﻿@charset "utf-8";

/* ==========================================================================
   미디어 쿼리
   ========================================================================== */
@media (min-width: 992px) {
	.container {
		width: 1170px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}
@media (max-width: 1196px) {
	/* current-issue-panel */
	.journal-panel .thm {
		float: left;
		overflow: hidden;
		margin: 0 30px 0 0;
		width: 300px;
		height: 190px;
		padding: 10px;
		border: 1px solid #dfdfdf;
		background-color: #fff;
	}
	.contents-inner {
		float: left;
		width: 400px;
	}
}

@media (min-width: 991px) {
	/* slide down/up */
	#gnb,
	#journalArchive {
		display: block !important;
	}
}

@media (max-width: 990px) {
	/**********************
	* Common
	**********************/
	/* banner area */
	.banner-area ul {
		display: none;
	}
	.banner-area ul li {
		margin: 0 0 5px;
	}

	/* .breadcrumb */
	.breadcrumb {
		margin: 20px 0 15px;
	}

	/* footer */
	#footer .banner,
	.banner-kofst {
		display: block !important;
	}
	.main-introduce {
		margin: 20px 0 0;
	}

	/**********************
	* Sub Page
	**********************/
	/* Search */
	.form-group.search {
		display: none;
	}

	/* .rdoc-year-menu */
	.rdoc-year-menu {
		max-width: 100%;
	}
	.rdoc-year-menu li.menu a.title{
		max-width: 100%;
	}

	/* list contents */
	.doc-main-list .page-area {
		margin: 30px 0;
		padding: 0;
	}
	.doc-main-list .page-num span {
		display: inline-block;
		width: 60px;
		height: 20px;
		margin: 0 0 5px;
		line-height: 20px;
		text-align: center;
		font-size: 11px;
		color: #767676;
		border: 1px solid #aaa;
		border-radius: 2px;
		background: 0;
	}
	.doc-main-list .page-text {
		margin: 0;
		padding: 0;
		text-align: left !important;
	}

	.doc-main-list .author {
		display: block;
		margin: 0;
		font-size: 12px;
		color: #767676;
	}
	.doc-main-list .file-area {
		text-align: right;
	}
	.doc-main-list .file {
		display: inline-block;
		max-width: 100px;
		min-width: 95px;
		margin: 5px 0;
		padding: 2px 5px;
		font-size: 11px;
		border-radius: 0;
	}

	/* slide down/up */
	#gnb,
	#journalArchive {
		display: none;
	}

	/* current-issue-panel */
	.journal-panel .thm {
		float: left;
		overflow: hidden;
		margin: 0 30px 0 0;
		width: 300px;
		height: 190px;
		padding: 10px;
		border: 1px solid #dfdfdf;
		background-color: #fff;
	}
	.contents-inner {
		float: left;
		width: 340px;
	}

}

@media (min-width: 981px) {

}

@media (max-width: 980px) {

}

@media (min-width: 768px) and (max-width: 979px) {
	/**********************
	* Common
	**********************/
	/* header
	#header h1 {
		padding: 10px 0 0;
	}
	.h1-main {
		 display: block;
	    float: none;
	    margin: 0;
	    font-size: 24px;
	}
	.h1-sub {
		 display: block;
	    float: none;
	    font-size: 12px;
	    line-height: 1;
	} */

	/**********************
	* Main Page
	**********************/
	/* current-issue */
	.current-issue-list .row .col-md-2 {
		padding-left: 0;
		padding-right: 0;
	}
	.current-issue-list .row .doi {
		margin-bottom: 0;
	}
	.current-issue-list .row .tag,
	.doc-main-list .row .tag {
		text-align: right;
	}
	.current-issue-list .row .tag .btn,
	.doc-main-list .row .tag .btn {
		display: inline-block;
		margin: 5px 0 20px;
		padding: 4px 5px 2px;
	}
}

