@charset "utf-8";

/************************************************
project : 연합뉴스 국문/다국어 모바일
commnet : 날씨 공통 ui 통합
*************************************************/


/* 날씨 비주얼 - 날씨>메인(.weather-graphic-box) */
.weather-main01{background:url(/m-global/home/v01/img/bg_sunny.png) no-repeat 0 0;background-size:cover;}
.weather-main02{background:url(/m-global/home/v01/img/bg_cloudy.png) no-repeat 0 0;background-size:cover;}
.weather-main03{background:url(/m-global/home/v01/img/bg_rainy.png) no-repeat 0 0;background-size:cover;}
.weather-main04{background:url(/m-global/home/v01/img/bg_snow1.png) no-repeat 0 0;background-size:cover;}

/* 날씨 아이콘 (칼라) - 날씨>메인 탑() */
.mm-img{background:url(/m-global/home/v01/img/icon_mobile_w.png) no-repeat 0 0;background-size:680px;width:70px;height:70px;margin:0 auto;padding-right:6px;display:block;}
.mm-img01{background-position:-30px -874px;}
.mm-img02{background-position:-116px -874px;}
.mm-img03{background-position:-205px -874px;}
.mm-img04{background-position:-293px -874px;}
.mm-img05{background-position:-30px -950px;}
.mm-img06{background-position:-116px -950px;}
.mm-img07{background-position:-205px -953px;}
.mm-img08{background-position:-292px -950px;}
.mm-img09{background-position:-30px -1028px;}
.mm-img10{background-position:-116px -1028px;}
.mm-img11{background-position:-205px -1028px;}
.mm-img12{background-position:-293px -1028px;}
.mm-img13{background-position:-30px -1103px;}
.mm-img14{background-position:-117px -1103px;}
.mm-img15{background-position:-205px -1103px;}
.mm-img16{background-position:-293px -1104px;}
.mm-img17{background-position:-30px -1182px;}
.mm-img18{background-position:-116px -1182px;}
.mm-img19{background-position:-205px -1182px;}
.mm-img20{background-position:-293px -1182px;}
.mm-img21{background-position:-31px -1258px;}
.mm-img22{background-position:-116px -1258px;}

/* 사용 안 함 */
/* html.ko .main-weather-cont .mm-img{background:url(/m-global/home/v01/img/icon_mobile_w.png) no-repeat 0 0;background-size:680px;width:70px;height:70px;margin:0 auto;padding-right:6px;display:inline-block;}
html.ko .main-weather-cont .mm-img01{background-position:-30px -874px;}
html.ko .main-weather-cont .mm-img02{background-position:-116px -874px;}
html.ko .main-weather-cont .mm-img03{background-position:-205px -874px;}
html.ko .main-weather-cont .mm-img04{background-position:-293px -874px;}

html.ko .main-weather-cont .mm-img05{background-position:-30px -950px;}
html.ko .main-weather-cont .mm-img06{background-position:-116px -950px;}
html.ko .main-weather-cont .mm-img07{background-position:-205px -953px;}
html.ko .main-weather-cont .mm-img08{background-position:-292px -950px;}

html.ko .main-weather-cont .mm-img09{background-position:-30px -1028px;}
html.ko .main-weather-cont .mm-img10{background-position:-116px -1028px;}
html.ko .main-weather-cont .mm-img11{background-position:-205px -1028px;}
html.ko .main-weather-cont .mm-img12{background-position:-293px -1028px;}

html.ko .main-weather-cont .mm-img13{background-position:-30px -1103px;}
html.ko .main-weather-cont .mm-img14{background-position:-117px -1103px;}
html.ko .main-weather-cont .mm-img15{background-position:-205px -1103px;}
html.ko .main-weather-cont .mm-img16{background-position:-293px -1104px;}

html.ko .main-weather-cont .mm-img17{background-position:-30px -1182px;}
html.ko .main-weather-cont .mm-img18{background-position:-116px -1182px;}
html.ko .main-weather-cont .mm-img19{background-position:-205px -1182px;}
html.ko .main-weather-cont .mm-img20{background-position:-293px -1182px;}

html.ko .main-weather-cont .mm-img21{background-position:-31px -1258px;}
html.ko .main-weather-cont .mm-img22{background-position:-116px -1258px;} */

