@charset "utf-8";
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100;
  src: url(font/Roboto-Thin.woff2) format('woff2'),
       url(font/Roboto-Thin.woff) format('woff'),
       url(font/Roboto-Thin.otf) format('opentype');
	   }
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;
  src: url(font/Roboto-Light.woff2) format('woff2'),
       url(font/Roboto-Light.woff) format('woff'),
       url(font/Roboto-Light.otf) format('opentype');
	   }
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400;
   src: url(font/Roboto-Regular.woff2) format('woff2'),
        url(font/Roboto-Regular.woff) format('woff'),
        url(font/Roboto-Regular.otf) format('opentype'); 
		}
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500;
   src: url(font/Roboto-Medium.woff2) format('woff2'),
        url(font/Roboto-Medium.woff) format('woff'),
        url(font/Roboto-Medium.otf) format('opentype'); 
		}
@font-face {   font-family: 'Roboto_bold';   font-style: normal;   font-weight: 700;
   src: url(font/Roboto-Bold.woff2) format('woff2'),
        url(font/Roboto-Bold.woff) format('woff'),
        url(font/Roboto-Bold.otf) format('opentype'); 
		}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(fonts/NanumBarunGothicLight.woff) format('woff'),
       url(fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothic.woff2) format('woff2'),
       url(fonts/NanumBarunGothic.woff) format('woff'),
       url(fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(fonts/NanumBarunGothicBold.woff) format('woff'),
       url(fonts/NanumBarunGothicBold.ttf) format('truetype');
}


/* base style */
body,div,dl,dt,dd,ul,ol,li,pre,code,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{font-size:14px;line-height:1.428571429;color:#022e6b; font-family:'Roboto'}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
input,select,textarea,button,label{font-size:14px; vertical-align:middle}
input,select{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
input:focus { outline:none; }
fieldset,img,iframe{border:0 none}
img{vertical-align:middle}
textarea{resize:none}
em,address{font-style:normal}
a{color:#2f2f33;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
menu,li{list-style:none}
button{margin:0;padding:0;border:0;vertical-align:middle;cursor:pointer}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
ul,ol,li,dl,dt,dd{list-style:none}
i,em,address{font-style:normal}
label{}
table{border-collapse:collapse;border-spacing:0}
input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
address,cite,em{font-style:normal}
fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid #c0c0c0}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
a:link,a:active{color:#232329;text-decoration:none}
a:visited{color:#232329;text-decoration:none}
a:hover{color:#007eff;text-decoration:none}
a{background-color:transparent;text-decoration:none; font-weight:inherit; box-sizing: border-box;}
a:active{outline:0;text-decoration:none; font-weight:inherit; box-sizing: border-box; cursor:pointer; transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
a:hover{ cursor:pointer; transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
#txtStnNm {border:solid 1px #dcdcdc}


.blues {color:#367ce6; font-weight:bold;}
.greens {color:#3cb5b4; font-weight:bold;}
.reds {color:#e26d68; font-weight:bold;}

.blues_background {background:#367ce6}
.greens_background {background:#2cc048}
.reds_background {background:#f8433a}

.fs9 {font-size:9px;}

.red_Text {color:#ff1212 !important; font-weight:bold;}