/* BASIC css start */
.wide_contents{width:100%; margin:0 auto; margin-top:30px;}

.map_banner {width:1300px;  margin-top:250px;}
.map_notice {clear:both; width:1200px; height:80px; margin-top:50px;}
.map_notice span { font-size:16px; padding-top:50px; }

.wrap {box-shadow: 3px 3px 3px rgb(1,1,1,0.1); position: absolute;left:-155px; bottom: 40px;width: 400px;height: 165px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {width: 400px;height: 165px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .title {vertical-align:middle; padding: 10px 0 0 10px;height: 30px;background: #000000;border-bottom: 1px solid #ddd;font-size: 13px;font-weight: bold; color:#ffffff;}
.info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://www.spigen.co.kr/design/spigen/map/overlay_close.png');}
.info .close:hover {cursor: pointer;}
.info .body {position: relative;}
.info .desc {position: relative;margin: 13px 0 0 10px;height: 75px;}
.desc .ellipsis {text-overflow: ellipsis;word-break:break-word; font-weight: 700;}
.desc .close {text-overflow: ellipsis;word-break:break-word;}
.desc .time_info {}
.desc .jibun {font-size: 12px;color: #888;margin-top: -2px;}
/*.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}*/
.info .link {color: #5085BB;}
.map_wrap, .map_wrap * {margin:0;padding:0;font-family:'Malgun Gothic',dotum,'돋움',sans-serif;font-size:12px;}
.map_wrap a, .map_wrap a:hover, .map_wrap a:active{color:#000;text-decoration: none;}
.map_wrap {position:relative;width:100%;height:800px;}
#menu_wrap {position:absolute;top:0;left:0;bottom:0;width:380px; height:560px; margin:20px 0 30px 20px;padding:8px;overflow-y:auto;background:rgba(255, 255, 255, 0.9);z-index: 1;font-size:12px;border-radius: 1px; box-shadow: 5px 5px 5px rgb(5,5,5, 0.2);}
.bg_white {background:#fff;}
.layer {position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: none;justify-content: center;align-items: center;background: rgba(0,0,0,0.5);z-index: 2;}
.layer .box {padding: 20px 20px 60px;margin: 20px;width: 500px;height: 350px;background: #fff;position: relative;}
.layer .close{position: absolute;right: 20px;bottom: 20px;display: block;background: #09f;color: #666666;text-align: center;padding: 5px 20px;font-size: 13px;}
.layer:target{display: flex;animation: open 0.5s;}
@keyframes open {from {opacity: 0;} to {opacity: 1;}}
#menu_wrap hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;}
#menu_wrap .option{flat:left;  padding:15px 0 15px 15px; font-size:16px; font-weight:700;}
#menu_wrap .option select {color:#000000; width:70px; margin-left:8px;}
#menu_wrap .option p {margin:20px 0 0 20px;}
#menu_wrap .option button {margin-left:5px;}
#placesList li {list-style: none;}
#placesList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;}
#placesList .item span {display: block;margin-top:4px;}
#placesList .item h5, #placesList .item .info {text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#000000;}
.item h5 {font-size:12px; font-weight: 900;}
#placesList .item .info{padding:10px 0 10px 55px;}
#placesList .info .gray {color:#8a8a8a;}
#placesList .info .jibun {padding-left:26px;background:url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;}
#placesList .info .tel {color:#666666;}
#placesList .item .markerbg {float:left;position:absolute;width:36px; height:37px;margin:10px 0 0 10px;background:url('http://www.spigen.co.kr/design/spigen/map/marker_nomal01.png') no-repeat;}
#placesList .item .marker_1 {background-position: 0 -10px;}
#placesList .item .marker_2 {background-position: 0 -56px;}
#placesList .item .marker_3 {background-position: 0 -102px}
#placesList .item .marker_4 {background-position: 0 -148px;}
#placesList .item .marker_5 {background-position: 0 -194px;}
#placesList .item .marker_6 {background-position: 0 -240px;}
#placesList .item .marker_7 {background-position: 0 -286px;}
#placesList .item .marker_8 {background-position: 0 -332px;}
#placesList .item .marker_9 {background-position: 0 -378px;}
#placesList .item .marker_10 {background-position: 0 -423px;}
#placesList .item .marker_11 {background-position: 0 -470px;}
#placesList .item .marker_12 {background-position: 0 -516px;}
#placesList .item .marker_13 {background-position: 0 -562px;}
#placesList .item .marker_14 {background-position: 0 -608px;}
#placesList .item .marker_15 {background-position: 0 -654px;}
#placesList .item .marker_16 {background-position: 0 -700px;}
#placesList .item .marker_17 {background-position: 0 -746px;}
#placesList .item .marker_18 {background-position: 0 -792px;}
#placesList .item .marker_19 {background-position: 0 -838px;}
#placesList .item .marker_20 {background-position: 0 -884px;}
#placesList .item .marker_21 {background-position: 0 -930px;}
#placesList .item .marker_22 {background-position: 0 -976px;}
#placesList .item .marker_23 {background-position: 0 -1022px;}
#placesList .item .marker_24 {background-position: 0 -1068px;}
#placesList .item .marker_25 {background-position: 0 -1114px;}
#placesList .item .marker_26 {background-position: 0 -1160px;}
#placesList .item .marker_27 {background-position: 0 -1206px;}
#placesList .item .marker_28 {background-position: 0 -1252px;}
#placesList .item .marker_29 {background-position: 0 -1298px;}
#placesList .item .marker_30 {background-position: 0 -1344px;}
#placesList .item .marker_31 {background-position: 0 -1390px;}
#placesList .item .marker_32 {background-position: 0 -1436px;}
#placesList .item .marker_33 {background-position: 0 -1482px;}
#placesList .item .marker_34 {background-position: 0 -1528px;}
#placesList .item .marker_35 {background-position: 0 -1574px;}
#placesList .item .marker_36 {background-position: 0 -1620px;}
#placesList .item .marker_37 {background-position: 0 -1666px;}
#placesList .item .marker_38 {background-position: 0 -1712px;}
#placesList .item .marker_39 {background-position: 0 -1758px;}
#placesList .item .marker_40 {background-position: 0 -1804px;}
#placesList .item .marker_41 {background-position: 0 -1850px;}
#placesList .item .marker_42 {background-position: 0 -1896px;}
#placesList .item .marker_43 {background-position: 0 -1942px;}


#pagination {margin:10px auto;text-align: center;}
#pagination a {display:inline-block;margin-right:10px;}
#pagination .on {font-weight: bold; cursor: default;color:#777;}


/* IE 스크롤 바 */
html{scrollbar-arrow-color: #efefef;
     scrollbar-Track-Color: #efefef;
    scrollbar-base-color: #a5a5a5;}

 /* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: block; width: 7px;height:35px;background:#ffffff;}
::-webkit-scrollbar-track {background-color:#a8a8a8; }
::-webkit-scrollbar-thumb {background-color:#5c5c5c; border-radius:3px; }
::-webkit-scrollbar-thumb :hover {background: #383838;}


/* BASIC css end */