a, button, input[type='button'], input[type='submit'] {cursor: pointer;}

/* search */
.board-top-area {display: flex; justify-content: space-between; margin-bottom: 40px;}
.board-top-area .sns-area ul {display: flex;}
.board-top-area .sns-area ul li {padding: 0 20px; position: relative;}
.board-top-area .sns-area ul li:first-child {padding-left: 0;}
.board-top-area .sns-area ul li:last-child {padding-right: 0;}
.board-top-area .sns-area ul li:after {content: ""; width: 1px; height: 20px; background: #777; display: block; top: 8px; right: 0; position: absolute;}
.board-top-area .sns-area ul li:last-child:after {display: none;}
.board-top-area .sns-area ul li a {font-size: 24px; color: #777;}
.board-top-area .sns-area ul li a img {padding-top: 6px;}
#board-search {position: absolute; right: 0;}
.search-box {border-radius: 18px; height: 36px; line-height: 36px; width: 150px; position: relative; border: 1px solid #999; padding: 0 10px;}
.search-box input {width: 100%; line-height: 36px; background: transparent;}
.search-box button {position: absolute; right: 10px; top: 7px; background: none; border: none;}
.search-box button i {display: block; font-size: 18px; color: #999;}

@media (max-width: 767px) {
	.board-top-area {flex-wrap: wrap;}
	.sns-area {width: 100%;}
	.sns-area ul {justify-content: center;}
	#board-search {position: relative; right: auto; width: 100%; margin-top: 20px;}
	.search-box {width: 100%;}
}

/* pagination */
.pagination {text-align:center; display:block;}
.pagination ul {text-align:center; display:inline-block;}
.pagination ul li {display:block; float: left; vertical-align:middle; margin: 0 2px;}
.pagination ul li a {text-align:center; display:inline-block; color:#333; vertical-align:middle; width:32px;  height: 30px; line-height:29px;}
.pagination ul li a.btn_prev {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2Sobneq%2Sot_ceri.cat) center no-repeat; text-indent: -9999px; width: 29px; height: 29px;  margin: 0 5px 0 0;}
.pagination ul li a.btn_next {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2Sobneq%2Sot_arkg.cat) center no-repeat; text-indent: -9999px; width: 29px; height: 29px;  margin: 0 0 0 5px;}
.pagination ul li a.current {font-weight:bold; width: 29px; height: 29px; line-height: 29px;}
.pagination ul li a img {max-width:100%; vertical-align:middle;}
.pagination ul li a.board_button:hover {background-color:transparent;}

/* 더보기 버튼 */
.button a {display: inline-flex; padding: 10px 30px; color: #222; align-items: center; border-radius: 25px; border: 1px solid #222;}
.button-more a {height: 60px; line-height: 60px; display: block; font-size: 24px; color: #222; border-radius: 10px; border: 1px solid #ccc; background: #fbfbfa;}
.button-more-right {position: absolute; right: 0; bottom: 0;}
.button-more-right a {display: inline-flex; padding: 10px 30px; color: #fff; align-items: center; border-radius: 25px;}
.button-more-right a i {padding-left: 25px;}
.button-more-center {justify-content: center; display: flex;}
.button-more-center a {display: inline-flex; padding: 10px 30px; color: #fff; align-items: center; border-radius: 25px;}
.button-more-center a i {padding-left: 25px;}
.button-small a {padding: 5px 25px;}
.button-large a {border-radius: 30px;}
.button-wide a {width: 300px; height: 60px; line-height: 60px; border-radius: 30px; padding: 0 40px;}
.button-more-blur {position: absolute; bottom: 0; width: 100%;}
.button-more-blur a {display: block; font-size: 24px; color: #222; background: linear-gradient(to top, rgba(255,255,255,1) 70%, rgba(255,255,255,0)); padding-top: 120px;}

@media (max-width: 767px) {
	.button-more-right {position: relative; margin-top: 20px;}
}

/* 게시판 분류 */
.board-category {display: flex; gap: 20px; margin-top: 25px;}
.board-category li a {font-size: 24px; font-family: 'S-CoreDream-7ExtraBold'; color: #777;}
.board-category li a i {color: #ccc;}
.board-category li.active a {color: #222;}
.board-category li.active a i {color: #e23535;}

/* 테이블형 게시판 */
.board-table table a {color: #222}
.board-table table .no{width:10%;}
.board-table table .name{width:10%;}
.board-table table .date{width:10%;}
.board-table table .medium{width:20%;}
.board-table table {width:100%; border-spacing:0px; border:0; border-collapse:collapse; border-top:2px solid #222;}
.board-table table .notice {background-color: #0b5e88; color: #fff;}
.board-table table tr:hover {background:#f7f7f7;}
.board-table table tr:hover .num01 {color:#1bafc3;}
.board-table table tr:hover .num02 {color:#333;}
.board-table table .notice td {color: #fff;}
.board-table table .notice td.title a {color:#fff;}
.board-table table .notice td.title a:hover {color: #fff; font-weight: normal;}
.board-table table td {padding:15px; border-bottom:1px solid #ddd; text-align:center; color:#333; font-size:16px;}
.board-table table .notice_box{display:inline-block; padding:2px 14px; border:1px solid #1bafc3; font-size:14px; color:#1bafc3; font-weight:normal; vertical-align:text-top;}
.board-table table td.name .answer_no {border:1px solid #555; display:inline-block; padding:2px 7px;}
.board-table table td.name .answer_ok {border:1px solid #1bafc3; color:#1bafc3; display:inline-block; padding:2px 7px;}

@media (max-width: 767px) {
	.board-table table tr:nth-child(1) {
		display: none;
	}
	.board-table table td {
		padding: 10px;
		text-align: left;
		font-size: 14px;
		display: block;
		border-bottom: none;
	}
	.board-table table .no {
		display: none;
	}
	.board-table table .name, .board-table table .date {
		width: 50%; font-size: 12px; color: #777; float: left; border-bottom: 1px solid #ddd; padding-top: 0;
	}
	.board-table table .date {
		text-align: right;
	}
}

/* FAQ */
.board-faq {border-top:2px solid #333;}
.board-faq ul li {}
.board-faq ul li .Question {float:left; color:#ccc; font-size:18px; font-weight:bold;}
.board-faq ul li .Question .active_off {display:inline;}
.board-faq ul li .Question .active_on {display:none}
.board-faq ul li .active .Question {color:#22a777;}
.board-faq ul li .active .Question .active_off {display:none;}
.board-faq ul li .active .Question .active_on {display:inline;}
.board-faq ul li .Answer {float:left; color:#222; font-size:18px; font-weight:bold;}
.board-faq ul li .Qtxt {padding-left:21px;}
.board-faq ul li .Atxt {padding-left:11px; font-size:16px; color:#777; line-height:200%; overflow-x:auto;}
.board-faq ul li h4 {padding-top:5px; color:#777; font-size:16px; font-weight: 600;}
.board-faq ul li .acc.active h4 {color:#22a777;}
.board-faq ul li .Category {display:inline;}
.board-faq ul li .acc {padding:20px; cursor:pointer; border-bottom:1px solid #ddd; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2Synlbhg%2Sneebj-qbja.fit) right 20px center no-repeat; background-size: 20px;}
.board-faq ul li .acc_cont {display:none; padding:20px 30px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.board-faq ul li .acc.active {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2Synlbhg%2Sneebj-hc.fit) right 20px center no-repeat; background-size: 20px;}

@media (max-width: 767px) {
	.board-faq ul li .acc, .board-faq ul li .acc_cont {
		padding: 20px 10px;
	}
}

/* 게시판 카테고리형 */
.board-type-text-category {display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px;}
.board-type-text-category .head > div {display: inline-block; padding: 10px 15px 5px 15px; margin-bottom: 20px; color: #fff;}
.board-type-text-category .head > div.wait {background-color: #fd5e00;}
.board-type-text-category .head > div.done {background-color: #323232;}
.board-type-text-category .body h4 {font-size: 22px; color: #e0eaf3;}
.board-type-text-category .body p {font-size: 14px; color: #e0eaf3; margin-top: 5px;}

@media (max-width: 767px) {
    .board-type-text-category {display: grid; grid-template-columns: 1fr; gap: 30px;}
}
@media (min-width: 768px){
    .board-type-text-category {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
}
@media (min-width: 992px){
    
}
@media (min-width: 1310px){
    .board-type-text-category {display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px;}
}
@media (min-width: 1530px){
    
}

/* 게시판 좌측 이미지형 둥근 이미지 */
.board-type-img-circle {display: grid; grid-template-columns: repeat(2, 1fr); gap: 100px;}
.board-type-img-circle .head {display: flex; gap: 20px; align-items: center;}
.board-type-img-circle .head h4 {font-size: 27px; font-weight: 700; color: #1e1e1e;}
.board-type-img-circle .body {font-size: 14px; color: #6b6b6b; margin-top: 15px;}
@media (max-width: 767px) {
    .board-type-img-circle {grid-template-columns: 1fr; gap: 50px;}
    .board-type-img-circle .head h4 {font-size: 24px;}
}
@media (min-width: 768px){
    
}
@media (min-width: 992px){
    
}
@media (min-width: 1310px){
    
}
@media (min-width: 1530px){
    
}

/* 게시판 좌측 이미지형 */
.board-type-img {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 60px;}
.board-type-img li a {display: flex; gap: 30px; align-items: center;}
.board-type-img .head .img {width: 120px;}
.board-type-img .head .img img {width: 100%; height: 100%; display: block;}
.board-type-img .body h4 {font-size: 19px; font-weight: 700; color: #1e1e1e;}
.board-type-img .body p {margin-top: 15px; font-size: 14px; color: #6b6b6b;}
@media (max-width: 767px) {
    .board-type-img li a {align-items: flex-start;}
    .board-type-img {display: grid; grid-template-columns: 1fr; gap: 40px 60px;}
}
@media (min-width: 768px){
    .board-type-img {display: grid; grid-template-columns: 1fr; gap: 40px 60px;}
}
@media (min-width: 992px){
    
}
@media (min-width: 1310px){
    .board-type-img li a {gap: 30px;}
    .board-type-img {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 60px;}
}
@media (min-width: 1530px){
    
}

/* 게시판 좌측 이미지형 1줄 타입 */
.board-type-img-one {display: grid;}
.board-type-img-one > li {border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); overflow: hidden; display: flex; gap: 30px; align-items: center;}
.board-type-img-one > li > a {display: block;}
.board-type-img-one .head .img {width: 300px;}
.board-type-img-one .head .img img {width: 100%; height: 100%; display: block;}
.board-type-img-one .body {padding: 20px 40px;}
.board-type-img-one .body .category {width: 90px; line-height: 24px; border-radius: 12px;}
.board-type-img-one .body .status {margin-bottom: 10px;}
.board-type-img-one .body .status span {padding: 4px 10px; display: inline-flex; border-radius: 12px; line-height: 1;}
.board-type-img-one .body .status span.new {background: #2ee3b6; color: #222; border: 1px solid #2ee3b6;}
.board-type-img-one .body .status span.hot {background: #e23535; color: #fff; border: 1px solid #e23535;}
.board-type-img-one .body .status span.double {background: #9450c8; color: #fff; border: 1px solid #9450c8;}
.board-type-img-one .body .status span.off {border: 1px solid #ccc; background: #ccc; color: #777;}
.board-type-img-one .body .status span.on {display: inline-flex; border: 1px solid #222; background: #fff; color: #222;}
.board-type-img-one .body .status span.mountain {background: #22a777; color: #fff; border: 1px solid #22a777; border-radius: 20px;}
.board-type-img-one .body .status span.fish {background: #1678ff; color: #fff; border: 1px solid #1678ff; border-radius: 20px;}
.board-type-img-one .body .info ul {display: flex;}
.board-type-img-one .body .info ul li {font-size: 18px; padding: 0 10px; position: relative;}
.board-type-img-one .body .info ul li:after {content: ''; display: block; position: absolute; width: 1px; height: 18px; right: 0; top: 50%; transform: translate(0,-50%); background: #ccc;}
.board-type-img-one .body .info ul li:first-child {padding-left: 0;}
.board-type-img-one .body .info ul li:last-child {padding-right: 0;}
.board-type-img-one .body .info ul li:last-child:after {display: none;}

@media (max-width: 767px) {
    .board-type-img-one li a {align-items: flex-start;}
    .board-type-img-one {display: grid; grid-template-columns: 1fr; gap: 20px;}
	.board-type-img-one > li {flex-wrap: wrap;}
	.board-type-img-one .head, .board-type-img-one .head .img {width: 100%;}
	.board-type-img-one .body {padding: 0 20px 20px 20px;}
	.board-type-img-one .body h4 {flex-wrap: wrap; gap: 10px;}
}
@media (min-width: 768px){
    .board-type-img-one {display: grid; grid-template-columns: 1fr; gap: 20px;}
}
@media (min-width: 992px){
    
}
@media (min-width: 1310px){
    .board-type-img-one li a {gap: 30px;}
    .board-type-img-one {display: grid; grid-template-columns: 1fr; gap: 20px;}
}
@media (min-width: 1530px){
    
}

/* 예약 게시판 */
.reservation {border-top: 1px solid #ddd; border-bottom: 5px solid #eee;}
.reservation > li {border-radius: 0; background: #fff; box-shadow: none; overflow: hidden; display: flex; gap: 0; align-items: center; justify-content: space-between;}
.reservation .head, .reservation .body {padding: 40px 0;}
.reservation .head {width: 300px; border-radius: 10px; overflow: hidden;}
.reservation .reserve-info {display: flex; height: 100%; padding: 50px; flex-wrap: wrap; align-content: center; width: calc(100% / 3);}
.reservation .reserve-info .people button {width: 40px; height: 40px; border: 1px solid #ddd; background: #fff;}
.reservation .reserve-info .people input {text-align: center; width: 100px; line-height: 40px; height: 40px; border: 1px solid #ddd;}
.reservation .reserve-info .price-cal {text-align: right; width: 100%; line-height: 40px; height: 40px; background: #eee; padding: 0 10px;}
.reservation .reserve-info .price-cal input {background: transparent; text-align: right; font-weight: 700; font-size: 18px; line-height: 40px; padding-right: 20px; margin-top: -2px;}
.reservation .reserve-content {padding: 40px 0; border-top: 1px solid #ddd;}
.reservation .reserve-content .info-txt {padding-left: 100px;}
.reservation .reserve-content .info-txt .course-txt {grid-template-columns: 300px 1fr; gap: 100px;}
.reservation .reserve-content .info-txt .course-txt > div {width: 300px;}
.reservation .reserve-content .info-txt .course-txt > ul {width: 100%; margin-top: -20px;}
.reservation .reserve-content .info-txt .course-txt > ul li {display: inline-flex; align-items: center; border-bottom: 1px solid #ddd; color: #222; padding-top: 20px; padding-bottom: 20px;}
.reservation .reserve-content .info-txt .course-txt > ul li:last-child {border-bottom: none;}
.reservation .reserve-content .info-txt .course-txt > ul li strong {width: 125px;}
.reservation.result > li {border-radius: 0; background: #fff; box-shadow: none; overflow: hidden; display: flex; gap: 50px; align-items: center; justify-content: start;}

@media (min-width: 1310px) {
	.board-type-img-one.reservation {display: grid; grid-template-columns: 1fr; gap: 0;}
}

/* 게시판 갤러리형 */
.board-type-gallery {display: grid;}
.board-type-gallery a {display: block;}
.board-type-gallery .head .img img {width: 100%; height: 100%; display: block; object-fit: cover; aspect-ratio: 3/2;}
.board-type-gallery .body h4 {font-weight: 700; font-size: 16px; font-weight: 700; color: #1e1e1e;}
.board-type-gallery .body {padding: 20px 5px 0 5px;}
.board-type-gallery .body p {font-size: 14px; color: #8c8c8c; margin-top: 30px;}
@media (max-width: 767px) {
    .board-type-gallery {grid-template-columns: 1fr; gap: 30px;}
}
@media (min-width: 768px){
    .board-type-gallery {grid-template-columns: repeat(2, 1fr); gap: 15px;}
}
@media (min-width: 992px){
    
}
@media (min-width: 1310px){
    .board-type-gallery {grid-template-columns: repeat(4, 1fr); gap: 15px;}
}
@media (min-width: 1530px){
    
}

/* 게시판 갤러리형 3단 그리드 */
.board-type-gallery-three {display: grid;}
.board-type-gallery-three a {display: block;}
.board-type-gallery-three .head .img img {width: 100%; height: 100%; display: block;}
.board-type-gallery-three .body h4 {}
.board-type-gallery-three .body {padding: 15px 5px 0 5px;}
.board-type-gallery-three .body p {font-size: 14px; color: #777; margin-top: 5px;}
@media (max-width: 767px) {
    .board-type-gallery-three {grid-template-columns: 1fr; gap: 25px 15px;}
}
@media (min-width: 768px){
    .board-type-gallery-three {grid-template-columns: repeat(2, 1fr); gap: 50px 30px;}
}
@media (min-width: 992px){
    
}
@media (min-width: 1310px){
    .board-type-gallery-three {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1530px){
    
}

/* 게시판 갤러리 박스형 */
/* .board-type-gallery-box {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} */
.board-type-gallery-box {display: flex;}
.board-type-gallery-box .slick-track {height: 100%;}
.board-type-gallery-box a {display: block;}
.board-type-gallery-box li {background: #fff; margin: 0 7px;}
.board-type-gallery-box li:last-child {margin-right: 0;}
.board-type-gallery-box .head .img img {width: 100%; height: 100%; display: block;}
.board-type-gallery-box .body h4 {font-weight: 700; font-family: 'S-CoreDream-7ExtraBold'; font-size: 17px; font-weight: 700; color: #323232;}
.board-type-gallery-box .body {padding: 30px;}
.board-type-gallery-box .body p {font-size: 14px; color: #b1b1b1; margin-top: 15px;}
.board-type-gallery-box .slick-list {margin: 0 -7px;}
.slide-nav button {position: absolute; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 3px; box-shadow: 0 0 15px rgba(0,0,0,0.15); z-index: 2; display: block;}
@media (max-width: 767px) {
    .slide-nav button {width: 30px; height: 30px;}
    .slide-nav .prev-btn {left: -15px;}
    .slide-nav .next-btn {right: -15px;}
}
@media (min-width: 768px) {
    .board-type-gallery-box {display: flex;}
    .board-type-gallery-box .slick-track {height: 100%;}
    .board-type-gallery-box a {display: block;}
    .board-type-gallery-box li {background: #fff; margin: 0 7px;}
    .board-type-gallery-box li:last-child {margin-right: 0;}
    .board-type-gallery-box .head .img img {width: 100%; height: 100%; display: block;}
    .board-type-gallery-box .body h4 {font-weight: 700; font-family: 'S-CoreDream-7ExtraBold'; font-size: 17px; font-weight: 700; color: #323232;}
    .board-type-gallery-box .body {padding: 30px;}
    .board-type-gallery-box .body p {font-size: 14px; color: #b1b1b1; margin-top: 15px;}
    .board-type-gallery-box .slick-list {margin: 0 -7px;}
    .slide-nav button {width: 40px; height: 40px;}
    .slide-nav .prev-btn {left: -20px;}
    .slide-nav .next-btn {right: -20px;}
}
@media (min-width: 1310px) {
    .board-type-gallery-box {display: flex;}
    .board-type-gallery-box .slick-track {height: 100%;}
    .board-type-gallery-box a {display: block;}
    .board-type-gallery-box li {background: #fff; margin: 0 7px;}
    .board-type-gallery-box li:last-child {margin-right: 0;}
    .board-type-gallery-box .head .img img {width: 100%; height: 100%; display: block;}
    .board-type-gallery-box .body h4 {font-weight: 700; font-family: 'S-CoreDream-7ExtraBold'; font-size: 17px; font-weight: 700; color: #323232;}
    .board-type-gallery-box .body {padding: 30px;}
    .board-type-gallery-box .body p {font-size: 14px; color: #b1b1b1; margin-top: 15px;}
    .board-type-gallery-box .slick-list {margin: 0 -7px;}
    .slide-nav button {width: 60px; height: 60px;}
    .slide-nav .prev-btn {left: -70px;}
    .slide-nav .next-btn {right: -70px;}
}
@media (min-width: 1530px) {
    .board-type-gallery-box {display: flex;}
    .board-type-gallery-box .slick-track {height: 100%;}
    .board-type-gallery-box a {display: block;}
    .board-type-gallery-box li {background: #fff; margin: 0 7px;}
    .board-type-gallery-box li:last-child {margin-right: 0;}
    .board-type-gallery-box .head .img img {width: 100%; height: 100%; display: block;}
    .board-type-gallery-box .body h4 {font-weight: 700; font-family: 'S-CoreDream-7ExtraBold'; font-size: 17px; font-weight: 700; color: #323232;}
    .board-type-gallery-box .body {padding: 30px;}
    .board-type-gallery-box .body p {font-size: 14px; color: #b1b1b1; margin-top: 15px;}
    .board-type-gallery-box .slick-list {margin: 0 -7px;}
    .slide-nav .prev-btn {left: -110px;}
    .slide-nav .next-btn {right: -110px;}
}

/* 게시판 갤러리 박스형 3단 그리드 */
/* .board-type-gallery-box {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} */
.board-type-gallery-box-three {display: grid; gap: 30px;}
.board-type-gallery-box-three > li {background: #fff; border-radius: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); overflow: hidden;}
.board-type-gallery-box-three .head .img img {width: 100%; height: 100%; display: block;}
.board-type-gallery-box-three .body {padding: 30px;}
.board-type-gallery-box-three .body .status {margin-bottom: 10px;}
.board-type-gallery-box-three .body .status span {padding: 4px 10px; display: inline-flex; border: 1px solid #ccc; background: #ccc; color: #777; border-radius: 12px; line-height: 1;}
.board-type-gallery-box-three .body .status span.on {display: inline-flex; border: 1px solid #222; background: #fff; color: #222;}
.board-type-gallery-box-three .body .info ul {display: flex;}
.board-type-gallery-box-three .body .info ul li {font-size: 14px; padding: 0 10px; position: relative;}
.board-type-gallery-box-three .body .info ul li:after {content: ''; display: block; position: absolute; width: 1px; height: 14px; right: 0; top: 50%; transform: translate(0,-50%); background: #ccc;}
.board-type-gallery-box-three .body .info ul li:first-child {padding-left: 0;}
.board-type-gallery-box-three .body .info ul li:last-child {padding-right: 0;}
.board-type-gallery-box-three .body .info ul li:last-child:after {display: none;}
.board-type-gallery-box-three .body p {font-size: 14px; color: #b1b1b1; margin-top: 10px;}
.board-type-gallery-box-three .body .link {margin-top: 30px;}
.board-type-gallery-box-three .body .link a {display: block; color: #fff; background: #22a777; height: 36px; line-height: 36px; border-radius: 5px;}

@media (max-width: 767px) {
    .slide-nav button {width: 30px; height: 30px;}
    .slide-nav .prev-btn {left: -15px;}
    .slide-nav .next-btn {right: -15px;}
}
@media (min-width: 768px) {
    .board-type-gallery-box-three {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 1310px) {
    .board-type-gallery-box-three {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1530px) {
}

/* textarea */
.textarea textarea {width: 100%; min-height: 250px; padding: 15px 20px; color: #999; border: 1px solid #ddd; background: #fff; border-radius: 5px; font-size: 18px;}

/* login */
.login {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Sot-ybtva.wct) no-repeat; background-size: cover; padding: 50px 0; margin-bottom: -150px;}
.login .login-box {background: #fff; max-width: 450px; margin: 0 auto; padding: 100px 20px; border-radius: 10px;}
.login-box .input-box {border-radius: 10px; border: 1px solid #ddd; line-height: 50px; position: relative;}
.login-box .input-box input[type='id'], .login-box .input-box input[type='text'], .login-box .input-box input[type='password'] {border: none; line-height: 50px; width: calc(100% - 60px); padding: 0 30px; margin-left: 55px; background: transparent; margin-top: -2px; border: none;}
.login-box .input-box input[type='email'] {border: none; line-height: 50px; width: 100%; padding: 0 30px; background: transparent; margin-top: -2px; border: none; text-align: center;}
.login-box .input-box label {position: absolute; left: 0; text-align: center; width: 60px;}
.login-box .input-box label img {height: 15px;}
.find .login-box .input-box input[type='text'], .find .login-box .input-box input[type='password'] {border: none; line-height: 50px; width: 100%; padding: 0 30px; background: transparent; margin-top: -2px; border: none; text-align: center; margin-left: 0;}
.login-box input[type='submit'], .find .login-box button {width: 100%; border-radius: 10px; line-height: 50px; color: #fff; background: #222;}
.login-box .login-sns div:before {content:""; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 155px; height: 3px; background: #ddd;}
.login-box .login-sns div:after {content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 155px; height: 3px; background: #ddd;}

@media (max-width: 767px) {
	.login {
		margin-bottom: -100px;
	}
    .login .login-box {
		background: #fff;
		max-width: 450px;
		margin: 0 auto;
		padding: 40px 20px;
		border-radius: 10px;
	}
	.login-box .login-sns div:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 30%;
		height: 3px;
		background: #ddd;
	}
	.login-box .login-sns div:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 30%;
		height: 3px;
		background: #ddd;
	}
	.login-box .input-box {
		border-radius: 10px;
		border: 1px solid #ddd;
		line-height: 40px;
		position: relative;
	}
	.login-box .input-box label {
		position: absolute;
		left: 0;
		text-align: center;
		width: 50px;
	}
	.login-box .input-box input[type='text'], .login-box .input-box input[type='password'] {
		border: none;
		line-height: 40px;
		width: calc(100% - 50px);
		padding: 0 15px;
		margin-left: 45px;
		background: transparent;
		margin-top: -2px;
		border: none;
	}

}
@media (min-width: 768px) {
    .board-type-gallery-box-three {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 1310px) {
    .board-type-gallery-box-three {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1530px) {
}

/* 아이디 비밀번호 찾기 */
.find .login-box {max-width: 450px; margin: 0 auto; padding: 0 20px;}
.find-copy {padding-bottom: 35px; border-bottom: 3px solid #ddd;}
.find .login-box .login-select {text-align: left;}

/* 기본적으로 모든 라디오 버튼을 숨김 */
.find .login-box .login-select label input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* 라디오 버튼의 컨테이너 스타일 */
.find .login-box .login-select label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    user-select: none;
    color: #333;
}

/* 사용자 정의된 라디오 버튼 */
.find .login-box .login-select label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

/* 라디오 버튼을 선택했을 때 표시되는 스타일 */
.find .login-box .login-select label input:checked ~ .checkmark {
    background-color: #31afe9;
}

/* 라디오 버튼 안의 원형 표시 */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.find .login-box .login-select label input:checked ~ .checkmark:after {
    display: block;
}

/* 선택된 라디오 버튼 안의 원형 표시의 스타일 */
.find .login-box .login-select label .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/* 마이페이지 */
.my-happy-title .grid {grid-template-columns: 250px auto; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,.15);}
.my-happy-title .head img {display: block; aspect-ratio: 1/1.774; object-fit: cover; width: 100%; height: 100%;}
.my-happy-title .body {padding: 30px 40px;}
.my-happy-title .board-table table td {padding:}
.my-happy-title .body .status {background: #ff9600; padding: 5px 20px; border-radius: 20px;}

.my-reserve.reservation .head {width: 155px;}
.my-reserve.board-type-img-one .head .img {width: 155px; padding: 0 0 0 20px;}
.my-reserve.reservation > li {display: grid; grid-template-columns: 155px 1fr 1fr; gap: 30px; align-items: center; justify-content: flex-start; border-top: 1px solid #ddd;}
.my-reserve.reservation > li:last-child {border-bottom: 1px solid #ddd;}
.my-reserve.reservation .reserve-info {height: 100%; padding: 20px; align-content: center; width: 100%;}
.my-reserve.reservation {border: none;}
.my-reserve .button a {background: #f3f3f3; border: none; color: #777;}
.my-reserve .button a.on {background: #222; border: none; color: #fff;}
.my-reserve.reservation .body {padding: 0;}

@media (max-width: 767px) {
	.my-happy-title .grid {
		grid-template-columns: 1fr;
		border-radius: 15px;
		box-shadow: 0 0 15px rgba(0,0,0,.15);
	}
	.my-happy-title .head img {
		display: block;
		width: 100%;
		border-radius: 15px;
	}
	.my-happy-title .body {
		padding: 20px;
	}
	.my-happy-title .body h4.flex {
		flex-wrap: wrap;  justify-content: center;
	}
	.my-happy-title .body .status {
		margin-right: 0;
	}
	.my-happy-title .body .happy-title-cont {
		display: block; width: 100%; text-align: center; margin-top: 15px;
	}
	.my-happy-title .body h4 .margin-l-20 {
		margin-left: 0; margin-top: 15px; display: block; text-align: center; width: 100%;
	}
	.my-happy-title .board-table table tr:nth-child(1) {
		display: table-row;
	}
	.my-happy-title .board-table table td {
		padding: 10px;
		text-align: center;
		font-size: 14px;
		display: table-cell;
		border-bottom: 1px solid #ddd;
	}
	.my-happy-title .board-table table .no {
		display: none;
	}
	.my-happy-title .board-table table .name, .my-happy-title .board-table table .date {
		width: 10%; font-size: 12px; color: #777; float: none; border-bottom: 1px solid #ddd; padding-top: 10px;
	}
	.my-happy-title .board-table table .date {
		text-align: center;
	}
	.my-happy-title .board-table table tr td:nth-child(2), .my-happy-title .board-table table tr td:nth-child(3), .my-happy-title .board-table table tr td:nth-child(4) {
		display: none;
	}
	#happyzone-area .search-area.flex {display: block;}
	#happyzone-area .happyzone-table.board-table table tr:nth-child(1) {
		display: table-row;
	}
	#happyzone-area .happyzone-table.board-table table td {
		padding: 10px;
		text-align: center;
		font-size: 14px;
		display: table-cell;
		border-bottom: 1px solid #ddd;
	}
	#happyzone-area .happyzone-table.board-table table .no {
		display: none;
	}
	#happyzone-area .happyzone-table.board-table table .name, #happyzone-area .happyzone-table.board-table table .date {
		width: 10%; font-size: 12px; color: #777; float: none; border-bottom: 1px solid #ddd; padding-top: 10px;
	}
	#happyzone-area .happyzone-table.board-table table .date {
		text-align: center;
	}
	#happyzone-area .happyzone-table.board-table table tr td:nth-child(2), #happyzone-area .happyzone-table.board-table table tr td:nth-child(3), #happyzone-area .happyzone-table.board-table table tr td:nth-child(4) {
		display: none;
	}

	.my-reserve.reservation > li {
		display: grid;
		grid-template-columns: 1fr;
		gap: 15px;
		align-items: center;
		justify-content: flex-start;
		border-top: 1px solid #ddd;
	}
	.my-reserve.reservation .head {
		width: 100%;
	}
		.my-reserve.board-type-img-one .head .img {
		width: 100%;
		padding: 0;
	}
	.reservation .head, .reservation .body {
		padding: 20px 0 0 0;
	}
	.my-reserve.reservation .body {
		padding: 0 20px;
	}
	.board-type-img-one .body .info ul {
		flex-wrap: wrap;
	}
	.board-type-img-one .body .info ul li {
		font-size: 14px;
		padding: 3px 0;
		position: relative;
	}
	.board-type-img-one .body .info ul li:after {display: none;}
	.board-type-img-one .body .price {margin-top: 10px;}
	.my-reserve.reservation .reserve-info {
		height: 100%;
		padding: 0 20px;
		align-content: center;
		width: 100%;
	}
	.my-reserve.reservation .reserve-info .button {
		margin-top: 15px;
	}
	.my-reserve.reservation > li:last-child {
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}

}

/* 회원가입 */
.join .naver a {display: block; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Swbva-anire.cat); background-repeat: no-repeat; background-position: left 15px center; background-color: #2db403; color: #fff; line-height: 50px; border-radius: 3px;}
.join .kakao a {display: block; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Swbva-xnxnb.cat); background-repeat: no-repeat; background-position: left 15px center; background-color: #fece09; color: #222; line-height: 50px; border-radius: 3px;}
.join .busan a {display: block; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Swbva-ohfna.cat); background-repeat: no-repeat; background-position: left 15px center; background-color: #222; color: #fff; line-height: 50px; border-radius: 3px;}

.join .agree {padding: 30px; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,.15);}
.join .agree ul li {transition: background 0.3s ease-in-out;}
.join .agree ul li:first-child {border-bottom: 1px solid #ddd;}
.agree ul li .acc {padding: 20px 0; cursor: pointer; display: flex; align-items: center;}
.agree ul li .acc h5 {font-weight: 400;}
.join .agree ul li:first-child .acc {padding-top: 0;}
.join .agree ul li:first-child .acc h5 {font-weight: 700;}
.agree ul li .acc_cont {display: none; padding: 0 20px 20px 20px; border-bottom: 1px solid #ddd;}
.agree ul li .Qtxt {padding-left: 20px;}
input.mem2[type=checkbox]:not(old) {position: absolute; padding: 0; border: 0 none; background: transparent; cursor: pointer; display: none;}
input.mem2[type=checkbox]:not(old) + label {position: relative; display: block; width: 31px; height: 31px; background: transparent url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2Synlbhg%2Spurpxobk-bss.cat') top left no-repeat; background-size: 31px 31px; cursor: pointer; cursor: pointer; z-index: 4;}
input.mem2[type=checkbox]:checked + label, input.mem2[type=checkbox]:active + label {background: transparent url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2Synlbhg%2Spurpxobk-ba.cat') top left  no-repeat; background-size: 31px 31px;}
.join-row {padding: 20px 0; align-items: center; display: grid; grid-template-columns: 20% 1fr;}
.join-row .join-input-box .input-box {background: #f9f9f9; border-radius: 5px; overflow: hidden;}
.join-row .join-input-box .input-box.read-only {background: #fff; height: 50px; padding: 0 10px; line-height: 50px;}
.join-row .join-input-box input[type='text'], .join-row .join-input-box input[type='password'], .join-row .join-input-box select {height: 50px; width: 100%; padding: 0 10px; background-color: transparent;}
.join-row .join-input-box.grid {grid-template-columns: 80% calc(20% - 20px); gap: 20px;}
.join-row .join-input-box.grid button {border: 1px solid #222; background: #fff; width: 100%; height: 50px; display: block; border-radius: 5px;}
.join-row .join-input-box.grid .email-wrap .email {width: calc(45% - 9px); height: 46px; outline: none;}
.join select, div.input-wrap select {background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2Synlbhg%2Sfryrpg-ot.cat) right 20px center no-repeat;}

.join-row .radio-box ul li:first-child {border-bottom: none;}
.join-row .radio-box label {border-radius: 5px; padding: 10px; font-size: 14px; width: 100%; display: block; text-align: center; color: #fff; background: #999; cursor: pointer;}
.join-row .radio-box input[type='radio'] {display: none;}
.join-row .radio-box input[type='radio']:checked + label {background: #e25959; box-shadow: 2px 0 5px rgba(0,0,0,0.24);}

.link-sns .link-status span {display: inline-block; padding: 5px 25px; border-radius: 22px; border: 1px solid #999;}

.newsletter ul {gap: 25px;}
.newsletter ul li {padding: 20px; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,.15); gap: 25px;}
.newsletter ul li h5 {display: flex; align-items: center;}
.newsletter ul li h5 span {padding: 2px 15px 0 15px; display: inline-flex; color: #fff; border-radius: 10px; font-size: 14px; font-weight: 400; margin-left: 10px;}
.newsletter ul li .bread h5 span {background: #ff0066;}
.newsletter ul li .weekend h5 span {background: #f99b44;}
.newsletter ul li .weeknjoy h5 span {background: #6dbd40;}
.newsletter ul li .newscook h5 span {background: #00c2ba;}

.newsletter ul {gap: 25px;}
.newsletter ul li {padding: 20px; border-radius: 15px; box-shadow: 0 0 15px rgba(0,0,0,.15); gap: 25px;}
.newsletter ul li h5 {display: flex; align-items: center;}
.newsletter ul li h5 span {padding: 2px 15px 0 15px; display: inline-flex; color: #fff; border-radius: 10px; font-size: 14px; font-weight: 400; margin-left: 10px;}
.newsletter ul li .bread h5 span {background: #ff0066;}
.newsletter ul li .weekend h5 span {background: #f99b44;}
.newsletter ul li .weeknjoy h5 span {background: #6dbd40;}
.newsletter ul li .newscook h5 span {background: #00c2ba;}

.button-border-wrap {border-top: 1px solid #ddd; padding-top: 50px;}
.button-border-wrap ul {gap: 30px;}
.button-border-wrap input[type='submit'], .button-border-wrap a {width: 150px; height: 50px; line-height: 50px; display: inline-flex; border-radius: 15px; justify-content: center;}

.join-end {background: #f9f9f9 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Swbva-raq.cat) right bottom no-repeat; padding: 100px 80px;}
.join-end h3 strong {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Swbva-yvar.cat) bottom left repeat-x;}
.join-end .join-button a {width: 130px; height: 40px; line-height: 40px; display: inline-flex; border-radius: 5px; justify-content: center;}
.join-end .join-button li:nth-child(1) a, .join-end .join-button li:nth-child(2) a {background-color: #222;}
.join-end .join-button li:nth-child(3) a {background-color: #66c1ff; color: #222;}



@media (max-width: 767px) {
	.join .agree {
		padding: 20px 15px;
		border-radius: 15px;
		box-shadow: 0 0 15px rgba(0,0,0,.15);
	}
	.join-row {
		padding: 10px 0;
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.join-row .join-input-box .input-box.read-only {
		padding-left: 0;
	}
	.join-row .join-input-box.grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	#newsletter .grid-4 {grid-template-columns: 1fr; gap: 10px;}
	.newsletter ul {gap: 10px;}
	.button-border-wrap {padding-top: 35px;}
	.button-border-wrap ul {gap: 10px;}
	.button-border-wrap input[type='submit'], .button-border-wrap a {
		width: 135px;
		height: 40px;
		line-height: 40px;
		border-radius: 7px;
	}
	.join-end {
		background: #f9f9f9 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Swbva-raq.cat) right bottom no-repeat;
		padding: 50px 20px 100px;
		background-size: 40%;
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 0;
	}
	.join-end .join-button {margin-top: 30px;}
	.join-end .join-button a {width: 100px;}
}

/* 스템프 */
.stamp {padding: 40px 0;}
.stamp ul {display: grid; align-items: center; justify-content: space-between; justify-items: center; gap: 40px;}
.stamp ul li {width: 147px; height: 147px; align-items: center; display: flex; justify-content: center; text-align: center; font-size: 30px; color: #ccc; line-height: 1.2; font-family: 'S-CoreDream-6Bold'; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S01_pbhefr%2Sot-fgnzc.cat); background-position: center center; background-repeat: no-repeat;}
.stamp ul li.active {color: #e25959; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S01_pbhefr%2Sot-fgnzc-ba.cat); background-position: center center; background-repeat: no-repeat;}
.stamp ul li.medal {color: #fff; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S01_pbhefr%2Sot-zrqny.cat);}
.stamp ul li.medal.active {color: #fff; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S01_pbhefr%2Sot-zrqny-ba.cat);}

@media (max-width: 767px) {
	.stamp ul {grid-template-columns: repeat(2, 1fr); gap: 20px;}
	.stamp ul li {width: 120px; height: 120px; font-size: 30px; background-size: cover;}
}
@media (min-width: 768px){
	.stamp ul {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 992px){
	.stamp ul {grid-template-columns: repeat(5, 147px);}
}
@media (min-width: 1310px){
}
@media (min-width: 1530px){
	
}

/* 스템프 안내 */
.stamp-tab ul {gap: 50px; padding: 0 50px;}
.stamp-tab ul li {width: calc(100% / 5);}
.stamp-tab ul li a {background-color: #eee; color: #777; padding: 30px 0 25px 0; border-radius: 10px 10px 0 0; width: 100%; display: block; font-size: 24px;}
.stamp-tab ul li.active a {color: #fff;}
.mountain .stamp-tab ul li.active a {background-color: #00aa7d;}

.stamp-content {border-radius: 15px 15px 0 0; overflow: hidden;}
.mountain .stamp-content {background: #00aa7d;}
.stamp-content .head {padding: 50px 90px 0 90px;}
.stamp-content .head ul {gap: 100px; border-bottom: 1px solid #fff; padding-bottom: 30px;}
.stamp-content .head ul li:nth-child(1) a h5 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Svpba-zbhagnva01.cat);}
.stamp-content .head ul li:nth-child(2) a h5 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Svpba-zbhagnva02.cat);}
.stamp-content .head ul li:nth-child(3) a h5 {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Svpba-zbhagnva03.cat);}
.stamp-content .head ul li a h5 {color: #fff; padding-top: 90px; background-position: top center; background-repeat: no-repeat;}

.stamp-content .body {padding: 0 90px 100px 90px;}
.stamp-mypage .stamp {padding: 40px 0;}
.stamp-mypage .stamp ul {display: grid; align-items: center; justify-content: space-between; gap: 40px;}
.stamp-mypage .stamp ul li {width: 147px; height: 147px; align-items: center; display: flex; justify-content: center; text-align: center; font-size: 30px; color: #fff; line-height: 1.2; font-family: 'S-CoreDream-6Bold'; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Sot-fgnzc-zlcntr.cat); background-position: center center; background-repeat: no-repeat;}
.stamp-mypage .stamp ul li.active {color: #ffd145; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S05_zlcntr%2Sot-fgnzc-zlcntr-ba.cat);}
.stamp-mypage .stamp ul li.medal {color: #fff; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S01_pbhefr%2Sot-zrqny.cat); background-position: center center; background-repeat: no-repeat;}
.stamp-mypage .stamp ul li.medal.active {color: #fff; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Szrz.ohfna.pbz%2Svzt%2S01_pbhefr%2Sot-zrqny-ba.cat); background-size: cover;}

.stamp-content .foot {padding: 100px 40px; background: #f7f7f7; border-radius: 50px 0 0 0; box-shadow: 0 -20px 40px rgba(0,0,0,.25);}
.stamp-content .foot ul li.relative {overflow: hidden; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.thumbnail img {width: 100%; height: 100%; display: block;}
.description {background: rgba(8,63,49,0.0); opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; padding: 20px; display: grid; align-content: space-between;}
.description:hover {background: rgba(8,63,49,0.75); opacity: 1; filter: alpha(opacity=0.75);cursor: pointer;}
.description .status span {font-size: 14px; border: 1px solid #fff; width: 50px; height: 24px; line-height: 24px; border-radius: 12px; color: #fff; display: inline-flex; justify-content: center;}
.description a {display: block; position: relative; width: 100%; height: 100%; cursor: pointer;}
.description h2 {font-size: 36px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.stamp-content .foot ul li.relative .button a {color: #fff; background: #22a777; border-radius: 5px; text-align: center; border: none; line-height: 36px; height: 36px; padding: 0;}

@media (max-width: 767px) {
	.stamp-tab ul {
		gap: 5px;
		padding: 0 5px;
	}
	.stamp-tab ul li a {
		background-color: #eee;
		color: #777;
		padding: 15px 0 10px 0;
		border-radius: 5px 5px 0 0;
		width: 100%;
		display: block;
		font-size: 18px;
	}
	.stamp-content {
		border-radius: 5px 5px 0 0;
		overflow: hidden;
	}
	.stamp-content .head {
		padding: 40px 15px 0 15px;
	}
	.stamp-content .head ul {
		gap: 30px;
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
	}
	.stamp-content .head ul li a h5 {
		padding-top: 70px;
	}
	.stamp-content .body {
		padding: 0 10px 0 10px;
	}
	.stamp-mypage .stamp ul li {
		width: 120px; height: 120px; font-size: 30px; background-size: cover;
	}
	.stamp-mypage .stamp ul {
		gap: 20px;
	}
	.stamp-content .foot {
		padding: 40px 20px;
		background: #f7f7f7;
		border-radius: 20px 0 0 0;
		box-shadow: 0 -10px 20px rgba(0,0,0,.25);
	}
	.stamp-content .foot .grid-4 {
		grid-template-columns: 1fr;
	}
}

.happyzone-link {background-color: #1877f2; color: #fff; font-size: 24px; padding: 15px 30px; font-weight: 300; border-radius: 5px; display: inline-block;}
.happyzone-link i {color: #ffcc00;}

.mypoint-table table .date {width: 16%;}

@media (max-width: 767px) {
	.mypoint-table table .date {width: 70%; text-align: center;}
	.mypoint-table table .medium {
		width: 30%;
		float: right;
		text-align: center;
		border-bottom: 1px solid #ddd;
		padding-top: 0;
	}
}

.point-modal {padding: 30px;}
.point-modal input[type='text'], .point-modal input[type='password'] {height: 28px; line-height: 28px; padding: 5px; border: 1px solid #ddd;}
.point-modal input[type='button'] {border-radius: 3px;}
.point-modal #ok {background-color:#222; border:none; color:#fff; padding:5px 20px 5px 20px;}
.point-modal #cancel {background-color:#aaa; border:none; color:#fff; padding:5px 20px 5px 20px;}

/* modal */
#mbtn {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    cursor: pointer;
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.animate-top {
	position:relative;
	animation:animatetop 0.4s
}
@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
.modal {
	display: none;
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.275);
}

.modal-content {
	margin: 5% auto;
	width: 500px;
	max-width: 90%;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.175);
	border-radius: .3rem;
	outline: 0;
}
.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem;
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	margin-top: 0;
	font-size: 1.25rem;
}
.modal-header .close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	padding: 1rem;
	margin: -1rem -1rem -1rem auto;
	background-color: transparent;
	border: 0;
}
.close:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.modal-body {
	flex: 1 1 auto;
	padding: 1rem;
}
.modal-body p {
	margin-top: 0;
	margin-bottom: 1rem;
}
.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef;
}
.modal-footer>*{
	margin: 5px;
}