@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:60px;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;background:#424652 url('/m/image/header_bg.png') center top no-repeat;background-size:100%;}
div#headerWrap a {display:block;text-decoration:none;}

div#headerWrap h1 {padding-right:70px;}
div#headerWrap h1 a {padding:11px 0 11px 14px;}
div#headerWrap h1 img {width:291px;}


div#headerWrap ul.globalUtil {position:absolute;right:0;top:0;height:60px;}
div#headerWrap ul.globalUtil > li {float:left;width:35px;}
div#headerWrap ul.globalUtil a {height:24px;padding:18px 0;text-align:center;}
div#headerWrap ul.globalUtil img {width: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;}

ul#gnb {border-bottom:1px solid #e1e1e1;overflow-x:hidden;overflow-y:auto;}
ul#gnb a {color:#202020;}
ul#gnb li {border-top:1px solid #e1e1e1;}
ul#gnb > li:first-child {border-top:0 none;}
ul#gnb > li > a {padding:11px 30px 11px 15px;font-size:1.2em;background:#f9f9f9 url('/m/image/gnbBl.png') right top no-repeat;background-size:22px;}
ul#gnb > li > a.noSub {background-image:none;}
ul#gnb ul {display:none;background-color:#fff;}
ul#gnb ul a {padding:8px 25px;}

ul#gnb > li.view > a {background-color:#008C44;background-position:right -45px;color:#fff;}
ul#gnb > li.view ul {display:block;}

div.globalSearch {display:none;background-color:#f9f9f9;}
div.globalSearch {position:absolute;left:0;top:60px;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:#424652;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');}

div#headerWrap.viewGnb {}
div#headerWrap.viewGnb ul.globalUtil a.viewMenu {opacity:0;}
div#headerWrap.viewGnb div.gnbWrap {display:block;}



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

div#footerWrap p.copyright {padding:30px 0;border-top:1px solid #a4a4a4;text-align:center;font-size:0.8em;color:#737373;}
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;}
div.main p#goTop {background-image:url('/m/image/btn_goTop_main.png');}




div#container {padding-bottom:26px;}
div#container.main {padding:15px 15px 26px;background:#f0f0f0 url('/m/image/mainBg_new.png') center -59px no-repeat;background-size:100%;}

div.main div.currIssueList {}
div.main h3 {padding-bottom:17px;text-align:center;color:#000000;font-size:1.5em;font-weight:bold;line-height:1.2;}
div.main h3 span {display:block;font-size:0.8em;font-weight:normal;}

div.main div.currIssueList {position:relative;padding:0 10px 32px;border-top:2px solid #424652;background-color:#fff;box-shadow:0px 1px 4px rgba(0,0,0,.45);}

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

div.main dl.currIssue dt {color:#363636;line-height:1.2;padding-right:70px;}
div.main dl.noImg dt {padding-right:0px;}
div.main dl.currIssue dd {margin-top:2px;padding-right:70px;}
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 {position:relative;padding-left:40px;padding-right:0;}
div.main dl.currIssue dd.more:before {position:absolute;left:0;top:33%;margin-top:-0.8em;content:"View : ";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:#424652;}

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 div.currIssueList p.viewAll {position:absolute;left:0;bottom:0;width:100%;}
div.main div.currIssueList p.viewAll a {display:block;padding:6px 0 7px;text-align:center;color:#fff;background-color:#424652;}
div.main div.currIssueList 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 #008C44;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:#008C44;}
div.main div.mostView ul.tabMenu li.on a {color:#424652;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:#424652;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;}

.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:block;padding:10px 10px 12px;color:#595959;font-size:1.2em;line-height:1.2;}
dl.toggleArea > dt a.view {background-color:#424652;color:#fff;}
dl.toggleArea > dd {display:none;padding:10px;background-color:#f9f9f9;}

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


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

table.journal {border-top:1px solid #424652;}
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:#424652;font-size:1.1em;}


p.vol {padding-bottom:10px;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:#F39923;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:60px;width:100%;padding:10px;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 {width:16%;padding-left:0;}
ul.articleMenu > li:last-child {width:22%;}
ul.articleMenu > li.wide {width:42%;}
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:#424652;color:#fff;}
ul.articleMenu dl.subMenu > dd {display:none;position:absolute;right:0;top:37px;border:1px solid #424652;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;font-size:1.5em;}
dl.brief > dd.writer {color:#0065be;}
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 #424652;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;}

ul.txtIndent9 > li,
p.txtIndent9 {padding-left:9px;text-indent:-9px;}
ul.txtIndent11 > li,
p.txtIndent11 {padding-left:11px;text-indent:-11px;}
ul.txtIndent13 > li,
p.txtIndent13 {padding-left:11px;text-indent:-13px;}
ul.txtIndent14 > li,
p.txtIndent14 {padding-left:14px;text-indent:-14px;}
ul.txtIndent15 > li,
p.txtIndent15 {padding-left:15px;text-indent:-15px;}
ul.txtIndent16 > li,
p.txtIndent16 {padding-left:15px;text-indent:-15px;}
ul.txtIndent17 > li,
p.txtIndent17 {padding-left:17px;text-indent:-17px;}
ul.txtIndent18 > li,
p.txtIndent18 {padding-left:18px;text-indent:-18px;}
ul.txtIndent20 > li,
p.txtIndent20 {padding-left:20px;text-indent:-20px;}
ul.txtIndent36 > li,
p.txtIndent36 {padding-left:36px;text-indent:-36px;}

ul.txtIndent9 > li *,
p.txtIndent9 *{text-indent:0;}
ul.txtIndent11 > li *,
p.txtIndent11 *{text-indent:0;}
ul.txtIndent13 > li *,
p.txtIndent13 *{text-indent:0;}
ul.txtIndent14 > li *,
p.txtIndent14 *{text-indent:0;}
ul.txtIndent15 > li *,
p.txtIndent15 *{text-indent:0;}
ul.txtIndent16 > li *,
p.txtIndent16 *{text-indent:0;}
ul.txtIndent17 > li *,
p.txtIndent17 *{text-indent:0;}
ul.txtIndent18 > li *,
p.txtIndent18 *{text-indent:0;}
ul.txtIndent20 > li *,
p.txtIndent20 *{text-indent:0;}
ul.txtIndent36 > li *,
p.txtIndent36 *{text-indent:0;}

.n_btn a,
.n_btn > span,
.n_btn input,
.n_btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height:48px;padding:0 15px 2px;font-size:13px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'NotoSans-Regular', sans-serif;box-sizing:border-box;}

.n_btn a, .n_btn > span {height:auto;line-height: 25px;padding: 5px 10px 6px;}

/* 파란색 */	.n_btn .btnddDef {background-color:#008C44 !important;border-color:#008C44 !important;color:#fff !important;}

.n_btn .download {width: 200px;text-align: left !important;}
.n_btn .download img {float: right;vertical-align: top;padding: 5px 0 0;}