@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:600,800,900|Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

/****************************** 기본 내용 ******************************/
/* Chrome, Safari용 스크롤 바 */ ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 10px;
  height: 10px;
  background: url() rgba(0, 0, 0, .05);
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .05);
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .1);
}


h1, h2, h3, h4 {font-family: "montserrat"}
* {
	margin: 0;
	padding: 0;
	font-family:"Noto Sans KR", sans-serif, "tahoma", "Arial", "돋움"; 
}
body { margin:0px; }
form { margin:0px; }
img {border:0px;}
p{letter-spacing: -0.3;}
html, 
body {	
	height: 100%;	
	width: 100%;
	margin: 0;	 
	padding: 0; 
	scrollbar-face-color: #E5ECF8; 
	scrollbar-shadow-color: #CAD8F0; 
	scrollbar-highlight-color:#CAD8F0;  
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF;  
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #CAD8F0;
}

blockquote{margin-left:40px;}

a { text-decoration:none;  color: #3A4BA2; }
a:visited {text-decoration:none;  color: #3A4BA2;}
a:hover {text-decoration:underline;  color: #2055b5;}
a:active { text-decoration:none; color: #3A4BA2;}	

strong, b {font-weight: 600;}

sup,sub{line-height: 0;}

.float_l {float:left;}
.l_disc {padding-left: 20px;}
.l_disc li{list-style: disc;}

.alingl {text-align:left;}
.alingc {text-align:center;}
.alingr {text-align:right;}


.mgtop0 {margin-top:0 !important;}
.mgtop1 {margin-top:1em !important;}
.mgtop2 {margin-top:2em !important;}

ol.decimal {margin-left:2em !important;}
ol.decimal li {list-style:decimal; padding-left:0.5em !important; text-indent:0 !important;}

.wrap {margin: 0 auto;  text-align:center; width:100%;} /* 가운데 정렬 */
.wrap .basicTable {width:100%; margin: 0 auto;  text-align:left;} /* 기본 테이블 넓이 */

li {list-style:none;}


/* menu */
.menuType {display: none;} 


/* top img 검색바 */

.mspan .msearch {margin:0px auto 20px;}
.mspan .inbox {
	font-size:12px; color:#cccccc; vertical-align:middle;
	border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='button')? '' : '3px solid #cccccc');
	background-color:expression( (this.type=='text')? '#FFFFFF' : '');
	border:1px solid #cccccc;
	height:36px; width:230px;
	outline:none;
	padding:5px;
}

/* top img 검색바 끝 */



/* 메인
------------------------------------------------------------------------------------------------ */


.main_contents {float:left; background-color:#FFF; width:100%;}

.mobile{display:none;}
#left_section{width:300px; height:100%; position:fixed; left:0; background-color:#ffffff; overflow-y:scroll; overflow-x:hidden;}
.contents {margin: 0 0 0 0; width:calc(100% - 300px); float:right; box-sizing:border-box;}
.current_bg{padding:60px 40px;}

.logo{padding: 30px; }
.logo h1{font-size:2em; font-weight: 800; }
.logo_txt{font-size:0.8em;padding-bottom: 10%;}
/*.logo img{margin-bottom:10px;}*/
.logo a:visited {text-decoration:none;  color: #000000;}
.logo a:hover {text-decoration:none;  color: #000000;}
.logo a:active { text-decoration:none; color: #000000;}	

.issn{display:inline-block; font-size:13px; padding: 0px 20px 0 0;}
.issn span{font-weight: 800;}

.depth_1 li{color:#ffffff; background-color:#3A4BA2; width:100%; line-height:60px; padding:0 30px; box-sizing:border-box;  cursor: pointer;}
.depth_1 span{color:#ffffff; float:right; transition: 0.3s ease;}
.depth_1 .selected span{transform:rotate(45deg);}
.depth_1 div{color:#ffffff;}
.depth_1 a{color:#ffffff}

.depth_2{display:none;}
.depth_2 li{ padding:0 10px; }
.depth_2 li a{color:#f5f9ff; font-weight: 100; }

.quick_menu{padding:30px 0; padding-bottom: 10px;}
.quick_menu li{padding:8px 30px; font-size:14px;}
.quick_menu li img{display:block; float:left; margin-right:10px; width: 23px;}
.quick_menu li a{color:#3A4BA2; }

.banner{border-top:1px solid #e1e1e1;}
.banner li{text-align:center; border-bottom:1px solid #e1e1e1; height:60px;}

.section_1, .section_2{float:left;  box-sizing:border-box;}
.section_1{background-color:#EBEFF0; padding: 60px 40px; width:45%;}
.section_2{width:55%; padding:60px 30px;}
.info_2 h2{text-align:right; color:#4379BA; font-weight:600;}

.info_1{ float:left; margin-right:20px; margin-top: 12px; margin-bottom: 30px;}
.info_1 img{box-shadow: 1px 1px 7px #333333; width: 250px;}
.info_2 h1{text-align:right; color:#4379BA; font-weight:600; font-size:2em; padding-top:5px;}
.white_line{display:block; background:#4379BA; width:100%; height:8px; margin:16px 0;}

.read {padding-top:50px;}
.read h2{color:#3A4BA2; font-weight:600; font-size:20px;margin:30px 0 10px; clear:both;}
.read p, .read ul li{color:#333333; font-size:14px; letter-spacing:-0.6px; font-weight:400; text-align:justify;}
.read p{display: inline-block;}
.read ul li{list-style: disc; margin: 2px 0px 3px 20px;}
.read .read_list{color: #3A4BA2; font-weight: 500; padding-top:20px;}

.section_2 h2{color:#3A4BA2; font-weight:600; clear:both; display:inline;}
.current_bg h1{color:#3A4BA2; font-weight:600; clear:both; display:inline;}
.current_info{color:#999999; font-size:16px; padding-left:2px; margin-bottom:10px;}

.page_arrow {display:none;}
.owl-carousel .owl-item li {height:auto; border: 1px solid #e1e1e1; padding: 15px; margin:0px 1px; min-height: 331px;}
.owl-carousel .owl-item p {margin-top: 10px !important;	font-weight: 400; display: block;}
.owl-carousel .owl-item p.abstext_box {display: none;}
.owl-nav {position: absolute; top:-55; right:0;}
.owl-prev, .owl-next {border: 1px solid #cccccc !important;}
.owl-prev span, .owl-next span {font-size: 50px; padding: 15px;	vertical-align:super; line-height: 33px;}
.current_image img {height:150px;}
.list_title{text-align:left; color:#4379BA; font-weight:600; display:block; letter-spacing: -0.6px; }
.list_title:visited{color:#4379BA;}
.doi_text{font-size:10px !important;}
.doi_text a {color:#3A4BA2 !important;}
.abstext_box{display:none;}
.writer{font-size:12px !important; display: block;}
.btn_pdf{color:#ffffff !important; text-align:center; background-color:#3A4BA2; margin-right:5px; padding:5px 8px; font-size:12px; font-weight:300; border-radius: 5px; display: inline-block;}
.btn_html{color:#ffffff !important; text-align:center; background-color:#478BBE; margin-right:5px; padding:5px 8px; font-size:12px; font-weight:300; border-radius: 5px;}
.btn_pubreader{color:#ffffff !important; text-align:center; background-color:#4FABD6;  margin-right:5px; padding:5px 8px; font-size:12px; font-weight:300; border-radius: 5px;}
.btn_epub{color:#ffffff !important; text-align:center; background-color:#54C7E2; padding:5px 8px; font-size:12px; font-weight:300; border-radius: 5px;}
.current .list{margin:15px 0; font-size:12px; display: none;}
.current .list a{color:#333333;}

/*most read*/
.mostread{margin-top:30px;}
.mostread .subject { display:none; height: 0px !important;}
.mostread td {padding-left: 13px; text-indent: -26px;}
.mostread td, .mostread div {font-size:14px !important;}
.mostread div {margin: 5px 0px;}
.mostread table {width: 100% !important; margin-top: 0px !important;}
.mostread tr td tr td:first-child {color:#4379BA; }
.mostread a{font-size:14px !important; color:#4379BA !important; padding-left: 10px;}
.most_2{width:100% !important;}
.most_2 td{border-top:1px solid #e1e1e1; padding:10px 0; font-size:14px !important;}
.most_2 div{float:right;}




/* 서브페이지
------------------------------------------------------------------------------------------------ */
.sub_contents {padding-top:20px;}
.sub_contents p, .sub_contents ol, .sub_contents ul, .sub_contents dl, .sub_contents table{word-break:keep-all; margin: 0.5em 0 0;}
.sub_contents ol li ol {margin:0.5em 0;}
.sub_contents h2{font-weight:600; color: #4379BA; margin: 1.2em 0 0.5em;}
.sub_contents h3{font-weight:600; color: #4FABD6; margin: 1.2em 0 0.5em;}
.sub_contents h4{font-weight:600; color: #76C9DD; margin: 1.2em 0 0.5em;}
.sub_contents h2 + h3,.sub_contents h3 + h4 {margin-top: 1.0em;}
.sub_contents dl.dl_date {margin-top:1em;}
.sub_contents ol + h2, .sub_contents p + h2, .sub_contents div.box + h2, .sub_contents dl + h2, .sub_contents ul + h2,.sub_contents ol + h3, .sub_contents p + h3, .sub_contents div.box + h3, .sub_contents dl + h3, .sub_contents ul + h3,.sub_contents ol + h4, .sub_contents p + h2, .sub_contents div.box + h2, .sub_contents dl + h2, .sub_contents ul + h2  {margin-top:1.5em;}
.sub_contents ol>li {text-indent: -1em; padding-left: 1em;}
.sub_contents ol.numberbracket>li {text-indent: -1.15em; padding-left: 1.15em;}
.sub_contents ol.circle_number>li {text-indent: -1.3em; padding-left: 1.3em;}
.sub_contents .box{margin:20px 0px;}
.sub_contents .box p {margin: 5px 0px;}
.sub_contents .box p.edit_name {font-weight: 600;}
.sub_contents .box a.orcid {}
.sub_contents .ed_tit{font-size:18px; }
.sub_contents dl.dl_mg dd + dt {margin-top:0.5em;}
.sub_contents dl dt {margin-right: 10px; font-weight: 600;}
.sub_contents dl dd {text-align: justify;}
.sub_contents dl.dl_date dd {text-align:right;}
.sub_contents table.tbl {width: 100%; border-collapse: collapse;}
.sub_contents .tbl th {background-color: #4379BA; color: #ffffff; padding:0.1em; border: 1px solid #ffffff; }
.sub_contents .tbl td {padding:5px; border-collapse: collapse; border: 1px solid #cccccc; text-align: center; min-width: 8%;}
.sub_contents .tbl td[align="left"] {text-align:left;}
.sub_contents li dt, .sub_contents li dd {text-indent:0;}
.sub_contents div.line {border: 1px solid #3A4BA2; padding:2em;}
.sub_contents p.line {margin:1em;}


/* Current Issue */
.book_select { margin:20px 0; border-bottom:2px solid #478BBE; padding-bottom: 10px; overflow: hidden;}
.book_select_name {color:#478BBE; float: left; font-weight: 600; letter-spacing: -0.3; font-size: 20px; min-width: 220px;}
.book_select_list { float:right; font-size: 15px; color:#3A4BA2; padding-top:5px;}
.searchView {font-size:12px; color:#000000;}
.searchView_date {font-size:12px; color:#7D7D7D;}
.searchView h5 a {font-size: 15px; line-height: 130%; color:#4FABD6; padding: 5px 0px; font-weight: 400;}
.searchView_date {padding: 5px 0px 0px 0px; display: inline-block;}
.searchView .xml {padding-left:0px !important;}
.searchView img {margin-right:5px; padding-left:0px !important; margin-top: 5px;}


/* journal archive */
.sub_contents .title1 {display:none;}
.sub_contents .h6type02 {margin:20px 0; width: 100%; font-weight: 600; padding-bottom: 10px;  border-bottom:2px solid #478BBE; color:#478BBE; font-size:20px;}
.sub_contents .h6type02~div {text-align: left !important; color:#4FABD6; font-weight: 600 !important; font-size:25px; line-height: 100%;}
.archive_thumb2 {margin:20px 0px !important;}
.archive_thumb2 td {text-align: left;}
.archive_thumb2 .thumb {margin: 0px 20px 10px 0px !important; display: inline-block; float: none !important; width: auto !important;}
.archive_thumb2 .thumb .noimg, .archive_thumb2 .thumb img {width: 90px; height: 120px; padding-top: 0px; line-height: 120px; margin: 0px auto;}
.archive_thumb2 .thumb br{line-height: 10px;}
.issue_table2 th,.issue_table2 td {text-align: center; font-size:15px !important; word-break: keep-all;}
.issue_table2 th {background:#54C7E2; color: #ffffff; padding: 10px 20px; }
.issue_table2 td {background:#ffffff; color: #ffffff; padding: 10px 0px 10px 20px; }
.issue_table2 td a:after {content: "|"; margin-left:20px; }


/* search for articles */

.search .inbox {
	border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='button')? '' : '5px solid #478BBE');
	background-color:expression( (this.type=='text')? '#FFFFFF' : '');
	border:5px solid #478BBE;
	height:42px;
	width:450px;
	outline:none;
	padding:5px;
}
.pdL5  {padding: 0 0 0 10px;}


.boxContent2 {border:1px solid #478BBE; padding: 20px; color:#478BBE; width: 100%; margin-top: 30px;}
.boxContent2 h4 {display:inline-block; width: 200px;}
.boxContent2 td {vertical-align:top;}
.boxContent2 td>table {display:inline-block; margin-left: 0px !important; vertical-align:top;}
.boxContent2 td>table input{margin: 0px 5px;}
.boxContent2 .pdL5 {padding:0px 10px 3px 0px;}

/* 다운로드 버튼 */
.jamet_eng {display:block; border:2px solid #3A4BA2; width:fit-content; padding:10px 15px; text-align:center; font-weight:bold;}


/* search for articles 버튼 타입 */

.btn_search {color:#FFFFFF; font-size:15px; font-weight: 600;  background-color: #478BBE; padding: 10px 20px;  text-align:center; cursor: pointer;}
.btn_search a {color:#ffffff;}
.btn_search:hover{background-color: #cccccc;}

#sch_options {margin-bottom:20px;}

#doviewoption {color:#3A4BA2;}

/*group members*/
.contents_left .sub_contents .group_member { margin:0 auto;}
.group_member li {height: 40px;  margin:0px 10px 10px 0px; width: 150px; border: 1px solid #cccccc; background-color: #ffffff; text-align: center; list-style: none; line-height: 40px; display: inline-block; vertical-align: top;}




/* footer */
.main_copyright {float:right; padding: 15px 0px 15px 30px; width:calc(100% - 300px); background-color:#ffffff; border-top:1px solid #e1e1e1; box-sizing:border-box; text-align: left;}
.main_copyright img { margin-top:18px; margin-right:40px;margin-bottom: 18px; height: 60px;}
.main_copyright p {float:left; width: 75%; margin-top:20px; font-size: 81.3%;}


/* xm l*/
#article-level-0-back > table tr td:first-child {width: 30px !important; padding-right: 5px !important;}


@media screen and (max-width:420px){
	.boxContent2 table .pdL5:first-child label {display:block;}
	.boxContent2 table .pdL5:first-child input {margin:5px 0px;}

}

@media screen and (max-width:480px){
    #side_box {float: none !important;}
    .wrap .contents .current_bg .NURIMEDIAXML {width: 100% !important}
}


@media screen and (max-width:501px){
	/*main_current*/

	.owl-nav {top:-38;}
	.owl-prev span, .owl-next span {font-size: 25px; line-height: 18px; padding:7px; }
    
	/*sub*/
	.sub_contents{margin:0 auto;}
	
	/*copyright*/
	.mobile_display{display:block;}
	
	/*group members */
	.group_member {margin:0 auto;}
	.group_member li {width:47%;}
	.group_member li:nth-child(2n) {margin-right:0px !important;}
	.group_member li:nth-child(10) {background:#303C4A;}
	.group_member li:nth-child(15) {background:#061234;}
	.group_member li:nth-child(22) {background:#333333;}
	.group_member li:nth-child(30) {background:#5597C9;}
	.group_member li:nth-child(43) {background:#26292E;}
	.group_member li:nth-child(46) {background:#191919;}
	
	/* xml */
	.xml_graphic{width:100%;}
	.section_2{padding:60px 30px;}
	
	/*	34	*/
	.mobile500 td {font-size:0.65em; padding:1px;}	
}


@media screen and (max-width:580px){
	.search {width: 100%;}
	.search td:first-child {width:80%;}
	.search .inbox {width:100%;}
	.btn_search {font-size: 100%;}
}


@media screen and (max-width:950px){
    html, body {position: relative; margin: 0 auto; width: 100%; height: 100%; min-width: 320px; font-size:100%;}
    body {text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; -webkit-text-size-adjust : none;}

    .wrap {position: relative; width:100%; overflow: hidden; margin: auto; min-width: 320px; max-width:100%; font-size: 100%;}
    .wrap .basicTable {width:100%; overflow: hidden;}
    
    .clearfix::before, .clearfix::after {content: " "; display: table;}
    .clearfix::after {clear: both;}
	.contents{width:100%; margin-top:50px;}
    
    /* 탑 이미지 */
    #left_section{display: none;}
	.logo {padding: 10px;}
	
    /* 모바일 메뉴 */
    .menuType {display: none;} 
    .mobile {display: block; position: fixed;width:100%; background-color:#ffffff; z-index: 9997; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
	.nav_bg{position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.8); left:0; top:0; display:none; transition:all 0.4s; overflow-y:scroll}
	.nav_bg.active{display:block; z-index:9998; }
    .mobile_gnb {display: block; overflow: hidden; height:50px; }
    .mobile_menu {position:relative; width:100%; height:100%; overflow: hidden; padding: 10px;  
                        box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;
                        border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer}
	.mobile_menu h4 {display: inline-block; color: #666666;}
    .mobile h4 {float:left; display: inline-block; color: #666666; }
    .mobile_menu .menu-toggle {float: right; position: relative; width: 25px; margin-top:5px;}
    .mobile_menu .menu-toggle li span {position: absolute; right: 0; width: 100%; height: 2px; background: #555555; transition:all 0.4s;}
    .mobile_menu .menu-toggle li:first-child span {top: 1px;}
    .mobile_menu .menu-toggle li:nth-child(2) span {top: 9px;}
    .mobile_menu .menu-toggle li:nth-child(3) span {top: 17px}
    .mobile_menu .menu-toggle.active li:first-child span {top: 9px; transform: rotate(45deg); 
                                                                        -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); background:#ffffff; z-index:9999}
    .mobile_menu .menu-toggle.active li:nth-child(2) span {opacity: 0;}
    .mobile_menu .menu-toggle.active li:nth-child(3) span {top: 9px; transform: rotate(-45deg);
                                                                            -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);background:#ffffff; z-index:9999}
	.mobile_nav li{padding:20px; font-size:16px; }
	.mobile_nav li a{color:#ffffff !important; display: block;}
    

    /* 메인 콘텐츠 */
	.info_1{float:none; text-align: center;}
	.info_2{margin-top:20px;}
	.info_2 h1{text-align: center}
	.info_2 h2{text-align: center}
	.read{display:none;}
	.current_bg{padding:10px;}
	.current_bg h1 {padding-top:50px;display: block;}

    /* footer */
    .main_copyright {text-align: center; padding:15px 0px !important;}
    .main_copyright img {float: none !important; max-width: 198px; margin:10px 0;}
    .main_copyright p {float:none; width: 100%; padding: 0 15px; box-sizing: border-box;}
    }


@media screen and (max-width:1305px){
	.book_select_list { float:none;}
	
	.m_alingl {text-align:left;}
	.m_alingc {text-align:center;}
	.m_alingr {text-align:right;}

}


@media screen and (max-width:1360px){
	.boxContent2 td>table {display:block;}

}


@media screen and (max-width:1550px){
	.section_1, .section_2{width:100%}
}