* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body {padding:10px; margin:0; background:#567; font-family:"noto sans cjk kr light", helvetica, "함초롬돋움"; font-size:13pt; font-weight:normal; color:#000}
#wrap {max-width:1000px; margin: 0 auto; border:10px solid #eef; border-radius:10px}
#header {border:1px solid #dde; border-bottom:0; background:#fff}
a {color:#000;text-decoration:none; border-bottom:1px dotted transparent}
a:hover {color:#00f;border-color:#36c}
img {border:0}
.logo {padding:15px 15px 0 15px}
.logo a:hover {border-color:transparent;color:#000}
.logo img {width:220px}
.menu {padding:10px; font-size:115%}
.menu a {display:inline-block; border-bottom:2px solid transparent; padding:0 4px 1px 4px; margin:0 15px 0 0; color:#000}
.menu a:hover {border-bottom-color:#69c; color:#36c}
.menu a.this {border-color:#36c; color:#000; font-weight:bold}
.menu a.this:hover {}
.menu .note {padding:0;margin:0}
#container {border:1px solid #dde; background:#fff}
.nav {padding:6px; background:#36c; color:#fff; font-size:75%}
.nav a {color:inherit}
.nav a:hover {border-color:#fff}
#content {padding:15px; line-height:160%; word-break:keep-all}
hr {clear:both; height:0; border:0; border-top:1px solid #36a}
ul {list-style-type:circle}
li {margin-bottom:7px}
ol.serial {padding:0; counter-reset:serial;}
ol.serial li {padding-left:1em; text-indent:-1em;}
ol.serial li:not(.skip) {counter-increment:serial; list-style:none;}
ol.serial li:not(.skip):before {content:counter(serial) "."}
ol.serial li.skip {list-style-type:none; counter-increment:none}
ol.serial p {padding-left:1em}
p {margin:0}
h1 {font-size:17pt}
h2 {margin:0; font-size:17pt; color:#369}
h3 {margin:0; font-size:15pt}
h4 {margin:0; padding-left:10pt; font-size:14pt}
img.sub {width:175px}
table {border-collapse:collapse}
th {padding-right:5px; text-align:left; white-space:nowrap}
th,td {vertical-align:top}
div.right {float:right}
.note {font-size:85%}
span.mat {display:inline-block; padding:1px 3px 1px 3px; border:1px solid transparent; border-radius:10px; color:#557;}
span.mat:hover {background:#ddd; color:#000}
span.mat a:hover {border-color:transparent; color:#000;}
span.mat.this {border-color:#557;}
span.mat2 {display:inline-block; padding:0; border:0; border-radius:10px; color:#557;}
span.mat2:hover {background:#069; color:#fff}
span.mat2 a:hover {border-color:transparent; color:#fff}

a.plain {border:0}
a.cover {border:0}
.cover img {width:283px; border:1px solid #ccd}
.isbn {float:right; border:1px solid transparent; border-radius:5px; background:#445; padding:10px; color:#fff}
.isbn hr {border-color:#99a}
.isbn a, .isbn h2 {color:#fff}
.isbn a:hover {border-color:#fff}
p.volume {font-size:80%}
p.info {float:left; margin:0; margin-right:20px; list-style:none}
p.title {clear:both; padding:10px 0 0 0; font-size:16pt; font-weight:bold}
p.title_en {border-bottom:1px solid #999; padding:5px 0 10px 20px; text-indent:-20px; font-size:13pt}
p.author {padding:10px 0 0 20px; font-size:12pt}
p.author_en {padding:0 0 0 20px; font-size:11pt; font-family:times new roman}
.author_en a {display: inline-block;}
sup {line-height: 0; vertical-align: super;}
p.abstract {padding:0 0 0 20px; font-size:11pt; font-family:times new roman}
div.file {padding-top:10px; text-align:center}
div.file p {display:inline-block; border:1px dotted #36c; padding:3px 10px 3px 10px}
div.cite {margin:20px; padding:10px 0 0 20px; border-top:1px solid #999}
.box {padding:0 3px 1px 3px; background:#36c; color:#fff; font-size:80%}
.box:hover {background:#ddd; color:#000}

div.noti {margin: 5px; padding: 10px 10px 10px 30px; border: 1px solid #ccc; border-radius: 10px; text-indent: -20px; text-align: justify; word-break: break-all; font-size: 90%;}

table.mod {width:100%}
.mod th {text-align:right}
.mod input[type='number'] {width:35px; border:0; border-bottom: 1px solid #000; text-align:right}
.mod input[type='text'] {width:100%}
.mod input[type='file'] {padding:10px; border:1px solid #999}
.mod label p {border:1px solid transparent}
.mod label p:hover {border-color:red}

table.list {table-layout:fixed; width:100%;margin:10px 0 10px 0;}
table.list th, table.list td{padding:5px;border:1px solid #ccc;}
table.list th{background:#eee;}
table.list th:hover {background:#666; color:#fff;}
table.list th a:hover {border-color:transparent}
table.list td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

table.main {width:100%;}
table.main p{margin:5px}
.main span.note{color:#669}
.main input[type='text']{width:100%}
.main input[name='id1'], .main input[name='id2'], .main input[name='grid'], .main input[name='habitat2']{max-width:200px}
.main input[name='name'], .main input[name='name_k'], .main input[name='id1r'], .main input[name='id2r'], .main input[name='country2']{width:100px}
caption{padding:5px;text-align:left;font-size:140%;}

table.intable {border-spacing:0}
.intable td, .intable th {padding:1px; border:1px solid #999; vertical-align:middle; text-align:center; font-size:90%;}
.intable th {background:#eee; font-weight:normal}
.intable input {border:0; height:100%}
.intable input[type='text'] {border:0; height:100%; width:100%; text-align:center}
.intable input[type='radio'] {border-width:1px; height:auto; width:auto}
input[type='submit'], button {padding:10px; background:#adf; border:1px solid #aaa;}
textarea {width:100%; height:500px}
p.search {margin:10px 0 0 0}
.search input {display:inline-block; margin:0; padding:0; border:1px solid #025aaa; -webkit-appearance:none; border-radius:0;line-height:18px; font-size:15px;}
.search input[type='text'] {width:80%; height:28px; text-align:center}
.search input[type='submit'] {width:50px; height:30px; border-left:0; background:#00ace8; color:#fff}
.search input[type='submit']::-moz-focus-inner {border:0}
a.totop {border:1px solid #ccc; padding:0 3px 2px 3px; color:#ccc}
a.totop:hover {border-color:#99c; color:#99c}
.red {color:red}
.link {cursor:pointer;border-bottom:1px solid transparent}
.link:hover{border-color:#36c;color:#000}
.page {text-align:center}
.page b {padding:0 5px 0 5px; border-bottom:1px solid #000}
.page a {padding:0 5px 0 5px; border:1px solid transparent}
.page a:hover {border-color:#36c}

ul.menu{text-align:right;}
ul.menu li{display:inline-block;color:#000;}
ul.menu li:hover{background:#069;color:#fff;}
ul.menu li a{padding:5px; border: 0;}
ul.menu li a:hover {color:#fff;}

.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}


#footer {background:#eee; padding-top:20px; text-align:center; font-family:times new roman; font-size:85%; color:#669}
.onmb {display:none}
.center {text-align:center}
.right {text-align:right}
@media screen and (max-width:800px) {
	body {padding:0; font-size:11.5pt}
	#wrap {border-radius:0}
	.menu a {margin:0}
	#content {padding:10px; line-height:150%}
	h1 {font-size:15pt}
	h2 {font-size:15pt}
	h3 {font-size:14pt}
	h4 {font-size:13pt}
	img.sub {width:150px}
	.isbn {float:none; padding:5px; margin-bottom:20px; text-align:center}
	.onpc {display:none}
	.onmb {display:inline}
	p.author {padding-left:10px}
	p.author_en {padding-left:10px}
	p.abstract {padding-left:10px}
	div.file p {padding:3px}
	p.cite {margin:10px; padding-left:10px}
	.box {padding:0 2px 0 2px}
}

@media print {
	.onscreen {display: none;}
	input[type=submit] {display: none;}
	input[type=text], textarea {border: 0;}
}





/* 기존 한의진단학회 CSS 레거시 */
#title		{border-bottom:1px solid #C8C8C8; font-size:13px; margin:30px 0 20px 0; height:38px; overflow:hidden;}
.tit			{float:left; font-size:24px; font-weight:600; color:#222; letter-spacing:0px; padding:0 0 5px 9px; background:url(../../../../img/ico-t-blue.jpg) no-repeat;}
.location{float:right; height:28px; padding-top:15px; vertical-align:bottom;}
.location a{height:28px; vertical-align:bottom;}
.location img{height:15px; vertical-align:bottom;}

.s-tit-1	{font-size:18px; font-weight:600; color:#4984CA; letter-spacing:0px; padding:0 0 5px 12px; background:url(../../../../img/icon-bluecircle.jpg) no-repeat;}
.s-tit-2	{font-weight:600; color:#222; letter-spacing:0px; padding:0 0 5px 24px; background:url(../../../../img/icon-redarow.jpg) no-repeat;}
.s-tit-3	{padding: 2px 0 0 0; font-size: 120%; color: #333; font-weight: 600;}

.s-txt-1		{letter-spacing:-1px; padding:0 0 0 12px;}
.s-txt-2		{letter-spacing:-1px; padding:0 0 0 24px;}

.txt-1		{padding: 0 0 0 24px; font-size: 100%;}

.orange			{color:#ff8800;}
.box-solid		{padding:10px; margin:10px; border:1px solid #ccc;}
.t-center {text-align:center;}

/* 기존 한의진단학회 CSS 레거시 */