@charset "utf-8";

img.img-responsive {
	display:inline-block;
}

/* IE & Mozilla fix */
div.row>div img.img-responsive {
	width: 100%;
}

/* 占쏙옙占쏙옙占쏙옙占쏙옙 */
#mainImg{text-align:center; border:0px solid #ddd;}
#mainImg img{width:450px;height:350px;}
#imgList{list-style:none; padding:0;*zoom:1; width:450px; margin:10px auto 0 auto;}
#imgList:after{content:""; display:block; clear:both;}
#imgList li{float:left;padding:0px;margin:0px; }
#imgList li img{width:112px;height:80px;}

.bbs-image { overflow:hidden; }
.bbs-image a img { max-width:100%; max-height:600px; margin:0 auto; }
.bbs-thumb { overflow:hidden; margin-right:-8px; }
.bbs-thumb a { display:inline-block; margin-top:8px; margin-right:8px; }

/* View */
.view-wrap .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-wrap .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap .no-attach { border-bottom:0px; }
.view-wrap .view-cnt { letter-spacing:0; }

.view-wrap h1 { font-size: 22px; font-weight:bold; margin:0px; line-height:50px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin:0px; padding:0px 10px; color: rgb(59, 62, 67); letter-spacing:-1px; }
.view-wrap h1 span.talker-photo { margin-bottom:10px; margin-right:10px; }
.view-head { border-left:0px; border-right:0px; }
.view-head .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.view-head .list-group-item { padding:5px 15px; border-style:dotted; }
.view-tag { margin:10px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }
.view-cnt { margin-top:4px; }
.view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
.view-content { padding-bottom:20px; line-height:180%; }
.view-content img { width:auto; height:auto; max-width:100%; }
.view-content p { padding:0; margin:0; line-height:180%; }
.view-good-box { text-align:center; }
.view-good-box span { margin:15px 6px; width:80px; height:80px; display:inline-block; }
.view-good-box a { background: rgb(245, 245, 245); padding-top:14px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(51, 51, 51); font-size: 22px; line-height:26px; display: inline-block; }
.view-good-box .view-good a:hover { background: rgb(223, 17, 25); color: rgb(255, 255, 255); }
.view-good-box .view-nogood a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-icon { margin-bottom:10px; }
.view-icon img { width:34px; border-radius:50%; margin-bottom:5px; }
.view-comment { margin: 0px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; border-bottom: 1px solid rgb(51, 51, 51); display: inline-block; position: relative; }

