@font-face {
    font-family: 'Noto Sans KR';
    src: url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');
    font-weight:300,400,500,700;
}
@font-face {
    font-family:'Nanum Myeongjo', serif;
    src: url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
    font-weight:400,700,800;
}


html{
	height:100%;
}

body {
    font-family:'Noto Sans KR',sans-serif;
	height:auto;
	min-height:100%;
	position:relative;
}

body * {
	/* word-break: break-all !important; */
	/* border-radius: 0 !important; */
}

html,
body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR',"Open Sans", 'Nanum Barun Gothic', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', Helvetica, Arial, Sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans KR',"Roboto Slab", 'Nanum Barun Gothic', 'Nanum Gothic', Helvetica, Arial, sans-serif;
	font-weight: 600;
}

h1, h2, h3, h4 {
	/* font-family: 'Daum', 'Noto Sans KR', Sans-serif; */
	/*font-weight: bold;*/
}

.ff-daum {font-family: 'Daum', Sans-serif; }
.text-info {color:#fff !important;}
template { display: none !important; }

a:hover { text-decoration: none !important; }



/* 헤더 및 로고 */
.logo-text {font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing: -1px; font-size: 28px; color:#1b3769; }
#logo-text .text-danger,.logo-text > .text-danger {font-weight:700;}
.list-unstyled.category i {color:#b3b3b3; /*isplay: none;*/float: right; margin-top: 5px; font-size: 15px;}
.hd-srch {background-color:#007bff;}

/* 푸터 */
footer .list-inline-item a {color: #c1c1c1;}
footer address {color:#969696;}
footer a.dropdown-item {color:#454545;}

/* 메인비주얼 */
.main-visual {background-color:#eee; /*background-image: linear-gradient(-90deg, #1d2263, #007bff);*/ background-image:url('../image/main-visual0.png'); background-position:center right; background-repeat:no-repeat; background-size:100% auto;
        padding: 7rem 2rem !important;
}
.container.main-visual h1 {font-weight: 100; font-family:'Daum', Sans-serif;}

@media (max-width:768px) {
	body {word-break: break-all !important;}
    .main-visual {background-size:auto 100%;}
}

/* 메인 3 item */
.main-item i { display: block; margin-bottom: 10px;  font-size: 28px;}
.row {margin-left:0; margin-right:0;}
.container .blockquote {margin-right:5px; color:#454545; padding:0;}
.blockquote.mt-60 {margin-top:-70px;}
.main-item {width:33.3%; /* border:1px solid #e1e1e1;*/ padding:30px 5px; color:#fff; box-sizing:border-box;}
.main-item:hover {transition:.3s; cursor:pointer;}
.bc-r {background-color:#dc3545;}
.bc-g {background-color:#1b3769;}
.bc-b {background-color:#007bff;}
.bc-r:hover {background-color:#d0091c;}
.bc-g:hover {background-color:#041a40;}
.bc-b:hover {background-color:#005dff;}

/* 메인 카테고리 */
.main-cate { padding-left: 0; padding-right: 40px;}
.bxs20 { box-shadow:0px 3px 10px rgba(0,0,0,.2) !important;}
.list-unstyled.category li:hover,.list-unstyled.category li:hover a,.list-unstyled.category li:hover i {color:#3f83ff; cursor:pointer; padding-left:0px !important; transition:.3s;}
.dropdown-item { padding: 10px; line-height: 1.75em;}

.u-heading-v3__title {border:0 !important; padding:0;font-size: 1.7em;  font-weight: 600 !important;}
/*li.list-item a,.media-body a { font-size: 15px; margin-right: 5px; }*/


.sub-visual {
    padding:40px 0; background-color: rgba(189, 189, 189, 0.1); border-bottom: 1px solid #ddd;
    background-image: url(../image/main-visual0.png);
    background-position: bottom right;
    background-size: 100% auto;
}
.sub-visual-title {display:block; width:105%; color:#fff;}
.sub-visual .list-inline-item,.sub-visual .list-inline-item a {color:#fff;}
.dropdown .btn {padding:10px 0;}
.btn:hover {border: 1px solid #fff;}
.border-bottom {border-bottom:1px dotted #e1e1e1 !important; font-size: 15px;}
.form-group {margin-bottom:0;}
.form-check {margin: 10px 0;}
.form-check label {line-height:1.25em; font-size:16px !important; }
.btn-srch {background-color:#3f83ff !important; border:1px solid #3f83ff; color:#fff;
    width: 50px;
    height: 50px !important;
    margin:5px 0;
    border-radius: 50% !important;}

/* 필터 */
.modal-title {display: inline-block; width: 100%;}
.modal-content label {display:inline-block; width:100%; font-weight:500; font-size: 16px;}
.modal-content input[type=checkbox]+label {font-weight:400;}
.modal-content .form-group {margin-bottom:20px;}

/* 논문상세 타이틀 */
.article-info {
    padding:30px 10px;
    border-top: 2px solid #535353;
    border-bottom:1px dotted #838383;
    margin: 20px 0;
}
.article-info.article-second {padding:20px 0px; border-bottom: 2px solid #535353; border-top:1px dotted #838383;}
.article-info.article-second .article-title-txt {font-size:16px; font-weight:400;}
.article-title-txt {font-weight:500; font-size:1.2em;}
.article-con-title {margin:10px 0 0;}
.article-box {border-bottom:1px dotted #e1e1e1; padding: 15px 0; margin: 10px 0;}

.jrnl-cate-title {color:#454545; margin-right:10px; font-weight:500; font-size:15px; line-height:20px;}
.jrnl-cate-title::before {content:''; display:inline-block; width:5px; height:5px; background-color:#454545; margin:2px 3px; line-height: 20px; border-radius: 50%;}

/* 리스트 간격조절 */
.book-list {margin: 0 !important; box-sizing: border-box; padding:20px 0; border-bottom: 1px dotted #e1e1e1;}
.book-list:hover { /*background-color: rgba(255, 248, 225, .5);*/  background-color:#fafafa;}
.book-list:last-child {border-bottom:0;}
.book-list article {margin: 0 !important; padding-left:10px; }
.book-list h3 a {font-size:1em; font-weight:500; line-height:1.25em;}
.book-list p {margin-bottom:0;}

.list-box {padding:0 !important;}
.list-box .book-list:last-child { border-bottom: 1px dotted #e1e1e1;}


/* 리스트 태그 */
.tag {font-size:12px !important;}
.btn-group-sm>.btn, .btn-sm {margin:0 2px !important;}
/* 텍스트색상 */
.fc-dg { color:#656565 !important;}
.fc-wh {color:#fff;}
.fs13 {font-size: 13px;}
.fs15 {font-size:15px;}

/* margin */
.mlr5 {margin:0 5px;}

/* after design */
.after-hr::after {content:''; display:block; width:50px; height:2px; background-color:rgba(0,0,0,.75); margin:20px 0 10px;}
.brdr-bt {border-bottom:1px solid #eee;}

/* 상세 ol 숫자목록 패딩값 조절*/
.num-pad {padding-left:20px !important;}

footer {border-top:1px solid #ddd;}
.text-skyblue {color:#7c81b9;}
.text-gray {color:#454545;}
.text-lgray {color:#aaa;}
.f18 {font-size:18px;}

/* 검색결과 */
/* 검색결과 박스 */
.srched-result h3 {display:inline-block; width:80%; line-height: 2.5em;}
.srched-box {padding:15px 0 10px; border-top:1px solid #e1e1e1; margin:10px 0;}
.list-unstyled {padding:0; margin:0;}
.srched-box p {text-align: justify; word-break: keep-all; margin-top:5px; line-height:1.65em; color: #454545;}
.srched-box .list-item {color:#838383;}
.btn-outline-success {color:#3f83ff; border:1px solid #3f83ff; box-sizing:border-box;}
.btn-outline-success:hover {background-color:#3f83ff; border:1px solid #3f83ff;}
.br20 {border-radius:20px !important;}

/* 발행처 */
.initial-btn a {
     line-height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 50% !important;
    padding: 0;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 15px !important;
}
.initial-btn a:hover {background-color:#3f83ff; border:1px solid #3f83ff; color:#fff !important;}
.list-cate::after,.u-heading-v3__title::after {
    display: block;
    height: 5px;
    content: "";
    background: #129eca linear-gradient(to left, #75a5ff, #3f83ff);
    margin-top:15px;
}
.site-link {color:#3f83ff; font-size:15px !important;word-break:break-all;}
.doi-link {color:#3f83ff; text-decoration:underline;}
.ifnum {padding:0 5px;}
.u-accordion {border:1px solid #e1e1e1;}
.u-accordion .card.rounded-0 {border:0;}
.brdr0 {border:0;}

.icon-pdf {line-height:16px;}
.btn-violet {border:1px solid #623973; color:#623973;}
.btn-violet:hover {background-color:#623973; border:1px solid #623973; color:#fff;}

/* 푸터 */
footer .ft-logo {display:inline-block; width:120px; height:80px; background-image:url('../image/kisti.png'); background-repeat:no-repeat; background-size:100% auto; margin-right:40px; box-sizing:border-box; margin-top:10px;}
.ft-info-wrap { display: inline-block; width: 85%; vertical-align: top;}

/*==== 학회 사이트 ====*/
.site-name {font-weight:600;}
.site-name::after {
    content:''; display:inline-block; width:7px; height:7px; background-color:#009c4d; border-radius:50%; margin:0 10px;
    vertical-align:middle; margin-top: -7px;
}
.link-add a {margin-left:-10px;}


/* .btn-xs {
    padding: 1px 6px 2px;
}

.btn-circle.btn-xs {
	padding: 0px 1px 1px 0px;
	border-radius: 50%;
	width: 22px;
	height: 22px;
}

.dl-horizontal dd {
	margin-bottom: 13px;
}

.dl-horizontal.sm70 dt
{
	white-space: normal;
	width: 70px;
}

.dl-horizontal.sm70 dd
{
	margin-left: 80px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.dl-horizontal.sm50 dt
{
	white-space: normal;
	width: 60px;
}
.dl-horizontal.sm50 dd
{
	margin-left: 70px;
	margin-right: 5px;
	margin-bottom: 5px;
}


hr { margin-top: 15px; margin-bottom: 15px } */
hr.style-one {
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.style-two {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-three {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
}
hr.style-four {
	height: 12px;
	border: 0;
	box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr.style-five {
	border: 0;
	height: 0; /* Firefox... */
	box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
	content: "\00a0";  /* Prevent margin collapse */
}
hr.style-six {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* bootstrap overriding.
.form-group-sm textarea.form-control {
	resize: vertical;
	line-height: 1.93em;
}

.input-group-addon {
	font-size: 12px;
}

.input-group-addon.no-border {
	border: none;
}

.panel {
	border-radius: 0;
}

.panel-heading,
.panel-footer {
	padding: 8px 10px;
	background-color: inherit;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.form-group {
	margin-bottom: 5px;
}

.help-block {
	font-size: 90%;
}

.label {
	font-size: 11px;
	padding: 4px 6px 6px;
}
*/

[v-cloak] {
	display: none;
}

.sweet-alert {
	font-family: inherit !important;
}

.sweet-alert h2 {
	font-size: 22px !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
	text-align: center;
}

.container::after,
.container-fluid::after,
.navbar-collapse::after,
.navbar-nav::after,
.row::after,
aside::after,
footer::after,
main::after,
section::after {
	content: "";
	display: block;
	clear: both;
}

/* 주 내용 표시 영역. */
.main-content {
	max-width: 900px;
	position: relative;
}

.main-content-fluid {
	position: relative;
}

.chat-view .message-date {
	font-size: 10pt;
}

.chat-view .message-content {
	white-space: pre-wrap;
}

.chat-discussion .chat-message .message .message-content {
    text-align: justify !important;
    line-height: 1.95em;
}

.nav-tabs > li > a {
	padding: 10px 16px 10px 14px;
}

.nav-tabs > li.closable > a {
	padding-right: 10px;
}

.nav-tabs > li.closable > a > .close {
	margin: -3px 0 0 10px;
	font-size: 18px;
	padding: 5px 0;
	float: right;
}

.orcid {
	padding-left: 25px;
	display: inline-block;
	min-height: 20px;
	background-image: url('../img/orcid-logo-xs.png');
	background-repeat: no-repeat;
	background-position: 0 center;
}


.doi {
	padding-left: 25px;
	display: inline-block;
	min-height: 20px;
	background-image: url('../img/doi-logo-xs.png');
	background-repeat: no-repeat;
	background-position: 0 center;
}

.badge-kpubs {
	color: white;
	background-color: #623973;
}