@charset "utf-8";

/* 전체 레이아웃 */
.care_map{display: flex; width: 100%; height: 100%;}
.care_map > .map{position: relative; width: calc(100% - 389px); height: 100%; transition: all .3s;}
.care_map.off > .map{width: 100%;}

.care_map > .left{position: relative; width:390px; height: 100%; border-right: 1px solid #dedede; transition: all .3s;}
.care_map > .left .btn_left{display: inline-block; width: 25px; height: 50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: absolute; top:50%; right: -25px; transform: translateY(-50%); z-index: 101; background : url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000222;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='18.17 2 2 18.17 18.17 34.34'/%3E%3C/svg%3E") 50% 50% no-repeat #fff; background-size: 6px; box-shadow: 6px 2px 7px 0 rgb(0 0 0 / 10%); transition: .5s;}
.care_map > .left .btn_close{display: none; width: 40px; height: 40px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: absolute; top:25px; left: 780px; transform: translateY(-50%); z-index: 101; background : url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.02 38.98'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23222;stroke:%23222;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M201.68,218a1.6,1.6,0,0,1-1.1,2.76,1.57,1.57,0,0,1-1.1-.44L182.17,204,164.86,220.3a1.6,1.6,0,0,1-2.26-.06,1.6,1.6,0,0,1,.06-2.26l17.18-16.23-17.18-16.23a1.6,1.6,0,0,1,2.2-2.32l17.31,16.35,17.31-16.35a1.6,1.6,0,1,1,2.2,2.32L184.5,201.75Z' transform='translate(-161.66 -182.26)'/%3E%3C/svg%3E") 50% 50% no-repeat #fff; background-size: 13px; box-shadow: 6px 2px 7px 0 rgb(0 0 0 / 10%); transition: .5s;}
.care_map.on > .left .btn_close{display: inline-block;}
.care_map.off > .left .btn_close{display: none;}

.care_map.off > .left{width: 0; border: none; transition: all .3s;}
.care_map.on.off > .left{width:0; border: none; transition: all .3s;}
.care_map.off > .left .btn_left{background : url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000222;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='2 34.34 18.17 18.17 2 2'/%3E%3C/svg%3E") 50% 50% no-repeat #fff; background-size: 6px;}

.care_map > .left .left_inner{width: 390px; height: 100%; display: flex; flex-direction: column;}
.care_map.on > .left .left_inner{border-right: 1px solid #dedede;}
.care_map > .left .left_inner .left_box{position: relative; width: 390px; height: 100%; display: flex; flex-direction: column;}
.care_map > .left .left_inner .left_box form{position: relative; width: 100%;}

.care_map.on > .left{width:780px;}
.care_map.on > .map{width: calc(100% - 780px);}

.left_inner,
.left_detail_inner{float: left;}
.left_detail_inner{width: 389px; height: 100%; padding-bottom: 30px; overflow-x: hidden; overflow-y: auto;}

/* 검색 */
.search_box{position: relative; width: 100%; box-sizing: border-box; padding: 25px 25px 15px;}
.search_box h4{width: 100%; font-size: 16px; font-weight: 600; padding-bottom: 15px;}
.search_box .category{width: 100%; box-sizing: border-box; padding-bottom: 15px; display: flex;}
.search_box .category select{width: calc(100% / 2 - 5px); padding: 0 15px; box-sizing: border-box; margin-left: 10px; border: 1px solid #dbdee0; height: 46px; line-height: 46px; border-radius: 5px; box-shadow: 0px 2px 4px rgb(0 0 0 / 10%); font-size: 15px; appearance: none; -webkit-appearance: none; background: url(/treemap/resources/images/ic_appearance.png) right 20px center no-repeat; background-size: 12px 6px;}
.search_box .category select.cate_01{margin-left: 0;}
.search_box .search{position: relative; width: 100%;}
.search_box .search input{width: 100%; height: 46px; line-height: 46px; padding: 0 45px 0 20px; border-radius: 5px; border: 1px solid #dbdee0; box-shadow: 0px 2px 4px rgb(0 0 0 / 10%); font-size: 15px; color: #000;}
.search_box .search button{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 21px; height: 21px; background: url(/treemap/resources/images/btn_search.png) 50% 50% no-repeat; background-size: cover;}

/* 목록 */
.list_box{flex: 1 1 auto; width: 100%; display: flex; height: 100%; flex-direction: column;}
.list{flex: 1 0 0; width: 100%;height: 100%;max-width: 100%;max-height: 100%;overflow-x: hidden;overflow-y: auto;}
.list ul{width: 100%;}
.list ul li{width: 100%;}
/* .list ul li:first-child{margin-top: 5px;}
.list ul li a{display: inline-block; width: 100%;}

.list ul li a .img-inner{position: relative; display:flex; width: 100%; padding-bottom: 56.25%; border-radius: 3px; border:1px solid #f0f0f0; justify-content: center; align-items: center; overflow: hidden;}
.list ul li a.on .img-inner{border: 3px solid #0e7eff;}
.list ul li a .img-inner img{position:absolute; width: 100%; min-height: 100%; top: 50%; transform: translateY(-50%);}
.list ul li a .img-inner .number{position: absolute; top:15px; right:15px; padding: 5px 10px; border-radius: 40px; color:#fff; font-size: 13px; background-color: rgba(0, 0, 0, .9);}
.list ul li a .img-inner .state{position: absolute; top:15px; left:15px; padding: 5px 10px; border-radius: 3px; color: #fff; font-size: 13px; font-weight: 500;}
.list ul li a .img-inner .state.one{background-color: #ff3c5a;}
.list ul li a .img-inner .state.two{background-color: #738899;}
.list ul li a .img-inner .state.three{background-color: #999;}

.list ul li a .text-inner{position: relative; width: 100%;}
.list ul li a .text-inner p{width:100%; font-size: 18px; font-weight: 500; color:#000; margin-top: 15px;}
.list ul li a .text-inner span.cate{display:block; width:100%; font-size: 15px; color: #999; margin-top: 5px;}
.list ul li a .text-inner span.info{position:relative; display:block; width:100%; padding-left: 20px; font-size: 15px; color:#000; margin-top:5px;}
.list ul li a .text-inner span.info::before{content: ''; position:absolute; top:0; left:0; width: 15px; height: 15px; background: url(/treemap/resources/images/ic_heart.png); margin-top: 2px;} */
.left_box .list ul li a,
.left_box .list ul li a .list_table{width: 100%;}
.left_box .list ul li a{display: inline-block; padding: 18px 25px; box-sizing: border-box; border-bottom: 1px solid #dbdee0; background: #fff; transition: all .2s;}
.left_box .list ul li a:hover,
.left_box .list ul li a.on{background: #f7f9fa;}
.left_box .list ul li a .list_table{display: flex; flex-wrap: wrap; align-items: flex-end;}
/* .left_box .list ul li a:hover img{transform:  translateY(-50%) scale(1.05);} */

    /* 이미지 */
    .list_table > .img{width: 80px; height: 80px; border-radius: 3px; margin-left: 20px;}
    .list_table .img_box{position: relative; width: 100%; padding-top: 100%; border: 1px solid #f5f6f7; border-radius: 3px; overflow: hidden;}
    .list_table .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; margin: auto;}
    .list_table .img_box .number{position: absolute; bottom:0px; right:0px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-top-left-radius: 3px; color:#fff; font-size: 13px; font-weight: 500; background-color: rgba(0, 0, 0, .6);}

    /* 글 */
    .list_table .txt{position: relative; width: calc(100% - 100px);}
    .list_table.noimg .txt{width: 100%;}
    .list_table .txt p.cate{position: relative; width: 100%; color: #999; font-size: 14px;}
    .list_table .txt h5{display: block; width: 100%; margin: 2px 0 6px;}
    .list_table .txt h5 .name{font-size: 18px; font-weight: 600; color: #000; margin-right: 6px;}
    a.on .list_table .txt h5 .name{color: #0e7eff; font-weight: 700;}
    .list_table .txt p.address,
    .list_table .txt p.contact{position: relative; display: block; width: 100%; font-size: 15px; color: #000; margin-bottom: 2px;}
    .list_table .txt p.info{position:relative; display:block; width:100%; padding-left: 15px; box-sizing: border-box; font-size: 15px; color:#000; margin-top:4px;}
    .list_table .txt p.info::before{content: ''; position:absolute; top:0; left:0; width: 12px; height: 12px; background: url(/treemap/resources/images/ic_heart2.png); background-size: cover; margin-top: 3px;}
    .list_table .txt.none p.info{display: none;}


/* 페이징 */
#paging{clear: both; margin: 0 auto; text-align: center; position: relative; margin-top: 50px;  flex: 0 0 auto;}
#paging.map_paging{margin: 15px 0; }
#paging p{display: table; margin:0 auto;}
#paging p span a{display: block; float:left; width: 30px; height: 30px; line-height: 30px; font-size: 15px; color: #000; font-weight: 400; text-decoration: none; transition: all .2s;}
#paging p span:first-child a{margin-left: 0;}
#paging p span a:hover{color: #0e7eff; font-weight: 500;}
#paging .numPN a{font-size: 21px; line-height: 1.2em;}
#paging .Present a{color: #0e7eff; font-weight: 500;}

/* 지도설정 */
.mset-wrap button{position: absolute; top: 25px; right: 80px; z-index: 80; padding:5px 15px; border: 1px solid #999; background-color: #fff; font-size: 15px; color:#000; border-radius: 3px; box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);}
.mset-wrap button.on{background-color: #0e7eff; color: #fff; font-weight: 500; border-color: #0e7eff;}
.mset-wrap .mset-section{position: absolute; top: 60px; right: 80px; z-index: 80; width: 240px; padding:20px 15px; border:1px solid #dedede; margin-top: 10px; border-radius: 3px; background-color: #fff; box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);}
.mset-wrap .mset-section h3{width:100%; font-size: 13px; font-weight: 600; color: #999; padding-bottom: 15px; border-bottom: 1px solid #dedede;}
.mset-wrap .mset-section ul{width: 100%; padding-top: 15px; display: inline-block;}
    /*카테고리*/
    .mset-wrap .mset-section .cate-inner{width: 100%; margin-top: 20px;}
    .mset-wrap .mset-section .cate-inner:first-child{margin-top: 0;}
    .mset-wrap .mset-section .cate-inner ul li{width: calc(100% / 3); float: left;}
    .mset-wrap .mset-section .cate-inner ul li p{width: 100%; margin-top: 15px;}
    .mset-wrap .mset-section .cate-inner ul li:nth-of-type(1) p,
    .mset-wrap .mset-section .cate-inner ul li:nth-of-type(2) p,
    .mset-wrap .mset-section .cate-inner ul li:nth-of-type(3) p{margin-top: 0;}
    /*카테고리 선택*/
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]{display: none;}
    .mset-wrap .mset-section .cate-inner ul li p label{display: block;color: #000; position: relative;cursor: pointer;text-align: center;}
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:checked ~ label{color:#000;}
    .mset-wrap .mset-section .cate-inner ul li p label::before,
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:empty ~ label::before{content: '';display: block;width: 40px;height: 40px; border-radius: 50%;margin: 0 auto;margin-bottom: 10px;}
    /*카테고리 클래스별*/
    .mset-wrap .mset-section .cate-inner ul li p label.mcate1::before,
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:empty ~ label.mcate1::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.76 500'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23999;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M643.78,332.88H356.24a34.12,34.12,0,0,0-34.08,35.81L359.73,717.6A34.11,34.11,0,0,0,393.79,750H606.21a34.11,34.11,0,0,0,34.06-32.4l37.57-348.91A34.12,34.12,0,0,0,643.78,332.88Zm-224.3,343.3a19.23,19.23,0,0,1-19.07-18.77c-3.37-77.78-17.15-154.2-27.18-231.27-1.3-10.31,8.68-19.88,22.15-21.09.89-.07,1.79-.13,2.68-.13,12.28,0,22.44,7.63,23.32,17.59,7,78.25,15,156.28,16.78,234.88A18.61,18.61,0,0,1,419.48,676.18ZM523.85,420.47c-2.31,79-4.52,157.92-5,236.92a18.82,18.82,0,0,1-37.64,0c-.51-79-2.72-158-5-236.92-.33-10.91,10.36-20.09,23.86-20.09,13.28,0,23.84,8.9,23.84,19.6Zm102.94,5.67c-10,77.07-23.83,153.49-27.2,231.27a19.21,19.21,0,0,1-19.07,18.77,18.61,18.61,0,0,1-18.68-18.79c1.79-78.6,9.8-156.63,16.78-234.88.94-10.67,12.56-18.66,26-17.46,12.68,1.13,22.28,9.71,22.28,19.3A15.22,15.22,0,0,1,626.79,426.14Z' transform='translate(-322.12 -250)'/%3E%3Cpolygon class='cls-1' points='224.4 28.28 224.4 0 131.36 0 131.36 28.28 0.01 28.28 0.01 63.85 355.76 63.85 355.76 28.28 224.4 28.28'/%3E%3C/svg%3E") 50% 50% no-repeat #f0f0f0; background-size: 15px;}
    .mset-wrap .mset-section .cate-inner ul li p label.mcate2::before,
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:empty ~ label.mcate2::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.26 68.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23999;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M311.23,189.85,307.87,184l-11.61,6.71,2.42,4.2H284V187.8L270.1,201.65,284,215.5v-7.14h16.59a12.34,12.34,0,0,0,10.69-18.51Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M273.31,185.79l-5.07-18.92-18.92,5.07,6.25,3.61-8.26,14.3A12.34,12.34,0,0,0,258,208.36h6.71V195h-4.85l7.34-12.7Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M279.66,161.63l7,12.46-6,3.48,18.92,5.06,5.07-18.91-6.35,3.66-8-14.06a12.34,12.34,0,0,0-21.37,0l-3.36,5.81,11.62,6.7Z' transform='translate(-245.64 -147.15)'/%3E%3C/svg%3E") 50% 50% no-repeat #f0f0f0; background-size: 20px;}
    .mset-wrap .mset-section .cate-inner ul li p label.mcate3::before,
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:empty ~ label.mcate3::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 947.91 1218.07'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23999;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1454,1463.7C1442.3,1289.62,1382.21,391,1382.21,391H1232.77s-24,340-27.8,391.19c-3.13,42.59-16.31,42.68-31.57,42.79-53.36.33-332.56.33-385.92,0-15.26-.11-28.44-.2-31.57-42.79C752.14,731,728.1,391,728.1,391H578.67s-60.09,898.66-71.82,1072.74c-2.61,38.66,8.6,66,38.67,94.23C593.3,1602.84,647.85,1609,699.69,1609h561.49c51.84,0,106.39-6.2,154.17-51.11C1445.43,1529.66,1456.64,1502.36,1454,1463.7Z' transform='translate(-506.48 -390.96)'/%3E%3C/svg%3E") 50% 50% no-repeat #f0f0f0; background-size: 15px;}
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:checked ~ label.mcate1::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.76 500'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M643.78,332.88H356.24a34.12,34.12,0,0,0-34.08,35.81L359.73,717.6A34.11,34.11,0,0,0,393.79,750H606.21a34.11,34.11,0,0,0,34.06-32.4l37.57-348.91A34.12,34.12,0,0,0,643.78,332.88Zm-224.3,343.3a19.23,19.23,0,0,1-19.07-18.77c-3.37-77.78-17.15-154.2-27.18-231.27-1.3-10.31,8.68-19.88,22.15-21.09.89-.07,1.79-.13,2.68-.13,12.28,0,22.44,7.63,23.32,17.59,7,78.25,15,156.28,16.78,234.88A18.61,18.61,0,0,1,419.48,676.18ZM523.85,420.47c-2.31,79-4.52,157.92-5,236.92a18.82,18.82,0,0,1-37.64,0c-.51-79-2.72-158-5-236.92-.33-10.91,10.36-20.09,23.86-20.09,13.28,0,23.84,8.9,23.84,19.6Zm102.94,5.67c-10,77.07-23.83,153.49-27.2,231.27a19.21,19.21,0,0,1-19.07,18.77,18.61,18.61,0,0,1-18.68-18.79c1.79-78.6,9.8-156.63,16.78-234.88.94-10.67,12.56-18.66,26-17.46,12.68,1.13,22.28,9.71,22.28,19.3A15.22,15.22,0,0,1,626.79,426.14Z' transform='translate(-322.12 -250)'/%3E%3Cpolygon class='cls-1' points='224.4 28.28 224.4 0 131.36 0 131.36 28.28 0.01 28.28 0.01 63.85 355.76 63.85 355.76 28.28 224.4 28.28'/%3E%3C/svg%3E") 50% 50% no-repeat #66c67b; background-size: 15px;}
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:checked ~ label.mcate2::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.26 68.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M311.23,189.85,307.87,184l-11.61,6.71,2.42,4.2H284V187.8L270.1,201.65,284,215.5v-7.14h16.59a12.34,12.34,0,0,0,10.69-18.51Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M273.31,185.79l-5.07-18.92-18.92,5.07,6.25,3.61-8.26,14.3A12.34,12.34,0,0,0,258,208.36h6.71V195h-4.85l7.34-12.7Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M279.66,161.63l7,12.46-6,3.48,18.92,5.06,5.07-18.91-6.35,3.66-8-14.06a12.34,12.34,0,0,0-21.37,0l-3.36,5.81,11.62,6.7Z' transform='translate(-245.64 -147.15)'/%3E%3C/svg%3E") 50% 50% no-repeat #66c67b; background-size: 20px;}
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:checked ~ label.mcate3::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 947.91 1218.07'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1454,1463.7C1442.3,1289.62,1382.21,391,1382.21,391H1232.77s-24,340-27.8,391.19c-3.13,42.59-16.31,42.68-31.57,42.79-53.36.33-332.56.33-385.92,0-15.26-.11-28.44-.2-31.57-42.79C752.14,731,728.1,391,728.1,391H578.67s-60.09,898.66-71.82,1072.74c-2.61,38.66,8.6,66,38.67,94.23C593.3,1602.84,647.85,1609,699.69,1609h561.49c51.84,0,106.39-6.2,154.17-51.11C1445.43,1529.66,1456.64,1502.36,1454,1463.7Z' transform='translate(-506.48 -390.96)'/%3E%3C/svg%3E") 50% 50% no-repeat #66c67b; background-size: 15px;}
    /*카테고리 클래스별*/
    .mset-wrap .mset-section .cate-inner ul li p label.ecate1::before,
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:empty ~ label.ecate1::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.76 500'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23999;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M643.78,332.88H356.24a34.12,34.12,0,0,0-34.08,35.81L359.73,717.6A34.11,34.11,0,0,0,393.79,750H606.21a34.11,34.11,0,0,0,34.06-32.4l37.57-348.91A34.12,34.12,0,0,0,643.78,332.88Zm-224.3,343.3a19.23,19.23,0,0,1-19.07-18.77c-3.37-77.78-17.15-154.2-27.18-231.27-1.3-10.31,8.68-19.88,22.15-21.09.89-.07,1.79-.13,2.68-.13,12.28,0,22.44,7.63,23.32,17.59,7,78.25,15,156.28,16.78,234.88A18.61,18.61,0,0,1,419.48,676.18ZM523.85,420.47c-2.31,79-4.52,157.92-5,236.92a18.82,18.82,0,0,1-37.64,0c-.51-79-2.72-158-5-236.92-.33-10.91,10.36-20.09,23.86-20.09,13.28,0,23.84,8.9,23.84,19.6Zm102.94,5.67c-10,77.07-23.83,153.49-27.2,231.27a19.21,19.21,0,0,1-19.07,18.77,18.61,18.61,0,0,1-18.68-18.79c1.79-78.6,9.8-156.63,16.78-234.88.94-10.67,12.56-18.66,26-17.46,12.68,1.13,22.28,9.71,22.28,19.3A15.22,15.22,0,0,1,626.79,426.14Z' transform='translate(-322.12 -250)'/%3E%3Cpolygon class='cls-1' points='224.4 28.28 224.4 0 131.36 0 131.36 28.28 0.01 28.28 0.01 63.85 355.76 63.85 355.76 28.28 224.4 28.28'/%3E%3C/svg%3E") 50% 50% no-repeat #f0f0f0; background-size: 15px;}
    .mset-wrap .mset-section .cate-inner ul li p label.ecate2::before,
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:empty ~ label.ecate2::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.26 68.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23999;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M311.23,189.85,307.87,184l-11.61,6.71,2.42,4.2H284V187.8L270.1,201.65,284,215.5v-7.14h16.59a12.34,12.34,0,0,0,10.69-18.51Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M273.31,185.79l-5.07-18.92-18.92,5.07,6.25,3.61-8.26,14.3A12.34,12.34,0,0,0,258,208.36h6.71V195h-4.85l7.34-12.7Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M279.66,161.63l7,12.46-6,3.48,18.92,5.06,5.07-18.91-6.35,3.66-8-14.06a12.34,12.34,0,0,0-21.37,0l-3.36,5.81,11.62,6.7Z' transform='translate(-245.64 -147.15)'/%3E%3C/svg%3E") 50% 50% no-repeat #f0f0f0; background-size: 20px;}
    .mset-wrap .mset-section .cate-inner ul li p label.ecate3::before,
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:empty ~ label.ecate3::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 947.91 1218.07'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23999;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1454,1463.7C1442.3,1289.62,1382.21,391,1382.21,391H1232.77s-24,340-27.8,391.19c-3.13,42.59-16.31,42.68-31.57,42.79-53.36.33-332.56.33-385.92,0-15.26-.11-28.44-.2-31.57-42.79C752.14,731,728.1,391,728.1,391H578.67s-60.09,898.66-71.82,1072.74c-2.61,38.66,8.6,66,38.67,94.23C593.3,1602.84,647.85,1609,699.69,1609h561.49c51.84,0,106.39-6.2,154.17-51.11C1445.43,1529.66,1456.64,1502.36,1454,1463.7Z' transform='translate(-506.48 -390.96)'/%3E%3C/svg%3E") 50% 50% no-repeat #f0f0f0; background-size: 15px;}
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:checked ~ label.ecate1::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 355.76 500'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M643.78,332.88H356.24a34.12,34.12,0,0,0-34.08,35.81L359.73,717.6A34.11,34.11,0,0,0,393.79,750H606.21a34.11,34.11,0,0,0,34.06-32.4l37.57-348.91A34.12,34.12,0,0,0,643.78,332.88Zm-224.3,343.3a19.23,19.23,0,0,1-19.07-18.77c-3.37-77.78-17.15-154.2-27.18-231.27-1.3-10.31,8.68-19.88,22.15-21.09.89-.07,1.79-.13,2.68-.13,12.28,0,22.44,7.63,23.32,17.59,7,78.25,15,156.28,16.78,234.88A18.61,18.61,0,0,1,419.48,676.18ZM523.85,420.47c-2.31,79-4.52,157.92-5,236.92a18.82,18.82,0,0,1-37.64,0c-.51-79-2.72-158-5-236.92-.33-10.91,10.36-20.09,23.86-20.09,13.28,0,23.84,8.9,23.84,19.6Zm102.94,5.67c-10,77.07-23.83,153.49-27.2,231.27a19.21,19.21,0,0,1-19.07,18.77,18.61,18.61,0,0,1-18.68-18.79c1.79-78.6,9.8-156.63,16.78-234.88.94-10.67,12.56-18.66,26-17.46,12.68,1.13,22.28,9.71,22.28,19.3A15.22,15.22,0,0,1,626.79,426.14Z' transform='translate(-322.12 -250)'/%3E%3Cpolygon class='cls-1' points='224.4 28.28 224.4 0 131.36 0 131.36 28.28 0.01 28.28 0.01 63.85 355.76 63.85 355.76 28.28 224.4 28.28'/%3E%3C/svg%3E") 50% 50% no-repeat #ea8e2c; background-size: 15px;}
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:checked ~ label.ecate2::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.26 68.35'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M311.23,189.85,307.87,184l-11.61,6.71,2.42,4.2H284V187.8L270.1,201.65,284,215.5v-7.14h16.59a12.34,12.34,0,0,0,10.69-18.51Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M273.31,185.79l-5.07-18.92-18.92,5.07,6.25,3.61-8.26,14.3A12.34,12.34,0,0,0,258,208.36h6.71V195h-4.85l7.34-12.7Z' transform='translate(-245.64 -147.15)'/%3E%3Cpath class='cls-1' d='M279.66,161.63l7,12.46-6,3.48,18.92,5.06,5.07-18.91-6.35,3.66-8-14.06a12.34,12.34,0,0,0-21.37,0l-3.36,5.81,11.62,6.7Z' transform='translate(-245.64 -147.15)'/%3E%3C/svg%3E") 50% 50% no-repeat #ea8e2c; background-size: 20px;}
    .mset-wrap .mset-section .cate-inner ul li p input[type=checkbox]:checked ~ label.ecate3::before{background: url("data:image/svg+xml,%3Csvg id='' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 947.91 1218.07'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1454,1463.7C1442.3,1289.62,1382.21,391,1382.21,391H1232.77s-24,340-27.8,391.19c-3.13,42.59-16.31,42.68-31.57,42.79-53.36.33-332.56.33-385.92,0-15.26-.11-28.44-.2-31.57-42.79C752.14,731,728.1,391,728.1,391H578.67s-60.09,898.66-71.82,1072.74c-2.61,38.66,8.6,66,38.67,94.23C593.3,1602.84,647.85,1609,699.69,1609h561.49c51.84,0,106.39-6.2,154.17-51.11C1445.43,1529.66,1456.64,1502.36,1454,1463.7Z' transform='translate(-506.48 -390.96)'/%3E%3C/svg%3E") 50% 50% no-repeat #ea8e2c; background-size: 15px;}

/* 범례 */
.mleg-wrap{position: absolute; bottom: 25px; right: 25px; z-index: 80;}
.mleg-wrap button{position:relative; width: 150px; padding: 10px 20px; border-radius: 3px; background-color:#313f4a; font-size: 15px; font-weight: 500; text-align: left; color:#fff; box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);}
.mleg-wrap button::before{content: '▼'; color:#fff; font-size: 10px; float: right; margin-top: 2px;}
.mleg-wrap button.on{width: 200px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: inherit;}
.mleg-wrap button.on::before{content: '▲'; color:#fff; font-size: 10px; float: right; margin-top: 2px;}

.mleg-wrap .mleg-section{position: relative; width: 200px; padding: 15px 20px; background-color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #dedede; border-top: 0; box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);}
.mleg-wrap .mleg-section h3{width:100%; font-size: 13px; font-weight: 600; color: #999; padding-bottom: 15px; border-bottom: 1px solid #dedede;}
.mleg-wrap .mleg-section ul{width: 100%; padding-top: 15px; display: inline-block;}
.mleg-wrap .mleg-section ul li{width: 100%; margin-top: 10px;}
.mleg-wrap .mleg-section ul li:first-child{margin-top: 0;}
.mleg-wrap .mleg-section ul li p{position:relative; font-size: 15px; color:#000; padding-left: 25px;}
.mleg-wrap .mleg-section ul li p::before{content: ''; width: 15px; height: 15px; border-radius: 50%; position:absolute; top: 2px; left:0;}
.mleg-wrap .mleg-section ul li:nth-of-type(1) p::before{background-color: #ff9c00;}
.mleg-wrap .mleg-section ul li:nth-of-type(2) p::before{background-color: #ff6000;}
.mleg-wrap .mleg-section ul li:nth-of-type(3) p::before{background-color: #ff2a00;}

/* 이미지 */
.swiper{position: relative; width: 100%; height: 180px; border-bottom: 1px solid #f0f0f0; overflow: hidden;}
.swiper-wrapper{width: 100%; height: 100%;}
.swiper-slide{
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper-button-next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff'/%3E%3C/svg%3E") !important; background-size: 16px !important;} 
.swiper-button-prev{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ffffff '/%3E%3C/svg%3E") !important; background-size: 16px !important;}
.swiper-button-next:after, 
.swiper-button-prev:after{font-size: 20px !important;}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.swiper-pagination-fraction{top:10px !important; bottom:inherit !important; left: inherit !important; right:10px !important; width: auto !important; padding: 3px 10px !important; border-radius: 40px !important; color: #fff !important; font-size: 13px !important; background-color: rgba(0, 0, 0, .9) !important;}
.swiper-pagination span{font-size: 13px !important; color: #fff;}

/* 사진 없을 때*/
.nophoto_img{display: none;}
.nophoto .swiper{display: none;}
.nophoto .nophoto_img{display: block;}

/* 인포 */
.info{display: flex; align-items: center; width: 100%;}
.info .info_img{position: relative; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #f0f0f0; overflow: hidden; background: url("data:image/svg+xml,%3Csvg data-name='Layer 3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135.85 142.88'%3E%3Cpath d='M155 177.48c-10-3-14.39-9.7-14.39-9.7v-13.05a29.5 29.5 0 0 0 6-7 45.72 45.72 0 0 0 3.35-9.36S156 134 157.3 127s-4.69-9-4.69-9 2-5.69-2.67-20.74c-5.36-17.4-24.77-16.73-24.77-16.73s-19.4-.67-24.76 16.73c-4.63 15-2.67 20.74-2.67 20.74s-6 2-4.69 9 7.36 11.38 7.36 11.38a45.72 45.72 0 0 0 3.35 9.36 29.5 29.5 0 0 0 6 7v13.05s-4.35 6.69-14.39 9.7-38.14 16.07-38.14 45.85H193.1c0-29.79-28.1-42.84-38.1-45.86Z' transform='translate(-57.25 -80.44)' style='fill:%23d2d5d9'/%3E%3C/svg%3E") #fff 50% bottom no-repeat; background-size: 30px 30px;}
.info .info.cmt_img{width: 30px; height: 30px;}
.info .info_img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; margin: auto;}
.info .info_txt{width: calc(100% - 55px); margin-left: 8px;}
.info .info_txt p{font-size: 15px; font-weight: 400; line-height: 1.3em;}
.info .info_txt .name{color: #000; font-size: 14px;}
.info .info_txt .date{color: #999; margin-top: 2px; font-size: 13px;}
.info .info_txt .date a{font-size: 14px; color:#999;}

/* 공유하기 팝업 */
.share_popup{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 200;}
.share_popup .white_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 480px; background: #fff; border-radius: 30px;}
.share_popup .white_box .popup_title{position: relative; height: 70px; line-height: 70px; font-size: 20px; font-weight: 600; text-align: center; border-bottom: 1px solid #dedede; color:#000;}
.share_popup .white_box .popup_title .popup_close{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.share_popup .white_box .popup_title .popup_close img{vertical-align: baseline !important; transition: all .3s;}
.share_popup .white_box .popup_title .popup_close:hover img{transform: rotate(180deg);}
.share_popup .white_box .share_sns{padding: 40px 0; text-align: center; margin: 0 auto; font-size: 0;}
.share_popup .white_box .share_sns > span{width: 70px; height: 70px; display: inline-block; margin: 0 15px; cursor: pointer; font-size: 14px; text-align: center;}
.share_popup .white_box .share_sns > span > a{display: inline-block;}
.share_popup .white_box .share_sns > span > a img{width: 100%; height: 100%; display: block; padding-bottom: 5px;}
.share_popup .white_box .share_sns > span > a img:hover{opacity: .9;}

/* 좋아요공유 */
.like_inner .act-box{position: relative; width: 100%; padding: 15px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.like_inner .act-box ul{display: inline-block; width: 100%;}
.like_inner .act-box ul li{display: block; width: calc(100% / 2); float: left; }
.like_inner .act-box ul li p,
.like_inner .act-box ul li a{position:relative; text-align: center; color:#000; display: table; margin:0 auto;}
.like_inner .act-box ul li a{padding-left: 25px;}
.like_inner .act-box ul li a.btn-share::before{content: ''; position:absolute; top:2px; left:0; width: 15px; height: 15px; background:url(/treemap/resources/images/ic-share.png);}

.like_inner .act-box ul li p input[type=checkbox]{display: none;}
.like_inner .act-box ul li p label{display: inline-block; padding-left: 25px; position: relative; cursor: pointer;}
.like_inner .act-box ul li p input[type=checkbox]:checked ~ label{color:#ff3c5a; font-weight: 500;}
.like_inner .act-box ul li p label::before,
.like_inner .act-box ul li p input[type=checkbox]:empty ~ label::before{content: ''; position:absolute; top:2px; left:0; width: 15px; height: 15px; background: url("/treemap/resources/images/ic_heart_off.png"); background-size: cover;}
.like_inner .act-box ul li p input[type=checkbox]:checked ~ label::after{content: ''; position:absolute; top:2px; left:0; width: 15px; height: 15px; background: url("/treemap/resources/images/ic_heart.png"); background-size: cover;}

/* 댓글corr 추가 */
.cmt_inner{position: relative; width: 100%; padding: 0 20px; margin-top:20px;}
.cmt_inner h5{font-size: 14px; color: #000; font-weight: 600; margin-bottom: 15px;}
.cmt_inner .cmt-list .con_txt{margin-top: 8px;}
.cmt_inner .cmt-list .con_txt p{font-size: 15px;}
.cmt_inner .cmt-list.corr .con_txt,
.cmt_inner .cmt-list .cmt-write-box{display:none;}
.cmt_inner .cmt-list.corr .cmt-write-box{display:inline-block; margin-top: 15px;}
.cmt_inner .cmt-list.corr .cmt-write-box button{height: 40px; line-height: 40px; font-size: 13px;}
    /* 댓글작성폼 */
    .cmt_inner .cmt-write-box{position: relative; width: 100%; display: inline-block;}
    .cmt_inner .cmt-write-box button{position:absolute; bottom:0; right:0; width: 60px; height: 50px; line-height: 50px; border-radius: 3px; background-color: #738899; color: #fff; font-size: 15px; font-weight: 600;}
    .cmt_inner .cmt-write-box textarea{float:left; width: calc(100% - 75px); border: 1px solid #dedede; border-radius: 3px !important; padding: 15px; resize: none; min-height: 50px; max-height: 150px; font-size: 15px;}
    /* 댓글리스트 */
    .cmt-list-box{position: relative; width: 100%;}
    .cmt-list-box ul{display: inline-block; width: 100%;}
    .cmt-list-box ul li{position: relative; width: 100%; padding-top:15px; margin-top:15px; border-top: 1px solid #f0f0f0;}
    .cmt-list-box ul li:first-child{border-top: 0; margin-top: 0;}

/* 정보 */
.info_inner{position: relative; width: 100%; padding: 20px; border-bottom: 10px solid #f0f0f0;}
.info_inner h4{font-size: 18px; font-weight: 700; line-height: 1.3em;}
.info_inner .info_writer{display: flex; width: 100%; align-items: center; margin-top: 5px;}
.info_inner .info_writer p{font-size: 14px;}
.info_inner .info_writer p.writer{margin-right: 20px;}
.info_inner .info_writer p.writer::before{content: '작성자｜'; color: #999; font-size: 14px;}
.info_inner .info_writer p.date::before{content: '작성일｜'; color: #999; font-size: 14px;}
.info_inner > p{font-size: 15px; line-height: 1.3em; margin-top: 4px;}
.info_inner > p.first{margin-top: 10px;}
.info_inner > p::before{content: ''; width: 15px; height: 15px; float: left; margin-top: 3px; margin-right: 10px;}
.info_inner > p.time::before{content: ''; background: url(/treemap/resources/images/info_time.png)50% 50% no-repeat; background-size: cover;}
.info_inner > p.category::before{content: ''; background: url(/treemap/resources/images/info_category.png)50% 50% no-repeat; background-size: cover;}
.info_inner > p.phone::before{content: ''; background: url(/treemap/resources/images/info_phone.png)50% 50% no-repeat; background-size: cover;}
.info_inner > p.explain::before{content: ''; background: url(/treemap/resources/images/info_explain.png)50% 50% no-repeat; background-size: cover;}

/* 지도 */
.map_inner{position: relative; width: 100%; padding: 20px;}
.map_inner h5{font-size: 14px; color: #000; font-weight: 600; margin-bottom: 15px;}
.map_inner .map_box{position: relative; width: 100%; height: 160px; border-radius: 3px; overflow: hidden; border: 1px solid #f0f0f0;}
.map_inner p{font-size: 15px; width: 100%; margin-top: 15px;}
.map_inner p::before{content: '주소｜'; color: #999; font-size: 13px;}