@media (max-width: 767px) {

	/**********************
	* Main Page
	**********************/
	/* current-issue */
	.current-issue-list .row .col-md-2 {
		padding-left: 0;
		padding-right: 0;
	}
	.current-issue-list .row .doi {
		margin-bottom: 0;
	}
	.current-issue-list .row .tag,
	.doc-main-list .row .tag {
		text-align: right;
	}
	.current-issue-list .row .tag .btn,
	.doc-main-list .row .tag .btn {
		display: inline-block;
		margin: 5px 0 20px;
		padding: 4px 5px 2px;
	}
	.current-issue-list .row .tag.search .btn,
	.doc-main-list .row .tag.search .btn {
		display: inline-block;
		margin: 5px 0 20px;
		padding: 4px 5px 2px;
	}

	/**********************
    * Sub Page
    **********************/
	/* current-issue-panel */
	.journal-panel .thm {
		float: none;
		overflow: hidden;
		margin: 0 0 20px 0;
		width: auto;
		height: 240px;
		padding: 10px;
		border: 1px solid #dfdfdf;
		background-color: #fff;
	}
	.journal-panel .thm span img {
		height: 240px;
	}
	.contents-inner {
		float: none;
		width: auto;
		height: auto;
	}

}

@media (max-width: 640px) {
	/**********************
	* Common 
	**********************/
	/* header */
	#header h1 {
		padding: 10px 0 0;
	}
	.h1-main {
		display: block;
		float: none;
		margin: 0;
		font-size: 24px;
	}
	.h1-sub {
		display: block;
		float: none;
		font-size: 12px;
		line-height: 1;
	}

	/* banner area */
	.banner-area ul {
		margin: 7px 0 10px;
	}
	.banner-area ul li {
		margin: 0 0 5px;
	}

	/**********************
	* Main Page 
	**********************/
	/* main-introduce */
	.media-body h4 {
		margin: 10px 0 5px;
		font-size: 20px;
	}
	.media-body h5 {
		margin: 0 0 10px;
		color: #767676
	}
	.media-body .tag {
		margin: 0 0 10px;
	}
	.media-body .tag span.btn {
		display: inline-block;
		margin: 0 0 5px !important;
		padding: 4px 8px 4px 4px;
		font-size: 10px;
	}
	.media-body .issn {
		margin: 0;
		padding: 0;
	}
	.media-body .issn li {
		margin: 0 0 5px 15px;
		padding: 0;
	}

	.btn-online-submission {
		position: static;
		display: block;
		width: 100%;
	}
	.btn-online-submission a {
		display: block;
	}

	/* current-issue */
	.current-issue-list .row .tag,
	.doc-main-list .row .tag {
		margin: 5px 0 0;
		text-align: right;
	}
	.current-issue-list .row .tag .btn,
	.doc-main-list .row .tag .btn {
		margin: 5px 0 15px;
	}

}

@media (max-width: 480px) {
	/**********************
	* Common 
	**********************/
	.utility {
		padding: 3px 5px;
	}
	.utility ul li a {
		font-size: 10px;
		text-decoration: none;
	}

	.url {
		display: none;
	}

	/* banner area */
	.banner-area ul li a {
		max-width: 100%;
	}

	/* footer */
	#footer p.cc {
		text-align: left;
	}


	/**********************
	* Main Page 
	**********************/
	/* main-introduce */
	.media,
	.media-body,
	.media-left,
	.media-right {
		display: block;
		overflow: visible;
	}
	.media {
		padding: 0;
	}
	.media-left {
		padding: 0;
	}
	.media-body {
		width: 100%;
	}

	/* aims-scopes */
	.aims-scope {
		position: relative;
		margin: 0 0 30px;
	}
	.aims-scope .page-header h1 {
		padding-bottom: 0;
	}
	.btn-aims-scope {
		position: static;
		display: inline-block;
		font-size: 10px;
		padding: 6px 8px 4px;
	}

	/* current-issue */
	.current-issue {
		position: relative;
	}
	.current-issue .page-header h1 {
		padding-bottom: 0;
	}
	.btn-current-issue {
		position: static;
		display: inline-block;
		font-size: 10px;
		padding: 6px 8px 4px;
	}

}

@media (max-width : 320px) and (orientation: portrait){
	/**********************
	* Main Page 
	**********************/
	/* main-introduce */
	.media-body .tag span {
		margin: 0 0 5px;
	}
}

@media print {
	.icon-orcid {
		display: none !important;
	}
}