@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

img {max-width:100%;}

/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:top;margin:5px 0 0 5px;}

a {color:#333;text-decoration:none;}
a:hover,
a:focus {}
a img {vertical-align:middle;}

input[type=text] {margin:0;padding:0;}

a,
input[type=submit],
input[type=button],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;}
textarea {margin:0;}

select,
input[type='text'],
input[type='password'] {height:22px;padding:0px 10px 1px;border:1px solid #cacaca;}
select {height:25px;padding:0;}

input[type=radio],
input[type=checkbox] {vertical-align:middle;margin:0 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0;}

td label,
td span {display:inline-block;}


.btnBg {display:block;width:100%;height:100%;}

/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 16px 2px;font-size:1em;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;border-radius:4px;}

.btn a {height:auto;line-height:1.2 !important;padding:8px 16px 11px;}


.btnBg > * {display:block;width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}




/* 큰 버튼 height:46px */
.btn .btnBig {min-width:80px;height:46px;padding:0 30px;font-size:16px;font-weight:normal;}
.btn a.btnBig {min-width:68px;height:auto;padding:12px 20px 14px;}

div.btnArea * {margin-left:20px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:0 13px 3px;font-size:12px;}
.btn a.btnSmall {height:18px;padding:0 13px 0;}

table.inputTbl span.btn *,
td.btn * {padding-left:20px;height:23px;font-size:12px;}
table.inputTbl span.btn a,
td.btn a {height:18px;padding:2px 13px 1px;font-size:0.9em;}



