@font-face {
	font-family:'sangju'; font-style:normal; font-weight:700;
	src: url('/humanframe/theme/camping/assets/_fonts/SANGJU Gyeongcheon Island.ttf') format('truetype');
}

#contents{
	margin-bottom:0;
}

fieldset {padding: 0.75em 0 0.625em 0;}
@media all and (max-width:1024px){
	/* #container {
    padding-top: 60px;
	} */
	.header-logo .mayor_link{
	font-size: 20px;
    line-height: 40px;
    width: 235px;
    background-size: auto 40px;
    }
}
.title_bx{
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
}

.title_bx > img{
  	transform: scale(1.2);
	animation-name:zoomin;
	animation-duration:2s;
	animation-delay:0.3s;
    animation-timing-function:ease;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;	
}
@keyframes zoomin{
    0%{
      transform: scale(1.2);
    }
    100%{
     	transform: scale(1);
    }
}
.title_bx > .page_title{
	display:block;
	width:auto;
	color:#fff;
	position:absolute;
	top:33.898305%;
	left:50%;
	transform:translate(-50%,0);
	text-align:center;
	line-height:1em;
	font-size:4.2rem;
	font-weight:700;
	opacity:0;
	animation-name: showUp;
	animation-duration:2s;
	animation-delay:1.5s;
    animation-timing-function:ease;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;	
}
@keyframes showUp{
    0%{
	transform:translate(-50%,30px);
		opacity:0;
    }
    100%{
	transform:translate(-50%,0);
	opacity:1;
    }
}
.container-inner{
	max-width:1400px;
}

/* 검색 */
.boardSearchForm .rowTable .row .group.alone{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.boardSearchForm .rowTable .cellHeader{
	position:static;
}

.boardSearchForm .rowTable .cell input.date{
	width:auto;
}
input.textForm{
	width:312px;
}

@media all and (max-width:1024px){
}
@media all and (max-width:768px){

#location .lineMap span{
	font-size:0.9em;
}
.boardSearchForm .rowTable .cell input.date{
	width:100px;}
}
/* title */
#contents .titPage{
	width:100%;
}
/* btn style */
.btnTypeS,
.btnTypeM,
.btnTypeL {border-radius: 0; font-family:"Noto Sans KR", sans-serif;}
.button {border-radius:0; margin-bottom:0; font-family:"Noto Sans KR", sans-serif;}

.keyword_point {background:yellow; font-weight: bold;}

