@charset "utf-8";
@import url('style.css');

.top_cites {background-image:url(../images/Cities/gnb01_01/bg_top_cites.gif); background-repeat:repeat-y}
.top_cites h2 {bottom:26px}
.top_seoul {background-image:url(../images/Cities/gnb01_01/top_seoul.jpg)}
.top_incheon {background-image:url(../images/Cities/gnb01_01/top_Incheon.jpg)}
.top_gyeonggi {background-image:url(../images/Cities/gnb01_01/top_Gyeonggi.jpg)}
.top_gyeoungju {background-image:url(../images/Cities/gnb01_01/top_Gyeoungju.jpg)}
.top_jeonju {background-image:url(../images/Cities/gnb01_01/top_Jeonju.jpg)}
.top_gwangju {background-image: url(../images/Cities/gnb01_01/top_Gwangju.jpg)}
.top_daejeon {background-image: url(../images/Cities/gnb01_01/top_Daejeon.jpg)}
.top_daegu {background-image:url(../images/Cities/gnb01_01/top_daegu.jpg)}
.top_gyeongnam {background-image:url(../images/Cities/gnb01_01/top_Gyeongnam.jpg)}
.top_gangwon {background-image:url(../images/Cities/gnb01_01/top_Gangwon.jpg)}
.top_yeosu {background-image:url(../images/Cities/gnb01_01/top_Yeosu.jpg)}
.top_busan {background-image:url(../images/Cities/gnb01_01/top_Busan.jpg)}
.top_jeju {background-image:url(../images/Cities/gnb01_01/top_Jeju.jpg)}

.top_citymap {position:absolute; top:225px; left:464px}
.top_citymap li {display:inline-block; *display:inline; *zoom:1}
.top_citymap li a {display:block; padding:0 2px 0px; width:11px; height:30px}
.top_citymap .on {z-index:10}
.city01 {position:absolute; top:15px; left:65px}
.city02 {position:absolute; top:8px; left:80px}
.city03 {position:absolute; top:12px; left:98px}
.city04 {position:absolute; top:1px; left:125px}
.city05 {position:absolute; top:58px; left:92px}
.city06 {position:absolute; top:80px; left:81px}
.city07 {position:absolute; top:81px; left:130px}
.city08 {position:absolute; top:82px; left:148px}
.city09 {position:absolute; top:108px; left:75px}
.city10 {position:absolute; top:110px; left:118px}
.city11 {position:absolute; top:108px; left:144px}
.city12 {position:absolute; top:135px; left:64px}
.city13 {position:absolute; top:175px; left:68px}

.cityinfo li {display:block; padding-left:7px; text-indent:-5px; line-height:13.5px; font-weight:500; color:#424242; font-size:13px}
.cityinfo em {display:inline-block; *display:inline; *zoom:1; min-width:75px; color:#707070; font-weight:600; font-size:12px}

.ly_cityinfo {display:none; position:absolute; bottom:40px; left:-48px; width:210px; height:186px; padding:10px 0 0; text-align:left; z-index:5}
.ly_cityinfo .cityinfo {margin:0 0 0 10px; padding:7px 0 0}
.ly_cityinfo > p {height:34px; margin-left:10px; font-size:33px; line-height:33px; font-weight:300; color:#eceae7; letter-spacing:-1px; word-spacing:-1px}
.ly_cityinfo > p.name {font-size:28px; line-height:28px}
.ly_cityinfo > span {display:inline-block; position:absolute; bottom:-27px; left:53px; width:32px; height:28px}

.bg_city01 {background:url(../images/Cities/gnb01_01/bg_ly_city01.png) no-repeat 0 0}
.bg_city02 {background:url(../images/Cities/gnb01_01/bg_ly_city02.png) no-repeat 0 0}
.bg_city03 {background:url(../images/Cities/gnb01_01/bg_ly_city03.png) no-repeat 0 0}
.bg_city04 {background:url(../images/Cities/gnb01_01/bg_ly_city04.png) no-repeat 0 0}
.bg_city01 > span {background:url(../images/Cities/gnb01_01/bg_ly_city01.png) no-repeat -53px 100%}
.bg_city02 > span {background:url(../images/Cities/gnb01_01/bg_ly_city02.png) no-repeat -53px 100%}
.bg_city03 > span {background:url(../images/Cities/gnb01_01/bg_ly_city03.png) no-repeat -53px 100%}
.bg_city04 > span {background:url(../images/Cities/gnb01_01/bg_ly_city04.png) no-repeat -53px 100%}

.city_list {margin:0 0 0 -10px; padding-bottom:0; *zoom:1}
.city_list:after {content:""; display:block; clear:both}
.city_list > li {float:left; width:310px; margin:0 0 15px 10px}

.city_img {display:block; position:relative; width:308px; height:282px; padding:1px; background:#b0b0b0}
.city_img .cityinfo {display:none; position:absolute; top:0; left:0; width:275px; height:239px; padding:45px 5px 0 30px; background:url(../images/common/bg_black_50p.png) repeat 0 0; font-size:16px}
.city_img .cityinfo li {color:#f2f1f1; line-height:20px}
.city_img .cityinfo em {min-width:95px; color:#fff}
.city_img .cityinfo em span {font-weight:normal}

.overview_area {float:left; width:700px; padding-bottom:5px}
.overview {margin:-2px 10px 0 10px}
.overview h4 {margin:0 0 3px 0; font-size:14px; font-weight:600; color:#424242}
.overview p {font-weight:500; color:#424242; font-size:13px}
.overview_img {margin:24px 0 15px 18px; *zoom:1}
.overview_img:after {content:""; display:block; clear:both}
.overview_img li {float:left; margin-right:9px}

.snapshot_area {float:right; width:239px}
.snapshot_area .sub_tit {padding-left:13px}
.snapshot_area .cityinfo {margin:1px 0 0 14px}
.snapshot_area .cityinfo li {line-height:18px}

.keyfacts {padding:10px 0 15px; *zoom:1}
.keyfacts:after {content:""; display:block; clear:both}
.keyfacts_list {float:left; width:455px; margin-top:-13px; padding:0 10px; border-left:1px solid #dcdbd9}
.keyfacts_list:first-child {border-left:0; padding-right:0}
.keyfacts_list li {margin-bottom:10px; line-height:18px}
.keyfacts_list li > strong {font-size:14px; font-weight:600; color:#424242}
.keyfacts_list li > p {margin-left:10px; color:#424242; font-size:13px}

.list_active {width:970px; margin-left:-20px; *zoom:1}
.list_active:after {content:""; display:block; clear:both}
.list_active li {position:relative; float:left; width:465px; height:325px; margin:0 0 9px 20px}
.list_active li > a {display:block; height:283px; background-color:#b0b0b0}
.list_active li > p {margin:10px 0 0; font-size:15px; color:#424242; font-weight:600}

.active_detail {display:none; position:absolute; top:0; left:0; width:385px; height:240px; padding:40px 40px 3px; text-align:right; color:#fff; background:url(../images/common/bg_black_50p.png) repeat 0 0;}
.active_detail > p {margin:0 0 20px; text-align:left; font-size:15px; font-weight:500; line-height:21px; letter-spacing:-0.2px}
.active_detail > a {display:inline-block; padding:0 15px 0 0; background:url(../images/common/bu_gnb_arrow_on.png) no-repeat 100% 3px; color:#f3f3f3; text-decoration:underline; line-height:15px}

.lypop_active {display:none}

.activities {position:relative; *z-index:160; *zoom:1}
.activities:after {content:""; display:block; clear:both}