/* -------------------------------------------------------------------------------------- reset css -------------------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
* {margin:0; padding:0; font-family:'Noto Sans KR',"tahoma", "Arial", "돋움"; font-size: 100%; font-weight: normal;}
html, body {position: relative; margin: auto; width: 100%; height: 100%; min-width: 320px; }
body {-webkit-text-size-adjust: 100%;}
@media screen and (max-width:480px){
    body {text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; -webkit-text-size-adjust : 100%; background-color:#ffffff;}
	
}
div, table, caption, thead, tbody, tfoot, tr, th, td, form, header, article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section,
h1, h2, h3, h4, h5, h6, p, span, a, ul, li, dl, dt, dd, ol {margin: 0; padding: 0;}
body, td, p, input, button, textarea, select, ul, li, span, div {font-family:'Noto Sans KR',"tahoma", "Arial", "돋움"; font-size: 100%; font-weight: normal; color: #333333;}
blockquote{margin-left:40px;}
img {border: 0 none;}
b{font-weight:bold}
li {list-style: none;}
a {text-decoration: none; cursor: pointer;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, textarea {margin: 0; padding: 0;}
strong {font-weight: 600;}
.bold {font-weight: 600;}
.blind {width: 0; height: 0; text-indent: -9999px; position: absolute; left: -9999px;}
.txtblind {font-size: 0;}
.normal {font-weight: 300;}
.bold {font-weight: 600;}
.bolder {font-weight: 800;}
.light {font-weight: 200;}
.fl {float:left;}
.clearfix::before, .clearfix::after {content: " "; display: table;}
.clearfix::after {clear: both;}




/* -------------------------------------------------------------------------------------- 공통설정 -------------------------------------------------------------------------------------- */

#wrap {position:relative; width: 100%; height: auto; min-width: 320px;}
#container {position: relative; width: 100%; overflow:hidden;}

