/* 
@import url(//fonts.googleapis.com/earlyaccess/notosanskannada.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Gothic+A1&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosansthaana.css);
 */
 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
 
/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll;font-size:10px}
body,h1,h2,h3,h4,input,button{font-family:'Noto Sans KR',Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#383d41; font-weight: bold;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

/* 
body,h1,h2,h3,h4,input,button{font-family:'noto sans thaana',Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#383d41}
body,h1,h2,h3,h4,input,button{font-family:'Noto Sans KR',Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#383d41}
 */
/* 
body,h1,h2,h3,h4,input,button{font-family:'Noto Sans Kannada',Helvetica,AppleSDGothicNeo,sans-serif;font-size:14px;color:#383d41}
 */
body{background-color:#f8f8f8;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#222;text-decoration:none}
a:hover{color:#390;text-decoration:underline}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}

.headWrap {	
	float:left;
	width:100%;
}

.headWrap > img {	
	width:100%;
}

.wrapper {
	float:left;
    width:calc(100% - 20px);
	/* Firefox */
    width:-moz-calc(100% - 20px);
	/* WebKit */
    width:-webkit-calc(100% - 20px);
	/* Opera */
    width:-o-calc(100% - 20px);	
	padding:0 10px;
	
}
/* 
.tbWrap {
	float:left;
    width:calc(100% - 20px);
	/* Firefox */
    width:-moz-calc(100% - 20px);
	/* WebKit */
    width:-webkit-calc(100% - 20px);
	/* Opera */
    width:-o-calc(100% - 20px);	
	box-shadow:0 2px 2px 0 rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.08),0 1px 5px 0 rgba(0,0,0,.08);
	border-radius:3px;	
	background:#fff;
	text-align:center;
}
 */
.title {
	width:100%;
	color:#173d50;
	margin-bottom:10px;
}

#LIST_TABLE {
	width:100%;
	background:#fff;
	margin-top:10px;
	text-align: center;
}

#LIST_TABLE tr th {
	background:#E6ECFF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	padding:4px 0;
}

#LIST_TABLE tr td {
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	padding:4px 0;
}

td.last {
	border-right:none;
}

.reservoirName {
	float:left;
    width:calc(100% - 20px);
	/* Firefox */
    width:-moz-calc(100% - 20px);
	/* WebKit */
    width:-webkit-calc(100% - 20px);
	/* Opera */
    width:-o-calc(100% - 20px);	
    color:#666;
    font-weight:bold;
	padding:10px;
	box-shadow:0 2px 2px 0 rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.08),0 1px 5px 0 rgba(0,0,0,.08);
	border-radius:3px;	
	background:#fff;
	text-align:center;
	margin-bottom:10px;	
}


#L_RATE {
	BORDER:1px solid #E1E1E8;
}

#L_RATE tr > th {
	color:#666;
	font-size:13px;
	background:#F7F7F9;
	BORDER-right:1px solid #E1E1E8;
	BORDER-bottom:1px solid #E1E1E8;
	text-align:center;
}

#L_RATE tr > td {
	color:#666;
	font-size:13px;
	BORDER-right:1px solid #E1E1E8;
	BORDER-bottom:1px solid #E1E1E8;
	text-align:center;
}

#L_QOW {
	BORDER:1px solid #E1E1E8;
}

#L_QOW tr > th {
	color:#666;
	font-size:13px;
	background:#F7F7F9;
	BORDER-right:1px solid #E1E1E8;
	BORDER-bottom:1px solid #E1E1E8;
	text-align:center;
}

#L_QOW tr > td {
	color:#666;
	font-size:13px;
	padding:10px 0;
	BORDER-right:1px solid #E1E1E8;
	BORDER-bottom:1px solid #E1E1E8;
	text-align:center;
}

.imgWrap {
	border:1px solid #e1e1e8;
	margin:10px 0;
	text-align:center;
}

.botWrap {  
	float:left;  
	width:calc(100% - 40px);
	/* Firefox */
    width:-moz-calc(100% - 40px);
	/* WebKit */
    width:-webkit-calc(100% - 40px);
	/* Opera */
    width:-o-calc(100% - 40px);	
	padding:25px 20px 10px 20px;
	background:#e8e8ea;
}

.botLogo {
	float:left;
}

.copy {
	float:left;
	width:100%;
	color:#666666;
	font-size:13px;
	padding:10px 0;
	text-align:center;	
}

.btnText {	
	float:right;
	color:#0277bb;
	font-size:13px;
	padding:0 10px;
}

.basicForm {
	height:24px;
	line-height:26px;
	box-sizing:border-box;
	border:1px solid #ddd;
}


.myButton {
	background-color:#ffffff;
	border-radius:1px;
	border:1px solid #6f96cf;
	display:inline-block;
	cursor:pointer;
	color:#4a7fb9;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#f0f0f0;
}
.myButton:active {
	position:relative;
	top:1px;
}