/* BASIC css start */
.map_gnb {clear:both;}
.pt_map_wrap {position: absolute;left: -190px;bottom: 40px;width: 390px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 14px;font-family: 'Malgun Gothic', dotum, 'µ¸¿ò', sans-serif;line-height: 1.5;}
.pt_map_wrap * {padding: 0;margin: 0;}
.pt_map_wrap .info {width: 390px;height: 300px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;box-shadow: 5px 5px 3px rgb(1,1,1,0.1);}
.pt_map_wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .title {padding: 5px 0 0 10px;height: 30px;background: #000000;border-bottom: 1px solid #ffffff;font-size: 18px;font-weight: bold; color:#fff;}
.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;overflow: hidden;}
.info .desc {position: relative;margin: 10px 0 0 10px;height: 75px; font-size:12px;}

.desc .ellipsis {font-size: 12px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.desc .jibun {font-size: 12px;color: #000;margin-top: -2px;}
.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;}
.info .link {color: #ff5a00;}
.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:445px;height:600px;margin:50px 0 30px 30px;padding:5px;overflow-y:auto;z-index: 1;font-size:14px;box-shadow: 5px 5px 3px rgb(1,1,1,0.1);word-break:break-all;}
.bg_white {background:#fff;}
#menu_wrap hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;}
#menu_wrap .option{text-align: left; margin-left:10px;}
#menu_wrap .option p {margin:10px 0;}
#menu_wrap .option button {margin-left:400px;}
#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;}
#placesList .item .info{padding:10px 0 10px 55px;}
#placesList .info .gray {color:#000000;}
#placesList .info h5 {color:#000; font-size: 16px; font-weight: 800;}
        #placesList .info .address {}/*{padding-left:20px;background:url(http://www.spigen.co.kr/design/spigen/map/map_icon_01.png) no-repeat;}*/
        #placesList .info .jibun {} /*{padding-left:20px;background:url(http://www.spigen.co.kr/design/spigen/map/map_icon_02.png) no-repeat;}*/
        #placesList .info .tel {}/*{padding-left:20px;background:url(http://www.spigen.co.kr/design/spigen/map/map_icon_03.png) no-repeat;}*/
#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;}
#pagination {margin:10px auto;text-align: center;}
#pagination a {display:inline-block;margin-right:10px;}
#pagination .on {font-weight: bold; cursor: default;color:#000000;}



.map_h1 {font-size:32px; text-align:center;  margin:50px 0 40px 0;font-weight:800; }
.top_tit {width:100%; height:150px; text-align:center;;}
.map_title {width:100%; height:50px; background-color:#000; color:#fff; font-weight:800; font-size: 30px; text-align:center; padding-top:30px; margin:0;}
.menu_contents {margin:5px;}

        
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;}



.map_banner {width:1200px; margin:0 auto; margin-top:50px;}
.map_banner_align ul {dispaly:none;}
.map_banner_align li {float:left;}

/* BASIC css end */

