@charset "UTF-8";
 
		* { margin: 0; padding: 0; /*color: #77889a;*/ color:#444;}
       /* body { font-family: 'Helvetica', 'Arial',sans-serif; overflow-x: hidden; }*/
        li { list-style: none; }
        a { text-decoration: none; }
		
		
		/*헤더*/
		/* 2020 주석처리 */
		/*
        #main_header {
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid #c0dde1;
            background: white;
            color: #000000;
			padding:20px 200px 0px 200px;
        }
		*/

		 /*메인 검색*/

        #main_Search {
            height: 60px;
            line-height: 60px;
			padding:20px 200px 20px 200px;
       }
		
		.input_search {
            width: 10%;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}
		.input_submit {
			padding:5px 5px 5px 5px;
		}

		.input_sub_search {
            width: auto;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}

/****************************************************************************************/
		.input_sub_search_1 {
 /*         width: 17%;		2019 11 25	*/
			width: 13%;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}
		.input_sub_search_2 {
/*			width: 15%;		2019 11 25	*/
			width: 10%;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}
		.input_sub_search_3 {
 /*			width: 15%;		2019 11 25	*/
			width: 12%;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}
		.input_sub_search_4 {
            width: 5%;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}
		.input_sub_search_5 {
            width: 5%;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}
		.input_sub_search_6 {
            width: 3%;
			padding:5px 5px 5px 5px;
			margin : 0px 0px 0px 0px;
		}
