@charset "utf-8";
/*@charset "";*/
/* CSS Document */
/*상단*/
@font-face {
	font-family:'NanumGothic';
	src: url('../fonts/NanumGothic.eot');
	src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/NanumGothic.woff') format('woff'),
			 url('../fonts/NanumGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body, html { font-family: 'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', Dotum; }

#header     {position:relative; width:100%; height:110px; background:url(../images/include/top/top_bg.png); z-index:1;}

/*
.gnb        {float:left; width:100%;  height:39px;}
.fms        {width:1100px; margin:0 auto; text-align:right;  }
.fms ul     {float:right;}
.fms ul li  {float:left; }
*/

.home_bt    {width:58px; height:21px; margin-top:3px;  background:url(../images/include/top/home.png) no-repeat; display:inline-block;}
.login_bt   {width:28px; height:21px; margin-top:3px;  background:url(../images/include/top/top.png) no-repeat -294px -17px; display:inline-block;}
.logout_bt  {width:58px; height:21px; margin-top:3px;  background:url(../images/include/top/logout.png) no-repeat; display:inline-block;}
.top_bar    {width:12px; height:10px; margin-top:10px; background:url(../images/include/top/top.png) no-repeat -282px -17px; display:inline-block;}

.lnb        {float:left; width:100%;  height:110px; background:url(../images/include/top/top_bg.gif); border-bottom:2px solid #008aff;box-shadow:0px -5px 10px 2px #000;}
.lnb div    {width:1100px; height:43px; margin:0 auto;}

.logo       { padding-top:27px; margin-left:22px;}
.logo a     { width:58px;  height:22px;  background:url(../images/include/top/logo.png) no-repeat; display:inline-block; text-indent:-9999px; }

 



#gNavi	    {width:550px;}
#gNavi > li	{float: left;}

#gNavi > li > a {position:absolute;}
#gNavi > li > ul{position:absolute; top:76px; height:30px; line-height:30px; display:none; }
#gNavi > li > ul > li{float:left;}
#gNavi > li > ul > li > a{height:51px; padding:0 20px;}

.gNavi01    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat 0px 0px;    display:inline-block; margin-left:0px;}
.gNavi02    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat -113px 0px; display:inline-block; margin-left:113px;}
.gNavi03    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat -226px 0px; display:inline-block; margin-left:226px;}
.gNavi04    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat -339px 0px; display:inline-block; margin-left:339px;}
.gNavi05    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat -452px 0px; display:inline-block; margin-left:452px;}
.gNavi06    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat -565px 0px; display:inline-block; margin-left:565px;}
.gNavi07    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat -678px 0px; display:inline-block; margin-left:678px;}
.gNavi08    {width:113px; height:75px; background:url(../images/include/top/top_menu.gif) no-repeat -791px 0px; display:inline-block; margin-left:791px;}


#sNavi01	 {height:51px; font-size:14px;}
#sNavi02	 {height:51px; font-size:14px; margin-left:105px;}
#sNavi03	 {height:51px; font-size:14px; margin-left:190px;}
#sNavi04	 {height:51px; font-size:14px; margin-left:300px;}
#sNavi05	 {height:51px; font-size:14px; margin-left:330px;}
#sNavi06	 {height:51px; font-size:14px; margin-left:580px;}
#sNavi07	 {height:51px; font-size:14px; margin-left:700px;}
#sNavi08	 {height:51px; font-size:14px; margin-left:450px;}

