@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');/*로고*/

/* ==================
	* Drag color common
================== */
::selection {background-color:#1836a7; color:#fff; text-shadow:1px 1px 2px #000635;}
::-moz-selection {background-color:#1836a7; color:#fff; text-shadow:1px 1px 2px #000635;}


/* ==================
	* Font common
================== */

body {font-family:'Lora', 'Noto Serif KR', helvetica, Apple SD Gothic Neo, sans-serif; font-size:14px; color:#000; background:#fff;}
body input[type="password"]{font-family:"Lora", 'Noto Serif KR', helvetica, Apple SD Gothic Neo, sans-serif; color:#000;}
::-webkit-input-placeholder{font-family:"Lora", 'Noto Serif KR', helvetica, Apple SD Gothic Neo, sans-serif; color:#000;}
::-moz-placeholder{font-family:"Lora", 'Noto Serif KR', helvetica, Apple SD Gothic Neo, sans-serif; color:#000;}
:-ms-input-placeholder{font-family:"Lora", 'Noto Serif KR', helvetica, Apple SD Gothic Neo, sans-serif; color:#000;}
:-moz-placeholder{font-family:"Lora", 'Noto Serif KR', helvetica, Apple SD Gothic Neo, sans-serif; color:#000;}

.h1,h1 {font-size:36px;}
.h2,h2 {font-size:30px;}
.h3,h3 {font-size:24px;}
.h4,h4 {font-size:18px;}
.h5,h5 {font-size:16px;}
.h6,h6 {font-size:14px;}



/* ================================
	* command :: 필요시 추가 가능
================================ */

.fright {float: right;}
.fleft {float: left;}
.cf:after, .clear-both:after, .cboth:after, .clear:after {display: block;content: '';clear: both;}

.hide {display: none !important;}
.show {display: block !important;}

.m-show {display: none !important;}
.m-hide {display:block !important;}
@media screen and (max-width:767px) {
	.m-show {display:block !important;}
	.m-hide {display: none !important;}
}

.italic{font-style: italic;}

.text-center, .tcenter {text-align:center !important;}
.text-left, .tleft {text-align: left !important;}
.text-right, .tright {text-align: right !important;}

ul.disc {margin:10px 0;}
ul.disc li{list-style:disc; margin-left:25px; line-height:20px;}
ul.disc li .sub_t2 {font-weight:bold;}

.ellipsis{overflow: hidden;display: inline-block;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{overflow: hidden; text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis3{overflow: hidden; text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis4{overflow: hidden; text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis5{overflow: hidden; text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.btn {display: inline-block; padding: 6px 12px;	margin-bottom: 0; font-size: 14px;	 font-weight: normal; line-height: 1.42857143; text-align: center;	 white-space: nowrap;	vertical-align: middle;	-ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer;	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none;	border: 1px solid transparent; border-radius: 4px;}
.btn:focus, .btn:active {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover, .btn:focus {color: #fff; text-decoration: none;}
.btn:active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}

.cst-table{width: 100%;}
.cst-table caption{position: fixed;left: -10000px;font-size: 0;line-height: 0;}
.cst-table th, .cst-table td{padding: 12px 14px;border-bottom: 1px solid #dddddd;font-size: 15px;text-align:left; font-weight:500;}
.cst-table th{background: #f9f9f9;border-right: 1px solid #ddd;font-weight: 700; color:#222;text-align:center;}
.cst-table th.bor-none{border-right:0;}
.cst-table th.bg-blue{padding: 15px 20px;background-color: #2671d2 !important;color: #fff;text-align:center; font-size:20px; font-weight:500;}
.cst-table td.text-center{text-align: center;}
.cst-table td img{vertical-align: middle;margin-right: 5px;}
.cst-table td strong{color: #222;}
.cst-table select {width:45%; border-radius:0;}
.radio label, .checkbox label {display:block;}
.radio label input[type=radio] {margin-top:5px;}
.cite-btn {text-align:center;}
.cite-btn button {border:0; background:#324370; color:#fff;font-size:16px; width:200px;height:40px;margin-top: 30px;border-radius:5px;}

.d-block{display: block;}

.decimal{margin: 5px 0;padding-left: 5px;}
.decimal li{margin-left: 10px;list-style: decimal;font-size: 16px;line-height: 22px;}

.sub-decimal{margin-top: 15px;}
.sub-decimal > li{list-style: none;margin-left: 0;margin-bottom: 10px;padding-left: 0;}
.sub-decimal > li:after{display: block;content: '';clear: both;}
.sub-decimal > li .num{display: inline-block;float: left;width: 20px;}
.sub-decimal > li .text{display: inline-block;float: right;width: calc(100% - 25px);}
.sub-decimal > li .text p{margin: 10px 0;}

.sub-decimal2{margin-top: 10px;}
.sub-decimal2 > li .num{display: inline-block;float: left;width: 20px;}
.sub-decimal2 > li .text{display: inline-block;float: right;width: calc(100% - 25px);word-break: break-all;}

.list-type1{margin: 5px 0;}
.list-type1 li{position: relative;padding-left: 12px;font-size: 17px;}
.list-type1 li:before{display: block;content: '';clear: both;position: absolute;top: 10px;left: 0;width: 5px;height: 1px;background: #333;}

.list-type2 li:after{display: block;content: '';clear: both;}
.list-type2 li *{display: inline-block;font-size: 17px;vertical-align: top;}
.list-type2 li .num{width: 20px;margin-top: 2px;}
.list-type2 li p{width: calc(100% - 21px);}

.list-type3 li{position: relative;padding-left: 12px;font-size:15px;}
.list-type3 li:before{display: block;content: '';clear: both;position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background: #00827a;border-radius: 50%;}

.journal-table-wrap{border-top: 2px solid #0771ae;}
.journal-table-wrap .cst-table th{padding: 8px 10px;background: #fff;border-right: 0;border-left: 0;color: #000;font-size: 16px;vertical-align: top;word-break: break-word;}
.journal-table-wrap .cst-table td{padding: 8px 10px;border-right: 0;border-left: 0;font-size: 16px;vertical-align: middle;word-break: break-word;}
.link-wrap b{padding-right: 10px;color: #000;}
.google b{padding-right: 0;}
.google .blue{color: #1335c0;}
.google .red{color: #e92736;}
.google .yellow{color: #feac06;}
.google .green{color: #0cb264;}

#dim{display: none;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}

.figure-wrap{margin-bottom: 10px;}
.figure-img-wrap{display: inline-block;width: 150px;vertical-align: top;}
.figure-img-wrap > img{max-width: 100%;margin-right: 0;}
.figure-text-wrap{display: inline-block;width: calc(100% - 155px);padding-left: 20px;text-align: justify;vertical-align: top;}

.btn-wrap{padding: 30px 0;}
.btn-wrap .btn{padding: 10px 30px;}
.bg-wine{background: #2671d2;border: 0;font-size: 15px;color: #fff;}
.bg-wine:hover, .bg-wine:active, .bg-wine:focus{background: #2671d2;border: 0;font-size: 15px;color: #fff;}

#keyWord a{color: inherit !important;font-weight:600;}

.pt20{padding-top: 20px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb50{padding-bottom: 50px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mr10{margin-right: 10px;}
.ml10{margin-left: 10px;}



/* ==================
	* 대표컬러 :: 필요시 추가 or 삭제 가능
================== */
.link{color: #1435a9;}
.link:hover, .link:active, .link:focus{color: #1435a9;}
.link:hover {text-decoration:underline;}
.cst-table td a.link2{color: #1435a9;}
.link2{color: #1435a9;}
.link2:hover, .link2:active, .link2:focus, .link2:visited{color: #1435a9;}

.color-red{color: #f00013;}
.color-orange{color: #f39f26;}
.color-orange:hover, .color-orange:focus{color: #f39f26;}
.color-grey{color: #999999;}
.color-wine{color: #2671d2;}
.color-wine2{color: #174e96;}

/* ==================
	* 최대 레이아웃 가로 사이즈
================== */
.layer1400 {max-width: 1400px;margin: 0 auto;position:relative;}
.layer1400:after{display: block;content: '';clear: both;}
.wrap{overflow-x: hidden;}

/* ==================
	* header
=================== */

.header-wrap{position:fixed;z-index:999;width:100%;top:0;left:0; height:110px;}
.header-wrap.fixed .qr-wrap{padding: 20px 0;}
/* .header-wrap.fixed  #header h1 {margin-left: 100px;} */
.header-wrap.fixed  #header h1 > a img{height: 55px;}
.header-wrap.fixed .btn-allmenu{display: block;transition:0.3s;}

#header{background: linear-gradient(to right,  #07287b 0%,  #075f78 100%); height:100%;}
#header .layer1400{position: relative;height:100%;}
.btn-allmenu{display: none;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;}
.btn-allmenu a{display: inline-block;width:85px;padding: 5px 0;background: #fff;border-radius: 5px;font-size:15px;color: #333333;font-weight: 600;text-align: center;}
.m-btn-menu{display:none;}

#header h1{display: inline-block; line-height:98px; }
#header h1 > a{display: block; color:#fff !important;font-size:65px; font-weight:400;}
#header h1 > a strong{display:inline-block; font-family: 'Lora', serif;font-weight:500;vertical-align:middle;}
#header h1 > a em{color:#9cc0dd;font-style:normal;}
#header h1 > a span{display:inline-block;vertical-align:middle;font-size:18px;color:#9cc0dd;line-height:1.2;font-family: 'Open Sans'; font-weight:500;letter-spacing:-1px;}

/*modal*/
.modal-dialog {top:8%; position:relative;}
.modal-header,
.dialog__title {position:relative;}
.dialog-wrap h2,
.modal-dialog h2 {color:#fff; position: absolute;top: 50%;left:20px;-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);font-size:60px;}
.dialog-wrap h2 span,
.modal-dialog h2 span{display:inline-block;font-size:13px;vertical-align:middle;line-height:15px;color:#b4d8e1;font-weight:400;font-family: 'Open Sans'; }
.modal-dialog h2 strong{ font-family: 'Lora';font-weight:500;}
.modal-dialog h2 strong em{color: #9cc0dd;font-style: normal;}
.modal-dialog .modal-header {background:linear-gradient(to right,  #07287b 0%,  #075f78 100%);height:70px;}
.modal-dialog .xi-close-thin {color:#fff; opacity:1; font-size:50px;font-weight:600;}
a.close {color:#fff; opacity:1 !important; font-size:45px; position:absolute; z-index:1; right:10px; top:20px; text-shadow:none;}
.modal-dialog .modal-body {padding:31px 21px;}
.modal-dialog .modal-body h4 {margin-bottom: 15px;}
.modal-dialog .modal-body .cite-box {padding:20px 23px; border:1px solid #e0e0f0;font-size:15px; color:#555;margin-bottom: 40px;}
.modal-dialog .modal-body .cite-box strong {color:#000;}
.modal-dialog .modal-body .cite-box a {color:#2938cd;font-size:14px;text-decoration:underline;}
table.cst-table {border-top:2px solid #1435a9;}


#share-modal .modal-header{ border-bottom: 3px solid #131419;}
#share-modal .modal-dialog{width: 380px;max-width: 90%;}
#share-modal .cbox-header{height:100px;}
#share-modal .modal-dialog h2{font-size:50px;}
#share-modal h4{font-size: 16px;font-weight: 500;text-align: center;}
#share-modal ul{text-align:center;}
#share-modal ul > li:first-child {margin-left:0;}
#share-modal ul > li{display: inline-block;margin: 0 0 12px 10px;}
#share-modal ul > li > a{display: block;}
#share-modal .btn-wrap{margin-top: 20px;margin-bottom: 0;padding:0}
#share-modal .btn-close{display: inline-block;float: none;position: static;top: auto;right: auto;padding: 11px 30px;border-radius: 3px;border: 1px solid #1435a9;font-size: 16px;color: #1435a9;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
#share-modal .btn-close:hover{background-color: #1435a9;color: #fff;}


.modal-dialogeng {top:8%; position:relative; max-width: 1100px;  margin: 30px auto;}
.modal-dialogeng .cbox-header{height:80px;}
.modal-dialogeng h2 span{display:inline-block;font-size:13px;vertical-align:middle;line-height:15px;color:#b4d8e1;font-weight:400;font-family: 'Open Sans'; }
.modal-dialogeng h2 strong{ font-family: 'Lora';font-weight:500;}
.modal-dialogeng h2 strong em{color: #b4d8e1;font-style: normal;}
.modal-dialogeng .modal-header {background: linear-gradient(to right, #07287b 0%, #075f78 100%);height:70px;}
.modal-dialogeng .xi-close-thin {color:#000; opacity:1; font-size:40px;font-weight:600;}
.modal-dialogeng .modal-body {padding:31px 21px;}
.modal-dialogeng .modal-body h4 {margin-bottom: 15px;}
.modal-dialogeng .modal-body .cite-box {padding:20px 23px; border:1px solid #e0e0f0;font-size:15px; color:#555;margin-bottom: 40px;}
.modal-dialogeng .modal-body .cite-box strong {color:#000;}
.modal-dialogeng .modal-body .cite-box a {color:#2938cd;font-size:14px;text-decoration:underline;}

/* 191213 P. */
.corss-wrap{padding: 0;margin: 0;}
.cross-header{position: relative; width: 100%;height:100px;background:linear-gradient(to right,  #07287b 0%,  #075f78 100%);}
.cross-header h2{margin:0;color:#fff; position: absolute;top: 50%;left:20px;-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);font-size:50px;}
.cross-header h2 span{display:inline-block;font-size:13px;vertical-align:middle;line-height:15px;color:#b4d8e1;font-weight:400;font-family: 'Open Sans'; }
.cross-header h2 strong{ ;font-weight:500;}
.cross-header h2 strong em{color: #b4d8e1;font-style: normal;}

.cross-con{padding: 15px 20px;font-size: 14px;line-height: 22px;}
.cross-con h3{margin:20px 0;font-size:18px;color:#1435a9;}
.cross-con #jspHelpBox {padding:20px 20px 0 36px;border: 1px solid #EFEFEF;}
.cross-wrap .copyright{padding: 20px 30px;background: #444;font-size: 13px;color: #fff;text-align: center;word-break: break-all;}
.cross-wrap .copyright > a{word-break: break-all;color: #fff;}



.header-right-wrap{float: right;display: inline-block;}
.logo-kdca{display: inline-block;vertical-align: middle;margin-right:20px;}
.issn-wrap{display: inline-block;vertical-align: middle;text-align:right;margin:24px 0;}
.qr-code{display: inline-block;position: relative;width: 70px;height: 70px;margin-left: 20px; margin-right: 20px; vertical-align: middle;}
.qr-code > a{opacity:0;position: absolute;top: 0;left: 0;width: 70px;height: 70px;background: rgba(0,0,0,0.8);padding: 12px 0;border-radius: 2px;color: #fff;font-size: 18px;font-weight: 700;text-align: center;line-height: 1; transition:all 0.3s;}
.qr-code:hover > a {opacity:1;}
.qr-code > a i{font-size: 50px;}
.issn{display:block;padding: 5px 0 0 0;vertical-align: bottom; color: #fff;font-size:14px;line-height: 18px;text-align:left; }
.impact{display:block;font-weight:600;color:#fff;font-size:20px;line-height: 20px;}

.header-menu{display: inline-block;vertical-align: middle;}
.header-menu > li{float: left;width: 75px; height:75px; border-radius:3px; background:#9cc0dd;transition:all 0.3s;}
.header-menu > li + li {margin-left:5px;}
.header-menu > li:hover { background:#ffffff;}
.header-menu > li.on { background:#ffffff;}
.header-menu > li > a{display: block;width: 100%;height: 100%; font-size: 15px;color: #075179;text-align: center;}
.header-menu > li > a > p {font-size:30px; padding-top:13px;vertical-align: middle;}
.header-menu > li > a span{display: block;font-size:15px;font-weight:500;}
.header-menu > li > a:hover {color: #075179;}

.header-menu > li.submit {background:#d62c30;}
.header-menu > li.submit a {color:#fff;}
.header-menu > li.submit:hover {background-color:#fff;}
.header-menu > li.submit:hover a {color:#d62c30;}

/* 메뉴 호버 */
.gnb > li > a:hover {position:relative;}
.gnb > li > a:after{content: ''; position: absolute; top: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 2px; width: 0; background: #1435a9;  transition: 0.5s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.gnb > li:hover > a:after{width: 25%;}

nav{position: relative;left: 0;z-index: 10;width: 100%;height: 58px;background: #fff;}
nav.fixed{}
.gnb-wrap{width: 100%;height: 100%; border-bottom:1px solid #919191;}
.gnb{width:100%;}
.gnb > li{float: left; width:25%; position:relative;text-align: center;  -webkit-transition: all 0.3s; transition:all 0.3s;}
.gnb > li > a{display: block;height:100%;font-size: 20px;color: #062a4c;font-weight: 700;line-height:57px;}
.gnb > li:hover{background: #fff;}
.gnb > li:hover a{color: #1836a7;}
.gnb > li:hover .sub-gnb{background: #fff;}
.gnb > li.submit a span{vertical-align:middle;}
.gnb > li > a > i.plus {display:none;}

.gnb > li .sub-gnb{display:none;}
.gnb > li > ul{overflow:hidden;position: absolute;top: 100%;width: 100%;padding:10px 20px 20px; background:#fff;border-left:1px solid #919191;border-bottom:1px solid #919191;border-right:1px solid #919191;}
.gnb > li .sub-gnb > li{-webki-transition: 0.2s ease;transition: 0.2s ease; margin-top: 10px;text-align: center;width:100%;}
.gnb > li .sub-gnb > li:first-child{margin-top: 0;}
.gnb > li .sub-gnb > li > a{font-size: 18px;color: #444;line-height: 1.5em;position:relative;letter-spacing:-0.65px;}
.gnb > li .sub-gnb > li > a:hover{color: #1836a7;text-decoration:underline;}


#m-gnb{display:none;}

/* all menu */
.all-menu-section{display: none;position: relative;top: 0;left: 0;z-index: 10;width: 100%;height: 350px;background: #f3f3f3;}
.all-menu-wrap{position: absolute;top: 0;left: 0;width: 100%;height:56px;background: #fff;border-top: 1px solid #d7d7d7;}
.all-menu > li{float: left;width:20%;text-align: center;position:relative;height:100%;  transition:all 0.3s;}
.all-menu > li a{-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.all-menu > li > a{display: block;padding: 13px 0;font-size: 18px;color: #131419;font-weight: 600;}
.all-menu > li:hover > a{color:#1435a9;text-decoration: overline;}
.all-menu > li.submit span{vertical-align:middle;}
.all-menu > li .sub-gnb{position: absolute; top:55px; left: 0; width: 100%;height:235px; padding: 20px 5px;z-index: 99; transition:all 0.3s;}
.all-menu > li .sub-gnb > li{margin-top: 13px;text-align: center;}
.all-menu > li .sub-gnb > li:first-child{margin-top: 0;}
.all-menu > li .sub-gnb > li > a{font-size: 17px;color: #231815;line-height: 1.2em;}
.all-menu > li .sub-gnb > li > a:hover {color: #1435a9;text-decoration:underline;}


/* fixed시 사이즈 축소 작업*/
.header-wrap.fixed{height:75px;}
.header-wrap.fixed .header-right-wrap{height:100%;}
.header-wrap.fixed  #header h1 {/* margin-left: 100px; */ line-height:68px;}
.header-wrap.fixed #header h1 > a{font-size:50px; }
.header-wrap.fixed #header h1 span{font-size:14px;}
.header-wrap.fixed .issn-wrap{margin:13px 0;}
.header-wrap.fixed .issn-wrap img {height:33px; vertical-align:top; }
.header-wrap.fixed .issn {padding:0;line-height:15px;font-size:12px;}
.header-wrap.fixed .impact{margin-top:3px;font-size:18px;}
.header-wrap.fixed .qr-code{width:55px; height:55px; margin:0 10px; }
.header-wrap.fixed .qr-code > a i{font-size: 27px;}
.header-wrap.fixed .qr-code > a{width:100%;height:100%;}
.header-wrap.fixed .logo-kdca{width:55px;}

.header-wrap.fixed .header-menu > li{padding:0; width:55px; height:50px;}
.header-wrap.fixed .header-menu > li a{margin-top:0px;padding-top: 5px;}
.header-wrap.fixed .header-menu > li > a > p {padding: 0;font-size: 24px;}
.header-wrap.fixed .header-menu > li a span {padding-top: 0;font-size: 12px;}

/* search */
#dim2{display: none;position: fixed;top: 0;left: 0;z-index:10;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
#sch-dim{display: none;position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}

.search-wrap{display: none;position: absolute;top:166px;left: 0;z-index:10;width: 100%;background: #888888;text-align: center; border-top:3px solid #5e5e5e;}
.search-wrap.fixed{position: fixed; top: 130px;}
.search-wrap form{overflow:hidden;}
.search-wrap .inner-layer{position:relative;display: inline-block;width: 945px; max-width:100%; margin: 0 auto;padding: 40px 0 50px;text-align: left;}
.search-wrap .sch-txt{color:#fff; font-size:22px; font-weight:normal; float:left; display:block; line-height:40px; padding-right: 15px;}
.search-wrap input{width: calc(100% - 292px); height:40px;  float:left; padding: 12px 14px;background: #fff;border: none;border-radius: 5px;font-size: 15px;font-weight: 400;}
.search-wrap input::placeholder {color: #c9c9ca;}
.search-wrap .sch-sel{width:17%; height:40px; padding: 0 10px; float:left; margin:0 10px; font-size:15px; color:#555;border-radius: 5px; border: none;}
.search-wrap input:focus, .search-wrap .sch-sel:focus {outline: none;}
.quick-links .adv-tit{display:block; font-weight:normal; border-bottom:1px solid #bcbfc3; line-height:22px; margin:30px 0 25px 0; font-size:22px; color:#fff;}
.quick-links .quick-tit{color:#fff; font-size:18px; display:block; margin-bottom:10px;}
.quick-links .quick-list a{display:block; float:left; color:#fff; font-size:14px; padding:7px 17px; border:1px solid #fff; border-radius:50px; margin:5px;}
.quick-links .quick-list a:first-child{margin-left:0;}
.quick-links .quick-list a.submit {color:#ffee05;  border:1px solid #ffee05;}

.btn-white{display: inline-block; margin-left:8px; border:0;width:40px;height:40px; line-height:23px; background:#075f78; border-radius:5px; color:#fff; font-size:23px;float:left;}
.advan_search {float:left; margin-left:8px;}
.advan_search a {display:inline-block; height: 40px; line-height: 40px; padding:0 12px; background: #1435a9; border-radius: 5px; color:#fff;}

a.btn-close-schwrap{display: block;position: absolute;top: 28px;right: -60px;width: 40px;height: 40px;color: #222;font-size: 40px; }
a.btn-close-schwrap > i{color: #fff;}

/* Search */
.m-sch-box{display: none;width: 100%;}
.m-sch-box .form-group select, .m-sch-box .form-group .form-control{display: inline-block;height: 40px;padding: 2px 5px;border: 1px solid #ccc;font-size: 16px;color: #555;vertical-align: top;}
.m-sch-box .form-group select{width: 25%;}
.m-sch-box .form-group .form-control{width: calc(75% - 95px);}
.m-sch-box .form-group button{width: 40px;height: 40px; border-radius: 4px;color: #fff;font-size: 20px;}
.m-sch-box .form-group .btn {padding: 6px 0;background-color: #00827a;}
.m-sch-box .form-group .btn i{margin-left:0;}
.m-sch-box .form-group .btn-sch-pop {background-color: #1435a9;}


/* Metrics */
.dialog__trigger, .dialog__action{display: block;}
.dialog__trigger:hover, .dialog__action:hover{-webkit-transition: all 100ms ease-in;transition: all 100ms ease-in;}
.dialog__trigger:focus, .dialog__action:focus{outline: 0;}
.dialog-wrap{opacity: 0;visibility: hidden;position: fixed;top: 0;left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);width: 700px;height: auto;background-color: #fff;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,.5);-webkit-transition: all 180ms ease-in;transition: all 180ms ease-in;z-index:9999;}
.dialog-wrap-metrics{height:820px;} /*height:820px;*/
.dialog{width: 650px;height: 380px;margin: 0 auto;padding: 7px;}
.dialog-wrap.dialog--active{top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);visibility: visible;opacity: 1;-webkit-transition: all 250ms ease-out;transition: all 250ms ease-out;padding: 7px;}
.dialog__close{position: absolute;top: 30px;right: 15px;-webkit-transition: color 150ms ease;transition: color 150ms ease;border: 0;background: none;font-size: 45px;color: #fff;}
.dialog__close i{vertical-align: top;}
.dialog__title{display: block;width: 100%;height: 95px;padding: 20px 20px;background-position: 0 0;background:linear-gradient(to right,  #07287b 0%,  #075f78 100%);margin-bottom: 30px;}
.dialog__title h2{display: inline-block;vertical-align: top;}
.dialog__title h2 span{display:inline-block;font-size:13px;vertical-align:middle;line-height:15px;color:#b4d8e1;font-weight:400;}
.dialog__title h2 strong{ font-family: 'Lora';font-weight:500;}
.dialog__title h2 strong em{color: #9cc0dd;font-style: normal;}
.dialog__title .qr-code a{width:60px;height:60px;border-radius:0;}
.dialog__title .qr-code a i{font-size:30px;}
.dialog .dialog__content{font-size: 1.1rem;line-height: 2rem;}
.dialog .dialog__action{margin: 0;font-size: 1rem;}
.dialog-wrap .issn-wrap {margin:0;}
.dialog-wrap .inner_wrap {display:inline-block;float:right;}
.dialog-wrap .inner_wrap:after {display:block; clear:both; content:'';}
.dialog-wrap .inner_wrap .qr-code{width:60px;height:60px;}


/* quick-menu */
#quick-bar {position: fixed; top:45%;left: calc((100% + 1500px)/2); z-index: 3; opacity:0.8;}
#quick-bar:hover {opacity:1;}
#quick-bar > ul {position:relative; right:0px;}
#quick-bar > ul > li {position:relative; width:40px; height: 40px; line-height: 47px; margin-bottom:5px; }
#quick-bar > ul > li > a{ line-height: 47px; color:#fff;}
#quick-bar > ul > li > a > span {position:relative; z-index:2; width: 40px; height:40px; background:#c0c4ce; text-align: center; display: inline-block; transition:all 0.3s;font-size:21px; line-height:44px; border-radius:3px; }
#quick-bar > ul > li > a > p {position:absolute; visibility:hidden; opacity:0; z-index:1; top:0; right:0px; padding-left:10px; height:40px; text-align:left; background:#c0c4ce; width:75px; line-height:40px;transition:all 0.3s; border-radius:3px 0 0 3px; }
#quick-bar > ul > li.submit > a > p,
#quick-bar > ul > li > a.split > p {width:100px;}
#quick-bar > ul > li > a.tool > p {width:105px;}
#quick-bar > ul > li:hover > a > p {right:35px; opacity:1; visibility:visible; background:#1836a7;}
#quick-bar > ul > li > a:hover > span {background:#1836a7;}

/* top Down btn */
.topDown-btn{width:40px; display:none;}
.topDown-btn a{display:block; width:100%; height:40px; font-size:11px;line-height:8px; border-radius:3px; color:#fff !important; text-align:center;}
.topDown-btn a.top-btn{background:#c0c4ce; }
.topDown-btn a span{display:block; padding-top:4px;font-size:20px; color:#fff; }


/* ==================
	* container
=================== */
#container{width: 100%;padding-top: 168px;}
#container:after{display: block;content: '';clear: both;}
.main-contents {width: 100%;padding: 60px 0;background: #fff;}
.main-contents.highlight{width: 100%;padding: 50px 0; height:100%;background: url('/asset/img/main/bg-main.jpg') no-repeat; background-size:cover;}
.main-contents.current-issue {padding:40px 0 40px;}
.main-contents.most-read {background:#f1f3f7; padding:60px 0 40px;}
.main-contents.accepted-article {background:#f5f7f7; padding:60px 0 40px;}
.main-contents.notice-area{background: #cfd5e3;}
.main-contents h2{position:relative;display: block;margin-bottom: 20px;font-size: 25px;font-weight: 700;color: #222;padding-left:20px;letter-spacing:-0.7px;}
.main-contents h2:before{display:block; content:'';clear:both;position:absolute;width:9px;height:9px;background:#1435a9;left:0;top:14px;}
.main-contents h2 span {font-size:17px; color:#555; padding-left:10px;letter-spacing:0.2px; font-weight:400; }
.main-contents h2.accept strong{background: linear-gradient(to top, #ffbebe 39%, transparent 11%);}
.most-wrap:after{display: block;content: '';clear: both;}
.most-wrap .most-readArea{float:left;width:calc((100% - 21px) / 2);margin-left:20px;}
.most-wrap .most-readArea:first-child{margin-left:0;}
.most-wrap .most-readArea .article-list li {flex-basis: 100%;margin-left:0;}
.most-wrap .most-readArea .article-box .img{display:none;}

.main-conbox{float: left;margin-left: 60px;}
.main-conbox:first-child{margin-left: 0;}
.main-conbox.w30p {width:calc(21% - 20px);}
.main-conbox.w35p {width:calc(38% - 20px);}
.main-conbox.w70p{width:79%;}

/*메인탭메뉴*/
.main-contents .tab-wrap .tab-menu {display:inline-block; width:100%; border-bottom:3px solid #0a3e9d;}
.main-contents .tab-wrap .tab-menu .tab {float:left; width:calc((100% - 160px)/4); margin-left:20px;}
.main-contents .tab-wrap .tab-menu .tab:first-child {margin-left:0;}
.main-contents .tab-wrap .tab-menu .tab a {display:inline-block; height: 50px; line-height:50px; background: #ebebeb; width: 100%; font-size: 20px; font-weight:bold; border-radius:5px 5px 0 0; cursor:pointer;transition:all 0.3s; padding-left:15px;}
.main-contents .tab-wrap .tab-menu .tab:hover a {background:#0a3e9d;  color:#fff;}
.main-contents .tab-wrap .tab-menu .tab.on a{background:#0a3e9d;  color:#fff;}
.main-contents .tab-con-wrap{margin-top:10px;}
.main-contents .tab-con-wrap .article-list-wrap {display:none;}
.main-contents .tab-con-wrap .article-list-wrap.on {display:block;}


.journal-wrap{float:right;display:inline-block;height:100%;}
.journal-wrap .jn-tit{text-align:center; font-size:30px; margin-bottom:15px;}
.journal-img{width: 225px;height: 305px;  vertical-align:top;position:relative;}
.journal-img > img{width: 100%;box-shadow: 5px 5px 3px #1f323d;}
.journal-info .date{font-size:25px;line-height:24px;}
.journal-info .date span{display:block;font-size:35px;margin-bottom:10px;font-weight:600;}
.journal-info .cover-txt{margin-top:15px;font-size:18px;line-height:20px;}

.journal-wrap a.journal-more {width:100%; height:100%; position: absolute; top:0; left:0; background:rgba(0, 0, 0, 0.55); opacity:0;}
.journal-wrap a.journal-more .inner {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.journal-wrap a.journal-more .inner .journal-btn {position: relative; width:42px; height:42px; border:2px solid #fff; border-radius:50%; margin:0 auto;}
.journal-wrap a.journal-more .inner .journal-btn .xi-plus-thin {font-size:26px; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); color:#fff;}
.journal-wrap a.journal-more .inner .text {display:inline-block; font-size:20px; margin-top:10px; color:#fff;}
.journal-img:hover a.journal-more {opacity:1;}

.journal-info{display:table-cell;width:calc(100% - 214px);color: #fff;padding-left:30px;vertical-align:middle;}
.journal-info .date{font-size:25px;line-height:24px;margin-bottom:25px;}
.journal-info .date span{display:block;font-size:32px;margin-bottom:10px;font-weight:700;}
.journal-info a{color:#fff;}
.journal-info a:hover{text-decoration:underline;}

.impact-wrap{padding:0px;}
.impact-wrap > .tit{display: block;font-size: 25px;color: #000;text-align: center;}
.impact-wrap > strong{display: block;margin: 10px 0 13px;font-size: 25px;font-weight: 700;color: #2c85bd;text-align: center;line-height: 1;}
.chief-name{padding: 25px 0 20px;background: url('/asset/img/line-impact.png') repeat-x 0 0;text-align: center;}
.chief-name > span{display: block;color: #2671d2;font-size: 18px;}
.chief-name > span > img{vertical-align: middle;}
.chief-name > strong{display: block;font-size: 22px;font-weight: 600;color: #000;}
.impact-list > li{padding: 0 5px;border-top: 1px solid #dddddd;background: url('/asset/img/bg-arrow.png') no-repeat 99% center;}
.impact-list > li > a{display: block;padding: 12px 0;font-size: 20px;color: #000000;}
.impact-list > li > a img{vertical-align: middle;margin-right: 20px;}
.impact-wrap .conbox_tit {font-size:30px; color:#fff; letter-spacing:-1.3px; font-weight:400; line-height:36px; height:145px;	overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.impact-wrap .conbox_inner {font-size:18px; line-height:24px; height:73px; margin-top:40px; color:#fff; font-weight:300;	overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.impact-wrap .conbox_tit a, .impact-wrap .conbox_inner a{color:#fff;}

.slick-list:focus { border:0;}
.visual-con .impact-wrap {float:right;}
.visual-con .w35p:first-child {width:48%; margin-left:2%;}
.slick-slide:focus { outline: none; }
.visual-con .w35p {width:50%; margin-left:0%;float:right;}
.visual-con .slick-dots{position: relative;left: 0px;bottom: 0;}
.visual-con .slick-dots > li {float:left; margin-left:5px;display: inline-block;overflow:hidden;}
.visual-con .slick-dots > li:first-child {margin-left:0;}
.visual-con .slick-dots > li.slick-active button {background:#fff; opacity:1;}
.visual-con .slick-dots > li button {width: 11px;height: 11px; background:#546a8a; border-radius: 50%;text-indent: -9999em; border:0; vertical-align:bottom;}
.visual-con .slick-dots > li.slick-active > button{background:#fff !important;}

.visual-con .slick-dots:after {display:block; content:''; clear:both;}
.visual-wrap{position: relative;height:auto;width: calc(100% - 305px);}

.visual{width: 100%; height: 100%;}

.visual-wrap .visual-con .slide-fig{float:right;width: 430px; height: 305px;overflow:hidden;}
.visual-wrap .visual-con .slide-fig img{height: 100%; max-height: 305px;margin: 0 auto;background:#fff;padding:15px;}
.visual-wrap .visual-con .text-wrap{float:left;width: calc(100% - 480px)}

.visual-wrap .visual-con a:focus { outline:none; }
.visual-wrap .visual-con .text-wrap .head_info {margin-bottom:10px;font-size:14px; color:#fff;}
.visual-wrap .visual-con .text-wrap .title a{color:#fff;font-size:20px; word-break:keep-all;}
.visual-wrap .visual-con .text-wrap .info {font-size:16px; color:#fff; margin-top:20px; max-height:125px; }
.visual-wrap .visual-con .text-wrap .date {font-size:14px; color:#fff; margin-top:25px; max-height:23px;}
.visual-wrap .visual-con .text-wrap.fig-none {width:100%;}
.visual-wrap .visual-con .fig-none .slide-fig{width:100%;}


/* article-list */
.article-list-wrap{position: relative;}
.article-list > li{flex-basis:25%;}
.article-box{padding: 11px;}
.article-box .type{display:block;margin-bottom: 5px;font-size: 14px;color: #1435a9;}
.article-box .type:after{display: block;content: '';clear: both;}
.main-contents .article-contop{margin-bottom: 0px; position:relative;}
.main-contents .text-box {float:left; width:calc( 100% - 190px );}
.main-contents .text-box.h3-w100{width:100%;}
.main-contents .article-list {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.main-contents .article-box .img {float:right; width:180px; max-height:180px; background:none; margin-left:10px; border:1px solid #dddddd;}
.main-contents .article-box h3.h3-w100 {width:100%;}

.main-contents .article-list li {flex-basis:calc((100% - 20px)/2);}
.main-contents .article-list li:nth-child(2n-1) {margin-left:0;}
.main-contents .article-list li .article-box h3 > a {font-size:18px; line-height:28px;}
.main-contents .article-box {padding:20px;}
.main-contents .article-box .type,
.main-contents .article-box .name {font-size:14px;}

.main-contents .article-box .iso-num {font-size:15px;}

.article-box h2 {float:left; font-size:16px; font-weight:500; color:#1435a9; margin-bottom: 17px;}
.article-box h2 span {color:#000;padding-left:9px; margin-left: 8px;}
.article-box h3{}
.article-box h3 > a{display: block;line-height: 24px;height: 100%;color: #131419;word-break: break-word;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.article-box h3:hover > a{color: #2671d2;text-decoration: underline;}
.article-box .img{overflow: hidden;float: right;display: inline-block;width: 220px;max-height: 220px;background: #fff;text-align: center;table-layout: fixed;}
.article-box .img > a{overflow: hidden;display: block;width: 220px;max-height: 220px;text-align: center;vertical-align: middle;}
.article-box .img > a img{display: block;height: 100%;}
.article-box .img > span{display: block;height: 100%;text-align: center;}
.article-box .img > span img{display: inline-block;border: 1px solid #eee;}
.article-box .img ~ .fig-img-big {visibility:hidden; position:absolute; top:50%; right:150px; opacity:0; z-index:-1;  transition:all 0.3s; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.article-box .img ~ .fig-img-big img {max-width:160%; max-height:360px; border:1px solid #ddd;background:#fff;  border-radius:5px; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,0.15);}
.article-box .img:hover ~ .fig-img-big{visibility:visible;opacity:1; z-index:9;}
/*.article-box .img ~ .fig-img-big:hover {visibility:visible;opacity:1; z-index:9;}*/

.main-contents .article-box .img ~ .fig-img-big { top:50px; right:100px;transform:none;-webkit-transform: none;}

.article-box .name{display: block; margin: 5px 0 8px; font-weight:600;font-size: 14px; color: #7f7f7f;}
.article-box .name a{vertical-align: top;}
.article-box .name a img{vertical-align: middle !important;}

.article-box .iso-num{font-size: 14px;color: #999999;line-height:1.2;  overflow: hidden;  display: inline-block; max-width: 100%; /* text-overflow: ellipsis; white-space: nowrap; */}
.article-box .doi-link{font-size: 14px;color: #1435a9;text-decoration:underline;}
.journal-tool{bottom:11px; left:11px; margin-top: 10px;}
.journal-tool a{display: inline-block; font-size: 13px; color:#000000;margin-left:5px;}
.journal-tool > a:first-child{margin-left: 0;}
.journal-tool > a > img{margin-right: 2px;vertical-align: middle;}
.article-list-wrap .btn-more{position: absolute;top: -50px;right: 0;display: block; color:#e91414; font-size:20px;font-weight:bold;}
/*.article-list-wrap .btn-more:hover{color:#1435a9;border:1px solid #1435a9;}
.article-list-wrap .btn-more > i{display: block;width: 100%;height: 100%;font-size: 30px;vertical-align: middle;}*/
#fulltext_Area ol > li{margin-left:27px;}

/*210723 most cited/read 경우일경우
.article-list.most-article  .article-box{padding:0;min-height:463px;}
.article-list.most-article  .article-box h2 {float:left; font-size:16px; font-weight:500; color:#2671d2; margin-bottom: 17px;}
.article-list.most-article  .article-box h3{float: none;width: 100%;margin-bottom:10px;}
.article-list.most-article .article-box .fig-img{overflow: hidden;display: block;max-width: 100%;height: 170px;text-align: center;table-layout: fixed;padding:0;}
.article-list.most-article .article-box .fig-img img{display: block;width:100%;height: auto;}
.article-list.most-article .article-box .img > span img{display: inline-block;height: 100%;}
.article-list.most-article .article-box .article-contop{padding:25px 30px;margin-bottom:0;}
.article-list.most-article > li .article-box:hover{background:#fffcf8}*/


/* 공통 */
.article-list li{flex-basis:calc((100% - 60px)/4); position: relative; margin-left: 20px; margin-bottom:20px; background: #fff;border: 1px solid #dddddd; transition:all 0.3s;}
.article-list li:nth-child(4n+1){margin-left: 0;}
.article-list li:hover{border: 1px solid #1435a9;}
.article-list li .article-box h3 > a{font-size: 18px; font-weight:600; line-height:26px; letter-spacing:-0.1px;}
.article-list li:hover .article-box h3 > a{text-decoration:underline;color:#1a1a1a}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.article-list li{flex-basis:calc((100% - 68px)/4);}
.most-wrap .most-readArea .article-list li {flex-basis: calc((100% - 25px)/2);}
.scope_brain > ul {margin-left: -8px !important; }


}

/* online */
.main-contents.online .article-box .img{display:none;}
.main-contents.online .article-box .type{color:#008d84;}
.main-contents.online .article-box h3{width:100%;}


/* most read */
.article-list.n4 > li{flex-basis:calc((100% - 60px)/4); margin-left: 20px;background: #fff;}
.article-list.n4 > li:nth-child(4n+1){margin-left: 0;}
.article-list.n4 .article-box .img{display: none;}
.article-list.n4 .article-box h3{width: 100%; padding-right: 0; font-size: 22px; font-weight: 500; line-height: 29px; height: 117px; overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.article-list.n4 .article-box h3 > a{font-size: 22px;font-weight: 500;line-height: 29px; color:#062a6c;}
.article-list.n4 .article-box .iso-num{margin-bottom: 0;}
.article-list.n4 .journal-tool{margin-top: 20px;}
.most-cited ul li{border: 1px solid #eee;}

/* most cited */
.main-contents.most-cited .article-list.n4 > li{margin-bottom:20px;}


/* submit banner */
.submit-banner{width: 100%;height: 300px;padding: 0;background-repeat: repeat-x;background-position:50% 50%;background-image: url('/asset/img/main/bg-submit.jpg');}
.submit-banner .layer1400{position: relative;width: 100%;height: 100%;}
.submit-banner-con{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;padding: 0 15px; text-align:center;}
.submit-banner h3{display: block;margin-bottom:15px;font-size: 35px;color: #fff;font-style: italic;}
.submit-banner p{font-size:18px;color: #fff; }
.submit-banner a.btn-submit{margin-top:25px; border:1px solid #fff; line-height:45px;display: inline-block;padding: 0 20px;border-radius: 30px; font-size:16px;font-weight: 500;}
.submit-banner .btn-submit > i {vertical-align:middle; margin-bottom:3px; font-size:20px; padding-left:15px;}

/*new*notice*/
.notice-area{position:relative;}
.notice-wrap:after {display:block; clear:both; content:''}
.notice-wrap .notice-box{float:left;width:calc((100% - 21px) / 2); margin-left:20px;background:#fff;border-radius: 0 30px 0 0;position:relative;}
.notice-wrap .notice-box:first-child{margin-left:0;}
.notice-wrap .notice-box .title{padding:25px 30px;border-bottom:1px solid #ddd;}
.notice-wrap .notice-box .title h2{margin-bottom:0;line-height:1;}
.notice-wrap .notice-box .title h2:before{top:8px;}
.notice-wrap .notice-box .btn-more{position:absolute;right:30px;top:25px;display: block;width: 68px; height: 30px; background:#fff;border:1px solid #dddddd;border-radius:2px; line-height:28px; text-align: center;color:#222; font-size:14px;}
.notice-wrap .notice-box .btn-more:hover{color:#1435a9;border:1px solid #1435a9;}
.notice-wrap .notice-box .notice-con{padding:0 30px;}
.notice-box .notice-con ul li{padding:20px 0;min-height:157px;max-height:157px;border-bottom:1px solid #ebebeb;color:#999999;font-size:15px;}
.notice-box .notice-con ul li:last-child{border-bottom:0;}
.notice-box .notice-con ul li h3{max-height:52px;margin-bottom:10px;font-size:18px;color:#131419;font-weight:600}
.notice-box .notice-con ul li h3 a{word-break:break-word;}
.notice-box .notice-con ul li h3 a:hover{color:#1435a9;text-decoration:underline;}
.notice-box .notice-con ul li .day{margin-top:10px;color:#1435a9;font-weight:500;}
.notice-box .notice-con ul li .txt{height:47px;overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice-box .notice-con ul li .txt a{color:#999999;}
.notice-box .notice-con ul li .txtNull{height:57px;overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice-box .notice-con ul li .txtNull a{color:#999999;}

.notice-area .layer1400:before{display:block; clear:both; content:url('/asset/img/main/ic-notice-left.png');width:104px;height:93px;position:absolute;left:-135px;top:-40px;opacity:0.6}
.notice-area .layer1400:after{display:block; clear:both; content:url('/asset/img/main/ic-notice-right.png');width:105px;height:94px;position:absolute;right:-135px;bottom:-40px;opacity:0.6}

/* about the journal */
.about-journal:after {display:block; clear:both; content:'';}
.about-journal .about-wrap{float:left;width: calc(100% - 350px);}
.about-wrap:after {display:block; clear:both; content:'';}
.about-wrap h3{display: block;margin-bottom: 15px;font-size: 25px;color: #2671d2;font-weight: 600;}
.about-wrap .img {display:inline-block;width: 170px;vertical-align:top;}
.about-wrap .img > img{border:1px solid #dddddd}
.about-wrap .text{display:inline-block;width: calc(100% - 205px);padding-left:40px;line-height:24px;}
.about-wrap .text p{ font-size:15px;color:#222;text-align:justify;font-weight:500;}
.about-wrap .text p+p{padding-top:10px;}
.about-wrap .text p span{background:linear-gradient(to top, #e4ecff 40%, transparent 20%);}
.about-wrap .text p a{color:#1435a9}
.about-wrap .text p a:hover{text-decoration:underline;}
.about-wrap .text .issn{margin-bottom:25px;}
.about-journal .office-wrap{float:right;width:338px;}
.about-journal .office-wrap li{ width:100%; margin-bottom:10px; background-color:#f7f7f7;height:50px;text-align:left;padding-left:20px; }
.about-journal .office-wrap li span {font-size:20px; display:inline-block;color:#9b9b9b; vertical-align:middle;}
.about-journal .office-wrap li span.logo{line-height:20px;}
.about-journal .office-wrap li p{display: inline-block;margin-left:20px;font-size: 15px; line-height:49px; vertical-align: middle;color:#222;font-weight:500;}
.about-journal .office-wrap li a{word-break:break-all;}
.about-journal .office-wrap li:last-child p{text-decoration:underline;}

.scope_brain {width:100%;margin-bottom:50px;}
.scope_brain:after {display:block; clear:both; content:'';}
.scope_brain > ul{margin-left:-7px;margin-right:-7px;}
.scope_brain > ul > li {float:left; width:calc(100% / 6); display: flex;}
.scope_brain > ul > li > a {width:100%; margin:7px; height:100px; text-align:center; display: flex;justify-content:space-around;align-items: center;text-align:left;word-break:keep-all;font-weight:500;font-size:16px; border:1px solid #f9f9f9; letter-spacing:-1px;color:#333;padding:0 10px; background:#f9f9f9; border-radius:5px;}
.scope_brain > ul > li > a > img {height:53px;}

/* rolling banner */
.banner-wrap{width: 100%;background: #dedede;padding: 20px 0;}
.banner-wrap.banner02 {background: #d1d1d1;}
.banner-wrap.spon{background:#d6d6d6}
.banner-rolling .slick-list{position: relative;margin: 0 50px;}
.banner-rolling .slick-list a{display: block;margin: 0 10px; border:1px solid #e0e0e0;}
.banner-rolling .slick-list a > img{width: 100%; max-width:198px; }
.banner-rolling .slick-arrow{overflow: hidden;display: block;position: absolute;top: 0;width: 30px;height: 60px;border: 0;border-radius:3px;background-color: #afafaf;background-position: center;background-repeat: no-repeat;text-indent: -9999em;}
.banner-rolling .slick-prev{left: 0;background-image: url('/asset/img/ic-rolling-prev.png');}
.banner-rolling .slick-next{right: 0;background-image: url('/asset/img/ic-rolling-next.png');}

.Close-btn{display:none;height:40px; position: fixed;z-index: 8; bottom: 0; background: rgba(37,37,37,0.6); left: calc((100% + 1003px)/2);}
.Close-btn a{float:right;color:#fff;}
.Close-btn a .xi-close-thin{color:#fff;}


/* ==================
	* footer
=================== */
#footer {clear:both; content:''; display:block;}
#footer > .layer1400{padding: 40px 0 50px;}
.footer-info{float: left;width: 34%;}
.footer-info > p{margin-top: 20px;font-size: 15px;font-weight: 400;color: #b5737b;}
.footer-info > p strong{color: #fff;font-weight: 400;}
.footer-info a{font-weight: 300;color: #b5737b;}
.footer-menu > li{float: left;width: calc(100% / 5);padding-left: 30px;color: #fff;}
.footer-menu > li:first-child{padding-left: 0;}
.footer-menu > li h3{display: block;margin-bottom: 20px;font-size: 20px;font-weight: 600;color: #2671d2;}
.footer-menu > li a{font-size: 18px;color: #ffffff;line-height: 1.2em;}
.footer-menu > li > ul > li{margin-top: 10px;}
.footer-menu > li > ul > li:first-child{margin-top: 0;}
.footer-con{padding: 28px 0 ;background: #323838;}
.footer-con p{color: #fff;font-size: 15px;text-align: center;}
.footer-con p a{color:#fff;}

/* ==================
	* dev
=================== */
#alert .intro_text{margin:0 0 10px;}
.alert_text{margin:0 0 5px;text-decoration:underline;}
.agree_check{margin-top:5px;}
.toc_alerts .tf_text{display:block;width:100%;padding-left:10px;height:40px;border:1px solid #ddd;border-radius:5px;}
.toc_alerts .tf_text+.tf_text{margin:5px 0 0;}
.toc_alerts .btn_toc{text-align:center;padding:20px 0 0;}
.toc_alerts .btn_toc button{text-transform:uppercase;background-color: #414141;font-size: 16px;color: #FFFFFF;border: 0;width:50%;height:40px;}

.pagination{width:100%;padding-top:20px;text-align:center}
.pagination ul{display:inline-block}
.pagination ul li.prev:hover a,.pagination ul li.next:hover a{color: #042c40;}
.pagination ul li{float:left;margin:0 3px}
.pagination ul li strong, .pagination ul li a{position:relative;display: block;width: 20px;height: 20px;margin: 1px 0;line-height: 22px;text-align: center;padding-left: 1px;font-size:18px}
.pagination ul li a:hover{color:#042c40;transition: border .25s ease-in}
.pagination ul li strong{position:relative;color: #042c40;font-weight:500;}
.pagination ul li strong:before{display:block; content:'';clear:both;position:absolute;border-radius:40px;width:4px;height:4px;background:#042c40;left:43%;top:-10px;}
.pagination ul li.next{margin-left:8px;background:#042c40;border-radius:50px;width:22px;}
.pagination ul li.next i{display:block;padding:4px 0 0 3px;color:#fff;font-size:12px;}

@media print {
	a[href]::after {
		content: none !important;
	}
	div.header-wrap,div.search-wrap,div.dialog-wrap,div.goto_layer,div.right-conbox,div.sub-right,div.right-conbox,div#view-bar,footer,div#quick-bar,div.section01,a.view-crossmark,div.origin_section01 {display:none;}
	div.sub-left,div.inner_content,div.origin_a {width:100%;display:block;float:none;margin:0 auto;padding-top:10px;}
}

.Table { width: 100%; margin: 3px 0px; border-spacing: 0px; border-width: 1px; border-style: solid; border-color: #D4D0C8; border-collapse: collapse; }
.Table caption { line-height: 26px; background-color: #EFEFFF; text-align: center; font-size: 12px; font-weight: 700; color: #598CBF; border-top-width: 2px; border-top-style: solid; border-top-color: #3568B5; }
.Table caption.top { line-height: 0px; border-top-width: 2px; border-top-style: solid; border-top-color: #3568B5; }
.Table tr { height: 22px; text-align: center; vertical-align: middle; }
.Table th { height: 26px; text-align: center; background-color: #F5F9FB; border-width: 1px; border-style: solid; border-color: #D4D0C8; border-collapse: collapse; }
.Table tr th.left { text-align: left; padding: 1px 5px; }
.Table tr th.right { text-align: right; padding: 1px 5px; }
.Table tr td { background-color: #FFFFFF; padding: 1px 5px; border-width: 1px; border-style: solid; border-color: #D4D0C8; border-collapse: collapse; }
.Table tr.odd td { background-color: #FFFFFF; padding: 1px 5px; border-width: 1px; border-style: solid; border-color: #D4D0C8; border-collapse: collapse; }
.Table tr.even td { background-color: #EFEFEF; padding: 1px 5px; border-width: 1px; border-style: solid; border-color: #D4D0C8; border-collapse: collapse; }
.Table tr td.left { text-align: left; }
.Table tr td.right { text-align: right; }
.Table tr td.left_long { text-align: left; vertical-align: top; height: 80px; }
.Table tr.none { height: 60px; }
.Table tr.none td { background-color: #FFFFFF; }
.Table tr.bottom { height: 3px; background-color: #CACAED; }

.book_btn{font-size:17px;padding:5px; border-radius: 5px;border-width: 1px; border-style: solid; border-color: #D4D0C8;vertical-align:middle;}
.book_btn_sm{font-size:17px;font-weight:700;background-color:#c9243f;color:#fff;padding:0 8px 0 8px;border-radius: 1px;border-width: 1px; border-style: solid; border-color: #fff;vertical-align:middle;}
.input_disabled {height:20px;border: 1px solid #7F9DB9;vertical-align:middle;}

/*191001*/
.btn_author{display:inline-block;width:220px;height:30px;background:#333333}
.btn_author a{display:block;width:100%;color:#fff;font-size:14px;line-height:30px;margin:0;padding:0 10px;}



/* ==================
	* media
=================== */
@media screen and (max-width:1700px) {
	.notice-area .layer1400:before{display:none;}
	.notice-area .layer1400:after{display:none;}
}

@media screen and (max-width:1560px) {
	.topDown-btn,
	#quick-bar {left:auto; right:15px;}
}

@media screen and (max-width:1420px) {
	.btn-allmenu{left: 15px;}

	.logo-kdca{width:65px;}
	.qr-wrap{padding: 31px 30px;}
	.header-menu > li{width: 65px;}
	.header-menu > li > a{background-size: 75%;font-size: 14px;}

	.visual-wrap {width: calc(100% - 256px);}
	.visual-wrap .visual-con .slide-fig{width:38%;margin-left:1%}
	.visual-wrap .visual-con .text-wrap{width: 60%;}
	.journal-info .date{font-size:20px;line-height:20px;}
	.journal-info .date span {font-size:26px;}


	nav .layer1400{width: 100%;padding: 0 15px;}
	.sub-container{padding:0 15px;}
	.layer1400{width: 100%;padding: 0 15px;}

	#footer > .layer1400{padding: 55px 15px;}
	.footer-menu > li{width: 20%;padding-left: 2%;}


}

@media screen and (max-width:1400px) {
	.btn-sch {left: auto;right: 1.1%;}

}

@media screen and (max-width:1300px) {
	a.btn-close-schwrap {right:0; top:32px;}
	.search-wrap input {width:calc(100% - 341px);}

	.journal-wrap .jn-tit{font-size:22px; margin-bottom:10px;}
	.journal-info .jn_code{margin:5px 0;}
	.scope_brain > ul > li.submission > a {letter-spacing:-1.3px;}
	.gnb > li > a{font-size: 1.6vw; letter-spacing: -1px;}
	.gnb > li .sub-gnb > li > a{font-size: 1.4vw; }

	.all-menu-wrap .layer1400{padding:0;}
	.all-menu > li > a{font-size: 16px;}
	.all-menu > li .sub-gnb > li{margin-top: 13px;text-align: center;}
	.all-menu > li .sub-gnb > li > a{font-size: 15px;}
}
@media screen and (max-width:1200px) {


	.impact-list > li > a {font-size: 18px;}
	.impact-list > li > a img {margin-right: 0;}

	.gnb > li > a.gnb-etc-txt > span{letter-spacing:-1.5px; font-size:18px;}

	#header h1 > a {font-size:50px;}
	#header h1 > a strong {vertical-align:baseline}
	.issn-wrap {margin:24px 10px 24px 0;}
	.issn-wrap > img {height:38px;}
	.issn {font-size:14px;}
	.qr-code {display:none;margin:0 10px;}

	.main-contents .tab-wrap .tab-menu .tab a{font-size:16px;}
	.main-contents .tab-wrap .tab-menu .tab {margin-left:10px;}

	/* Editorial Office */
	.about-wrap ul > li{padding:15px;}

	.main-contents .article-box h3{}
	.article-box .img > span{height:100px;}

	.journal-info .txt{overflow: hidden; text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp:8;-webkit-box-orient: vertical;}

}

@media screen and (min-width:1025px) { /* 1025px 이상일때 css 작동 (hover 태그를 태블릿 이하에서 작동하지 않게 하기 위함) */
	.scope_brain > ul > li > a:hover {border:1px solid #595959; background:#fff;}

	.submit-banner a.btn-submit {background:none; color:#fff;}
	.submit-banner a.btn-submit:hover {background:#ffffff; color:#000022;}

	.topDown-btn:hover {opacity:1;}
	.quick-links .quick-list a:hover{background:rgba(0,0,0,0.15); border:1px solid rgba(0,0,0,0);}
}

@media screen and (max-width:1024px) {
	.header-wrap{height: 74px;-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

	.btn-allmenu{display: none !important;}
	.btn-allmenu a{width: 80px;padding: 3px 0;font-size: 14px;}
	.m-btn-menu{display:block; position:absolute; left:15px; top:0; bottom:0; margin:auto; width:35px;  height:35px;}
	.m-btn-menu i{display:block; color:#fff; font-size:35px;}
	.m-btn-menu i.xi-close{display:none;}

	.header-wrap.fixed #header h1 {margin-left: 56px; line-height:1;}
	#header h1{-webkit-transform: translateY(-50%);transform: translateY(-50%);margin-top: 0;margin-left: 56px; position:absolute; top:50%;line-height:1;}
	#header h1 > a span{display:none;}
	#header h1 > a img{height: auto; width:80%;}
	#header h1 > a br {display:block;}


	.header-right-wrap{height:100%;}
	.issn-wrap { margin:12px 5px 14px 0;}
	.logo-kdca{width:55px;}
	.qr-wrap{padding: 20px 0;}
	.qr-code{width: 55px;height: 55px;margin:0 10px;}
	.qr-code > img{max-width: 100%;}
	.qr-code > a i{font-size: 24px;}

	.issn {font-size:12px;}
	.issn-wrap img{vertical-align: top;}
	.issn-wrap > img {height:33px;}
	.issn-wrap .issn{padding:0; line-height:15px;}

	.header-menu {margin-top:0;}
	.header-wrap.fixed .header-menu > li,
	.header-menu > li{width: 50px;height: 50px; padding:0;}
	.header-menu > li > a span{display: none;}
	.header-wrap.fixed .header-menu > li a {padding:0;}
	.header-wrap.fixed .header-menu > li > a > p,
	.header-menu > li > a > p {font-size:30px; padding-top:10px;}

	nav{display: none;}

	#m-gnb .gnb-wrap{border-bottom:0;}
	#m-gnb .gnb-m {width:100%;}
	#m-gnb .gnb-m > li{width:100%; ;position:relative;text-align: left;height:auto;background:#fff;}
	#m-gnb .gnb-m > li > a{display:block;cursor:pointer;color:#fff;padding: 12px 15px;font-size:18px;font-weight: 600;-webkit-transition: 0.3s ease;transition: 0.3s ease; background: #075f78;}
	#m-gnb .gnb-m > li > a > i.plus {display:block; float:right; margin-top:3px; font-size: 22px;}
	#m-gnb .gnb-m > li > ul{display:none; overflow:hidden;position:relative; background:#fff;}
	#m-gnb .gnb-m > li > ul > li{-webki-transition: 0.3s ease;transition: 0.3s ease; text-align: left;width:100%}
	#m-gnb .gnb-m > li > ul > li > a{display:inline-block;font-size: 16px;color: #111;padding: 7px 15px;width:100%;position:relative;}
	#nav-dim{display: none;position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}     

	.search-wrap {position: fixed;}
	.search-wrap .inner-layer { width:90%;}
	.search-wrap{top: 74px;padding: 20px 0;}
	.search-wrap form{max-width: 100%;width: 100%;}
	.quick-links .adv-tit {font-size:17px;}

	.dialog-wrap{width: 90%;}
	.dialog{width: 88%;}
	.dialog__close{top: -40px;right: 0;font-size: 30px;}
	.main-contents.highlight {padding:30px 0 50px 0;}
	.journal-wrap{display:none;}
	.visual-wrap { float: none;width:100%;}

	.visual .slick-slide {height:auto;}
	.visual-wrap .visual-con .slide-fig {float:none; width:100%; height:270px; overflow:hidden; padding-right:0;margin-left:0;margin-bottom:10px;}
	.visual-wrap .visual-con .slide-fig img {max-height: none; height:100% !important;}

	.visual-wrap .visual-con .text-wrap {width:100%;}
	.visual-wrap .visual-con .text-wrap .title a{font-size:16px;}
	.visual-wrap .visual-con .text-wrap .info {font-size:14px; max-height:60px; margin-top:15px; -webkit-line-clamp:3; }
	.visual-wrap .visual-con .text-wrap .date {margin-top:15px;}

	.visual-con .slick-dots {left:50%; transform:translate(-50%, 0); bottom:-30px;}

	#container{padding-top: 74px;}
	.main-contents{padding: 40px 0;}
	.main-conbox.w25p{width: calc((100% - 21px)/2);}
	.main-conbox.w50p{width: 100%;margin-left: 0;margin-top: 20px;}

	.main-contents .tab-wrap .tab-menu .tab{width: calc((100% - 70px) / 2); margin-left: 0px; border: 1px solid #c3c3c3; border-bottom: 0;}
	.main-contents .tab-wrap .tab-menu .tab:nth-child(2n-1){border-right: 0;}
	.main-contents .tab-wrap .tab-menu .tab a{border-radius:0;padding-left:0;text-align:center;}
	.article-list-wrap .btn-more{font-size:15px;}

	.article-list > li{flex-basis: calc((100% - 20px)/2);margin-bottom:20px;}
	.article-list > li:nth-child(2n+1){margin-left: 0;}
	.article-list > li .article-box{padding: 11px;}
	.article-list > li .article-box h3{font-size: 18px;}
	.article-list > li .article-box h3 > a{font-size: 18px;}

	.article-box .img ~ .fig-img-big{display:none;}
	.most-wrap .most-readArea{float:none;width:100%;margin-left:0;}
	.most-wrap .most-readArea .article-list li{flex-basis: 100%;min-height:auto;}

	.submit-banner a.btn-submit {background:#fff; color:#000022;}

	.journal-info{font-size: 18px;}

	.impact-wrap{height: 300px;padding: 20px;}
	.impact-wrap > .tit{font-size: 20px;}
	.impact-list > li > a{font-size: 18px;}

	.impact-list > li > a img {margin-right: 15px;}

	/* currnent issue */
	.main-contents.current-issue{padding: 40px 0 20px;}
	.main-contents .text-box {float:left; width:calc( 100% - 90px );}
	.main-contents .article-box .img {width:80px; max-height:80px; }

	/* most read */
	.main-contents.most-read{padding: 40px 0 20px;}
	.article-list.n4 > li{width: calc((100% - 21px)/2);margin-left: 20px;margin-bottom: 20px;background: #fff;}
	.article-list.n4 > li:nth-child(4n+1){margin-left: 20px;}
	.article-list.n4 > li:nth-child(2n+1){margin-left: 0;}
	.article-list.n4 .article-box h3{font-size: 18px;line-height: 22px;}
	.article-list.n4 .article-box h3 > a{font-size: 18px;line-height: 22px;}
	.article-list.n4 .journal-tool{margin-top: 10px;}
	.article-list.line > li{border: 1px solid #eee;}

	/* most downloaded */
	.most-downloaded{padding: 40px 0 20px;}

	/* submit banner */
	.submit-banner{height: 250px;}
	.submit-banner .layer1400{position: relative;width: 100%;height: 100%;}
	.submit-banner-con{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	.submit-banner h3{margin-bottom: 15px;font-size: 32px;}

	/* about the journal */
	.about-journal .about-wrap{float:none;width:100%;}
	.about-wrap h3{margin-bottom: 10px;font-size: 22px;}
	.about-wrap .img{width: 120px; }
	.about-wrap .img > img{height:auto;}
	.about-wrap p{font-size: 16px;}
	.about-wrap ul > li p{font-size: 16px;line-height: 18px;}
	.about-wrap .text{width: calc(100% - 126px);padding-left:20px;}
	.about-wrap .text p {padding-top:0;}
	.about-wrap .main-conbox{height: auto;margin-left: 0;}
	.about-wrap .main-conbox.w75p{width: calc((100% / 5)*3);border-right: 1px solid #eee;}
	.about-wrap .main-conbox.w25p{width: calc((100% / 5)*2);padding-left: 20px;border-left: 0;}
	.about-wrap .cover-txt{clear:both;float:none;width:100%;}
	.scope_brain > a {width: calc(100% / 3);margin-bottom:15px;}
	.about-journal .office-wrap{float:none;width:100%;margin-top:20px;}


	#footer > .layer1400{padding: 30px 15px;}
	.footer-info{float: none;width: 100%;}
	.footer-info > p{font-size: 14px;}
	.footer-menu{float: none;width: 100%;padding-left: 0;border-left: 0;}
	.footer-menu > li{width: 20%;padding-left: 0;}
	.footer-menu > li h3{margin-bottom: 10px;font-size: 14px;}
	.footer-menu > li a{font-size: 14px;}
	.footer-menu > li > ul > li{margin-top: 7px;}
	.footer-con{padding: 20px 0;}
	.footer-con p{font-size: 14px;}


	.right-pop-box.fixed .scroll-y{overflow-y:auto; height:100vh;}
	.right-top{padding:20px;}
	.right-btm{padding:20px;}
	.right-pop-box.right-sch-box.fixed{padding:30px 15px;}
	.right-pop-box.right-sch-box.fixed .right-conbox{border:0; padding:0;}
	.right-pop-box.right-sch-box.fixed .m-btn-close{padding:0;}
	.right-pop-box.right-sch-box.fixed h3{margin-bottom:10px;padding-bottom:8px;font-size:24px;text-align:left;border-bottom:1px solid #000;}

	.journal-wrap .jn-tit{font-size:17px;}
	.scope_brain > ul > li {width:calc(100% / 3);}
	.dialog__title {height:102px;}

	#quick-bar {top:unset;bottom:5%}
	#quick-bar ul li:not(.top){display:none;}
	.topDown-btn {opacity:1; }

	.modal-dialogeng {top:0; margin: 0 auto;}

	.notice-wrap .notice-box{float:none;width:100%; margin-left:0;margin-top:20px;}
	.notice-wrap .notice-box:first-child{margin-top:0;}
	.notice-wrap .notice-box .title{padding:15px 20px;}
	.notice-wrap .notice-box .title h2:before{top:5px;}
	.notice-wrap .notice-box .btn-more{right:20px;top:15px;width: 68px; height: 25px; line-height:25px; font-size:12px;}
	.notice-wrap .notice-box .notice-con{padding:0 22px;}
	.notice-box .notice-con ul li{padding:12px 0; min-height: auto; max-height: 100%;}
	.notice-box .notice-con ul li h3{font-size:16px;}
	.notice-box .notice-con ul li .day{margin-top:10px;}

}

@media screen and (max-width:768px) {
	.m-show{display:block !important;}
	.m-hide{display:none !important;}
	.header-wrap{height: 60px;}
	.header-wrap.fixed{height: 60px;}
	.header-menu {padding:15px 0;}
	.btn-allmenu a{width: auto;padding: 2px 10px;font-size: 12px;}
	#header h1{margin-left: 50px; }
	#header h1 > a {font-size:35px;}

	.header-wrap.fixed #header h1{margin-left:50px;}
	.header-wrap.fixed #header h1 > a{font-size:35px;}
	.header-wrap.fixed .logo-kdca{width:30px;}

	.logo-kdca{width:30px;margin-right:0;}
	.issn-wrap{display: none;}
	.qr-code{display: none;}
	.header-wrap.fixed .header-menu > li,
	.header-menu > li{width: 30px;height: 30px;}
	.header-menu > li + li {margin-left:3px;}
	.header-wrap.fixed .header-menu > li > a > p,
	.header-menu > li > a > p {font-size:21px; padding-top:5px;}
	.header-wrap.fixed .header-menu > li a{padding-top: 0px;}

	.dialog__title{height: 95px;padding: 15px;margin-bottom: 15px;}
	.modal-dialog h2,
	.dialog__title h2{font-size:33px;}
	.modal-dialog .xi-close-thin {font-size:30px;}

	.search-wrap{top: 60px;}
	.search-wrap.fixed {top:60px;}
	.search-wrap .sch-txt{float:none; font-size:20px;}
	.search-wrap a.btn-close-schwrap {top:-4px; width:30px;height:30px;font-size:30px;}
	.search-wrap .search_btn{width: 40px;height: 40px;}
	.search-wrap input{display: block;width:calc(100% - 49px);padding: 5px 10px;font-size: 16px; font-weight:300;}
	.search-wrap input::placeholder{color: #fff;font-size:16px;}
	.search-wrap .inner-layer{padding:0;}
	.search-wrap .sch-sel{width:calc(100% - 50px);margin-top:0; }
	.search-wrap .advan_search {width:100%; margin-top:10px; margin-left:0; text-align:center;}
	.search-wrap .advan_search a {width:100%;}

	.btn-pdf{display:none !important;}
	.m-sch-box .form-group select, .m-sch-box .form-group .form-control{height: 35px;font-size: 14px;}
	.m-sch-box .form-group .form-control{width: calc(75% - 85px);}
	.m-sch-box .form-group button{width: 35px;height: 35px;font-size: 17px;}
	.m-sch-box .form-group .btn {padding: 6px 0;}


	#container{padding-top: 60px;}
	.main-contents.current-issue{padding: 25px 0 55px;}
	.main-contents.most-read{padding: 25px 0;}
	.main-contents h2{margin-bottom: 10px;font-size: 18px;padding-left:13px;}
	.main-contents h2:before {width: 7px;height: 7px;top: 12px;}
	.main-contents h2 span{font-size:14px;}
	.main-conbox{height: auto;margin-left: 0;}
	.main-contents .text-box {width:100%;}
	.main-conbox.w70p {width:100%;margin-bottom: 20px;}
	.main-conbox.w30p {width:100%;}
	.main-conbox.w25p{width: 100%;margin-bottom: 20px;}
	.main-conbox.w50p{margin-top: 0;}
	.main-conbox.w70p .w35p:first-child {text-align:center;width:100%; margin:0 auto;}
	.main-conbox.w70p .w35p { width:100%;}
	.visual-con .w35p {clear:both;}
	.visual .slick-slide .text-wrap{padding:10px;}
	.impact-wrap .conbox_tit {font-size:16px; line-height:20px; height:81px;}
	.impact-wrap .conbox_inner {font-size:13px; line-height:18px; height:55px; margin-top:10px;}

	.main-contents .tab-wrap .tab-menu .tab {width: calc(100% / 2);}

	.journal-wrap{padding: 15px;width:100%;}
	.journal-wrap .jn-tit{font-size:26px;}
	.journal-wrap .journal-info{display:block;width:100%;margin-top:20px;}
	.journal-wrap .journal-info .date {font-size:20px;line-height:20px;text-align:center;}
	.journal-wrap .journal-info .date span { font-size: 25px;}
	.journal-info .cover-txt {font-size: 14px;}
	.journal-wrap .journal-img{display:block;margin:0 auto;}
	.journal-img{width:80px;height: auto; display:inline-block;}
	.jn_list li {position:relative; margin:10px 0; }
	.jn_list li a {display:block; width:100%; max-width:none; padding:5px; font-size:17px; letter-spacing:-0.5px; border:1px solid #51a9e0; background:#51a9e0; color:#fff;}
	.jn_list li a:hover{background:#fff; color:#51a9e0;}
	.jn_list li:first-child:before {display:none; }
	.jn_list li i{display:block;}


	.impact-wrap{height: auto;padding: 15px;}
	.impact-wrap > .tit{font-size: 16px;}
	.chief-name > span{font-size: 16px;}
	.chief-name > strong{font-size: 18px;}
	.impact-list > li > a{font-size: 14px;}
	.impact-list > li > a img{margin-right: 10px;}

	.modal-dialog {margin:10px auto;}
	a.close { font-size: 30px;right:10px; top:15px;}
	#elink-modal a.close { top: 13px;}
	.dialog-wrap h2 span, .modal-dialog h2 span{display:none;}
	.article-list  li {width:100%;margin-left:0;border-radius:0;}
	.article-list  li .article-box{padding: 15px;}
	.article-list  li .article-box .type{font-size: 14px;}
	.article-list  li .article-box h3{width:100%;height: auto;}
	.article-list  li .article-box h3 > a{font-size: 16px !important;line-height: 22px !important;}
	.article-list  li .article-box .img{display:none;}
	.article-list  li .article-box .name{font-size: 14px;}
	.article-list  li .article-box  	img {display: inline-block !important;}
	.article-list  li .article-box .iso-num{font-size: 14px;text-overflow:ellipsis;margin-bottom:0;}
	.article-list  li .article-box .doi-link{display:block;font-size: 14px;}

	.article-list-wrap .btn-more{top: auto; left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);bottom: -38px; width: 70%; text-align: center; padding: 6px 15px; border: 1px solid #b8b8b8; border-radius: 20px; font-size: 15px; background: #fff;color:#606060;}

	/* .article-list.most-article .article-box .article-contop{padding:15px;} */

	.journal-tool{text-align:right; overflow:hidden; }
	.journal-tool a {display:none;}
	.journal-tool a+a+a {display:inline-block;margin-left:0;}
	.journal-tool a+a+a+a {margin-left: 15px;}

	.main-contents .article-list li{flex-basis: 100%;margin-left: 0;margin-bottom: 15px;border-radius:0;}
	.article-list > li{flex-basis: 100%;margin-left: 0;margin-bottom: 15px;}


	/* list 모바일 슬라이드 */
	.main-contents .article-list {padding-bottom:0;}
	.main-contents .article-list .slick-slide{background:#fff;}
	.main-contents .article-list .slick-prev{left:0;}
	.main-contents .article-list .slick-next{right:0;}
	.slick-prev, .slick-next{font-size:0;}
	.main-contents .article-list .slick-prev, .main-contents .article-list .slick-next{opacity:1; background:#ededed; border:1px solid #dddddd; font-size: 0; line-height: 0; z-index:9; position: absolute; bottom: 1px;display: block; width: 50%;  height: 35px; padding: 0; }
	.main-contents .article-list .slick-prev:before{content:'←';}
	.main-contents .article-list .slick-next:before{content:'→';}
	.main-contents .article-list .slick-next {border-left:0;}
	.main-contents .article-list .slick-prev:before, .main-contents .article-list .slick-next:before{font-size:25px; line-height:8px; display:block; color:#626262;}

	.most-downloaded{padding: 25px 0 10px;}

	.submit-banner{height: 200px;background-size: cover;}
	.submit-banner h3{font-size: 20px; margin-bottom:7px;}
	.submit-banner p{font-size: 16px;}
	.submit-banner a.btn-submit {line-height:35px; margin-top:15px;}


	.scope_brain > a{font-size: 14px;padding-left: 48px;height: 36px; line-height: 1.3;}
	.scope_brain > a:nth-child(n){ background-size: 39.5px 39.5px;}

	.about-wrap {margin-top:0;}
	.about-wrap .main-conbox.w75p{width: 100%;margin-bottom: 20px;padding-bottom: 20px;border-right: 0;border-bottom: 1px solid #eee;}
	.about-wrap h3{font-size: 16px;}
	.about-wrap .img{float:none;display:block;margin:0 auto;}
	.about-wrap .text{float:none;width:100%;margin-top:10px;padding-left: 0;padding-right: 0;text-align:center;}
	.about-wrap .text p{padding-left:0;}
	.about-wrap p{margin-top:10px;font-size: 14px;line-height: 22px;}
	.about-wrap ul > li{height:100px;}
	.about-wrap ul > li span {margin:10px 0;}
	.about-wrap ul > li a {font-size:13px;}
	.about-wrap ul > li p{font-size:13px;}


	.banner-wrap{padding: 15px 0; border-bottom: 0;}
	.banner-rolling .slick-list{margin: 0 30px;}
	.banner-rolling .slick-arrow{width: 25px;background-size: 8px;}

	#footer > .layer1400{padding:0;}
	.footer-info > img{width: 220px;max-width: 60%;}
	.footer-info > p{margin-top: 15px;font-size: 13px;}
	.footer-con{padding: 15px 0;}
	.footer-menu{display: none;}
	.footer-con p{font-size: 13px;}

	.cst-table th, .cst-table td{padding: 10px 7px; font-size: 14px;}
	.cst-table th.bg-pink{padding: 10px 7px;}

	.modal-header img{max-width:100%;}
	#share-modal ul > li img{width:60px;}
	.modal.in .modal-dialog{max-width:95%;}

	.search-wrap .inner-layer{padding:0;}
	.search-wrap .sch-sel{width:calc(100% - 50px);margin-top:10px;margin-left:0;}
	.quick-links .adv-tit{font-size:20px;}
	.quick-links .quick-list a {width:auto;}

	.scope_brain > ul > li {width:calc(100% / 2);}
	.scope_brain > ul > li > a > img {height:40px;}

	#quick-bar {bottom: 5%;}
	.topDown-btn {width:40px; }
	.topDown-btn a {line-height:8px; font-size:12px;}
	.topDown-btn a span {padding-top:3px;font-size:18px;}

	.Close-btn{left: 0; right: 0;}

	.pagination ul li strong, .pagination ul li a{width:18px;height:18px;font-size:16px;line-height:18px;}
	.pagination ul li.next{width:20px;height:20px;}


}


@media screen and (max-width:500px) {

	.main-contents h2 span{display:block;padding-left:0;}
}

@media screen and (max-width:420px) {
	#share-modal ul{text-align:center;}
	#share-modal ul > li{margin:10px;}
	#share-modal ul > li:nth-child(4){margin-left:0;}
	#share-modal ul > li:nth-child(5){margin-left:10px;}

	.submit-banner p{font-size: 13px;}

	.scope_brain > ul > li > a {height:57px; margin:5px; font-size:13px;}
	.scope_brain > ul > li > a > img {height:23px;}
}

@media screen and (max-width:380px) {
	.header-wrap.fixed #header h1,
	#header h1 {margin-left:43px;}
	.main-contents .tab-wrap .tab-menu .tab a {font-size:15px;height: 45px;line-height: 45px;}

@media screen and (max-width:340px) {
	.header-wrap.fixed #header h1,
	#header h1 {margin-left:35px;}
	.header-wrap.fixed #header h1 > a,
	#header h1 > a{font-size:33px;}
	.m-btn-menu{width:30px;height:30px;}
	.m-btn-menu i{font-size:30px;}
	.notice-wrap .notice-box .btn-more{width:50px;}
	.main-contents .tab-wrap .tab-menu .tab a {font-size:14px;}

}

@media screen and (max-width:321px) {
	.visual-con .slick-dots{width:100%;}
	#share-modal ul > li img{width:55px;}
}