.contents {position: relative; margin: auto; width:1200px; overflow: hidden; box-sizing:border-box; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.left{float:left; background: #ffffff; padding:30px 20px; width:850px;
        box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.right{float:right; width: 300px; overflow:hidden;  background: #eeeeee; border-left:1px solid #cccccc;padding:30px 20px; border-bottom:1px solid #cccccc;}


.contents .contents_left{float:left; width:850px; min-height: 1200px; background: #ffffff; padding:30px 20px;
                                box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.contents .contents_right{float:right; width: 300px; overflow:hidden;  border-left: 1px solid #cccccc; padding:30px 20px; border-bottom:1px solid #cccccc;}


@media screen and (max-width:1220px){
    .contents {width: 100%; height: auto; min-width: 320px; border:0;}
    .left {float: none; width: 100%; padding: 30px 20px;}
    .contents .contents_left {float: none; width: 100%; padding: 30px 20px;}
    .right {float: none; position: relative; width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0 20px; box-sizing:border-box; border: none; background: none; border-bottom:none; background: #ffffff;}
    .contents .contents_right {float: none; position: relative; width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0; border: none; background: none;border-bottom:none; display:none;}
}



/* -------------------------------------------------------------------------------------- header -------------------------------------------------------------------------------------- */

#header {position:relative;  width:100%}
.header_area {width:100%; height:180px;}
.header_inner {position:relative; margin:auto; width:1200px; background:#003366}
.menu_inner{position:relative; margin:auto; width:1200px; background:#ffffff;}
/* header box */
.header_inner .header_box {width: 100%; height:100%; overflow: hidden;}
.header_inner .search{position:absolute; bottom:20px; right:20px;}
.header_inner .mspan .inbox {
	font-size:14px; color:#515151; vertical-align:middle;
	border:none;
	padding: 10px;
	height:30px; width:300px;
	outline:none;
	border-radius:1px;
	line-height:30px;
}
.header_box .logo a {float:left; color:#ffffff; font-size:90px; font-weight:bolder; margin-left:50px; margin-bottom:-10px;}
.header_box .kci{background-color:#ffffff; padding:5px; color:#222222; font-style:italic; font-size:14px; font-weight:600; margin-top:75px; margin-left:30px;}
.header_box .header_sub{color:#ffffff; clear:both;; margin-left:50px; font-weight:100; font-size:21px;}
.header_box .header_sub span {color: #ffffff; font-size: 106.3%; font-weight: 400; margin-left:3px;}
.header_issn{color:#ffffff; font-size:13px; font-style:italic; position:absolute; top:15px; right:20px; font-weight:100;}
.header_box text {float: left; display: inline-block; padding: 1px 4px; background: #02ad4f; color: #ffffff; font-size: 68.8%; font-weight: 300; letter-spacing: -0.3px;}
.header_box p {float:left; margin: 10px 0 0 20px; font-size: 106.3%; font-weight: 200; color: #ffffff; letter-spacing: -0.2px;}
/* header link */
.header_inner .header_link {position: absolute; top: 90px; right: 20px;}
.header_link li {display: inline-block; margin-left: 5px;}
.header_link li a {color: #ffffff; font-size: 13px;; font-weight: 300;}
.header_link li a:hover {color:#006CFF ;}

@media screen and (max-width:1220px){
    .header_inner {padding: 0 20px; width: 100%;
                        box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.menu_inner {padding: 0 20px; width: 100%;
                        box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.header_box .logo a {margin-left:30px;}
	.header_box .header_sub{margin-left:30px;}
}
@media screen and (max-width:1024px){
    .header_area {height: 120px; background-image:linear-gradient(90deg, #172b72 0%, #2f6aa2 37%, #4187a5 66%, #43969c 86%, #499a9b 100%);
                    -moz-background-image:linear-gradient(90deg, #172b72 0%, #2f6aa2 37%, #4187a5 66%, #43969c 86%, #499a9b 100%);
                    -ms-background-image:linear-gradient(90deg, #172b72 0%, #2f6aa2 37%, #4187a5 66%, #43969c 86%, #499a9b 100%);
                    -o-background-image:linear-gradient(90deg, #172b72 0%, #2f6aa2 37%, #4187a5 66%, #43969c 86%, #499a9b 100%);
                    -webkit-background-image:linear-gradient(90deg, #172b72 0%, #2f6aa2 37%, #4187a5 66%, #43969c 86%, #499a9b 100%);}
	.header_box .logo a{font-size:60px;}
	.header_box .kci{margin-top:43px; font-size:12px; margin-left:15px;}
	.header_box .header_sub{font-size:15px;}
	.header_inner .search{display:none;}
}
@media screen and (max-width:740px){
	.header_box .logo{float:none; text-align:center; margin-top:10px;}
	.header_box .logo a{font-size:65px; float:none; }
	.header_box .kci{display:none;}
	.header_box .header_sub{font-size:15px; text-align:center; margin-left:0; display:none;}
	.header_issn{font-size:10px; top:5px; display: none;}
	.header_link{display:none;}
	.header_box .logo a {margin-left:0}
}

/*top btn*/
.top_btn {position: fixed; right: 20px; bottom: 20px; display: none;  z-index: 9999; cursor: pointer;} 
.top_btn img {height: 35px;}




/* -------------------------------------------------------------------------------------- menu -------------------------------------------------------------------------------------- */

/* menu */
#menu, .subMenuType {display: none;}

/* gnb */
.gnb {position: relative; width: 100%; }
.gnb h4 {display: block; width: 100%; height: 40px; padding-left: 20px; line-height: 40px; background:#3f7ebc; font-size: 93.8%; color: #ffffff; text-align: left; 
            box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* nav */
.gnb .nav {width: 100%;  box-sizing:border-box; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.gnb .nav li{cursor:pointer; display: block; float:left; width:20%; height: 55px;  text-align:center; line-height: 55px;  border-bottom: 1px solid #cccccc; color: #333333; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; position:relative; font-size:17px;}
.gnb .nav li a {display: block;    color: #333333; text-align:center;
                    box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.gnb .nav li:hover {color: #003399;}
.gnb .nav li a:hover {color: #003399;}
.gnb .nav li ol{position:absolute; width:1200px; display: none;}
.gnb .nav li ol li{width:auto; z-index: 9999; background:#efefef; padding:10px 20px 10px 10px; height:auto; font-size:14px; line-height:20px;}
.gnb .nav li ol li:first-child{border-left:1px solid #cccccc;}
.gnb .nav li ol li:last-child{border-right:1px solid #cccccc;}
.sub_1{left:-1px;}
.sub_2{left:-241px;}
.sub_3{left:30px; width:600px !important;}

/* mobile */
.mobile_gnb {display: none;}


@media screen and (max-width:1220px){
    /* mobile gnb */
    .gnb {display: none;}
    .mobile_gnb {display: block; margin: 30px 0 0; overflow: hidden;}
    .mobile_menu {position:relative; width:100%; overflow: hidden; padding: 10px; background: #eeeeee; z-index: 1000; 
                        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;}
    .mobile_menu h4 {float:left; display: inline-block; color: #666666;}
    .mobile_menu .menu-toggle {float: right; position: relative; width: 25px;}
    .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: 3px;}
    .mobile_menu .menu-toggle li:nth-child(2) span {top: 11px;}
    .mobile_menu .menu-toggle li:nth-child(3) span {top: 19px}
    .mobile_menu .menu-toggle.active li:first-child span {top: 11px; transform: rotate(45deg); 
                                                                        -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
    .mobile_menu .menu-toggle.active li:nth-child(2) span {opacity: 0;}
    .mobile_menu .menu-toggle.active li:nth-child(3) span {top: 11px; transform: rotate(-45deg);
                                                                            -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
    .mobile_nav {width: 100%; background: #f6f6f6;}
    .mobile_nav a {display: block; width: 100%; padding: 5px 10px; color: #333333; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; font-size:14px;}
    .mobile_nav li:first-child a {padding-top: 10px;}
    .mobile_nav li:last-child a {padding-bottom: 10px;}
    .mobile_nav a:hover {color: #003399;}
	.mobile_nav li span{font-size:10px;}
    
    /* banner mobile */
    .banner_pc {display: none;}
    .banner_mobile {display: block; width: 100%; overflow: hidden; margin-top: 30px; text-align: center; 
                            box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .banner_mobile h4 {display: block; width: 100%; height: 40px; line-height: 40px; background:#3f7ebc; font-size: 93.8%; color: #ffffff; text-align: center; 
                                box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .banner_mobile ul {width: 100%; padding: 20px 0; background: #f6f6f6;
                            box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .banner_mobile li {display: inline-block; margin: 0; padding: 0;}
    .banner_mobile img {height: 50px;}
}
@media screen and (max-width:480px){
    .banner_mobile li {display:block; margin-top: 10px;}
    .banner_mobile li:first-child {margin-top: 0;}
}


/* -------------------------------------------------------------------------------------- bot_banner -------------------------------------------------------------------------------------- */
.bot_banner{width:100%; padding:30px 20px; clear: both; box-sizing:border-box;}
.bot_banner img{border:1px solid #cccccc; box-sizing:border-box; width:150px;}
.banners{text-align:center;}
@media screen and (max-width:740px){
    .bot_banner img{width:150px;}
}


/* -------------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------------- */

.main_copyright {position: relative; width: 1200px; overflow: hidden; padding: 30px 0; background: #cccccc; margin:0 auto;}
.copy_box {position:relative; margin:auto; width:1200px;}
.copy_box .logo {float: left; margin-right: 30px;}
.copy_box .add {float:left;}
.copy_box .add p {font-size: 81.3%; font-weight: 300; line-height:131.3%; color:#666666;}
.copy_box .add a {color: #666666; font-weight:300}
.copy_box .add a:hover {color: #003399;}

@media screen and (max-width:1220px){
    .copy_box {padding: 0 20px; width: 100%; 
                    box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.main_copyright{width:100%;}
}
@media screen and (max-width:1024px){
    .copy_box .logo {float: none; margin: 0; text-align: center;}
    .copy_box .add {float: none; margin-top: 20px;}
}





/* -------------------------------------------------------------------------------------- 홈페이지 메인 콘텐츠 -------------------------------------------------------------------------------------- */

/* main introduct */
.title_main{margin: 20px 0 30px 0;  font-size: 187.5%; font-weight: 600; line-height: 125%; color: #27237a; letter-spacing: -0.2px; text-align:left !important;}
.intro_book{text-align: center; margin-top:10px;}
.intro_book img {width: 242px; height: 332px; border:1px solid #cccccc;}
.intro_book p{ letter-spacing: -0.2px;font-size: 19px; color:#27237a;}
.intro_book p span{font-weight:600; color:#27237a; font-size:21px;}
.mr{margin-top:20px; box-sizing:border-box; border:1px solid #cccccc;}
.mr .view_font{padding:0 15px; font-size:13px;}
.mr .view_font a{color:#333333;}
.mostread{background:#ffffff;}
.mostread{padding:10px;}
.mostread .subject{text-align:center; font-size:16px; background:#00a1e9;color:#ffffff; padding:10px;}
.main_current_box .list a{color:#ffffff; padding:5px 20px; line-height:2; background-color:#002487; font-size:14px;}


@media screen and (max-width:1220px){
	.intro_book{width:30%; float:left; margin-top:30px;}
	.mr{width:70%; float:left; margin-top:30px;}
}
@media screen and (max-width:1024px){
    .intro_book{width:100%; float:none;}
	.mr{width:100%; }
}

@media screen and (max-width:740px){
    .intro_book, .intro_txt {display: block; text-align: center;}
    .intro_book {padding: 0; width:100%; float:none;}
	.mr{display:none;}
    .title_main {font-size: 150%;}
    .intro_txt .label {margin:15px 0;}
    .intro_txt .issn {margin-bottom: 15px;}
    .intro_txt .bluebtn {margin:auto; text-align: center;}
	.current_on{width:85% !important;}
}

/* icon */
.icon_label img {margin-right: 5px; height: 12px;}
.icon_clip {margin-right: 10px;}
.icon_clip img {margin-top: -2px; height: 20px; vertical-align: middle;}
.icon_tit01 img {margin:-5px 15px 0 0; height: 40px; vertical-align: middle;}
.icon_tit02 img {margin:-5px 10px 0 0; height: 40px; vertical-align: middle;}
.icon_tit03 img {margin:-5px 10px 0 0; height: 40px; vertical-align: middle;}


/* main subtitle */
.main_subtitle {margin: 0; padding: 0; font-size: 131.3%; font-weight: normal; color: #ffffff;}


/* main about */
.main_about {width: 100%; margin-bottom: 30px; padding: 20px; background: #75a6d9;
                    box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.main_about ul {width: 48.5%; float: left; padding-right: 1.5%;}
.main_about ul li {margin-top: 15px; line-height: 150%; color: #ffffff;}

@media screen and (max-width:480px){
	.main_about ul {float: none; width: 100%; padding: 0;}
}


/* main_history */
.main_history {float:left; width: 48.5%; margin-right: 3%; padding: 20px; background: #9fb5cb;
                    box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.main_history p {margin-top: 15px; line-height: 150%; font-size: 100%; color: #ffffff;}

/* main support */
.main_support {float: left; width: 48.5%; padding: 20px; background: #82bac7;
                    box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.main_support p {margin-top: 15px; line-height: 150%; font-size: 100%; color: #ffffff; letter-spacing: -0.3px;}
.main_support dl {margin-top: 6px; line-height: 100%;}
.main_support dl dt {display: inline-block; font-size: 81.3%; font-weight: 300; color: #ffffff;}
.main_support dl dd {display: inline-block; font-size: 81.3%; font-weight: 300; color: #ffffff;}

@media screen and (max-width:800px){
    .main_history {float: none; width: 100%; margin: 0 0 30px 0;}
    .main_support {float: none; width: 100%;}
}


/* main article */
.main_article {width: 100%; overflow: hidden; margin-top: 30px;
                    box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.main_article h3 {margin: 0 0 15px 0; padding: 0 0 10px 0; font-size: 131.3%; font-weight: 600; color: #27237a; border-bottom: 1px solid #cccccc;}
.article_box {width: 100%; overflow: hidden; font-size: 13px !important;}
.article_box .list a {display: inline-block !important; font-size: 15px !important; white-space: pre-wrap; padding-left: 20px; text-indent: -20px;}
p.line {margin-top: 20px;}
.article_box span {font-size: 13px !important;}
.article_box .searchView_date {padding-left: 20px;}
.article_box .searchView_date a {display: inline-block !important; white-space: pre-wrap;}





/* -------------------------------------------------------------------------------------- 홈페이지 서브  -------------------------------------------------------------------------------------- */

.sub_contents {width: 100%; overflow: hidden;}

.contents h1 {display: block; margin-bottom: 20px; padding-bottom: 10px; font-size: 175%; font-weight: 600; color: #333333; border-bottom: 1px dotted #cccccc;}
.contents_left .sub_title{margin:30px 0 20px;}
.contents_left .sub_title2 {display: block; margin: 20px 0 10px; padding-bottom: 10px; font-size: 20px; font-weight: 600; color: #333333; border-bottom: 1px dotted #cccccc; clear:both;}
.contents_left .sub_title3 {margin:15px 0;  font-size: 17px; color: #003399; font-weight: 600;}
.contents_left p{text-align:justify;}
.depth_1{padding-left:1.2em; text-indent:-1.1em;}
.depth_2{padding-left:3.5em; text-indent: -1.5em;}
.tab_ul{margin:20px 0; padding:0;}
.tab_ul li{background:#003366; color:#fff; text-align:center; padding:2px 10px; line-height:40px; cursor: pointer; margin-right:10px; margin-bottom:20px; font-size:15px; float:left; list-style:none; border-radius:3px;}
.tab_ul a{padding:10px 20px; color:#555; border:1px solid #ccc;}
.tab_box{display:none;}
.tab_on{background:#4784bd !important; }

.sub_txt li {margin-top: 10px;}
.sub_txt li:first-child {margin-top: 0;}
.idt_txt {padding-left: 16px; text-indent: -16px;}
.idt_txt2 {padding-left: 11px; text-indent: -11px;}
.text_justify{text-align:justify;}
.sub_title{font-weight:bold; font-size:23px; text-align:center !important;}
.ul_decimal li{padding:2px 0px;}


/* edit tb */
.tbl2 {margin-bottom: 20px; width: 100%; border-top:2px solid #27237a;}
.tbl2 td {padding:10px; border-bottom: 1px dotted #dddddd;}
.tbl2 td:first-child{width:20%}
.tbl2 td:last-child{width:80%}

/* tab */
.cont_tab_btn {width:100%; overflow:hidden; margin: auto; padding-bottom:30px; text-align: center;}
.cont_tab_btn li {display:inline-block; margin-right: 15px; padding:10px 20px; background:#dddddd; text-align:center; cursor:pointer; 
                    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;}
.cont_tab_btn li:hover, .cont_tab_btn li.active {background:#27237a; color:#ffffff;}

@media screen and (max-width:740px){
    .cont_tab_btn li {margin-right:0; width:100%;}
    .cont_tab_btn li:first-child {margin-bottom:15px;}
	.tab_ul{margin:20px 0 ; padding:0 20px 0 0;}
	.tab_ul li{width:100%;}
	.intro_book p{display:none;}
}

/* dbpia search modules */
.sub_contents iframe {overflow-x: scroll; min-width: 320px;}

/* current Issue */
.book_select_name {margin-bottom: 15px; font-size:14px; color:#004a80}
.searchView {font-size: 13px !important;}
.searchView a {display: inline-block !important; font-size: 13px !important; white-space: pre-wrap;}
.searchView h5 a {font-size: 15px !important; padding-left: 1em; text-indent: -1em;}
.searchView .article_doi {padding-left: 1em;}
.searchView .article_btn {margin: 10px 0 0 12px;}
.searchView_date {display: inline-block; margin-top: 5px;}
.current_bg{ background:#ffffff; clear:both;}



@media screen and (max-width:480px){
    #article-level-0-body img {width:100% !important;}
	.btn_pdf{font-size:11px !important; margin-right:0;}
	.btn_html{font-size:11px !important; margin-right:0;}
	.btn_pubreader{font-size:11px !important; margin-right:0;}
	.btn_epub{font-size:11px !important;}
	.archive_thumb2 .thumb{width:45%; margin-bottom:20px;}
	.archive_thumb2 .thumb:nth-child(2n-1){clear:both;}
	.current_bg{width:100%}
	.fm{width:95%}

}
#sch_options .search{width:100%;}
#sch_options .inbox{padding:5px; box-sizing:border-box; border:3px solid #003366; width:100%;}
#sch_options .btn_search{ background:#003366; padding:8px; text-align: center;}
#sch_options .btn_search a{color:#ffffff;}
.search_leng{width:100%;}
.xml_graphic{width:100%; box-sizing:border-box;}
.NURIMEDIAXML { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
.article-type {display: inline-block; font-size: 15px !important; margin-bottom: 10px;}
#article-level-0-front .fm .gen {display:inline-block; margin-top:5px;}
#article-level-0-body{width:95%;}
#article-level-0-back{width:95%;}
#icon_pdf{background-color:#0093FF; }
#pubreader_view{background-color:#0035A2; color: #dddddd}
#epub_down{background-color:#00135E; color: #dddddd}
.article_view_micon {display:inline-block; padding:4px 8px; font-size:12px !important; border:1px solid #dddddd; color:#ffffff;
                         border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.article_list_micon {display:inline-block; margin-right: 5px; padding:3px 8px; font-size:11px !important; border:1px solid #dddddd; color:#666;
                         border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px;}

.fm{width: 95%;}

/*About Journal 12.html 숨김*/

.gnb .nav ul li:nth-child(1) > ol > li:nth-child(2){
	
	display:none;
}

.gnb .nav ul li:nth-child(1) > ol > li:nth-child(1){
	
	margin-left:60px;
	border-right:1px solid #cccccc;
}