@charset "utf-8";

/* -------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
	TYPHOON Channel
	
	new released : October 17, 2011
	update : 

	Copyright(c)WEATHER NEWS INC. ALL RIGHT RESERVED.
----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
  BASIS
------------------------------------------------------------------------------------- */
table.typhoon{}
table.typhoon tbody tr{border-bottom:solid 1px #757d8a;}table.typhoon tbody tr:first-child,table.typhoon tbody tr:last-child{border-bottom:none;}
table.typhoon tbody tr td.ty-position{text-align:center;font-size:18px;font-weight:bold;padding-bottom:0;}
table.typhoon tbody tr td.ty-position-num{text-align:center;font-size:13px;color:#666;padding:0 0 5px 0;}
table.typhoon tbody tr.ty-item td:nth-child(odd){color:#336699;}table.typhoon tbody tr.ty-item td:nth-child(2){border-right:solid 1px #757d8a;}

a.wxrepolink { color:#2e5479;text-decoration: underline; }
a.wxrepolink:active { color:gray }
.cnt-bg-wht {width: 100%; border: none;position:relative;}
.mod_btnlink div p.typh_news{padding:5px 20px;line-height:1.5em; text-align:left;}
.mod_btnlink div p.typh_news span{font-size:12px;}
#typhoon_empty_image {width: 100%; height: 100%; text-align: center; }
#typhoon_no_msg {top: 40%; left: 0; position: absolute; width: 100%; }
.cm-body{white-space: pre-wrap;}
.comment_area{ margin-bottom: 50px;}
.comment_area.hidden {
  height: 15em;
  overflow: hidden;
}
.comment_area.hidden .button.hidden {display: none;}
.comment_area.open .button.open {display: none;}
.comment_area:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.comment_area.hidden:before {
  background: linear-gradient(to bottom, rgba(255,255,255,0)60%, rgba(255,255,255,1) 100%);
}
.comment_area.open:before {
  background-color: transparent;
  
}
.comment_openButton {
  text-align: center;
}
.comment_closeButton{
  text-align: center;

}
.outer_button{
  border:#0c419a solid 1px;
  border-radius: 4px;
  margin:0 auto;
  z-index: 2;
  position: absolute;
  display: block;
  color: #0c419a;
  font-weight: bold;
  width: 50%;
  bottom: -25px;
  font-size:20px;
  margin-bottom: 20px;
  left:25%;
  padding:12px 0;
}