@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;800&display=swap');

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

/* ==================
	* Font common
================== */
body {font-family:'Roboto', 'Noto Sans KR', helvetica, Apple SD Gothic Neo, Malgun Gothic, sans-serif; font-size:15px; line-height:1.6; color:#222; background:#fff; }
body input[type="password"]{font-family:'Roboto', 'Noto Sans KR', helvetica, Apple SD Gothic Neo, Malgun Gothic, sans-serif; color:#222;}
::-webkit-input-placeholder{font-family:'Roboto', 'Noto Sans KR', helvetica, Apple SD Gothic Neo, Malgun Gothic, sans-serif; color:#222;}
::-moz-placeholder{font-family:'Roboto', 'Noto Sans KR', helvetica, Apple SD Gothic Neo, Malgun Gothic, sans-serif; color:#222;}
:-ms-input-placeholder{font-family:'Roboto', 'Noto Sans KR', helvetica, Apple SD Gothic Neo, Malgun Gothic, sans-serif; color:#222;}
:-moz-placeholder{font-family:'Roboto', 'Noto Sans KR', helvetica, Apple SD Gothic Neo, Malgun Gothic, sans-serif; color:#222;}

.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;}

/* ==================
	* 대표컬러 :: 필요시 추가 or 삭제 가능
================== */
a.link {color:#001bd1; text-decoration:underline;}
.color {color:#0049a3;}
.color02 {color:#0080b3;}


/* ==================
	* 최대 레이아웃 가로 사이즈
================== */
.layer-inner{max-width: 1300px;margin: 0 auto;position:relative;}


/* ==================
	* header
================== */
#header{position:fixed; width:100%; z-index:99; top:0; left:0;transition:all 0.3s}
.header-wrap{position:relative; z-index:10;  background: url('/asset/images/bg_top.jpg')no-repeat center center; background-size:cover; margin-top: 40px;}
#header .layer1200{position: relative; height:100%; }
.btn-menu{display: none; margin-top:4px; position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;}
.btn-menu a {display: inline-block;width: 35px; height:auto; background:none;}
.btn-menu a > p {font-size:11px; color:#032275; text-align:center; margin-top:3px; letter-spacing:-0.3px;}
.btn-menu a .open-btn span {display:block; width:35px; height:3px; background:#032275;}
.btn-menu a .open-btn span:nth-child(2) {width:28px;}
.btn-menu a .open-btn span + span {margin-top:9px;}
.btn-menu a .close-btn {height:32px;}
.btn-menu a .close-btn span {display:block; width:45px; height:3px; margin:0 -5px; background:#032275;-webkit-transform:translateY(15px) rotate(45deg); transform:translateY(15px) rotate(45deg);}
.btn-menu a .close-btn span + span {-webkit-transform:translateY(11px) rotate(-45deg); transform:translateY(11px) rotate(-45deg);}
.m-btn-menu{display:none;}
.close-btn {display:none;}

.sitemap-wrap {height: 40px; background: #152b76; position: fixed; transition: all 0.1s; width: 100%;}
.sitemap-wrap a {color: #fff; font-size: 14px; line-height: 40px; transition: all 0.3s;}
.sitemap-wrap a i {display: inline-block; vertical-align: middle;}
.sitemap-wrap a:hover {text-decoration: underline;}
.sitemap-wrap .sitemap-left {float: left;}
.sitemap-wrap .sitemap-left i {font-size: 24px;}
.sitemap-wrap .sitemap-right {float: right; color: #fff;}
.sitemap-wrap .sitemap-right img {padding-right: 5px; width: 26px; margin-top:-2px; vertical-align: middle;}
.sitemap-wrap .sitemap-right a {vertical-align: initial;}

.header-wrap .logo{display: inline-block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);vertical-align: middle;}
.header-wrap .logo > a{display: block;}
.header-wrap .logo > a > img {vertical-align: middle;}
.header-right-wrap{float: right;display: inline-block;margin: 15px 0;}
.issn-wrap{display: inline-block;vertical-align: middle;}
.issn-wrap img{vertical-align: middle; margin-left:10px;}
.issn{display: inline-block; vertical-align: middle; color: #222; font-size: 15px; line-height:20px; text-align:right;}

.header-menu{display: inline-block;vertical-align: middle; margin-left:10px;}
.header-menu > li{transition:all 0.3s; float: left;width: 75px; height:75px; margin-left: 10px; background: #fff; border-radius:8px; border:1px solid #cdced7;}
.header-menu > li:first-child{margin-left: 0;}
.header-menu > li > a > p {font-size:30px; padding-top:12px; vertical-align: middle;}
.header-menu > li > a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center bottom 35px;font-size: 15px;color: #8b8d98;text-align: center; }
.header-menu > li > a span{display: block;}

.header-menu > li.submit {background:#01348b; border:1px solid #01348b;}
.header-menu > li.submit a {color:#c7d2e6;}

.header-menu > li.qr-code{position:relative; width:75px; height:75px; border: none;}
.header-menu > li.qr-code > a{opacity:0; transition:0.3s all ease; position:absolute; left:0; top:0; width: 100%;height: 100%;background: rgba(0,0,0,0.8);padding: 12px 0;border-radius: 5px;color: #fff;font-size: 16px;font-weight: 600;text-align: center;line-height: 1;}
.header-menu > li.qr-code > a *{color:#fff !important;}
.header-menu > li.qr-code > a i{display:block; font-size: 16px; width:25px; height:25px; position:absolute; bottom:33px; left:0; right:0; margin:0 auto;}
.header-menu > li.qr-code > a span{font-size:13px; display:block; width:100%; position:absolute; bottom:15px; left:0;}
.header-menu > li.qr-code:hover > a{opacity:1;}

/* scroll */
#header.fixed{z-index:99;width:100%;top:0;left:0;webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.15);box-shadow: 0 4px 8px rgba(0,0,0,0.15);}
#header.fixed .sitemap-wrap {top: -40px;}
#header.fixed .header-wrap {margin-top: 0;}
#header.fixed .qr-wrap{padding: 20px 0;}
#header.fixed .header-menu {margin-left:5px;}
#header.fixed .header-menu > li {width: 50px;height: 50px; margin-left:6px;}
#header.fixed .header-menu > li > a span{padding-top: 0;font-size:12px;}
#header.fixed .header-menu > li > a > p {font-size:25px; padding-top:4px;}

#header.fixed #gnb{display:none;}
#header.fixed .logo {margin-left: 55px;}
#header.fixed .logo > a > img {height: 48px;}
#header.fixed .logo > a > span {font-size: 14px; line-height: 18px; margin-left: 10px;}
#header.fixed .btn-menu{display: block;}
#header.fixed .header-right-wrap{margin: 12px 0;}
.header-wrap.fix-hid{display:none;}
/*#header.fixed .header-wrap {display:none;}
#header.fixed .header-wrap.on{display:block;}*/
#header.fixed.nav-up {top:-116px;}
#header.fixed.nav-down {top:0;}

#header.fixed .issn-wrap .issn {font-size:15px; line-height:20px;}
#header.fixed .issn-wrap img {height:43px; margin-left:7px;}
#header.fixed .header-menu > li.qr-code {width:50px;}
#header.fixed .header-menu > li.qr-code > a i {bottom:23px;}
#header.fixed .header-menu > li.qr-code > a span {text-indent:0; bottom:4px;}
#header.fixed .header-menu > li > a{display:block; width:100%; height:100%; background-position: center center;}

.header-wrap.fixed ~ .all-menu-wrap{position:fixed; top:0;}

/* gnb */
nav.fixed{display: none;}
#gnb{width:100%; height:57px; background: linear-gradient(to right, #0931a5, #a26884); position:relative; z-index:10;}
.gnb-list > li{float:left; width:20%; text-align:center; position:relative; box-sizing:border-box; }
.gnb-list > li.submit > a {color:#fff99c;}
.gnb-list > li > a {display:block; position:relative; height:57px;line-height:57px;color:#fff;font-size:19px;font-weight:700; letter-spacing: 0.5px;}
/* 메뉴 호버 효과 */
.gnb-list > li > a:hover {position:relative;}
.gnb-list > li > a:after{content: ""; position:absolute; top:11px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); height:3px; width:0; background:rgba(255,255,255,0.4);  transition:0.5s all ease; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.gnb-list > li:hover > a:after{width:25%;}

#gnb .gnb-list > li ul{display:none;}
.gnb-list > li .sub-gnb{ background: #fff; border:2px solid #494898; border-top:0; padding:10px; overflow:hidden; text-align:center; position:absolute;top:100%; right:0px; left:0; }
.gnb-list > li .sub-gnb > li > a{display:block; color: #75767b; padding:7px 0; font-size:17px;line-height:1.2; word-break:break-word;}
.gnb-list > li .sub-gnb > li:hover a {color:#0044c5;}
/* .gnb-list > li .sub-gnb > li a:before{display: inline-block;content: '';clear: both;width: 5px;height: 1px;background:#888888;vertical-align: middle;margin-top: -3px;margin-right: 3px;} */


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

/* all-menu */
.all-menu-section{display: none;position: relative;top: 0;left: 0;z-index: 10;width: 100%;height:484px;background: #fff;-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.all-menu-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 57px; background: #fff;border-bottom:1px solid #dbdbe1;}
.all-menu > li{float: left;width: 25%;text-align: center; position:relative;}
.all-menu > li.submit > a {color:#fff99c;}
.all-menu > li:hover > a, .all-menu > li > a.on{background:#f1f2f5;}
.all-menu > li > a + ul {transition:all 0.3s;}
.all-menu > li:hover > a + ul {background:#f1f2f5;}
.all-menu > li:hover > a {position:relative;}
.all-menu > li > a:after{content: ""; position:absolute; top:10px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); height:3px; width:0; background:#7d96c7;  transition:0.5s all ease; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.all-menu > li:hover > a:after{width:22%;}

.all-menu > li > a{display: block;padding: 13px 0;font-size: 19px;color: #222;font-weight: 700;}
.all-menu > li .sub-gnb{position:absolute; top:57px; left:0; width:100%; height:427px;  padding:20px 5px; background:#fff; z-index:99; }
.all-menu > li .sub-gnb > li{width:100%;margin-top: 14px;text-align: center;}
.all-menu > li .sub-gnb > li:first-child{margin-top: 0;}
.all-menu > li .sub-gnb > li:hover > a{color: #000;}
.all-menu > li .sub-gnb > li > a{font-size: 17px;color: #888;line-height: 1em; word-break:break-word;}
.all-menu > li .sub-gnb > li > a:hover{color: #000;}


/* search popup */
#sch-dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0,0,0,0.8);}
#sch-pop{display: none;position: fixed;top: 204px;left: 0;z-index: 9999; width: 100%; text-align: center;}
#sch-pop form{overflow:hidden;}
#sch-pop .inner-layer{position:relative;display: inline-block;width: 945px; max-width:100%; margin: 0 auto;padding: 40px 0 50px;text-align: left;}
#sch-pop .sch-txt{color:#fff; font-size:22px; font-weight:normal; float:left; display:block; line-height:40px; padding-right: 15px;}
#sch-pop 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;}
#sch-pop input::placeholder {color: #bbbbbb;}
#sch-pop .sch-sel{width:17%; height:40px; padding: 0 10px; float:left; margin:0 10px; font-size:15px; color:#555;border-radius: 5px; border: none;}
#sch-pop input:focus, #sch-pop .sch-sel:focus {outline: none;}
#sch-pop .btn-white {display: inline-block; margin-left: 8px; border: 0; width: 40px; height: 40px; line-height: 23px; background: #0049a3; border-radius: 5px; color: #fff; font-size: 23px; float: left;}
#sch-pop .advan_search {float: left;margin-left: 8px;}
#sch-pop .advan_search a {display: inline-block; height: 40px; line-height: 40px; padding: 0 12px; background: #2b70a1; border-radius: 5px; color: #fff;}
#sch-pop a.btn-schpop-close {display: block; position: absolute; top: 28px; right: -60px; width: 40px; height: 40px; color: #fff; font-size: 40px;}
.quick-links .adv-tit{display:block; font-weight:normal; border-bottom:1px solid #7b7d7f; 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:#fff334; border:1px solid #fff55b;}


/* ==================
	* container
================== */
#container{width: 100%; padding-top:202px;}
#container:after{display: block;content: '';clear: both;}

/* main left */
.main-conbox .main-left{float: left;width: calc(100% - 421px);padding-right: 30px; padding-top:15px;}
.main-contents{margin-bottom: 40px}

/* Swiper */
.highlight-swiper {overflow:hidden; margin: 0 auto 15px;}
.highlight-swiper .swiper-slide .text-wrap {width:calc(100% - 400px); height:295px; padding:20px; background:linear-gradient(45deg , #043493, #032275 40%);}
.highlight-swiper .swiper-slide .text-wrap .head_info {font-size:14px; color:#b0b6c9;}
.highlight-swiper .swiper-slide .text-wrap .title { font-size:20px; color:#fff; font-weight:600; padding-top:10px; max-height:88px; line-height:26px; font-family: 'Lora'; word-break: break-word;}
.highlight-swiper .swiper-slide .text-wrap .info {font-size:14px; color:#b0b6c9; padding-top:12px; max-height:87px; line-height:18px;}
.highlight-swiper .swiper-slide .text-wrap .date {font-size:14px; color:#fff; padding-top:10px; max-height:28px;}
.highlight-swiper .swiper-slide .img-wrap {width:400px; height:295px; position:relative; background:#fff; border: 1px solid #dfdfdf; border-left:0; overflow:hidden;}
.highlight-swiper .swiper-slide .img-wrap img {max-height:295px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.highlight-swiper .swiper-slide.fig-none .img-wrap {border:0; background:url('/asset/images/figure-none.png') no-repeat top left; background-size:cover; background-color:#7283b0;}

.highlight-swiper .swiper-pagination {text-align:left; left:15px;}
.highlight-swiper .swiper-pagination-bullet {width:25px;height: 3px; padding:0; background:#fff; border-radius:0; opacity: 0.3;}
.highlight-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}

/* main tab */
.tab-wrap{overflow:hidden;}
.tab-menu{float:left; width:100%; overflow:hidden; -webkit-box-shadow: 0 -1px 0 rgba(223,223,223,1) inset;box-shadow: 0 -1px 0 rgba(223,223,223,1) inset;}
.tab-menu li{position:relative; width:25%; height:50px; float:left; border:1px solid #dfdfdf; border-left:0; display:table; }
.tab-menu li:first-child{border-left:1px solid #dfdfdf;}
.tab-menu li a{display:table-cell; height:100%; padding-top:1px; vertical-align:middle; text-align:center;font-size:16px;color:#888888; background:#f3f5f8;}
.tab-menu li:hover a{background:#fff; color:#0049a3;}
.tab-menu li.tab.on {border-top:2px solid #0049a3; border-bottom:1px solid #fff;}
.tab-menu li.tab.on a{background:#fff; color:#0049a3; font-weight:700;}
.tab-menu li > a > i {vertical-align:top; margin-top:4px;}

.view-more{margin-top:30px;}
.view-more a.btn{color:#444; transition:all 0.3s; font-size:14px; border:1px solid #dddddd; height:auto; line-height:16px; padding:12px 40px 12px 35px; border-radius:50px;font-weight:500; background:#f4f5f6;}
.view-more a.btn i{color:#444;font-size:14px; transition:all 0.3s;}
.view-more a.btn:hover{color:#0049a3; background:#fff; border:1px solid #0049a3;}
.view-more a.btn:hover i{color:#0049a3; }

.mainCate-wrap{padding-bottom:20px;}

/* 목적 및 범위 */
.main-conbox.pb100 {padding-bottom:100px;}
.left-tit{font-size:20px; line-height:22px; padding-bottom:13px; margin-bottom:15px; border-bottom:1px solid #919191; font-weight:700; color:#222;}
.main-con-wrap .text strong{font-size:15px; color:#0080b3;}
.main-con-wrap .text > em {font-weight:700;}
.main-con-wrap .text {text-align: justify; font-size:15px; line-height:22px; color:#333;}
.main-con-wrap .text > a.more{color:#2937b1;}
.main-con-wrap .text > a:hover {text-decoration:underline;}

.main-swiper-container {position:relative; width: 100%; height: 100%; overflow:hidden; padding:25px 0;}
.main-swiper-container .swiper-slide { text-align: center; background: #fff;}
.main-swiper-container .swiper-slide p {padding-top:6px; color:#000; }
.main-swiper-container .swiper-slide p span{display:block;  font-size: 15px; width:max-content;margin:0 auto;display:inline-flex;}
.main-swiper-container .swiper-pagination-progressbar {top:auto; bottom:0; background:#eeeeee;}
.main-swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#222;}

/* main right */
.main-right{margin-top:15px;float: right;width: 420px; }
.right-conbox{margin-bottom:25px;}
.main-right .right-tit{position:relative;font-size:20px;  font-weight:700; color:#222; margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #919191}
.main-right .right-tit span{display:block; margin-top:3px; font-size:17px; color:#3e3e3e; font-weight:500;}
.main-right .main-conbox .right-tit{position:relative;font-size:20px;  font-weight:700; color:#222; padding-bottom:15px; margin:0; border-bottom:1px solid #919191; }
.main-right .main-conbox .right-tit span{display:block; margin-top:3px; font-size:17px; color:#3e3e3e; font-weight:300;}

/* 저널정보 */
.journal-wrap{overflow:hidden; margin-bottom:10px;}
.journal-wrap .journal-img{border: 1px solid #e2e2e2;}
.journal-box{display: block; background: #f3f5f8; padding: 30px;}
.cover-img{display:inline-block; vertical-align: bottom;}
.cover-img img {width:150px; border: 1px solid #cbd0d7;}
.cover-text{display:inline-block; width:calc(100% - 155px); padding-left:15px;}
.cover-text h3{display:inline-block; font-size:22px; line-height: 26px; font-weight:900; color:#000; margin-bottom: 20px; font-style:italic;}
.cover-text h3 span {color: #0049a3;}
.cover-text p{font-size:15px; line-height: 21px; color:#222;}
.cover-text p.lssue {font-size:12px; margin:25px 0 20px; font-weight:700;}
.cover-text p.lssue a {font-size:16px; vertical-align:bottom; letter-spacing:-0.3px;}
.cover-text p.lssue a:hover {color:#0049a3; text-decoration:underline;}

/* submission */
.submission-wrap {width:100%; font-size:0; margin-bottom:10px;}
.submission-wrap a {display:inline-block; padding:13px 20px; width:100%; height:50px; line-height:25px; border-radius:5px; opacity:1; background:linear-gradient(to right, #004ba4, #3288a4);}
.submission-wrap a:hover {opacity:0.8;}
.submission-wrap a .submis-text {font-size:18px; color:#fff; font-weight:700;}
.submission-wrap a .submis-go img {margin-top:4px;}
.submission-wrap a .submis-text > p > i {vertical-align:top; margin-right:10px; margin-top:3px;}

/* right search */
.right-search-wrap {width:100%; font-size:0;}
.right-search-wrap a {display:inline-block; padding:13px 20px; width:100%; height:50px; line-height:25px; border-radius:5px; opacity:1; background-color:#fff; border:1px solid #0049a3;}
.right-search-wrap a:hover {opacity:0.6;}
.right-search-wrap a .search-ic img {margin-top:1px; margin-right:10px;}
.right-search-wrap a .search-text {font-size:18px; color:#0049a3; font-weight:700;}
.right-search-wrap a .search-text > p > i {vertical-align:top; margin-right:10px; margin-top:3px;}

/* right down */
.right-down-wrap a{display:block; margin-top:10px; vertical-align:middle; width:100%; padding:12.5px 0 12.5px 20%; min-height:70px; background:#fff; border:1px solid #ecf3ff;}
.right-down-wrap a.down-btn{background:url('/asset/images/r-download.png')left 6% center no-repeat, url('/asset/images/r-down-arrow.png') right 6% center no-repeat #fff;}
.right-down-wrap a.down-btn:nth-child(2) span.kr{display:block; line-height:40px;}
.right-down-wrap a.check-btn{background:url('/asset/images/r-check.png')left 6% center no-repeat, url('/asset/images/r-down-arrow.png') right 6% center no-repeat #fff;}

.right-down-wrap a span{display:block;}
.right-down-wrap a span.kr{font-size:20px; line-height:1.2;}
.right-down-wrap a span.en{font-size:15px; line-height:1.2;}

/* right topic */
.right-topic-wrap ul li{position:relative; font-size:18px; color:#505050; margin-bottom:10px; padding-left:32px;}
.right-topic-wrap ul li:last-child{margin-bottom:0;}
.right-topic-wrap ul li span{position:absolute; left:0; top:0;}

/* right edit */
.right-conbox.edit-wrap .right-tit {margin:0;}
.edit-wrap ul li{width:100%; height:auto; padding:18px 0 18px 70px; border-bottom:1px solid #eeeeee;  background:no-repeat left 20px center;}
.edit-wrap ul li *{font-size:15px; line-height:1.2; letter-spacing:-0.2px;color:#222;}
.edit-wrap ul li p {color:#666;font-weight:300;}
.edit-wrap ul li span {font-weight:700;}

/* right sns */
.right-conbox.sns-wrap > ul > li{float: left;margin-left: 10px;}
.right-conbox.sns-wrap > ul > li:first-child{margin-left: 0;}
.right-conbox.sns-wrap > ul > li > a{display: inline-block;opacity:1;}

/* .edit-wrap ul li:nth-child(4){background-image:url('/asset/images/ic-eic.png'); } 편집장 사용시 이용 */
.edit-wrap ul li:nth-child(1){background-image:url('/asset/images/ic-mail.png');}
.edit-wrap ul li:nth-child(1) > a {text-decoration:underline;}
.edit-wrap ul li:nth-child(2){background-image:url('/asset/images/ic-tel.png');}
.edit-wrap ul li:nth-child(3){background-image:url('/asset/images/ic-fax.png');}
.edit-wrap ul li:nth-child(4){background-image:url('/asset/images/ic-homepage.png');/* 맞춤 로고 사용시 이용 padding-left: 90px; */}
.edit-wrap ul li:nth-child(4) > a {text-decoration:underline;}
.edit-wrap ul li a:hover{color:#0049a3;}

/* right key word */
.word-wrap{background:#fff; padding:20px;}

.btn-metrics-wrap{margin: 20px 0;}
.btn-metrics-wrap .btn-metrics{display: block;width: 100%;padding: 15px 20px;background-color: #654699;background-repeat: no-repeat;background-image: url('/asset/images/ic-arrow-left.png');background-position: right 20px center;border-radius: 4px;font-size: 20px;color: #fff;}
.btn-metrics-wrap .btn-metrics img{margin-right: 20px;}

/* btm tool */
.tools-list{margin-bottom: 40px; margin-top:100px;}
.tools-list > a{float: left; display: table; width: calc((100% - 61px)/6);height: 72px; background-color: #171836;border-radius: 5px;color: #fff !important; table-layout: fixed;}
.tools-list > a + a{margin-left: 12px;}
.tools-list > a .tools-box{display: table-cell;padding: 0 5px;vertical-align: middle;}
.tools-list > a span{color:#fff; display: block; width: 100%; text-align:center; font-size:15px;  vertical-align: middle; font-weight:500;}

/* view right */
.article-tools{border:1px solid #ddd;}
.article-tools > li{float: left;width: 100%;height: 45px;border-bottom: 1px solid #dddddd;}
.article-tools > li.tools_pdf > a span {color:#bd0000 !important;}
.article-tools > li > a{display: block;padding: 11px 0 11px 15px;font-size: 14px;color: #444;}
.article-tools > li span{display: inline-block;margin-right:8px;vertical-align: middle; font-size:19px; color:#afafaf; transition:all 0.3s;}
.article-tools > li span.ko {font-size:16px; margin-top:-2px; line-height:15px;}
.article-tools > li > a.link-none,
.article-tools > li > a.link-none span {background:#fff !important; color:#c5c5c5 !important; cursor:default;}
.article-tools > li:last-child{border-bottom:0;}

.supp-list {border:1px solid #ddd;}
.supp-list > li {float:left; border-bottom:1px solid #dddddd; height:45px; width:100%; }
.supp-list > li:last-child{border-bottom:0;}
.supp-list > li a {display: block; padding: 11px 0 11px 15px; font-size: 14px; color: #444;}
.supp-list > li a > i {display: inline-block; color: #afafaf;font-size: 19px; vertical-align: middle; margin-right:8px; transition:all 0.3s;}

.metrics-list > li > a{display: inline-block; width:100%; margin-top: 5px;padding: 9px 15px;border: 1px solid #dddddd;border-radius: 4px; color:#444;}
.metrics-list > li:first-child > a{margin-top: 0;}
.metrics-list > li > a.metrics-list-link, .metrics-list > li > a.metrics-list-link span {color: #093fd5; text-decoration: underline;}
.click-num{float: right;color: #222;font-weight: 600;font-size:15px;}
.sns-list > li{float: left;margin-left: 10px;}
.sns-list > li:first-child{margin-left: 0;}
.sns-list > li > a{display: inline-block;opacity:0.5;}
.sns-list > li > a:hover {opacity:1;}
.sns-list > li > input#copyLink {position: absolute; top: 0; bottom: 0; font-size: 0; border: 0; width: 0px; height: 0px;}
.copy-btn-wrap .btn-copy-text {padding: 6px 16px; border: 1px solid #dfdfdf; background: #f2f3f3; color:#222;}
#copyTxt {position: absolute; top: 0; bottom: 0; font-size: 0; border: 0; width: 0px; height: 0px;}
.view-right .right-conbox .article-list li{width: 100%;margin-top: 15px;padding-top: 15px;border-top: 1px solid #ddd;}
.view-right .right-conbox .article-list li:first-child{margin-top: 0;}
.view-right .right-conbox .article-list h3{height: 68px;margin-bottom: 10px;padding-bottom: 0;border-bottom: 0;font-size: 18px;font-weight: 600;line-height: 22px;color: #000;}
.view-right .right-conbox .article-list h3 a{-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.view-right .right-conbox .article-list h3 a:hover{color: #6d1c26;text-decoration: underline;}
.view-right .right-conbox .article-list .name{height: 42px;margin-bottom: 5px;font-size: 14px;line-height: 20px;color: #666;}
.view-right .right-conbox .article-list .iso-num{color: #000;}
.view-right .right-conbox .article-list .doi-link{text-decoration: underline;color: #234c6f;font-size: 14px;}
.view-right .right-conbox .word-wrap{overflow: hidden;height: 125px;}
.view-right .right-conbox .journal-img{display: inline-block;width: 125px;height: 167px;margin-bottom: 0;vertical-align: top;}
.view-right .right-conbox .journal-more{width: 125px;height: 167px;}
.view-right .right-conbox .journal-info{display: inline-block;width: calc(100% - 130px);padding-left: 15px;text-align: left;vertical-align: top;line-height: 1;}
.view-right .right-conbox .journal-info strong{display: block;margin-top: 15px;margin-bottom: 15px;font-size: 20px;font-weight: 700;line-height: 25px;}
.view-right .right-conbox .journal-info .issn-num{font-size: 16px;line-height: 22px;color: #f1a832;}
.view-right .right-conbox .years-select{margin-bottom: 10px;}
.view-right .right-conbox .years-select > a{width: 80px;font-size: 16px;color: #555;}
.view-right .right-conbox .years-select > a.on{color: #fff;}
.view-right .right-conbox .year_title{padding: 10px 15px;}
.view-right .right-conbox .year_Content{padding: 10px;}
.view-right .right-conbox .year_Content > a{display: block;position: relative;width: 100%;padding-left: 12px;margin-top: 5px;text-align: left;}
.view-right .right-conbox .year_Content > a:first-child{margin-top: 0;}
.view-right .right-conbox .year_Content > a:before{display: block;content: '';clear: both;position: absolute;top: 7px;left: 0;width: 5px;height: 5px;background: #555555;}
.view-right .right-conbox .form-group{width: 100%;margin: 5px 0;}
.view-right .right-conbox .form-group.mb30{margin-bottom: 30px;}
.view-right .right-conbox .form-group select, .view-right .right-conbox .form-group input{height: 40px;padding: 2px;background: #fff;border: 1px solid #cccccc;font-size: 15px;font-weight: 300;color: #555;}
.view-right .right-conbox .form-group select{width: 25%;}
.view-right .right-conbox .form-group select.w100p{width: 100%;}
.view-right .right-conbox .form-group input{width: calc(50% - 15px);margin: 0 3px;}
.view-right .right-conbox .form-group.year-select-wrap select{width: calc((100% - 41px)/2);}
.view-right .right-conbox .btn-wrap{padding-top: 20px;}
.view-right .right-conbox .btn{display: inline-block;min-width: 110px;padding: 8px 12px;border-radius: 4px;color: #fff;font-size: 15px;font-weight: 300;}
.view-right .right-conbox .btn-clear{background: #666666;}
.view-right .right-conbox .btn-right-sch{background: #6d1c26;}
.view-right .right-conbox .year-list{margin-bottom: 10px;}
.view-right .right-conbox .year-list > li .years{padding: 5px 17px;font-size: 16px;}
.view-right .right-conbox .arrange > li > span{padding: 12px 10px;}
.view-right .right-conbox .arrange > li > span > a i{padding: 3px 0;font-size: 16px;}
.view-right .right-conbox .year-content-wrap .tab-year{padding: 10px;}
.view-right .right-conbox .year-content-wrap .tab-year > div{position: relative;padding-left: 10px;}
.view-right .right-conbox .year-content-wrap .tab-year > div:before{display: block;content: '';clear: both;position: absolute;top: 11px;left: 0;width: 5px;height: 5px;background: #555;}
.view-right .right-conbox .year-content-wrap .tab-year > div > a{display: block;width: 100%;font-size: 16px;color: #555;text-align: left;}



/* article list */
.article-wrap{position:relative;}
.article-wrap .article-list li{width:100%;position:relative;  padding:20px 0 20px 0;border-bottom:1px solid #ddd; }
.article-wrap .article-list li .type{color:#17144e; font-weight:500; }
/*.article-wrap .article-list li:nth-child(1) ,.article-wrap .article-list li:nth-child(2){display:block;}*/
.article-wrap .language_div{margin-top:0 !important;}

.tit-figure{overflow:hidden; margin-bottom:13px;}
.article-wrap .article-list li .text-area {float:left; width:calc(100% - 120px);}
.article-wrap .article-list li .text-area.width100 {width:100%;}
.article-wrap .article-list li h3{display: block;}
.article-wrap .article-list li h3 a{display:block; color:#000; font-size:18px; line-height:1.3; font-weight:600; word-break:break-word; font-family: 'Lora';}
.article-wrap .article-list li h3 a:hover{text-decoration:underline;color:#0049a3;}
.article-wrap .article-list li .fig-img{float:right; overflow:hidden; border:1px solid #e2e2e2; width:100px; max-height:100px;}
.article-wrap .article-list li .fig-img img{width:100%;}
.article-wrap .article-list li .fig-img ~ .fig-img-big {position:absolute; top:105px; right:70px; opacity:0; z-index:-1; border:1px solid #ddd; transition:all 0.3s; background:#fff; border-radius:10px; box-shadow:2px 2px 15px rgba(0,0,0,0.20); max-width:450px; max-height:350px; padding:10px;}
.article-wrap .article-list li .fig-img ~ .fig-img-big img {width:100%; max-height:330px;}
.article-wrap .article-list li .fig-img:hover ~ .fig-img-big{opacity:1; z-index:9;}
.article-wrap .article-list li .fig-img ~ .fig-img-big:hover {opacity:1; z-index:9;}

.article-wrap .article-list li .name{font-size:14px; line-height:22px; color:#4f4f4f; width:100%; margin-bottom:5px; max-height: 47px; overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article-wrap .article-list li .iso-num{color:#888888; font-size:14px; line-height:20px;width:100%; overflow: hidden; max-height:20px; margin-bottom:5px; max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.article-wrap .link{display:block; word-break: break-word; color:#001bd1; font-size:14px; line-height:20px; text-decoration:underline;}

.article-wrap .article-list .journal-tool span{display: inline-block; vertical-align: top; margin-top:7px;}
.article-wrap .article-list .journal-tool span + span{margin-left: 6px;}
.article-wrap .article-list .journal-tool span > a{font-size: 12px; color: #000; font-weight:500;}
.article-wrap .article-list .journal-tool span > a img{margin-right: 3px;vertical-align: middle;}

.article-list .top-info{width: 100%;margin-bottom: 10px;font-size: 14px;color: #605e5e;}
.article-list .top-info span{display: inline-block;color: #222;}
.article-list .top-info span.date { margin-left:6px;}
.article-list .top-info span.date:before {display: inline-block; content: ''; clear: both; margin-right: 9px; top: 0; left: 0; width: 1px; height:10px; background: #727272;}

.issue_contents {display:inline-block; width:100%; margin-top:20px;}
.issue_contents .bot_info {float: left;}
.issue_contents .btn-abstract {float: left;padding: 5px 10px 5px 18px;border: 1px solid #909090;border-radius: 30px; font-size: 14px;color: #333;cursor: pointer;font-weight:500; line-height:22px; transition:all 0.4s;}
.issue_contents .btn-abstract > i{display: inline-block;float: right;margin-left: 5px;font-size: 18px;}
.issue_contents .btn-abstract > i{float: right;margin-left: 5px; margin-top:1px; font-size: 20px; transform: rotate(0deg); transition:all 0.3s;}
.issue_contents .btn-abstract.btn_active {border:1px solid #0049a3; color:#0049a3;}
.issue_contents .btn-abstract.btn_active > i {transform: rotate(180deg);}

.issue_contents .journal-tool{float: right; }

.show_bagic{clear:both;padding-top:25px;font-size: 14px;color: #444444;line-height: 1.5; display: none; text-align:justify; font-weight:400;}
.show_bagic strong{color: #000;}

/* 서브페이지 article */
.article-box {padding: 25px 0;border-bottom: 1px solid #ccc;}


/* banner */
.banner-wrap01{width: 100%; padding: 20px 0; background: #d7d7d7;}
.banner-wrap02{width: 100%; padding: 20px 0; background: #e5e5e5;}

.banner-area {max-width: 1300px; margin: 0 auto; padding: 0 60px; position: relative;}
.banner-area .swiper .swiper-slide {text-align:center;}
.banner-area .swiper .swiper-slide a > img {border:1px solid #d5d5d5;}
.banner-area .swiper-button-next, .swiper-button-prev {width:calc(var(--swiper-navigation-size)/ 44 * 32); color:#8d8d8d; background-color: rgb(255,255,255,0.5); border-radius: 5px;}
.swiper-button-next:after, .swiper-button-prev:after {font-size:22px;}

/* ==================
	* popup
================== */
/* sitemap */
#sitemap .modal-dialog{width: 1400px; top: 10%; max-width: 90%;}
#sitemap .modal-content{border-radius: 10px;}
#sitemap .modal-body{position: relative;padding: 30px 40px;}
#sitemap .cbox-header {background:#f0f1f3; padding:18px 40px; border-bottom:1px solid #dfdfdf; border-radius:10px 10px 0 0;}
#sitemap .cbox-header h2 {display: block; margin-top:10px;text-align:left; font-size:27px;font-weight: bold;color: #0049a3;}
.sitemap-list > li{float: left;width: calc((100% - 100px)/5);margin-left: 25px;}
.sitemap-list > li:first-child {margin-left:0;}
.sitemap-list > li > a{display: block;padding-bottom: 13px;margin-bottom: 10px;border-bottom: 1px solid #dbdbdb;font-size: 18px;font-weight: bold;}
.sitemap-list > li > a i.plus {display: none;}
.sitemap-list > li.submit > a {color:#b81b1b;}
.sitemap-list > li > ul > li > a{display: inline-block; font-size:15px; padding:5px 0; margin:3px 0; word-break: break-word;}
.sitemap-list > li > ul > li > a:hover {text-decoration:underline;}

#sitemap .pop-close{position: absolute;top:30px;right: 25px;display: block;width: 30px;height: 30px;font-size: 30px;color: #aaaaaa;text-align: center;vertical-align: top;}
#sitemap .pop-close i{vertical-align: top;}

.article-modal{padding: 0 !important;}
.article-modal .modal-dialog{width: 600px;max-width: 95%;margin: 100px auto;border-radius: 15px;}
.article-modal .modal-content{border-radius: 15px;}
.article-modal .modal-header{position: relative; padding: 55px 25px; border-radius: 15px 15px 0 0; background-color: #17144e; background:url('/asset/images/bg_top.jpg') no-repeat 30%; background-size: cover;}
.article-modal .logo{display: inline-block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);vertical-align: middle;}
.article-modal .logo > a{display: block;}
.article-modal .logo > a > img {height: 59px; vertical-align: middle;}
.article-modal .logo > a > span{display: inline-block; font-size:14px; color:#9dbad7; font-weight:normal; margin-left:13px; line-height: 18px; font-weight: bold;}
.article-modal .modal-body{padding: 30px;}
.article-modal .close{position: absolute;top: -60px;right: 0;font-size: 50px;opacity: 1;color: #fff;}
.article-modal h4{margin-bottom: 4px;font-size: 18px;color: #222;font-weight: 600;line-height: 1.4em;}
.article-modal h5{margin-bottom: 15px;font-size: 18px;line-height: 1.2em;}
.article-modal .cite-box {padding: 20px;margin-bottom: 30px;border: 1px solid #e0e0f0;color: #555;font-size: 15px;line-height: 1.4em;word-break: break-word;}
.article-modal .cite-box > a{color: #0055be !important;text-decoration: underline;}
.article-modal .cite-box b{ color: #000;}
.article-modal .cst-table{margin-bottom: 30px;}
.article-modal .cst-table tr {border-bottom:1px solid #dfdfdf;}
.article-modal .cst-table th, .article-modal .cst-table td{padding: 7px 10px;font-size: 15px;word-break: break-word; }
.article-modal .cst-table th{border-right:1px solid #dfdfdf; background:#f7f7f7;}
.article-modal .cst-table th.text-right{text-align: right;}
.article-modal .cst-table td{border-right: 0; color: #555;}
.article-modal .form-control{display: inline-block;width: auto;height: 35px;padding: 5px 10px;border: 1px solid #ddd;}
.article-modal .form-control.w50p{width: 50%;}
.article-modal textarea.form-control{width: 100%;height: auto;}
.article-modal select{height: 35px;min-width: 190px;}
.article-modal label{display: block; margin-top:0;}
.article-modal input[type=checkbox], input[type=radio]{margin: 2px 0 0;}
.article-modal .cite-btn {text-align: center;}
.article-modal .cite-btn button{display: inline-block;padding: 10px 26px;background: #0049a3;border-radius: 50px;font-size: 14px;color: #fff;}

/* Metrics */
#metrics-modal .modal-dialog{width: 750px;max-width: 90%;}
#metrics-modal .modal-dialog .metrics_cross {display: none;}

/* Main citation */
.btn-citation {cursor:pointer;}

.article-modal .file-con{color: #555;font-size: 14px;line-height: 1.2em; width: 100%; overflow-x: auto; overflow-y: hidden;}
.article-modal h3{margin-bottom: 10px;font-size: 18px;font-weight: 700;}
.article-modal .file-con > a{color: #2938cd !important;text-decoration: underline;}
.article-modal .file-con table{width: 100%;margin: 10px 0;}
.article-modal .file-con table th, .article-modal .file-con table td{font-size: 14px;word-break: break-word; white-space:nowrap;}
.article-modal .file-con table th{background-color: #fafafa;}
.article-modal .file-con .view-img{border: 1px solid #ccc;margin-right: 0;margin: 10px 0;}
.article-modal .doi-info {margin-top: 15px;}
.article-modal .doi-info > a{color: #2938cd !important;text-decoration: underline;}
.article-modal .down-img{font-weight: 500;}
.article-modal .down-img img{margin-top: -3px;margin-right: 3px;vertical-align: middle;}
.article-modal .copy{margin-top: 10px;background: none;font-size: 14px;}
.article-modal .modal-footer {padding: 20px 10px; background: #414347; color: #fff; font-size: 15px; text-align: center; border-radius: 0 0 10px 10px; word-break: break-word;}
.article-modal .modal-footer a {color: #fff; word-break: break-word;}
.article-modal .modal-footer span{font-weight: 600 !important;}

#share-modal .modal-header{padding:40px 25px;}
#share-modal .modal-header img{height: 53px;}
#share-modal .modal-dialog{width: 400px;max-width: 90%;}
#share-modal .modal-body{padding: 15px 25px 25px;text-align: center;}
#share-modal h4{font-size: 14px;font-weight: 700;text-align: center; margin-bottom: 10px;}
#share-modal ul{display: inline-block;}
#share-modal ul > li{display: inline-block; float:left; width:25%; margin-top:10px; padding:0 2%;}
#share-modal ul > li > a{display: block;}
#share-modal .btn-wrap{margin-top: 20px;margin-bottom: 0;}
#share-modal .btn-close{display: inline-block;float: none;position: static;top: auto;right: auto;padding:10px 30px;border-radius:50px;border: 1px solid #7c7c7c;font-size: 14px; line-height:14px; color: #333;-webkit-transition: 0.3s ease;transition: 0.3s ease; text-shadow:none;}
#share-modal .btn-close:hover{border: 1px solid #0049a3; background-color: #0049a3;color: #fff;}

#file-modal .modal-dialog{width: 850px;}

/* contents popup */
#contents .modal-dialog{width: 1000px;margin: 100px auto;border-radius: 10px;}
#contents .modal-content{min-height: 500px;}
#contents .modal-header{padding: 0;}
#contents .dialog_top {border-radius: 5px 5px 0 0;}
#contents .close{position: absolute;top: -60px;right: 0;font-size: 50px;opacity: 1;color: #fff;}
#contents .modal-title{font-size: 18px;}
#contents .modal-body{padding: 30px;}
#contents .modal-body h5{margin-bottom: 20px;font-size: 22px;  font-weight: 500;color: #222;}
#contents .pop-contents{font-size: 14px;line-height: 20px;color: #666;}
#contents .pop-contents > p {margin-bottom: 10px;}
#contents .cst-table {margin-bottom: 50px;}
#contents .cst-table td {text-align: center;}
#contents .share-sns{display: inline-block;vertical-align: top;}
#contents .btn-wrap a{display: inline-block;padding: 9px 30px;background: #fff; border: 1px solid #32376e; border-radius: 4px; vertical-align: middle;-webkit-transition: 0.3s ease;transition: 0.3s ease;  font-size: 14px;color: #32376e;vertical-align: top;}
#contents .btn-wrap a:hover{color: #fff; background-color: #32376e;}
#contents .btn-wrap .btn-share{padding: 9px 12px;}
#contents .btn-wrap .btn-share.on{border-bottom: 0;border-radius: 4px 4px 0 0;}
#contents .share-sns {margin-right: 10px;position: relative;}
#contents .share-sns ul{overflow: hidden;display: none;margin-top: 0; position: absolute;top: 39px;left: 0;background: #fff; border: 1px solid #32376e; border-radius: 0 0 4px 4px; border-top: 0;width: 100%;}
#contents .share-sns ul li{float: none; margin-left: 0; text-align: left;}
#contents .share-sns ul li > a{display: block;padding: 5px 10px;border: 0;border-radius: 0;font-size: 15px;}

#crossref-modal .modal-dialog {width:800px;}
.crossref-modal .modal-header {border-radius: 10px 10px 0 0;}
.crossref-modal .modal-body {overflow-y: auto; max-height: 500px;}
.crossref-modal .modal-body h3 {font-size: 16px; margin-bottom: 20px;}
.crossref-modal .modal-body .jspHelpBox {padding-left:28px;}
.crossref-modal .modal-body .jspHelpBox ol li {list-style: decimal; font-size:14px; margin-bottom:15px; line-height:1.75;}
.crossref-modal .modal-body .jspHelpBox ol li .crossref-link {display: inline-block; margin:5px 0 0 0; font-size: 14px; font-weight: bold; font-family: 'Roboto', 'Noto Serif KR', helvetica, Apple SD Gothic Neo, Malgun Gothic, sans-serif; padding: 3px 12px 2px; background: #f5f5f5; border-radius: 50px; border: 1px solid #f5f5f5; text-decoration: none; color:#093fd5;}
.crossref-modal .modal-footer {padding: 15px 10px; background: #414347; color: #fff; font-size: 15px; text-align: center; border-radius: 0 0 10px 10px;}

.view-modal .modal-header{ display:none;border-bottom: 3px solid #a18e66;border-radius:4px 4px 0 0;}
.view-modal .modal-dialog{width: 400px;max-width: 90%;}
.view-modal .modal-body{text-align: left;}
.article-modal.view-modal h4{font-size: 16px;font-weight: 500;text-align: left;}
.view-modal .btn-wrap{margin-top: 20px;margin-bottom: 0;padding:0}
.view-modal .btn-close{display: inline-block;float: none;position: static;top: auto !important;right: auto;padding: 6px 30px;border-radius: 5px;border: 1px solid #0049a3;font-size: 16px;color: #fff; background:#0049a3;}
.view-modal .close{font-size:16px;}
.view-modal ul.cf{margin-top:20px;}



/* ==================
	* footer
================== */
#footer{width: 100%;background: #61636b;}
#footer .layer1200{padding: 35px 0 40px;}
.footer-menu-area {padding:40px 0 30px; border-bottom:1px solid #898b91;}
.footer-menu {display:flex; flex-direction: row; justify-content: space-evenly;}
.footer-menu > li {/* width: 25%; */}
.footer-menu > li > a{display: inline-block; font-weight:bold; margin-bottom: 20px;font-size: 17px;color: #d2d3d7;line-height: 20px; cursor:unset;}
.footer-menu > li > .sub-gnb > li > a {display: inline-block; padding:3px 0; margin-bottom: 10px;font-size: 15px;color: #d2d3d7;line-height: 20px; word-break:break-word;}
.footer-menu > li > .sub-gnb > li > a:hover {color:#fff;}
.footer-menu > li.submit {display:none;}
#footer .copy{width: 100%;padding: 30px 0;background: #61636b;color: #fff;font-size: 15px; text-align: center;}
#footer .copy a {color: #fff;}
#footer .copy a.powered {display:inline-block; margin-top:5px; font-size:10px; opacity:0.6;}

.bt_btns {text-align:center; margin-bottom:10px;}
.bt_btns li {display:inline-block; margin:5px 3px; padding:5px 19px; border:1px solid #979797; color:#fff; cursor:pointer; font-size:14px; border-radius:50px; transition:all 0.3s;}
.bt_btns li:hover {background:#7b7d85; color:#fff;}

.btn-top{display: none; position: fixed; left: calc((100% + 1340px)/2); bottom: 200px;}
.btn-top > a{display: block;width: 50px;height: 50px;padding-top: 12px; text-align: center; background-color: #787878;border-radius:5px; opacity:0.6; }
.btn-top > a:hover {opacity:1;}

#quick-bar {position: fixed; top: 362px;left: calc((100% + 1340px)/2); z-index: 3; opacity:0.7; transition:all 0.3s;}
#quick-bar:hover {opacity:1;}
#quick-bar > ul {position:relative; right:0px;}
#quick-bar > ul > li {position:relative; width:50px; height: 50px; line-height: 47px; margin-bottom:10px; }
#quick-bar > ul > li > a{ line-height: 50px; color:#fff;}
#quick-bar > ul > li > a > p {position:absolute; z-index:1; visibility:hidden; opacity:0; top:0; right:0px; padding-left:10px; height:50px; text-align:left; background:#0049a3; width:100px; letter-spacing:-0.4px; transition:all 0.3s;}
#quick-bar > ul > li > a > span {position:absolute; z-index:2; right:0px; top:0; width: 50px; height:50px; background:#0049a3; text-align: center; display: inline-block; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.30);box-shadow: 0 2px 10px rgba(0,0,0,0.30)}
#quick-bar > ul > li.active > a > p {right:50px; visibility:visible; opacity:1;}

#quick-bar > ul > li:nth-child(2) > a > p,
#quick-bar > ul > li:nth-child(2) > a > span {background:#006baf;}


/* table */
.cst-table{width: 100%;border-top: 2px solid #a9a9a9;table-layout: fixed;}
.cst-table th, .cst-table td{font-size:15px; padding: 12px 20px; line-height: 1.5;}
.cst-table tr {border-bottom:1px solid #dddddd;}
.cst-table thead th{background-color: #f6f1ff;color: #171836;}
.cst-table th{color: #222;}

/*login 페이지*/
.springer-form-wrap .txt{margin-bottom:40px;font-size:16px;color:#555;}
.springer-form-wrap .springer-form-box{padding-top:50px;}
.springer-form-wrap .springer-form-box:after{display: block;content: '';clear: both;}
.springer-form-wrap .springer-form-box .box{width:49%;padding: 35px;text-align:center;background-color: #fff;font-size:18px;-webkit-box-shadow: 0 0 20px 3px rgba(0,0,0,0.1);box-shadow: 0 0 20px 3px rgba(0,0,0,0.1);border-radius: 10px;}
.springer-form-wrap .springer-form-box .box h3{color:#222222;font-size:25px;}
.springer-form-wrap .springer-form-box .box input[type=text],
.springer-form-wrap .springer-form-box .box input[type=password]{display: inline-block;width: 100%;height: 48px;padding-left:15px; border-radius:5px;border: 1px solid #cdcdcd; font-size: 18px;margin-top:10px;}
.springer-form-wrap .springer-form-box .box input::placeholder {color:#dddddd;}
.springer-form-wrap .springer-form-box .box input:focus {border:1px solid #464646;outline: none;}
.springer-form-wrap .springer-form-box .springer-form-login{position:relative;margin:0 auto;}
.springer-form-wrap .springer-form-box .springer-form-login h3{margin:30px 0 20px 0;}
.springer-form-wrap .springer-form-box .springer-form-login .check{text-align:left;font-size:14px;color:#555; margin-top:10px;}
.springer-form-wrap .springer-form-box .springer-form-login .check label{font-weight:normal;margin-bottom:0;}
.springer-form-wrap .springer-form-box .springer-form-login .check input{vertical-align:middle;margin-top:0;margin-right:5px;}
.springer-form-wrap .springer-form-box .springer-form-login .icon{position:absolute;top:-50px;left:50%;display:block;-webkit-transform: translateX(-50%);transform: translateX(-50%); font-size:110px; line-height:110px; border-radius:50%; background:#fff; color:#8b8b8b;}
.springer-form-wrap .springer-form-box .btn-submit{display: inline-block; margin:30px 0;background:#0049a3; font-size: 22px;color: #fff;border:0;}
.springer-form-wrap .btn{display: inline-block;width: 100%;height: 58px;border-radius:5px;vertical-align: top;padding:0;}
.springer_join{background-image: url('/asset/img/ic-springer.png');background-repeat: no-repeat;background-position: right 22px bottom;}
.springer_join .btn-visit{margin-top:28px;border:1px solid #f27718;color:#f27718;font-size:18px;line-height:58px;font-weight:600;}
.springer-form-wrap .springer-form-box .springer-form-pw input[type=text]{width: calc(100% - 70px)}
.springer-form-wrap .springer-form-box .springer-form-pw .btn-serch{width:60px;height:60px;margin-top:10px;background:#444444; color: #fff;}
.springer-form-wrap .springer-form-box .springer-form-pw .btn-serch span{font-size: 30px;vertical-align:middle;}
.springer-form-wrap .springer-form-box .springer-form-pw h3{margin-bottom:32px;}

.no-date {color: #959595; font-weight: normal; font-size: 15px;}

@media print {
	a[href]::after{content: none !important;}
	div#view-article, div.header-wrap, div.origin_section01, a.view-crossmark, div.sitemap-wrap {display:none !important;}
	.origin_section02 .date-menu {display:none !important;}
	.origin_section02 div.date-content, .origin_section02 div.date-content {display:block !important; padding:0 !important; border:0 !important; background:none !important;}
	.section03_tit {margin-bottom:15px !important;}
	#fulltext_Area .refer-icon-wrap a {border:1px solid #535353 !important; color:#535353; }
	#fulltext_Area .refer-icon-wrap a > i {display:none;}
}


/* ==================
	* common media
================== */
@media (max-width: 1485px) {
.btn-top {left: calc((100% + 88%)/2);}
#quick-bar {left: calc((100% + 88%)/2);}
}
@media (max-width: 1340px) {
	.layer-inner {padding:0 15px;}
	.btn-menu {left:15px;}
}
@media (max-width: 1246px) {
	#container {padding-top:74px;}
	#header{z-index:99;width:100%;top:0;left:0;webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);box-shadow: 0 4px 8px rgba(0,0,0,0.2);}
	#header .qr-wrap{padding: 20px 0;}
	#header .header-menu > li {width: 50px;height: 50px; margin-left:6px;}
	#header .header-menu > li > a span {font-size:12px; padding-top:0;}
	#header .header-menu > li > a > p {font-size:25px; padding-top:6px;}

	#header .sitemap-wrap {display:none;}
	#header.fixed .sitemap-wrap {display:none;}
	#header .header-wrap {margin-top: 0;}

	#header #gnb{display:none;}
	#header .logo {margin-left: 55px;}
	#header .logo > a > img {height: 48px;}
	#header .header-menu {margin-left:5px;}
	#header .btn-menu{display: block;}
	#header .header-right-wrap{margin: 12px 0;}
	.header-wrap.fix-hid{display:none;}
	#header.nav-up {top:-116px;}
	#header.nav-down {top:0;}

	#header .issn-wrap img {height:43px; margin-left:7px;}
	#header .qr-code {width:60px;}
	#header .qr-code > a i {bottom:21px;}

	#header .header-menu > li > a{display:block; width:100%; height:100%; }

	.main-swiper-container .swiper-slide p span {font-size:14px;}
}
@media (max-width: 1200px) {
	#sch-pop a.btn-schpop-close{top:-22px;right:0;}

	#contents .modal-dialog{width: 90%;}
	#contents .modal-body{padding: 20px;}

	.tools-list > a > .tools-box{padding: 0 15px;}

	#footer .layer1200{padding: 35px 15px 40px;}

	.layer1200{padding-left: 15px;padding-right: 15px;}
	#quick-bar{;right: 0;}

	.highlight-swiper .swiper-slide .text-wrap {width:calc(100% - 250px); padding:15px;}
	.highlight-swiper .swiper-slide .img-wrap {width:250px;}
	.highlight-swiper .swiper-pagination {left:10px;}
	.highlight-swiper .swiper-pagination-bullet {margin-right:270px; bottom:5px;}
}
@media (min-width: 1025px) { /* 1025px 이상일때 css 작동 (hover 태그 등을 태블릿 이하에서 작동하지 않게 하기 위함) */
	#m-gnb{display:none !important;}
	.header-menu > li:hover {border:1px solid #01348b;}
	.header-menu > li:hover > a {color: #01348b;}
	.header-menu > li.submit:hover {background:#604780; border:1px solid #604780;}
	.header-menu > li.submit:hover a {color:#fff;}
	.header-menu > li.qr-code:hover {border:none;}
	.article-tools > li > a:hover {background:#f6f6f6;}
	.article-tools > li > a:hover span {color:#444;}
	.article-tools > li.tools_pdf > a:hover {color:#bd0000;}
	.supp-list a:hover {background:#f6f6f6;}
	.supp-list a:hover i {color:#444;}

	.right-conbox.sns-wrap > ul > li > a:hover {opacity:0.7;}

	.issue_contents .btn-abstract:hover {border:1px solid #0049a3; color:#0049a3;}

	.quick-links .quick-list a:hover {color:#333333; background:#ffffff;}
	.quick-links .quick-list a.submit:hover {color:#333333; background:#fff55b; border:1px solid #fff55b;}
	#fulltext_Area .refer-icon-wrap a:hover {border: 1px solid #093fd5; background: #fff;}
	.crossref-modal .modal-body .jspHelpBox ol li .crossref-link:hover {border: 1px solid #093fd5; background: #fff;}
	#View-container {margin-top:10px;}
}

@media (max-width: 1024px) {
	.btn-top {display:none !important;}
	.btn-menu{display: none !important; left:15px;}
	.btn-menu 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:#032275; font-size:35px;}
	.m-btn-menu i.xi-close{display:none;}
	.header-menu > li:nth-child(1){display:none;}
	#header{position:fixed; width:100%; top:0 !important;}
	#header .logo, #header.fixed .logo {margin-left:45px;}
	#header .logo > a > img, #header.fixed .logo  > a > img {height: 40px;}

	.header-wrap .layer-inner {padding: 0 15px;}
	#header .header-right-wrap,
	#header.fixed .header-right-wrap {margin:10px 0;}

	#header .header-right-wrap .issn-wrap {display:none;}
	#header .qr-wrap{padding: 20px 0;}
	#header .qr-code{width: 50px;height: 50px;}
	#header .qr-code > img{max-width: 100%;}
	#header .qr-code > a{overflow: hidden;width: 50px;height: 50px;font-size: 14px;}

	.issn-wrap{vertical-align:middle;}
	.issn-wrap img{vertical-align: top;margin-top: 5px;}
	.issn{padding-left: 5px;font-size: 13px;}

	#header .header-menu > li > a{display: block;width: 100%;height: 100%;}
	#header.fixed .header-menu > li > a > p, #header .header-menu > li > a > p {font-size:19px; padding-top:3px;}
	#header .header-menu > li > a > p.xi-book-o + span {letter-spacing:-0.6px;}
	#header.fixed .header-menu > li > a span, #header .header-menu > li > a span{font-size:11px; line-height:14px;}

	#header.fixed .header-menu > li.qr-code > a i, #header .qr-code > a i {bottom:3px;}
	#header.fixed .header-menu > li.qr-code > a span, #header .qr-code > a span {display:none;}
	#header .header-menu > li{width: 42px;height: 42px;margin-left:6px;}
	#header.fixed .header-menu > li.qr-code,
	#header.fixed .header-menu > li{width: 42px;height: 42px;}

	#gnb{display:none !important;}
	#all-menu-wrap{display:none !important;}
	#gnb-dim{display:none !important;}
	#m-gnb{display:none;}
	#m-gnb .layer1200{padding:0;}
	#m-gnb .gnb-list > li{width:100%; height:auto;background:#171836;}
	#m-gnb .gnb-list > li > a{display:block;cursor:pointer;}
	#m-gnb .gnb-list > li > ul{display:none; margin:10px 0 0; position:relative;}
	/*#m-gnb-dim{position: fixed; top: 0;left: 0; width: 100%; height: 100%;z-index: 9;background: rgba(0,0,0,0.7);}*/

	.all-menu-section{display:none; position: fixed;top:62px;left: auto;left:0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.9);}
	.all-menu-section.mobile_on{display:block !important;}
	.all-menu-wrap{position: static;top: auto;left: auto;width: 100%;height: auto;background-color:transparent;border-bottom:0;}
	.all-menu-wrap .layer-inner {padding:0;}
	.all-menu > li{float: none;width: 100%;padding: 0;border-bottom: 0;text-align: center;}
	.all-menu > li:hover > a{background:none;}
	.all-menu > li > a{color: #fff;text-align: left; padding:12px 20px;}
	.all-menu > li > a:after {display:none;}
	.all-menu > li a.on{background:#0049a3; }
	.all-menu > li > a + ul {transition:none;}

	.all-menu > li .sub-gnb{display: none;padding: 10px 0 15px;border-top: 0;position: static;height: auto; background: #fff; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.20) inset ;box-shadow: 0 5px 10px rgba(0,0,0,0.20) inset ;}
	.all-menu > li:hover > .sub-gnb {background: #fff;}
	.all-menu > li .sub-gnb > li{text-align: left;}
	.all-menu > li .sub-gnb > li + li{margin-top: 25px;}
	.all-menu > li .sub-gnb > li:first-child {margin-top:5px;}
	.all-menu > li .sub-gnb > li > a{display: block;padding: 0 20px;font-size: 17px;color: #222;}
	.all-menu > li .sub-gnb > li > a:before {display:none}
	.all-menu > li .sub-gnb > li:hover a:before{display:none}
	a.btn-mclose{display: block;position: absolute;top: 10px;left: -40px;width: 35px;height: 35px;color: #fff;font-size: 35px;}
	a.btn-mclose > i{vertical-align: top;}
	#quick-bar{display:none;}

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

	#container{padding-top:64px;}
	.highlight-swiper {margin: 0 auto 30px;}
	.highlight-swiper .swiper-slide .img-wrap {float:none; width:100%; height:270px; overflow:hidden; border-left:1px solid #dfdfdf; border-bottom:0;}
	.highlight-swiper .swiper-slide .img-wrap img {max-height: none; height:100%;}
	.highlight-swiper .swiper-slide .text-wrap {float:none; width:100%; height:220px; border:0;}
	.highlight-swiper .swiper-slide .text-wrap .title {display:block; display:-webkit-box; font-size:18px; max-height:54px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.highlight-swiper .swiper-slide .text-wrap .info {display:block; display:-webkit-box; max-height:63px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
	.highlight-swiper .swiper-slide.fig-none .img-wrap {background-size:contain; background-position:center center;}

	.main-conbox.pb100 {padding-bottom:25px !important;}
	.main-conbox.bg-grey{padding: 30px 0 40px;margin-bottom: 30px;}
	.main-contents{margin-bottom: 30px;}
	.main-conbox .main-left{float: none;width: 100%;padding-right:0px;}
	.main-conbox .title h3{font-size: 26px;}
	.main-conbox .title .btn-more{margin-top: 8px;}

	.main-right{float: none;width: 100%; padding-top:25px;}
	.main-right .main-conbox.edit-wrap > h3 {margin-bottom:0;}
	.main-right .right-conbox{position: relative; padding-bottom: 25px;margin-bottom:0;}
	.main-right .right-conbox:after{display: block;content: '';clear: both;}
	.main-right .right-conbox.submission-wrap{width:auto;margin:0 20px 20px 20px;}
	.main-right .journal-wrap{position: relative;}
	.main-right .journal-wrap:after{display: block;content: '';clear: both;}
	.main-right .journal-wrap .journal-img{width: 30%;}
	.right-conbox .submis-text img{max-width:100%;}
	.right-conbox.right-bnr div{float:left;width:49%;margin-left:10px;}
	.right-conbox.right-bnr div:first-child{margin-left:0;}
	.right-conbox.right-bnr div img{width:100%;}

	.main-right .main-conbox .right-tit,
	.visitors-wrap .title-wrap h3,
	.left-tit,
	.article-box h3 > a{font-size: 22px;}
	.article-wrap .article-list li .fig-img ~ .fig-img-big {display:none;}

	.main-search-wrap label{font-size: 24px;margin: 0 10px;}
	.main-search-wrap .form-control{width: calc(100% - 300px);}
	.main-search-wrap .cate{width: 120px;}

	.banner-conbox{padding: 30px 15px;}
	.banner{width: calc((100% - 20px)/2);}
	.banner + .banner{margin-left: 20px;}

	.tools-list{margin-bottom: 12px;}
	.tools-list > a{width: calc((100% - 37px)/3);height: 70px;margin-left: 18px;margin-bottom: 18px;}
	.tools-list > a > .tools-box{padding: 0 20px;}
	.tools-list > a:nth-child(3n+1){margin-left: 0;}

	.crossref-modal .modal-body .jspHelpBox ol li .crossref-link {border: 1px solid #093fd5; background: #fff;}

	.journal-banner{margin-bottom: 30px;}

	.footer-menu-area {display:none;}
	#footer .copy{font-size: 14px;}

}

@media (max-width: 768px) {
	.springer-form-wrap .springer-form-box .springer-form-login {width:100%;}

	.btn-allmenu a{width: auto;padding: 2px 10px;font-size: 12px;}
	.header-menu{padding-bottom:0;}
	.btn-menu a{width:70px; font-size:13px;}
	.header-right-wrap{margin: 18px 10px;}
	.issn-wrap{display: none;}
	.header-menu > li,
	#header.fixed .header-menu > li{display: none;}
	.header-menu > li.search,
	#header.fixed .header-menu > li.search {display: block;}

	.article-wrap .article-list .journal-tool span {margin-top:2px;}
	.journal-tool span.la-tag-pdf{display:none !important;}
	.journal-tool span.la-tag-full{display:none !important;}

	.main-conbox .title h3{font-size: 22px;}
	.main-conbox .title .btn-more{margin-top: 4px;font-size: 14px;}
	.main-conbox .title .btn-more i{margin-top: 2px;font-size: 14px;}


	.main-left .main-contents .article-list > li{float: none;width: 100%;margin-left: 0;}
	.main-left .main-contents .article-list > li:nth-child(2n+1){margin-left: 0;}
	.main-left .main-contents .article-list > li:nth-child(3n+1){margin-left: 0;}
	.main-right .journal-wrap .journal-img{float: left;width: 100px;}
	.main-right .journal-wrap .btn-wrap{float: left;position: static;right: auto;bottom: auto;width: calc(100% - 101px);margin-top: 52px;padding-left: 15px;}
	.main-right .journal-wrap .btn-wrap a{width: 100%;max-width: 150px;padding: 5px 0;margin: 3px !important;font-size: 14px;clear: both;}
	.right-conbox.sns-wrap > ul {display:flex; justify-content:center;}

	/* .article-box{padding: 20px 0;}
	.article-box .top-info > span{padding-left: 7px;margin-left: 3px;font-size: 14px;}
	.article-box .top-info > span:before{top: 5px;height: 10px;}
	.article-box h3{height: auto;max-height: 90px;margin-bottom: 10px;font-size: 18px;line-height: 22px;}
	.article-box h3 > a{font-size: 18px;}
	.article-box .figure-img{margin-bottom: 10px;}
	.article-box .write-name{height: auto;max-height: 38px;margin-bottom: 7px;font-size: 14px;}
	.article-box .iso-num{font-size: 14px;}
	.article-box .link{margin-bottom: 7px;}
	.article-box .link > a{font-size: 14px;}
	.journal-tool span > a{font-size: 12px;}
	.journal-tool span > a img{width: 12px;}
	.journal-tool span.la-tag-pdf{display: none;} */

	.right-down-wrap a span.kr{font-size:18px;}
	.right-down-wrap a span.en{font-size:13px;}

	.right-topic-wrap ul li{font-size:15px;}

	/* main tab */
	.tab-wrap{margin-bottom:5px;}
	.tab-menu{float:none; width:100%;}
	.tab-menu li{ width:33.33%; height:55px; float:left;border-left:0; display:table; }
	.tab-menu li a{display:block; height:100%; display:table-cell; vertical-align:middle; text-align:center;}
	.tab-menu li span{display:block;}
	.tab-menu li:nth-child(4) {display:none;}

	/* 목적 및 범위 */
	.main-right .main-conbox .right-tit,
	.left-tit{font-size:20px; margin-bottom:15px;}
	.main-con-wrap .cover-img{display:block; width:120px; margin:0 auto;}
	.main-con-wrap .cover-text{font-size:15px; line-height:20px; width:100%; padding-left:0; margin-top:15px;}
	.scope_brain > div > p {padding-top: 10px;font-size: 14px;}

	/* btm tool */
	.tools-list{margin-bottom: 15px; margin-top:50px;}
	.tools-list > a{width: calc((100% - 16px)/2);height: 60px;margin-left: 15px;margin-bottom: 15px;}
	.tools-list > a > .tools-box{padding: 0 15px;}
	.tools-list > a img{width: 25px;}
	.tools-list > a + a{margin-left: 15px;}
	.tools-list > a:nth-child(3n+1){margin-left: 15px;}
	.tools-list > a:nth-child(2n+1){margin-left: 0;}

	.view-more{margin-top:30px;}
	.view-more a.btn{width:auto;}

	/* article list 2020-12-10 경준 */
	.article-wrap.n2 .article-list li{width:100%; margin-left:0;}

	.article-wrap .article-list li{padding:15px 0;}
	.article-wrap .article-list li .type{line-height:20px; margin-bottom:10px;}
	.article-list .top-info {margin-bottom:10px;}

	.tit-figure{margin-bottom:10px;}
	.article-wrap .article-list li h3 a{display:block; font-size:17px;}
	.article-wrap .article-list li .fig-img{display:none;}

	.journal-tool span{margin-top:20px;}
	.journal-tool .btn-split-list{display:none;}


	.btn-metrics-wrap .btn-metrics{padding: 10px 15px;background-size: 15px;background-position: right 15px center;font-size: 14px;}
	.btn-metrics-wrap .btn-metrics img{width: 18px;margin-right: 10px;}

	.main-search-wrap{padding: 12px 0;}
	.main-search-wrap label{display: none !important;}
	.main-search-wrap .form-control{width: calc((100% - 150px));height: 35px;font-size: 14px;}
	.main-search-wrap .cate{width: 90px;height: 35px;padding-left: 10px;font-size: 14px;}
	.main-search-wrap button{width: 35px;height: 35px;}
	.main-search-wrap button i{margin-top: -5px;font-size: 18px;}

	.banner-conbox{padding: 30px 15px;}
	.banner{float: none;width: 100%;}
	.banner + .banner{margin-left: 0;margin-top: 15px;}
	.banner img{width: 100%;}

	.journal-banner img{width: 100%;}

	.main-contents .article-list > li{width: 100%;margin-left: 0;}

	.main-right{padding-bottom: 20px;}

	#footer .layer1200{display: none;}
	#footer .copy{padding: 15px;font-size: 14px;}

	.p-show{display: none;}
	.m-show{display: block;}
	.m-hide{display: none;}

	.mt20{margin-top: 10px;}

	.cst-table th, .cst-table td {font-size:13px; padding: 10px;}


	/* ==================
		* popup
	================== */
	#contents .modal-dialog{margin: 50px auto;}
	#contents .close{top: -40px;font-size: 40px;}
	#contents .modal-title{font-size: 14px;}
	#contents .modal-body .pop-contents{font-size: 13px;}
	#contents .modal-body{padding: 15px;}
	#contents .modal-body h5{font-size: 18px;}
	#contents .modal-body .pop-contents .tit{margin-bottom: 0;font-size: 14px;}

	.article-modal .modal-dialog{margin: 50px auto;}
	.article-modal .modal-header {padding:35px 25px;}
	.article-modal .logo > a > img {height: 45px; }
	.article-modal .logo > a > span{display: none;}
	.article-modal .close i{font-size:30px}
	.article-modal .modal-body{padding: 20px;}
	.article-modal h4{margin-bottom: 10px;font-size: 14px;}
	.article-modal h5{margin-bottom: 10px;font-size: 14px;}
	.article-modal .cite-box{margin-bottom: 20px;padding: 15px;font-size: 15px;}
	.article-modal .cite-btn button{padding: 6px 20px;}
	.article-modal .form-control{width:100%;}
	.article-modal .form-control.w50p{width: 45%;}
	.article-modal .cst-table colgroup {display:none;}
	.article-modal .cst-table th, .article-modal .cst-table td{display:inline-block; width:100%; border-right:1px solid #ddd; border-left:1px solid #ddd; padding: 10px;}
	.article-modal .cst-table th {text-align:left !important; }

	#share-modal .modal-dialog{margin: 50px auto;}
	#share-modal .modal-body{padding: 15px 20px 25px;}
	#share-modal .btn-close{font-size: 14px;}

	/* list 모바일 슬라이드 */
	.main-conbox .article-list img{display:inline-block !important;}
	.article-wrap .article-list li .text-area {width:100%;}
}

@media (max-width: 670px) {
	.scope_brain > div {width:33.3%; margin-bottom:15px;}
	.highlight-swiper .swiper-slide.fig-none .img-wrap {background-size:cover;}
}

@media (max-width: 530px) {
	.journal-box {padding:5.66vw;}
	.journal-box .cover-img {width:100%; text-align:center;}
	.journal-box .cover-img img {width:28.58vw;}
	.cover-text {width:100%; padding-left:0; margin-top:20px; text-align:center;}
	.cover-text h3 {margin-bottom:4.53vw;}
	.cover-text p.lssue {margin:2.26vw 0 0;}

	.right-conbox.right-bnr div{float:none;width:100%;margin-left:0;}
	#header h1, #header.fixed h1 {margin-left:47px; width:36%;}
	.right-conbox.right-bnr div img{width:auto;}
	#header h1 > a img, #header.fixed h1 > a img {height:31px; max-width:100%;}
	.tab-menu li {height:45px;}
	.tab-menu li a {font-size:14px; line-height:14px; word-break:break-word;}
}

@media (max-width: 420px) {
	.header-wrap.layer1200{padding-right: 5px;}
	#header h1, #header.fixed h1 {margin-left:35px;}

	.highlight-swiper .swiper-slide .img-wrap {height:180px;}
	.highlight-swiper .swiper-pagination-bullet {width:15px;}

	.submission-wrap a .submis-go img {margin-top:7px; height:12px;}
	.submission-wrap a .submis-text,
	.right-search-wrap a .search-text {font-size:16px;}
	.submission-wrap a .submis-text > p > i,
	.right-search-wrap a .search-text > p > i {margin-top:5px; margin-right:5px;}

	.util-menu > li{width: 25px;}
	.util-menu > li > a .icon img{width: 18px;}

	.main-swiper-container .swiper-slide img {width:50%;}

	.tools-list > a > .tools-box{padding: 0 10px;}
	.tools-list > a span{font-size: 14px;}
}

@media print {
	a[href]::after{content: none !important;}
	i.xi-bars,div.header,div.bc_wrap,div.right_section,div.sub_sns,div.right_section02,div.sub_kjpp,div.footer_wrap,div.goto_layer,div.footer,div.util_menu,div.top_bnr,div.text-right,div.view-more,div.journal-wrap,div.copy,div#view-bar {display:none;}
	div.origin_a {width:100%;display:block;float:none;margin:0 auto;padding-top:10px;}
	div.origin_section02 p.author-info {width:100%;display:block; }
	div.right-conbox{display:none;}
}