/*********** List *************/
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--black); text-align:center;}
.bbs_con th {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:150%; font-weight:400; color:var(--black); box-sizing:border-box; padding:18px 10px; border-bottom:1px solid var(--border);}
.bbs_con td {font-size:1rem; letter-spacing:var(--letter-spacing-body); line-height:150%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:15px 10px; border-bottom:1px solid var(--border);}
.bbs_con td.left {text-align:left; padding:15px 20px;}
.bbs_con tr.point td{background:rgba(6,78,145,.05);}
.bbs_con td img {display:inline-block; vertical-align:middle; margin:0 3px 2px 3px;}
.bbs_con .mo_line {display:none;}
.bbs_con .subject {color:var(--black); font-weight:500; letter-spacing:var(--letter-spacing-default);}
.bbs_con .detail_btn {display:inline-block; text-align:center; width:90px; height:40px; line-height: 38px; box-sizing:border-box; color:var(--black); border:1px solid var(--black); font-size:14px; letter-spacing: var(--letter-spacing-body); transition:all .3s linear; border-radius:var(--radius-xs);}
.bbs_con .detail_btn:hover {border-color:var(--main); color:var(--main);}

#map {width: 100%; height: 600px; box-sizing:border-box; border:1px solid var(--border); margin-bottom:30px;}
.map_subject {width:100%; white-space: nowrap; /* 텍스트가 길어도 줄바꿈 방지 */ 
	text-align:center; color:#333; padding:5px; font-size:13px; font-weight:500; letter-spacing:-.35pt; line-height:130%;}

.kakao_infowindow_container { /* 실제 클래스명은 상황에 따라 다를 수 있음 */
    border: none !important;
    background: none !important;
	text-align:center; line-height:1;
}

.cate_tab.map {margin:0 0 30px ;}

/* Styles for dialog window */
.white-popup {background:var(--white); text-align: left; max-width:960px; margin:0 auto; position: relative;}
.white-popup h1 {background:var(--main); color:#fff; font-weight:700; font-size:1.35rem; padding:20px 50px 20px 20px; line-height:1.3; letter-spacing: -0.5pt;}
.white-popup h1 span {margin-left:10px; line-height:100%; font-size:var(--fs18); font-weight:400; opacity:0.7;}
.white-popup .smcbox {padding:20px; max-height:800px; overflow-y:auto;}
.white-popup .map_view {width: 100%; height:450px; box-sizing:border-box; border:1px solid var(--border); margin-bottom:30px;}
.white-popup .info li {position:relative; display:flex; font-size:var(--fs18);}
.white-popup .info li + li {margin-top:5px;}
.white-popup .info li::before {display:inline-block; margin-right:5px; font-size:var(--fs20); font-family:var(--icon); color:var(--basic); font-variation-settings:  'FILL' 1;}
.white-popup .info li.address::before {content:"location_on";}
.white-popup .info li.phone::before {content:"phone";}

.white-popup .map_view {width:100%; height:100%; max-height:350px; background:#f5f5f5;}

.mfp-close {opacity:1 !important; width:auto !important; height:auto !important; line-height:1 !important; top:16px !important; right:20px !important; font-size:35px !important;}
.mfp-close-btn-in .mfp-close {color:#fff !important}

/*** Fade-zoom animation for first dialog */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}
/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

.bbs_search.two dl {justify-content:flex-end; margin-right:0;}

/*********** View *************/
.bbs_view {border-top:2px solid var(--black);}
	.bbsView_tit{border-bottom:1px solid var(--border); padding:33px 100px 33px 20px; box-sizing:border-box; position: relative;}
	.bbsView_tit .subject{font-size:26px; letter-spacing:var(--letter-spacing-heading); line-height:130%; font-weight:700; color:var(--black);}
	.bbsView_tit .subject span{display:inline-block; margin-right: 5px; letter-spacing:inherit; font-weight:400;}
	.bbsView_tit .count{font-size:1rem; color:var(--basic); line-height:120%; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
	.bbsView_tit .count span{display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; color:var(--black);}

	.view_list{margin: 0 0 30px;}
	.view_list dl{display: flex; border-bottom: 1px solid #ddd;}
	.view_list dt{width: 200px; box-sizing:border-box; padding: 20px; font-size:1rem; letter-spacing: var(--letter-spacing-body); line-height: 150%; color:var(--black); font-weight: 700; }
	.view_list dd{width: calc(100% - 200px); box-sizing:border-box; padding: 20px; font-size:1rem; letter-spacing: var(--letter-spacing-body); line-height: 150%; color:var(--basic); font-weight: 400; }





/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){



}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



}

/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){

/*********** List *************/
.bbs_con {}
.bbs_con th {padding:15px 8px;}
.bbs_con td {padding:12px 8px;}
.bbs_con td.left {padding:12px 15px;}
.bbs_con .detail_btn{width:80px; height:34px; line-height: 32px; font-size:13px;}

#map{height: 400px;}


/*********** View *************/
	.bbsView_tit{padding:25px 100px 25px 15px;}
	.bbsView_tit .subject{font-size:20px;}
	.bbsView_tit .subject span{margin-right: 5px;}
	.bbsView_tit .count{right:15px;}

	.view_list{margin: 0 0 20px;}
	.view_list dt{width: 150px; padding: 15px;}
	.view_list dd{width: calc(100% - 150px); padding: 15px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** List *************/
.bbs_con {}
.bbs_con th {display: none;}
.bbs_con td {padding:0;}
.bbs_con td.left {padding:0;}
.bbs_con .pc_line{display:none;}
.bbs_con .mo_line{display:block; padding: 10px 0; box-sizing:border-box;}
.bbs_con .mo_line ul{text-align:left;}
.bbs_con .mo_line ul li{font-size:1rem; letter-spacing: var(--letter-spacing-body); padding: 0 0 6px 80px; line-height: 150%; position: relative; box-sizing:border-box;}
.bbs_con .mo_line ul li:last-child{padding-bottom: 0;}
.bbs_con .mo_line ul li span{display: inline-block; color:var(--black); position: absolute; left:0; top:0;}

.bbs_con .detail_btn{width:100%; height:34px; line-height: 32px; font-size:12px; margin: 10px 0 0;}

#map{height: 300px;}

.bbs_search.two{padding:0 0 20px 0;}
.bbs_search.two dd .search_input {border-top: 1px solid var(--border);}

/* Styles for dialog window */
.white-popup h1 {padding:15px 45px 15px 15px;}
.white-popup .smcbox {padding:15px;}
.white-popup .map_view {height:400px; margin-bottom:20px;}

.mfp-close {top:12px !important; right:15px !important; font-size:30px !important;}


/*********** View *************/
	.bbsView_tit{padding:15px 0;}
	.bbsView_tit .subject{font-size:18px;}
	.bbsView_tit .subject span{display: block; font-size:14px; margin: 0 0 2px;}
	.bbsView_tit .count{right:0; transform:translateY(0); top:20px;}
	.bbsView_tit .count span{font-size:20px; margin: -2px 5px 0 0;}

	.view_list{margin: 0 0 10px;}
	.view_list dt{width: 100px; padding: 10px;}
	.view_list dd{width: calc(100% - 100px); padding: 10px;}

}