/****************************************************************************************/
		/* 2020 추석 처리 */
		/*
		#sub_Search {
            height: 60px;
            line-height: 60px;
			padding:20px 200px 20px 200px;
			display: block;
			margin: 20px auto 20px 200px;
			width: calc(100% - 200px);

       }
		*/

		button.css3button {
			cursor: pointer;
			/*font-family: Arial, Helvetica, sans-serif;*/
			font-size: 12px;
			color: #333332;
			padding: 8px 20px;
			background: -moz-linear-gradient(
				top,
				#f7f4f7 0%,
				#ffffff 50%,
				#d9d6d9);
			background: -webkit-gradient(
				linear, left top, left bottom,
				from(#676467),
				color-stop(0.50, #ffffff),
				to(#696669));
			background: linear-gradient(to bottom, #676467 0%, #ffffff 50%, #696669 100%);
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			border: 0px solid #f7f4ed;
			-moz-box-shadow:
				0px 0px 0px rgba(000,000,000,0.5),
				inset 0px 0px 0px rgba(252,249,252,1);
			-webkit-box-shadow:
				0px 0px 0px rgba(000,000,000,0.5),
				inset 0px 0px 0px rgba(252,249,252,1);
			box-shadow:
				0px 0px 0px rgba(000,000,000,0.5),
				inset 0px 0px 0px rgba(252,249,252,1);
			text-shadow:
				0px 0px 0px rgba(000,000,000,0.1),
				0px 1px 0px rgba(255,255,255,1);
		}
		button.css3button a {
			color: #333332;
			padding: 1px 0;
    		display: inline-block;
		}

		/*메인이미지*/ /* 2020년 주석처리 */
		/*
        #main_img {
            height: 170px;
            line-height: 130px;
			
            background: #004c86;
            color: #000000;
			padding-bottom:20px;
        }

        #main_img > div {
			margin:auto;
			width: 70%;
			*width: 69.5%;
            text-align: center;
			}
		*/

		/*네비게이션*/
		/* 2020 추석처리 */
		/*
        #main_gnb {
            overflow: hidden;
            border-bottom: 1px solid #c0dde1;
            background: #c0dde1;
			padding-left: 200px;
			padding-right:200px;
        }
        #main_gnb > ul.left {
            overflow: hidden;
            float: left;
        }
        #main_gnb > ul.right {
            overflow: hidden;
            float: right;
        }
        #main_gnb > ul.left > li { float: left; }
        #main_gnb > ul.right > li { float: left; }
		*/
        /* a 태그 설정 */
		/* 2020 주석처리 */
		/*
        #main_gnb a {
                      display: block;
            padding: 10px 20px;          
            border-left: 1px solid #c0dde1;
            border-right: 1px solid #c0dde1;
            color: black;
            font-weight: bold;
        }

		*/
	/* 하단 네비게이션 */
        #bottom_gnb {
            padding: 10px;
            border-top: 3px solid #c0dde1;
            text-align: center;
			background-color: #c0dde1;
        }
        /* a 태그 설정 */
        #bottom_gnb a {
            /* 레이아웃 설정 */
            /*display: block;*/
            padding: 10px 20px;

            /* 색상 설정 */
            border-left: 1px solid #c0dde1;
            border-right: 1px solid #c0dde1;
            color: #3e3e3e;
            font-weight: bold;
        }

	/* 콘텐츠 */
        #wrap { overflow: hidden; }
        #wrap > #main_lnb { 
            float: left;
            width: 200px;
        }
        #wrap > #content_wrap {
            float: left;
            width: 100%;
            *width: 99.9%;
            margin-right: -200px;
        }
        #wrap > #content_wrap > #content { padding-right: 200px; padding-left: 200px; text}

	/* 수직 목록 */
        #wrap { background: #71B1D1; }
        #main_lnb > ul > li > a {
            display: block;
            height:40px; line-height: 40px;
            padding-left: 15px;
            border-top: 1px solid #96D6F6;
            border-bottom: 1px solid #6298B2;
            color: white;
            font-weight: bold;
        }

	/* 본문 */
        #content {
            background: white;
            border-left: 1px solid black;
        }
        article { padding: 10px; }
	
	/* 푸터 */
        #main_footer {
            /*padding-top: 50px;*/
            border-top: 3px solid #c0dde1;
            text-align: center;
			padding:20px 200px 20px 200px;
        }
		 #main_footer > #s_left {
			width:10%;
			float:left;
			padding-bottom: 20px;
		 }
		 #main_footer > #center {
			width:80%;
			float:left;
			padding-bottom: 20px;
			font-size:13px;
            font-weight: bold;
		 }
		 #main_footer > #s_right {
			width:10%;
			float:left;
			padding-bottom: 20px;
		 }

		 #footer {
			border-top: 2px solid #d80010;
			background: #f9f9f9;
			padding: 15px 0;
		 }

		#footer * {
			/*font-family: 'Nanum Gothic', NanumGothic, "arial";*/
			line-height: 160%;
		}

		#footer .area {
		 	margin: 20px auto 20px 200px;
			width: calc(100% - 200px);

			position: relative;
			max-width: 1060px;
		}
		#footer table {
			font-size: 12PX;
			margin-bottom: 30px;
		}
		#footer #copyright {
			color: #0061c4;
		}
		#footer #copyright a {
			color: #0061c4;
			text-decoration: underline;
		}
		#footer #grayBox {
			max-width: 958px;
			min-width: 658px;
			padding: 15px 20px;
			border: 1px solid #d5d5d5;
			background: #f0f0f0;
			color: #767676;
		}
		#footer b,
		#footer div {
			color: black;
		}
		#footer a {
			color: #0000ee;
			text-decoration: underline;
		}
		.fs11 { font-size: 11px !important;; }
		.lp5 { padding-left: 5px; }
		.rp5 { padding-right: 5px; }

	/* 컨덴츠 부분*/
		/* 2020 주석처리 */
		/*
        .row 
		{
			overflow: hidden;
			width:1266px;
			padding:20px 200px 20px 200px;
        }
		*/
        #article-front .row 
		{
			overflow: hidden;
			/*width: calc(100% - 200px);
			padding: 0 200px 0 0px;*/
			width: 100%;
			padding: 0;
        }
		.row [class*=span] 
		{
                float: left;
        }
		
		.row1 
		{
			overflow: hidden;
			width: 78%;
			padding:20px 200px 20px 200px;
        }
		.row1 [class*=span] 
		{
                float: left;
        }

        .row_2 {
			overflow: hidden;
			width: 100%;
			padding:0px 200px 10px 200px;
        }


        .span_1 {
          width: 15%;
          *width: 14.5%;
		  font-size: 10px;
        }
        .span_2 {
          width: 85%;
          *width: 84.5%;
		font-size: 10px;
		}
		.span_2 > h1 {
			padding:0px 0px 20px 0px;
		}
		.span_2 > p {
			font-size : 14px;
			padding:0px 0px 10px 0px;
		}
		.homesearch-quick-content {
		  padding:0 8px 28px;
		}
        .span_3 {
          width: 100%;
          *width: 99.5%;
        }

        .span_4 {
          width: 99%;
          *width: 98.5%;
			border-bottom:1px solid black;
        }

		/*하단 논문 정보*/
        .bottom_text {
			/* 상단 배경색 / 글자색 white*/
            background: white;
            color: #ffffff;
			padding:0px 200px 10px 200px;
            text-align: center;
			margin:auto;
        }
		.bottom_text > ul{
            background: #FFA500;
			padding:30px;
			width: 100%;
			*width: 99.5%;
		}

		.bottom_text > ul > li{
            background: black;
			opacity: 0.7;
			padding:30px;
			width: 90%;
			*width: 89.5%;
			line-height:2.3em;
			margin:auto;
			font-size:15px;
		}

