@charset "utf-8";



/* 컨텐츠 내 공통영역 관련 :: S */
.conBody {width:100%; max-width:960px; max-width:960px; position:relative; margin:0 auto; padding:90px 0 60px 0; box-sizing:border-box;}
.conBody .con {width:100%; position:relative; margin:80px auto 0; padding:0 15px; box-sizing:border-box;}
.conBody .con:first-child {margin:0 auto;}
/* .conBody .con:last-child {margin:0 auto;} */
.conBody .inner {width:100%; height:100%; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.conBody .titleArea {width:100%; position:relative; margin:30px auto 60px; padding:0;}
.conBody .titleArea:first-child {margin:0 auto 60px;}
.conBody .titleArea._top {margin-top:30px !important;}
.conBody .titleArea p,
.conBody .titleArea a {display:block; text-align:center; position:relative; box-sizing:border-box; color:#333; /* margin:0 auto; padding:0; */}
.conBody .titleArea > *:first-child {margin-top:0 !important;}
.conBody .titleArea > *:last-child {margin-bottom:0 !important;}
.conBody .titleArea.tal p,
.conBody .titleArea.tal a,
.conBody .titleArea.tal .img {text-align:left; /* margin:0; */}
.conBody .titleArea.tal a {margin:0;}

.conBody .titleArea .img {text-align:center;}
.conBody .titleArea .img img {max-width:100%; vertical-align:top;}
.conBody .titleArea .tit {font-size:42px; line-height:52px; font-weight:300;}
.conBody .titleArea .tit.hg {font-size:62px; line-height:72px;}
.conBody .titleArea .tit.lg {font-size:52px; line-height:62px;}
.conBody .titleArea .subTit {font-size:26px; line-height:32px; font-weight:700;}
.conBody .titleArea .t1 {font-size:18px; line-height:28px; font-weight:500; margin:20px auto 0;}
.conBody .titleArea .t1:first-child {margin:0 auto;}
.conBody .titleArea .t2 {font-size:15px; line-height:24px; font-weight:400; margin:20px auto 0;}
.conBody .titleArea .t2:first-child {margin:0 auto;}
.conBody .titleArea .t2 {font-size:13px; line-height:20px; font-weight:400; margin:15px auto 0;}
.conBody .titleArea .t2:first-child {margin:0 auto;}

.conBody .btnArea {width:100%; position:relative; text-align:center; margin:60px auto 0; padding:0;}
.conBody .btnArea ._b {display:inline-block; width:auto; height:42px; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0 30px; box-sizing:border-box; font-size:14px; line-height:40px; font-weight:500; color:#454545; border:1px solid #777;}
.conBody .btnArea ._b:last-child {margin:0;}
.conBody .btnArea ._b.confirm {background:#333; color:#fff; border:1px solid #333;}


.swiper-container .swiper-arrow {width:15px; height:30px; margin-top:-15px;}
.swiper-container .swiper-arrow:after {font-size:30px; line-height:30px; font-weight:600; color:#333;}
.swiper-container .swiper-arrow:hover:after {color:#000;}

.swiper-container .swiper-pagination:not(.swiper-pagination-fraction) {width:100%; height:10px; position:absolute; top:auto; left:0; bottom:15px; right:auto; margin:0; text-align:center;}
.swiper-container .swiper-pagination:not(.swiper-pagination-fraction) span {display:inline-block; width:10px; height:10px; position:relative; vertical-align:top; margin:0 8px 0 0; padding:0; border-radius:50%; background:#000; border:1px solid #fff; opacity:0.3;}
.swiper-container .swiper-pagination:not(.swiper-pagination-fraction) span:last-child {margin:0;}
.swiper-container .swiper-pagination:not(.swiper-pagination-fraction) span.swiper-pagination-bullet-active,
.swiper-container .swiper-pagination:not(.swiper-pagination-fraction) span:hover {opacity:1;}


html body .body .file-input {}
html body .body .file-input .input-group {}
html body .body .file-input .input-group > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0 8px; box-sizing:border-box;}
html body .body .file-input .input-group .file-caption {}
html body .body .file-input .input-group .input-group-btn {}
html body .body .file-input .input-group > * > *,
html body .body .file-input .input-group > * button {/* display:inline-block; */ height:34px; position:relative; vertical-align:top; margin:0; padding:0 8px; box-sizing:border-box; font-size:14px; line-height:32px; font-weight:500;}

html body .body .previewInp {display:block; width:100%; height:34px; position:relative; margin:0 auto; padding:0 8px; box-sizing:border-box; font-size:15px; line-height:32px; font-weight:500; color:#555; background:#fff; border:1px solid #c4c4c4; border-radius:0; box-shadow:none;}
html body .body .previewArea {display:none; width:100%; height:0; position:relative; margin:0; padding:0 10px; box-sizing:border-box; border:0; overflow:hidden; opacity:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
html body .body .previewArea.active {display:block; height:auto; margin:10px auto 0; padding:10px 10px; border:1px solid #c4c4c4; opacity:1;}


@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.conBody {padding:85px 0 50px 0; box-sizing:border-box;}
	.conBody .con {margin:70px auto 0; padding:0 15px;}
	.conBody .con:first-child {margin:0 auto;}
	.conBody .inner {padding:0 15px;}

	.conBody .titleArea {margin:30px auto 50px;}
	.conBody .titleArea .tit {font-size:38px; line-height:48px;}
	.conBody .titleArea .tit.hg {font-size:58px; line-height:68px;}
	.conBody .titleArea .tit.lg {font-size:48px; line-height:58px;}
	.conBody .titleArea .subTit {font-size:24px; line-height:30px;}
	.conBody .titleArea .t1 {font-size:17px; line-height:26px; margin:18px auto 0;}
	.conBody .titleArea .t1:first-child {margin:0 auto;}
	.conBody .titleArea .t2 {font-size:15px; line-height:22px; margin:18px auto 0;}
	.conBody .titleArea .t2:first-child {margin:0 auto;}
}

@media screen and (max-width:640px){
	.conBody {padding:75px 0 40px 0; box-sizing:border-box;}
	.conBody .con {margin:60px auto 0; padding:0 15px;}
	.conBody .con:first-child {margin:0 auto;}
	.conBody .inner {padding:0 15px;}

	.conBody .titleArea {margin:25px auto 40px;}
	.conBody .titleArea .tit {font-size:34px; line-height:44px;}
	.conBody .titleArea .tit.hg {font-size:54px; line-height:64px;}
	.conBody .titleArea .tit.lg {font-size:44px; line-height:54px;}
	.conBody .titleArea .subTit {font-size:22px; line-height:28px;}
	.conBody .titleArea .t1 {font-size:16px; line-height:24px; margin:15px auto 0;}
	.conBody .titleArea .t1:first-child {margin:0 auto;}
	.conBody .titleArea .t2 {font-size:14px; line-height:22px; margin:15px auto 0;}
	.conBody .titleArea .t2:first-child {margin:0 auto;}
}

@media screen and (max-width:480px){
	.conBody {padding:75px 0 30px 0; box-sizing:border-box;}
	.conBody .con {margin:50px auto 0; padding:0 15px;}
	.conBody .con:first-child {margin:0 auto;}
	.conBody .inner {padding:0 15px;}

	.conBody .titleArea {margin:20px auto 35px;}
	.conBody .titleArea .tit {font-size:30px; line-height:40px;}
	.conBody .titleArea .tit.hg {font-size:50px; line-height:60px;}
	.conBody .titleArea .tit.lg {font-size:40px; line-height:50px;}
	.conBody .titleArea .subTit {font-size:20px; line-height:26px;}
	.conBody .titleArea .t1 {font-size:15px; line-height:22px; margin:12px auto 0;}
	.conBody .titleArea .t1:first-child {margin:0 auto;}
	.conBody .titleArea .t2 {font-size:13px; line-height:20px; margin:12px auto 0;}
	.conBody .titleArea .t2:first-child {margin:0 auto;}
}

@media screen and (max-width:420px){
	.conBody {padding:75px 0 25px 0; box-sizing:border-box;}
	.conBody .con {margin:40px auto 0; padding:0 12px;}
	.conBody .con:first-child {margin:0 auto;}
	.conBody .inner {padding:0 12px;}

	.conBody .titleArea {margin:20px auto 30px;}
	.conBody .titleArea .tit {font-size:28px; line-height:38px;}
	.conBody .titleArea .tit.hg {font-size:48px; line-height:58px;}
	.conBody .titleArea .tit.lg {font-size:38px; line-height:48px;}
	.conBody .titleArea .subTit {font-size:18px; line-height:24px;}
	.conBody .titleArea .t1 {font-size:14px; line-height:20px; margin:10px auto 0;}
	.conBody .titleArea .t1:first-child {margin:0 auto;}
	.conBody .titleArea .t2 {font-size:12px; line-height:18px; margin:10px auto 0;}
	.conBody .titleArea .t2:first-child {margin:0 auto;}
}

@media screen and (max-width:360px){
	.conBody {padding:75px 0 20px 0; box-sizing:border-box;}
	.conBody .con {margin:40px auto 0; padding:0 10px;}
	.conBody .con:first-child {margin:0 auto;}
	.conBody .inner {padding:0 10px;}

	.conBody .titleArea {margin:15px auto 30px;}
	.conBody .titleArea .tit {font-size:26px; line-height:36px;}
	.conBody .titleArea .tit.hg {font-size:46px; line-height:56px;}
	.conBody .titleArea .tit.lg {font-size:36px; line-height:46px;}
	.conBody .titleArea .subTit {font-size:17px; line-height:22px;}
	.conBody .titleArea .t1 {font-size:13px; line-height:20px; margin:10px auto 0;}
	.conBody .titleArea .t1:first-child {margin:0 auto;}
	.conBody .titleArea .t2 {font-size:11px; line-height:16px; margin:10px auto 0;}
	.conBody .titleArea .t2:first-child {margin:0 auto;}
}
/* 컨텐츠 내 공통영역 관련 :: E */



/* 상품리스트 카테고리 영역 :: S */
.productCategoryWrap.con {}

.productCategoryWrap .cateArea {position:relative; margin:0; padding:0;}
.productCategoryWrap .cateArea .item {margin:0 30px 0 0; padding:0;}
.productCategoryWrap .cateArea .item:last-child {margin:0;}
.productCategoryWrap .cateArea .item a {display:block; position:relative;}
.productCategoryWrap .cateArea .item a > * {display:block; position:relative; text-align:center; margin:0 auto; padding:0;}
.productCategoryWrap .cateArea .item a img {width:auto; max-width:100%;}
.productCategoryWrap .cateArea .item a p {font-size:15px; line-height:20px; font-weight:500; color:#999; margin:5px auto 0;}
.productCategoryWrap .cateArea .item a.active p {font-weight:900; color:#265ba9;}

.productCategoryWrap .utilArea {width:100%; position:relative; margin:30px auto 0; padding:0; overflow:hidden;}
.productCategoryWrap .utilArea .sortEle {float:left; position:relative; margin:0; padding:0; text-align:left;}
.productCategoryWrap .utilArea .prdSort {display:inline-block; /* float:left; */ width:80px; height:36px; position:relative; margin:0 2px 0 0; padding:0; box-sizing:border-box; font-size:15px; line-height:36px; font-weight:500; color:#333; border:1px solid #ddd; border-radius:5px;}
.productCategoryWrap .utilArea .prdSort:last-child {margin:0;}
.productCategoryWrap .utilArea .prdSort.regionSort {width:120px;}

.productCategoryWrap .utilArea .typeEle {float:right; position:relative; margin:0; padding:0; text-align:right;}
/*
.productCategoryWrap .utilArea .typeEle a {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; text-align:left; font-size:15px; line-height:36px; font-weight:500; color:#333;}
.productCategoryWrap .utilArea .typeEle a:last-child {margin:0;}
.productCategoryWrap .utilArea .typeEle a img {display:inline-block; position:relative; margin:0 1px 0 0; padding:0;}
*/
.productCategoryWrap .utilArea .typeEle > * {display:inline-block; height:36px; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; box-sizing:border-box; text-align:left; font-size:14px; line-height:36px; font-weight:500; color:#333; border:0; border-radius:0; box-shadow:none;}
.productCategoryWrap .utilArea .typeEle > *:last-child {margin:0;}
.productCategoryWrap .utilArea .typeEle .search_word {padding:0 5px; border:1px solid #ddd; border-radius:5px;}
.productCategoryWrap .utilArea .typeEle .search_btn {padding:0 10px; background:#333; color:#fff;}


@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.productCategoryWrap .cateArea .item {margin:0 25px 0 0;}
	.productCategoryWrap .cateArea .item:last-child {margin:0;}
	.productCategoryWrap .cateArea .item a img {max-width:96px;}
	.productCategoryWrap .cateArea .item a p {font-size:15px; line-height:20px; margin:4px auto 0;}
	
	.productCategoryWrap .utilArea {margin:25px auto 0;}
	.productCategoryWrap .utilArea .sortEle {}
	.productCategoryWrap .utilArea .prdSort {width:75px; height:32px; font-size:14px; line-height:32px;}
	.productCategoryWrap .utilArea .prdSort.regionSort {width:100px;}
	
	.productCategoryWrap .utilArea .typeEle {}
	.productCategoryWrap .utilArea .typeEle a {font-size:14px; line-height:32px;}
	.productCategoryWrap .utilArea .typeEle a img {max-width:32px;}
	.productCategoryWrap .utilArea .typeEle > * {height:32px;}
}

@media screen and (max-width:640px){
	.productCategoryWrap.con:before,
	.productCategoryWrap.con:after {display:block; content:''; width:10px; height:10px; text-align:center; position:absolute; top:calc(50% - 30px); margin:-5px 0 0 0; padding:0; box-sizing:border-box; font-size:10px; line-height:10px; font-weight:700; font-stretch:ultra-condensed; color:#000; z-index:5;}
	.productCategoryWrap.con:before {content:'<'; left:2.5px;}
	.productCategoryWrap.con:after {content:'>'; right:2.5px;}

	.productCategoryWrap .cateArea .item {margin:0 20px 0 0;}
	.productCategoryWrap .cateArea .item:last-child {margin:0;}
	.productCategoryWrap .cateArea .item a img {max-width:82px;}
	.productCategoryWrap .cateArea .item a p {font-size:14px; line-height:18px; margin:4px auto 0;}
	
	.productCategoryWrap .utilArea {margin:20px auto 0;}
	.productCategoryWrap .utilArea .sortEle {float:none;}
	.productCategoryWrap .utilArea .prdSort {width:70px; height:30px; font-size:13px; line-height:30px;}
	.productCategoryWrap .utilArea .prdSort.regionSort {width:90px;}
	
	.productCategoryWrap .utilArea .typeEle {float:none; margin:10px auto 0; text-align:right;}
	.productCategoryWrap .utilArea .typeEle a {font-size:13px; line-height:30px;}
	.productCategoryWrap .utilArea .typeEle a img {max-width:30px;}
	.productCategoryWrap .utilArea .typeEle > * {height:30px;}
}

@media screen and (max-width:480px){
	.productCategoryWrap .cateArea .item {margin:0 15px 0 0;}
	.productCategoryWrap .cateArea .item:last-child {margin:0;}
	.productCategoryWrap .cateArea .item a img {max-width:68px;}
	.productCategoryWrap .cateArea .item a p {font-size:14px; line-height:18px; margin:4px auto 0;}
	
	.productCategoryWrap .utilArea {margin:18px auto 0;}
	.productCategoryWrap .utilArea .prdSort {width:70px; height:28px; font-size:12px; line-height:28px;}
	.productCategoryWrap .utilArea .prdSort.regionSort {width:90px;}
	
	.productCategoryWrap .utilArea .typeEle {}
	.productCategoryWrap .utilArea .typeEle a {font-size:12px; line-height:28px;}
	.productCategoryWrap .utilArea .typeEle a img {max-width:28px;}
	.productCategoryWrap .utilArea .typeEle > * {height:28px;}
}

@media screen and (max-width:420px){
	.productCategoryWrap .cateArea .item {margin:0 12px 0 0;}
	.productCategoryWrap .cateArea .item:last-child {margin:0;}
	.productCategoryWrap .cateArea .item a img {max-width:56px;}
	.productCategoryWrap .cateArea .item a p {font-size:13px; line-height:16px; margin:3px auto 0;}
	
	.productCategoryWrap .utilArea {margin:15px auto 0;}
	.productCategoryWrap .utilArea .prdSort {width:64px; height:26px; font-size:12px; line-height:26px;}
	.productCategoryWrap .utilArea .prdSort.regionSort {width:80px;}
	
	.productCategoryWrap .utilArea .typeEle {}
	.productCategoryWrap .utilArea .typeEle a {font-size:12px; line-height:26px;}
	.productCategoryWrap .utilArea .typeEle a img {max-width:26px;}
	.productCategoryWrap .utilArea .typeEle > * {height:26px;}
}

@media screen and (max-width:360px){
	.productCategoryWrap .cateArea .item {margin:0 10px 0 0;}
	.productCategoryWrap .cateArea .item:last-child {margin:0;}
	.productCategoryWrap .cateArea .item a img {max-width:46px;}
	.productCategoryWrap .cateArea .item a p {font-size:12px; line-height:15px; margin:3px auto 0;}
}
/* 상품리스트 카테고리 영역 :: E */



/* 상품리스트 영역 :: S */
.productListWrap.con {}

.productListWrap.con ul.listArea {}
.productListWrap.con ul.listArea li.listItem {margin:0 auto 30px; padding:0 0 30px 0; border-bottom:1px solid #e0e0e0;}
/*
.productListWrap.con ul.listArea li.listItem:last-child {margin:0 auto; padding:0; border-bottom:0;}
*/
.productListWrap.con ul.listArea li.listItem > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.productListWrap.con ul.listArea li.listItem .thumbnail {width:160px;}
.productListWrap.con ul.listArea li.listItem .information {width:calc(100% - 165px); padding:0 0 0 15px;}

.productListWrap.con .pagingArea {width:100%; position:relative; margin:50px auto 0; padding:0; box-sizing:border-box;}
.productListWrap.con .pagingArea ul {display:block; width:100%; position:relative; text-align:center; margin:0 auto; padding:0; box-sizing:border-box;}
.productListWrap.con .pagingArea ul li {display:inline-block; position:relative; vertical-align:middle; text-align:center; margin:0 3px 0 0; padding:0; box-sizing:border-box;}
.productListWrap.con .pagingArea ul li:last-child {margin:0;}
.productListWrap.con .pagingArea ul li a {display:block; width:18px; height:18px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; font-size:13px; line-height:18px; font-weight:400; color:#777; background:transparent; border-radius:50%;}
.productListWrap.con .pagingArea ul li.active a {font-weight:600; color:#fdd000; background:#265ba9;}

.con .pagingArea {width:100%; position:relative; margin:50px auto 0; padding:0; box-sizing:border-box;}
.con .pagingArea ul {width:100%; position:relative; text-align:center; margin:0 auto; padding:0; box-sizing:border-box;}
.con .pagingArea ul li {display:inline-block; position:relative; vertical-align:middle; text-align:center; margin:0 5px 0 0; padding:0; box-sizing:border-box;}
.con .pagingArea ul li:last-child {margin:0;}
.con .pagingArea ul li a {display:block; width:auto; height:20px; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:400; color:#777;}
.con .pagingArea ul li.active a {font-weight:900; color:#000;}

.con .moreArea {width:100%; position:relative; margin:50px auto 0; padding:0; box-sizing:border-box;}
.con .moreArea a {display:block; width:100%; position:relative; text-align:center; margin:0 auto 5px; padding:0; box-sizing:border-box; font-size:15px; line-height:46px; font-weight:500; color:#265ba9; background:#fff; border:1px solid #265ba9; border-radius:5px;}
.con .moreArea a:last-child {margin:0 auto;}
.con .moreArea a:hover {color:#fff; background:#265ba9;}


@media screen and (max-width:960px){
	
}

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

@media screen and (max-width:640px){
	
}

@media screen and (max-width:480px){
	.productListWrap.con ul.listArea li.listItem .thumbnail {width:140px;}
	.productListWrap.con ul.listArea li.listItem .information {width:calc(100% - 156px); padding:0 0 0 12px;}
}

@media screen and (max-width:420px){
	.productListWrap.con ul.listArea li.listItem > * {display:block;}
	.productListWrap.con ul.listArea li.listItem .thumbnail {width:100%;}
	.productListWrap.con ul.listArea li.listItem .information {width:100%; margin:15px auto 0; padding:0;}
}

@media screen and (max-width:360px){
	
}
/* 상품리스트 영역 :: E */



/* 상품 최상단 배너 영역 :: S */
.prdDetBannerWrap.con {padding:0;}

.prdDetBannerWrap .prdDetBanner {}

.prdDetBanner .swiper-slide {position:relative;}
.prdDetBanner .swiper-slide a {display:block; width:100%; position:relative; text-align:center;}
.prdDetBanner .swiper-slide a img {display:inline-block; width:100%;
width:auto; max-width:100%; vertical-align:top;}

.prdDetBanner .swiper-pagination {width:70px; height:30px; position:absolute; top:auto; bottom:20px; left:auto; right:20px; text-align:center; margin:0; padding:0; box-sizing:border-box; border-radius:15px; background:#fdd000;}
.prdDetBanner .swiper-pagination > * {display:inline-block; position:relative; vertical-align:middle; top:auto; left:auto; bottom:auto; right:auto; margin:0; padding:0;}
.prdDetBanner .swiper-pagination,
.prdDetBanner .swiper-pagination > * {font-size:15px; line-height:28px; font-weight:500; color:#fff; border:0;}
/* 상품 최상단 배너 영역 :: E */



/* 상품 기본정보 영역 :: S */
.prdDetInfoWrap.con {padding:0;}

.prdDetInfoWrap .defaultInfo {width:100%; position:relative; margin:0 auto 30px; padding:0 15px 30px 15px; box-sizing:border-box; border-bottom:6px solid #d9d9d9;
margin:0 auto;}
.prdDetInfoWrap .defaultInfo > * {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:15px; line-height:20px; font-weight:500; color:#777;}
.prdDetInfoWrap .defaultInfo .kind {color:#aaa;}
.prdDetInfoWrap .defaultInfo .name {font-size:32px; line-height:38px; font-weight:700; color:
#333; margin:8px auto 15px;}
.prdDetInfoWrap .defaultInfo .name .distance {display:inline-block; position:relative; margin:0 0 0 3px; font-size:16px; line-height:20px;}
.prdDetInfoWrap .defaultInfo .desc {font-size:16px; font-weight:600; color:#333;}
.prdDetInfoWrap .defaultInfo .addr {margin:10px auto 0;}
.prdDetInfoWrap .defaultInfo .tag {margin:10px auto;}
.prdDetInfoWrap .defaultInfo .tag span {display:inline-block; position:relative; vertical-align:top; margin:2px; padding:0 6px; box-sizing:border-box; font-size:12px; line-height:18px; font-weight:500; color:#777; background:#ececec; border-radius:5px;}
.prdDetInfoWrap .defaultInfo .tag span:before {content:'# ';}
.prdDetInfoWrap .defaultInfo .keyword {margin:0 auto 15px;}
.prdDetInfoWrap .defaultInfo .keyword span {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0;}
.prdDetInfoWrap .defaultInfo .keyword span:last-child {margin:0;}
.prdDetInfoWrap .defaultInfo .keyword span:before {content:'#';}
.prdDetInfoWrap .defaultInfo .review {}
.prdDetInfoWrap .defaultInfo .review > * {display:inline-block; position:relative; vertical-align:middle; margin:0 3px 0 0; padding:0;}
.prdDetInfoWrap .defaultInfo .review > *:last-child {margin:0;}
.prdDetInfoWrap .defaultInfo .icon {margin:20px auto 0; color:#454545;}
.prdDetInfoWrap .defaultInfo .icon img {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0;}
.prdDetInfoWrap .defaultInfo .icon.url {font-size:14px; line-height:16px; font-weight:500; color:#265ba9;}
.prdDetInfoWrap .defaultInfo .icon.url img {max-width:30px;}
.prdDetInfoWrap .defaultInfo .icon.engage {width:100%; position:relative; margin:1.0rem auto 0; padding:0;}
.prdDetInfoWrap .defaultInfo .icon.engage > * {display:block; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:500; color:#454545;}
.prdDetInfoWrap .defaultInfo .icon.engage a {text-align:center; width:80px; font-size:12px; line-height:24px; font-weight:500; color:#333; background:#e8e8e8; border-radius:15px;}
.prdDetInfoWrap .defaultInfo .icon.engage a:after {display:inline-block; content:''; width:9px; height:5px; position:relative; vertical-align:middle; line-height:24px; margin:-4px 0 0 3px; padding:0; box-sizing:border-box; background-size:cover !important; background:url('/public/images/cm_arrow_black_2_down.png') center center no-repeat; transform:rotate(0deg);
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.prdDetInfoWrap .defaultInfo .icon.engage div {height:0; padding:0 1.0rem; overflow:hidden;}
.prdDetInfoWrap .defaultInfo .icon.engage.open a {}
.prdDetInfoWrap .defaultInfo .icon.engage.open a:after {transform:rotate(180deg);}
.prdDetInfoWrap .defaultInfo .icon.engage.open div {height:auto; padding:1.0rem 1.0rem;}
.prdDetInfoWrap .defaultInfo .socials {width:auto; height:40px; position:absolute; top:0; right:15px; text-align:right;}
.prdDetInfoWrap .defaultInfo .socials > a {width:40px; height:40px; display:inline-block; position:relative; vertical-align:middle; text-align:center; margin:0; padding:0; box-sizing:border-box;}
.prdDetInfoWrap .defaultInfo .socials > a img {max-width:100%; vertical-align:top;}
.prdDetInfoWrap .defaultInfo .socials .favBtn {padding:4.5px 3px;}
.prdDetInfoWrap .defaultInfo .socials .favBtn img {display:block; width:34px; height:31px; position:relative; z-index:1;}
.prdDetInfoWrap .defaultInfo .socials .favBtn img.on {position:absolute; top:4.5px; left:3px; z-index:5; opacity:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.prdDetInfoWrap .defaultInfo .socials .favBtn.active img.on {opacity:1;}
.prdDetInfoWrap .defaultInfo .socials .shareBtn {padding:5.5px 7px;}

.prdDetInfoWrap .sectionInfo {width:100%; position:relative; margin:0; padding:0;}
.prdDetInfoWrap .sectionInfo .sec {width:100%; position:relative; margin:0; padding:60px 0 0 0; box-sizing:border-box;
padding:20px 0 0 0 !important;}
.prdDetInfoWrap .sectionInfo .secMenu {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0; border-bottom:1px solid #ececec;}
.prdDetInfoWrap .sectionInfo .secMenu li {display:block; float:left; width:33.33333333333333%; position:relative; margin:0; padding:0;
width:25%;}
.prdDetInfoWrap .sectionInfo.ea_2 .secMenu li {width:50%;}
.prdDetInfoWrap .sectionInfo.ea_3 .secMenu li {width:33.333333333333333333333333333333%;}
.prdDetInfoWrap .sectionInfo .secMenu li a {display:block; width:100%; height:64px; text-align:center; font-size:20px; line-height:64px; font-weight:400; color:#777;}
.prdDetInfoWrap .sectionInfo .secMenu li a span {display:inline-block; width:auto; margin:0 0 0 3px;}
.prdDetInfoWrap .sectionInfo .secMenu li a span:before {content:'(';}
.prdDetInfoWrap .sectionInfo .secMenu li a span:after {content:')';}
.prdDetInfoWrap .sectionInfo .secMenu li a.active {font-weight:700; color:#333;}
.prdDetInfoWrap .sectionInfo .secMenu li a.active:after {display:block; content:''; width:100%; height:3px; background:#333; position:absolute; bottom:0; left:0;}
.prdDetInfoWrap .sectionInfo .secMenu li a.active span {color:#333;}

.prdDetInfoWrap .sectionInfo .sec .secCon {width:100%; position:relative; margin:30px auto 0; padding:0 15px; box-sizing:border-box;}
.prdDetInfoWrap .sectionInfo .sec .secCon .conTitle {width:100%; position:relative; margin:0 auto 30px; padding:0;}
.prdDetInfoWrap .sectionInfo .sec .secCon .conTitle > * {display:block; position:relative; margin:0; padding:0; font-size:18px; line-height:20px; font-weight:500; color:#454545;}
.prdDetInfoWrap .sectionInfo .sec .secCon .conTitle .t1 {font-weight:700;}
.prdDetInfoWrap .sectionInfo .sec .secCon .conTitle .b1 {position:absolute; top:0; right:0;}

.prdDetInfoWrap .sectionInfo .sec .reviewList {display:block; width:100%; position:relative; margin:30px auto 0; padding:0;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li {display:block; width:100%; position:relative; margin:0 auto 30px; padding:0 0 30px 0; border-bottom:1px solid #ececec;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li:last-child {margin:0 auto; padding:0; border-bottom:0;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li a,
.prdDetInfoWrap .sectionInfo .sec .reviewList li p {display:block; text-align:left; position:relative; margin:0; padding:0; font-size:14px; line-height:22px; font-weight:400; color:#454545;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile {width:100%; position:relative; margin:0 auto 10px; padding:0 0 0 70px; box-sizing:border-box;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .img {width:60px; height:0; position:relative; margin:0; padding:0; padding-bottom:60px; border-radius:50%; overflow:hidden; position:absolute; top:0; left:0;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .img img {display:block; width:100%; position:absolute; top:0; left:0;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .iden {font-size:18px; line-height:30px; font-weight:700; color:#333; margin:0 auto 5px; padding:0;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .review {}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .review > * {display:inline-block; position:relative; vertical-align:middle; margin:0 2px 0 0; padding:0; font-size:14px; line-height:25px; font-weight:500; color:#777;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .review > *:last-child {margin:0;}

.prdDetInfoWrap .sectionInfo .sec .reviewList li .thumbnail {width:100%; position:relative; 
margin:0 auto 10px; padding:0; box-sizing:border-box;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .thumbnail a {display:inline-block; width:80px; height:80px; position:relative; vertical-align:top; margin:2px 1px; padding:0; box-sizing:border-box;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .thumbnail a img {display:block; width:100%;}

.prdDetInfoWrap .sectionInfo .sec .reviewList li .content {width:100%; position:relative; 
margin:0 auto; padding:0; box-sizing:border-box;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .content img {max-width:100%; width:auto; vertical-align:middle;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .content,
.prdDetInfoWrap .sectionInfo .sec .reviewList li .content * {}

.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply {width:100%; position:relative; 
margin:20px auto 0; padding:0 0 0 70px; box-sizing:border-box;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply .img {width:60px; height:0; position:relative; margin:0; padding:0; padding-bottom:60px; border-radius:50%; overflow:hidden; position:absolute; top:0; left:0;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply .img img {display:block; width:100%; position:absolute; top:0; left:0;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply .content {width:100%; position:relative; margin:0; padding:15px; box-sizing:border-box; border-radius:15px; background:#f4f4f4;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply .content p {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; font-size:16px; line-height:20px; font-weight:500; color:#777;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply .content .writer {font-weight:700; color:#333;}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply .content .date {}
.prdDetInfoWrap .sectionInfo .sec .reviewList li .reply .content .con {width:100%; position:relative; margin:10px auto 0; padding:0; font-size:14px; line-height:25px; font-weight:500; color:#777;}

.prdDetInfoWrap .sectionInfo .sec .conMap {display:block; width:100%; position:relative; margin:30px auto 0; padding:0;}
.prdDetInfoWrap .sectionInfo .sec .conMap .serviceMap {width:calc(100% - 60px); height:450px; position:relative; margin:0 auto; padding:0; border:1px solid #ececec;}
.prdDetInfoWrap .sectionInfo .sec .conMap .address {width:100%; position:relative; margin:15px auto 30px; padding:0;}
.prdDetInfoWrap .sectionInfo .sec .conMap .address > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:500; color:#454545;}
.prdDetInfoWrap .sectionInfo .sec .conMap .address p {margin:0 10px 0 0;}
.prdDetInfoWrap .sectionInfo .sec .conMap .address a {}
.prdDetInfoWrap .sectionInfo .sec .conMap .address a img {max-width:45px;}
.prdDetInfoWrap .sectionInfo .sec .conMap .findWayBtn {display:block; width:100%; height:50px; text-align:center; position:relative; margin:0 auto; padding:0; font-size:18px; line-height:50px; font-weight:500; color:#333; border:1px solid #c4c4c4; box-sizing:border-box; border-radius:10px;}


@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.prdDetInfoWrap .defaultInfo {padding:0 15px 30px 15px;}
	.prdDetInfoWrap .defaultInfo > * {font-size:15px; line-height:20px;}
	.prdDetInfoWrap .defaultInfo .name {font-size:28px; line-height:34px; margin:8px auto 15px;}
	.prdDetInfoWrap .defaultInfo .desc {font-size:16px;}
	.prdDetInfoWrap .defaultInfo .addr {}
	.prdDetInfoWrap .defaultInfo .icon {margin:18px auto 0;}
	.prdDetInfoWrap .defaultInfo .icon img {margin:0 4px 0 0; max-width:28px;}
	
	.prdDetInfoWrap .defaultInfo .socials {height:30px;}
	.prdDetInfoWrap .defaultInfo .socials > a {width:30px; height:30px;}
	.prdDetInfoWrap .defaultInfo .socials .favBtn img {width:24px; height:21px;}
	.prdDetInfoWrap .defaultInfo .socials .favBtn img.on {}
	
	.prdDetInfoWrap .sectionInfo .sec {padding:60px 0 0 0;}
	.prdDetInfoWrap .sectionInfo .secMenu li a {height:56px; font-size:18px; line-height:56px;}
	.prdDetInfoWrap .sectionInfo .secMenu li a.active:after {height:3px;}
}

@media screen and (max-width:640px){
	.prdDetInfoWrap .defaultInfo {padding:0 15px 25px 15px;}
	.prdDetInfoWrap .defaultInfo > * {font-size:14px; line-height:20px;}
	.prdDetInfoWrap .defaultInfo .name {font-size:24px; line-height:30px; margin:6px auto 12px;}
	.prdDetInfoWrap .defaultInfo .desc {font-size:15px;}
	.prdDetInfoWrap .defaultInfo .addr {margin:8px auto;}
	.prdDetInfoWrap .defaultInfo .icon {margin:15px auto 0;}
	.prdDetInfoWrap .defaultInfo .icon img {margin:0 3px 0 0; max-width:26px;}
	
	.prdDetInfoWrap .sectionInfo .sec {padding:54px 0 0 0;}
	.prdDetInfoWrap .sectionInfo .secMenu li a {height:48px; font-size:17px; line-height:48px;}
	.prdDetInfoWrap .sectionInfo .secMenu li a.active:after {height:3px;}
	
	
	.prdDetInfoWrap .sectionInfo .sec .conMap .serviceMap {width:calc(100% - 40px); height:400px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address {margin:15px auto 25px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address > * {font-size:15px; line-height:20px;}
}

@media screen and (max-width:480px){
	.prdDetInfoWrap .defaultInfo {padding:0 15px 20px 15px;}
	.prdDetInfoWrap .defaultInfo > * {font-size:14px; line-height:20px;}
	.prdDetInfoWrap .defaultInfo .name {font-size:22px; line-height:28px; margin:6px auto 10px;}
	.prdDetInfoWrap .defaultInfo .desc {font-size:14px;}
	.prdDetInfoWrap .defaultInfo .addr {}
	.prdDetInfoWrap .defaultInfo .icon {margin:12px auto 0;}
	.prdDetInfoWrap .defaultInfo .icon img {margin:0 3px 0 0; max-width:24px;}
	
	.prdDetInfoWrap .sectionInfo .sec {padding:44px 0 0 0;}
	.prdDetInfoWrap .sectionInfo .secMenu li a {height:40px; font-size:16px; line-height:40px;}
	.prdDetInfoWrap .sectionInfo .secMenu li a.active:after {height:2px;}
	
	
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile {padding:0 0 0 60px;}
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .img {width:50px; padding-bottom:50px;}
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .iden {font-size:16px; line-height:20px;}
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .review > * {font-size:13px; line-height:25px;}
	
	
	.prdDetInfoWrap .sectionInfo .sec .conMap .serviceMap {width:calc(100% - 30px); height:360px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address {margin:12px auto 22px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address > * {font-size:14px; line-height:20px;}
}

@media screen and (max-width:420px){
	.prdDetInfoWrap .defaultInfo {padding:0 12px 20px 12px;}
	.prdDetInfoWrap .defaultInfo > * {font-size:13px; line-height:18px;}
	.prdDetInfoWrap .defaultInfo .name {font-size:20px; line-height:26px; margin:5px auto 10px;}
	.prdDetInfoWrap .defaultInfo .desc {font-size:13px;}
	.prdDetInfoWrap .defaultInfo .addr {margin:6px auto;}
	.prdDetInfoWrap .defaultInfo .icon {margin:10px auto 0;}
	.prdDetInfoWrap .defaultInfo .icon img {margin:0 3px 0 0; max-width:22px;}
	
	.prdDetInfoWrap .sectionInfo .sec {padding:44px 0 0 0;}
	.prdDetInfoWrap .sectionInfo .secMenu li a {height:36px; font-size:15px; line-height:36px;}
	.prdDetInfoWrap .sectionInfo .secMenu li a.active:after {height:2px;}
	
	
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile {padding:0 0 0 50px;}
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .img {width:40px; padding-bottom:40px;}
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .iden {font-size:15px; line-height:20px; margin:0 auto;}
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .review > * {font-size:12px; line-height:20px;}
	.prdDetInfoWrap .sectionInfo .sec .reviewList li .profile .review img {max-width:20px;}
	
	
	.prdDetInfoWrap .sectionInfo .sec .conMap .serviceMap {width:calc(100% - 30px); height:320px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address {margin:10px auto 20px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address > * {font-size:13px; line-height:20px;}
}

@media screen and (max-width:360px){
	.prdDetInfoWrap .defaultInfo {padding:0 10px 20px 10px;}
	.prdDetInfoWrap .defaultInfo > * {font-size:12px; line-height:18px;}
	.prdDetInfoWrap .defaultInfo .name {font-size:18px; line-height:24px; margin:5px auto 8px;}
	.prdDetInfoWrap .defaultInfo .desc {font-size:12px;}
	.prdDetInfoWrap .defaultInfo .addr {}
	.prdDetInfoWrap .defaultInfo .icon {margin:8px auto 0;}
	.prdDetInfoWrap .defaultInfo .icon img {margin:0 3px 0 0; max-width:20px;}
	
	.prdDetInfoWrap .sectionInfo .sec {padding:44px 0 0 0;}
	.prdDetInfoWrap .sectionInfo .secMenu li a {height:32px; font-size:14px; line-height:32px;}
	.prdDetInfoWrap .sectionInfo .secMenu li a.active:after {height:1px;}
	
	
	.prdDetInfoWrap .sectionInfo .sec .conMap .serviceMap {width:calc(100% - 30px); height:300px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address {margin:10px auto 15px;}
	.prdDetInfoWrap .sectionInfo .sec .conMap .address > * {font-size:13px; line-height:18px;}
}
/* 상품 기본정보 영역 :: E */



/* 하단 고정 버튼 영역 :: S */
.prdFixedBtnsWrap.con {width:100%; margin:0 auto; padding:0; position:fixed; bottom:85px; left:0; z-index:80;}

.prdFixedBtnsWrap .btnArea {width:100%; max-width:960px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.prdFixedBtnsWrap .btnArea a {display:block; height:40px; position:relative; text-align:center; margin:5px auto 0; padding:0; font-size:16px; line-height:40px; font-weight:900; color:#fff; background:#222; border-radius:5px;}
.prdFixedBtnsWrap .btnArea a:first-child {margin:0 auto;}
.prdFixedBtnsWrap .btnArea a:last-child {margin:0 auto;}
.prdFixedBtnsWrap .btnArea a.reservation {color:#fdd000; background:#265ba9;}
.prdFixedBtnsWrap .btnArea a.review {}


@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.prdFixedBtnsWrap .btnArea {padding:0 10px;}
}

@media screen and (max-width:640px){
	.prdFixedBtnsWrap .btnArea a {height:34px; font-size:15px; line-height:34px;}
}

@media screen and (max-width:480px){
	.prdFixedBtnsWrap.con {bottom:75px;}
	.prdFixedBtnsWrap .btnArea {padding:0 5px;}
	.prdFixedBtnsWrap .btnArea a {height:30px; font-size:14px; line-height:30px;}
}

@media screen and (max-width:420px){
	.prdFixedBtnsWrap.con {bottom:65px;}
}

@media screen and (max-width:360px){
	.prdFixedBtnsWrap.con {bottom:55px;}
}
/* 하단 고정 버튼 영역 :: E */



/* 반려동물 리스트 영역 :: S */
.listWrap.con {}

.listWrap.con .searchArea {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.listWrap.con .searchArea dl {display:inline-block; width:calc(50% - 4px); position:relative; vertical-align:middle; margin:2px 0; padding:0 5px 0 0; box-sizing:border-box;}
.listWrap.con .searchArea dl:nth-of-type(2n+2) {padding:0 0 0 5px;}
.listWrap.con .searchArea dl dt,
.listWrap.con .searchArea dl dd {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:30px; font-weight:400; color:#454545;}
.listWrap.con .searchArea dl dt {width:60px;}
.listWrap.con .searchArea dl dd {width:calc(100% - 64px);}
.listWrap.con .searchArea dl dd > * {display:inline-block; width:auto; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:30px; font-weight:400; color:#333;}
.listWrap.con .searchArea dl dd input[type="text"],
.listWrap.con .searchArea dl dd select {height:30px; padding:0 5px; box-sizing:border-box; box-shadow:none; border:1px solid #ccc; border-radius:5px;}
.listWrap.con .searchArea dl dd .dateRect {width:calc(50% - 14px);}
.listWrap.con .searchArea dl dd .dateRect i {width:30px; height:30px; text-align:center; line-height:30px;}
.listWrap.con .searchArea dl dd .dateRect input {width:calc(100% - 34px); margin:0;}
.listWrap.con .searchArea dl dd p {width:20px; text-align:center;}
.listWrap.con .searchArea dl dd select {width:calc(50% - 4px);}
.listWrap.con .searchArea dl dd .search_word {width:calc(100% - 54px);}
.listWrap.con .searchArea dl dd .search_btn {width:50px; height:30px; text-align:center; font-weight:500; color:#fdd000; background:#265ba9; border-radius:5px;}

.listWrap .utilArea {width:100%; position:relative; margin:15px auto; padding:0;}
.listWrap .utilArea p,
.listWrap .utilArea a {display:block; position:relative; margin:0; padding:0; font-size:15px; line-height:30px; font-weight:400; color:#777;}
.listWrap .utilArea .cnt {font-size:18px; font-weight:700; color:#265ba9;}
.listWrap .utilArea .cnt:after {content:' 건'; font-size:15px; font-weight:400; color:#777;}
.listWrap .utilArea .b1 {position:absolute; top:0; right:0; padding:5px 8px; font-size:14px; line-height:20px; font-weight:400; color:#fff; background:#265ba9; border-radius:5px;}
.listWrap .utilArea .btns {position:absolute; top:0; right:0; text-align:right;}
.listWrap .utilArea .btns ._b {display:inline-block; position:relative; vertical-align:top; margin:0 5px 0 0; padding:0 10px; box-sizing:border-box; font-size:13px; line-height:30px; font-weight:500; color:#fff; background:#265ba9; border-radius:5px;}
.listWrap .utilArea .btns ._b:last-child {margin:0;}
.listWrap .utilArea .sortSel {display:block; width:100px; height:30px; text-align:left; position:absolute; top:0; right:0; margin:0; padding:0 5px; box-sizing:border-box; font-size:15px; line-height:28px; font-weight:500; color:#555; border:1px solid #c4c4c4; border-radius:5px;}


.petListWrap.con {}

.petListWrap.con .listArea {display:block; width:100%; position:relative; margin:10px auto 0; padding:0;}
.petListWrap .listArea .listItem {display:block; width:100%; position:relative; margin:0 auto 15px; padding:20px; box-sizing:border-box; border:1px solid #ececec; border-radius:10px;}
.petListWrap .listArea .listItem:last-child {margin:0 auto;}
.petListWrap .listArea .listItem p,
.petListWrap .listArea .listItem a {display:block; position:relative; margin:0; padding:0; font-size:15px; line-height:22px; font-weight:400; color:#555;}
.petListWrap .listArea .listItem .status {font-size:18px; line-height:20px; font-weight:600; color:#333;}
.petListWrap .listArea .listItem .info {width:100%; position:relative; margin:0 auto;}
.petListWrap .listArea .listItem .info .name {margin:8px auto 0;}
.petListWrap .listArea .listItem .info .name span.date {display:block; font-size:12px; line-height:14px; margin:0 auto 5px;}
.petListWrap .listArea .listItem .info .date {font-weight:600; color:#333;}
.petListWrap .listArea .listItem .info .profile {font-size:20px; font-weight:700;}
.petListWrap .listArea .listItem .info .profile > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:16px; line-height:24px; font-weight:500; color:#333;}
.petListWrap .listArea .listItem .info .profile img {max-width:50px; max-height:50px; border:1px solid #ececec; border-radius:50%; overflow:hidden;}
.petListWrap .listArea .listItem .info .profile b {margin:0 10px; font-size:20px; font-weight:900;}
.petListWrap .listArea .listItem .info .profile a {}
.petListWrap .listArea .listItem .info .profile a img {display:inline-block; max-width:12px; vertical-align:middle; margin:-4px 0 0 0; opacity:0.7;}
.petListWrap .listArea .listItem .info .kind {width:60px; height:60px; text-align:center; font-size:18px; line-height:60px; font-weight:900; color:#fdd000; background:#265ba9; border-radius:50%; overflow:hidden; position:absolute; top:50%; right:0; margin:-30px 0 0 0;}


@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.listWrap.con .searchArea dl dt,
	.listWrap.con .searchArea dl dd {font-size:13px;}
	.listWrap.con .searchArea dl dt {width:50px;}
	.listWrap.con .searchArea dl dd {width:calc(100% - 54px);}
}

@media screen and (max-width:640px){
	.listWrap.con .searchArea dl {display:block; width:100%; padding:0 !important; margin:0 auto 5px;}
	.listWrap.con .searchArea dl:last-child {margin:0 auto;}
}

@media screen and (max-width:480px){
	
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 반려동물 리스트 영역 :: E */



/* 시설 리스트 영역 :: S */
.serviceListWrap.con {}

.serviceListWrap.con .listArea {display:block; width:100%; position:relative; margin:10px auto 0; padding:0;}
.serviceListWrap .listArea .listItem {display:block; width:100%; position:relative; margin:0 auto 15px; padding:20px; box-sizing:border-box; border:1px solid #ececec; border-radius:10px;}
.serviceListWrap .listArea .listItem:last-child {margin:0 auto;}
.serviceListWrap .listArea .listItem p,
.serviceListWrap .listArea .listItem a {display:block; position:relative; margin:0; padding:0; font-size:15px; line-height:22px; font-weight:400; color:#555;}
.serviceListWrap .listArea .listItem .status {font-size:18px; line-height:20px; font-weight:600; color:#333;}
.serviceListWrap .listArea .listItem .info {width:100%; position:relative; margin:20px auto 0; padding:0 0 0 70px;}
.serviceListWrap .listArea .listItem .info .thumb {width:60px; height:60px; position:absolute; top:50%; left:0; margin:-30px 0 0 0; overflow:hidden;}
.serviceListWrap .listArea .listItem .info .thumb img {display:block; width:100%;}
.serviceListWrap .listArea .listItem .info .name {}
.serviceListWrap .listArea .listItem .info .date {font-weight:600; color:#333;}
.serviceListWrap .listArea .listItem .info .profile {margin:10px auto 0;}
.serviceListWrap .listArea .listItem .info .profile img {display:inline-block; position:relative; vertical-align:middle; max-width:24px; max-height:24px; margin:0 3px 0 0; padding:0; border-radius:50%; overflow:hidden;}
.serviceListWrap .listArea .listItem .info .kind {width:60px; height:60px; text-align:center; font-size:18px; line-height:60px; font-weight:900; color:#fdd000; background:#265ba9; border-radius:50%; overflow:hidden; position:absolute; bottom:0; right:0;}
.serviceListWrap .listArea .listItem a.detail {position:absolute; top:20px; right:20px; font-size:14px; line-height:20px; font-weight:500;}
.serviceListWrap .listArea .listItem a.detail img {display:inline-block; max-width:12px; vertical-align:middle; margin:-4px 0 0 0; opacity:0.7;}
.serviceListWrap .listArea .listItem a.detail.feed {top:40px;}


@media screen and (max-width:960px){
	
}

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

@media screen and (max-width:640px){
	
}

@media screen and (max-width:480px){
	.serviceListWrap .listArea .listItem {margin:0 auto 10px; padding:15px;}
	.serviceListWrap .listArea .listItem .status {font-size:16px;}
	.serviceListWrap .listArea .listItem .info {margin:15px auto 0;}
	.serviceListWrap .listArea .listItem p,
	.serviceListWrap .listArea .listItem a {font-size:14px; line-height:20px;}
	.serviceListWrap .listArea .listItem .info .kind {width:54px; height:54px; font-size:15px; line-height:54px;}
	.serviceListWrap .listArea .listItem a.detail {top:15px; right:15px; font-size:13px;}
	.serviceListWrap .listArea .listItem a.detail.feed {top:35px;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 시설 리스트 영역 :: E */



/* 예약 리스트 영역 :: S */
.reservationListWrap.con {}

.reservationListWrap.con .listArea {display:block; width:100%; position:relative; margin:10px auto 0; padding:0;}
.reservationListWrap .listArea .listItem {display:block; width:100%; position:relative; margin:0 auto 15px; padding:20px; box-sizing:border-box; border:1px solid #ececec; border-radius:10px;}
.reservationListWrap .listArea .listItem:last-child {margin:0 auto;}
.reservationListWrap .listArea .listItem p,
.reservationListWrap .listArea .listItem a {display:block; position:relative; margin:0; padding:0; font-size:15px; line-height:22px; font-weight:400; color:#555;}
.reservationListWrap .listArea .listItem .status {font-size:18px; line-height:20px; font-weight:600; color:#333;}
.reservationListWrap .listArea .listItem .status a {display:block; width:90px; height:24px; text-align:center; position:relative; top:auto; right:auto; margin:10px 0 0 0; padding:0; box-sizing:border-box; font-size:12px; line-height:22px; font-weight:500; color:#333; border:1px solid #333; border-radius:5px;}
.reservationListWrap .listArea .listItem .status a.review {color:#265ba9; border:1px solid #265ba9;}
.reservationListWrap .listArea .listItem .info {width:100%; position:relative; margin:20px auto 0;}
.reservationListWrap .listArea .listItem .info .name {}
.reservationListWrap .listArea .listItem .info .date {font-weight:600; color:#333;}
.reservationListWrap .listArea .listItem .info .profile {margin:10px auto 0;}
.reservationListWrap .listArea .listItem .info .profile img {display:inline-block; position:relative; vertical-align:middle; max-width:24px; max-height:24px; margin:0 3px 0 0; padding:0; border-radius:50%; overflow:hidden;}
.reservationListWrap .listArea .listItem .info .kind {width:60px; height:60px; text-align:center; font-size:18px; line-height:60px; font-weight:900; color:#fdd000; background:#265ba9; border-radius:50%; overflow:hidden; position:absolute; bottom:0; right:0;}
.reservationListWrap .listArea .listItem .info .kind.multi {width:auto; height:auto; background:none; border-radius:0;}
.reservationListWrap .listArea .listItem .info .kind span {display:inline-block; width:42px; height:42px; position:relative; text-align:center; vertical-align:middle; margin:1px; padding:0; box-sizing:border-box; font-size:13px; line-height:42px; font-weight:500; letter-spacing:-1.0px; color:#fdd000; background:#265ba9; border-radius:50%;}
.reservationListWrap .listArea .listItem a.detail {position:absolute; top:20px; right:20px; font-size:14px; line-height:20px; font-weight:500;}
.reservationListWrap .listArea .listItem a.detail img {display:inline-block; max-width:12px; vertical-align:middle; margin:-4px 0 0 0; opacity:0.7;}


@media screen and (max-width:960px){
	
}

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

@media screen and (max-width:640px){
	
}

@media screen and (max-width:480px){
	.reservationListWrap .listArea .listItem {margin:0 auto 10px; padding:15px;}
	.reservationListWrap .listArea .listItem .status {font-size:16px;}
	.reservationListWrap .listArea .listItem .info {margin:15px auto 0;}
	.reservationListWrap .listArea .listItem p,
	.reservationListWrap .listArea .listItem a {font-size:14px; line-height:20px;}
	.reservationListWrap .listArea .listItem .info .kind {width:54px; height:54px; font-size:15px; line-height:54px;}
	.reservationListWrap .listArea .listItem a.detail {top:15px; right:15px; font-size:13px;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 예약 리스트 영역 :: E */



/* 예약 상세정보 영역 :: S */
.reservationInfoWrap.con {}

.reservationInfoWrap .noticeArea {width:100%; position:relative; margin:0 auto; padding:20px; background:#f3f7fa; border-radius:10px;}
.reservationInfoWrap .noticeArea p {display:block; text-align:center; position:relative; margin:0 auto; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#777;}
.reservationInfoWrap .noticeArea .t1 {font-size:24px; line-height:30px; font-weight:700;}
.reservationInfoWrap .noticeArea .t2 {margin:10px auto;}
.reservationInfoWrap .noticeArea .t3 {font-size:14px; color:#aaa;}

.reservationInfoWrap .infoArea {width:100%; position:relative; margin:30px auto 0; padding:0;}
.reservationInfoWrap .infoArea p,
.reservationInfoWrap .infoArea a {display:block; position:relative; margin:0; padding:0; font-size:16px; line-height:22px; font-weight:400; color:#777;}
.reservationInfoWrap .infoArea img {display:inline-block; position:relative; vertical-align:middle; margin:0 3px 0 0;}
.reservationInfoWrap .infoArea .t1 {font-size:18px; line-height:24px; font-weight:600; color:#333; margin:0 auto 20px;}
.reservationInfoWrap .infoArea dl {display:block; position:relative; margin:0 auto 20px; padding:0 0 20px 0; border-bottom:1px solid #ececec;}
.reservationInfoWrap .infoArea dl:last-child {margin:0 auto; padding:0; border-bottom:0;}
.reservationInfoWrap .infoArea dl dt,
.reservationInfoWrap .infoArea dl dd {display:block; position:relative; margin:0; padding:0;}
.reservationInfoWrap .infoArea dl dt {font-size:16px; line-height:22px; font-weight:400; color:#454545; margin:0 auto 8px;}
.reservationInfoWrap .infoArea dl dd {font-size:18px; line-height:24px; font-weight:600; color
:#333;}
.reservationInfoWrap .infoArea dl dd a {display:block; position:relative; font-size:18px; line-height:24px; font-weight:600; color:#333; margin:0 auto 8px;}
.reservationInfoWrap .infoArea dl dd a:after {display:inline-block; content:''; width:15px; height:15px; position:relative; vertical-align:middle; margin:-4px 0 0 5px; padding:0; background-size:cover !important; background:url('/public/images/cm_arrow_black_4_right.png') center center no-repeat;}
.reservationInfoWrap .infoArea dl dd.profile {}
.reservationInfoWrap .infoArea dl dd.profile img {max-width:24px; max-height:24px;}
.reservationInfoWrap .infoArea dl dd input[type="text"],
.reservationInfoWrap .infoArea dl dd input[type="password"],
.reservationInfoWrap .infoArea dl dd input[type="tel"],
.reservationInfoWrap .infoArea dl dd input[type="number"],
.reservationInfoWrap .infoArea dl dd select,
.reservationInfoWrap .infoArea dl dd textarea {display:block; width:100%; height:40px; position:relative; margin:0; padding:0 5px; box-sizing:border-box; font-size:15px; line-height:40px; box-shadow:none; border:1px solid #e0e0e0; border-radius:5px;}
.reservationInfoWrap .infoArea dl dd textarea {height:auto; min-height:120px; padding:5px; line-height:24px;}

.reservationInfoWrap .btnArea {width:100%; position:relative; margin:30px auto 0; box-sizing:border-box;}
.reservationInfoWrap .btnArea a {display:inline-block; width:calc(50% - 7px); height:50px; position:relative; text-align:center; margin:2.5px; padding:0; font-size:16px; line-height:50px; font-weight:900; color:#777; background:#d8d8d8; border:1px solid #d8d8d8; border-radius:5px;}
.reservationInfoWrap .btnArea a.full {width:calc(100% - 7px);}
.reservationInfoWrap .btnArea a.confirm {color:#265ba9; background:#fff; border:1px solid #265ba9;}
.reservationInfoWrap .btnArea a.modify {color:#fdd000; background:#265ba9; border:1px solid #265ba9;}


@media screen and (max-width:960px){
	
}

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

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.reservationInfoWrap .noticeArea {padding:15px;}
	.reservationInfoWrap .noticeArea p {font-size:14px; line-height:22px;}
	.reservationInfoWrap .noticeArea .t1 {font-size:20px; line-height:26px;}
	.reservationInfoWrap .noticeArea .t2 {margin:8px auto;}
	.reservationInfoWrap .noticeArea .t3 {font-size:12px;}
	
	.reservationInfoWrap .infoArea .t1 {font-size:16px; line-height:20px;}
	
	.reservationInfoWrap .infoArea p,
	.reservationInfoWrap .infoArea a {font-size:14px; line-height:20px;}
	.reservationInfoWrap .infoArea dl {margin:0 auto 15px; padding:0 0 15px 0;}
	.reservationInfoWrap .infoArea dl dd {font-size:16px; line-height:22px;}
	.reservationInfoWrap .infoArea dl dd a {font-size:16px; line-height:22px;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 예약 상세정보 영역 :: E */



/* 회원관련 submit form 영역 :: S */
.memberFormWrap.con {}

.memberFormWrap form {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}

.memberFormWrap form dl {display:block; position:relative; margin:0; padding:0;}
.memberFormWrap form dl dt,
.memberFormWrap form dl dd {display:block; position:relative; margin:0; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#777;}
.memberFormWrap form dl dt {font-size:16px; line-height:24px; font-weight:600; color:#333;}
.memberFormWrap form dl dd {}

.memberFormWrap form .inps {margin:0 auto 10px;}
.memberFormWrap form .inps:last-child {margin:0 auto;}
.memberFormWrap form .inps dt {margin:0 auto 5px;}
.memberFormWrap form .inps dd input[type="text"],
.memberFormWrap form .inps dd input[type="password"],
.memberFormWrap form .inps dd input[type="tel"],
.memberFormWrap form .inps dd input[type="number"],
.memberFormWrap form .inps dd input[type="file"],
.memberFormWrap form .inps dd select,
.memberFormWrap form .inps dd textarea,
.memberFormWrap form .inps dd a:not(.trans) {display:inline-block; vertical-align:top; width:100%; height:60px; position:relative; margin:0; padding:0 10px; box-sizing:border-box; border:1px solid #ececec; border-radius:0; box-shadow:none; font-size:18px; line-height:60px; font-weight:500; color:#454545;}
.memberFormWrap form .inps dd textarea {height:auto; min-height:100px; line-height:24px; padding:10px 10px;}
.memberFormWrap form .inps dd a:not(.trans) {background:#111; color:#fff; font-size:15px; text-align:center;}
.memberFormWrap form .inps.req dt:after {content:' *'; color:#f93850;}
.memberFormWrap form .inps.opt dt:after {content:' (선택)'; color:#777; font-weight:400;}

.memberFormWrap form .inps dd.iden {}

.memberFormWrap form .inps dd.date {}
.memberFormWrap form .inps dd.date > * {}
.memberFormWrap form .inps dd.date i {display:inline-block; width:60px; text-align:center; vertical-align:middle; position:relative; line-height:60px; margin:0; padding:0;}
.memberFormWrap form .inps dd.date input {width:calc(100% - 64px) !important; background:none;}

.memberFormWrap form .inps dd.ea_2 {}
.memberFormWrap form .inps dd.ea_2 > * {width:calc(50% - 2.5px) !important;}

.memberFormWrap form .inps dd.btn {}
.memberFormWrap form .inps dd.btn > * {margin:0 0 5px 0 !important;}
.memberFormWrap form .inps dd.btn > *:first-child {width:calc(100% - 5px - 80px) !important;}
.memberFormWrap form .inps dd.btn #post {width:100px;}
.memberFormWrap form .inps dd.btn a {width:80px;}

.memberFormWrap form .inps dd.chk {overflow:hidden;}
.memberFormWrap form .inps dd.chk .chkRect {width:50%; float:left; position:relative; margin:0; padding:0; overflow:hidden;}
.memberFormWrap form .inps dd.chk.ea_3 .chkRect {width:33.33333333333333%;}
.memberFormWrap form .inps dd.chk .chkRect:first-child {border-radius:5px 0 0 5px;}
.memberFormWrap form .inps dd.chk .chkRect:last-child {border-radius:0 5px 5px 0;}
.memberFormWrap form .inps dd.chk .chkRect input {display:none;}
.memberFormWrap form .inps dd.chk .chkRect label {display:block; width:100%; height:60px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; font-size:16px; line-height:60px; font-weight:700; color:#777; background:#ececec; cursor:pointer;}
.memberFormWrap form .inps dd.chk .chkRect input:checked + label {color:#fdd000; background:#265ba9;}

.memberFormWrap form .inps dd.tel {overflow:hidden;}
.memberFormWrap form .inps dd.tel input {width:calc(100% - 5px - 120px); float:left;}
.memberFormWrap form .inps dd.tel a {display:block; width:120px; height:60px; float:right; position:relative; text-align:center; margin:0; padding:0; font-size:16px; line-height:60px; font-weight:600; color:#777; background:#ececec; border-radius:5px;}

.memberFormWrap form .inps.view {}
.memberFormWrap form .inps.view dd {}
.memberFormWrap form .inps.view dd > * {display:block; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:22px; font-weight:400; color:#777;}
.memberFormWrap form .inps.view dd .title {text-align:center; font-size:18px; line-height:24px; font-weight:600; color:#333; margin:30px auto 0;}
.memberFormWrap form .inps.view dd .writer {text-align:right; margin:15px auto; padding:15px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.memberFormWrap form .inps.view dd .content {}
.memberFormWrap form .inps.view dd .content,
.memberFormWrap form .inps.view dd .content * {font-size:15px; line-height:24px;}
.memberFormWrap form .inps.view dd .content p {margin:0;}
.memberFormWrap form .inps.view dd .content img {max-width:100%; vertical-align:top;}


.memberFormWrap form .findResult {display:none;}
.memberFormWrap form .findResult.active {display:block;}
.memberFormWrap form .findResult dt {}
.memberFormWrap form .findResult dd {}
.memberFormWrap form .findResult dd .resultRect {width:100%; position:relative; text-align:center; margin:0 auto 12px; padding:0 0 12px 0; box-sizing:border-box; border-bottom:1px solid #e0e0e0;}
.memberFormWrap form .findResult dd .resultRect:last-child {margin:0 auto; padding:0; border-bottom:0;}
.memberFormWrap form .findResult dd .resultRect p,
.memberFormWrap form .findResult dd .resultRect a {width:auto; height:auto; display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:16px; line-height:24px; font-weight:600; color:#333; background:none; border:none;}
.memberFormWrap form .findResult dd .resultRect p {}
.memberFormWrap form .findResult dd .resultRect a {margin:0 0 0 5px; padding:0 10px; font-size:15px; font-weight:400; color:#fff; background:#222; border-radius:5px;}


.memberFormWrap.join form .inps {margin:0 auto 30px;}
.memberFormWrap.join form .inps:last-child {margin:0 auto;}


.memberFormWrap form .imgs {width:100%; position:relative; margin:0 auto 30px; padding:0;}
.memberFormWrap form .imgs input[type="file"] {display:block !important; position:absolute !important; top:-9999em; left:-9999em;}
.memberFormWrap form .imgs .profile {width:120px; height:120px; position:relative; margin:0 auto; padding:0;}
.memberFormWrap form .imgs .profile > * {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.memberFormWrap form .imgs .profile .img {width:120px; height:120px; border-radius:50%; overflow:hidden;}
.memberFormWrap form .imgs .profile .add {width:40px; height:40px; position:absolute; bottom:-2px; right:-2px;}
.memberFormWrap form .imgs .profile .add img {max-width:100%; vertical-align:top;}
.memberFormWrap.board form .imgs .profile {width:300px; height:300px; margin:0;}
.memberFormWrap.board form .imgs .profile .img {display:block; width:100%; background:#ececec; border-radius:0;}


.memberFormWrap form .btns {width:100%; position:relative; margin:15px auto 30px; padding:0; 
text-align:center;}
.memberFormWrap form .btns a {display:block; width:100%; height:60px; position:relative; margin:0 auto 10px; padding:0; text-align:center; font-size:18px; line-height:60px; font-weight:700; color:#777; background:#ececec; border-radius:5px;}
.memberFormWrap form .btns a:last-child {margin:0 auto;}
.memberFormWrap form .btns a.small {width:80px; height:36px; font-size:14px; line-height:36px; font-weight:500;}
.memberFormWrap form .btns a.login,
.memberFormWrap form .btns a.join {color:#fdd000; background:#265ba9;}
.memberFormWrap form .btns a.naver {color:#fff; background:#00bd00;}
.memberFormWrap form .btns a.kakao {color:#391c1c; background:#f2da00;}
.memberFormWrap form .btns a.google {color:#391c1c; background:#fff; border:1px solid #c4c4c4;}
.memberFormWrap form .btns a.tmap {color:#fff; background:linear-gradient(90deg, #ed41b4, #793ff7, #2fdda9, #0462f7); opacity:0.8;}
.memberFormWrap form .btns a.google ._1 {color:#4081ed;}
.memberFormWrap form .btns a.google ._2 {color:#e44234;}
.memberFormWrap form .btns a.google ._3 {color:#f3b706;}
.memberFormWrap form .btns a.google ._4 {color:#4081ed;}
.memberFormWrap form .btns a.google ._5 {color:#32a44f;}
.memberFormWrap form .btns a.google ._6 {color:#e44234;}
.memberFormWrap form .btns a.apple {color:#fff; background:#050505; cursor:pointer;}
.memberFormWrap form .btns a.apple:before {content:'애플 로그인';}
.memberFormWrap form .btns a.delete {color:#fff; background:#aa0000;}


.memberFormWrap form .utils {width:100%; position:relative; margin:0 auto; padding:0; 
text-align:center;}
.memberFormWrap form .utils p,
.memberFormWrap form .utils a {display:inline-block; height:18px; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0 10px 0 0; box-sizing:border-box; font-size:14px; line-height:18px; font-weight:400; color:#555; border-right:1px solid #ececec;}
.memberFormWrap form .utils p {margin:0; padding:0; border-right:0;}
.memberFormWrap form .utils a:last-child {margin:0; padding:0; border-right:0;}
.memberFormWrap form .utils a.login {margin:0 0 0 10px; text-decoration:underline;}
.memberFormWrap form .seperate {display:block; text-align:cneter; position:relative; margin:50px auto; padding:0; text-align:center; font-size:14px; line-height:20px; font-weight:400; color:#555;}
.memberFormWrap form .seperate:before,
.memberFormWrap form .seperate:after {display:inline-block; content:''; width:100px; height:1px; background:#c4c4c4; position:relative; vertical-align:middle; margin:0 10px; padding:0;}


.memberFormWrap form .socials {width:100%; position:relative; margin:30px auto 0; padding:0; 
text-align:center;}
.memberFormWrap form .socials a {display:block; width:100%; height:60px; position:relative; margin:0 auto 10px; padding:0; text-align:center; font-size:18px; line-height:60px; font-weight:700; color:#777; background:#ececec;}
.memberFormWrap form .socials a:last-child {margin:0 auto;}
.memberFormWrap form .socials a img {display:inline-block; max-width:42px; max-height:42px; position:relative; vertical-align:middle; margin:0 5px 0 0;}
.memberFormWrap form .socials a.basic {color:#fdd000; background:#265ba9;}
.memberFormWrap form .socials a.mono {color:#fff; background:#111;}
.memberFormWrap form .socials a.kakao {color:#111; background:#fde500;}
.memberFormWrap form .socials a.naver {color:#fff; background:#1fc700;}

.memberFormWrap form .agreeArea {width:100%; position:relative; margin:0 auto 50px; padding:0;}
.memberFormWrap form .agreeArea p {display:block; position:relative; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:600; color:#333;}
.memberFormWrap form .agreeArea .t1 {margin:0 auto 10px;}
.memberFormWrap form .agreeArea .bump {width:100%; position:relative; margin:10px auto 0; padding:15px; box-sizing:border-box; border-radius:5px; background:#f0f0f0;}
.memberFormWrap form .agreeArea .chkRect {width:100%; position:relative; margin:0 auto 5px; padding:0; text-align:left;}
.memberFormWrap form .agreeArea .chkRect:last-child {margin:0 auto;}
.memberFormWrap form .agreeArea .chkRect > *,
.memberFormWrap form .agreeArea .chkRect a {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; font-size:15px; line-height:20px; font-weight:400; color:#454545;}
.memberFormWrap form .agreeArea .chkRect input {width:16px; height:16px; margin:0 5px 0 0;}
.memberFormWrap form .agreeArea .chkRect label {}
.memberFormWrap form .agreeArea .chkRect label a {font-size:13px; font-weight:400; color:#777; text-decoration:underline; margin:0 0 0 5px;}


.memberFormWrap form .inputCtrlArea {width:100%; position:relative; margin:0 auto 30px; padding:0; box-sizing:border-box;}
.memberFormWrap form .inputCtrlArea > * {width:100%; position:relative; margin:0 auto; padding:0;}
.memberFormWrap form .inputCtrlArea > * input[type="text"],
.memberFormWrap form .inputCtrlArea > * select,
.memberFormWrap form .inputCtrlArea > * a {display:inline-block; width:auto; height:36px; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0 10px; box-sizing:border-box; font-size:15px; line-height:36px; font-weight:500; color:#333; box-shadow:none; border:1px solid #ececec; border-radius:0;}
.memberFormWrap form .inputCtrlArea > * *:last-child {margin:0;}
.memberFormWrap form .inputCtrlArea ._head {margin:0 auto 5px;}
.memberFormWrap form .inputCtrlArea ._head select {width:calc(100% - 90px);}
.memberFormWrap form .inputCtrlArea ._head a {width:80px; text-align:center; color:#fff; background:#265ba9; float:right;}
.memberFormWrap form .inputCtrlArea ._body {}
.memberFormWrap form .inputCtrlArea ._body .inputRect {width:100%; position:relative; margin:0 auto 10px; padding:0 60px 10px 0; box-sizing:border-box; border-bottom:1px solid #e0e0e0;}
.memberFormWrap form .inputCtrlArea ._body .inputRect:last-child {margin:0 auto; padding:0 60px 0 0; border-bottom:0;}
.memberFormWrap form .inputCtrlArea ._body .inputRect input[type="text"] {display:block; width:100%; margin:2.5px auto;}
.memberFormWrap form .inputCtrlArea ._body .inputRect p {display:block; text-align:left; position:relative; margin:0; padding:0; font-size:13px; line-height:16px; font-weight:500; color:#333;}
.memberFormWrap form .inputCtrlArea ._body .inputRect .del {color:#fff; background:#aa0000; border:1px solid #aa0000; position:absolute; top:0; right:0;}


.memberFormWrap.renew._1 {}
.memberFormWrap.renew._1 form .inps {margin:0 auto 5px;}
.memberFormWrap.renew._1 form .utils {}
.memberFormWrap.renew._1 form .utils:not(.tal) {height:14px;}
.memberFormWrap.renew._1 form .utils a {vertical-align:top; font-size:12px; line-height:14px; margin:0 6px 0 0; padding:0 6px 0 0;}
.memberFormWrap.renew._1 form .utils a:last-child {margin:0; padding:0;}
.memberFormWrap.renew._1 form .btns {margin:10px auto 20px;}
.memberFormWrap.renew._1 .socialBtns {width:100%; position:relative; text-align:center; margin:50px auto 0; padding:0; box-sizing:border-box;}
.memberFormWrap.renew._1 .socialBtns .sep {width:100%; height:30px; position:relative; text-align:center; margin:0 auto 15px; padding:0; box-sizing:border-box;}
.memberFormWrap.renew._1 .socialBtns .sep:before {display:block; content:''; width:100%; height:2px; position:absolute; top:50%; left:0; margin:-1px 0 0 0; padding:0; box-sizing:border-box; background:#e8e8e8; z-index:1;}
.memberFormWrap.renew._1 .socialBtns .sep p {height:30px; display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0 10px; box-sizing:border-box; font-size:14px; line-height:30px; font-weight:500; color:#454545; background:#fff; z-index:3;}
.memberFormWrap.renew._1 .socialBtns a.login {display:inline-block; width:60px; height:60px; position:relative; text-align:center; vertical-align:middle; margin:0 10px 0 0; padding:0; box-sizing:border-box; line-height:56px; border-radius:50%; background:#fff; border:1px solid #e0e0e0; color:#333;}
.memberFormWrap.renew._1 .socialBtns a.login:last-child {margin:0;}
.memberFormWrap.renew._1 .socialBtns a.login img {display:inline-block; width:auto; max-width:24px; height:auto; max-height:24px; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.memberFormWrap.renew._1 .socialBtns a.login.kakao {background:#ffe400; border:1px solid #ffe400;}
.memberFormWrap.renew._1 .socialBtns a.login.naver {background:#1ac600; border:1px solid #1ac600;}
.memberFormWrap.renew._1 .socialBtns a.login.apple {background:#010101; border:1px solid #010101;}
.memberFormWrap.renew._1 .socialBtns a.login.google {background:#fff; border:1px solid #e0e0e0;}


@media screen and (max-width:960px){
	
}

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

@media screen and (max-width:640px){
	.memberFormWrap form dl dt,
	.memberFormWrap form dl dd {font-size:15px; line-height:22px;}
	.memberFormWrap form dl dt {font-size:15px; line-height:22px;}
	
	.memberFormWrap form .inps dd input[type="text"],
	.memberFormWrap form .inps dd input[type="password"],
	.memberFormWrap form .inps dd input[type="tel"],
	.memberFormWrap form .inps dd input[type="number"],
	.memberFormWrap form .inps dd input[type="file"],
	.memberFormWrap form .inps dd select,
	.memberFormWrap form .inps dd textarea,
	.memberFormWrap form .inps dd a:not(.trans) {height:50px; font-size:16px; line-height:50px;}
	
	.memberFormWrap form .inps dd.tel input {width:calc(100% - 105px);}
	.memberFormWrap form .inps dd.tel a {width:100px; height:50px; font-size:15px; line-height:50px;}
	
	.memberFormWrap form .inps dd.chk .chkRect label {height:50px; font-size:15px; line-height:50px;}
	
	.memberFormWrap.join form .inps {margin:0 auto 25px;}
	
	.memberFormWrap form .btns a {height:50px; margin:0 auto 10px; font-size:16px; line-height:50px;}
}

@media screen and (max-width:480px){
	.memberFormWrap form dl dt,
	.memberFormWrap form dl dd {font-size:14px; line-height:20px;}
	.memberFormWrap form dl dt {font-size:14px; line-height:20px;}
	
	.memberFormWrap form .inps dd input[type="text"],
	.memberFormWrap form .inps dd input[type="password"],
	.memberFormWrap form .inps dd input[type="tel"],
	.memberFormWrap form .inps dd input[type="number"],
	.memberFormWrap form .inps dd input[type="file"],
	.memberFormWrap form .inps dd select,
	.memberFormWrap form .inps dd textarea,
	.memberFormWrap form .inps dd a:not(.trans) {height:40px; font-size:15px; line-height:40px;}
	
	.memberFormWrap form .inps dd.tel input {width:calc(100% - 95px);}
	.memberFormWrap form .inps dd.tel a {width:90px; height:40px; font-size:15px; line-height:40px;}
	
	.memberFormWrap form .inps dd.chk .chkRect label {height:40px; font-size:14px; line-height:40px;}
	
	.memberFormWrap.join form .inps {margin:0 auto 20px;}
	
	.memberFormWrap form .btns a {height:40px; margin:0 auto 8px; font-size:15px; line-height:40px;}
}

@media screen and (max-width:420px){
	.memberFormWrap form dl dt,
	.memberFormWrap form dl dd {font-size:13px; line-height:20px;}
	.memberFormWrap form dl dt {font-size:13px; line-height:20px;}
	
	.memberFormWrap form .inps dd input[type="text"],
	.memberFormWrap form .inps dd input[type="password"],
	.memberFormWrap form .inps dd input[type="tel"],
	.memberFormWrap form .inps dd input[type="number"],
	.memberFormWrap form .inps dd input[type="file"],
	.memberFormWrap form .inps dd select,
	.memberFormWrap form .inps dd textarea,
	.memberFormWrap form .inps dd a:not(.trans) {height:36px; font-size:14px; line-height:36px;}
	
	.memberFormWrap form .inps dd.tel input {width:calc(100% - 85px);}
	.memberFormWrap form .inps dd.tel a {width:80px; height:36px; font-size:14px; line-height:36px;}
	
	.memberFormWrap form .inps dd.chk .chkRect label {height:36px; font-size:14px; line-height:36px;}
	
	.memberFormWrap.join form .inps {margin:0 auto 18px;}
	
	.memberFormWrap form .btns a {height:36px; margin:0 auto 6px; font-size:14px; line-height:36px;}
}

@media screen and (max-width:360px){
	.memberFormWrap form dl dt,
	.memberFormWrap form dl dd {font-size:12px; line-height:18px;}
	.memberFormWrap form dl dt {font-size:12px; line-height:18px;}
	
	.memberFormWrap form .inps dd input[type="text"],
	.memberFormWrap form .inps dd input[type="password"],
	.memberFormWrap form .inps dd input[type="tel"],
	.memberFormWrap form .inps dd input[type="number"],
	.memberFormWrap form .inps dd input[type="file"],
	.memberFormWrap form .inps dd select,
	.memberFormWrap form .inps dd textarea,
	.memberFormWrap form .inps dd a:not(.trans) {height:32px; font-size:13px; line-height:32px;}
	
	.memberFormWrap form .inps dd.tel input {width:calc(100% - 75px);}
	.memberFormWrap form .inps dd.tel a {width:70px; height:32px; font-size:13px; line-height:32px;}
	
	.memberFormWrap form .inps dd.chk .chkRect label {height:32px; font-size:13px; line-height:32px;}
	
	.memberFormWrap.join form .inps {margin:0 auto 15px;}
	
	.memberFormWrap form .btns a {height:32px; margin:0 auto 5px; font-size:13px; line-height:32px;}
}
/* 회원관련 submit form 영역 :: E */



/* 사용자 기본정보 영역 :: S */
.memberInfoWrap {}

.memberInfoWrap .basicInfo {width:100%; position:relative; margin:30px auto 0; padding:0 0 0 90px; box-sizing:border-box;}
.memberInfoWrap .basicInfo img {display:block; width:76px; height:76px; position:absolute; top:50%; left:0; margin:-38px 0 0 0;}
.memberInfoWrap .basicInfo p,
.memberInfoWrap .basicInfo a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:18px; line-height:38px; font-weight:600; color:#222;}
.memberInfoWrap .basicInfo p {}
.memberInfoWrap .basicInfo a {font-size:16px; font-weight:500; color:#555;}

.memberInfoWrap .noticeArea {width:100%; position:relative; margin:30px auto 0; padding:15px; box-sizing:border-box; background:#f9f9f9; text-align:center;}
.memberInfoWrap .noticeArea > * {display:inline-block; position:relative; text-align:left; vertical-align:middle; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:600; color:#222;}
.memberInfoWrap .noticeArea p {width:50px;}
.memberInfoWrap .noticeArea a {width:calc(100% - 55px); font-weight:500; color:#777;}
.memberInfoWrap .noticeArea a:after {display:block; content:''; width:20px; height:20px; position:absolute; top:50%; right:0; margin:-10px 0 0 0; background-size:10px 18px !important; background:url('/public/images/cm_arrow_black_1_right.gif') center center no-repeat;}

.memberInfoWrap .linkArea {width:100%; position:relative; margin:50px auto 0; padding:0; box-sizing:border-box;}
.memberInfoWrap .linkArea ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.memberInfoWrap .linkArea ul li {display:block; width:100%; position:relative; margin:0; padding:0; border-bottom:1px solid #d8d8d8;}
.memberInfoWrap .linkArea ul li:last-child {border-bottom:0;}
.memberInfoWrap .linkArea ul li a {display:block; width:100%; position:relative; margin:0; padding:15px; box-sizing:border-box; font-size:18px; line-height:30px; font-weight:600; color:#222; vertical-align:middle;}
.memberInfoWrap .linkArea ul li a img {max-width:30px; vertical-align:middle; margin:0 10px 0 0; opacity:0.7;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.memberInfoWrap .basicInfo {margin:25px auto 0; padding:0 0 0 84px;}
	.memberInfoWrap .basicInfo img {width:70px; height:70px; top:50%; left:0; margin:-35px 0 0 0;}
	.memberInfoWrap .basicInfo p,
	.memberInfoWrap .basicInfo a {font-size:17px; line-height:35px;}
	.memberInfoWrap .basicInfo p {}
	.memberInfoWrap .basicInfo a {font-size:15px;}
	
	.memberInfoWrap .noticeArea {margin:25px auto 0; padding:12px;}
	.memberInfoWrap .noticeArea > * {font-size:15px; line-height:20px;}
	.memberInfoWrap .noticeArea p {width:45px;}
	.memberInfoWrap .noticeArea a {width:calc(100% - 50px);}

	.memberInfoWrap .linkArea {margin:40px auto 0;}
	.memberInfoWrap .linkArea ul li a {padding:12px; font-size:17px; line-height:28px;}
	.memberInfoWrap .linkArea ul li a img {margin:0 8px 0 0;}
}

@media screen and (max-width:640px){
	.memberInfoWrap .basicInfo {margin:20px auto 0; padding:0 0 0 72px;}
	.memberInfoWrap .basicInfo img {width:64px; height:64px; top:50%; left:0; margin:-32px 0 0 0;}
	.memberInfoWrap .basicInfo p,
	.memberInfoWrap .basicInfo a {font-size:16px; line-height:32px;}
	.memberInfoWrap .basicInfo p {}
	.memberInfoWrap .basicInfo a {font-size:14px;}
	
	.memberInfoWrap .noticeArea {margin:20px auto 0; padding:10px;}
	.memberInfoWrap .noticeArea > * {font-size:14px; line-height:20px;}
	.memberInfoWrap .noticeArea p {width:40px;}
	.memberInfoWrap .noticeArea a {width:calc(100% - 45px);}

	.memberInfoWrap .linkArea {margin:30px auto 0;}
	.memberInfoWrap .linkArea ul li a {padding:10px; font-size:16px; line-height:26px;}
	.memberInfoWrap .linkArea ul li a img {margin:0 6px 0 0;}
}

@media screen and (max-width:480px){
	.memberInfoWrap .basicInfo {margin:15px auto 0; padding:0 0 0 64px;}
	.memberInfoWrap .basicInfo img {width:56px; height:56px; top:50%; left:0; margin:-28px 0 0 0;}
	.memberInfoWrap .basicInfo p,
	.memberInfoWrap .basicInfo a {font-size:15px; line-height:28px;}
	.memberInfoWrap .basicInfo p {}
	.memberInfoWrap .basicInfo a {font-size:13px;}
	
	.memberInfoWrap .noticeArea {margin:15px auto 0; padding:8px;}
	.memberInfoWrap .noticeArea > * {font-size:13px; line-height:20px;}
	.memberInfoWrap .noticeArea p {width:40px;}
	.memberInfoWrap .noticeArea a {width:calc(100% - 45px);}

	.memberInfoWrap .linkArea {margin:25px auto 0;}
	.memberInfoWrap .linkArea ul li a {padding:10px; font-size:15px; line-height:24px;}
	.memberInfoWrap .linkArea ul li a img {margin:0 5px 0 0;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 사용자 기본정보 영역 :: E */



/* 프로필 이미지 영역 :: S */
#profileForm {display:block; width:1px; height:1px; position:absolute; top:-9999em; left:-9999em;}
#profileForm #profileInp {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}

.conBody .con.profileImgWrap {margin:30px auto 50px;}
.profileImgWrap .profile {display:block; width:76px; height:76px; position:relative; margin:0 auto; padding:0;}
.profileImgWrap .profile img {display:block; max-width:100%; position:relative; margin:0; padding:0;}
.profileImgWrap .profile .circle {width:76px; height:76px; position:relative; margin:0 auto; padding:0; overflow:hidden; border-radius:50%; background-size:cover !important; background:url('/public/images/cm_icon_profile_1.png') center center no-repeat;}
.profileImgWrap .profile #profileImg {}
.profileImgWrap .profile img:nth-child(2) {width:30px; height:30px; position:absolute; bottom:-2px; right:-2px; z-index:5;}
.profileImgWrap p {display:block; text-align:center; position:relative; margin:10px auto 0; padding:0; font-size:18px; line-height:24px; font-weight:600; color:#222;}
.profileImgWrap .iden {}
.profileImgWrap .name {font-size:16px; font-weight:400; color:#555; margin:5px auto 0;}
/* 프로필 이미지 영역 :: E */



/* 프로필 기본정보 영역 :: S */
.conBody .con.profileInfoWrap {margin:0 auto 30px; padding:0 0 30px 0; border-bottom:10px solid #f0f0f0;}
.conBody .con.profileInfoWrap:last-child {margin:0 auto 30px; padding:0; border-bottom:0;}
.conBody .con.profileInfoWrap.vertical {margin:0 auto; padding:30px 0;}
.profileInfoWrap form {display:block; width:100%; position:relative; margin:0; padding:0;}

.profileInfoWrap dl {display:block; width:100%; position:relative; margin:0 auto 40px; padding:0 10px; box-sizing:border-box; overflow:hidden;}
.profileInfoWrap dl:last-child {margin:0 auto;}
.profileInfoWrap dl dt,
.profileInfoWrap dl dt > *,
.profileInfoWrap dl dd,
.profileInfoWrap dl dd > * {display:block; float:left; position:relative; margin:0; padding:0; font-size:18px; line-height:24px; font-weight:500; color:#333;}
.profileInfoWrap dl dt {}
.profileInfoWrap dl dd,
.profileInfoWrap dl dd > * {float:right; font-weight:400; color:#555;}

.profileInfoWrap dl dd a {}
.profileInfoWrap dl dd a:after {display:inline-block; content:''; width:22px; height:20px; position:relative; vertical-align:middle; margin:0 0 0 5px; padding:0; background-size:cover !important; background:url('/public/images/cm_arrow_black_1_right.gif') center center no-repeat;}

.profileInfoWrap dl dd input {display:inline-block; width:200px; height:40px; position:relative; vertical-align:middle; text-align:right; margin:0; padding:0 5px; box-sizing:border-box; font-size:15px; line-height:40px; font-weight:500; color:#555; border:0; border-radius:0; box-shadow:none;}

.profileInfoWrap dl.full dd {width:100%;}
.profileInfoWrap dl.full dd a {display:block; width:100%; text-align:left;}
.profileInfoWrap dl.full dd a:after {display:block; position:absolute; top:50%; right:0; margin:-10px 0 0 0;}

.profileInfoWrap .btns {width:100%; position:relative; margin:0; padding:0; text-align:center;}
.profileInfoWrap .btns a {display:inline-block; position:relative; margin:0 5px 0 0; padding:0; width:150px; height:50px; text-align:center; font-size:16px; line-height:50px; font-weight:500; color:#fff; background:#afe050;
height:50px; font-size:16px; line-height:50px; font-weight:600; color:#fff; background:#111; border-radius:10px;}
.profileInfoWrap .btns a:last-child {margin:0;}
.profileInfoWrap .btns a.secede {color:#fff; background:#999;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.conBody .con.profileInfoWrap {margin:0 auto 25px; padding:0 0 25px 0; border-bottom:8px solid #f0f0f0;}
	.conBody .con.profileInfoWrap:last-child {margin:0 auto 25px; padding:0; border-bottom:0;}
	
	.profileInfoWrap dl {margin:0 auto 30px; padding:0 10px;}
	.profileInfoWrap dl:last-child {margin:0 auto;}
	.profileInfoWrap dl dt,
	.profileInfoWrap dl dt > *,
	.profileInfoWrap dl dd,
	.profileInfoWrap dl dd > * {font-size:16px; line-height:22px;}
	
	
	.profileInfoWrap .btns a {width:140px; height:48px; font-size:15px; line-height:48px;}
	.profileInfoWrap .btns a:last-child {margin:0;}
}

@media screen and (max-width:640px){
	.conBody .con.profileInfoWrap {margin:0 auto 20px; padding:0 0 20px 0; border-bottom:6px solid #f0f0f0;}
	.conBody .con.profileInfoWrap:last-child {margin:0 auto 20px; padding:0; border-bottom:0;}
	
	.profileInfoWrap dl {margin:0 auto 25px; padding:0 10px;}
	.profileInfoWrap dl:last-child {margin:0 auto;}
	.profileInfoWrap dl dt,
	.profileInfoWrap dl dt > *,
	.profileInfoWrap dl dd,
	.profileInfoWrap dl dd > * {font-size:15px; line-height:21px;}
	
	
	.profileInfoWrap .btns a {width:130px; height:46px; font-size:14px; line-height:46px;}
	.profileInfoWrap .btns a:last-child {margin:0;}
}

@media screen and (max-width:480px){
	.conBody .con.profileInfoWrap {margin:0 auto 15px; padding:0 0 15px 0; border-bottom:5px solid #f0f0f0;}
	.conBody .con.profileInfoWrap:last-child {margin:0 auto 15px; padding:0; border-bottom:0;}
	
	.profileInfoWrap dl {margin:0 auto 20px; padding:0 10px;}
	.profileInfoWrap dl:last-child {margin:0 auto;}
	.profileInfoWrap dl dt,
	.profileInfoWrap dl dt > *,
	.profileInfoWrap dl dd,
	.profileInfoWrap dl dd > * {font-size:14px; line-height:20px;}
	
	
	.profileInfoWrap .btns a {width:120px; height:44px; font-size:13px; line-height:44px;}
	.profileInfoWrap .btns a:last-child {margin:0;}
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}
/* 프로필 기본정보 영역 :: E */



/* 커뮤니티 영역 :: S */
#communityIntro {}
#communityIntro .disT {}
#communityIntro .disTC {text-align:center; vertical-align:middle;}
#communityIntro .btnArea {}
#communityIntro .btnArea ._b {width:150px; height:150px; text-align:center; margin:0 10px 0 0; padding:38px 0; border-radius:50%; border:0;}
#communityIntro .btnArea ._b:last-child {margin:0;}
#communityIntro .btnArea ._b._1 {background:#2a3c59;}
#communityIntro .btnArea ._b._2 {background:#00ad56;}
#communityIntro .btnArea ._b,
#communityIntro .btnArea ._b * {font-size:15px; line-height:20px; font-weight:700; color:#fff;}
#communityIntro .btnArea ._b > * {display:block; position:relative; text-align:center; margin:0 auto;}
#communityIntro .btnArea ._b img {max-width:50px;}
#communityIntro .btnArea ._b span {margin:5px auto 0;}

#communityIntro.renew._1 {/* padding:3.0rem 0; */}
/*
#communityIntro .gateImg {width:100%; max-width:640px; position:relative; margin:0 auto; padding:30px 0 100px 0; box-sizing:border-box;}
#communityIntro .gateImg > div {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
#communityIntro .gateImg img {display:block; width:auto; height:auto; max-width:100%; max-height:100%; margin:0 auto;}
#communityIntro .gateImg .links {width:100%; height:100%; position:absolute; top:0; left:0; z-index:5;
height:calc(100% - 60px); top:30px;}
#communityIntro .gateImg .links > a {display:block; width:100%; height:50%; position:absolute; left:0; margin:0; padding:0; box-sizing:border-box;}
#communityIntro .gateImg .links ._1 {height:51.6%; top:0;}
#communityIntro .gateImg .links ._2 {height:48.7%; bottom:0;}
#communityIntro .gateImg > a {display:block; width:100%; max-width:320px; position:relative; margin:0 auto 30px; padding:0; box-sizing:border-box;}
#communityIntro .gateImg > a:last-child {margin:0 auto;}
#communityIntro .gateImg > a img {display:block; width:100%; margin:0;}
*/
#communityIntro .gateImg {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
#communityIntro .gateImg .btnEle {width:100%; height:50%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
#communityIntro .gateImg .btnEle._1 {}
#communityIntro .gateImg .btnEle._2 {background:#2160b1;}
#communityIntro .gateImg .btnEle .disT {}
#communityIntro .gateImg .btnEle .disTC {text-align:center; vertical-align:middle; padding:15px; box-sizing:border-box;}
#communityIntro .gateImg .btnEle a {display:block; width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; margin:0; padding:15px; box-sizing:border-box;}
#communityIntro .gateImg .btnEle a img {max-width:100%; max-height:100%;}


@media screen and (max-width:768px){
	#communityIntro .btnArea ._b {width:120px; height:120px; margin:0 6px 0 0; padding:28px 0;}
	#communityIntro .btnArea ._b:last-child {margin:0;}
	#communityIntro .btnArea ._b,
	#communityIntro .btnArea ._b * {font-size:14px; line-height:20px; font-weight:600; color:#fff;}
	#communityIntro .btnArea ._b img {max-width:40px;}
	#communityIntro .btnArea ._b span {margin:3px auto 0;}
}
/* 커뮤니티 영역 :: E */



/* 산책하기 지도 영역 :: S */
.walkMapWrap.con {padding:0;}
.walkMapWrap .mapCont {width:calc(100% - 40px); height:0; position:relative; margin:0 auto; padding:0; /* padding-bottom:200%; */ box-sizing:border-box; overflow:hidden;
width:100%;}
.walkMapWrap .mapCont .walkMap {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}


.walkMapWrap .mapCont .myWalkPoint {width:30.5px; height:41.5px; position:absolute; top:50%; left:50%; margin:-41.5px 0 0 -15.25px; padding:0; box-sizing:border-box; z-index:10;
animation:walk_pointer 0.6s ease infinite;
}
.walkMapWrap .mapCont .myWalkPoint img {display:block; width:100%;}

@keyframes walk_pointer {
	0% {
		margin:-41.5px 0 0 -15px;
	}
	50% {
		margin:-43.0px 0 0 -15px;
	}
	100% {
		margin:-41.5px 0 0 -15px;
	}
}


.walkMapWrap .mapCont .btnArea {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; background:rgba(0,0,0,0.7); z-index:3;
height:42px; top:50%; margin:12px auto 0; background:none;
/* height:auto; margin:0; padding:12px 5px 5px 5px; background:#fff; box-shadow:0px 3px 5px 5px rgba(0,0,0,0.1); */}
.walkMapWrap .mapCont .btnArea .disT {}
.walkMapWrap .mapCont .btnArea .disTC {text-align:center; vertical-align:middle; padding:10px; box-sizing:border-box;
padding:0;
/* text-align:left; padding:2.5px; */}
.walkMapWrap .mapCont .btnArea a {display:inline-block; position:relative; text-align:center; vertical-align:middle; margin:0 4px; padding:0 25px; box-sizing:border-box; font-size:18px; line-height:42px; font-weight:500; color:#fff; background:#333; border-radius:21px;
margin:0 1px; padding:0 15px; font-size:20px; line-height:42px; border-radius:21px;}
.walkMapWrap .mapCont .btnArea a:nth-child(1) {color:#fff; background:#2a3c59;}
.walkMapWrap .mapCont .btnArea a.walk {color:#222; background:#fdd000;}
.walkMapWrap .mapCont .btnArea a.start {display:inline-block;}
.walkMapWrap .mapCont .btnArea a.end,
.walkMapWrap .mapCont .btnArea a.reset {display:none;}

/*
.walkMapWrap .mapCont .btnArea ._right {text-align:right; position:absolute; top:50%; right:0; margin:-15px 0 0 0; padding:0;
top:100%; margin:3px 0 0 0;}
.walkMapWrap .mapCont .btnArea ._right a {width:60px; text-align:center; font-weight:500; color:#fff; border:1px solid #333; background:#333;}
.walkMapWrap .mapCont .btnArea ._right a img {max-width:100%; vertical-align:top;}
.walkMapWrap .mapCont .btnArea ._right .positionBtn {width:30px; height:30px; padding:3px; border-radius:50%; background:#265ba9; border:0;}
.walkMapWrap .mapCont .btnArea ._right .directBtn {width:100px; height:30px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; border:2px solid #222; background:#fdd000; border-radius:15px; font-size:13px; line-height:26px; font-weight:600; color:#222; letter-spacing:-0.5px;}
*/
.walkMapWrap .mapCont .utilArea {width:100%; position:absolute; top:10px; left:0; margin:0; padding:5px; box-sizing:border-box; background:#fff; text-align:right; z-index:5;
top:0;}
.walkMapWrap .mapCont .utilArea a {display:inline-block; height:30px; position:relative; vertical-align:middle; margin:0 1px; padding:0 12px; box-sizing:border-box; font-size:13px; line-height:30px;}
.walkMapWrap .mapCont .utilArea a img {max-width:100%; vertical-align:top;}
.walkMapWrap .mapCont .utilArea .positionBtn {width:30px; height:30px; padding:3px; border-radius:50%; background:#265ba9; border:0;}
.walkMapWrap .mapCont .utilArea .directBtn {width:100px; height:30px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; border:2px solid #222; background:#fdd000; border-radius:15px; font-size:13px; line-height:26px; font-weight:600; color:#222; letter-spacing:-0.5px;}


.walkMapWrap.walking .mapCont .btnArea a.start,
.walkMapWrap.walking .mapCont .btnArea a.reset {display:none;}
.walkMapWrap.walking .mapCont .btnArea a.end {display:inline-block;}

.walkMapWrap.reset .mapCont .btnArea a.start,
.walkMapWrap.reset .mapCont .btnArea a.end {display:none;}
.walkMapWrap.reset .mapCont .btnArea a.reset {display:inline-block;}


@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:768px){
	.walkMapWrap .mapCont .btnArea {height:32px; /* margin:-16px auto 0; */}
	.walkMapWrap .mapCont .btnArea .disT {}
	.walkMapWrap .mapCont .btnArea .disTC {}
	.walkMapWrap .mapCont .btnArea a {margin:0 3px; padding:0 18px; font-size:15px; line-height:32px; border-radius:16px;}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:560px){
	.walkMapWrap .mapCont .btnArea {height:28px; /* margin:-14px auto 0; */}
	.walkMapWrap .mapCont .btnArea .disT {}
	.walkMapWrap .mapCont .btnArea .disTC {}
	.walkMapWrap .mapCont .btnArea a {margin:0 2px; padding:0 12px; font-size:13px; line-height:28px; border-radius:14px;}
}

@media screen and (max-width:480px){
	.walkMapWrap .mapCont .btnArea {height:24px; /* margin:-12px auto 0; */}
	.walkMapWrap .mapCont .btnArea .disT {}
	.walkMapWrap .mapCont .btnArea .disTC {}
	.walkMapWrap .mapCont .btnArea a {margin:0 1.5px; padding:0 8px; font-size:11px; line-height:24px; border-radius:12px;}
}

@media screen and (max-width:360px){
	
}
/* 산책하기 지도 영역 :: E */



/* 산책 리스트 영역 :: S */
.reservationListWrap.community .listArea .listItem {}

.reservationListWrap.community .listArea .listItem .writer {width:100%; position:relative; margin:0 auto 10px; padding:0; box-sizing:border-box;}
.reservationListWrap.community .listArea .listItem .writer a {display:inline-block; position:relative; margin:0 2.5px 0 0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:20px; font-weight:600; color:#222; background:#fdd000; border-radius:3px; border:1px solid #222;}

.reservationListWrap.community .listArea .listItem .utilities {position:absolute; top:0; right:0; text-align:right; z-index:3;}
.reservationListWrap.community .listArea .listItem .utilities .modify {color:#fff; background:#f39c12; border:1px solid #f39c12;}
.reservationListWrap.community .listArea .listItem .utilities .delete {color:#fff; background:#dd4b39; border:1px solid #dd4b39;}

.reservationListWrap.community .listArea .listItem .mapArea {width:100%; position:relative; margin:0 auto; padding:0;}
.reservationListWrap.community .listArea .listItem .mapArea > div,
.reservationListWrap.community .listArea .listItem .mapArea > a {display:block; width:100%; height:0; position:relative; margin:0; padding:0; padding-bottom:50%; overflow:hidden; border-radius:10px;
padding-bottom:60%;}
.reservationListWrap.community .listArea .listItem .mapArea > div:after,
.reservationListWrap.community .listArea .listItem .mapArea > a:after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}
.reservationListWrap.community .listArea .listItem .walkMap {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; background:#d8d8d8; z-index:1;}
.reservationListWrap.community .listArea .listItem .mapArea .mapRect {display:block; width:100%; height:0; position:relative; margin:0; padding:0; padding-bottom:50%; overflow:hidden; border-radius:10px;
padding-bottom:60%;}
.reservationListWrap.community .listArea .listItem .mapArea .mapLink {display:block; width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box; z-index:5;}

.reservationListWrap.community .listArea .listItem .photoArea {width:100%; position:relative; margin:0 auto; padding:0;}
.reservationListWrap.community .listArea .listItem .photoArea a {display:block; width:100%; position:relative; margin:0; padding:0;
height:0; padding-bottom:60%; overflow:hidden;}
.reservationListWrap.community .listArea .listItem .photoArea img {display:block; width:100%; margin:0; padding:0;
height:auto; position:absolute; top:0; left:0;}

.reservationListWrap.community .listArea .listItem .infoArea {width:100%; position:relative; margin:15px auto; padding:0 0 15px 0; border-bottom:1px solid #e0e0e0;}
.reservationListWrap.community .listArea .listItem .utils {width:100%; position:relative; margin:0 auto; padding:0;}
.reservationListWrap.community .listArea .listItem .utils > * {display:inline-block; height:30px; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; box-sizing:border-box; font-size:16px; line-height:30px; font-weight:500; color:#333;}
.reservationListWrap.community .listArea .listItem .utils .favorite {padding:0 8px; background:#fdd000; border-radius:5px; color:#fff;}
.reservationListWrap.community .listArea .listItem .utils .favorite > * {display:inline-block; height:22px; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; line-height:22px;}
.reservationListWrap.community .listArea .listItem .utils .favorite .img {width:22px; height:22px;}
.reservationListWrap.community .listArea .listItem .utils .favorite .img img {max-width:100%; vertical-align:top;}
.reservationListWrap.community .listArea .listItem .utils .favorite .img img.off {display:block;}
.reservationListWrap.community .listArea .listItem .utils .favorite .img img.on {display:none;}
.reservationListWrap.community .listArea .listItem .utils .favorite.active .img img.off {display:none;}
.reservationListWrap.community .listArea .listItem .utils .favorite.active .img img.on {display:block;}
.reservationListWrap.community .listArea .listItem .utils .favorite .cnt {}
.reservationListWrap.community .listArea .listItem .utils .favorite .cnt:before {content:'(';}
.reservationListWrap.community .listArea .listItem .utils .favorite .cnt:after {content:')';}
.reservationListWrap.community .listArea .listItem .utils .reply {}
/*
.reservationListWrap.community .listArea .listItem .writer {display:inline-block; position:relative; margin:10px 0 0 0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:20px; font-weight:600; color:#222; background:#fdd000; border-radius:3px; border:1px solid #222;}
*/
.reservationListWrap.community .listArea .listItem .title {display:block; position:relative; margin:10px auto 0; padding:0; font-size:24px; line-height:30px; font-weight:900; color:#222;}
.reservationListWrap.community .listArea .listItem .region {margin:5px auto 0; text-align:right; font-size:13px; line-height:18px; font-weight:600; color:#333;}
.reservationListWrap.community .listArea .listItem .detailArea {width:100%; position:relative; margin:0 auto; padding:0; text-align:center;}
.reservationListWrap.community .listArea .listItem .detailArea > * {display:inline-block; width:calc(50% - 4px); position:relative; text-align:left; vertical-align:top; margin:0; padding:0; font-size:15px; line-height:20px; font-weight:500; color:#555;}
.reservationListWrap.community .listArea .listItem .detailArea > *:nth-of-type(2n+2) {text-align:right;}
.reservationListWrap.community .listArea .listItem .distance {}
.reservationListWrap.community .listArea .listItem .distance:before {content:'산책 거리 : ';}
.reservationListWrap.community .listArea .listItem .time {}
.reservationListWrap.community .listArea .listItem .time:before {content:'산책 시간 : ';}
.reservationListWrap.community .listArea .listItem .toilet {}
.reservationListWrap.community .listArea .listItem .toilet:before {content:'산책 도중 ';}
.reservationListWrap.community .listArea .listItem .with {}
.reservationListWrap.community .listArea .listItem .with b {display:inline-block; position:relative; text-align:center; margin:0 auto; padding:3px 8px; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:600; color:#fff; background:#265ba9; border-radius:5px;}
/*
.reservationListWrap.community .listArea .listItem .writer {margin:5px 0 0 0;}
.reservationListWrap.community .listArea .listItem .writer a {display:inline-block; position:relative; margin:0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:20px; font-weight:600; color:#222; background:#fdd000; border-radius:3px; border:1px solid #222;}
.reservationListWrap.community .listArea .listItem .writer a:after {content:' 님의 산책 모아보기';}
*/
.reservationListWrap.community .listArea .listItem .date {margin:5px 0 0 0; text-align:right; font-size:13px; font-weight:400; color:#777;}

html body .addWalkBtn {display:block; width:80px; height:80px; position:fixed; bottom:85px; right:5px; margin:0; padding:17px 0; box-sizing:border-box; border-radius:50%; border:2px solid #222; background:#fdd000; z-index:95;
bottom:175px;}
html body .addWalkBtn > *,
html body .addWalkBtn .disTC > * {display:block; max-width:100%; height:auto; min-height:0; text-align:center; margin:0 auto; padding:0;}
html body .addWalkBtn * {font-size:14px; line-height:18px; font-weight:600; color:#222;}
html body .addWalkBtn img {max-width:15px;}
html body .addWalkBtn span {}
html body .addWalkBtn.place {}
html body .addWalkBtn.place > div {width:100%; height:100%; position:absolute; top:0; left:0;}
html body .addWalkBtn.place .disT {}
html body .addWalkBtn.place .disTC {text-align:center; vertical-align:middle;}
html body .addWalkBtn.place img {max-width:15px;}
html body .addWalkBtn.place span {font-size:13px; line-height:13px; margin:3px auto 0;}


@media screen and (max-width:960px){
	
}

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

@media screen and (max-width:640px){
	html body .addWalkBtn {width:70px; height:70px; padding:12px 0; bottom:165px;}
}

@media screen and (max-width:480px){
	/*
	html body .addWalkBtn {width:54px; height:54px; bottom:85px; right:5px; padding:8px 0; border:1px solid #222;}
	html body .addWalkBtn > * {font-size:11px; line-height:14px;}
	*/
}

@media screen and (max-width:420px){
	/*
	html body .addWalkBtn {bottom:65px;}
	*/
}

@media screen and (max-width:360px){
	html body .addWalkBtn {bottom:130px;}
}
/* 산책 리스트 영역 :: E */



/* 산책 상세정보 영역 :: S */
.communityInfoWrap.con {padding:0 15px !important;}

.communityInfoWrap form {display:block; position:relative; width:100%; margin:0; padding:0; box-sizing:border-box;}
.communityInfoWrap form > div {width:100%; position:relative; margin:15px auto 0; padding:15px 0 0 0; box-sizing:border-box; border-top:1px solid #e0e0e0;}
.communityInfoWrap form > div:first-child {margin:0 auto; padding:0; border-top:0;}
.communityInfoWrap form > div p,
.communityInfoWrap form > div .p {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:16px; line-height:22px; font-weight:500; color:#454545;}

.communityInfoWrap form > div .favBtn {width:40px; height:40px; position:absolute; top:5px; right:5px; padding:4.5px 3px; z-index:3;}
.communityInfoWrap form > div .favBtn img {display:block; width:34px; height:31px; position:relative; z-index:1;}
.communityInfoWrap form > div .favBtn img.on {position:absolute; top:4.5px; left:3px; z-index:5; opacity:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.communityInfoWrap form > div .favBtn.active img.on {opacity:1;}

.communityInfoWrap .writer {}
.communityInfoWrap .writer * {display:inline-block; position:relative; margin:0 2.5px 0 0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:20px; font-weight:600; color:#222; background:#fdd000; border-radius:3px; border:1px solid #222;}
.communityInfoWrap .writer *:last-child {margin:0;}

.communityInfoWrap .thumbArea {}
.communityInfoWrap .thumbArea img {display:block; width:auto; max-width:100%; margin:0 auto; padding:0; box-sizing:border-box;}
.communityInfoWrap .placeThumbnail {}
.communityInfoWrap .placeThumbnail .swiper-slide {position:relative;}
.communityInfoWrap .placeThumbnail .swiper-slide img {display:block; max-width:100%; margin:0 auto;}
.communityInfoWrap .placeThumbnail .swiper-slide ._bg {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:100%; background-size:cover !important;}
.communityInfoWrap .thumbArea .thumbnailPage {text-align:center;}
.communityInfoWrap .thumbArea .thumbnailPage a {display:inline-block; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.communityInfoWrap .thumbArea .thumbnailPage a img {display:block; max-width:100%; margin:0 auto;}
.communityInfoWrap .thumbArea .thumbnailPage a span {display:block; width:auto; height:22px; position:absolute; bottom:6px; right:6px; margin:0; padding:0 8px; box-sizing:border-box; font-size:11px; line-height:20px; font-weight:600; color:#555; letter-spacing:-0.5px; background:rgba(255,255,255,0.6); border:1px solid #555; border-radius:5px;}

.communityInfoWrap .thumbList {}
.communityInfoWrap .thumbList ul {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.communityInfoWrap .thumbList ul li {display:inline-block; width:calc(50% - 2px); position:relative; margin:0; padding:5px; box-sizing:border-box;}
.communityInfoWrap .thumbList ul li a {display:block; width:100%; height:0; position:relative; margin:0; padding:0; padding-bottom:100%; box-sizing:border-box; background-size:cover !important; overflow:hidden;}

.communityInfoWrap .utilityArea {text-align:center;}
.communityInfoWrap .utilityArea span {display:inline-block; height:28px; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0 8px; box-sizing:border-box; font-size:13px; line-height:24px; font-weight:600; color:#222; background:#fdd000; border:2px solid #222; border-radius:5px;}
.communityInfoWrap .utilityArea span:last-child {margin:0;}

.communityInfoWrap .mapArea {padding-left:20px !important; padding-right:20px !important;}
.communityInfoWrap .mapArea > div {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:80%; overflow:hidden; border-radius:10px;
padding-bottom:60%;}
.communityInfoWrap .mapArea .walkMap {width:100%; height:100%; position:absolute; top:0; left:0;}

.communityInfoWrap .infoArea {}
/*
.communityInfoWrap .infoArea .writer {display:inline-block; position:relative; margin:0 0 5px 0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:20px; font-weight:600; color:#222; background:#fdd000; border-radius:3px; border:1px solid #222;}
*/
.communityInfoWrap .infoArea .nickname {margin:0 auto 5px; font-size:16px; line-height:20px; font-weight:500; color:#333;}
.communityInfoWrap .infoArea .ago {margin:0 auto 5px; font-size:13px; line-height:18px; font-weight:400; color:#999;}
.communityInfoWrap .infoArea .title,
.communityInfoWrap .infoArea .name {font-size:24px; line-height:30px; font-weight:700; color:#333;}
.communityInfoWrap .infoArea .keyword {margin:10px auto 0;font-size:14px; line-height:20px; font-weight:400; color:#555;}
.communityInfoWrap .infoArea .region {margin:5px auto 0; text-align:right; font-size:13px; line-height:18px; font-weight:600; color:#333;}
.communityInfoWrap.place .infoArea .region {position:absolute; bottom:0; right:0; margin:0;}


.communityInfoWrap .infoArea .shareBtn {display:block; width:30px; height:30px; position:absolute; top:17px; right:5px; margin:0 !important; padding:0 !important; box-sizing:border-box !important; z-index:5;
position:relative; top:auto; right:auto; margin:10px auto 0 !important;}
.communityInfoWrap .infoArea .shareBtn img {width:100%;}

#walkSharePopup .shareBtnArea {width:100%; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; overflow:hidden;}
#walkSharePopup .shareBtnArea .shareBtn {width:33.33333333333333%; float:left; position:relative; margin:0; padding:15px; box-sizing:border-box;}
#walkSharePopup .shareBtnArea .shareBtn a {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
#walkSharePopup .shareBtnArea .shareBtn a img {max-width:64px;}
#walkSharePopup .shareBtnArea .shareBtn a span {display:block; width:100%; position:relative; text-align:center; margin:5px auto 0; padding:0; font-size:14px; line-height:18px; font-weight:500; color:#265ba9;}
#walkSharePopup .shareBtnArea .shareBtn .hideEle {display:block; position:absolute; top:-9999em; left:-9999em;}


.conBody .shareBtnArea {position:absolute; top:14px; right:0; text-align:right; margin:0; padding:0; box-sizing:border-box; border-top:0;}
.conBody .shareBtnArea .shareBtn {display:inline-block; width:30px; height:30px; position:relative; vertical-align:middle; margin:0 8px 0 0; padding:0; box-sizing:border-box;}
.conBody .shareBtnArea .shareBtn:last-child {margin:0;}
.conBody .shareBtnArea .shareBtn a {display:block; width:100%; height:100%; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.conBody .shareBtnArea .shareBtn a img {max-width:100%;}
.conBody .shareBtnArea .shareBtn a span {display:block; width:100%; position:relative; text-align:center; margin:5px auto 0; padding:0; font-size:14px; line-height:18px; font-weight:500; color:#265ba9; display:none;}
.conBody .shareBtnArea .shareBtn .hideEle {display:block; position:absolute; top:-9999em; left:-9999em;}


.communityInfoWrap .detailArea {text-align:center;}
.communityInfoWrap .detailArea > * {display:inline-block; width:calc(50% - 4px); text-align:left;}
.communityInfoWrap .detailArea > *:nth-of-type(2n+2) {text-align:right;}
.communityInfoWrap .detailArea .full {width:100%; text-align:left;}
.communityInfoWrap .detailArea .level {}
.communityInfoWrap .detailArea .level:before {content:'산책 난이도 : ';}
.communityInfoWrap .detailArea .distance {}
.communityInfoWrap .detailArea .distance:before {content:'산책 거리 : ';}
.communityInfoWrap .detailArea .time {}
.communityInfoWrap .detailArea .time:before {content:'산책 시간 : ';}
.communityInfoWrap .detailArea .toilet {}
.communityInfoWrap .detailArea .toilet:before {content:'산책 도중 ';}
.communityInfoWrap .detailArea .with {}
.communityInfoWrap .detailArea .with b {display:inline-block; position:relative; text-align:center; margin:0 auto; padding:3px 8px; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:600; color:#fff; background:#265ba9; border-radius:5px;}
.communityInfoWrap .detailArea .content {width:90%; margin:15px auto 0; padding:10px; border:1px solid #ececec; border-radius:5px; text-align:center; font-size:14px; line-height:22px; font-weight:500;}
.communityInfoWrap .detailArea .writer {margin:5px 0 0 0;}
.communityInfoWrap .detailArea .writer a {display:inline-block; position:relaitve; margin:0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:20px; font-weight:600; color:#222; background:#fdd000; border-radius:3px; border:1px solid #222;}
.communityInfoWrap .detailArea .writer a:after {content:' 님의 산책 모아보기';}
.communityInfoWrap .detailArea .date {margin:5px 0 0 0; text-align:right; font-size:13px; font-weight:400; color:#777;}
.communityInfoWrap .detailArea .addr {}
.communityInfoWrap .detailArea .addr._1 {}
.communityInfoWrap .detailArea .addr._1:before {content:'주소(신) : ';}
.communityInfoWrap .detailArea .addr._2 {}
.communityInfoWrap .detailArea .addr._2:before {content:'주소(구) : ';}
.communityInfoWrap .detailArea .tel {}
.communityInfoWrap .detailArea .tel:before {content:'연락처 : ';}
.communityInfoWrap .detailArea .url {}
.communityInfoWrap .detailArea .url:before {content:'홈페이지 : ';}
.communityInfoWrap .detailArea .category {}
.communityInfoWrap .detailArea .category:before {content:'서비스구분 : ';}
.communityInfoWrap .detailArea .specs {}
.communityInfoWrap .detailArea .specs:before {content:'시설스펙 : ';}

.communityInfoWrap .detailArea > dl {display:block; width:100%; position:relative; margin:0 auto 5px; padding:0; box-sizing:border-box;}
.communityInfoWrap .detailArea > dl:last-child {margin:0 auto;}
.communityInfoWrap .detailArea > dl dt,
.communityInfoWrap .detailArea > dl dd {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.communityInfoWrap .detailArea > dl dt,
.communityInfoWrap .detailArea > dl dt *,
.communityInfoWrap .detailArea > dl dd,
.communityInfoWrap .detailArea > dl dd * {font-size:14px; line-height:22px; font-weight:400; color:#555;}
.communityInfoWrap .detailArea > dl dt {width:80px; text-align:left;}
.communityInfoWrap .detailArea > dl dt,
.communityInfoWrap .detailArea > dl dt * {font-weight:600; color:#222;}
.communityInfoWrap .detailArea > dl dd {width:calc(100% - 4px - 80px); text-align:right;}
.communityInfoWrap .detailArea > dl dd,
.communityInfoWrap .detailArea > dl dd * {font-weight:400; color:#555;}
.communityInfoWrap .detailArea > dl dd span {display:inline-block; position:relative; vertical-align:middle; margin:0 6px 0 0; padding:0; box-sizing:border-box;}
.communityInfoWrap .detailArea > dl dd span:before {content:'#';}
.communityInfoWrap .detailArea > dl dd span:last-child {margin:0;}


.conBody .specsHtml1 {}
.conBody .specsHtml1 .spec {width:100%; position:relative; margin:0.6rem auto 0; padding:0.6rem 0 0 0; box-sizing:border-box; border-top:1px solid #ececec;}
.conBody .specsHtml1 .spec:first-child {padding:0; border-top:0;}
.conBody .specsHtml1 .spec > * {display:inline-block; position:relative; vertical-align:top; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:1.3rem; line-height:2.0rem; font-weight:500; color:#222;}
.conBody .specsHtml1 .spec .tit {width:80px; text-align:center; font-size:1.3rem; line-height:2.4rem; font-weight:600; color:#fff; background:#222; border-radius:5px;}
.conBody .specsHtml1 .spec .con {width:calc(100% - 4px - 80px);}
.conBody .specsHtml1 .spec .con > * {display:inline-block; position:relative; vertical-align:middle; text-align:center; margin:0 0 0 0.5rem; padding:0 0.5rem; box-sizing:border-box; font-size:1.2rem; line-height:1.8rem; font-weight:500; color:#454545; background:#fafafa; border:1px solid #454545; border-radius:0.25rem;}
.conBody .specsHtml1 > dl {display:block; width:calc(100% - 10px); position:relative; margin:0 auto 6px; padding:0 0 6px 0; box-sizing:border-box; border-bottom:1px solid #f0f0f0;}
.conBody .specsHtml1 > dl:last-child {margin:0 auto; padding:0; border-bottom:0;}
.conBody .specsHtml1 > dl dt,
.conBody .specsHtml1 > dl dd {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.conBody .specsHtml1 > dl dt,
.conBody .specsHtml1 > dl dt *,
.conBody .specsHtml1 > dl dd,
.conBody .specsHtml1 > dl dd * {font-size:13px; line-height:18px; font-weight:400; color:#555;}
.conBody .specsHtml1 > dl dt {width:80px; text-align:left;}
.conBody .specsHtml1 > dl dt,
.conBody .specsHtml1 > dl dt * {font-weight:600; color:#222;}
.conBody .specsHtml1 > dl dd {width:calc(100% - 4px - 80px); text-align:right;}
.conBody .specsHtml1 > dl dd,
.conBody .specsHtml1 > dl dd * {font-weight:400; color:#555;}
.conBody .specsHtml1 > dl dd > * {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; box-sizing:border-box;}
.conBody .specsHtml1 > dl dd > *:after {content:', ';}
.conBody .specsHtml1 > dl dd > *:last-child {margin:0;}
.conBody .specsHtml1 > dl dd > *:last-child:after {content:'';}


.communityInfoWrap .utils {}
.communityInfoWrap .utils > * {display:inline-block; height:30px; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; box-sizing:border-box; font-size:16px; line-height:30px; font-weight:500; color:#333;}
.communityInfoWrap .utils > *:last-child {margin:0;}
.communityInfoWrap .utils .favorite {padding:0 8px; background:#fdd000; border-radius:5px; color:#fff;}
.communityInfoWrap .utils .favorite > * {display:inline-block; height:22px; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; line-height:22px;
vertical-align:text-bottom;}
.communityInfoWrap .utils .favorite .img {width:22px; height:22px;}
.communityInfoWrap .utils .favorite .img img {max-width:100%; vertical-align:top;}
.communityInfoWrap .utils .favorite .img img.off {display:block;}
.communityInfoWrap .utils .favorite .img img.on {display:none;}
.communityInfoWrap .utils .favorite.active .img img.off {display:none;}
.communityInfoWrap .utils .favorite.active .img img.on {display:block;}
.communityInfoWrap .utils .favorite .cnt {}
.communityInfoWrap .utils .favorite .cnt:before {content:'(';}
.communityInfoWrap .utils .favorite .cnt:after {content:')';}
.communityInfoWrap .utils .sort {float:right; padding:0 6px;}

.communityInfoWrap .replyArea {}
.communityInfoWrap .replyArea ul {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.communityInfoWrap .replyArea ul li {display:block; width:100%; position:relative; text-align:center; margin:0 auto 10px; padding:0 0 10px 0; box-sizing:border-box; border-bottom:1px solid #ececec;}
.communityInfoWrap .replyArea ul li:last-child {margin:0 auto; padding:0; border-bottom:0;}
.communityInfoWrap .replyArea ul li > * {display:inline-block; position:relative; text-align:left; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:13px; line-height:18px; font-weight:400; color:#333;}
.communityInfoWrap .replyArea ul li .secret {color:#999;}
.communityInfoWrap .replyArea ul li .full {width:100%;}
.communityInfoWrap .replyArea ul li .writer {width:70px;}
.communityInfoWrap .replyArea ul li .writer.full {width:100%;}
.communityInfoWrap .replyArea ul li .content {width:calc(100% - 148px);}
.communityInfoWrap .replyArea ul li .content.review {width:100%; margin:0.6rem auto; padding:0.6rem 0 0 0; border-top:1px solid #ececec; font-size:1.4rem; line-height:1.8rem; font-weight:500; color:#454545;}
.communityInfoWrap .replyArea ul li .date {width:70px; text-align:right; font-size:12px; font-weight:300; color:#777;}
.communityInfoWrap .replyArea ul li .date.abs {position:absolute; top:10px; right:10px;}
.communityInfoWrap .replyArea ul li .util {width:100%; text-align:right;}
.communityInfoWrap .replyArea ul li .util a {display:inline-block; position:relative; vertical-align:top; margin:0 6px 0 0; padding:0; box-sizing:border-box; font-size:12px; line-height:14px; font-weight:400; color:#777; text-decoration:underline;}
.communityInfoWrap .replyArea ul li .util a:last-child {margin:0;}
.communityInfoWrap .replyArea ul li .replyArea {margin:1.5rem auto 0; padding:1.5rem 0 0 0; border-top:1px solid #c4c4c4;}

.communityInfoWrap .replyArea .plcRevItem {width:calc(100% - 10px); position:relative; margin:0 auto 10px; padding:10px; box-sizing:border-box; border-radius:10px; background:#fafafa; border:1px solid #ececec;}
.communityInfoWrap .replyArea .plcRevItem:last-child {margin:0 auto; padding:1.0rem; border-bottom:1px solid #ececec;}
.communityInfoWrap .replyArea .plcRevItem > div {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
/*
.communityInfoWrap .replyArea .plcRevItem .writer {width:100%;}
*/
.communityInfoWrap .replyArea .plcRevItem .writer a {}
.communityInfoWrap .replyArea .plcRevItem .title {margin:1.2rem auto; font-size:2.0rem; line-height:2.6rem; font-weight:600; color:#222;}
.communityInfoWrap .replyArea .plcRevItem .images {}
.communityInfoWrap .replyArea .plcRevItem .images a {display:inline-block; width:calc(20% - 4px - 4px); position:relative; vertical-align:top; text-align:center; margin:2.5px; padding:0; box-sizing:border-box; border-radius:5px; border:1px solid #eee; overflow:hidden;
height:0; padding-bottom:calc(20% - 4px - 4px); background-size:cover !important;}
.communityInfoWrap .replyArea .plcRevItem .images a img {max-width:100%;}
/*
.communityInfoWrap .replyArea .plcRevItem .content {width:100%; margin:1.2rem auto; padding:1.2rem 0 0 0; border-top:1px solid #ececec; font-size:1.4rem; line-height:1.8rem; font-weight:500; color:#454545;}
*/
/*
.communityInfoWrap .replyArea .plcRevItem .date {position:absolute; top:10px; right:10px; font-size:13px; line-height:20px; font-weight:400; color:#777;}
*/
.communityInfoWrap .replyArea .plcRevItem .btns {text-align:right;}
.communityInfoWrap .replyArea .plcRevItem .btns a {display:inline-block; height:24px; position:relative; vertical-align:middle; margin:0 1px 0 0; padding:0 6px; box-sizing:border-box; border-radius:3px; border:1px solid #222; background:#fff; font-size:1.2rem; line-height:24px; font-weight:600; color:#222;}
.communityInfoWrap .replyArea .plcRevItem .btns a:last-child {margin:0;}
.communityInfoWrap .replyArea .plcRevItem .btns a > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; line-height:24px;}
.communityInfoWrap .replyArea .plcRevItem .btns a img {max-width:16px;}
.communityInfoWrap .replyArea .plcRevItem .btns a span {}
.communityInfoWrap .replyArea .plcRevItem .btns a.thumbUp {color:#265ba9;}
.communityInfoWrap .replyArea .plcRevItem .btns a.thumbUp.active {background:#265ba9; color:#fff;}
.communityInfoWrap .replyArea .plcRevItem .btns a.thumbDown {color:#a92626;}
.communityInfoWrap .replyArea .plcRevItem .btns a.thumbDown.active {background:#a92626; color:#fff;}
.communityInfoWrap .replyArea .plcRevItem .btns a.replyBtn {color:#222;}
.communityInfoWrap .replyArea .plcRevItem .btns a.replyBtn.active {background:#222; color:#fff;}
.communityInfoWrap .replyArea .plcRevItem .btns a.modifyBtn {}
.communityInfoWrap .replyArea .plcRevItem .btns a.deleteBtn {color:#ab0000; border:1px solid #ab0000;}
.communityInfoWrap .replyArea .plcRevItem .btns a.reportBtn {color:#ab0000; border:1px solid #ab0000;}
.communityInfoWrap .replyArea .plcRevItem .reply {height:0; overflow:hidden;}
.communityInfoWrap .replyArea .plcRevItem .reply.open {height:auto; margin:1.0rem auto 0; padding:1.0rem 0 0 0; border-top:1px solid #ececec;}
.communityInfoWrap .replyArea .plcRevItem .reply > * {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; border-radius:5px; font-size:1.4rem; line-height:2.0rem; font-weight:500; color:#454545;}
.communityInfoWrap .replyArea .plcRevItem .reply textarea {width:100%; height:90px; resize:none; margin:0 auto 0.5rem; padding:5px; border:1px solid #c4c4c4;}
.communityInfoWrap .replyArea .plcRevItem .reply a {text-align:center; line-height:3.0rem; font-weight:600; color:#fff; background:#333;}

.communityInfoWrap .btnArea {margin:20px auto 0; padding:20px 0 0 0;}
.communityInfoWrap .btnArea > * {display:block; width:100%; position:relative; margin:0 auto 5px; padding:0; box-sizing:border-box;}
.communityInfoWrap .btnArea > *:last-child {margin:0 auto;}
.communityInfoWrap .btnArea textarea {height:100px; padding:10px; border:1px solid #ececec; border-radius:5px; font-size:13px; line-height:18px; font-weight:400; color:#555; resize:none;}
.communityInfoWrap .btnArea .chk {text-align:left;}
.communityInfoWrap .btnArea .chk > * {display:inline-block; position:relative; vertical-align:middle; vertical-align:middle; margin:0 2.5px 0 0; padding:0; font-size:12px; line-height:16px; font-weight:500; color:#333;}
.communityInfoWrap .btnArea .chk input[type="checkbox"] {width:15px; height:15px;}
.communityInfoWrap .btnArea .chk label {margin:0;}
.communityInfoWrap .btnArea ._b {width:100%; color:#fdd000; background:#265ba9; border:1px solid #265ba9;}


.communityInfoWrap dl.modify {display:block; width:100%; position:relative; text-align:left; margin:10px auto 0; padding:10px 0 0 0; box-sizing:border-box; border-top:1px solid #ececec;}
.communityInfoWrap dl.modify:first-child {margin:0 auto; padding:0; border-top:0;}
.communityInfoWrap dl.modify dt,
.communityInfoWrap dl.modify dd {display:inline-block; position:relative; vertical-align:top; text-align:left; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:26px; font-weight:500; color:#333;}
.communityInfoWrap dl.modify dt {width:80px;}
.communityInfoWrap dl.modify dd {width:calc(100% - 4px - 80px);}
.communityInfoWrap dl.modify dd .txtEle {margin:0; font-size:13px; line-height:18px;}
.communityInfoWrap dl.modify .inpEle {display:inline-block; width:100%; height:26px; position:relative; vertical-align:middle; font-size:14px; line-height:24px; margin:2.5px auto; padding:0 5px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:0; box-shadow:none;}
.communityInfoWrap dl.modify .inpEle.half {width:calc(50% - 4px);}
.communityInfoWrap dl.modify textarea.inpEle {height:auto; min-height:100px;}



.communityInfoWrap.renew._2 {}

.communityInfoWrap.renew._2 .utilityArea {text-align:right;}
.communityInfoWrap.renew._2 .utilityArea span {height:auto; margin:0 6px 0 0; padding:0; border:0; border-radius:0; font-size:14px; line-height:20px; font-weight:500; color:#555; background:none;}
.communityInfoWrap.renew._2 .utilityArea span:last-child {margin:0;}
.communityInfoWrap.renew._2 .utilityArea span:before {content:'#';}

.communityInfoWrap.renew._2 .replyArea ul li .content.review {margin:0 auto; padding:0; border-top:0;}

.communityInfoWrap.renew._2 .specsHtml1 {margin:20px auto !important;}

.communityInfoWrap.renew._2 .replyArea .plcRevItem .btns {margin:10px auto 0;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem .btns a {height:22px; line-height:20px; font-size:1.1rem; color:#fff; background:#333; border:1px solid #333;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem .btns a,
.communityInfoWrap.renew._2 .replyArea .plcRevItem .btns a > * {color:#fff;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem .btns a > * {height:20px; line-height:20px; vertical-align:top;}

.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns {text-align:left;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns a {width:auto; height:auto; margin:0 1.5rem 0 0; padding:0; background:none; border:0; border-radius:0; opacity:0.55;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns a > * {display:inline-block; position:relative; vertical-align:middle; text-align:center; margin:0; padding:0; box-sizing:border-box; font-size:11px; line-height:16px; font-weight:500; color:#000;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns a img {width:16px; height:16px;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns a .cnt {}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns .thumbUp {}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns .thumbDown {display:none !important;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns .replyBtn {}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns .right {position:absolute; top:0; right:0; text-align:right;}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns .right > a {}
.communityInfoWrap.renew._2 .replyArea .plcRevItem.renew .btns .right > a:last-child {margin:0;}


@media screen and (max-width:768px){
	.communityInfoWrap .replyArea .plcRevItem .images a {width:calc(25% - 4px - 4px); margin:2.5px;}
}

@media screen and (max-width:560px){
	.communityInfoWrap .replyArea .plcRevItem .images a {width:calc(33.333333333333333333333333333333% - 4px - 3px); margin:2px;}
}

@media screen and (max-width:400px){
	.communityInfoWrap .replyArea .plcRevItem .images a {width:calc(50% - 4px - 2.5px); margin:2px;}
}
/* 산책 상세정보 영역 :: E */



/* 플레이스 리스트 + 등록팝업 영역 :: S */
#placeSavePopup {}

.placeListWrap .listArea .listItem {width:100%; position:relative; margin:0 auto 15px; padding:10px; box-sizing:border-box; background:#fafafa; border:2px solid #fdd000; border-radius:10px;
padding:20px; border:0; border-radius:20px; background:#f4f4f4;}
.placeListWrap .listArea .listItem:last-child {margin:0 auto;}
.placeListWrap .listArea .listItem > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.placeListWrap .listArea .listItem .thumbArea {width:150px;}
.placeListWrap .listArea .listItem .thumbArea .swiper-slide {position:relative;}
.placeListWrap .listArea .listItem .thumbArea .swiper-slide img {display:block; width:100%; border-radius:10px;}
.placeListWrap .listArea .listItem .thumbArea .swiper-slide .squareThumb {display:block; width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:100%; border-radius:10px; overflow:hidden; background-size:cover !important;}
.placeListWrap .listArea .listItem .thumbArea .swiper-pagination {height:8px; bottom:8px;}
.placeListWrap .listArea .listItem .thumbArea .swiper-pagination span {width:8px; height:8px; margin:0 3px 0 0; border:1px solid #222; background:rgba(255,255,255,0.95);}
.placeListWrap .listArea .listItem .thumbArea .swiper-pagination span:last-child {margin:0;}
.placeListWrap .listArea .listItem .thumbArea .swiper-pagination span.swiper-pagination-bullet-active {border:1px solid #eee; background:rgba(0,0,0,0.95);}
.placeListWrap .listArea .listItem .inforArea {width:calc(100% - 4px - 150px); padding:0 0 0 10px;}
.placeListWrap .listArea .listItem .inforArea > * {display:block; position:relative; margin:0 auto 5px; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:400; color:#555;}
.placeListWrap .listArea .listItem .inforArea > *:last-child {margin:0 auto;}
.placeListWrap .listArea .listItem .inforArea .nickname {margin:0 auto; font-weight:500; color:#333;}
.placeListWrap .listArea .listItem .inforArea .title {margin:0 auto 10px; font-size:16px; font-weight:600; color:#222;}
.placeListWrap .listArea .listItem .inforArea .keyword {}

.placeSpecWrap {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.placeSpecWrap .placeSpec {width:100%; position:relative; margin:0 auto 15px; padding:0 0 15px 0; box-sizing:border-box; border-bottom:1px solid #ececec;}
.placeSpecWrap .placeSpec:last-child {margin:0 auto; padding:0; border-bottom:0;}
.placeSpecWrap .placeSpec > * {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:500; color:#555;}
.placeSpecWrap .placeSpec .kind {width:80px; line-height:34px;}
.placeSpecWrap .placeSpec .chks {width:calc(100% - 4px - 80px);}
.placeSpecWrap .placeSpec .chks .form-rect {margin:0 auto;}
/* 플레이스 리스트 + 등록팝업 영역 :: E */



/* 프로모션 페이지 관련 영역 :: S */
.promotionArea {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.promotionArea > * {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:22px; font-weight:400; color:#454545;}
.promotionArea ._tit {margin:0 auto 15px; padding:0 0 15px 0; border-bottom:1px solid #e0e0e0; text-align:center; font-size:18px; line-height:24px; font-weight:600; color:#000;}
.promotionArea ._con {}
.promotionArea ._con p {margin:0;}
.promotionArea ._con img {display:block; width:auto; max-width:100%; margin:0 auto; padding:0;}
/* 프로모션 페이지 관련 영역 :: E */



/* 지도검색 페이지 관련 :: S */
.mapSearchPage {}
.mapSearchPage > div {width:100%; max-width:960px; height:auto; position:relative; margin:0 auto; padding:0;}

.mapSearchPage .titleArea {width:100%; position:relative; margin:0; padding:0;}
.mapSearchPage .titleArea > * {display:block; text-align:center; position:relative; margin:0; padding:0; box-sizing:border-box;}
.mapSearchPage .titleArea .closeBtn {width:30px; height:30px; position:absolute; top:50%; left:15px; margin:-15px 0 0 0; padding:2px 0; z-index:5;}
.mapSearchPage .titleArea .closeBtn img {max-width:100%; vertical-align:top;}
.mapSearchPage .titleArea .title {width:100%; font-size:20px; line-height:40px; font-weight:700; color:#333; margin:0; padding:5px 0; box-sizing:border-box; z-index:1;}

.mapSearchPage .filterArea {width:100%; position:relative; margin:0 auto; padding:5px 10px; text-align:left;
/* height:auto; position:absolute; top:0; left:0; */}
.mapSearchPage .filterArea .filterRect {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 6px; padding:0 0 0 10px; box-sizing:border-box;}
.mapSearchPage .filterArea .filterRect:after {display:block; content:''; width:2px; height:18px; position:absolute; top:50%; left:0; margin:-9px 0 0 0; background:#999;}
.mapSearchPage .filterArea .filterRect:first-child {margin:0; padding:0;}
.mapSearchPage .filterArea .filterRect:first-child:after {display:none;}
.mapSearchPage .filterArea .filterRect._right {text-align:right; position:absolute; top:50%; right:10px; margin:-15px 0 0 0; padding:0; margin-left:0 !important;}
.mapSearchPage .filterArea .filterRect._right:after {display:none;}

.mapSearchPage .filterArea .filterRect > * {display:inline-block; width:100px; height:30px; position:relative; vertical-align:top; margin:0 3px 0 0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:28px; font-weight:400; color:#333; border:1px solid #c4c4c4; border-radius:15px; box-shadow:none;}
.mapSearchPage .filterArea .filterRect > *:last-child {margin:0;}

.mapSearchPage .filterArea .filterRect .filter {}
.mapSearchPage .filterArea .filterRect .input {width:150px;}
.mapSearchPage .filterArea .filterRect .button {width:60px; text-align:center; font-weight:500; color:#fff; border:1px solid #333; background:#333;}
.mapSearchPage .filterArea .filterRect .button img {max-width:100%; vertical-align:top;}
.mapSearchPage .filterArea .filterRect .positionBtn {width:30px; height:30px; padding:3px; border-radius:50%; background:#265ba9; border:0;}
.mapSearchPage .filterArea .filterRect .directBtn {width:100px; height:30px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; border:2px solid #222; background:#fdd000; border-radius:15px; font-size:13px; line-height:26px; font-weight:600; color:#222; letter-spacing:-0.5px;}

.mapSearchPage .mapArea {width:100%; height:calc(100% - 40px); position:relative; margin:0; padding:0; box-sizing:border-box;
/* height:100%; */}
.mapSearchPage .mapArea .searchMap {width:100%; height:100%; position:relative;}
.mapSearchPage .mapArea .goToList {display:block; width:120px; height:40px; text-align:center; position:absolute; bottom:15px; left:50%; margin:0 0 0 -60px; border-radius:20px; font-size:16px; line-height:40px; font-weight:600; color:#fff; background:#000;}
.mapSearchPage .mapArea .goToList > span {display:inline-block; width:16px; height:16px; position:relative; vertical-align:middle; margin:-2px 3px 0 0; padding:0;}
.mapSearchPage .mapArea .goToList > span > span {width:100%; height:2px; position:absolute; left:0; background:#fff;}
.mapSearchPage .mapArea .goToList > span > span:nth-child(1) {top:0;}
.mapSearchPage .mapArea .goToList > span > span:nth-child(2) {top:calc(50% - 1px);}
.mapSearchPage .mapArea .goToList > span > span:nth-child(3) {bottom:0;}


@media screen and (max-width:768px){
	.mapSearchPage .filterArea {padding:4px 8px;}
	.mapSearchPage .filterArea .filterRect {line-height:28px; margin:0 0 0 3px; padding:0 0 0 6px;}
	.mapSearchPage .filterArea .filterRect:after {width:1px; height:16px; margin:-8px 0 0 0;}
	.mapSearchPage .filterArea .filterRect:first-child {margin:0; padding:0;}
	.mapSearchPage .filterArea .filterRect._right {right:8px; margin:-14px 0 0 0;}
	.mapSearchPage .filterArea .filterRect > * {width:80px; height:28px; margin:0 1.5px 0 0; padding:0 4px; font-size:12px; line-height:26px; letter-spacing:-0.5px; border-radius:14px;}
	.mapSearchPage .filterArea .filterRect > *:last-child {margin:0;}
	.mapSearchPage .filterArea .filterRect .button {width:45px;}

	.mapSearchPage .filterArea .filterRect .positionBtn {width:28px; height:28px;}
	.mapSearchPage .filterArea .filterRect .directBtn {width:80px; height:28px; font-size:12px; line-height:26px; border-radius:14px;}
}

@media screen and (max-width:640px){
	.placeListWrap .listArea .listItem {padding:15px; border-radius:15px;}

	.mapSearchPage .filterArea {padding:3px 5px; padding-right:100px;}
	.mapSearchPage .filterArea .filterRect {line-height:24px; margin:0 0 0 2px; padding:0 0 0 4px;}
	.mapSearchPage .filterArea .filterRect:after {width:1px; height:14px; margin:-7px 0 0 0;}
	.mapSearchPage .filterArea .filterRect:first-child {margin:0; padding:0;}
	.mapSearchPage .filterArea .filterRect._right {right:5px; margin:-12px 0 0 0;}
	.mapSearchPage .filterArea .filterRect > * {width:70px; height:24px; margin:0; padding:0 4px; font-size:11px; line-height:22px; border-radius:12px;}
	.mapSearchPage .filterArea .filterRect > *:last-child {margin:0;}

	.mapSearchPage .filterArea .filterRect .positionBtn {width:24px; height:24px;}
	.mapSearchPage .filterArea .filterRect .directBtn {width:70px; height:24px; font-size:11px; line-height:22px; border:1px solid #222; border-radius:12px;}
}

@media screen and (max-width:480px){
	.placeListWrap .listArea .listItem {padding:12px; border-radius:12px;}

	.mapSearchPage .filterArea {padding:2.5px; padding-right:100px;}
	.mapSearchPage .filterArea .filterRect {line-height:22px; display:block; margin:2.5px auto 0; padding:0;}
	.mapSearchPage .filterArea .filterRect:after {display:none;}
	.mapSearchPage .filterArea .filterRect:first-child {margin:0 auto; padding:0;}
	.mapSearchPage .filterArea .filterRect._right {right:2.5px; margin:-11px 0 0 0;}
	.mapSearchPage .filterArea .filterRect > * {width:70px; height:22px; margin:0; padding:0 3px; font-size:11px; line-height:20px; border-radius:11px;}
	.mapSearchPage .filterArea .filterRect > *:last-child {margin:0;}

	.mapSearchPage .filterArea .filterRect .positionBtn {width:22px; height:22px;}
	.mapSearchPage .filterArea .filterRect .directBtn {width:70px; height:22px; font-size:11px; line-height:20px; border-radius:11px;}
}
/* 지도검색 페이지 관련 :: E */