@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;
    }

    .tag-area {
        text-align: left !important;
    }
    .paper-btn-area {
        text-align: left !important;
    }
    .pull-right.detail {
        float: none !important;
    }
	
}

@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: left;	
    }
	.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;
    }
}