/* 초록색 */			.btn .btnDef {background-color:#14723c;border-color:#14723c;color:#fff !important;}
/* 남색 */				.btn .btnPoint {background-color:#222733;border-color:#222733;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#797979;border-color:#797979;color:#fff !important;}


/* border+초록색 */		.btn .btnBdDef {background-color:#fff;border-color:#14723c;color:#14723c !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#222733;color:#222733 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#43464a;color:#43464a !important;}

.btn .btnArr {padding-right:40px;background-image:url('/image/icon/btnBl_arr.png');background-position:right center;background-repeat:no-repeat;}




div.wrapper {width:100%;min-width:320px;padding-top:105px;font-family: 'Noto Sans KR', sans-serif;font-size:13px;line-height:1.6;}


div#headerWrap {z-index:100;position:fixed;left:0;top:0;width:100%;height:60px;padding-bottom: 45px;background:#fff;}
div#headerWrap a {display:block;text-decoration:none;}

div#headerWrap h1 {padding-right:70px;}
div#headerWrap h1 a {height: 60px;padding:0 0 0 20px;}
div#headerWrap h1 img {height: 60px;}


div#headerWrap .globalUtil {position:absolute;right:0;top:0;width: 60px;height:60px;}
div#headerWrap .globalUtil a {height:60px;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;}
div#headerWrap .globalUtil a.search {background-image: url('/m/image/headerIcon_search_grey.png');background-size: 24px;}



div.gnbWrap {display:none;z-index:50;position:absolute;left:0;top:60px;width:100%;border-top:1px solid #f9f9f9;background-color:#f9f9f9;box-shadow:0 0 4px rgba(0,0,0,.45);}
div.gnbWrap p.close {position:absolute;right:35px;top:-60px;width:35px;height:60px;}
div.gnbWrap p.close a {height:24px;padding:18px 0;text-align:center;}
div.gnbWrap p.close img {width:24px;}


div.globalSearch {display:none;background-color:#f9f9f9;}
div.globalSearch {position:absolute;left:0;top:105px;width:100%;padding:10px 90px 10px 10px;box-sizing:border-box;}
div.globalSearch input[type=text] {width:100%;height:32px;border:1px solid #c5c5c5;box-sizing:border-box;}
div.globalSearch span.btn,
div.globalSearch p.close {position:absolute;top:10px;width:39px;height:30px;border:1px solid #c5c5c5;border-left:0 none;background-position:center center;background-repeat:no-repeat;background-size:20px;}
div.globalSearch span.btn {right:50px;background-color:#0B4185;background-image:url('/m/image/headerIcon_search.png');}
div.globalSearch p.close {right:10px;background-color:#797979;background-image:url('/m/image/headerIcon_close.png');}


ul#gnb {position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;background-color: #004f94;}
ul#gnb a {display: block;font-size: 13px;line-height: 21px;}
ul#gnb > li {float: left;width: 39%;height: 45px;background: url('/m/image/gnb_bar.png') left center no-repeat;background-size: 1px;}
ul#gnb > li:first-child {width: 22%;background: none;}
ul#gnb > li > a {z-index: 50;position: relative;overflow: hidden;height: 21px;padding:12px 0 12px 35px;color: #fff;}
ul#gnb > li > a img {position: absolute;left: 12px;top: 0;width: 15px;}
ul#gnb > li.on > a {padding-bottom: 18px;background: url('/m/image/gnbBg_on.png') 35px bottom no-repeat;background-size:auto 6px;}
ul#gnb > li.on > a img {top: -45px;}

ul#gnb ul {display: none;position: absolute;left: 0;top: 45px;width: 100%;padding-top: 6px;background: #fff;}
ul#gnb ul li {border-bottom: 1px solid #e1e1e1;}
ul#gnb ul a {padding: 7px 15px;color: #666;}

div#footerWrap {position:relative;padding:0 10px;background-color:#f9f9f9;}

div#footerWrap p.copyright {padding:20px 0 10px;border-top:1px solid #a4a4a4;text-align:center;font-size:0.8em;color:#666;}
p#goTop {position:absolute;left:50%;top:-16px;width:33px;height:33px;margin-left:-16px;background:url('/m/image/btn_goTop.png') 0 0 no-repeat;background-size:33px;}


ul.subMenu {border-bottom: 1px solid #004f94;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: ".";}

ul.subMenu li {float: left;margin-left: 5px;}
ul.subMenu li:first-child {margin-left: 0;}
ul.subMenu a {display: block;padding: 8px 10px 7px;background-color: #efeff0;color: #2a2a2a;font-size: 14px;}
ul.subMenu li.on a {background-color: #004f94;color: #fff;}

div#container {padding-bottom:26px;}
div#container.main {padding:15px 15px 26px;}

div.main dd.tabCon {}
div.main h3 {padding-bottom:10px;color:#000;font-size:2em;font-weight:bold;line-height:1.2;font-family: "Times New Roman", serif;}
div.main h3 span {display:block;font-size:0.8em;font-weight:normal;}

div.main dd.tabCon {position:relative;margin-top: 10px;padding-bottom: 45px;}

div.main dl.currIssue {position:relative;padding:10px 0 8px 5px;border-bottom:1px solid #dad9de;color: #676767;}
div.main dl.currIssue:first-child {border-top:0 none;}
div.main dl.currIssue a {display:block;}

div.main dl.currIssue dt {color:#2a2a2a;line-height:1.2;padding-right:20px;padding-bottom:5px;}
div.main dl.noImg dt {padding-right:0px;}
div.main dl.currIssue dd {margin-top:2px;padding-right:20px;}
div.main dl.currIssue dd span {color: #2a2a2a;}
div.main dl.noImg dd {padding-right:0px;}

div.main dl.currIssue dd.writer {color:#929292;}
div.main dl.currIssue dd.info {color:#5d5d5d;}
div.main dl.currIssue dd.more ul {overflow:hidden;}
div.main dl.currIssue dd.more li {float:left;padding:0 10px;background:url('/m/image/currIssue_bar.png') 0 5px no-repeat;background-size:1px;}
div.main dl.currIssue dd.more li:first-child {padding-left:0;background:none;}
div.main dl.currIssue dd.more a {color:#004f94;}

div.main dl.currIssue dd.img {position:absolute;right:5px;top:10px;width:60px;padding:0;margin:0;background-color:#e7e7e7;}
div.main dl.noImg dd.img {position:absolute;right:5px;top:10px;width:0px;height:0px;padding:0;margin:0;background-color:#e7e7e7;}
div.main dl.currIssue dd.img a,
div.main dl.currIssue dd.img img {width:100%;height:100%;}

div.main dd.tabCon p.viewAll {position:absolute;left:0;bottom:0;width:100%;}
div.main dd.tabCon p.viewAll a {display:block;padding:6px 0 7px;text-align:center;color:#fff;background-color:#424652;}
div.main dd.tabCon p.viewAll img {display:inline-block;width:8px;margin:5px 0 0 5px;vertical-align:top;}

div.main div.mostView {margin-top:15px;border-top:2px solid #0B4185;background-color:#fff;box-shadow:0px 1px 4px rgba(0,0,0,.45);}
div.main div.mostView a {display:block;}

div.main div.mostView ul.tabMenu {overflow:hidden;}
div.main div.mostView ul.tabMenu li {float:left;width:50%;}
div.main div.mostView ul.tabMenu a {padding:4px 0 5px;text-align:center;color:#fff;background-color:#0B4185;}
div.main div.mostView ul.tabMenu li.on a {color:#0B4185;background:#fff url('/m/image/main_bl.png') 90% center no-repeat;background-size:5px;}

div.main div.mostView dd.tabCon {background-color:#fff;}
div.main div.mostView dd li {border-top:1px dotted #a4a4a4;}
div.main div.mostView dd li:first-child {border-top:0 none;}

div.main div.mostView dd.tabCon a {position:relative;padding:10px 5px 10px 70px;color:#616161;line-height:1.2;}
div.main div.mostView dd.tabCon span {position:absolute;left:5px;top:50%;width:60px;margin-top:-1.2em;text-align:center;color:#363636;}

div.main p.note {padding:20px 0;text-align:center;color:#0B4185;font-size:1.2em;}

div.main ul.sns {padding-bottom:10px;text-align:center;}
div.main ul.sns li {display:inline-block;}
div.main ul.sns a {display:block;padding:0 8px;}
div.main ul.sns img {height:22px;}


.subTit {padding:16px 10px 16px 28px;background:#f6f6f6 url('/m/image/subTit.png') 10px 23px no-repeat;background-size:6px;color:#363636;font-size:1.3em;line-height:1.2;}


div.contents {padding:10px;}
div.contents div {padding-top:2px;padding-bottom:8px;}

.boldTit {padding:8px 0;font-weight:bold;color:#363636;font-size:1.2em;line-height:1.2;}
.pointTit {margin-top:2em;font-weight:bold;color:#000;display:none;}
.pointTit:first-child {margin-top:0;}



dl.toggleArea {border-bottom:1px solid #a2a2a2;}
dl.toggleArea > dt {}
dl.toggleArea > dt a {display:contents;color:#595959;font-size:1.2em;line-height:1.2;}
dl.toggleArea > dt a.view {color:#222222;}
dl.toggleArea > dd {display:none;padding:10px;background-color:#f9f9f9;}
dl.toggleArea div {padding-bottom:12px;}

div.metadata-chunk {padding:10px 0px;}

dl.toggleArea > dt.bdTop {border-top:1px solid #a2a2a2;padding:10px 10px 12px;}


ul.issn {font-weight:bold;padding-bottom:1em;}

table.journal {border-top:1px solid #0B4185;}
table.journal th,
table.journal td {padding:5px 10px 7px;border-bottom:1px dotted #a4a4a4;color:#5e5e5e;}
table.journal tr:first-child > * {border-top:0 none;}
table.journal th {background-color:#f4f4f4;color:#363636;}


dl.currIssue {}
dl.currIssue > dd {padding-bottom:0px;}
dl.currIssue a.titlePage {display:block;width:80px;height:94px;border:1px solid #ddd;background-color:#f7f7f7;}
dl.currIssue a.titlePage img {width:100%;height:100%;}

ul.issueList {}
ul.issueList li {margin-top:5px;}
ul.issueList li:first-child {margin-top:0;}
ul.issueList a {display:block;padding:2px 0 4px;color:#0B4185;font-size:1.1em;}


p.vol {padding:10px 5px 0px 5px;font-size:1.2em;color:#7b7b7b;font-weight:bold;}

dl.currentIssue {padding:10px 0;border-bottom:1px solid #a2a2a2;}
dl.currentIssue:first-child {border-bottom:0 none;}

dl.currentIssue > dt {color:#363636;}
dl.currentIssue > dt span {display:block;font-family:Cambria, serif;color:#0071bc;font-weight:bold;}

dl.currentIssue > dd.writer {color:#929292;font-size:0.9em;}
dl.currentIssue > dd.info {color:#5d5d5d;font-size:0.9em;}
dl.currentIssue > dd.util {overflow:hidden;padding-top:10px;}
dl.currentIssue > dd.util a {position:relative;display:block;float:left;padding-left:18px;margin-right:10px;}
dl.currentIssue > dd.util img {position:absolute;left:0;top:50%;width:14px;margin-top:-7px;}

ul.articleMenu {position:fixed;left:0;top:105px;width:100%;padding:10px 5px;border-bottom:1px solid #dcdcdc;box-sizing:border-box;background-color:#f7f7f7;}
ul.articleMenu a {display:block;}
ul.articleMenu > li {float:left;width:20%;padding-left:5px;box-sizing:border-box;}
ul.articleMenu > li:first-child {padding-left:0;}
ul.articleMenu > li {width:70px;}
ul.articleMenu > li.wide {width:100px;}
ul.articleMenu > li > a {padding:3px 10px 5px 5px;border:1px solid #8a8a8a;font-size:0.9em;background:url('/m/image/subMenu_bl.png') right -2px no-repeat;background-size:11px;}

ul.articleMenu dl.subMenu {position:relative;}
ul.articleMenu dl.subMenu > dt a {padding:3px 10px 5px 5px;border:1px solid #8a8a8a;font-size:0.9em;background:url('/m/image/subMenu_bl.png') right -2px no-repeat;background-size:11px;}
ul.articleMenu dl.subMenu > dt a.view {background-position:right -30px;background-color:#0B4185;color:#fff;}
ul.articleMenu dl.subMenu > dd {display:none;position:absolute;right:0;top:37px;border:1px solid #0B4185;background-color:#fff;}
ul.articleMenu dl.subMenu > dd ul {margin-top:-6px;padding:6px 10px 10px;background:url('/m/image/subMenu_bg.png') 80% 0 no-repeat;background-size:8px;}
ul.articleMenu dl.subMenu > dd li {padding-top:5px;}
ul.articleMenu dl.subMenu > dd a {padding-right:10px;color:#2e2e2e;}

dl.brief {padding:10px 0;text-align:left;}
dl.brief > dt {color:#7b7b7b;}
dl.brief > dt span {display:block;color:#363636;}
dl.brief > dd.front {font-size:0.6em;padding-bottom:10px;}
dl.brief > dd.title {font-color:#7b7b7b;font-weight:bold;}
dl.brief > dd.writer {}
dl.brief > dd.affiliaion {font-size:0.9em;padding-top:5px;}
dl.brief > dd.corr {font-size:0.9em;padding-top:15px;}
dl.brief > dd.date {font-size:0.9em;padding-top:5px;}
dl.brief > dd.permissions {font-size:0.6em;padding-top:5px;}


dl#quickMenu {z-index:100;position:fixed;right:0;bottom:0;width:33px;height:33px;}
dl#quickMenu.view {width:100%;height:100%;background-color:rgba(0,0,0,.6);}

dl#quickMenu a {display:block;color:#282828;}
dl#quickMenu > dt {position:absolute;right:10px;bottom:10px;width:33px;height:33px;}
dl#quickMenu > dd {display:none;position:absolute;right:10px;bottom:60px;padding:10px 5px;border:1px solid #0B4185;background-color:#fff;}
dl#quickMenu > dd ul {padding:0 10px 23px;margin-bottom:-23px;background:url('/m/image/quickMenu_bg.png') right bottom no-repeat;background-size:19px;}
dl#quickMenu > dd li {border-top:1px dotted #afafaf;}
dl#quickMenu > dd li:first-child {border-top:0 none;}
dl#quickMenu > dd a {padding:3px 0 5px;}


table#editor_tbl {}
table#editor_tbl td.name {width:40% !important;}


div.popupWrap {z-index:100;position:fixed;left:0;bottom:0;width:100%;background-color:rgba(26,30,33,.9);}
div.popupWrap div.popupCon {padding:10px 38px 10px 10px;color:#fff;}
div.popupWrap p.close {position:absolute;right:10px;top:12px;}
div.popupWrap p.close a {display:block;}
div.popupWrap p.close img {width:18px;}