.detail-body- {}
.detail-body-.use-detail-right- { display:grid; grid-template-columns:1fr 320px; column-gap:20px; position:relative; }
.detail-body- .body-- h1 { color:#000; margin:10px 0; }
.detail-body- .body-- h2 { font-size:18px; color:#000; margin-top:30px; }
.detail-body- .body-- div.tit-cate- { display:grid; grid-template-columns:repeat(2, 1fr); }
.detail-body- .body-- div.tit-cate- > div { font-size:15px; color:#000; margin:0px; font-weight:normal; }
.detail-body- .body-- .tit-cate- i { font-size:18px; margin-top:-2px; }
.detail-body- .body-- .content-box- { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.detail-body- .body-- .content-box-.movie-- { border:none; position:relative; width: 100%; padding-bottom: 56.25%; }
.detail-body- .body-- .content-box-.movie-- iframe { position: absolute; width: 100%; height: 100%; }
.detail-body- .body-- .content-box-.content-- { padding:10px 0px; }
.detail-body- .body-- .content-box-.map-- { padding:10px 0px; }
.detail-body- .body-- .content-box-.map-- .subway-- { margin-top:10px; }
.detail-body- .body-- #map { margin-top:10px; }

.detail-body- > div {  }
.detail-body- .photos-body- { position:relative; }
.detail-body- .photos- { width:100%; background:#f5f5f5; position:relative; border-radius:10px; margin-top:15px; z-index:0; }
.detail-body- .photos- img { max-width:100%; border-radius:10px; display:block; top:50% !important; margin-left:50%; text-align:center; transform: translate(-50%, -50%); }
.detail-body- .photos-paging- { margin-top:10px; text-align:center; }
.detail-body- .photos-paging- a { display:inline-block; margin-top:5px; }
.detail-body- .photos-paging- a > img { margin:0 5px; border: 2px solid #fff; border-radius:5px; }
.detail-body- .photos-paging- a.cycle-pager-active img { border: 2px solid #289cf6; }

.photo-allow { position: absolute; top:50%; margin-top:-25px; width:100%; }
.photo-allow i { color: #fff; font-size: 50px; position: absolute; margin-left: 18px; cursor: pointer; z-index: 999; }
.photo-allow i:last-child { right: 0px !important; }
.photo-allow i:after { height:100%; top:50%; }

/*
.detail-block- { overflow:hidden; border-top:1px solid #ddd; font-size:15px; }
.detail-block-.basic-info-- { display:flex; flex-flow:wrap; }
.detail-block- > div { width:50%; border-bottom:1px solid #ddd; overflow:hidden; word-break:break-all; position:relative; display:grid; grid-template-columns:100px 1fr; }
.detail-block- > div > span:first-child { background:#f5f5f5; color:#000; padding:15px 10px; }
.detail-block- div.one-- { overflow:hidden; width:100%; }
.detail-block- > div > div { padding:15px 10px; }
*/
.detail-block- { overflow:hidden; border-top:1px solid #ddd; font-size:15px; }
.detail-block-.basic-info-- { display:grid; grid-template-columns:repeat(2, 1fr); }
.detail-block- > div { border-bottom:1px solid #ddd; overflow:hidden; word-break:break-all; position:relative; display:grid; grid-template-columns:120px 1fr; }
.detail-block- > div > span:first-child { background:#f5f5f5; color:#000; padding:15px 10px; }
.detail-block- div.one-- { grid-column: 1 / span 2; width:100%; }
.detail-block- > div > div { padding:15px 10px; }

.right-- .detail-right- { position:relative; overflow:hidden; border:1px solid #ddd; font-size:15px; padding:15px 20px; }
.right-- .detail-right- > div { position:relative; padding:0px 0; line-height:2; }
.right-- .detail-right- > div > span:first-child { position:absolute; display:inline-block; width:85px; color:#000; padding:0px 0px; top:0px; left:0px; }
.right-- .detail-right- > div > div { padding-left:85px; }
.right-- .detail-right- .btn-- { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:20px; }
.right-- .detail-right- .btn-- button { }

.btn-etc- { line-height:40px; z-index:10000; }
.btn-etc- div { float:left; margin-left:10px; }

.bottom-sns- { z-index:10000; display:inline-block; }
.bottom-sns- .btn-sns- { display:block; }
.bottom-sns- > div { text-align:center; }
.bottom-sns- > div > div { text-align:center; float:left; margin-right:10px; }
.bottom-sns- i { font-size:30px; border:none; padding:5px; border-radius:50%; cursor:pointer; margin-top:5px; }
.bottom-sns- i.kakao-talk- { background:#ffd400; color:#000; }
.bottom-sns- i.facebook- { background:#3a579d; color:#fff; }
.bottom-sns- i.twitter- { background:#00aced; color:#fff; }
.bottom-sns- i.naver-blog- { background:#0cc81c; color:#fff; }
.bottom-sns- i.naver-band- { background:#19ce60; color:#fff; }
.bottom-sns- button.sns-open- { display:none; margin-top:10px; }
.bottom-sns- .icon-up-down- { position:fixed; right:20px; bottom:20px; }
.bottom-sns- .icon-up-down- > div { padding:3px; }
.bottom-sns- .icon-up-down- i { margin:0px; padding:0px; font-size:40px; background:var(--bg-color);color:var(--font-color); }

@media (max-width: 800px) {
	.body-- > div.detail-block- { border-bottom:none; }
	.detail-body-.use-detail-right- { margin-top:0px; grid-template-columns:1fr; column-gap: 0px; }
	.detail-body- > div.right-- { display:none; }
	
	.detail-body- .photos-paging- a > img { width:80px; height:auto; margin: 0 3px; }
	
	.detail-block- {  }
	.detail-block-.basic-info-- { grid-template-columns:repeat(1, 1fr); }
	.detail-block- > div { grid-column: 1 / span 2; width:100%; word-wrap:break-word; }
	.detail-block- > div > span:first-child { position: relative; }
	.detail-block- > div > div { padding:15px 10px; }
	
	.icon-up-down- { position:relative; }

	.btn-etc- { bottom:90px; left:10px; position:fixed !important; }
	.btn-etc- div { float:none; margin-left:0px; }
	
	.bottom-sns- { bottom:95px; width:58px; right:10px; position:fixed !important; }
	.bottom-sns- > div { margin:0 auto; }
	.bottom-sns- > div > div { text-align:center; float:none; margin-right:0px; }
	.bottom-sns- i { font-size:38px; border:none; padding:10px; border-radius:50%; cursor:pointer; margin-top:5px; }
	.bottom-sns- .btn-sns- { display:none; }
	.bottom-sns- button.sns-open- { display:block; width:58px; }
	.bottom-sns- .icon-up-down- { position:relative; right:0px; bottom:0px; }
	.bottom-sns- .icon-up-down- i {  }

	.bottom-btn-- { bottom:0px; position:fixed; line-height:80px; background:#fff; display:grid !important; grid-template-columns:repeat(5, 1fr); width:100%; z-index:2; }
	.bottom-btn--.not-phone- { bottom:0px; position:fixed; line-height:80px; background:#fff; display:grid !important; grid-template-columns:repeat(4, 1fr); width:100%; z-index:2; }
	.bottom-btn-- { text-align:center; }
	.bottom-btn-- i { font-size:38px; border:none; padding:10px; border-radius:50%; cursor:pointer; }
	.bottom-btn-- i.heart- { background:red; color:#fff; }
	.bottom-btn-- i.ellipsis- { background:#3366cc; color:#fff; }
	.bottom-btn-- i.phone- { background:#009933; color:#fff; }
	.bottom-btn-- i.enveolpe- { background:#993300; color:#fff; }
	.bottom-btn-- i.question- { background:#000; color:#fff; }
	.bottom-btn-- i.kakao-talk- { background:#ffd400; color:#000; }
	
	.detail-body- .photos- { margin-top:0px; }
	
	.detail-body- .body-- .content-box-.etc-- { border:none; }
	.detail-body- .body-- .content-box-.map-- { padding:0px; }
	.detail-body- .body-- .content-box-.movie-- { position:relative; height:0; padding-bottom:56.25%; }
	.detail-body- .body-- .content-box-.movie-- iframe { position:absolute; top:0; left:0; width:100%;  height:100%; }
}