/*본문*/
#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;}
/*좌측메뉴*/
#left{float:left; width:200px; height:100%; min-height:100%;  border-right:1px solid #e3e3e3;}
#left ul{float:left; }
#left a{float:left;}
.left_title      {font-size:28px; line-height:28px; font-weight:600; color:#1e83eb; border-bottom:3px solid #1e83eb; letter-spacing:-1px; margin:58px 0 0 0; }

.left_title li   {width:200px; height:81px;  border-bottom:1px solid #e3e3e3; }

.left_menu li  {float:left; width:200px; font-size:16px;  }
.left_menu li a{float:left; width:160px; padding:0 20px; }

.left_menu .on      {padding:15px 0; line-height:22px; background:url(../images/include/left/sub_navigation_minus.png)right 20px no-repeat  #1e83eb ;}
.left_menu .on  a   {color:#fff;}
.left_menu .off     {padding:15px 0; line-height:22px; background:url(../images/include/left/sub_navigation_plus.png)right 20px no-repeat; border-bottom:1px solid #e3e3e3; }
.left_menu .off a   {color:#333;}

.left_menu .off:hover{ background:url(../images/include/left/sub_navigation_plus.png)right 20px no-repeat #f1f1f1; }

.Left_01_02_off a:hover{background:url(../images/include/left/left_01.gif) no-repeat 0px -123px;}
.Left_01_03_off a:hover{background:url(../images/include/left/left_01.gif) no-repeat 0px -164px;}
.Left_01_04_off a:hover{background:url(../images/include/left/left_01.gif) no-repeat 0px -205px;}
.Left_01_05_off a:hover{background:url(../images/include/left/left_01.gif) no-repeat 0px -246px;}


/*하단*/
#footer     {float:left; width:100%; height:64px; background:#fff; border-top:1px solid #ddd;}
#footer div {width:300px; margin: 0 auto; margin-top:20px;}
/*#footer div .f_txt {width:300px; margin:0 auto; font-size:11px; line-height:15px; }
 #footer div .f_txt .address{ width:200px; color:#464646; padding:15px 0; text-align:center;}*/

/*메인*/
#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:128px; 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 .current{width:300px; margin:20px 0 0 0;} 
#container_main .colum_left .current .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 .current .cnt  {width:278px; line-height:20px; border-radius: 0 0 3px 3px;  border:1px solid #cdcdcd; background:#fff; padding:10px;} 
#container_main .colum_left .current .cnt .map    { position:relative; width:278px; height:448px;  border:1px solid #cdcdcd; background:url(../images/main/map_sub.png) #e4f1f7;}
#container_main .colum_left .current .cnt .map div{ position:absolute; width:50px;  height:50px;   border-radius:3px; border:1px solid #cdcdcd; background:#fff; text-align:center;}
#container_main .colum_left .current .cnt .map div span{ width:100%; font-size:11px; text-align:center; display:inline-block; word-spacing:-0.1px;}
#container_main .colum_left .current .cnt .map div img {width:27px;}
#container_main .colum_left .current .cnt .map .seohae{top:45px; left:5px;}
#container_main .colum_left .current .cnt .map .seoul {top:40px; left:60px;}
#container_main .colum_left .current .cnt .map .yeongseo  {top:30px; left:115px;}
#container_main .colum_left .current .cnt .map .yeongdong {top:50px; left:170px;}
#container_main .colum_left .current .cnt .map .chungnam  {top:150px; left:50px;}
#container_main .colum_left .current .cnt .map .chungbuk  {top:130px; left:120px;}
#container_main .colum_left .current .cnt .map .gyeongnam  {top:260px; left:160px;}
#container_main .colum_left .current .cnt .map .gyeongbuk  {top:180px; left:180px;}
#container_main .colum_left .current .cnt .map .chunnam  {top:300px; left:50px;}
#container_main .colum_left .current .cnt .map .chunbuk  {top:220px; left:60px;}
#container_main .colum_left .current .cnt .map .ulleung  {top:40px; left:225px;}
#container_main .colum_left .current .cnt .map .jeju  {top:330px; left:200px;}


#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/main/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_left .picture .title{width:290px; height:40px; line-height:40px; border-radius:3px 3px 0 0; background:#3f7aa8; font-size:16px; font-weight:600; padding-left:10px; color:#FFF; }
#container_main .colum_left .picture .txt  {width:278px; height:128px;  line-height:20px; border-radius: 0 0 3px 3px;  border:1px solid #cdcdcd; background:#fff; padding:10px;} 
*/ 

#container_main .colum_mid  { float:left; width:530px; margin:0 10px; }
#container_main .colum_mid .map    {width:508px; height:558px; border-radius:3px;  border:1px solid #cdcdcd; background:#fff; padding:10px;}
#container_main .colum_mid .map > div { position:relative;width:506px; height:556px; border:1px solid #cdcdcd; background:url(../images/main/map_main.png) #e4f1f7;}

#container_main .colum_mid .map .bt {float:left; width:100%; border-bottom:1px solid #cdcdcd;}
#container_main .colum_mid .map .bt a   {float:left; width:10%; height:32px; line-height:32px; display:inline-block; text-align:center;}
#container_main .colum_mid .map .bt .on {color:#ffffff; font-weight:600; background:url(../images/main/tukboBt_on.gif);}
#container_main .colum_mid .map .bt .off{color:#4e5051; font-weight:600; background:#e3eff6; background:#fff;}

#container_main .colum_mid .map .state div{ position:absolute; width:50px;  height:50px;   border-radius:3px; border:1px solid #cdcdcd; background:#fff; text-align:center; cursor:pointer;}
#container_main .colum_mid .map .state div span{ margin-top:5px;width:100%; font-size:11px; text-align:center; display:inline-block; word-spacing:-0.1px;}
#container_main .colum_mid .map .state div img {width:24px;margin-top:2px;}
#container_main .colum_mid .map .state .z01{top:98px; left:171px;}
#container_main .colum_mid .map .state .z02{top:87px; left:98px;}
#container_main .colum_mid .map .state .z03{top:232px; left:211px;} 
#container_main .colum_mid .map .state .z04{top:308px; left:345px;}
#container_main .colum_mid .map .state .z05{top:419px; left:380px;}
#container_main .colum_mid .map .state .z06{top:408px; left:181px;}
#container_main .colum_mid .map .state .z07{top:283px; left:412px;}
#container_main .colum_mid .map .state .z08{top:349px; left:399px;}
#container_main .colum_mid .map .state .z09{top:425px; left:81px;}
#container_main .colum_mid .map .state .z10{top:197px; left:153px;}
#container_main .colum_mid .map .state .z11{top:186px; left:98px;}
#container_main .colum_mid .map .state .z12{top:487px; left:297px;}
#container_main .colum_mid .map .state .z13{top:290px; left:166px;}
#container_main .colum_mid .map .state .z14{top:129px; left:242px;}
#container_main .colum_mid .map .state .z15{top:236px; left:280px;}
#container_main .colum_mid .map .state .z16{top:340px; left:230px;}
#container_main .colum_mid .map .state .z17{top:400px; left:248px;}
#container_main .colum_mid .map .state .z18{top:308px; left:110px;}
#container_main .colum_mid .map .state .z19{top:226px; left:349px;}
#container_main .colum_mid .map .state .z20{top:458px; left:443px;}
#container_main .colum_mid .map .state .z21{top:61px; left:312px;}
#container_main .colum_mid .map .state .z22{top:134px; left:308px;}






#container_main .colum_mid .tukbo    {width:530px; margin:20px 0 0 0;}
#container_main .colum_mid .tukbo .title{width:520px; 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 .tukbo .cnt  {width:508px; height:385px;  line-height:20px; border-radius: 0 0 3px 3px;  border:1px solid #cdcdcd; background:#fff; padding:10px;}
#container_main .colum_mid .tukbo .cnt>table{float:left; width:100%; border-top: 2px solid #1e83eb;}
#container_main .colum_mid .tukbo .cnt>table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
#container_main .colum_mid .tukbo .cnt div  {float:left; width:100%; height:350px; overflow-y:auto; overflow-x:hidden; }
#container_main .colum_mid .tukbo .cnt>div>table{width:100%;}
#container_main .colum_mid .tukbo .cnt>div>table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
#container_main .colum_mid .tukbo .cnt>div>table td{ height:30px;  border:1px solid #d6d6d6; border-top:none !important; text-align:center;}



#container_main .colum_right { float:left; width:250px; }
#container_main .colum_right .spot .title{ float:left; width:240px; 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_right .spot .cnt   { float:left; width:228px; height:985px;  line-height:20px; border-radius: 0 0 3px 3px;  border:1px solid #cdcdcd; background:#fff; padding:10px; }
#container_main .colum_right .spot .cnt h3:first-child{ float:left; margin:0px 0 5px;}
#container_main .colum_right .spot .cnt h3{ float:left; margin:20px 0 5px;}
#container_main .colum_right .spot .cnt>div{ float:left; width:276px; height:250px; border:1px solid #cdcdcd;}


#container_main .colum_right .spot .cnt>table{float:left; width:100%; border-top: 2px solid #1e83eb;}
#container_main .colum_right .spot .cnt>table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
#container_main .colum_right .spot .cnt>table td{ height:30px; border:1px solid #d6d6d6; border-top:none !important; text-align:center;}

#container_main .colum_right .spot .cnt>table td div{ width:190px; margin:0 auto;}
#container_main .colum_right .spot .cnt>table td div ul{ float:left; width:50%; text-align:center;}


#container_main .colum_right .spot .cnt>table td em{ float:left; display:inline-block; font-family:tahoma,sans-serif; font-size:24px; font-weight:bold; color:#333; letter-spacing:-1px; margin:20px 0 0 5px;}
#container_main .colum_right .spot .cnt>table td em span{ display:inline-block; overflow:hidden; width:16px; height:19px; margin-left:2px; background:url(http://static.naver.net/weather/images/bg_dgr.gif) 0 0 no-repeat; text-indent:-9999px;}
#container_main .colum_right .spot .cnt>table td strong{float:left; width:100%; font-size:18px; font-weight:normal; text-align:left;  padding:10px 0 0 5px; }
	
	
	
	
/*aws 정보*/
.aws_data #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.aws_data #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:55px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.aws_data #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb; border-right:1px solid #cecece; padding-right:9px; margin-right:9px;}
.aws_data #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.aws_data #sub_title select{ float:right; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }

.aws_data .cnt      {float:left; width:100%;}
.aws_data .cnt>table{float:left; width:100%; border-top: 2px solid #1e83eb;}
.aws_data .cnt>table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.aws_data .cnt div  {float:left; width:100%; height:365px; overflow-y:auto; overflow-x:hidden; border-bottom:1px solid #d6d6d6; }
.aws_data .cnt>div>table{width:100%;}
.aws_data .cnt>div>table td{ height:30px;  border:1px solid #d6d6d6; border-top:none !important; text-align:center;}

.aws_data .tab           { float:left; width:100%;} 
.aws_data .tab .bt       { float:left; width:100%; border-bottom:2px solid #1e83eb; text-align:center;} 
.aws_data .tab .bt li    { float:left; width:130px; margin-right:2px;}
.aws_data .tab .bt li a  { width:130px; height:45px; font-size:17px; display:block; font-weight:600; line-height:45px; letter-spacing:-1px;}
.aws_data .tab .bt .on a {background:#1e83eb; color:#fff;}
.aws_data .tab .bt .off a{background:#f3f3f3; color:#727272;}

.aws_data .tab .cnt       {float:left; width:848px; height:45px; border:1px solid #e3e3e3;}
.aws_data .tab .cnt span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.aws_data .tab .cnt select{ float:left; width:80px; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.aws_data .tab .cnt a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0 0 20px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;}


/*시계열도*/
.aws_graph #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.aws_graph #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:55px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.aws_graph #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb; border-right:1px solid #cecece; padding-right:9px; margin-right:9px;}
.aws_graph #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.aws_graph #sub_title select{ float:right; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }

.aws_graph .tab           { float:left; width:100%;} 
.aws_graph .tab .bt       { float:left; width:100%; border-bottom:2px solid #1e83eb; text-align:center;} 
.aws_graph .tab .bt li    { float:left; width:130px; margin-right:2px;}
.aws_graph .tab .bt li a  { width:130px; height:45px; font-size:17px; display:block; font-weight:600; line-height:45px; letter-spacing:-1px;}
.aws_graph .tab .bt .on a {background:#1e83eb; color:#fff;}
.aws_graph .tab .bt .off a{background:#f3f3f3; color:#727272;}

.aws_graph .tab .cnt       {float:left; width:848px; height:45px; border:1px solid #e3e3e3;}
.aws_graph .tab .cnt span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.aws_graph .tab .cnt select{ float:left; width:80px; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.aws_graph .tab .cnt a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0 0 20px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;}

.aws_graph .colum_left {float:left;  width:100px;}
.aws_graph .colum_left table{ float:left;  width:100%; border-top: 2px solid #1e83eb; margin-bottom:20px;}
.aws_graph .colum_left table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.aws_graph .colum_left table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}

.aws_graph .colum_right{float:right; width:750px; }

.aws_graph .cnt>.bt     { float:left; width:100%;}
.aws_graph .cnt>.bt a     { float:right; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

/*위험지역 예보*/
.danger #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.danger #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.danger #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px;}
.danger #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.danger .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.danger .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.danger .select select{ float:left; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.danger .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.danger .cnt   {float:left; width:850px;}
.danger .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.danger .cnt table caption{display:none;}
.danger .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.danger .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}
.danger .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;}
.danger .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;}
.danger .cnt p { width:850px; padding:5px 0;} 


/*동네 예보*/
.digital #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.digital #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.digital #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px;}
.digital #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.digital .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.digital .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.digital .select select{ float:left; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.digital .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.digital .cnt   {float:left; width:850px;}
.digital .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.digital .cnt table caption{display:none;}
.digital .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.digital .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}
.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;}
.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;}
.digital .cnt p { width:850px; padding:5px 0;} 


/*동네 예보*/
.week #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.week #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.week #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px;}
.week #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.week .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.week .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.week .select select{ float:left; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.week .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.week .cnt   {float:left; width:850px;}
.week .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.week .cnt table caption{display:none;}
.week .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.week .cnt table td{ height:50px;  border:1px solid #d6d6d6; text-align:center;}
.week .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;}
.week .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;}
.week .cnt p { width:850px; padding:10px 0; line-height:30px;} 

/*기상특보*/
.warning #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.warning #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.warning #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb; border-right:1px solid #cecece; padding-right:9px; margin-right:9px;}
.warning #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}

.warning .cnt   {float:left; width:850px;}
.warning dl     {float:left; width:100%;  border-top: 2px solid #1e83eb;}
.warning dl dt  {float:left; width:838px;  height:30px; background:#f2f2f2; font-weight:600; color:#333; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; line-height:30px; padding-left:10px}
.warning dl dd  {float:left; width:808px; border:1px solid #d6d6d6; text-align:center; padding:20px; text-align:left; line-height:30px;}
.warning dl dd p{float:left; margin-right:20px; }

/*태풍특보*/
.typhoon #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.typhoon #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.typhoon #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb; border-right:1px solid #cecece; padding-right:9px; margin-right:9px;}
.typhoon #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.typhoon .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.typhoon .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.typhoon .select select{ float:left; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.typhoon .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.typhoon .cnt   {float:left; width:850px;}
.typhoon .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.typhoon .cnt table caption{display:none;}
.typhoon .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.typhoon .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}
.typhoon .cnt p { width:850px; text-align:center; margin:30px 0 ;} 


/*레이더정보*/
.rader #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px; }
/*
.rader .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2;  border-radius:2px;}
.rader .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.rader .select select{ float:left; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.rader .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0 0 20px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}
*/
.rader .cnt{float:left; width:828px; text-align:center; border:1px solid #e3e3e3; background:#f2f2f2;  padding:10px; border-radius:2px;}
.rader .cnt div:first-child{float:left; width:786px; border:1px solid #e3e3e3; background:#fff; padding:20px; } 
.rader .cnt div ul{float:left; border-top:2px solid #1e83eb !important;} 
.rader .cnt div ul:first-child{ border:1px solid #e3e3e3; padding:10px;}
.rader .cnt div ul:first-child img{ width:626px;}

.rader .cnt div ul:nth-child(2){ width:137px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.rader .cnt div ul:nth-child(2) h2{ border-bottom:1px solid #e3e3e3; height:48px; line-height:48px; background:#36b4eb; color:#fff; font-weight:600; font-size:16px;}
.rader .cnt div ul:nth-child(2) li{ border-bottom:1px solid #e3e3e3; height:52px; line-height:52px;}
.rader .cnt div ul:nth-child(2) li:nth-child(3){ background:#f2f2f2;}
.rader .cnt div ul:nth-child(2) li:nth-child(5){ background:#f2f2f2;}
.rader .cnt div ul:nth-child(2) li:nth-child(7){ background:#f2f2f2;}
.rader .cnt div ul:nth-child(2) li:nth-child(9){ background:#f2f2f2;}
.rader .cnt div ul:nth-child(2) li:nth-child(11){ background:#f2f2f2;}
.rader .cnt .bt{ position:absolute; margin:280px 0 0 280px; cursor:pointer; }

/*위성정보*/
.satelite #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px; }
.satelite .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.satelite .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.satelite .select select{ float:left; height:30px; padding:5px; margin:8px 0 0 0; border-radius:3px; vertical-align:middle; }
.satelite .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}
.satelite .cnt{float:left; width:828px; text-align:center; border:1px solid #e3e3e3; background:#f2f2f2;  padding:10px; border-radius:2px;}
.satelite .cnt div:first-child{float:left; width:786px; border:1px solid #e3e3e3; background:#fff; padding:20px; } 
.satelite .cnt div ul{float:left; border-top:2px solid #1e83eb !important;} 
.satelite .cnt div ul:first-child{ border:1px solid #e3e3e3; padding:10px; margin-left:50px;}
.satelite .cnt div ul:nth-child(2){ width:137px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.satelite .cnt div ul:nth-child(2) h2{ border-bottom:1px solid #e3e3e3; height:45px; line-height:45px; background:#36b4eb; color:#fff; font-weight:600; font-size:16px;}
.satelite .cnt div ul:nth-child(2) li{ border-bottom:1px solid #e3e3e3; height:48px; line-height:48px;}
.satelite .cnt div ul:nth-child(2) li:nth-child(3){ background:#f2f2f2;}
.satelite .cnt div ul:nth-child(2) li:nth-child(5){ background:#f2f2f2;}
.satelite .cnt div ul:nth-child(2) li:nth-child(7){ background:#f2f2f2;}
.satelite .cnt div ul:nth-child(2) li:nth-child(9){ background:#f2f2f2;}
.satelite .cnt div ul:nth-child(2) li:nth-child(11){ background:#f2f2f2;}
.satelite .cnt .bt{ position:absolute; margin:220px 0 0 270px; cursor:pointer;}

/*보고서*/
.report #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px; }
.report #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.report #sub_title input{float:left; margin:0 10px 0 0;}
.report #sub_title span {float:left; font-size:18px; font-weight:600; color:#1e83eb; border-right:1px solid #cecece; padding-right:9px; margin-right:9px;}

.report .cnt{float:left; width:828px; text-align:center; border:1px solid #e3e3e3; background:#fafafa;  padding:10px; border-radius:2px;}
.report .cnt img{float:left; padding:10px; border:1px solid #e3e3e3; background:#fff; }
.report .cnt div:first-child{float:left; width:806px; border:1px solid #e3e3e3; background:#fff; padding:10px; line-height:30px; text-align:left;}
.report .cnt div:nth-child(2){float:left; width:472px; height:303px;  border:1px solid #e3e3e3; background:#fff; margin:0 0 0 10px; overflow-x:hidden ; overflow-y:auto; padding:10px; line-height:30px; text-align:left;}
.report .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.report .cnt table caption{display:none;}
.report .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.report .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center; background:#fff;}
.report .print  { float:right; margin:8px 0 0 0; vertical-align:middle; }
.report .print a{ float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}


/*지역 통계*/
.area #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.area #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.area #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px; border-right:1px solid #cecece;}
.area #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.area .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.area .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.area .select select{ float:left; height:30px; padding:5px; margin:8px 5px 0 0; border-radius:3px; vertical-align:middle; }
.area .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.area .cnt   {float:left; width:850px;}
.area .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.area .cnt table caption{display:none;}
.area .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.area .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}

/*특점지점 통계*/
.special #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.special #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.special #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px; border-right:1px solid #cecece;}
.special #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.special .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.special .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.special .select select{ float:left; height:30px; padding:5px; margin:8px 5px 0 0; border-radius:3px; vertical-align:middle; }
.special .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.special .cnt   {float:left; width:850px;}
.special .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.special .cnt table caption{display:none;}
.special .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.special .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}


/*년도별 통계*/
.year #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.year #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:0px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.year #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px; border-right:1px solid #cecece;}
.year #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}
.year .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.year .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.year .select select{ float:left; height:30px; padding:5px; margin:8px 5px 0 0; border-radius:3px; vertical-align:middle; }
.year .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

.year .cnt   {float:left; width:850px;}
.year .cnt table{ width:100%; border-top: 2px solid #1e83eb;}
.year .cnt table caption{display:none;}
.year .cnt table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.year .cnt table td{ height:30px;  border:1px solid #d6d6d6; text-align:center;}


/*관측지점 변경| 관리*/
.add #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.add #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:55px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.add #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px;}
.add #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}

.add .tab           { float:left; width:100%;} 
.add .tab .bt       { float:left; width:100%; border-bottom:2px solid #1e83eb; text-align:center;} 
.add .tab .bt li    { float:left; width:130px; margin-right:2px;}
.add .tab .bt li a  { width:130px; height:45px; font-size:17px; display:block; font-weight:600; line-height:45px; letter-spacing:-1px;}
.add .tab .bt .on a {background:#1e83eb; color:#fff;}
.add .tab .bt .off a{background:#f3f3f3; color:#727272;}

.add .select       {float:left; width:848px; height:45px; border:1px solid #e3e3e3; margin-bottom:10px; background:#f2f2f2; border-radius:2px; }
.add .select span  { float:left; font-size:16px; line-height:45px; margin:0 10px  0 20px;}
.add .select select{ float:left; height:30px; padding:5px; margin:8px 5px 0 0; border-radius:3px; vertical-align:middle; }
.add .select input { float:left; width:60px; height:18px; padding:5px; margin:8px 5px 0 0; border-radius:3px; vertical-align:middle; background:#fff; }
.add .select a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 25px 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}


.add .cnt      {float:left; width:100%;}
.add .cnt>table{float:left; width:100%; border-top: 2px solid #1e83eb;}
.add .cnt>table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.add .cnt div:first-child  {float:left; width:100%; height:365px; overflow-y:auto; overflow-x:hidden; border-bottom:1px solid #d6d6d6; }
.add .cnt>div>table{width:100%;}
.add .cnt>div>table td{ height:30px;  border:1px solid #d6d6d6; border-top:none !important; text-align:center;}
.add .cnt>div>table tr:hover{ background:#EEE; cursor:pointer;}
.add .cnt .bt     { float:right;}
.add .cnt .bt a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

/*공지사항 | 팝업관리*/
.popup_admin #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.popup_admin #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:55px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.popup_admin #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px;}
.popup_admin #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}

.popup_admin .cnt      {float:left; width:100%;}
.popup_admin .cnt>table{float:left; width:100%; border-top: 2px solid #1e83eb;}
.popup_admin .cnt>table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.popup_admin .cnt div:first-child  {float:left; width:100%; height:365px; overflow-y:auto; overflow-x:hidden; border-bottom:1px solid #d6d6d6; }
.popup_admin .cnt>table{width:100%;}
.popup_admin .cnt>table td{ height:30px;  border:1px solid #d6d6d6; border-top:none !important; text-align:center; }
.popup_admin .cnt>table tr td{ padding:5px 0;}
.popup_admin .cnt>table tr td select{ float:left; margin-left:5px;}
.popup_admin .cnt>table tr td input { height:20px; line-height:20px;}

.popup_admin .cnt .bt     { float:right;}
.popup_admin .cnt .bt a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}


/*경보조건 설정*/
.warning_setup #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.warning_setup #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:55px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.warning_setup #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px;}
.warning_setup #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}

.warning_setup .cnt      {float:left; width:100%;}
.warning_setup .cnt>table{float:left; width:100%; border-top: 2px solid #1e83eb;}
.warning_setup .cnt>table th{ height:30px; background:#f2f2f2; font-weight:600; color:#333; border:1px solid #d6d6d6;}
.warning_setup .cnt div:first-child  {float:left; width:100%; height:365px; overflow-y:auto; overflow-x:hidden; border-bottom:1px solid #d6d6d6; }
.warning_setup .cnt>table{width:100%;}
.warning_setup .cnt>table td{ height:30px;  border:1px solid #d6d6d6; border-top:none !important; text-align:center;}
.warning_setup .cnt>table tr:nth-child(2) td{ padding:5px 0;}

.warning_setup .cnt .bt     { float:right;}
.warning_setup .cnt .bt a     { float:left; width:92px; height:30px; text-align:center; display:inline-block; font-weight:bold; line-height:26px; margin:8px 0 0 2px; color:#fff; background:#36b4eb; border:1px solid #36b4eb; letter-spacing:-0.2px; font-size:14px;  border-radius:2px;}

/*로그인*/
.login #title{float:left; width:100%;  letter-spacing:-1.5px; margin:22px 0 0px; padding:0 0 20px 0; font-size:30px; font-weight:600; color:#222; line-height:36px; border-bottom:1px solid #e3e3e3; margin-bottom:44px;}
.login #sub_title{float:left; width:100%; margin-bottom:10px; border-bottom:2px solid #f0f0ee; line-height:14px; padding:55px 0 10px; color:#6e6b61; letter-spacing:-0.5px;}
.login #sub_title span:first-child{ float:left; font-size:18px; font-weight:600; color:#1e83eb;  padding-right:9px; margin-right:9px;}
.login #sub_title span:nth-child(2){ float:right;font-size:12px; vertical-align:bottom;}

.login .cnt      {float:left; width:100%;}
.login .cnt .box_login { width:500px; height:165px; padding:16px; border:1px solid #e3e3e3; background:#f8f8f8; margin:0 auto;}
.login .cnt .area_input{ position:relative; float:left; width:430px; padding:33px; border:1px solid #e3e3e3; background:#fff;}
.login .cnt legend{overflow:hidden; width:1px; height:0px; text-indent:-99999px; font-size:0px; line-height:0;}
.login .cnt dt{ float:left; font-size:13px; font-weight:bold; line-height:35px; width:110px; color:000; white-space:nowrap;}
.login .cnt dd{ height:40px;}
.login .cnt dd input  { padding:10px; width:200px; height:13px; line-height:13px;}
.login .cnt .btn_login{ position:absolute;  top:33px;  right:33px; width:90px; height:75px; line-height:75px; margin:0; font-size:16px; border:none; border-radius:5px; background:#36b4eb; color:#fff; font-weight:bold ;border:1px solid #36b4eb; cursor:pointer;}
.login .cnt .find{margin:5px 0 15px 110px;}
.login .cnt .find label{padding:0 0 0 18px; position:relative; display:block; text-align:left;}
.login .cnt .find label input{position:absolute; top:2px; left:0px; width:13px; height:13px;}