@charset "utf-8";

/*@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");*/
@import url('/new/common/css/notosanskr.css');
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:100;
 src: url('font/NotoSans-Light.eot');
 src: local(※), url('font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
   url('font/NotoSans-Light.woff') format('woff'),
   url('font/NotoSans-Light.otf') format('truetype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:200;
 src: url('font/NotoSans-DemiLight.eot');
 src: local(※), url('font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
   url('font/NotoSans-DemiLight.woff') format('woff'),
   url('font/NotoSans-DemiLight.otf') format('truetype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:400;
 src: url('font/NotoSans-Regular.eot');
 src: local(※), url('font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
   url('font/NotoSans-Regular.woff') format('woff'),
   url('font/NotoSans-Regular.otf') format('truetype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:500;
 src: url('font/NotoSans-Medium.eot');
 src: local(※), url('font/NotoSans-Medium?#iefix') format('embedded-opentype'),
   url('font/NotoSans-Medium.woff') format('woff'),
   url('font/NotoSans-Medium.otf') format('truetype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-weight:700;
 src: url('font/NotoSans-Bold.eot');
 src: local(※), url('font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
   url('font/NotoSans-Bold.woff') format('woff'),
   url('font/NotoSans-Bold.otf') format('truetype');
}​


.weatherWrap *, .weatherWrap *:before, .weatherWrap *:after {box-sizing: border-box; }
.weatherWrap{width:980px; margin:20px auto; border:2px solid #62a9dd; border-radius:10px; overflow:hidden; font-family:Roboto, "Noto Sans KR", "맑은고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; font-weight:400;}
.weatherWrap h1, .weatherWrap h2, .weatherWrap h3, .weatherWrap h4, .weatherWrap h5{font-weight:500;}

.airportNoticeArea{overflow:hidden;}
.airportNotice{overflow:hidden; padding:6px 0 6px 15px; position:relative; border-bottom:1px solid #dddddd;}
.airportNotice h3{float:left; color:#010101; margin-right:15px; height:22px; line-height:22px; font-size:14px;}
.airportNotice .airportNoticeDetail{float:left; width:889px; line-height:22px; background: url('../../img/mainNew/bltBar02.png') no-repeat 0 4px;}
.airportNoticeDetail ul{}
.airportNoticeDetail ul li{height:22px; padding-left:15px;}
.airportNoticeDetail dl{overflow:hidden; font-size:13px;}
.airportNoticeDetail dt{float:left; display:inline-block; color:#000000; margin-right:20px;}
.airportNoticeDetail dd{float:left; display:inline-block; color:#717171; font-weight:400;}
.airportNoticeDetail dd span{display:inline-block;}

#noticeSlider{height:22px; overflow:hidden;}

#noticeSlider .swiper-buttonArea{position:absolute; top:2px; right:0; width:15px; height:20px; z-index:400;}
#noticeSlider .swiper-button-prev{
  background: url("../../img/mainNew/noticeBtnT.png") no-repeat 0 0;
  top:0;
  right: 0px;
  width:14px;
  height:6px;
  left:auto;
  opacity:1;
}

#noticeSlider .swiper-button-next{
 background: url("../../img/mainNew/noticeBtnB.png") no-repeat 0 0;
  width:14px;
  top:12px;
  height:6px;
  right: 0;
  left: auto;
  opacity:1;
}


.weatherArea{overflow:hidden;}
.TempArea{overflow:hidden;}
.weather01{position:relative; float:left; width:349px; height:336px;}

.weatherDate{position:absolute; right:10px; top:10px; font-size:12px; color:#656565;}
.weatherDetail01{float:left; width:110px; margin:30px 16px 0;}

.weatherInfo01{}
.weatherInfoDetail p{font-weight:500; padding:5px 0; text-align:center; border-bottom:1px solid #ebebeb;}
.weatherInfoDetail .weatherZone{font-size:20px; color:#358ed0;}
.weatherInfoDetail .weatherState{font-size:14px; color:#333333;}

.weatherImg{padding:10px 0; text-align:center;}
.weatherImg img{width:34px; height:34px; margin:3px 0;}
.weatherImg span{display:block;}
.weatherImg .weatherTempState{font-size:14px; color:#434343;}
.weatherImg .weatherTemp{font-size:22px; color:#000000; margin-top:3px;}

.weatherTempDetail{overflow:hidden; font-weight:500; border-top:1px solid #ebebeb;}
.weatherTempDetail li{border-bottom:1px solid #ebebeb; padding:4px 0 3px; overflow:hidden;}
.weatherTempDetail li dt{float:left; font-size:12px; color:#696969;}
.weatherTempDetail li dd{float:right; margin-right: 10px;font-size:12px; color:#696969;}

.weatherMap{float:left; width:198px;}
.weatherMap .map{position:relative;width:198px;height:240px;background:url('../../img/mainNew/img_map.gif') no-repeat 0 0; margin:0 auto; margin-top:50px;}
.weatherMap .map li{position:absolute;width:42px;height:42px; background:#fff; border-radius:100%; border:1px solid #ddd; box-shadow: 0 1px 2px rgba(0,0,0,0.2); /*  background:url(../../img/mainNew/bg_box_map.png) no-repeat 0 0 */}
.weatherMap .map li a{display:block;height:42px; margin-top:2px; text-align:center;}
.weatherMap .map li span{display:block;height:24px;text-indent:-5000px}
.weatherMap .map li strong{display:block; font-weight:400; margin-top:-2px; font-size:10px; color:#000;/*  background:url(../../img/mainNew/txt_name.png) no-repeat 0 0; text-indent:-5000px */}
.weatherMap .map li.i01{top:14px;left:7px}
.weatherMap .map li.i02{top:0;left:52px}
.weatherMap .map li.i03{top:9px;left:136px}
.weatherMap .map li.i04{top:33px;left:94px}
.weatherMap .map li.i05{top:62px;left:51px}
.weatherMap .map li.i06{top:73px;left:150px}
.weatherMap .map li.i07{top:92px;left:110px}
.weatherMap .map li.i08{top:110px;left:48px}
.weatherMap .map li.i09{top:120px;right:0}
.weatherMap .map li.i10{top:137px;left:0}
.weatherMap .map li.i11{top:137px;left:93px}
.weatherMap .map li.i12{top:157px;left:51px}
.weatherMap .map li.i13{top:163px;left:134px}
.weatherMap .map li.i14{left:9px;bottom:0}
.weatherMap .map li.i15{top:92px;left:3px;}

.weatherMap .map .type1{background:url(../../img/mainNew/icon_type1.png) no-repeat 50% 50%}
.weatherMap .map .type2{background:url(../../img/mainNew/icon_type2.png) no-repeat 50% 50%}
.weatherMap .map .type3{background:url(../../img/mainNew/icon_type3.png) no-repeat 50% 50%}


.weatherMap .map .wicon{background:url(../../img/wicon/28x28/w_ico_00.gif) no-repeat 50% 50%}
.weatherMap .map .wicon00{background:url(../../img/wicon/28x28/w_ico_00.gif) no-repeat 50% 50%}
.weatherMap .map .wicon01{background:url(../../img/wicon/28x28/w_ico_01.gif) no-repeat 50% 50%}
.weatherMap .map .wicon02{background:url(../../img/wicon/28x28/w_ico_02.gif) no-repeat 50% 50%}
.weatherMap .map .wicon03{background:url(../../img/wicon/28x28/w_ico_03.gif) no-repeat 50% 50%}
.weatherMap .map .wicon04{background:url(../../img/wicon/28x28/w_ico_04.gif) no-repeat 50% 50%}
.weatherMap .map .wicon05{background:url(../../img/wicon/28x28/w_ico_05.gif) no-repeat 50% 50%}
.weatherMap .map .wicon06{background:url(../../img/wicon/28x28/w_ico_06.gif) no-repeat 50% 50%}
.weatherMap .map .wicon07{background:url(../../img/wicon/28x28/w_ico_07.gif) no-repeat 50% 50%}
.weatherMap .map .wicon08{background:url(../../img/wicon/28x28/w_ico_08.gif) no-repeat 50% 50%}
.weatherMap .map .wicon09{background:url(../../img/wicon/28x28/w_ico_09.gif) no-repeat 50% 50%}
.weatherMap .map .wicon10{background:url(../../img/wicon/28x28/w_ico_10.gif) no-repeat 50% 50%}
.weatherMap .map .wicon11{background:url(../../img/wicon/28x28/w_ico_11.gif) no-repeat 50% 50%}
.weatherMap .map .wicon12{background:url(../../img/wicon/28x28/w_ico_12.gif) no-repeat 50% 50%}
.weatherMap .map .wicon13{background:url(../../img/wicon/28x28/w_ico_13.gif) no-repeat 50% 50%}
.weatherMap .map .wicon14{background:url(../../img/wicon/28x28/w_ico_14.gif) no-repeat 50% 50%}
.weatherMap .map .wicon15{background:url(../../img/wicon/28x28/w_ico_15.gif) no-repeat 50% 50%}
.weatherMap .map .wicon16{background:url(../../img/wicon/28x28/w_ico_16.gif) no-repeat 50% 50%}
.weatherMap .map .wicon17{background:url(../../img/wicon/28x28/w_ico_17.gif) no-repeat 50% 50%}
.weatherMap .map .wicon18{background:url(../../img/wicon/28x28/w_ico_18.gif) no-repeat 50% 50%}
.weatherMap .map .wicon19{background:url(../../img/wicon/28x28/w_ico_19.gif) no-repeat 50% 50%}
.weatherMap .map .wicon20{background:url(../../img/wicon/28x28/w_ico_20.gif) no-repeat 50% 50%}
.weatherMap .map .wicon99{background:url(../../img/wicon/28x28/w_ico_99.gif) no-repeat 50% 50%}

.weatherMap .map .mtph{background:url(../../img/wicon/mtph/mtph15.png) no-repeat 50% 50%}
.weatherMap .map .mtph01{background:url(../../img/wicon/mtph/mtph01.png) no-repeat 50% 50%}
.weatherMap .map .mtph02{background:url(../../img/wicon/mtph/mtph02.png) no-repeat 50% 50%}
.weatherMap .map .mtph03{background:url(../../img/wicon/mtph/mtph03.png) no-repeat 50% 50%}
.weatherMap .map .mtph04{background:url(../../img/wicon/mtph/mtph04.png) no-repeat 50% 50%}
.weatherMap .map .mtph05{background:url(../../img/wicon/mtph/mtph05.png) no-repeat 50% 50%}
.weatherMap .map .mtph06{background:url(../../img/wicon/mtph/mtph06.png) no-repeat 50% 50%}
.weatherMap .map .mtph07{background:url(../../img/wicon/mtph/mtph07.png) no-repeat 50% 50%}
.weatherMap .map .mtph08{background:url(../../img/wicon/mtph/mtph08.png) no-repeat 50% 50%}
.weatherMap .map .mtph09{background:url(../../img/wicon/mtph/mtph09.png) no-repeat 50% 50%}
.weatherMap .map .mtph10{background:url(../../img/wicon/mtph/mtph10.png) no-repeat 50% 50%}
.weatherMap .map .mtph11{background:url(../../img/wicon/mtph/mtph11.png) no-repeat 50% 50%}
.weatherMap .map .mtph12{background:url(../../img/wicon/mtph/mtph12.png) no-repeat 50% 50%}
.weatherMap .map .mtph13{background:url(../../img/wicon/mtph/mtph13.png) no-repeat 50% 50%}
.weatherMap .map .mtph14{background:url(../../img/wicon/mtph/mtph14.png) no-repeat 50% 50%}
.weatherMap .map .mtph15{background:url(../../img/wicon/mtph/mtph15.png) no-repeat 50% 50%}
.weatherMap .map .mtph16{background:url(../../img/wicon/mtph/mtph16.png) no-repeat 50% 50%}
.weatherMap .map .mtph17{background:url(../../img/wicon/mtph/mtph17.png) no-repeat 50% 50%}
.weatherMap .map .mtph18{background:url(../../img/wicon/mtph/mtph18.png) no-repeat 50% 50%}
.weatherMap .map .mtph19{background:url(../../img/wicon/mtph/mtph19.png) no-repeat 50% 50%}
.weatherMap .map .mtph20{background:url(../../img/wicon/mtph/mtph20.png) no-repeat 50% 50%}
.weatherMap .map .mtph21{background:url(../../img/wicon/mtph/mtph21.png) no-repeat 50% 50%}
.weatherMap .map .mtph22{background:url(../../img/wicon/mtph/mtph22.png) no-repeat 50% 50%}
.weatherMap .map .mtph23{background:url(../../img/wicon/mtph/mtph23.png) no-repeat 50% 50%}

.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph01{background:url(../../img/wicon/mtph48/mtph01.png) no-repeat 50% 50%;}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph02{background:url(../../img/wicon/mtph48/mtph02.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph03{background:url(../../img/wicon/mtph48/mtph03.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph04{background:url(../../img/wicon/mtph48/mtph04.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph05{background:url(../../img/wicon/mtph48/mtph05.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph06{background:url(../../img/wicon/mtph48/mtph06.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph07{background:url(../../img/wicon/mtph48/mtph07.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph08{background:url(../../img/wicon/mtph48/mtph08.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph09{background:url(../../img/wicon/mtph48/mtph09.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph10{background:url(../../img/wicon/mtph48/mtph10.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph11{background:url(../../img/wicon/mtph48/mtph11.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph12{background:url(../../img/wicon/mtph48/mtph12.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph13{background:url(../../img/wicon/mtph48/mtph13.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph14{background:url(../../img/wicon/mtph48/mtph14.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph15{background:url(../../img/wicon/mtph48/mtph15.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph16{background:url(../../img/wicon/mtph48/mtph16.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph17{background:url(../../img/wicon/mtph48/mtph17.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph18{background:url(../../img/wicon/mtph48/mtph18.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph19{background:url(../../img/wicon/mtph48/mtph19.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph20{background:url(../../img/wicon/mtph48/mtph20.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph21{background:url(../../img/wicon/mtph48/mtph21.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph22{background:url(../../img/wicon/mtph48/mtph22.png) no-repeat 50% 50%}
.weatherDetail01 .weatherInfoDetail .weatherImg span.mtph23{background:url(../../img/wicon/mtph48/mtph23.png) no-repeat 50% 50%}

.weatherDetail01 .weatherInfoDetail .weatherImg span.obs-wwicon{display:inline-block; width:34px; height:34px; margin:3px 0; background-size:105% 105%;}

.worldWeather{border-top:2px solid #62a9dd; padding:10px 16px; overflow:hidden;}
.world01{position:relative; float:left; width:520px;}
.world02{float:left; width:197px; margin:0 15px;}
.world03{float:left; width:200px;}


.world01 h3{float:left; width:138px; color:#2f2f2f; font-size:16px; margin-top:6px;}
.weatherMore{position:absolute; top:30px; left:0; font-size:11px; color:#62a9dd; font-weight:500; padding:2px 22px 0 15px; border:1px solid #62a9dd; border-radius:20px; background:url('../../img/mainNew/moreBtn01.png') no-repeat 85% center;}

.worldWeather .world01 .list{float:left; overflow:hidden; overflow-y:scroll;width:194px;height:84px; padding:0; border:1px solid #dddddd}
.worldWeather .world01 .list ul{padding:4px 0}
.worldWeather .world01 .list ul li{line-height:16px;}
.worldWeather .world01 .list ul li a{display:block;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis; padding-left:6px;}
.worldWeather .world01 .list ul li a:hover,
	.worldWeather .world01 .list ul li a:active,
	.worldWeather .world01 .list ul li.current a {background:#e6f3fd; color:#62a9dd}
.worldWeather .world01 .weather{float:right;}
.worldWeather .world01 .weather .box{float:left; margin-left:3px; position:relative; width:84px; height:84px; background:#f8f8f8; text-align:center}
.worldWeather .world01 .weather .box em{position:absolute;top:3px;left:3px;font-size:11px;color:#8d8d8d}
.worldWeather .world01 .weather .box span{display:block;padding:15px 0 2px}
.worldWeather .world01 .weather .box strong{font-size:11px}

.world02 h3{color:#2f2f2f; font-size:16px; margin-top:6px; margin-bottom:12px;}
.worldWeather .world02 .srh{overflow:hidden;}
.worldWeather .world02 .srh .input_text{float:left; width:148px; height:31px; padding-left:6px; border:2px solid #318dc1; line-height:18px; font-family:Roboto, "Noto Sans KR", "맑은고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial;}
.worldWeather .world02 .srh .input_btn{float:right; width:39px; height:35px; background:#318dc1; color:#ffffff; text-align:center; line-height:35px;}

.worldWeather .world02 .srh_result{
	position:absolute;
	margin-top:0;
	background-color:#FDFDFD;
	border:1px solid #C9C9C9;
	width:195px;
	height:80px;
	overflow-y: scroll;
	display:none;
}
.worldWeather .world02 .srh_result ul li {
	line-height: 17px;
	padding-left:3px;
}
.worldWeather .world02 .srh_result ul li:hover
	,.worldWeather .world02 .srh_result ul li.hover {
	background-color:#E1E1E1;
}
.worldWeather .world02 .srh_result ul li a{
	display: block;
    overflow: hidden;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.worldWeather .world03 .link{margin-top:3px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);}
.worldWeather .world03 .link:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.worldWeather .world03 .link li{float:left; width:49.25%; border:1px solid #ddd; margin-bottom:-1px;}
.worldWeather .world03 .link li:nth-child(odd){margin-right:-1px;}
.worldWeather .world03 .link li a{display:block; text-align:center; line-height:39px; color:#787878;}
.worldWeather .world03 .link li a:hover{color:#000;}


.weather02{position:relative; float:left; width:631px; height:336px; overflow:hidden;}

.slideMark{float:left; width:41px; height:100%; border-left:1px solid #dddddd; border-right:1px solid #dddddd; background:#f6f6f6; text-align:center;}
.slideMark ul{padding-top:120px;}
.slideMark ul li{position:relative; height:36px; line-height:35px; color:#000; font-weight:500;}
.slideMark ul li:after{content:"";clear:both;display:block; position:absolute; right:0; top:0; width:10px; height:1px; background:#d1d1d1;}

.slideWeather{float:left; width:588px; position:relative;}
.slideDetail{height:336px;}
.slideDate{border-bottom:1px solid #dddddd;}
.slideDate span{font-weight:500; color:#000000; line-height:30px; display:inline-block; margin-left:10px;}
.slideUnit{float:left; width:98px; text-align:center;}
.slideTime{height:30px; border-bottom:1px solid #ddd; text-align:center;}
.slideTime span{color:#000000; font-weight:500; display:inline-block; padding:0px 12px; background:#ffffff; border-radius:10px; margin-top:6px;}
.slideTime span.currentTime{color:#ffffff; background:#0679cc;}
.slideUnit ul{padding-top:10px; border-right:1px solid #ddd;}
.slideDetail .slideUnit:last-child ul{border-right:none;}
.slideUnit ul li{position:relative; height:36px; line-height:35px; color:#696969; font-weight:500;}
.slideUnit ul li:first-child{height:48px; line-height:14px; }
.slideUnit ul li span.weatherTempState{display:block; font-size:12px; font-weight:400;}

.slideUnit ul li span.tempTxt{font-size:12px; line-height:15px; display:block; margin-top:3px;}
.windpositionArea{position:relative; width:40px; height:40px; margin:0 auto;}
.windPosition{position:absolute; width:100%; height:100%; text-indent:-500000px; z-index:10}
.blueWind{background:url('../../img/mainNew/winIco01.png') no-repeat center center;}
.redWind{background:url('../../img/mainNew/winIco02.png') no-repeat center center;}
.yellowWind{background:url('../../img/mainNew/winIco03.png') no-repeat center center;}
.airportPosition{position:absolute; width:100%; height:100%; text-indent:-5000px; z-index:9; background:url('../../img/mainNew/airportIco.png') no-repeat center center;}


.redState .slideTime{height:28px; border-top:2px solid #d93307;}
.redState ul{background:#fcf6f6;}

.yellowState .slideTime{height:28px; border-top:2px solid #ffba00;}
.yellowState ul{background:#fffcf0;}

.redTxtOri{display:inline-block; width:55px; border:1px solid #d93307; background:#ffffff; border-radius:10px; color:#d93307;}
.redTxt{display:inline-block; width:55px; border-radius:10px; color:#d93307;}
.yellowTxt{display:inline-block; width:55px; border:1px solid #ffba00; background:#ffffff; border-radius:10px; color:#ffba00;}


.eventSlider .swiper-pagination{text-align:center; left:0;}


.weatherSlider .swiper-buttonArea{position:absolute; top:0px; right:0; width:100px; height:30px; z-index:400;}
.weatherSlider .swiper-button-prev{
  background: url("../../img/mainNew/btnLn.png") no-repeat 0 0;
  top:0;
  right: 26px;
  width:28px;
  height:30px;
  left:auto;
  opacity:1;
}

.weatherSlider .swiper-button-next{
 background: url("../../img/mainNew/btnRn.png") no-repeat 0 0;
  width:27px;
  top:0;
  height:30px;
  right: 0px;
  left: auto;
  opacity:1;
}