.coverage_span_1 {
	width: calc(100% - 450px) !important; /* 330px*/
}

.articles .intro_span_2 {
	width: 330px !important;
}
#rightBar {
	width: 305px !important;
}
#rightBar * {
	color: black;
	/*font-family: 'Nanum Gothic', NanumGothic, "arial";*/
}
#rightBar div {
	font-size: 14px;
}
#rightBar * a {
	font-size: 14px;
	text-decoration: underline;
	color: #0000ee;
}
#rightBar img {
	vertical-align: middle;
}
#rightBar td {
	font-size: 12px;
}
#rightBar #related a {
	color: black;
	text-decoration: none;
}
#rightBar #related a:hover {
	color: #62a700;
}

#articleLayer {
	color: black;
	font-size: 15px;
	line-height: 160%;
	vertical-align: top;
	min-height: 483px;
	display: inline-block;
}
.abstract *,
#articleLayer .metadata.two-column .metadata-group,
#articleLayer .metadata.two-column h3,
#articleLayer .metadata.two-column p,
#articleLayer .metadata.two-column p > a,
#articleLayer .metadata.two-column span,
.metadata-entry .generated,
#article-body .section div,
#article-body i,
#article-body h4,
#article-back p,
.ref_layer,
#inThisPage a[href^="#__"],
#article-body div[title] {
	color: black;
}
#articleLayer h3 {
	margin: 19.890px 0;
}
/*#articleLayer .artCat {
	color: #62a700;
}*/
#articleLayer .permissions_ * {
	color: #EB5C00;
	font-size: 11px;
}
#articleLayer a,
#articleLayer .permissions_ a {
	text-decoration: underline;
	color: #0000ee;
}
.metadata-entry [target="_blank"],
.metadata-entry a[href^="mailto:"] {
	color: #0000ee !important;	
}
.front {
	margin-bottom: 25px;
}
.fig.panel,
.table-wrap.panel {
	width: auto !important;
}
.table-wrap.panel table * {
	color: black;
	font-size: 12px;
	line-height: 160%;
}
.table-wrap table {
	margin-bottom: 1em !important;
}
.caption *,
.fig.panel td a {
	font-size: 12px;
	line-height: 160%;
}


div[id^="idp"] {
	margin-bottom: 15px;
}
.cell {
	display: table-cell;
}


/* journals */ /* 아래 CSS가 journals 페이지 이외에 다른 곳에도 쓰이는지 확인 할 것 */

.journals {
	position: relative;
}

.journals .row {
	display: block;
	margin: 20px auto 20px 200px;
	width: calc(100% - 210px);
	padding-left: 0;
	padding-right: 0;
}

/*.journals .coverage_span_1 #coverage_gnb_sub .left,
.journals .coverage_span_1 #coverage_gnb_sub .right {
	display: inline-block;
	vertical-align: middle;
}*/