/* 내일/모레 탭 날씨 아이콘 */
.cw-img{background:url(/m-global/home/v01/img/icon_mobile_w.png) no-repeat 0 0;background-size:800px;width:140px;height:140px;margin:0 auto;}
.cw-img01{background-position:-50px -30px;}
.cw-img02{background-position:-242px -30px;}
.cw-img03{background-position:-435px -30px;}
.cw-img04{background-position:-627px -30px;}
.cw-img05{background-position:-51px -198px;}
.cw-img06{background-position:-242px -198px;}
.cw-img07{background-position:-435px -204px;}
.cw-img08{background-position:-627px -200px;}
.cw-img09{background-position:-50px -370px;}
.cw-img10{background-position:-242px -370px;}
.cw-img11{background-position:-435px -370px;}
.cw-img12{background-position:-627px -370px;}
.cw-img13{background-position:-50px -530px;}
.cw-img14{background-position:-242px -532px;}
.cw-img15{background-position:-435px -532px;}
.cw-img16{background-position:-627px -534px;}
.cw-img17{background-position:-50px -704px;}
.cw-img18{background-position:-242px -704px;}
.cw-img19{background-position:-435px -704px;}
.cw-img20{background-position:-627px -705px;}
.cw-img21{background-position:-51px -870px;}
.cw-img22{background-position:-240px -870px;}


/* 국문 모바일 날씨 메인 코너용
 * 모바일웹개편버전2019 버전 용 날씨 아이콘 */
[class^="ico-weather-A"]{background:url(/m-global/home/v01/img/icon_mobile_w.png) no-repeat 0 0;background-size:270px;width:48px;height:48px;margin:0 auto;}
.ico-weather-A01{background-position:-17px -10px;}
.ico-weather-A02{background-position:-82px -10px;}
.ico-weather-A03{background-position:-147px -10px;}
.ico-weather-A04{background-position:-212px -10px;}
.ico-weather-A05{background-position:-17px -67px;}
.ico-weather-A06{background-position:-82px -67px;}
.ico-weather-A07{background-position:-147px -67px;}
.ico-weather-A08{background-position:-212px -67px;}
.ico-weather-A09{background-position:-17px -125px;}
.ico-weather-A10{background-position:-82px -125px;}
.ico-weather-A11{background-position:-147px -125px;}
.ico-weather-A12{background-position:-212px -125px;}
.ico-weather-A13{background-position:-17px -180px;}
.ico-weather-A13{background-position:-17px -180px;}
.ico-weather-A14{background-position:-82px -180px;}
.ico-weather-A15{background-position:-147px -180px;}
.ico-weather-A16{background-position:-212px -180px;}
.ico-weather-A17{background-position:-17px -238px;}
.ico-weather-A18{background-position:-82px -238px;}
.ico-weather-A19{background-position:-147px -238px;}
.ico-weather-A20{background-position:-212px -238px;}
.ico-weather-A21{background-position:-17px -294px;}
.ico-weather-A22{background-position:-82px -294px;}

/* 날씨 아이콘 (선) - 날씨>메인(.forest-table) */
.fw-img{width:35px;height:35px;margin:10px auto;background:url(/m-global/home/v01/img/icon_mobile_w.png) no-repeat 0 0;background-size:640px;}
.fw-img01{background-position:-363px -799px;}
.fw-img02{background-position:-401px -799px;}
.fw-img03{background-position:-440px -798px;}
.fw-img04{background-position:-479px -798px;}
.fw-img05{background-position:-363px -836px;}
.fw-img06{background-position:-401px -836px;}
.fw-img07{background-position:-440px -835px;}
.fw-img08{background-position:-479px -835px;}
.fw-img09{background-position:-363px -875px;}
.fw-img10{background-position:-401px -875px;}
.fw-img11{background-position:-440px -875px;}
.fw-img12{background-position:-479px -875px;}
.fw-img13{background-position:-363px -913px;}
.fw-img14{background-position:-401px -913px;}
.fw-img15{background-position:-440px -913px;}
.fw-img16{background-position:-479px -914px;}
.fw-img17{background-position:-363px -955px;}
.fw-img18{background-position:-401px -954px;}
.fw-img19{background-position:-440px -955px;}
.fw-img20{background-position:-479px -955px;}
.fw-img21{background-position:-361px -998px;}
.fw-img22{background-position:-400px -998px;}


