/*0910S*/
.clear{clear: both;height: 0;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

.tab001{ width:100%; font-family: Nanum Gothic; padding:18px 0px; margin-bottom:24px; background:url(../../images/weather/weatherOn/tab001-bg1.jpg) no-repeat left top ; }
.tab001 > .box-L { float:left; margin-right:18px; margin-left: 25px; text-align:center; width: 420px; }
.tab001 > .box-L > img { margin-top:23px; }
.tab001 > .box-L > div.bg{ width: 420px; height: 139px; margin: 14px auto 0 auto; background: url(../../images/weather/weatherOn/tab001-bg2.png) no-repeat left top; }
.tab001 > .box-L > div > p { color:#ffffff; font-size: 15px; margin-top: 11px; }
.tab001 > .box-L > div > p.title { font-size: 22px; color:#bfe9ff; font-weight:bold; padding-top: 20px; }
.tab001 > .box-L > p { color:#ffffff; font-size: 13px; margin-top: 9px; }
.tab001 .box-R{ float:left; width:324px; }
.tab001 .box-R img { width: 324px; height: auto;}

.slider-sub { position:relative; margin-bottom:40px; }
.slider-sub > p { text-align:center; font-weight:bold; font-size: 18px; padding-bottom:11px;margin-bottom:20px; border-bottom:1px solid #556066; }
.slider-sub ul { padding-left:10px;  position: relative;}
/* .slider-sub > ul > li { float: left; margin-right: 10px; margin-bottom: 10px; width: 260px; height: 270px; } */
.slider-sub > ul > li { float: left; margin-right: 10px; margin-bottom: 10px; width: 260px; height: 260px; overflow:hidden;}
/* .slider-sub > ul.hei214 > li{ height:214px; } */
.slider-sub > ul.hei214 > li{ height:202px; }
/* .slider-sub > ul > li > img { width:100%; height:100%; } */
.slider-sub > ul.hei214 > li > a > img { width:100%; height:148px; }
.slider-sub > ul > li > a > img { width:100%; height:100%; }
.slider-sub > ul.no-height > li > a > img {width:100%}
.slider-sub > ul > li > a > p { margin: 10px 0; font-size: 14px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
a.more{ position:absolute; right: 0; top: 5px; }

.title-line{ border-bottom:1px solid #556066; padding-bottom:10px; margin-bottom:10px; }
.title-line p { float:left; font-weight:bold; font-size: 17px; font-family: Nanum Gothic;}
.title-line ul { float:right; }
.title-line ul li { float:left; margin-left:10px; }

.bannerArea-box01 { position:relative; margin-bottom:40px; }
.bannerArea-box01 > p { text-align: center; font-weight: bold; font-size: 18px; padding-bottom: 11px; margin-bottom: 20px; border-bottom: 1px solid #556066; }
.bannerArea-box01 .bannerArea {width:100%; height:260px; }
.bannerArea-box01 .bannerArea:after {content:""; display:block; clear:both;}
.bannerArea-box01 .bannerArea ul.controlArea { position: relative; left: 10px; top: 98px; z-index: 99; }
.bannerArea-box01 .bannerArea ul.controlArea li{ float: left; }
.bannerArea-box01 .bannerArea ul.controlArea li:first-child{margin-left: 0px;}
.bannerArea-box01 .bannerArea ul.controlArea li.controlStop {top:0px; left:0px;}
.bannerArea-box01 .bannerArea ul.controlArea li.controlPlay {top:0px; left:0px; display: none;}
.bannerArea-box01 .bannerArea ul.controlArea li.controlPrev {top:0px; left:0px;}
.bannerArea-box01 .bannerArea ul.controlArea li.controlNext { top: 0px; float: right; margin-right: 20px; }
.bannerArea-box01 .bannerArea ul.controlArea li a {display:block;}
.bannerArea-box01 .bannerArea ul.banner {overflow:hidden;}
/* .bannerArea-box01 .bannerArea ul.banner li {float:left;margin-left:10px; }
.bannerArea-box01 .bannerArea ul.banner li:first-child {margin-left:0px;} */
.bannerArea-box01 .bannerArea ul.banner li {width:260px;height:265px;float:left;margin-left: 10px; }
.bannerArea-box01 .bannerArea ul.banner li > a > img {width:100%;height:100%;}
.bannerArea-box01 .bannerArea ul.banner li.last {margin-right:0;}
.bannerArea-box01 .bannerArea .outerWrap { position:absolute; overflow:hidden; width:100%;height:265px; margin-left:10px; }
.bannerArea-box01 .bannerArea .outerWrap ul.banner { position:relative;  }
.bannerArea-box01 .bannerArea .outerWrap ul.banner a{display:block;width:260px;height:266px;}

.bannerArea-box02 { position:relative; margin-bottom:40px; }
.bannerArea-box02 > p { text-align: center; font-weight: bold; font-size: 18px; padding-bottom: 11px; margin-bottom: 20px; border-bottom: 1px solid #556066; }
.bannerArea-box02 .bannerArea2 {width:100%; height:260px; }
.bannerArea-box02 .bannerArea2:after {content:""; display:block; clear:both;}
.bannerArea-box02 .bannerArea2 ul.controlArea { position: relative; left: 10px; top: 98px; z-index: 99; }
.bannerArea-box02 .bannerArea2 ul.controlArea li{ float: left; }
.bannerArea-box02 .bannerArea2 ul.controlArea li:first-child{margin-left: 0px;}
.bannerArea-box02 .bannerArea2 ul.controlArea li.controlStop {top:0px; left:0px;}
.bannerArea-box02 .bannerArea2 ul.controlArea li.controlPlay {top:0px; left:0px; display: none;}
.bannerArea-box02 .bannerArea2 ul.controlArea li.controlPrev {top:0px; left:0px;}
.bannerArea-box02 .bannerArea2 ul.controlArea li.controlNext { top: 0px; float: right; margin-right: 20px; }
.bannerArea-box02 .bannerArea2 ul.controlArea li a {display:block;}
.bannerArea-box02 .bannerArea2 ul.banner {overflow:hidden;}
.bannerArea-box02 .bannerArea2 ul.banner li {float:left;margin-left:10px; }
.bannerArea-box02 .bannerArea2 ul.banner li:first-child {margin-left:0px;}
.bannerArea-box02 .bannerArea2 ul.banner li.last {margin-right:0;}
.bannerArea-box02 .bannerArea2 .outerWrap { position:absolute; overflow:hidden; width:100%;height:265px; margin-left:10px; }
.bannerArea-box02 .bannerArea2 .outerWrap ul.banner { position:relative;  }
.bannerArea-box02 .bannerArea2 .outerWrap ul.banner a{display:block;width:260px;height:266px;}

.explanation { margin-bottom:30px; border: 1px solid #d7d7d7; width: calc(100% - 106px); padding: 36px 0 36px 106px; }
.explanation.bg01{ background: url(../../images/weather/weatherOn/new01.gif) no-repeat 38px center;  }
.explanation.bg02{ background: url(../../images/weather/weatherOn/new02.gif) no-repeat 38px center; }
.explanation a { color:#1565ae; text-decoration:underline; }

.video-zone{ border:1px solid #d9d9d9; }
.video-box{ height:376px; background:#f5f5f5; padding:10px; }
.video-box .video-m{ width:508px; height:337px; margin: 20px auto 0 auto; }
.text-box{ padding:10px; }
.text-box-L{ float:left; margin-right:10px; height:122px; width:122px; border:1px solid #d9d9d9; }
.text-box-L > p { text-align: center; line-height: 130px; }
.text-box-R{ float: left; width: 640px; height: 101px; overflow: hidden; border: 1px solid #d9d9d9; overflow-y: scroll; padding: 10px; }

/*0910E*/
/*Board paging */
.paging_wrap{position:relative;}
.paging_wrap .paging {clear:both;margin:0 auto;padding-top:16px; text-align:center;width:650px;}
.paging_wrap .paging li {display:inline;margin-right:6px;padding-right:6px;background:url(../../images/board/list_line_bg.gif) no-repeat right 1px;}
.paging_wrap .paging li strong{font-size:1.2em;color:#1874ce;}
.paging_wrap .paging li img {padding-top:2px; vertical-align:middle; margin-top:-4px;}
.paging_wrap .paging li.last_10 {padding-right:0 !important;background:none !important;}
.paging_wrap .paging li.prev {margin-right:2px;padding-right:0 !important;background:none !important;}
.paging_wrap .paging li.next {margin-left:2px;padding-right:0 !important;background:none !important;}
.paging_wrap .paging li.first {margin-right:2px;padding-right:0 !important;background:none !important;}
.paging_wrap .paging li.last {margin:0;padding-right:0 !important;background:none !important;}
.paging_wrap .fr_bn{float:right; background:none;padding-right:0 !important;margin-right:0; position:absolute; right:0; top:15px;}
.paging_wrap .fr_bn2{float:right; background:none;padding-right:0 !important;margin-right:0; position:absolute; right:19px; top:15px;}
.paging li a:active{color:#0958a5; text-decoration: underline;}

.bannerArea-box03 {position:relative; margin-bottom:40px; }
.bannerArea-box03 .bannerArea3 {width:640px; height:640px; }
.bannerArea-box03 .bannerArea3:after {content:""; display:block; clear:both;}
.bannerArea-box03 .bannerArea3 ul.controlArea { position: relative;width:100%; left: 0; top: 275px; z-index: 99; padding-left:0}
.bannerArea-box03 .bannerArea3 ul.controlArea li{ float: left; }
.bannerArea-box03 .bannerArea3 ul.controlArea li:first-child{margin-left: 0px;}
.bannerArea-box03 .bannerArea3 ul.controlArea li.controlStop {top:0px; left:0px;}
.bannerArea-box03 .bannerArea3 ul.controlArea li.controlPlay {top:0px; left:0px; display: none;}
.bannerArea-box03 .bannerArea3 ul.controlArea li.controlPrev {top:0px; left:0px;}
.bannerArea-box03 .bannerArea3 ul.controlArea li.controlNext { top: 0px; float: right; margin-right: 0; }
.bannerArea-box03 .bannerArea3 ul.controlArea li a {display:block;}
.bannerArea-box03 .bannerArea3 ul.banner {overflow:hidden;padding-left:0; width: 2000px;}
.bannerArea-box03 .bannerArea3 ul.banner li { width:640px; height:640px; float:left; margin-left:10px; }
.bannerArea-box03 .bannerArea3 ul.banner li img{ width:100%; height:100%; }
.bannerArea-box03 .bannerArea3 ul.banner li:first-child {margin-left:0px;}
.bannerArea-box03 .bannerArea3 ul.banner li.last {margin-right:0;}
.bannerArea-box03 .bannerArea3 .outerWrap { position:absolute; overflow:hidden; width:640px;height:640px; }
.bannerArea-box03 .bannerArea3 .outerWrap ul.banner { position:relative;  }
.bannerArea-box03 .bannerArea3 .outerWrap ul.banner a{display:block;width:640px;height:640px;}

.popup_mask{display:none;background-color:#000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:45; opacity:0.8}
.popup_wrap{display:none;position:fixed;top:50%;left:50%;width:640px;height:640px;margin:-320px 0 0 -320px;padding:0 0 0 0; z-index:50}
.popup_wrap .popup_cont{position:relative;background-color:#fff;}
.btn_close{display:block;position:absolute;right:-79px;top:0;border:1px solid #838288;border-left:0}