.journals #coverage_gnb_sub {
	height: auto;
	padding: 1em;
}

.journals #coverage_gnb_sub > .left {
	width: 100%;
	float: none;
	margin-bottom: 1.5em;
}
.journals #coverage_gnb_sub > .right {
	width: 100%;
	float: none;
}


.journals .coverage_span_1 #coverage_gnb_sub li img {
	height: auto !important;
}

.journals .coverage_gnb_mo4 {
	margin-top: 10px;
	border-top: 1px solid #666666;
}

.journals .coverage_gnb_mo4.active-next {
	border-top: none;
}

.journals .coverage_gnb_mo4 .right h1:after {
	content: '▽';
}
.journals .coverage_span_1 div:nth-of-type(3) {
	border-top: none;
}

.journals .coverage_gnb_mo4 .right {
	background-color: white !important;
}
.journals .coverage_gnb_mo4 .right.active {
	background-color: #efefef !important;
}
.journals .coverage_gnb_mo4 .right.active h1:after {
	content: '△';
}
.journals .intro_span_2 {
	width: 210px;

}


/* advanced */

.advanced .search_span_2_li_1 *,
.advanced .search_span_2_li_2 * {
	/*font-family: 'Nanum Gothic', NanumGothic, "arial";*/
}
.advanced .search_span_2_li_1,
.advanced .search_span_2_li_2 {
	padding: 10px;
	background: none;
	/* border-bottom: 1px solid #e2e2e2; */
	text-align: left;
}
.advanced .search_span_2_li_1 italic,
.advanced .search_span_2_li_2 italic {
	color: black;
}
.advanced .search_span_2_li_1 h2,
.advanced .search_span_2_li_2 h2 {
	margin-top: 0;
	margin-bottom: 0;
}
.advanced .search_span_2_li_1 a,
.advanced .search_span_2_li_2 a {
	color: black;
	font-size: 17px;
    text-decoration: none;
	line-height: 160%;
}
.advanced .search_span_2_li_1 h3,
.advanced .search_span_2_li_2 h3 {
	color: black;
	font-size: 9pt;
    font-weight: normal;
	line-height: 160%;
	padding-top: 5px;
}
.advanced .search_span_2_li_1 br,
.advanced .search_span_2_li_2 br {
	display: none;
}

.issues .row {
	display: block;
}
.issues .search_view_span_1 {
	width: 25%;
}
.issues .search_view_span_2 {
	width: 67%;
}
/*
.issues .search_view_span_2 {
	width: 54%;
}
*/
.issues .search_view_span_2 * {
    /*font-family: 'Nanum Gothic', NanumGothic, "arial";*/
}
.issues .intro_span_2 {
	width: 23.3%;
}
.issues .articleTitle * {
	font-size: 17px;
	color: black;
	font-weight: bold;
	line-height: 160%;
}
.issues .articleTitle *:hover {
	color: #61c3a6;
}
.issues .article_txt, 
.issues .article_txt * {
	font-size: 9pt;
	color: black;
	line-height: 160%;
}
.issues .article_txt a font {
	color: #0000EE;
	text-decoration: underline;
}
.issues .article_txt2 {
	font-size: 9pt;
	color: #696D78;
}
.issues .search_view_span_2 td > div > a {
	font-size: 9pt;
	color: #0000EE;
	text-decoration: underline;
}
.issues .search_view_span_2 tr > td:nth-of-type(1) {
	padding-top: 15px !important;
}
.issues .search_view_span_2 tr > td[colspan="3"] {
	padding: 0px !important;
}
.issues .search_view_span_2 tr table td:nth-of-type(1) {
	padding-top: 5px !important;
    padding-bottom: 4px;
}

