@charset "utf-8";

/*Korea > Weather*/

.weather-key {float:right; margin-left:10px;}

.area-weekly-type {}
.area-weekly-type ul {border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; overflow:hidden;}
.area-weekly-type ul > li {float:left; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; width:232px; }
.area-weekly-type dl{padding:20px 25px; overflow:hidden;}
.area-weekly-type dl.on {border:3px solid #f68025; padding:17px 19px;}
.area-weekly-type dl > dt {color:#333; font-weight:bold; margin-bottom:10px;}
.area-weekly-type dl > dd.detail-area {float:left; max-width:137px; min-height:40px;}
.area-weekly-type dl > dd.icon-img {float:right;}
.area-weekly-type dl > dd.icon-img > img {height:40px; display:block;}
.area-weekly-type dl > dd > a {display:inline-block; font-size:0.917em; letter-spacing:-0.042em; color:#999; margin-right:4px;}
.area-weekly-type dl > dd > a::before {content:'▪'; margin-right:2px;}
.area-weekly-type dl > dd > a.active {color:#012a58;}

.area-weekly-temperature > h4 {color:#333; font-size:1.083em; margin-bottom:15px;}
.area-weekly-temperature > table.basic th {padding:13px 0; font-size:0.917em;}
.area-weekly-temperature > table.basic th > span {font-weight:normal; }
.area-weekly-temperature > table.basic td {font-size:0.917em; background-color:#f5f5f5; font-weight:bold;}
.area-weekly-temperature > table.basic td > strong {display:block; color:#333; margin-bottom:15px;}
.area-weekly-temperature > table.basic td > p > em {font-weight:normal;}
.area-weekly-temperature > table.basic td > .high > em {color:#f68025;}
.area-weekly-temperature > table.basic td > .low > em {color:#0b68f5;}

.area-weather { background-color:#eef3f6; overflow:hidden; padding:25px;}
.area-weather > .tab-article {position:relative; float:right; }
.area-weather > .tab-article > h3 {font-size:0; height:0; line-height:0; color:transparent;}
.area-weather > .tab-article > .tab-day {position:absolute; right:0px; bottom:0px; border-left:1px solid #d6d6d7; overflow:hidden; z-index:1;}
.area-weather > .tab-article > .tab-day > li {float:left; border:1px solid #d6d6d7; border-left:none; background:#fff; line-height:1;}
.area-weather > .tab-article > .tab-day > li > a {display:block; padding:8px 10px; font-size:0.917em; color:#666;}
.area-weather > .tab-article > .tab-day > li.on > a {color:#fff; background:#00aeef;}

.area-weather .tab-type {float:left; margin:20px 0 0 20px;}
.area-weather .tab-type > li {width:120px; height:120px; border-radius:50%; background:#eef3f6; text-align:center; border:1px solid #cfd3d6; padding:5px; margin-bottom:20px;}
.area-weather .tab-type > li.on {background:#f68025; border-color:#f68025;}
.area-weather .tab-type > li > a {display:block; border-radius:50%;  border:1px solid transparent; height:118px;}
.area-weather .tab-type > li.on > a {border-color:#fff}
.area-weather .tab-type > li > a > span {display:inline-block; padding-top:75px; color:#333; font-size:1.083em; line-height:1; background-repeat:no-repeat; background-position: center 20px;}
.area-weather .tab-type > li.on > a > span {color:#fff;}
.area-weather .tab-type > li > a > span.weather {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/weather_tab_icon_weather_off.png');}
.area-weather .tab-type > li > a > span.temperature {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/weather_tab_icon_temperature_off.png');}
.area-weather .tab-type > li > a > span.rain {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/weather_tab_icon_rain_off.png');}
.area-weather .tab-type > li.on > a > span.weather {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/weather_tab_icon_weather_on.png');}
.area-weather .tab-type > li.on > a > span.temperature {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/weather_tab_icon_temperature_on.png');}
.area-weather .tab-type > li.on > a > span.rain {background-image:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/weather_tab_icon_rain_on.png');}

.area-weather .area-all {position:relative; width:470px; height:510px; background:url('http://tong.visitkorea.or.kr/img/vk/enu/contents/about/weather_map_bg.jpg') center top no-repeat; }
.area-weather .area-all > ul > li {position:absolute; text-align:center;}
.area-weather .area-all > ul > li > span {display:block; font-size:0.917em; color:#333; }
.area-weather .area-all > ul > li > a {}
.area-weather .area-all > ul > li > a > span {background:#fee0c8; color:#666; padding:2px 3px; font-size:0.917em;}
.area-weather .area-all > ul > li > a > span.text-gary {color:#ff3333;}
.area-weather .area-all > ul > li > a > img {width:26px; height:26px; padding:2px; background:#fff; border:1px solid #ccc;}

.area-weather .area-all > ul > li.ulleungdo_dokdo {left:360px; top:73px;}
.area-weather .area-all > ul > li.seoul { left:150px; top:65px;}
.area-weather .area-all > ul > li.incheon {  left:70px; top:50px;}
.area-weather .area-all > ul > li.suwon {left:150px; top:120px;}
.area-weather .area-all > ul > li.chuncheon {left:210px; top:30px;}
.area-weather .area-all > ul > li.gangneung {left:300px; top:40px;}
.area-weather .area-all > ul > li.seosan {left:70px; top:155px; }
.area-weather .area-all > ul > li.cheongju {left:200px; top:160px; }
.area-weather .area-all > ul > li.andong {left:310px; top:150px;}
.area-weather .area-all > ul > li.daejeon {left:170px; top:210px;}
.area-weather .area-all > ul > li.jeonju {left:130px; top:260px;}
.area-weather .area-all > ul > li.daegu {left:280px; top:240px;}
.area-weather .area-all > ul > li.pohang {left:370px; top:225px;}
.area-weather .area-all > ul > li.ulsan {left:350px; top:290px;}
.area-weather .area-all > ul > li.busan {left:310px; top:320px;}
.area-weather .area-all > ul > li.changwon {left:230px; top:310px;}
.area-weather .area-all > ul > li.yoesu {left:185px; top:380px;}
.area-weather .area-all > ul > li.gwangju {left:130px; top:335px;}
.area-weather .area-all > ul > li.jeju {left:110px; top:460px;}

.tab-article > .area-detail {float:right; width:470px; /* height:500px;  */}
.tab-article > .area-detail > dl {display:none; position:relative; width:470px; height:470px;}
.tab-article > .area-detail > dl > dt {position:absolute; top:45px; left:190px;}
.tab-article > .area-detail > dl > dt > strong {display:block; font-size:1.250em; color:#333;}
.tab-article > .area-detail > dl > dt > span {font-size:0.917em;}
.tab-article > .area-detail > dl > dd.area > ul > li {position:absolute; font-size:0.917em; letter-spacing:-0.083em; color:#1f272e; text-align:center;}
.tab-article > .area-detail > dl > dd.area > ul > li > span {display:block;}
.tab-article > .area-detail > dl > dd.area > ul > li > em {padding:2px 3px; color:#ff3333; background-color:#FEE0CB;}
.tab-article > .area-detail > dl > dd.area > ul > li > img {display:inline-block; width:26px; height:26px; border:1px solid #ccc; background:#fff; padding:2px;}

/* Seoul/Gyeonggi-do/Incheon */
.tab-article > .area-detail > dl > dd.area > ul > li.baengnyeongdo {left:110px; top:227px; }
.tab-article > .area-detail > dl > dd.area > ul > li.ganghwa {left:170px; top:250px; }
.tab-article > .area-detail > dl > dd.area > ul > li.munsan {left:260px; top:220px; }
.tab-article > .area-detail > dl > dd.area > ul > li.dongducheon {left:290px; top:195px; }
.tab-article > .area-detail > dl > dd.area > ul > li.incheon {left:240px; top:275px; }
.tab-article > .area-detail > dl > dd.area > ul > li.seoul {left:295px; top:263px; }
.tab-article > .area-detail > dl > dd.area > ul > li.suwon {left:295px; top:315px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yangpyeong  {left:390px; top:285px; }
.tab-article > .area-detail > dl > dd.area > ul > li.icheon {left:385px; top:345px; }

/* Gangwon-do */
.tab-article > .area-detail > dl > dd.area > ul > li.cheorwon {left:140px; top:176px; }
.tab-article > .area-detail > dl > dd.area > ul > li.sokcho {left:320px; top:181px;}
.tab-article > .area-detail > dl > dd.area > ul > li.inje  {left:290px; top:216px;}
.tab-article > .area-detail > dl > dd.area > ul > li.chuncheon {left:200px; top:254px;}
.tab-article > .area-detail > dl > dd.area > ul > li.gangneung  {left:350px; top:226px;}
.tab-article > .area-detail > dl > dd.area > ul > li.hongcheon  {left:250px; top:296px;}
.tab-article > .area-detail > dl > dd.area > ul > li.daegwallyeong {left:300px; top:270px;}
.tab-article > .area-detail > dl > dd.area > ul > li.donghae  {left:380px; top:296px;}
.tab-article > .area-detail > dl > dd.area > ul > li.wonju  {left:240px; top:361px;}
.tab-article > .area-detail > dl > dd.area > ul > li.yeongwol  {left:310px; top:384px;}
.tab-article > .area-detail > dl > dd.area > ul > li.taebaek  {left:380px; top:381px;}

/* Chungcheongnam-do */
.tab-article > .area-detail > dl > dd.area > ul > li.seosan {left:195px;top:205px; }
.tab-article > .area-detail > dl > dd.area > ul > li.cheonan {left:340px; top:195px;}
.tab-article > .area-detail > dl > dd.area > ul > li.boryeong {left:220px; top:320px; }
.tab-article > .area-detail > dl > dd.area > ul > li.buyeo {left:285px; top:340px; }
.tab-article > .area-detail > dl > dd.area > ul > li.daejeon {left:382px; top:305px; }
.tab-article > .area-detail > dl > dd.area > ul > li.geumsan {left:398px; top:380px; }

/* Chungcheongbuk-do */
.tab-article > .area-detail > dl > dd.area > ul > li.jecheon {left:330px; top:162px; }
.tab-article > .area-detail > dl > dd.area > ul > li.chungju {left:270px; top:175px; }
.tab-article > .area-detail > dl > dd.area > ul > li.cheongju {left:190px; top:265px; }
.tab-article > .area-detail > dl > dd.area > ul > li.boeun  {left:250px; top:305px; }
.tab-article > .area-detail > dl > dd.area > ul > li.chupungnyeong  {left:270px; top:385px; }

/* Jeollabuk-do */
.tab-article > .area-detail > dl > dd.area > ul > li.gunsan {left:190px; top:215px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jeonju {left:270px; top:245px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jangsu {left:360px; top:315px; }
.tab-article > .area-detail > dl > dd.area > ul > li.imsil {left:305px; top:320px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jeongeup {left:220px; top:320px; }
.tab-article > .area-detail > dl > dd.area > ul > li.buan {left:160px; top:305px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gochang {left:150px; top:370px; }
.tab-article > .area-detail > dl > dd.area > ul > li.sunchang {left:260px; top:370px; }
.tab-article > .area-detail > dl > dd.area > ul > li.namwon {left:340px; top:365px; }

/* Jeollanam-do */
.tab-article > .area-detail > dl > dd.area > ul > li.yeonggwang {left:185px;top:185px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gwangju {left:260px; top:210px;}
.tab-article > .area-detail > dl > dd.area > ul > li.suncheon {left:360px; top:245px; }
.tab-article > .area-detail > dl > dd.area > ul > li.boseong {left:322px; top:285px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeosu {left:415px; top:305px; }
.tab-article > .area-detail > dl > dd.area > ul > li.goheung {left:348px; top:354px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jangheung {left:280px; top:315px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gangjin {left:245px; top:345px; }
.tab-article > .area-detail > dl > dd.area > ul > li.wando {left:260px; top:405px; }
.tab-article > .area-detail > dl > dd.area > ul > li.haenam {left:205px; top:385px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jindo {left:150px; top:375px; }
.tab-article > .area-detail > dl > dd.area > ul > li.heuksando {left:110px; top:305px; }

/* Gyeongsangbuk-do */
.tab-article > .area-detail > dl > dd.area > ul > li.uljin {left:360px; top:175px; }
.tab-article > .area-detail > dl > dd.area > ul > li.bonghwa  {left:300px; top:185px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeongju  {left:246px; top:185px; }
.tab-article > .area-detail > dl > dd.area > ul > li.mungyeong {left:170px; top:205px; }
.tab-article > .area-detail > dl > dd.area > ul > li.ulleungdo {left:380px; top:95px; }
.tab-article > .area-detail > dl > dd.area > ul > li.andong {left:275px; top:235px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeongdeok {left:360px; top:245px; }
.tab-article > .area-detail > dl > dd.area > ul > li.uiseong {left:265px; top:285px; }
.tab-article > .area-detail > dl > dd.area > ul > li.sangju {left:180px; top:265px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gumi {left:220px; top:315px; }
.tab-article > .area-detail > dl > dd.area > ul > li.pohang {left:365px; top:320px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeongcheon {left:290px; top:335px; }
.tab-article > .area-detail > dl > dd.area > ul > li.daegu {left:255px; top:375px; }

/* Gyeongsangnam-do*/
.tab-article > .area-detail > dl > dd.area > ul > li.geochang {left:170px; top:175px; }
.tab-article > .area-detail > dl > dd.area > ul > li.hapcheon {left:220px; top:220px; }
.tab-article > .area-detail > dl > dd.area > ul > li.hamyang {left:110px; top:225px;}
.tab-article > .area-detail > dl > dd.area > ul > li.miryang {left:340px; top:225px; }
.tab-article > .area-detail > dl > dd.area > ul > li.ulsan {left:420px; top:210px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yangsan {left:395px; top:255px; }
.tab-article > .area-detail > dl > dd.area > ul > li.busan {left:445px; top:280px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gimhae {left:355px; top:285px; }
.tab-article > .area-detail > dl > dd.area > ul > li.changwon {left:290px; top:295px; }
.tab-article > .area-detail > dl > dd.area > ul > li.uiryeong {left:245px; top:265px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jinju {left:215px; top:305px; }
.tab-article > .area-detail > dl > dd.area > ul > li.sancheong {left:165px; top:265px; }
.tab-article > .area-detail > dl > dd.area > ul > li.namhae {left:190px; top:405px; }
.tab-article > .area-detail > dl > dd.area > ul > li.tongyeong {left:260px; top:385px; }
.tab-article > .area-detail > dl > dd.area > ul > li.geoje {left:335px; top:395px; }

/* Jeju-do*/
.tab-article > .area-detail > dl > dd.area > ul > li.seongsanpo {left:400px; top:230px; }
.tab-article > .area-detail > dl > dd.area > ul > li.seogwipo {left:310px; top:315px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jeju {left:290px; top:215px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gosan {left:150px; top:315px; }

#modalKey > .content-area {padding:10px 20px;}
#modalKey > .content-area > ul {width:457px; overflow:hidden;}
#modalKey > .content-area > ul > li {width:50%; float:left; border-bottom:1px solid #e2e2e2; padding:5px 0;}
#modalKey > .content-area > ul > li > img{width:36px; height:36px; border:1px solid #ccc; background:#fff; padding:2px; vertical-align:middle; margin-right:10px;}



@media screen and ( max-width:1024px){
	.area-weekly-type dl > dd.detail-area {max-width:auto;}
	.area-weekly-type dl {padding:20px 10px;}
	.area-weekly-type dl > dd.detail-area {max-width:auto;}
}


@media screen and ( max-width:767px){

#contents.weather {padding:30px 0;}
#contents.weather > .page-title {padding:0 4% 20px}
#contents.weather > .page-content > h2 {padding: 0 4%}

.area-weekly-type {padding: 0 4%;}
.area-weekly-type ul > li {float:none; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; width:auto; }

.area-weekly-temperature {padding: 0 4%;}
.area-weekly-temperature > table.basic td {font-weight:normal; padding:20px 0;}
.area-weekly-temperature > table.basic td > strong {display:none;}
.area-weekly-temperature > table.basic td > p {display:inline;}
.area-weekly-temperature > table.basic td > p > span {display:none;}
.area-weekly-temperature > table.basic td > .high > em {color:#666;}
.area-weekly-temperature > table.basic td > .high::after {content:'/'; margin-left:4px;}
.area-weekly-temperature > table.basic td > .low > em {color:#666;}

.area-weather {padding:15px 5px;}
.area-weather .tab-type {float:none; margin:0; text-align:center; margin-bottom:25px; }
.area-weather .tab-type > li {display:inline-block; vertical-align:top; width:80px; height:80px;  margin:0 20px;}
.area-weather .tab-type > li > a {display:block; border:1px solid transparent; height:78px;}
.area-weather .tab-type > li.on > a {border-color:#fff}
.area-weather .tab-type > li > a > span {background-size:36px; background-position: center 15px; font-size:0.750em; padding-top:50px; height:100%;}
.area-weather .tab-type > li.on > a > span {color:#fff;}

.area-weather > .tab-article {float:none; height:auto;}

.area-weather .area-all {width:300px; margin:0 auto; background-size:100%; height:420px;}
.area-weather .area-all > ul > li > span {font-size:0.583em; }
.area-weather .area-all > ul > li > a > span {font-size:0.583em;}
.area-weather .area-all > ul > li > a > img {width:20px; height:20px; padding:1px;}
.area-weather .area-all > ul > li.ulleungdo_dokdo {left:250px; top:57px;}
.area-weather .area-all > ul > li.seoul { left:75px; top:52px;}
.area-weather .area-all > ul > li.incheon {  left:10px; top:40px;}
.area-weather .area-all > ul > li.suwon {left:74px; top:97px;}
.area-weather .area-all > ul > li.chuncheon {left:124px; top:24px;}
.area-weather .area-all > ul > li.gangneung {left:194px; top:28px;}
.area-weather .area-all > ul > li.seosan {left:10px; top:127px; }
.area-weather .area-all > ul > li.cheongju {left:120px; top:132px; }
.area-weather .area-all > ul > li.andong {left:208px; top:120px;}
.area-weather .area-all > ul > li.daejeon {left:87px; top:155px;}
.area-weather .area-all > ul > li.jeonju {left:57px; top:215px;}
.area-weather .area-all > ul > li.daegu {left:185px; top:204px;}
.area-weather .area-all > ul > li.pohang {left:258px; top:187px;}
.area-weather .area-all > ul > li.ulsan {left:244px; top:238px;}
.area-weather .area-all > ul > li.busan {left:268px; top:210px;}
.area-weather .area-all > ul > li.changwon {left:144px; top:256px;}
.area-weather .area-all > ul > li.yoesu {left:105px; top:319px;}
.area-weather .area-all > ul > li.gwangju {left:54px; top:265px;}
.area-weather .area-all > ul > li.jeju {left:45px; top:380px;}

.area-weather > .tab-article > .tab-day {position:static; margin:25px 0 0 10px;}

.area-weather {background-color:#eef3f6; }
.tab-article > .area-detail {float:none; width:auto; height:auto;}
.tab-article > .area-detail > dl {position:relative; width:300px; height:300px; margin:0 auto;}
.tab-article > .area-detail > dl > dt {display:none;}
.tab-article > .area-detail > dl > dd.img > img {width:100%;}
.tab-article > .area-detail > dl > dd.area > ul > li {font-size:0.583em; }
.tab-article > .area-detail > dl > dd.area > ul > li > span {display:block; line-height:1;}
.tab-article > .area-detail > dl > dd.area > ul > li > img {display:inline-block; width:20px; height:20px; border:1px solid #ccc; background:#fff; padding:1px;}

/* Seoul/Gyeonggi-do/Incheon */
.tab-article > .area-detail > dl > dd.area > ul > li.baengnyeongdo {left:60px; top:137px; }
.tab-article > .area-detail > dl > dd.area > ul > li.ganghwa {left:106px; top:152px; }
.tab-article > .area-detail > dl > dd.area > ul > li.munsan {left:166px; top:128px; }
.tab-article > .area-detail > dl > dd.area > ul > li.dongducheon {left:185px; top:118px; }
.tab-article > .area-detail > dl > dd.area > ul > li.incheon {left:152px; top:169px; }
.tab-article > .area-detail > dl > dd.area > ul > li.seoul {left:186px; top:164px; }
.tab-article > .area-detail > dl > dd.area > ul > li.suwon {left:179px; top:199px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yangpyeong  {left:244px; top:181px; }
.tab-article > .area-detail > dl > dd.area > ul > li.icheon {left:244px; top:216px; }

/* Gangwon-do */
.tab-article > .area-detail > dl > dd.area > ul > li.cheorwon {left:89px; top:112px;}
.tab-article > .area-detail > dl > dd.area > ul > li.sokcho {left:200px; top:100px;}
.tab-article > .area-detail > dl > dd.area > ul > li.inje  {left:182px; top:131px;}
.tab-article > .area-detail > dl > dd.area > ul > li.chuncheon {left:124px; top:159px;}
.tab-article > .area-detail > dl > dd.area > ul > li.gangneung  {left:212px; top:134px;}
.tab-article > .area-detail > dl > dd.area > ul > li.hongcheon  {left:160px; top:186px;}
.tab-article > .area-detail > dl > dd.area > ul > li.daegwallyeong {left:189px; top:168px;}
.tab-article > .area-detail > dl > dd.area > ul > li.donghae  {left:235px; top:190px;}
.tab-article > .area-detail > dl > dd.area > ul > li.wonju  {left:151px; top:226px;}
.tab-article > .area-detail > dl > dd.area > ul > li.yeongwol  {left:194px; top:244px;}
.tab-article > .area-detail > dl > dd.area > ul > li.taebaek  {left:239px; top:240px;}

/* Chungcheongnam-do */
.tab-article > .area-detail > dl > dd.area > ul > li.seosan {left:117px;top:132px; }
.tab-article > .area-detail > dl > dd.area > ul > li.cheonan {left:207px; top:123px;}
.tab-article > .area-detail > dl > dd.area > ul > li.boryeong {left:220px; top:320px; }
.tab-article > .area-detail > dl > dd.area > ul > li.buyeo {left:180px; top:215px; }
.tab-article > .area-detail > dl > dd.area > ul > li.daejeon {left:240px; top:195px; }
.tab-article > .area-detail > dl > dd.area > ul > li.geumsan {left:249px; top:238px; }

/* Chungcheongbuk-do */
.tab-article > .area-detail > dl > dd.area > ul > li.jecheon {left:207px; top:99px; }
.tab-article > .area-detail > dl > dd.area > ul > li.chungju {left:170px; top:112px; }
.tab-article > .area-detail > dl > dd.area > ul > li.cheongju {left:118px; top:167px; }
.tab-article > .area-detail > dl > dd.area > ul > li.boeun  {left:158px; top:196px; }
.tab-article > .area-detail > dl > dd.area > ul > li.chupungnyeong  {left:160px; top:245px; }

/* Jeollabuk-do */
.tab-article > .area-detail > dl > dd.area > ul > li.gunsan {left:117px; top:132px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jeonju {left:168px; top:154px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jangsu {left:224px; top:193px; }
.tab-article > .area-detail > dl > dd.area > ul > li.imsil {left:185px; top:200px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jeongeup {left:133px; top:203px; }
.tab-article > .area-detail > dl > dd.area > ul > li.buan {left:97px; top:192px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gochang {left:92px; top:233px; }
.tab-article > .area-detail > dl > dd.area > ul > li.sunchang {left:158px; top:237px; }
.tab-article > .area-detail > dl > dd.area > ul > li.namwon {left:210px; top:230px; }

/* Jeollanam-do */
.tab-article > .area-detail > dl > dd.area > ul > li.yeonggwang {left:114px;top:117px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gwangju {left:160px; top:130px;}
.tab-article > .area-detail > dl > dd.area > ul > li.suncheon {left:220px; top:140px; }
.tab-article > .area-detail > dl > dd.area > ul > li.boseong {left:204px; top:172px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeosu {left:270px; top:192px; }
.tab-article > .area-detail > dl > dd.area > ul > li.goheung {left:218px; top:227px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jangheung {left:184px; top:195px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gangjin {left:160px; top:214px; }
.tab-article > .area-detail > dl > dd.area > ul > li.wando {left:164px; top:248px; }
.tab-article > .area-detail > dl > dd.area > ul > li.haenam {left:128px; top:242px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jindo {left:93px; top:230px; }
.tab-article > .area-detail > dl > dd.area > ul > li.heuksando {left:64px; top:192px; }

/* Gyeongsangbuk-do */
.tab-article > .area-detail > dl > dd.area > ul > li.uljin {left:224px; top:110px; }
.tab-article > .area-detail > dl > dd.area > ul > li.bonghwa  {left:186px; top:112px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeongju  {left:151px; top:112px; }
.tab-article > .area-detail > dl > dd.area > ul > li.mungyeong {left:103px; top:130px; }
.tab-article > .area-detail > dl > dd.area > ul > li.ulleungdo {left:239px; top:63px; }
.tab-article > .area-detail > dl > dd.area > ul > li.andong {left:172px; top:148px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeongdeok {left:223px; top:151px; }
.tab-article > .area-detail > dl > dd.area > ul > li.uiseong {left:163px; top:182px; }
.tab-article > .area-detail > dl > dd.area > ul > li.sangju {left:109px; top:167px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gumi {left:135px; top:201px; }
.tab-article > .area-detail > dl > dd.area > ul > li.pohang {left:228px; top:206px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yeongcheon {left:178px; top:217px; }
.tab-article > .area-detail > dl > dd.area > ul > li.daegu {left:155px; top:238px; }

/* Gyeongsangnam-do*/
.tab-article > .area-detail > dl > dd.area > ul > li.geochang {left:100px; top:110px; }
.tab-article > .area-detail > dl > dd.area > ul > li.hapcheon {left:135px; top:137px; }
.tab-article > .area-detail > dl > dd.area > ul > li.hamyang {left:65px; top:183px;}
.tab-article > .area-detail > dl > dd.area > ul > li.miryang {left:210px; top:130px; }
.tab-article > .area-detail > dl > dd.area > ul > li.ulsan {left:266px; top:130px; }
.tab-article > .area-detail > dl > dd.area > ul > li.yangsan {left:234px; top:163px; }
.tab-article > .area-detail > dl > dd.area > ul > li.busan {left:281px; top:180px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gimhae {left:225px; top:196px; }
.tab-article > .area-detail > dl > dd.area > ul > li.changwon {left:187px; top:183px; }
.tab-article > .area-detail > dl > dd.area > ul > li.uiryeong {left:155px; top:171px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jinju {left:132px; top:195px; }
.tab-article > .area-detail > dl > dd.area > ul > li.sancheong {left:99px; top:168px; }
.tab-article > .area-detail > dl > dd.area > ul > li.namhae {left:117px; top:253px; }
.tab-article > .area-detail > dl > dd.area > ul > li.tongyeong {left:160px; top:240px; }
.tab-article > .area-detail > dl > dd.area > ul > li.geoje {left:212px; top:248px; }

/* Jeju-do*/
.tab-article > .area-detail > dl > dd.area > ul > li.seongsanpo {left:201px; top:199px; }
.tab-article > .area-detail > dl > dd.area > ul > li.seogwipo {left:250px; top:145px; }
.tab-article > .area-detail > dl > dd.area > ul > li.jeju {left:190px; top:133px; }
.tab-article > .area-detail > dl > dd.area > ul > li.gosan {left:100px; top:205px; }
.weather-key {margin-right:4%;}
#modalKey > .content-area > ul {width:100%; overflow:hidden;}
#modalKey > .content-area > ul > li {font-size:0.917em;}
#modalKey > .content-area > ul > li > img{width:24px; height:24px;}
}


@media screen and ( max-width:479px){
	.area-weather .tab-type > li {margin:0 4px;}

}