ul:after,
ol:after,
.container-fulid:after,
.inner_layer:after,
.inner_content:after,
.clear:after{content:"";display:block;clear:both;}

/* 공통 레이어 */
.container-fulid{padding-left:15px;padding-right:15px;}
.inner_layer{max-width:1150px;margin:0 auto;width:100%;}
#cMain .inner_layer{max-width:1150px;margin:0 auto;padding:20px 45px 30px; }
.inner_content{max-width:1150px;}
.row{margin-left:-15px;margin-right:-15px;}

body {background:#ebebeb;}
.top_common_banner {max-width:1150px;margin:0 auto;background:#fff; min-height:1500px;}
.top_common_banner .site_title{float:left;padding:28px 0;}
.top_common_banner .top_qr{float:right; margin:4% 9% 0 0 ; }

.code_wrap {float:left; margin-top:6%;}
.code_wrap > img {display:inline-block; margin-right:3px; vertical-align:bottom; }
.code_number {display:inline-block; margin-right:10px;text-align:center;}
.code_number span {display:block; color:#fff;}
.top_common_banner .top_qr>a {display:inline-block;font-size:20px;color:#fff;margin-right:19px;}
.top_common_banner .top_bnr { padding:0 45px;max-width:1150px;width:100%;margin:0 auto;height:152px;background:url(/asset/images/top_bg.png) no-repeat top right;overflow-y:hidden; background-color:#050020;}
.util_menu {background:#092d87;height:33px;width:100%;max-width:1150px;margin:0 auto;}
.util_menu div.inner_menu {text-align:right;height:33px;max-width:1060px;margin:0 auto;}
.util_menu div.inner_menu:after {display:block; clear:both; content:'';}
.util_menu div.inner_menu ul {float:right;}
.util_menu div.inner_menu ul li:first-child {margin-left:0;border-left:0;}
.util_menu div.inner_menu ul li {float:left;margin:4px 0;padding:0 12px;border-left:1px solid #bdc1c7;}
.util_menu div.inner_menu ul li a {font-size:15px; color:#fff;}
.util_menu div.inner_menu ul li.gnb_li1 {color:#000;border-left:0;padding-right:0;}
.goog-te-gadget-simple {padding-bottom:0;}
#google_translate_element>div>div>span>a>span {color:#000;height;18px;}

.search{float:right;width:15%;margin-top:10px;margin-right:40px;}
.keyword_box{position:relative;display:inline-block;background:#fff;border:1px solid #ddd;width:100%;height:34px;padding:7px;}
.keyword_box .tf_text{background:transparent;display:block;height:100%;width:100%;border:0;}
.keyword_box #btn_search{position:absolute;right:-50px;top:0;padding:0px 10px;}

.page-title{border-bottom:1px solid #fa8282;padding:0 0 10px;margin:0 0 20px;}
.page-title h3{color:#fa8282;font-size:18px;}


/* ==================
	* header
=================== */
.header-wrap{width: 100%;position: relative;z-index: 10;}
.top{width: 100%;height: 52px;padding: 13px 5%;background: #fff;}
.top.fixed{position: fixed;top: 0;left: 0;z-index: 12;padding: 13px 1%;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.top.fixed .btn-allmenu{display: inline-block;}
.btn-sch.fixed{position: fixed;top: 12px;left: auto;right: 230px;z-index: 12;width: 27px;height: 27px;background-color: #262626;border-radius: 50%;background-size: 15px;}
.btn-sch.fixed.on{background-size: 12px;}

.top .btn-allmenu{display: none;padding: 1px 0;margin-right: 20px;vertical-align: top;}
.top .logo{display: inline-block;vertical-align: top;}
.top .logo > a{display: block;width: 32px;height: 32px;margin-top: -3px;}
.left-util{display: inline-block;margin-top: 2px;margin-left: 20px;vertical-align: top;}
.left-util > li{display: inline-block;margin-left: 26px;vertical-align: middle;font-size: 16px;}
.left-util > li:first-child{margin-left: 0;}
.left-util > li > a{font-size: 16px;}
.right-util{float: right;display: inline-block;vertical-align: top;}
.right-util > li{display: inline-block;margin-left: 17px;}
.right-util > li:first-child{margin-left: 0;}
.btn-sch{position: absolute;top: 199px;left: calc((100% + 1180px)/2);display: block;width: 50px;height: 49px;background-color: #7c972c;background-image: url('/asset/images/bg-btnsch.png');background-repeat: no-repeat;background-position: center;background-size: 25px;}
.btn-sch.on{background-image: url('/asset/images/bg-closesch.png');background-size: 23px;}

#header{position: relative;width: 100%;background-repeat: no-repeat;background-position: center 0;background-image: url('/asset/images/bg-header.png');}
.header-bar{width: 100%;position: absolute;left: 0;bottom: 0;}
.header-bar:after{display: block;content: '';clear: both;}
.header-bar > span{float: left;display: block;width: 25%;height: 15px;}
.header-bar > span:nth-child(1){background: #073150;}
.header-bar > span:nth-child(2){background: #7d972c;}
.header-bar > span:nth-child(3){background: #ae5432;}
.header-bar > span:nth-child(4){background: #801e3d;}
#header .inner-layer{width: 100%;max-width: 100%;margin: 0 auto;padding: 10px 5% 20px;}
#header h1{display: inline-block;margin-right: 20px;vertical-align: top;}
#header h1 a{display: block;width: 100%;margin: 10px 0;}
.qr-code{overflow: hidden;display: inline-block;width: 91px;height: 92px;margin: 10px 0;border-radius: 2px;vertical-align: top;}
.qr-code > a{display: block;position: relative;width: 100%;height: 100%;}
.qr-code > a:hover span{opacity: 1;}
.qr-code span{opacity: 0;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 55px;background: rgba(0,0,0,0.7);background-image: url('/asset/images/bg-qr-on.png');text-align: center;background-repeat: no-repeat;background-position: center 20px;color: #fff;font-size: 18px;font-weight: 500;;-webki-transition: 0.2s ease;transition: 0.2s ease;}
#header .header-box-wrap{display: inline-block;float: right;margin: 7px 0;vertical-align: top;}
#header .header-box{position: relative;display: inline-block;width: 160px;height: 100px;padding: 15px 10px;margin-left: 3px;background: rgba(255,255,255,0.8);border-radius: 3px;text-align: center;vertical-align: top;}
#header .header-box img{margin-bottom: 3px;}
#header .header-box span{display: block;font-size: 15px;line-height: 16px;}
#header .header-box span.header-issn{position: absolute;top: 68%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 90%;}
#header .header-box .tit{padding: 7px 0 0;}
#header .header-box strong{display: block;font-size: 40px;font-weight: 300;}
nav{position: absolute;width: 100%;height: 50px;border-bottom: 1px solid #e2e2e2;background: #fff; z-index:11;}
.gnb-wrap{width: 100%;min-width: 1280px;}
#gnb{max-width: 1280px;width: -webkit-calc(100% - 50px);width: calc(100% - 50px);margin: 0 auto;}
#gnb > li{float: left;position: relative;width:calc(100%/5);text-align: center;}
#gnb > li:hover{background: #205886;}
#gnb > li:hover a{color: #fff;}
#gnb > li > a{display: block;padding: 9px 0;font-size: 24px;}
#gnb > li .sub-gnb{display: none;position: absolute;top: 49px;width: 100%;padding: 20px;background: #fff;}
#gnb > li .sub-gnb > li{-webki-transition: 0.2s ease;transition: 0.0s ease;text-align: left; padding:5px 0;}
#gnb > li .sub-gnb > li:hover {text-indent:-8px; margin-left:8px;}
#gnb > li .sub-gnb > li > a{font-size: 18px;color: #555555;font-weight: 500;line-height:23px; letter-spacing: -0.5px;}
#gnb > li .sub-gnb > li > a.ls{letter-spacing: -0.5px;}
#gnb > li .sub-gnb > li:hover:before{display: inline-block;content: '';clear: both;width: 4px;height: 1px;background: #fff;vertical-align: middle;margin-top: -3px;margin-right: 3px;}
#gnb > li:hover .sub-gnb{background: #205886;}
#gnb > li:hover .sub-gnb > li > a{color: #fff;}

.submit {color:#bf003c; font-weight:bold;}
.submit:hover {color:#fff;}

.search-wrap{display:inline-block !important; position:relative; top:49px; z-index:10; width: 100%;background: #7c972c;text-align: center;}
.search-wrap.fixed{top: 52px;}
.search-wrap .inner-layer{display: inline-block;width: 960px;margin: 0 auto;padding:15px 0;text-align: center;}
.search-wrap .inner-layer > form {display:inline-block; width:calc(100% - 190px);}
.search-wrap .tit{display: block;margin-bottom: 10px;font-size: 30px;color: #fff;font-weight: 500;}
.search-wrap input{width: calc(100% - 46px);height: 42px;padding: 0 20px;background: #fff;border: 0;border-radius: 3px;font-size: 18px;font-weight: 300;color: #222;}
#btn_search{display: inline-block;width:43px; height:43px;background:url('/asset/images/bg-btnsch.png') no-repeat center;}
.search-wrap .ad_search {display: inline-block; padding: 8px 20px; background: #57710b; border-radius: 50px; color: #fff; font-size: 18px; vertical-align: middle; margin-left: 10px;}

#sitemap .modal-dialog{width: 1400px;}
#sitemap .modal-content{border-radius: 10px;}
#sitemap .modal-body{position: relative;padding: 50px 40px;}
#sitemap .tit{display: block;font-size: 30px;font-weight: 700;;color: #7c972c;}
.sitemap-wrap{margin-top: 50px;}
.sitemap-list > li:first-child {margin-left:0;}
.sitemap-list > li{float: left;width: calc((100% - 100px)/5); margin-left: 25px;}
.sitemap-list > li > span{display: block;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 2px solid #7c972c;font-size: 20px;font-weight: 600;}
.sitemap-list > li > ul > li > a{display: inline-block; font-size: 20px;font-weight: 300;line-height: 25px; margin-bottom:15px;}
#sitemap .pop-close{position: absolute;top: 53px;right: 40px;display: block;width: 30px;height: 30px;font-size: 30px;color: #aaaaaa;font-weight: 500;;text-align: center;vertical-align: top;}
#sitemap .pop-close i{vertical-align: top;}

/* Metrics */
.dialog__trigger, .dialog__action{text-transform: uppercase;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: 1190px;height: 730px;padding: 20px;background: #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{width: 1000px;height: 380px;margin: 0 auto;}
.dialog-wrap.dialog--active{top: 30px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);visibility: visible;opacity: 1;-webkit-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.dialog .dialog__close{position: absolute;top: 20px;right: 20px;-webkit-transition: color 150ms ease;transition: color 150ms ease;border: 0;background: none;font-size: 40px;color: #aaaaaa;}
.dialog__title{display: block;padding-bottom: 25px;margin-bottom: 30px;border-bottom: 1px solid #dddddd;}
.dialog__title h2{display: inline-block;padding: 10px 0;margin-right: 20px;vertical-align: top;}
.dialog .dialog__content{font-size: 1.1rem;line-height: 2rem;}
.dialog .dialog__action{margin: 0;font-size: 1rem;}


/* ==================
	* container
=================== */
#container{width: 100%;padding: 30px 5% 20px;margin-top: 50px;}
#container:after{display: block;content: '';clear: both;}
.main-conbox-wrap.n3{float: left;width: calc((100% - 41px)/3);margin-left: 20px;}
.main-conbox-wrap.n3:nth-child(3n+1){margin-left: 0;}
.main-conbox{width: 100%;margin-bottom: 15px;background: #fff;-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.15);box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
.main-conbox .main-contop{display: block;padding: 20px 30px;background: #073150;}
.main-contop.article-contop{margin-bottom: 0;padding: 9px 30px;}
.main-contop.article-contop h3{margin: 10px 0;}
.main-conbox h3{display: inline-block;font-size: 22px;font-weight: 800;color: #fff;}
.main-conbox .num-text{display: inline-block;vertical-align: top;}
.main-conbox .num-text *{display: inline-block;vertical-align: middle;}
.main-conbox .num-text b{font-size: 15px;font-weight: 300;text-align: right;color: #fff;line-height: 15px;}
.main-conbox .num-text strong{padding-left: 10px;font-size: 35px;font-weight: 300;color: #ffd200;}
.main-conbox .main-contents{padding: 30px;}
.main-contents p{font-size: 18px;line-height: 25px;}

.main-contents.articles{padding: 0 !important;}
.main-contents .tab-menu, .main-contents .tab-menu2{padding: 15px 30px;background: #f8f8f8;}
.tab-menu li, .tab-menu2 li{float: left;margin-left: 10px;}
.tab-menu li:first-child, .tab-menu2 li:first-child{margin-left: 0;}
.tab-menu li > a, .tab-menu2 li > a{display: inline-block;padding: 5px 15px;border-radius: 50px;padding: 5px 15px;font-size: 20px;color: #000;}
.tab-menu li.on > a, .tab-menu li:hover > a, .tab-menu2 li.on > a, .tab-menu2 li:hover > a{background: #888888;color: #fff;}
.tab-con .section .volume{padding: 0 30px 10px;}
.tab-con .section li{padding: 20px 30px;border-top: 1px solid #e2e2e2;}
.tab-con .section li:first-child{border-top: 0;}
.tab-con .section li .img{overflow: hidden;display: block;float: left;width: 130px;height: 130px;border: 1px solid #ddd;text-align: center;cursor: url("/journal/css/zoom.cur"),auto;}
.tab-con .section li .img > img{height: 100%;}
.tab-con .section li .issue_right{float: right;width: calc((100% - 131px));padding-left: 20px;}
.tab-con .section li .issue_right.width100 {width:100%; padding-left: 0;}
.tab-con .section li .issue_right .article-cate{display: block;margin-bottom: 5px;font-size: 16px;font-weight: 700;;color: #7c972c;line-height: 1.3em;}
/* .tab-con .section li .issue_right h3{overflow: hidden;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 68px;max-height: 68px;font-size: 22px;font-weight: 700;;line-height: 22px; */}
.tab-con .section li .issue_right h3{display: block;font-size: 22px;font-weight: 700;;line-height: 22px;}
.tab-con .section li .issue_right h3 p{font-size: 22px;font-weight: 700;line-height: 22px;}
.tab-con .section li .issue_right h3 a{display: block;width: 100%;word-break: keep-all;font-weight: 700;font-size: 22px;line-height: 22px;}
.tab-con .section li .issue_right h3:hover a{text-decoration: underline;}
.tab-con .section li .issue_contents{float: left;width: 100%;margin-top: 20px;font-size: 16px;}
.tab-con .section li .issue_contents .link a{font-size: 16px;color: #666;}
.tab-con .section li .issue_contents .write_name{display: block;margin-bottom: 15px;font-size: 18px;color: #666666;line-height: 22px;word-break: keep-all;}
.tab-con .section li .issue_contents .show_bagic{font-size: 16px;color: #666;line-height: 1.3em;}
.tab-con .section li .issue_contents .show_bagic strong{color: #000;}
.tab-con .section li .issue_contents:after{display: block;content: '';clear: both;}
.tab-con .section li .bot_info{float: left;width: 100%;text-align: right;}
.tab-con .section li.mini-review{background: #f2faf9;border: 1px solid #dbefef;border-bottom: 0;}
.tab-con .section li.mini-review .list-category-wrap{padding-bottom: 0;margin-bottom: 0;border-bottom: 0;}
.tab-con .section li.mini-review .list-category-wrap:before{border-color: #000;top:4px;}

.tab-con-wrap .more-link{font-size: 18px;}
.issue_contents .la-tag{text-align: right;}
.j_text_size{margin-bottom: 5px;}

.main-contents.articles > ul{padding: 15px 30px;background: #f8f8f8;}
.main-contents.articles > ul > li{float: left;margin-left: 10px;}
.main-contents.articles > ul > li:first-child{margin-left: 0;}
.main-contents.articles > ul > li > a{display: inline-block;padding: 5px 15px;border-radius: 50px;padding: 5px 15px;font-size: 20px;color: #000;}
.main-contents.articles > ul > li.on > a, .main-contents.articles ul > li:hover > a{background: #888888;color: #fff;}

.con-list{margin-top: 35px;}
.con-list li{display: table;width: 100%;margin-top: 20px;font-size: 18px;line-height: 1.2em;}
.con-list li:first-child{margin-top: 0;}
.con-list li:after{display: block;content: '';clear: both;}
.con-list li .img-wrap{display: table-cell;width: 100px;vertical-align: middle;}
.con-list li .text-wrap{display: table-cell;width: calc(100% - 101px);padding-left: 15px;vertical-align: middle;}

.main-contents.bg-con{border-top: 1px solid #e2e2e2;text-align: center;}
.main-contents.bg-con *{display: inline-block;vertical-align: middle;}
.main-contents.bg-con .img-wrap{width: 158px;}
.main-contents.bg-con .text-wrap{padding: 20px;text-align: left;}
.main-contents.bg-con .text-wrap i{font-size: 30px;line-height: 28px;color: #444;}
.main-contents.bg-con .text-wrap strong{display: block;margin-top: 20px;font-size: 50px;font-weight: 500;;color: #be1426;line-height: 30px;letter-spacing: -2px;}

.main-contents.aims{font-size: 20px;}
.main-contents.aims p{font-size: 20px;font-weight: 500;}
.main-contents.aims .more-link{display: inline-block;padding: 0;margin: 0 10px;border-top: 0;}
.main-contents.aims > h2 {font-size:22px; color:#7c972c; font-weight:600; margin:35px 0 20px;}
.main-contents.aims .list-type1 > li {font-size:20px; color:#000; font-weight:500;}
.main-contents.video-box{padding: 0 !important;;}

.main-contents.link-box{padding: 22px 30px;border-top: 1px solid #e2e2e2;}
.link-box .tit{display: block;font-size: 22px;}
.link-box .tit > a{display: block;}
.link-box .tit > a i{vertical-align: middle;}
.link-box .circle{float: right;display: inline-block;padding: 6px 23px;background: #7c972c;border-radius: 50px;color: #fff;font-size: 18px;}

.main-contents.rolling-banner{padding: 0 !important;;}
.rolling-banner .slick-dots li{float: left;width: 50%;height: 5px;background: #eeeeee;}
.rolling-banner .slick-dots li.slick-active{background: #7c972c;}
.rolling-banner .slick-dots li button{overflow: hidden;text-indent: -9999em;}

.journal-wrap .img-wrap{display: inline-block;width: 180px;vertical-align: top;}
.journal-wrap .text-wrap{display: inline-block;width: calc((100% - 185px));padding-left: 25px;vertical-align: top;}
.journal-wrap .text-wrap .tit{display: block;font-size: 30px;line-height: 1.2em;}
.journal-wrap .text-wrap p{padding: 15px 0 35px;font-size: 22px;line-height: 25px;color: #666;}
.journal-wrap .text-wrap .go-link{display: inline-block;width: 170px;padding: 10px 15px;background: #888888;border-radius: 3px;color: #fff;font-size: 18px;}
.journal-wrap .text-wrap .go-link i{float: right;padding: 2px 0;vertical-align: top;}

.border-box.n3{float: left;width: calc((100% - 21px)/3);padding: 20px 0;margin-left: 10px;min-height: 160px;font-size: 18px;color: #555;text-align: center;}
.border-box.n3:nth-child(3n+1){margin-left: 0;}
.border-box.n3 .tit{display: block;margin: 15px 0 3px;font-size: 22px;font-weight: 500;;color: #000;}
.border-box.n3 a{color: #555;word-break: break-all;}

.main-contents.submission-wrap{padding:30px 25px; margin-bottom:25px; background: url('/asset/images/bg-submission.png') no-repeat 0 center / cover;}
.submission-wrap .tit{display: block;margin-bottom: 15px;font-size: 26px;font-weight: 700;;color: #b7d63b;}
.submission-wrap p{padding-bottom: 30px;font-size: 18px;line-height: 1.3em;color: #fff;font-weight: 500;}
.submission-wrap .btn-link{display: inline-block;padding: 6px 27px;background: #7c972c;border-radius: 50px;font-size: 18px;color: #fff;}
.submission-wrap .btn-link:hover, .submission-wrap .btn-link:active, .submission-wrap .btn-link:focus, .submission-wrap .btn-link:visited{text-decoration: none;}

.submit-btn{float:right; display: inline-block;padding: 6px 19px;background: #7c972c;border-radius: 50px;font-size: 18px;color: #fff; margin-top:-6px;}
.submit-btn:hover, .submit-btn:active, .submit-btn:focus, .submit-btn:visited{text-decoration: none;color: #fff;}

.main-contents.most{padding: 0 !important;}
.more-link{display: block;padding: 15px 30px;border-top: 1px solid #e2e2e2;font-size: 20px;font-weight: 500;;vertical-align: middle;}
.more-link img{vertical-align: middle;margin-left: 3px;}

.banner-wrap{width: 100%;padding: 15px 0;margin-bottom: -18px;background: #e2e2e2;}
.banner-wrap .slick-list{margin: 0 1%;}
.banner-wrap .slick-list a{margin: 0 15px;}

.list-category-wrap{position: relative;padding-left: 17px;padding-bottom: 15px;margin-bottom:10px;font-size: 18px;font-weight:400;color:#000000;border-bottom: 1px solid #e2e2e2;line-height: 1;overflow:hidden;}

.list-category-wrap:before{display: block;content: '';clear: both;position: absolute;top: 6px;left: 0;width: 12px;height: 12px;border: 4px solid #069382;border-radius: 50%;}
.list-category-wrap.mcm{color: #801e3d;}
.list-category-wrap.mcm:before{border-color: #801e3d;}
.list-category-wrap.emb{color: #7d972c;}
.list-category-wrap.emb:before{border-color: #7d972c;}
.list-category-wrap.fb{color: #ae5432;}
.list-category-wrap.fb:before{border-color: #ae5432;}
.list-category-wrap.bb{color: #073150;}
.list-category-wrap.bb:before{border-color: #073150;}
.list-btn-wrap{text-align: right;}
.list-btn-wrap span{display: inline-block;margin-left: 10px;font-size: 16px;font-weight: 600;cursor: pointer;}
.list-btn-wrap span > i{font-weight: 400;margin-top: 2px;margin-right: 2px;vertical-align: top;}

.list-category-wrap .go-link{float:right;display: inline-block;width: 60px;padding: 6px 5px;background: #888888;border-radius: 3px;color: #fff;font-size: 13px;}
.list-category-wrap .go-link i {float:left;padding: 1px 0; vertical-align: top;}
.list-category-wrap .tit_category{width:78%;float:left;line-height:23px;}

/* ==================
	* footer
=================== */
.footer-wrap{width: 100%;background: #d2d2d2;}

.footer-menu{max-width: 1280px;margin: 0 auto;padding: 35px 0 35px;}
.footer-menu > li{float: left;width: 20%;}
.footer-menu > li > a{display: block;padding-bottom: 5px;font-size: 24px;color: #555;font-weight: 600;}
.footer-menu > li .sub-footer-menu > li > a{display:inline-block; font-size: 20px;color: #555;line-height:22px; margin-bottom:10px;}

.footer-info {max-width:100%; padding:35px 2%;}
.footer-info h2 {margin-bottom:20px; font-weight:bold; color:#073150;}
.footer-info p {font-size:18px;}
.footer-info p > a {color:#23527c; text-decoration:underline;}

.footer-con{width: 100%;padding: 25px 0;background: #fff;}
.footer-con > p{max-width: 1290px;margin: 0 auto;font-size: 15px;color: #555555;text-align: center;}

#quick-bar{position: fixed; top: 362px;right: 0; z-index: 2;width:50px;}
#quick-bar ul li {position: relative;margin-bottom:10px}
#quick-bar ul li a {display:block;position:relative;width:140px;height:50px;padding:0 0 0 50px;background-color:#073150;font-size:15px;color:#fff;padding-right:12px;line-height:50px;border-radius:5px;-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.50);box-shadow: 0 4px 10px rgba(0,0,0,0.50);}
#quick-bar ul li a span{position:absolute;top:0;left:0;width:50px;height:50px;line-height:50px;text-align:center;display:inline-block}
#quick-bar ul li:nth-child(2) a{background:#000}
#quick-bar ul li a.btn-split{right:auto;}
#quick-bar ul li a.btn-split img{margin-right:0;}


/* =====================
	* Split Viewer
===================== */
body.ovh{overflow: hidden;}
.btn-split{display: inline-block;position: absolute;top: 0;right: 15px;padding: 7px 18px;background-color: #444444;font-size: 14px;color: #fff !important;}
.btn-split img{margin-right: 10px;vertical-align: middle;}

#split-wrap{display: none;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100vh;background-color: #fff;}
#split-wrap .left-con{float: left;width: 60%;}
#split-wrap .right-con{float: left;width: 40%;padding-left: 30px;}

.split-header-wrap{width: 100%;border-bottom: 1px solid #ddd;}
.btn-split-close{position:absolute; right:-30px; top:25px;}
.btn-split-close i{font-size:30px;}
.split-header{max-width: 90%;margin: 0 auto; position:relative;}
.split-header .menu{height: 80px;}
.split-header .menu li{float: left;}
.split-header .menu li + li{margin-left: 50px;}
.split-header .menu li > a{display: block;padding: 28px 0;font-size: 18px;color: #000;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.split-header .split-tab li.on > a, .split-tab li:hover > a{color: #7c972c;}

.split-header .left-con .menu li{position: relative;}
.split-header .left-con .menu li > a img{vertical-align: middle;margin-right: 5px;margin-top: -3px;}
.split-header .left-con .menu li + li{margin-left: 40px;}
.split-header .left-con .menu li .btn-split-share i{vertical-align: middle;margin-top: -3px;margin-left: 3px;}
.split-header .left-con .menu li .split-sns-list{display: none;position: absolute;top: 65px;left: 0;z-index: 10;width: 120%;margin-top: 0;padding: 7px 0;background-color: #fff;border: 1px solid #ddd;}
.split-header .left-con .menu li .split-sns-list > li{width: 100%;}
.split-header .left-con .menu li .split-sns-list > li > a{display: block;width: 100%;padding: 5px 15px;font-size: 14px;}
.split-header .left-con .menu li .split-sns-list > li > a:hover{color: #ee514a;}
.split-header .left-con .menu li .split-sns-list > li + li{margin-left: 0;}

.split-container{max-width: 90%;margin: 0 auto;}
.split-container .left-con{overflow-y: auto;height: calc(100vh - 81px);padding-top: 60px;padding-bottom: 60px;padding-right: 30px;}
.split-container .left-con .title-wrap{padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px solid #000;}
.split-container .left-con .title-wrap h3{font-size: 28px;font-weight: 600;}
.split-container .left-con h4{margin-bottom: 25px;font-size: 24px;font-weight: 600;color:#7c972c;}
.split-container .inner-contents{font-size: 18px;line-height: 22px;}
.split-container .inner-contents strong, .split-container .left-con .inner-contents b{font-weight: 600;}
.split-container .inner-contents .section03_tit > h3{float: none;max-width: 100%;padding: 0;color:#7c972c;padding-bottom: 10px;font-size: 22px;font-weight: 600;border: 0;line-height: 1.2em;}
.split-container .inner-contents h2{margin:15px 0;color:#205886;}
.split-container .inner-contents #fulltext_Area h3{font-size: 18px;}
.split-container .left-con #fulltext_Area > div strong{font-weight: 600;}
.split-container .left-con table{margin: 10px 0;}

.split-container .body-section{padding-top: 35px;}
.split-container .body-section + .body-section{padding-top: 50px;}
.split-container .inner-contents table{margin: 10px 0; width:100%;}
.split-container .inner-contents table th{background-color: #fafafa;}
.split-container dl strong{font-size: 18px;}
.split-container table .xref a{cursor: default;}

.split-container .tools{text-align: right;}
.split-container .tools a{display: inline-block;margin-left: 25px;font-size: 14px;font-weight: 600;}
.split-container .tools a img{vertical-align: middle;margin-top: -3px;margin-right: 5px;}

.split-container .right-con{overflow-y: auto;height: calc(100vh - 81px);padding-top: 60px;padding-bottom: 60px;padding-right: 30px;}
.split-contents-list > li > a{display: block;font-size: 20px;color: #000;font-weight: 600;line-height: 1.2em;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.split-contents-list > li.on > a, .split-contents-list > li:hover > a{color: #7c972c;text-decoration: underline;}
.split-contents-list > li + li{margin-top: 15px;}
.split-container .right-con .body-section{padding-top: 0;}
.split-container .right-con .section03_tit{border-bottom: 0;margin-bottom: 0;}
.split-container .right-con .section03_tit > h3{padding-bottom: 10px;color: #000;}
.split-container .right-con #fulltext_Area ol > li{font-size: 16px;}
.split-container .right-con #fulltext_Area ol > li + li{margin-top: 20px;}
.split-container .right-con #fulltext_Area ol > li .j_text_size + div{margin-top: 10px;}

.figure-con{margin:10px 0;}
.split-tabcon .figure-con img{width:100%; margin-bottom:10px;}


/* ==================
	* common
=================== */
#dim,{display: none;position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
#sch-dim{display: none;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
#dim2{display: none;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.inner-layer{max-width: 1800px;margin: 0 auto;}
.full-right{float: right;}

.text-justify{text-align: justify;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.bg-con{background: #f9f9f9;}
.border-box{border: 1px solid #eeeeee;}

.img-wrap > img{max-width: 100%;}

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

/* ==================
	* media
=================== */
@media screen and (max-width:1700px) {
	.top{padding: 13px 2%;}
	.btn-sch{top: 195px;left: auto;right: 2%;}

	#header .inner-layer{max-width: 100%;padding: 13px 2%;}
	#header .header-box-wrap{margin: 3px 0;}
	#header h1{margin-left: 20px;}
	#gnb{max-width: 100%;padding: 0 2%;}
	.gnb-wrap{min-width: auto;}

	#sitemap .modal-dialog{width: 90%;max-width: 1400px;}

	/* Metrics */
	.dialog-wrap{width: 70%;max-width: 1400px;height: 730px;}
	.dialog{width: 100%;height: 380px;margin: 0 auto;}
	.dialog .dialog__close{position: absolute;top: 20px;right: 20px;-webkit-transition: color 150ms ease;transition: color 150ms ease;border: 0;background: none;font-size: 40px;color: #aaaaaa;}
	.dialog__title{display: block;padding-bottom: 25px;margin-bottom: 30px;border-bottom: 1px solid #dddddd;}
	.dialog__title h2{display: inline-block;padding: 0;margin-right: 20px;vertical-align: top;}
	.dialog__title h2 img{height: 50px;margin: 10px 0;}

	#container{padding: 30px 2% 20px;}
	.journal-wrap .img-wrap{width: 30%;}
	.journal-wrap .text-wrap{width: 68%;padding-left: 15px;}
	.footer-menu{max-width: 100%;padding: 35px 2%;}
	.footer-con > p{max-width: 100%;padding: 0 2%;}
}
@media screen and (max-width:1300px) {
	.submit-btn{font-size: 16px; margin-top:-4px;}
}

@media screen and (max-width:1200px) {
	.header-wrap{height: auto;}
	.top{padding: 15px;}
	.top.fixed{padding: 15px;}
	.btn-sch{top: 172px;right: 0;}

	#header .inner-layer{height: 120px;padding: 15px;}
	.header-bar > span{height: 10px;}
	#header h1{margin-left: 0;}
	#header h1 a{margin: 7px 0;}
	#header h1 a img{height: 75px;}
	#header .header-box{width: 160px;height: 70px;padding: 7px 10px;}
	#header .header-box img{height: 22px;}
	#header .header-box span{font-size: 14px;line-height: 1.2em;}
	#header .header-box .tit{padding: 0;}
	#header .header-box strong{font-size: 30px;}
	.qr-code{width: 70px;height: 70px;}
	.qr-code span{padding-top: 35px;background-size: 15px;font-size: 16px;}
	.gnb-wrap:after{display: block;content: '';clear: both;}
	#gnb{float: left;width: -webkit-calc(100% - 50px);width: calc(100% - 50px);padding: 0;}
	#gnb > li{width: 20%;}
	#gnb > li > a{padding: 12px 0;font-size: 20px;letter-spacing: -0.5px;}
	#gnb > li .sub-gnb{top: 49px;}
	#gnb > li .sub-gnb > li > a{font-size: 16px;line-height: 23px;}
	#gnb > li .sub-gnb > li:hover {text-indent:-6px; margin-left:6px;}

	#sitemap .modal-dialog{width: 95%;}
	#sitemap .modal-body{padding: 20px;}
	#sitemap .pop-close{top: 20px;right: 15px;font-size: 24px;}
	#sitemap .tit{font-size: 20px;}
	.sitemap-wrap{margin-top: 20px;}
	.sitemap-list > li{width: calc((100% - 31px)/2);margin-left: 30px;min-height: 155px; margin-bottom:20px;}
	.sitemap-list > li:nth-child(3n+1){margin-left: 30px;}
	.sitemap-list > li:nth-child(2n+1){margin-left: 0;}
	.sitemap-list > li > span{margin-bottom: 10px;font-size: 18px;}
	.sitemap-list > li > ul > li > a{font-size: 16px; margin-bottom:10px;}
	/* Metrics */
	.dialog-wrap{width: 90%;height: 90vh;}

	.search-wrap{top: 50px;}
	.search-wrap .inner-layer{width: 100%;padding: 20px 2%;}
	.search-wrap .ad_search {display:none;}
	.search-wrap .tit{font-size: 24px;}
	.search-wrap input{width: calc(100% - 55px);}

	#container{padding: 30px 15px 20px;}
	.main-conbox-wrap.n3{width: calc((100% - 31px)/3);margin-left: 15px;}
	.main-conbox .main-contop{padding: 15px;}
	.main-contop.article-contop{padding: 10px 15px;}
	.main-contop.article-contop h3{margin: 5px 0;}
	.main-conbox h3{font-size: 20px;}
	.main-conbox .num-text{margin-top: -3px;}
	.main-conbox .num-text b{font-size: 14px;line-height: 1;}
	.main-conbox .num-text strong{padding-left: 5px;font-size: 30px;}
	.main-conbox .main-contents{padding: 20px 15px;}
	.main-contents .tab-menu, .main-contents .tab-menu2{padding: 10px 15px;}
	.tab-menu li > a, .tab-menu2 li > a{font-size: 16px;}

	.main-contents.articles > ul{padding: 10px 15px;}
	.main-contents.articles ul > li > a{font-size: 16px;}

	.tab-con .section .volume{padding: 0 15px 10px;}
	.tab-con .section li{padding: 20px 15px;}
	.tab-con .section li .img{width: 25%;height: auto;}
	.tab-con .section li .img > img{height: auto;}
	.tab-con .section li .issue_right{width: 75%;padding-left: 15px;}
	/* .tab-con .section li .issue_right h3{max-height: 62px;font-size: 18px;line-height: 20px;} */
	.tab-con .section li .issue_right h3{font-size: 18px;line-height: 20px;}
	.tab-con .section li .issue_right h3 > a{font-size: 18px;line-height: 20px;}
	.tab-con .section li .issue_right h3 p{font-size: 18px;line-height: 20px;}
	.tab-con .section li .issue_contents{margin-top: 15px;}
	.tab-con .section li .issue_contents .write_name{margin-bottom: 10px;font-size: 16px;}
	.main-contents p{font-size: 16px;line-height: 22px;word-break: break-word;}
	.main-contents.aims p{font-size: 16px;}
	.main-contents.aims > h2 {font-size:20px;}
	.main-contents.aims .list-type1 > li {font-size:16px;}
	.con-list{margin-top: 20px;}
	.con-list li .img-wrap{width: 20%;}
	.con-list li .text-wrap{width: 80%;}

	.main-contents.bg-con .img-wrap{width: 100px;}
	.main-contents.bg-con .text-wrap{padding: 10px 10px 0;}
	.main-contents.bg-con .text-wrap i{font-size: 24px;line-height: 1;}
	.main-contents.bg-con .text-wrap strong{margin-top: 15px;font-size: 40px;}

	.main-contents.link-box{padding: 15px;}

	.link-box .tit{font-size: 16px;}
	.link-box .tit > a:after{display: block;content: '';clear: both;}
	.link-box .circle{font-size: 14px;}

	.journal-wrap .img-wrap{width: 25%;}
	.journal-wrap .text-wrap{width: 73%;padding-left: 15px;}
	.journal-wrap .text-wrap .tit{font-size: 22px;line-height: 1.2em;}
	.journal-wrap .text-wrap p{padding: 10px 0 20px;line-height: 20px;font-size: 16px;}
	.journal-wrap .text-wrap .go-link{width: auto;min-width: 70%;padding: 8px 10px;font-size: 16px;}

	.border-box.n3{min-height: 140px;padding: 10px;font-size: 16px;line-height: 1;word-break: break-all;}
	.border-box.n3 img{width: 50px;}
	.border-box.n3 .tit{margin: 10px 0 5px;font-size: 18px;}
	.border-box.n3 a{line-height: 1.2em;}

	.submission-wrap .tit{margin-bottom: 10px;font-size: 20px;}
	.submission-wrap p{padding-bottom: 20px;}
	.submission-wrap .btn-link{font-size: 16px;}
	.submit-btn{float:none; display:table; margin-top:10px;}

	.more-link{padding: 15px;font-size: 16px;}

	.footer-menu{padding: 35px 15px;}
	.footer-con > p{padding: 0 15px;}
	.footer-info h2 {font-size:24px;}
	.footer-info p {font-size:16px;}

	#quick-bar{display:none;}
}

@media screen and (max-width: 1025px) {
	#gnb > li > a{padding: 12px 0;font-size: 20px;}
	#gnb > li .sub-gnb{padding: 15px 12px;}
	.tab-con-wrap .more-link{font-size: 16px;}
	.footer-menu > li > a{font-size: 18px;}
	.footer-menu > li .sub-footer-menu > li > a{font-size: 16px;}
	.main-conbox .tab-con .section li .img {display:none;}
	.main-conbox .tab-con .section li .issue_right {width:100%;padding-left: 0px;}

		.tab-con .section li .img{width: 25%;height: auto;}
	.tab-con .section li .img > img{height: auto;}
	.tab-con .section li .issue_right{width: 75%;padding-left: 15px;}

}
@media screen and (max-width:767px) {
	#header{border-bottom: 1px solid #e2e2e2;}
	#header .inner-layer{padding: 20px 15px;}
	#header .header-box-wrap{display: none;}
	#header h1{width: 100%;margin-right: 0;}
	#header h1 a{margin: 0;}
	#header h1 a > img{max-width: 300px;}

	.top .btn-allmenu{display: inline-block;margin-right: 10px;}
	.btn-sch{display: none;}
	.top.fixed .btn-allmenu{display: inline-block;}
	.top.fixed .btn-sch{display: none;}

	.header-wrap{height: auto;}
	.left-util{display: none;}
	.right-util > li{margin-left: 7px;}

	.qr-code{display: none;}
	nav{display: none;}

	/* Metrics */
	.dialog{height: 300px;}
	.dialog__title{padding-bottom: 20px;margin-bottom: 20px;}
	.dialog__title h2 img{max-width: 70%;height: auto;}
	.dialog .dialog__close{top: 20px;right: 15px;font-size: 24px;}

	.search-wrap{position: absolute;display: block;top: 172px;}
	.search-wrap .tit{margin-bottom: 8px;font-size: 20px;}
	.search-wrap .inner-layer{width: 100%;padding: 15px 20px;}
	.search-wrap input{width: calc(100% - 45px);height: 40px;padding: 0 10px;font-size: 16px;}
	.search-wrap .inner-layer > form {width:100%;}
	#btn_search{width: 40px;height: 40px;}

	#container{margin-top:69px;}
	.main-conbox-wrap.n3{float: none;width: 100%;margin-left: 0;}
	.main-conbox .main-contop{padding: 10px 15px;}
	.main-contop.article-contop{padding: 6px 15px;}
	.main-contop.article-contop h3{margin: 3px 0;}
	.main-conbox .main-contents{padding: 15px;}
	.main-conbox h3{font-size: 20px;}
	.main-conbox .num-text b{font-size: 12px;}
	.main-conbox .num-text strong{font-size: 24px;}
	.main-contents p{font-size: 16px;line-height: 20px;}
	.main-contents.aims p{font-size: 16px;}
	.main-contents.link-box{padding: 15px 15px 10px;}
	.link-box .tit{font-size: 16px;}
	.link-box .tit > a{font-size: 16px;}
	.link-box .circle{margin-top: -5px;}
	.tab-con .section li .issue_right .article-cate{font-size: 14px;}
	/* .tab-con .section li .issue_right h3{height: auto;max-height: 62px;font-size: 18px;line-height: 20px;} */
	.tab-con .section li .issue_right h3{font-size: 18px;line-height: 20px;}
	.tab-con .section li .issue_contents .write_name{font-size: 16px;}

	.con-list li .img-wrap{display: block;width: 100%;text-align: center;}
	.con-list li .text-wrap{display: block;margin-top: 20px;width: 100%;padding-left: 0;text-align: center;}

	.main-contents.bg-con .text-wrap{padding: 0 10px 0 20px;}
	.main-contents.bg-con .text-wrap i{font-size: 20px;}
	.main-contents.bg-con .text-wrap strong{margin-top: 10px;font-size: 30px;}

	.journal-wrap .img-wrap{width: 20%;}
	.journal-wrap .text-wrap{width: 78%;}
	.journal-wrap .text-wrap .tit{font-size: 18px;}
	.journal-wrap .text-wrap p{padding: 10px 0;font-size: 16px;line-height: 18px;}

	.journal-wrap .text-wrap .go-link{min-width: auto;width: 170px;max-width: 70%;font-size: 16px;}

	.border-box.n3{width: 100%;min-height: auto;padding: 15px;margin-left: 0;margin-top: 10px;}
	.border-box.n3:first-child{margin-top: 0;}
	.border-box.n3 img{width: 50px;}
	.border-box.n3 .text-wrap{float: right;width: calc(100% - 51px);padding-left: 15px;text-align: left;}
	.border-box.n3 .tit{margin: 5px 0;}
	.submission-wrap .tit{font-size: 18px;}
	.submission-wrap .btn-link{font-size: 16px;}
	.submit-btn {font-size: 16px;}

	.banner-wrap{padding: 10px 0;}
	.banner-wrap .slick-list a{margin: 0 10px;}

	.footer-menu{display: none;}
	.footer-info {padding:30px 15px;}
	.footer-con{padding: 15px;}
	.footer-con > p{font-size: 14px;line-height: 1.2em;}
}

@media screen and (max-width:420px) {
	.sitemap-list > li{width: 100%;min-height: auto;margin-left: 0;margin-top: 20px;}
	.sitemap-list > li:first-child{margin-top: 0;}
	.sitemap-list > li:nth-child(3n+1){margin-left: 0;}
	.sitemap-list > li:nth-child(2n+1){margin-left: 0;}
	.sitemap-list > li > span{font-size: 16px; margin-top:0;}
}

@media print {
	a[href]::after {
		content: none !important;
	}
	div.header_bot,div.header,div.bc_wrap,div.sub_r,div.right_section,div.sub_sns,div.right_section02,div.sub_kjpp,div.footer_wrap,div.goto_layer,div.header-wrap,div.right-contop,ul.tools-list,div.right-contents,div.article-service,div.right-box,div.banner-wrap,div.footer-wrap {display:none;}
	div.view-left,div.view-right,div.origin_a {width:100%;display:block;float:none;margin:0 auto;padding-top:10px;}
}