.journals-list .row {
	display: block;
	margin: 20px auto 20px 200px;
	width: 80%;
	padding-left: 0;
	padding-right: 0;
}
.journals-list .row .left {
	width: 20%;
	float: left;
	padding: 10px 0px 10px 10px;
}
.journals-list #coverage5_gnb_mo5 .left {
	width: 100%;
}
.journals-list .row .main-content {
	width: 51.5%;  /* 53%;*/
	float: left;
}
.journals-list .row .intro_span_2 {
	width: 228px;
	float: left;
}
.journals-list #coverage6_gnb_mo6 {
	padding: 10px 0px 5px 0px;
	margin-right: 12px;
}
.journals-list #coverage5_gnb_mo5 .right {
	display: none;
}
.journals-list #coverage6_gnb_mo5 li {
	font-size: .9em;
}
.journals-list .page-title {
	font-size: 1.5em;
	border-bottom: 1px solid #c0dde1;
}
.journals-list .row > .left {
	padding-left: 0px;
}
.journals-list .category-wrap {
	padding-top: 20px;
	padding-left: 40px;
	padding-bottom: 20px;
}
.journals-list .category-wrap .coverage2_gnb_title_1 {
	margin-bottom: 5px;
}
.journals-list .category-wrap .coverage2_gnb_title_1 li {
	font-size: .9em;
	line-height: 1.8em;
}
.journals-list .right * {
	/*font-family: 'Nanum Gothic', NanumGothic, arial;*/
}
.journals-list .right h1 a {
	font-weight: normal;
	font-size: 17px;
	color: black;
}
.journals-list .right #coverage6_gnb_mo5 li {
	font-size: 9pt;
	color: black;
}
.journals-list .right #coverage6_gnb_mo5 li a {
	color: #0000EE;
	text-decoration: underline;
}
.journals-list .right #coverage6_gnb_mo5 > ul {
	width: 20%;
}
.journals-list .right #coverage6_gnb_mo5 > ul:nth-of-type(4) {
	display: none;
}
.journals-list .right #coverage6_gnb_mo5 > ul:nth-of-type(5),
.journals-list .right #coverage6_gnb_mo5 > ul:nth-of-type(6) {
	width: 40%;
}
.journals-list .right #coverage6_gnb_mo5 > ul br {
	display: none;
}
.journals-list .main-content .right > div:nth-child(even) {
	background: #dfdfdf;
}

/*
 * =============================================================
 * 2020 하반기 CSS 추가
 * =============================================================
*/

body { min-width:1300px; font-family: 'Roboto', sans-serif !important; }/*210107 수정*/
img { border:0; }

