html { 
	scroll-behavior: smooth; 
} 
@media (min-width:768px){
  .navbar-collapse{
    float:left
  }
}

@media (max-width:767px){
  .navbar-form.navbar-right{
        border-color: #101010;
        width: calc(100% - 30px);
        padding: 0;
        border: none;
   }
   .navbar{
     border:none;
   }
   .navbar-collapse{
     background-color: #222;
     position: absolute;
     top: 50px;
     width: 100%;
     left:0;
     margin:0 !important;
   }
}

body {
	/*background : black ;*/
	/*background-image: url("https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/thumbnails/image/chukchi_oli_2018169_lrg_0.jpg");*/
	/*background-image: url("https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/thumbnails/image/iss057e035382_lrg.jpg");*/
	background-image: url("/static/www/full-bloom.png"); background-repeat: repeat;
}
:lang(ko) {
	font-family: 'Noto Sans KR', 'Inter', 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
p {
	color : black;
}

/* Global link styling for consistent appearance */
a {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #0052a3;
	text-decoration: underline;
}
a:visited {
	color: black;
}

/* Consistent font for ALL input and textarea elements - using global body font */
input,
textarea,
select {
	font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

.navbar {
	border-radius : 0 ;
}

footer {
	display: block;
	text-align: center;
	color : black;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.mylist {
	list-style-Type: square;
	margin-left:14px;
	padding: 0 0 0 0px;
	/*height:20px;*/
}


table, th, td {
	border: 1px solid transparent;
	border-collapse: collapse;
}
th, td {
	padding: 4px;
}

.my-sentence{
	color:black;
}
.my-sent-no {
	vertical-align:middle;
	font-size: 8px;
	background-color: rgba(255, 204, 51, 0.3);
	/* cursor: pointer; */
	text-decoration: none;
}
.my-td-date {
	font-size: 80%;
	color:navy;
	vertical-align:bottom;
}
.my-td-no {
	vertical-align:top;
	background-color: rgba(255, 204, 51, 0.3);
}
.my-td-no b {
	font-size: 100%;
	/* color:orange; */
	vertical-align:middle;
}
.my-td-st {
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;

	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

	margin:0px;
	padding:0px;
	
	border-top-style: solid;
	border-top-color: gray;
	border-top-width: 1px;

	text-align: left;

	display: block;
	max-height: 400px;
	overflow-y: auto;
}
.my-td-st.highlighted {
	max-height: none;
	text-align: left;
}
.my-td-st.date {
	text-align: left;
	border: 0px;
}
.my-td-st p {
	margin:0px;
	text-align: left;
	text-decoration: none;
}
.my-td-st_ref {
	text-align: left;
	font-size: 80%;
	color:grey;	
	padding-left:10px;
}
.my-td-st_date_daeinve {
	text-align: left;
	font-size: 100%;
	padding-left:0px;
}
.div-vis {
	width:100%;
	max-width:100%;
	min-height:400px;
	height:auto;
	padding:20px 10px;
	display:none;
	overflow-x:auto;
	overflow-y:visible;
	box-sizing:border-box;
}
.p-vis {
	margin: 10px 0;
	overflow-x:auto;
	overflow-y:visible;
	max-width:100%;
	box-sizing:border-box;
}
@media (max-width:767px){
	.div-vis {
		padding:10px 5px;
		min-height:300px;
		overflow-x:auto;
	}
	.my-td-st {
		overflow-x:auto;
	}
}
.p-dataquery {
	font-size: 80%;
	color:LightSeaGreen;	
	padding-left:10px;
}
.p-visquery {
	font-size: 80%;
	color:SteelBlue;	
	padding-left:10px;
}
.my-td-magnifier,
.my-td-magnifier a {
	cursor: pointer;
	text-decoration: none;
}
.my-td-magnifier img {
	/* float:right; */
	width:12px;
	height:12px;	
	cursor: pointer;
	text-decoration: none;
}
.my-td-st_date {
	font-size: 80%;
	color:#800020;	
	padding-left:10px;
	transition: all 0.3s ease;
}
.my-tab {
	/*font-family: monospace, monospace;*/
	/* font-family: consolas, consolas; */
	/* font-family:'Gowun Batang', serif; */
	display:inline-block;
	overflow-wrap: break-word;
}
.my-sentence-textarea{
	width:100%;
}
.my-sentence-a {
	/*text-decoration: none;*/
	/*color:black;*/
}
.my-sentence-a:hover {
	color: #FFCC33;
	TEXT-DECORATION: none;
}
.my-clue-textarea{
	width:100%;
}
.my-magnetize-input {
	border-color: #4BBEE3;
}
.my-red {
	color:red;
}
.pythondiv {
	border: 0px solid grey;
	padding: 4px;
}
.pythondiv p {
	/*font-family: "Nanum Gothic Coding", "Ubuntu Mono";*/
	font-family: "Ubuntu Mono";
	/* font-family:'Gowun Batang', serif; */
}
.daeinvediv {
	text-align:left;
	align-items: left;
	border: 0px solid grey;
	padding: 4px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto; /* Allow horizontal scrolling if absolutely necessary */
	box-sizing: border-box;
}
.daeinvetable {
	width:100%;
	max-width: 100%;
	table-layout: fixed; /* Force table to respect width constraints */
	text-align:left;
	align-items: center;
	border: 0px solid grey;
	padding: 4px;
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.daeinvetable td {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	
	overflow: hidden;
}
.daeinveform {
	width:100%;
	text-align:center;
	border: 0px solid grey;
	padding: 4px;	
}
.visdiv {
	width:100%;
	border: 0px red;
	padding: 4px;	
}
.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
	box-shadow:none;
	-webkit-box-shadow:none;
	border-color:#cccccc;
}

.navbar-nav > li > a {
  border-right: 0px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.navbar-nav:last-child{ border-right:0}
.navbar-form {
	width:96%;
	margin-left:8px;
}
mark {
  background-color: rgba(256, 256, 0, 0.5);
}
.mablink {
}

/*form style from   https://www.sanwebe.com/2014/08/css-html-forms-designs
	<div class="form-style-2">
		<form>
		<fieldset>
		<legend><span class="number">1</span> Candidate Info</legend>
		<input type="text" name="field1" placeholder="Your Name *">
		<input type="email" name="field2" placeholder="Your Email *">
		<textarea name="field3" placeholder="About yourself"></textarea>
		<label for="job">Interests:</label>
		<select id="job" name="field4">
		<optgroup label="Indoors">
		  <option value="fishkeeping">Fishkeeping</option>
		  <option value="reading">Reading</option>
		  <option value="boxing">Boxing</option>
		  <option value="debate">Debate</option>
		  <option value="gaming">Gaming</option>
		  <option value="snooker">Snooker</option>
		  <option value="other_indoor">Other</option>
		</optgroup>
		<optgroup label="Outdoors">
		  <option value="football">Football</option>
		  <option value="swimming">Swimming</option>
		  <option value="fishing">Fishing</option>
		  <option value="climbing">Climbing</option>
		  <option value="cycling">Cycling</option>
		  <option value="other_outdoor">Other</option>
		</optgroup>
		</select>      
		</fieldset>
		<fieldset>
		<legend><span class="number">2</span> Additional Info</legend>
		<textarea name="field3" placeholder="About Your School"></textarea>
		</fieldset>
		<input type="submit" value="Apply" />
		</form>
	</div>
*/


.form-style-2{
	/*max-width: 90%;*/
	/*background: #f4f7f8;*/
	margin: 0px auto;
	padding: 0px;
	/*border-radius: 1px;*/
	/*border: 1px solid coral;*/
	/*font-family: consolas, consolas;*/
}
.form-style-2 fieldset{
	border: none;
}
.form-style-2 legend {
	font-size: 1.4em;
	margin-bottom: 1px;
}
.form-style-2 label {
	display: block;
	margin-bottom: 1px;
}
.form-style-2 input[type="text"],
.form-style-2 input[type="date"],
.form-style-2 input[type="datetime"],
.form-style-2 input[type="email"],
.form-style-2 input[type="number"],
.form-style-2 input[type="search"],
.form-style-2 input[type="time"],
.form-style-2 input[type="url"],
.form-style-2 textarea,
.form-style-2 select {
	font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
	background: rgba(255,165,0,.4);
	border-radius: 1px;
	border: 1px solid coral;
	margin: 0;
	outline: 0;
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color:rgba(255,165,0,.2);
	color:black;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 1px;
}
.form-style-2 input[type="text"]:focus,
.form-style-2 input[type="date"]:focus,
.form-style-2 input[type="datetime"]:focus,
.form-style-2 input[type="email"]:focus,
.form-style-2 input[type="number"]:focus,
.form-style-2 input[type="search"]:focus,
.form-style-2 input[type="time"]:focus,
.form-style-2 input[type="url"]:focus,
.form-style-2 textarea:focus,
.form-style-2 select:focus{
	background: rgba(255, 165, 0, .8);
}
.form-style-2 select{
	-webkit-appearance: menulist-button;
	height:35px;
}
.form-style-2 .number {
	background: #1abc9c;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	/*font-size: 0.8em;*/
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px 15px 15px 0px;
}

.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
	margin:1px;
	border: none;
	padding: 4px 8px 4px 8px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
	background: #EA7B00;
	color: #fff;
}


/*BZRT*/
.bzrt-input {
	border-color: #4BBEE3;
	font-size: 12px;
}
.bzrt-a {
    color:#DDDDDD;
	text-decoration: none ;
}
.bzrt-a:hover  {
    color:white;
    text-decoration:none;
    cursor:pointer;
}