/* 풍향 아이콘 (선) - 날씨>메인(.rwhs-area) */
.wind-direction{background:url(/m-global/home/v01/img/ico_weather_m.png?v3) no-repeat 0 0;width:20px;height:25px;margin:0 auto;background-size:250px;}
.wind-direction-w{background-position:-9px -112px;}
.wind-direction-e{background-position:-37px -112px;}
.wind-direction-n{background-position:-67px -112px;}
.wind-direction-s{background-position:-96px -112px;}
.wind-direction-se{background-position:-125px -112px;}
.wind-direction-sw{background-position:-154px -112px;}
.wind-direction-ne{background-position:-184px -112px;}
.wind-direction-nw{background-position:-213px -112px;}

/* 물방울 아이콘 - 날씨>메인(.time-list-bottom) */
.humidity{background:url(/m-global/home/v01/img/ico_weather_m.png?v3) no-repeat -145px -1px;width:15px;height:25px;margin:0 auto;background-size:250px;}

/* 강수량/풍향/습도/일출, 일몰 */
.rwhs-area .rwhs-rainfall>p{background-position:-45px -1px;}
.rwhs-area .rwhs-wind>p{background-position:-68px -1px;}
.rwhs-area .rwhs-humidity>p{background-position:-91px -1px;}
.rwhs-area .rwhs-sunupdown>p{background-position:-112px -1px;}
.rwhs-area .rwhs-sunupdown span{display:inline-block !important;}
/* .rwhs-area .rwhs-rainfall>p{background-position:-45px -2px;}
.rwhs-area .rwhs-wind>p{background-position:-68px -3px;}
.rwhs-area .rwhs-humidity>p{background-position:-91px -2px;}
.rwhs-area .rwhs-sunupdown>p{background-position:-112px -3px;}
.rwhs-area .rwhs-sunupdown span{display:inline-block !important;} */
/* 강수량 / 풍향 / 습도 / 일출일몰 */
/* .rwhs-area ul li:nth-child(1) p{background-position:-45px -1px;}
.rwhs-area ul li:nth-child(2) p{background-position:-68px -1px;}
.rwhs-area ul li:nth-child(3) p{background-position:-91px -1px;}
.rwhs-area ul li:nth-child(4) p{background-position:-112px -1px;} */

/* 날씨 아이콘 (칼라) - 메인(.weather-zone), 날씨>메인(.day10-weather) */
.tw-img{width:36px;height:36px;margin:10px auto 4px auto !important;background:url(/m-global/home/v01/img/icon_mobile_w.png) no-repeat 0 0;background-size:390px;}
.tw-img span{display:none;}
.tw-img01{background-position:-22px -504px;}
.tw-img02{background-position:-72px -504px;}
.tw-img03{background-position:-122px -504px;}
.tw-img04{background-position:-172px -503px;}
.tw-img05{background-position:-21px -547px;}
.tw-img06{background-position:-71px -547px;}
.tw-img07{background-position:-122px -549px;}
.tw-img08{background-position:-172px -547px;}
.tw-img09{background-position:-21px -592px;}
.tw-img10{background-position:-71px -592px;}
.tw-img11{background-position:-122px -592px;}
.tw-img12{background-position:-172px -592px;}
.tw-img13{background-position:-21px -635px;}
.tw-img14{background-position:-71px -635px;}
.tw-img15{background-position:-122px -635px;}
.tw-img16{background-position:-172px -636px;}
.tw-img17{background-position:-21px -680px;}
.tw-img18{background-position:-71px -680px;}
.tw-img19{background-position:-122px -680px;}
.tw-img20{background-position:-172px -680px;}
.tw-img21{background-position:-21px -724px;}
.tw-img22{background-position:-70px -724px;}