/* 버튼 스타일 */
.btnBasic { display:inline-block; position:relative; background:#fff; border:1px solid #222; transition:0.3s; outline:0; cursor:pointer; overflow:hidden; }
.btnStyle01 { padding:0 10px; height:30px; color:#fff; background:#6585c4; border:0; border-radius:3px; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important;}
.btnStyle02 { padding:5px 10px; color:#fff; background:#6585c4; border:0; border-radius:3px; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important;}
.btnStyle02 { transition:all 0.1s }
.btnStyle02:hover { box-shadow: 1px 1px 3px #999; opacity:0.8; transition:all 0.1s }



/* 헤더 변경_201023 */
.clearFloat:after { content:""; display:block; clear:both; }
#main_header2 { width:100%; min-width:1200px; height:85px; background:#fff; }	 
.headerWrap { margin:0 auto; width:1200px; }
.headerWrap .headerLogo { float:left; }
.headerWrap .headerLogo a { display:inline-block; padding:31px 0; }
.headerWrap .headerLogo a img { width:252px; height:100%; border:0; }
.headerWrap .headerMenu { float:right; }
.headerWrap .headerMenu ul { display:inline-block; padding:40px 0 0 0; }
.headerWrap .headerMenu ul li { float:left; }
.headerWrap .headerMenu ul li a { display:inline-block; position:relative; padding:0 6px; font-size:13px; }
.headerWrap .headerMenu ul li a:hover { text-decoration:underline; }
.headerWrap .headerMenu ul li a:after { content:"|"; display:inline-block; position:absolute; right:-2px; }
.headerWrap .headerMenu ul li:last-child a:after { display:none; }
/* 메인 메뉴 변경_201023 */
#main_gnb2 { width:100%; min-width:1200px; height:42px; background:#6585c4; }
.mainGnbWrap { margin:0 auto; width:1200px; }
#main_gnb2 ul {  }
#main_gnb2 ul li { float:left; }
#main_gnb2 ul li a { display:inline-block; position:relative; padding:10px 20px; font-weight:bold; color:#fff; }
#main_gnb2 ul li a {  }
#main_gnb2 ul li a:before { content:""; position:absolute; width:100%; height:2px; bottom:5px; left:0; background:#fff; visibility:hidden; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; }
#main_gnb2 ul li a:hover:before { visibility:visible; -webkit-transform:scaleX(1); transform:scaleX(1); } 


/* 검색영역 변경_201023 */
.sub_Search2 { width:100%; padding:40px 0;  min-width:1200px; }
.sub_Search2 .srchWrap { margin:0 auto; width:1200px; }
.sub_Search2 .srchWrap label { margin-right:6px; }
.sub_Search2 .srchWrap label .srchInput { padding:0 10px; height:30px; text-align:left; background:#fff; border:1px solid #222; border-radius:3px; vertical-align:top; -moz-box-sizing:border-box  !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important; }
.sub_Search2 .srchWrap label:nth-of-type(1) .srchInput { width:15% }
.sub_Search2 .srchWrap label:nth-of-type(2) .srchInput { width:10% }
.sub_Search2 .srchWrap label:nth-of-type(3) .srchInput { width:11.2% }
.sub_Search2 .srchWrap label:nth-of-type(4) .srchInput { width:21% }
.sub_Search2 .srchWrap label:nth-of-type(5) .srchInput { width:7% }
.sub_Search2 .srchWrap label:nth-of-type(6) .srchInput { width:7% }
.sub_Search2 .srchWrap label:nth-of-type(7) .srchInput { width:7% }
.sub_Search2 .srchWrap button { transition:all 0.1s }
.sub_Search2 .srchWrap button:hover { box-shadow: 1px 1px 3px #999; opacity:0.8; transition:all 0.1s }
/* 메인이미지 변경_201027 */
.mainImgWrap { width:100%; background:#004c86; }/* 상단 배경색 / 글자색 */
#main_img { margin:0 auto; width:1200px; text-align:center;}
#main_img img { border:0; }

/* 공통 메인페이지 wrapper 스타일 */
.row { margin:0 auto; padding:20px 0; width:1200px; min-height:510px; overflow:hidden; }
.rowNew { margin:0 auto; padding:20px 0; width:1200px; min-height:510px; overflow:hidden; }
.rowNew [class*=span] { float: left; }

/* footer */
.btmNav { width:100%; background:#f5f5f5; border-top:3px solid #e35259; }/* #5B9ACF #0f90ea  #87abf1  #d6e5f2   #549fde* #2e4161 #5e667a  #f5f5f5 #5b5c5c */
.btmNav  div { margin:0 auto; width:1200px; height:44px; line-height:42px; }
.btmNav  div ul { margin:0 auto; width:400px; }
.btmNav  div ul li { float:left; width:calc(100%/3 - 10px); text-align:center; }
.btmNav  div ul li a { position:relative; color:#444; font-weight:bold; }
.btmNav  div ul li a:before { content:""; position:absolute; width:100%; height:2px; bottom:-5px; left:0; background:#444; visibility:hidden; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; }
.btmNav  div ul li a:hover:before { visibility:visible; -webkit-transform:scaleX(1); transform:scaleX(1); } 
footer { padding:25px 0; width:100%;  background:#fff; border-top:1px solid #eee; }
footer div { margin:0 auto; width:1200px; }
footer .footerLogoL { float:left; width:25%; }
footer .footerLogoL a { display:inline-block; }
footer .footerLogoL img { width:auto; height:22px; }
footer .address { float:left; width:50%; }
footer .footerLogoR {  float:right; width:25%; text-align:center; }
footer .footerLogoR a { display:inline-block; }
footer .footerLogoR img { width:auto; height:22px; vertical-align:middle; }