@charset "utf-8";


/* 분류 아이콘 */
.cate {}
.cate ul {overflow:hidden;}
.cate li {display:inline-block; margin-right:7px; margin-bottom:10px;}
.cate li:first-child {margin-left:0;}
.cate li a {display:inline-block; font-size:15px; color:#777; letter-spacing:-0.06em;}
.cate li a span {display:inline-block; width:23px; height:23px; padding:1px; margin-right:5px; vertical-align:middle; border:1px solid #7c7c7c; background:url('/images/sub02/ico_cate.png') no-repeat 0 0;}
.cate li.on a {font-weight:600; color:#222;}
.cate li.on a span {padding:0; border:2px solid #222;}
.cate li.ico1 a span {background-position:0 0;}
.cate li.ico2 a span {background-position:-21px 0;}
.cate li.ico3 a span {background-position:-42px 0;}
.cate li.ico4 a span {background-position:-63px 0;}
.cate li.ico5 a span {background-position:-84px 0;}
.cate li.ico6 a span {background-position:-105px 0;}
.cate li.ico7 a span {background-position:-126px 0;}
.cate li.ico8 a span {background-position:-147px 0;}
.cate li.ico9 a span {background-position:-168px 0;}
.cate li.ico10 a span {background-position:-192px 0;}



/* 점포안내 검색 */
.store_search {margin-bottom:20px;}
.store_search .cate {padding:20px 0 10px; background:#f8f6f1; border-bottom:1px solid #ececea; text-align:center;}
.store_search .cate ul {text-align:center;}
.store_search .cate li {}
.search_wrap {padding:20px; text-align:center;}
.search_wrap p {display:inline; padding-right:30px; padding-left:10px; color:#555; background:url('/images/common/bl_2_1.png') no-repeat 0 4px;}
.search_wrap p span {font-weight:600; color:#ff8035;}
.search_wrap form {display:inline;}
.search_wrap .srch_inp {width:320px; height:35px; padding:0 10px; font-size:13px; color:#767676; line-height:33px; border:1px solid #c8c8c8; letter-spacing:-0.04em; vertical-align:top;}
.search_wrap .srch_btn {width:60px; height:35px; line-height:33px; font-weight:600; font-family:'Nanum Gothic'; color:#fff; border:1px solid #383838; background:#555;}

@media all and (max-width:768px){
.search_wrap {}
.search_wrap p {padding-right:0;}
.search_wrap form {display:block; margin-top:15px;}
}

@media all and (max-width:480px){
.search_wrap .srch_inp {width:70%;} 
.search_wrap .srch_btn {width:25%;}
}



/* 점포안내 목록 */
.store_list {clear:both;}
.store_list .store_item {position:relative; float:left; width:31.875%; margin-top:20px; margin-left:2.1875%; background:#fff;}
.store_list .store_item:nth-child(3n+1) {margin-left:0;}

.store_item {position:relative; background:#fff;}
.store_item .mark {display:block; position:absolute; top:0; left:20px; width:60px; height:59px; color:#fff; background:url('/images/sub02/store_cate.png') no-repeat 0 0; }
.store_item .mark p {display:table; width:60px; height:47px; padding:0 5px;}
.store_item .mark span {display:table-cell; line-height:15px; font-weight:600; font-size:13px; letter-spacing:-0.04em; vertical-align:middle; text-align:center;}
.store_item .img {font-size:0; line-height:0;}
.store_item .img img {width:100%;}
.store_item .info {border:1px solid #ddd; border-top:0;}
.store_item dl {padding:19px 20px 6px;}
.store_item dt {font-size:18px; color:#333;}
.store_item dd {padding:10px 0;}
.store_item dd ul li {padding-left:10px; color:#666; line-height:22px; letter-spacing:-0.04em; background:url('/images/common/bl_1_3.png') no-repeat 0 center;}
.store_item dd ul li span {font-weight:600; color:#333;}
.store_item .more {display:block; height:44px; line-height:44px; font-weight:600; font-size:16px; color:#333; border-top:1px solid #ddd; background:#efefef; text-align:center;}

@media all and (max-width:768px){
.store_list .store_item {width:49%; margin-left:2%;}
.store_list .store_item:nth-child(3n+1)  {margin-left:2%;}
.store_list .store_item:nth-child(2n+1) {margin-left:0;}
}

@media all and (max-width:480px){
.store_list .store_item {width:100%; margin-left:0 !important;}
}



/* 점포안내 보기 */
.store_view .info {overflow:hidden;}
.store_view .info > p,
.store_view .info > ul {float:left; width:48%; margin-left:4%;}
.store_view .info > p {margin-left:0;}
.store_view .info > p > img {width:100%;}
.store_view .info > ul {border-top:3px solid #555;}
.store_view .info > ul > li {min-height:40px; line-height:22px; padding:8px 10px 10px 10px; border-bottom:1px solid #ececea; overflow:hidden;}
.store_view .info > ul > li span {display:block; float:left;}
.store_view .info > ul > li .tit {width:30%; padding-left:10px; font-weight:600; font-size:15px; color:#333; background:url('/images/common/bl_1_1.png') no-repeat 0 10px;}
.store_view .info > ul > li .ctn {width:70%; color:#555;}

.store_view .photo {overflow:hidden;}
.store_view .photo > li {float:left; width:48%; margin-left:4%;}
.store_view .photo > li:first-child {margin-left:0;}
.store_view .photo > li img {width:100%;}

.store_view .map {padding:60px 11.25%; border:1px solid #dcdad3; background:#f8f6f1; overflow:hidden; text-align:center;}
.store_view .map img {width:100%; max-width:746px;}
.store_view .whole_view {display:none;}

@media all and (max-width:768px){
.store_view .info > p,
.store_view .info > ul {float:none; width:100%; margin-left:0;}
.store_view .info > ul {margin-top:15px;}
}

@media all and (max-width:480px){
.store_view .map {padding:25px;}
.store_view .whole_view {display:block; width:150px; height:40px; line-height:40px; font-weight:600; color:#fff; border-radius:6px; background:#ed5d54; text-align:center;}
#roadview {display:none;}
}



/* 안내도 목록 */
.map_head {padding:30px 0 13px; background:url('/images/sub02/map_bg.png') no-repeat 0 bottom; border-bottom:5px solid #666;}
.map_head p {padding-left:153px; font-size:25px; color:#333; letter-spacing:-0.04em;}
.map_head p span {font-weight:600;}
.map_head .cate {padding-left:153px; margin-top:25px;}

/*로드맵*/
#roadview {position:relative; width:960px; height:664px; border-bottom:5px solid #666; overflow:hidden;}
#roadmap_cover {display:none; position:relative; width:960px; height:664px; border:5px solid #666; border-top:0; overflow:hidden;}
#roadmap_cover img.allmini {position:absolute; top:36px; left:36px; z-index:90;}
#roadmap_hidden {position:absolute; top:-864px; left:-2335px; width:5335px; height:2264px; overflow:hidden; text-align:left;}
#roadmap_hidden .roadmap img {vertical-align:middle;}
div.roadmap {position:absolute; width:2800px; height:1400px; cursor:move;}
.layer {display:none; position:absolute; top:0; left:50%; width:100%; height:100%; margin-left:-50%; z-index:91;}
.layer .mask {position:absolute; top:0; left:0; width:100%; height:100%; z-index:92; background:rgba(0,0,0,0.6);}

.layer .layer_view {position:relative; margin-left:19.999%;} /* margin-top:1367px;  */
.layer .layer_cont {position:absolute; bottom:0; left:50%; z-index:93; width:306px; height:406px; margin-left:-153px;}
.layer .layer_close {display:block; position:absolute; z-index:94; bottom:370px; left:50%; width:50px; height:30px; margin-left:110px; color:#fff;}


@media all and (min-width:769px){
.map_head {height:166px;}
}

@media all and (max-width:768px){
.map_head {padding:0 0 5px; background-size:100px 108px;}
.map_head p {padding:0; font-size:20px; line-height:26px; text-align:center;}
.map_head .cate {padding-left:120px; margin-top:20px;}
}

@media all and (max-width:480px){
.map_head {background:none; /*background-size:70px 76px;*/}
.map_head p {padding:0 15px; font-size:16px; line-height:22px;}
.map_head .cate {padding-left:0;}
}



/* 안내도 보기 */
.map_view {position:relative;}
.map_view .map_head {overflow:hidden; margin-bottom:10px;}
.map_view .bt_map {float:left; display:block; width:146px; height:45px; border:1px solid #464646; background:#555; text-align:center;}
.map_view .bt_map span {display:inline-block; padding-left:25px; line-height:43px; font-weight:600; font-size:17px; color:#fff; background:url('/images/sub02/ico_map.png') no-repeat 0 center;}
.map_view .refer {float:right; font-size:15px}
.map_view .map_detail {clear:both;  border:2px solid #464646; font-size:0; line-height:0;}
.map_view .map_detail img {width:100%;}
.map_view .map_detail area.on {background:gray; }

.map_view .view {position:absolute; top:145px; left:65px;}
.map_view .store_item {display:none; width:306px; box-shadow:5px 5px 0 rgba(0,0,0,0.3);}

@media all and (max-width:768px){
.map_view .bt_map {float:none;}
.map_view .refer {float:none; padding-top:10px; font-size:14px; line-height:22px;}
.map_view .view { top:105px; left:25px;}
.map_view .store_item {width:240px;}
}

@media all and (max-width:480px){
.map_view .view {position:relative; top:0; left:0; margin-top:10px;}
.map_view .store_item {width:100%;}
}


/* 주차장 및 편의시설 */
.facility .box_st4 {line-height:24px;}
.facility > .pic {margin-top:20px;}
.facility > .pic img {width:100%;}
.facility > .lst {margin-top:25px; border-top:5px solid #666;}
.facility > .lst > li {padding:25px 0; overflow:hidden; border-bottom:1px dashed #ccc;}
.facility > .lst > li > p {float:left; width:31.25%;}
.facility > .lst > li > p > img {width:100%; max-width:300px;}
.facility > .lst > li > dl {float:left; width:65.625%; margin-left:3.125%;}
.facility > .lst > li dt {font-weight:600; font-size:15px; line-height:28px;}
.facility > .lst > li dt > span {display:block; float:left; width:28px; height:28px; margin-right:7px; font-weight:600; font-size:17px; line-height:20px; border:4px solid #ff8035; border-radius:50%; text-align:center; vertical-align:middle;}
.facility > .lst > li.lst_01 dt > span {color:#c75252; border-color:#c75252;}
.facility > .lst > li.lst_02 dt > span {color:#e9ae2b; border-color:#e9ae2b;}
.facility > .lst > li.lst_03 dt > span {color:#699b37; border-color:#699b37;}
.facility > .lst > li.lst_04 dt > span {color:#358791; border-color:#358791;}
.facility > .lst > li.lst_05 dt > span {color:#ca56a7; border-color:#ca56a7;}
.facility > .lst > li.lst_07 dt > span {color:#072270; border-color:#072270;}
.facility > .lst > li dd {padding-left:35px; line-height:24px;}
.facility > .lst > li dd ul {margin-top:1px;}
.facility > .lst > li dd li {line-height:24px;}
.facility > .lst > li.lst_05 dd p {margin-bottom:10px;}
.facility > .lst > li.lst_05 dd .btn {border-color:#a01d6d; background-color:#ca56a7;}
.facility > .lst > li.lst_05 dd .btn:hover {color:#fff;}

@media all and (max-width:480px){
.facility > .lst > li > p {float:none; width:100%;}
.facility > .lst > li > p > img {max-width:100%;}
.facility > .lst > li > dl {float:none; width:100%; margin-top:15px; margin-left:0;}
.facility > .lst > li dd {letter-spacing:-0.04em;}
}



#map_wrap {display:block; }
#map_wrap_m {display:none; }
@media all and (max-width:768px){
	#map_wrap {display:none; }
	#map_wrap_m {display:block; }
	#map_wrap_m img{ width:100%; }
}

@media all and (max-width:480px){
	#map_wrap {display:none; }
	#map_wrap_m {display:block; }
	#map_wrap_m img{ width:100%; }
}