@charset "utf-8";

body, html { font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; }

#header     {position:relative; width:100%; height:70px; background:url(); z-index:1;}

.lnb        {float:left; width:100%;  height:70px;  border-bottom:2px solid #008aff;box-shadow:0px -5px 10px 2px #000;}
.lnb div    {width:1100px; height:63px; margin:0 auto; margin-top:15px;}
.lnb div a span {color:#0077b5; font-weight: 800; font-size: 35px;}

/*본문*/
#container {min-height:100%; margin:-127px 0 -65px;}
* html #container { height: 100%;}
#container_area { width:1100px; margin:0 auto; padding:127px 0 65px; }
#container_sub  { float:right; width:850px;  padding:50px 0 50px;}

/*하단*/
#footer     {float:left; width:100%; height:60px; background:#fff; border-top:1px solid #ddd;}
#footer div {text-align:center; margin:20px 0px;; vertical-align: middle;line-height:30px;}

/*메인*/
#container_main {width:1100px; margin:20px auto;}
#container_main .colum_left { float:left; width:300px; }
#container_main .colum_left .special{width:300px;} 
#container_main .colum_left .special .title{width:290px; height:33px; line-height:33px; border-radius:3px 3px 0 0; background:#919db2; font-size:14px; font-weight:600; padding-left:10px; color:#FFF; } 
#container_main .colum_left .special .txt  {width:278px; height:263px; overflow-x:hidden; overflow-y:auto;  line-height:20px; border-radius: 0 0 3px 3px;  border:1px solid #cdcdcd; background:#fff; padding:10px;} 

#container_main .colum_left .picture{width:278px; margin:20px 0; line-height:20px; border-radius:3px;  border:1px solid #cdcdcd; background:#fff; padding:10px;}
#container_main .colum_left .picture  {float:left;}
#container_main .colum_left .picture .bt a   {float:left; width:80px; height:32px; line-height:32px; display:inline-block; text-align:center; margin-right:2px;}
#container_main .colum_left .picture .bt .on {color:#ffffff; font-weight:600; background:url(../images/tabBt_on.gif);}
#container_main .colum_left .picture .bt .off{color:#4e5051; font-weight:600; background:#e3eff6;}
#container_main .colum_left .picture .cnt    {float:left; margin:10px 0 0 0;}
#container_main .colum_left .picture .cnt img { width:278px; display:block;}


#container_main .colum_mid  { float:left; width:780px; margin:0 10px; }
/* 현재날씨 */
#container_main .colum_mid .shko {width:810px; height:120px; border-radius:3px;  border:1px solid #cdcdcd; background:#fff; }
#container_main .colum_mid .shko .title {width:800px; height:33px; line-height:33px; border-radius:3px 3px 0 0; background:#919db2; font-size:14px; font-weight:600; padding-left:10px; color:#FFF; } 
#container_main .colum_mid .shko .cnt   {float:left; width:785px; padding:10px;}
#container_main .colum_mid .shko .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
#container_main .colum_mid .shko .cnt table th{ width:11%; height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
#container_main .colum_mid .shko .cnt table td{ width:11%; height:30px;  border:1px solid #d6d6d6; text-align:center;}

/* 동네예보 */
#container_main .colum_mid .digital {width:810px; height:460px; border-radius:3px;  border:1px solid #cdcdcd; background:#fff; }
#container_main .colum_mid .digital .title {width:800px; height:33px; line-height:33px; border-radius:3px 3px 0 0; background:#919db2; font-size:14px; font-weight:600; padding-left:10px; color:#FFF; } 
#container_main .colum_mid .digital .cnt   {float:left; width:785px; padding:10px;}
#container_main .colum_mid .digital .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
#container_main .colum_mid .digital .cnt table caption{display:none;}
#container_main .colum_mid .digital .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
#container_main .colum_mid .digital .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}
#container_main .colum_mid .digital .cnt table td div:first-child{ position:relative; float:left;  width:25px; height:20px; text-align:center; font-weight:bold; line-height:20px; margin-left:-13px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:11px; border-radius:2px;}
#container_main .colum_mid .digital .cnt table td div:nth-child(2){ position:relative; float:right; width:25px; height:20px; text-align:center; font-weight:bold; line-height:20px; margin-right:-13px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:11px; border-radius:2px;}
#container_main .colum_mid .digital .cnt p { width:850px; padding:5px 0;} 

/*주간 예보*/
#container_main .colum_mid .week {width:810px; height:210px; border-radius:3px;  border:1px solid #cdcdcd; background:#fff; }
#container_main .colum_mid .week .title {width:800px; height:33px; line-height:33px; border-radius:3px 3px 0 0; background:#919db2; font-size:14px; font-weight:600; padding-left:10px; color:#FFF; } 
#container_main .colum_mid .week .cnt   {float:left; width:785px; padding:10px;}
#container_main .colum_mid .week .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
#container_main .colum_mid .week .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
#container_main .colum_mid .week .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}

/* 위험지수 */
#container_main .colum_mid .jisu {width:810px; height:190px; border-radius:3px;  border:1px solid #cdcdcd; background:#fff; }
#container_main .colum_mid .jisu .title {width:800px; height:33px; line-height:33px; border-radius:3px 3px 0 0; background:#919db2; font-size:14px; font-weight:600; padding-left:10px; color:#FFF; } 
#container_main .colum_mid .jisu .cnt   {float:left; width:785px; padding:10px;}
#container_main .colum_mid .jisu .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
#container_main .colum_mid .jisu .cnt table th{ width:11%; height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
#container_main .colum_mid .jisu .cnt table td{ width:11%; height:30px;  border:1px solid #d6d6d6; text-align:center;}

/* 경보지역 */
#container_main .colum_mid .warning {width:810px; height:160px; border-radius:3px;  border:1px solid #cdcdcd; background:#fff; }
#container_main .colum_mid .warning .title {width:800px; height:33px; line-height:33px; border-radius:3px 3px 0 0; background:#919db2; font-size:14px; font-weight:600; padding-left:10px; color:#FFF; } 
#container_main .colum_mid .warning .cnt   {float:left; width:785px; padding:10px;}
#container_main .colum_mid .warning .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
#container_main .colum_mid .warning .cnt table th{ width:11%; height:40px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6; text-align:left; padding-left:10px;}
#container_main .colum_mid .warning .cnt table td{ width:11%; height:30px;  border:1px solid #d6d6d6; text-align:center; line-height:30px;}

/* 특보기준 */
.popup_01{font-size:12px; background-color:#f6f6f6; padding:10px; height:300px;}
.popup_01 li{ position:relative; }

.p01_t{width:583px; height:24px; line-height:24px; font-weight:bold; margin-bottom:10px;}
.p01_t h1{position:relative; float:left; font-size:24px;}
.p01_t  a{position:relative; float:right; height:24px; width:24px; }
.p01_t img{display:block;}

.p01_c{width:583px; height:1120px; font-size:12px; line-height:24px; border:1px solid #999; font-size:12px; background-color:#FFF; padding:10px;}
.p01_c h2{ margin-top:10px;}
.p02_c{width:563px; font-size:12px; line-height:24px; border:1px solid #999; font-size:12px; background-color:#FFF; padding:10px;}
.p02_c h2{ margin-top:10px;}
.level_warning_01{width:563px; font-size:13px; display:block;}
.level_warning_01 td{ height:30px; border:1px solid #cacaca; line-height:20px; padding:5px;}
.level_warning_01_title{ font-weight:bold; text-align:center; background-color:#f0f1f2;}