/* 날씨 아이콘 (선) - 전국 날씨(.map-area) */
html:not(.ko) .map-area .tw-img{width:28px;height:28px;margin:5px auto 1px auto !important;background:url(/m-global/home/v01/img/icon_mobile_w.png) 0 0 no-repeat;background-size:440px;}
html:not(.ko) .map-area .tw-img01{background-position:-248px -548px;}
html:not(.ko) .map-area .tw-img02{background-position:-274px -548px;}
html:not(.ko) .map-area .tw-img03{background-position:-301px -549px;}
html:not(.ko) .map-area .tw-img04{background-position:-328px -547px}
html:not(.ko) .map-area .tw-img05{background-position:-248px -573px;}
html:not(.ko) .map-area .tw-img06{background-position:-274px -573px;}
html:not(.ko) .map-area .tw-img07{background-position:-301px -573px;}
html:not(.ko) .map-area .tw-img08{background-position:-328px -573px;}
html:not(.ko) .map-area .tw-img09{background-position:-248px -600px;}
html:not(.ko) .map-area .tw-img10{background-position:-274px -600px;}
html:not(.ko) .map-area .tw-img11{background-position:-301px -600px;}
html:not(.ko) .map-area .tw-img12{background-position:-328px -600px;}
html:not(.ko) .map-area .tw-img13{background-position:-248px -626px;}
html:not(.ko) .map-area .tw-img14{background-position:-274px -626px;}
html:not(.ko) .map-area .tw-img15{background-position:-301px -626px;}
html:not(.ko) .map-area .tw-img16{background-position:-328px -626px;}
html:not(.ko) .map-area .tw-img17{background-position:-248px -656px;}
html:not(.ko) .map-area .tw-img18{background-position:-274px -656px;}
html:not(.ko) .map-area .tw-img19{background-position:-301px -656px;}
html:not(.ko) .map-area .tw-img20{background-position:-328px -656px;}
html:not(.ko) .map-area .tw-img21{background-position:-248px -684px;}
html:not(.ko) .map-area .tw-img22{background-position:-273px -684px;}

/* 국문 전국날씨 아이콘 (사용 안 함) */
/* html.ko .map-area .tw-img{background:url(/m-global/home/v01/img/icon_mobile_w.png) no-repeat 0 0;background-size:390px;width:36px;height:36px;margin:5px auto 1px auto !important;}
html.ko .map-area .tw-img01{background-position:-22px -504px;}
html.ko .map-area .tw-img02{background-position:-72px -504px;}
html.ko .map-area .tw-img03{background-position:-122px -504px;}
html.ko .map-area .tw-img04{background-position:-172px -503px;}
html.ko .map-area .tw-img05{background-position:-21px -547px;}
html.ko .map-area .tw-img06{background-position:-71px -547px;}
html.ko .map-area .tw-img07{background-position:-122px -549px;}
html.ko .map-area .tw-img08{background-position:-172px -547px;}
html.ko .map-area .tw-img09{background-position:-21px -592px;}
html.ko .map-area .tw-img10{background-position:-71px -592px;}
html.ko .map-area .tw-img11{background-position:-122px -592px;}
html.ko .map-area .tw-img12{background-position:-172px -592px;}
html.ko .map-area .tw-img13{background-position:-21px -635px;}
html.ko .map-area .tw-img14{background-position:-71px -635px;}
html.ko .map-area .tw-img15{background-position:-122px -635px;}
html.ko .map-area .tw-img16{background-position:-172px -636px;}
html.ko .map-area .tw-img17{background-position:-21px -680px;}
html.ko .map-area .tw-img18{background-position:-71px -680px;}
html.ko .map-area .tw-img19{background-position:-122px -680px;}
html.ko .map-area .tw-img20{background-position:-172px -680px;}
html.ko .map-area .tw-img21{background-position:-21px -724px;}
html.ko .map-area .tw-img22{background-position:-70px -724px;} */