파인SE v11 - 메뉴얼

Korea Maps

공통지도스타일은 한번만 넣어주시면 됩니다.
원본자료는 사내 웹하드 "design_PSDmemu\[자료]전국지도"에 있습니다.

공통스타일

/******************
maps
******************/
.wrap-map {position:relative;border:1px solid #dfdfdf;}
.wrap-map > ul {position:relative;overflow:hidden;width:250px;height:340px;}
.wrap-map > ul > li {position:absolute;font-size:11px;font-family:'dotum';letter-spacing:-0.08em;font-weight:normal;list-style:none;}
.wrap-map > ul > li > a {color:#8f9194;text-shadow:1px 1px 0 #fff;}
.wrap-map > ul > li > a:hover {color:#292728}
.wrap-map > strong {position:absolute;left:1px;top:1px;background-color:#e7316e;color:#fff;font-size:13px;font-family:'Malgun Gothic';padding:5px 8px;line-height:98%;letter-spacing:-0.10em;z-index:1;}
/* 전국 */
.map-all {width:250px;height:340px;}
.map-all > ul {width:250px;height:340px;margin:0;background:url('../images/map-all.png') no-repeat center center;}
/* 서울 */
.map-seoul {width:250px;height:250px;}
.map-seoul > ul {width:250px;height:250px;margin:0;background:url('../images/map-seoul.png') no-repeat center center;}
.map-seoul > ul > li > a {color:#77787b}
/* 부산 */
.map-busan {width:250px;height:250px;}
.map-busan > ul {width:250px;height:250px;margin:0;background:url('../images/map-busan.png') no-repeat center center;}
.map-busan > ul > li > a {color:#77787b}
/* 인천 */
.map-incheon {width:250px;height:250px;}
.map-incheon > ul {width:250px;height:250px;margin:0;background:url('../images/map-incheon.png') no-repeat center center;}
.map-incheon > ul > li > a {color:#77787b}
/* 대구 */
.map-daegu {width:250px;height:250px;}
.map-daegu > ul {width:250px;height:250px;margin:0;background:url('../images/map-daegu.png') no-repeat center center;}
.map-daegu > ul > li > a {color:#77787b}
/* 대전 */
.map-daejeon {width:250px;height:250px;}
.map-daejeon > ul {width:250px;height:250px;margin:0;background:url('../images/map-daejeon.png') no-repeat center center;}
.map-daejeon > ul > li > a {color:#77787b}
/* 울산 */
.map-ulsan {width:250px;height:250px;}
.map-ulsan > ul {width:250px;height:250px;margin:0;background:url('../images/map-ulsan.png') no-repeat center center;}
.map-ulsan > ul > li > a {color:#77787b}
/* 광주 */
.map-gwangju {width:250px;height:250px;}
.map-gwangju > ul {width:250px;height:250px;margin:0;background:url('../images/map-gwangju.png') no-repeat center center;}
.map-gwangju > ul > li > a {color:#77787b}
/* 제주 */
.map-jeju {width:250px;height:250px;}
.map-jeju > ul {width:250px;height:250px;margin:0;background:url('../images/map-jeju.png') no-repeat center center;}
.map-jeju > ul > li > a {color:#77787b}
/* 경기 */
.map-gg {width:250px;height:250px;}
.map-gg > ul {width:250px;height:250px;margin:0;background:url('../images/map-gg.png') no-repeat center center;}
.map-gg > ul > li > a {color:#77787b}
/* 강원 */
.map-gw {width:250px;height:250px;}
.map-gw > ul {width:250px;height:250px;margin:0;background:url('../images/map-gw.png') no-repeat center center;}
.map-gw > ul > li > a {color:#77787b}
/* 경남 */
.map-gn {width:250px;height:250px;}
.map-gn > ul {width:250px;height:250px;margin:0;background:url('../images/map-gn.png') no-repeat center center;}
.map-gn > ul > li > a {color:#77787b}
/* 경북 */
.map-gb {width:250px;height:250px;}
.map-gb > ul {width:250px;height:250px;margin:0;background:url('../images/map-gb.png') no-repeat center center;}
.map-gb > ul > li > a {color:#77787b}
/* 충남 */
.map-cn {width:250px;height:250px;}
.map-cn > ul {width:250px;height:250px;margin:0;background:url('../images/map-cn.png') no-repeat center center;}
.map-cn > ul > li > a {color:#77787b}
/* 충북 */
.map-cb {width:250px;height:250px;}
.map-cb > ul {width:250px;height:250px;margin:0;background:url('../images/map-cb.png') no-repeat center center;}
.map-cb > ul > li > a {color:#77787b}
/* 전남 */
.map-jn {width:250px;height:250px;}
.map-jn > ul {width:250px;height:250px;margin:0;background:url('../images/map-jn.png') no-repeat center center;}
.map-jn > ul > li > a {color:#77787b}
/* 전북 */
.map-jb {width:250px;height:250px;}
.map-jb > ul {width:250px;height:250px;margin:0;background:url('../images/map-jb.png') no-repeat center center;}
.map-jb > ul > li > a {color:#77787b}

ul.map-menu {position:fixed;left:0;top:50px;bottom:0;width:180px;padding:5px 15px;background-color:#f4f4f4;border-right:1px solid #eee;z-index:99999;}
ul.map-menu > li {float:left;width:100%;list-style:none;line-height:36px;}
ul.map-menu > li > a {color:#282828;}

dl.map-box-wrap  {float:left;width:100%;margin-top:20px;}
dl.map-box-wrap dt  {float:left;position:relative;width:250px;}
dl.map-box-wrap dt > a.map-down {position:absolute;left:0;top:255px;width:250px;height:30px;background-color:#70af20;color:#fff;text-align:center;line-height:28px}
dl.map-box-wrap dd {float:right;width:870px;}
dl.map-box-wrap .jh-code {margin:0;}

전국 서울 인천 부산 대구 대전 울산 광주 경기 강원 경북 경남 충북 충남 전북 전남 제주

전국