/* global fix style */
input, select, textarea {border-radius:0 !important;}
.boardList {margin-top:15px;}
.boardList thead th {background:#fff;}
.boardView {border-top:0;}
.boardView .form-group:first-child {border-bottom:2px solid #e60047;}
.boardView .newsTitle {font-size:28px; line-height:1.2; margin-bottom:10px;}
.boardView .newsTitle:after {content:""; clear:both; display:block;}
.boardView .newsTitle dt {display:inline-block;}
.boardView .newsTitle dt span {display:inline-block; padding:3px 10px; background:mediumvioletred; color:#fff; font-size:20px; vertical-align: bottom;}
.boardView .newsTitle dd {display:inline-block;}
.boardView .form-data-info dd {word-break: break-all;}
.boardView .form-data-content {background:#fff; border-bottom:1px solid #ccc;}
.boardView .form-data-content dd{
	padding:1.250em 0 7.125em
}
.boardView .form-data-content dd img {max-width:calc(100%); display:block; margin:0 auto 15px;}
.boardSearchForm .rowTable .form-search{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width:100%;
}
.boardSearchForm .rowTable .cellHeader {
	display:none;
	
}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt {
	font-size:20px;
	margin-right:40px;
}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt:after{
	display:none;
}
.boardList tr:hover td, .boardList tr:focus td {background:#fff;}
.boardSearchForm .rowTable .cell > span > span{
	display:inline-block;
}
.cellInDvSearchCell.srchKeyword > .textForm{
	width:252px !important;
}
/* tabStyle */
.tabStyle > li {width:20%; padding:0; text-align: center;}
.tabStyle > li:after {border-color:#568ed5;}
.tabStyle > li > a {text-align: center; border-radius:0; border-left:0; background-color:#fff; border-width:1px;}
.tabStyle > li:first-of-type > a {border-left:1px solid #ccc;}
.tabStyle > li a:hover, .tabStyle li a:focus, .tabStyle li a.active, .tabStyle li.active a {background-color: #568ed5; border-color:#568ed5; font-weight:bold; color:#fff;}

/* 게시판 페이징 */
.paginate {font-size:1em;}
.paginate .number strong {background-color:#e60047; border-color:#e60047;}
.paginate .number a, .paginate .number strong {border-radius:0; font-size:0.9em;}

/* 뉴스 in 부산 style */
.boardTextGallery {border-top:2px solid #e60047; padding: 0; border-bottom:1px solid #ccc;}
.boardTextGallery ul li {padding: 20px 0 20px 0; border-bottom:1px solid #ccc; position:relative;}
.boardTextGallery ul li:last-child {border-bottom:0;}
.boardTextGallery ul li .item {
	display:block;
	padding:0;
}
.boardTextGallery ul li .item:after {content:""; clear:both; display:block;}
.boardTextGallery ul li .item .tgImg {
    overflow: hidden;
    float: left;
    width: 300px;
    height: 160px;
    margin-right: 20px;
    margin-bottom: 0px;
	}
.boardTextGallery ul li .item .tgImg img {width:100%;}
.boardTextGallery ul li .item .tgCont {
    box-sizing: border-box;}
.boardTextGallery ul li .item .tgCont .bTitle {font-size:24px; 
font-weight:800; line-height:1.2; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-bottom:10px;}
.boardTextGallery ul li .item .tgCont .tgTxt {line-height:1.5;}
.tgTxt.sbTit{
	padding-left:16px;
	position:relative;
}
.tgTxt.sbTit::before{
	display:block;
	content:'';
	height:100%;
	width:3px;
	background-color:#e60047;
	position:absolute;
	top:0;
	left:0;
}
.boardTextGallery ul li .item .tgCont .tgTxt .writer { font-size:16px; margin-bottom:15px; color:#666;}
.boardTextGallery ul li .item .tgCont .tgTxt .writer span {font-weight:bold;}
.boardTextGallery ul li .item .tgCont .tgTxt .writer span:after {content:""; display:inline-block; width:1px; height:14px; margin:0 15px; background:#999; vertical-align: middle;}
.boardTextGallery ul li .inkBtn {position:absolute; right:20px; bottom:20px;}
.boardTextGallery ul li.noData {text-align:center;}

/* 댓글달기 */
.ripple_title {padding:10px; margin-top:20px; font-size:16px;}
.topSearch {display:none !important;}
.paginate > a {background:none; border:0; border-radius:0; width:25px; height:25px;}
.paginate > a.pgFirst {background:url(../../assets/img/common/page_prev.png) no-repeat center center;}
.paginate > a.pgEnd {background:url(../../assets/img/common/page_next.png) no-repeat center center;}
.paginate > a.pgPrev {background:url(../../assets/img/common/list_prev.png) no-repeat center center;}
.paginate > a.pgNext {background:url(../../assets/img/common/list_next.png) no-repeat center center;}
.paginate .number a, .paginate .number strong {line-height:25px; color:#333; border:0; font-size:18px; width:25px; height:25px;}
.paginate .number strong {color:#fff;}
.form-group {position:relative;}
.btn_Edit_wrap {position:absolute; right:0px; top:12px; padding:0 !important;}
.btn_Edit_wrap > a {display:inline-block; padding:5px 10px; font-size:14px;}
.btnEdit {background:#1c5da9; color:#fff;}
.btnDelete {background:#666; color:#fff;}
.ripple {border-bottom:1px solid #333;}
.form_wri:after {content:""; clear:both; display:block;}
.form_wri_info:after {content:""; clear:both; display:block;}
.form_wri_info > div {float:left;}
.form_wri_info > div:after {content:""; clear:both; display:block;}
.form_wri_info p {float:left; padding:5px 10px;}
.form_wri_info p span {line-height:2.857em;}
.replarea {width:calc(100% - 100px); height:100px; float:left;}
#replycn {width:100%; height:100%;}
.replbtn {width:100px; height:100px; float:right;}
.replbtn > a {width:100%; height:100%; display:table; text-align:center;}
.replbtn > a > span {display:table-cell; vertical-align: middle; color:#fff;}

/* 포토갤러리 global custom style */
.thumbListType1{
	margin:0;
}
.thumbListType1 > li {transition: all 0.25s; margin-top:20px; opacity:0;}
.thumbListType1 > li.drop {
	margin-top:0; 
	opacity:1;
	width:32%;
	margin-right:2%;
	margin-bottom:32px;
	border:1px solid #ccc;
	border-radius:8px;
	overflow:hidden;
}
.thumbListType1 > li.drop:nth-child(3n){
	margin-right:0;
}	
.thumbListType1 > li .thumb {
    height: 220px;
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
   }
.thumbListType1 > li .thumb > img {position: absolute; left:50%; top:50%; max-width:none; width:auto; height:auto; transform: translate(-50%, -50%); transform-origin: 0 0; transition: all 0.25s;}
.thumbListType1 > li .thumb > img.sero {
	height:100%;
	width: 100%;
	object-fit:cover;
}
.thumbListType1 > li .thumb > img.garo {width:100%; height:auto;}
.thumbListType1 > li .thumb > img.icon_link.sero{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    object-fit: inherit;
    z-index: 1;
}
.thumbListType1 > li > a:hover .thumb > img {transform: scale(1.05) translate(-50%, -50%);}
.thumbListType1 > li > a:hover .thumb > img.icon_link {transform: translate(-50%, -50%); transform-origin: 0 0;}
.thumbListType1 > li .titBar {position: absolute; bottom:0; left:0; background:rgba(0,0,0,.8);}
.thumbListType1 > li .titBar .tit {color:#fff; line-height:1.2; font-size:1.2em; height:calc(1.2em * 2);}
.thumbListType1 > li .titBar .date, .thumbListType1 > li .titBar .txtR {color:#fff;}


.boardSearchForm .rowTable .cellHeader{
	background:#fff;
}
@media all and (max-width: 948px) {
	.boardSearchForm .rowTable .cell input.date{
	width:100px;}
}
@media all and (max-width: 768px) {
	
/* 포토갤러리 global custom style */
.thumbListType1 > li.drop{
	width:49%;
}
.thumbListType1 > li.drop:nth-child(3n){
	margin-right:2%;
}
.thumbListType1 > li.drop:nth-child(2n){
	margin-right:0;
}
}

@media all and (max-width: 480px) {
	
/* 포토갤러리 global custom style */
.thumbListType1 > li.drop{
	width:100%;
	margin-right:0;
}
.thumbListType1 > li.drop:nth-child(3n){
	margin-right:0%;
}
}

/* 2024-04-26 캠핑장 리뷰 게시판 수정 */
.boardSearchForm .rowTable .group > .cell {display: flex; height: auto; align-items: center;}
.boardSearchForm .rowTable .cell .srchKeyword .btnTypeM.btnIcoSearch {margin-left: 0;}
.btnTypeM {height: 3.04em; line-height: 3.04em; font-weight: 500;}
.boardSearchForm .rowTableTypeSearchBar .cellInDv select.selectForm {width: 100% !important;}

.titPage {padding-top: 30px; font-size: 60px; font-weight: 800; text-align: center; margin-bottom: 55px; position: relative;}
.titPage:before {content: ''; display: block; width: 67px; height: 2px; background: #000; left: 50%; top: 0; transform: translate(-50%); position: absolute;}

@media screen and (max-width: 768px) {
	.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv {padding-top: 4px;}

	.boardSearchForm .rowTable .cell .btnTypeM.btnIcoSearch {height: 100%; width: 42px;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption {padding-left: 3px;}
}

@media screen and (max-width: 480px) {
	.boardHead {margin-bottom: 1em;}
	select.selectForm, input.textForm {height: 2.5em;}
	.boardSearchForm .rowTable .group > .cell {flex-wrap: wrap;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv {padding-top: 0;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv {width: 100%;}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption {padding-left: 0;}
}

/* 2024-04-26 리뷰이벤트 안내 추가 */
.reviewInfoWrap {width: 100%; padding: 100px 0; background: url('/humanframe/theme/camping/assets/img/board/reviewBg.png') center no-repeat; background-size: cover; margin-bottom: 65px;}
.reviewInfoWrap .tit {font-family: "sangju"; color: #fff; text-shadow: 4px 4px 0px rgba(0,0,0,0.2); font-size: 74px; letter-spacing: -0.05em; text-align: center; line-height: normal; margin-bottom: 35px;}
.reviewInfoWrap .tit span {font-size: 110px; position: relative;}
.reviewInfoWrap .tit span::before {content: ''; position: absolute; top: -45px; left: 50%; transform: translate(-50%); width: 104px; height: 40px; background: url('/humanframe/theme/camping/assets/img/board/text_assets.png') no-repeat; background-size: 100%;}

.reviewInfoWrap .list {width: 65%; margin: 0 auto; padding: 40px 45px; box-sizing: border-box; border-radius: 18px; background: url('/humanframe/theme/camping/assets/img/board/coffe_icon.png') right 45px center no-repeat #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.reviewInfoWrap .list li {display: flex; align-items: flex-start;}
.reviewInfoWrap .list li:first-child {margin-bottom: 15px;}
.reviewInfoWrap .list li>span {color: #fff; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 17px; padding: 5px 0; width: 117px; text-align: center; flex-shrink: 0; background-color: #2b5542; border-radius: 17px; margin-right: 25px;}
.reviewInfoWrap .list li .txt {font-family: 'Noto Sans KR'; color: #333333; font-weight: 400; font-size: 20px; word-break: keep-all;}
.reviewInfoWrap .list li .txt span {font-weight: 700;}
.reviewInfoWrap .list li:last-child .txt {padding-top: 2px;}

@media screen and (max-width: 1400px) {
	.reviewInfoWrap .list {width: 75%;}
}

@media screen and (max-width: 1280px) {
	.reviewInfoWrap {padding: 80px 0; margin-bottom: 25px;}
	.reviewInfoWrap .tit {font-size: 65px; margin-bottom: 25px;}
	.reviewInfoWrap .tit span {font-size: 100px;}
	.reviewInfoWrap .list {width: 80%; padding: 30px 35px; background-position: right 35px center; background-size: 100px;}
	.reviewInfoWrap .list li>span {width: 105px; padding: 5px 0; font-size: 16px;}
	.reviewInfoWrap .list li .txt {font-size: 18px;}
}

@media screen and (max-width: 1025px) {
	.reviewInfoWrap { margin-top: -15px;}
	.reviewInfoWrap .tit {font-size: 48px;}
	.reviewInfoWrap .tit span {font-size: 70px;}
	.reviewInfoWrap .tit span::before {top: -34px; width: 75px;}
	.reviewInfoWrap .list {width: 90%; padding: 25px 30px; background-position: right 25px bottom 12px; background-size: 80px;}
	.reviewInfoWrap .list li:first-child {padding-right: 40px; box-sizing: border-box;}
}

@media screen and (max-width: 768px) {
	.reviewInfoWrap {padding: 50px 0; margin-top: -42px; margin-bottom: 10px;}
	.reviewInfoWrap .tit {font-size: 40px;}
	.reviewInfoWrap .tit span {font-size: 60px;}
	.reviewInfoWrap .list {padding: 15px 20px; background-size: 70px; background-position: right 15px bottom 12px;}
	.reviewInfoWrap .list li {flex-wrap: wrap;}
	.reviewInfoWrap .list li:first-child {padding-right: 0;}
	.reviewInfoWrap .list li>span {margin-bottom: 5px;}
	.reviewInfoWrap .list li .txt {width: 100%;}
}

@media screen and (max-width: 480px) {
	.reviewInfoWrap {padding: 35px 0 30px 0; margin-top: -33px; margin-bottom: 5px;}
	.reviewInfoWrap .tit {font-size: 25px; margin-bottom: 15px;}
	.reviewInfoWrap .tit span {font-size: 40px;}
	.reviewInfoWrap .tit span::before {top: -24px; width: 49px;}
	.reviewInfoWrap .list li>span {font-size: 15px; width: 100px;}
	.reviewInfoWrap .list li .txt {font-size: 16px;}
}