/* Padding */
.view-padding { padding-left:15px; padding-right:15px; }
.is-mobile .view-padding { padding-left:0px; padding-right:0px; }
.view-author-none { height:1px; border-top:1px solid #eee; margin:12px 0px 20px; }

/* Comment */
.comment-media { margin:10px 0px; }
.comment-media .photo i { background: rgb(245, 245, 245); padding: 15px; border-radius: 50%; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.comment-media .photo img { border-radius: 50%; width: 64px !important; height: 64px !important; display:inline-block; }
.view-mobile .comment-media .photo i { padding: 10px; width: 54px; height: 54px; }
.view-mobile .comment-media .photo img { width: 54px !important; height: 54px !important; }

.comment-media .media { border-top:1px solid #eee; margin:7px 0px; padding:7px 0px 0px; }
.comment-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.comment-media h5 { margin:2px 0px; line-height: 22px; }
.comment-media .media .media-body { padding-left:0px; }
.comment-media .media .media-info { margin-left:10px; }
.comment-media .media .media-content { margin-top:8px; }
.comment-media .media .media-btn {	margin-left:4px; }
.comment-media .cmt-good-btn { text-align:right; padding-right:1px; }
.comment-media .cmt-good, .comment-media .cmt-nogood { display:inline-block; width:74px; height:20px; margin-top:10px; padding-right:10px; margin-right:-1px; font:bold 11px verdana; text-align:right; letter-spacing:-1px; line-height:19px; cursor:pointer; }
.comment-media .cmt-good { background: url('../../img/cmt_good.gif') no-repeat left center; color:#f4695b; }
.comment-media .cmt-nogood { background: url('../../img/cmt_nogood.gif') no-repeat left center; color:#888; }

.comment-form { padding-top:10px; }
.comment-box { border:1px solid #ddd; padding:12px 12px 0px; margin-bottom:15px; background:#fbfbfb; }
.comment-content { display:table; width:100%; table-layout:fixed; }
.comment-content .comment-cell { display:table-cell; padding:0px; text-align:center; vertical-align:middle; }
.comment-content .comment-cell.comment-submit { width:80px; height:100%; background:#fafafa; border:1px solid #ccc; border-left:0px; cursor:pointer; }
.comment-btn .cursor { margin-left:12px; color:#787878; }

#wr_content { resize:none; }
#bo_vc_opt ol {	margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_opt ol:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_opt ol li { float:left;margin:0; }
#bo_vc_send_sns ul { margin:0;padding:0;list-style:none;zoom:1; }
#bo_vc_send_sns ul:after { display:block;visibility:hidden;clear:both;content:""; }
#bo_vc_send_sns ul li {	float:left;margin:0 20px 0 0; }
#bo_vc_send_sns input {	margin:0 0 0 5px; }

@media all and (max-width:768px) {
	.responsive .view-wrap h1 { text-overflow:clip; overflow:none; white-space:normal; line-height: 28px; font-size: 20px; margin-bottom:10px; }
	.responsive .view-wrap h1 .photo { display:none; }
}

@media all and (max-width:480px) {
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
	.responsive .view-icon .pull-right { float:none !important; }
}
/* ============================================================
   ?곸꽭蹂닿린 6:4 ?덉씠?꾩썐 + ?몄쓽?쒖꽕 ?곸꽭
   ============================================================ */
.venue-wrap { display:flex; flex-wrap:nowrap; gap:30px; margin-bottom:24px; align-items:flex-start; }
.venue-left  { flex:0 0 calc(60% - 15px); min-width:0; }
.venue-right { flex:0 0 calc(40% - 15px); min-width:0; }
.venue-left .bbs-image img { width:100%; height:auto; border-radius:8px; }
.venue-right .venue-content { padding:0 0 20px; font-size:15px; line-height:1.9; color:#111; word-break:keep-all; }

.place-info-list { margin:0 0 20px; font-size:15px; line-height:1.75; color:#111; }
.place-info-list div {
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:6px 0;
    border-bottom:1px solid #eef0f2;
}
.place-info-list strong {
    flex:0 0 86px;
    font-size:16px;
    font-weight:800;
    color:#0f5132;
    letter-spacing:0;
}
.place-info-list span { flex:1; min-width:0; word-break:keep-all; color:#222; }
.place-info-list .place-facility-detail { display:block; margin-top:12px; padding-top:12px; border-bottom:0; }
.place-info-list .place-facility-detail strong {
    display:block;
    margin-bottom:8px;
    font-size:17px;
    color:#0f5132;
}
.place-info-list .place-facility-detail span {
    display:block;
    line-height:1.85;
    padding:12px 14px;
    background:#f8faf9;
    border:1px solid #e4ebe7;
    border-radius:8px;
}

.facility-box { clear:both; width:100%; margin:28px 0 18px; text-align:left; }
.facility-box .facility-title { font-size:17px; font-weight:700; color:#222; margin-bottom:14px; }
.facility-box .picto ul {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(82px, 1fr));
    gap:14px 12px;
    width:100%;
    margin:0;
    padding:0;
}
.facility-box .picto li { list-style:none; min-width:0; text-align:center; padding:0; }
.facility-box .picto li img { width:64px; height:64px; display:block; margin:0 auto 6px; object-fit:contain; }
.facility-box .picto .picto-label { display:block; font-size:12px; color:#222; line-height:1.25; word-break:keep-all; }
.facility-detail {
    margin-top:18px;
    padding:16px 18px;
    font-size:15px;
    line-height:1.9;
    color:#333;
    background:#f8f9fa;
    border:1px solid #e5e7eb;
    border-radius:10px;
    word-break:keep-all;
}

@media (max-width:768px){
    .venue-wrap { flex-direction:column; gap:20px; }
    .venue-left, .venue-right { flex:1 1 100%; width:100%; }
}

/* ?몄쓽?쒖꽕 ?쏀넗 ?쇰꺼 */


/* 네이버 지도 커스텀 정보창 */
.nv-map-overlay {
    position:absolute;
    z-index:1000;
    transform:translate(-50%, calc(-100% - 44px));
    pointer-events:auto;
}
.nv-map-window {
    position:relative;
    width:370px;
    max-width:78vw;
    background:#fff;
    border:1px solid #b9b9b9;
    box-shadow:0 2px 8px rgba(0,0,0,0.22);
    font-family:'Noto Sans KR','Malgun Gothic',sans-serif;
    color:#444;
}
.nv-map-title {
    height:34px;
    padding:0 42px 0 12px;
    display:flex;
    align-items:center;
    background:#eee;
    border-bottom:1px solid #d7d7d7;
    font-size:15px;
    color:#333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.nv-map-title strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nv-map-close {
    position:absolute;
    top:4px;
    right:8px;
    width:26px;
    height:26px;
    border:0;
    background:transparent;
    color:#555;
    font-size:32px;
    line-height:23px;
    font-weight:300;
    cursor:pointer;
}
.nv-map-body {
    display:flex;
    gap:14px;
    padding:12px;
    font-size:13px;
    line-height:1.65;
}
.nv-map-thumb { flex:0 0 74px; }
.nv-map-thumb img {
    width:74px !important;
    height:58px !important;
    object-fit:cover;
    border:1px solid #ddd;
    border-radius:0 !important;
    display:block;
}
.nv-map-desc { flex:1; min-width:0; padding-top:1px; }
.nv-map-desc div { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nv-map-desc i { width:14px; color:#777; text-align:center; margin-right:4px; }
.nv-map-arrow {
    position:absolute;
    left:50%;
    bottom:-12px;
    width:22px;
    height:12px;
    margin-left:-11px;
    overflow:hidden;
}
.nv-map-arrow:before {
    content:'';
    position:absolute;
    left:3px;
    top:-9px;
    width:16px;
    height:16px;
    background:#fff;
    border-right:1px solid #b9b9b9;
    border-bottom:1px solid #b9b9b9;
    transform:rotate(45deg);
    box-shadow:2px 2px 3px rgba(0,0,0,0.12);
}
@media (max-width:480px){
    .nv-map-window { width:300px; }
    .nv-map-body { gap:10px; padding:10px; }
    .nv-map-title { font-size:14px; }
}