/* ==================
	* header
================== */
.util_menu {background:#000;height:35px;width:100%; display:none;}
.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:5px 0;padding:0 12px;}
.util_menu div.inner_menu ul li > a {font-size:15px; font-weight:300; color:#fff; line-height:25px;}
.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;}


.layer1300{position:relative;}
#header{position:relative; width:100%; z-index:99; top:0; left:0; transition:all 0.4s ease;}
.header-wrap{background:url('/asset/images/bg_header.png') right top no-repeat #fff; height:150px; border-bottom:5px solid #434188; position:relative; z-index:10;}
#header .layer1300{position: relative; height:100%; }
.btn-menu{display: none;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;}
.btn-menu a{display: inline-block;width: 95px;padding: 5px 0;background: #fff;border: 1px solid #aaaaaa;border-radius: 50px;font-size: 14px;color: #555555;font-weight: 600;text-align: center;}
.m-btn-menu{display:none;}

.header-wrap h1{display: inline-block;vertical-align: middle; margin:30px 0; }
.header-wrap h1 > a{display: block;}
.header-wrap h1 > a img{vertical-align: middle;}

.h-right {margin-top:20px;}
.h-right .impact-tit{font-weight:700; font-size:18px; line-height:32px; color:#222; margin-bottom:15px;}
.h-right .impact-tit span{color:#2a4094;}
.h-right .impact-txt{font-size:15px; line-height:19px;}
.h-right .impact{display:inline-block;}

/* scroll */
#header.fixed{z-index:99;width:100%;top:0;left:0; display:none;}
#header.fixed{-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
#header.fixed .header-wrap{height:auto;}
#header.fixed .util_menu{display:none;}
#header.fixed .qr-wrap{padding: 20px 0;}
#header.fixed .header-menu > li > a{height: 50px;}
#header.fixed #gnb{display:none;}
#header.fixed h1 { margin: 20px 0;}
#header.fixed h1 > a img{height: 35px;}
#header.fixed .header-menu > li > a span{padding-top: 0;text-indent: -9999em;}
#header.fixed .btn-menu{display: block;}

#header.fixed .h-right{display:none;}

/* gnb */
#gnb{width:100%; height:70px; background:#fff; position:relative; z-index:10; border:1px solid #ddd;}
.gnb-list{}
.gnb-list > li{float:left; width:25%; text-align:center; position:relative;}
.gnb-list > li > a{display:block; margin:19.5px 0;}
.gnb-list > li > a > span{font-size:25px; line-height:1.2; font-weight:700; display:block; color:#000;}

#gnb .gnb-list > li ul{display:none;}
.gnb-list > li ul{background:#434188; padding:10px; overflow:hidden; position:absolute;top:100%; left:0; width:100%;}
.gnb-list > li ul li{padding:10px 0;}
.gnb-list > li ul li a{display:block; }
.gnb-list > li ul li span{line-height:1.2; color:#fff; display:block; font-size:18px;}
.gnb-list > li ul li:hover span{color:#59bcc3 !important;}

#m-gnb{display:none;}
#m-gnb-dim{display:none;}

/* site map */
#all-menu-wrap{display:none; width: calc(100% - 240px); height:100%; position:fixed; top:0; left:240px; z-index:1000;}
#all-menu-wrap .all-menu-dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 80;background: rgba(0,0,0,0.7);}
.all-menu-close{position:absolute; right:15px; top:15px;z-index:10;}
.all-menu-close i{font-size:35px; color:#002c65;}
.all-menu-wrap{width:350px; height:100%; background: rgba(255,255,255,1); position:relative; z-index:81; padding:20px 0;}
.all-menu-wrap h3{position: relative;font-size:24px; margin-left:30px;padding:10px 0 20px 22px; color: #434188;font-weight: bold;z-index:9;}
.all-menu-wrap h3:after{content: '';display: block;position: absolute;left: 0;top: 34%; width: 10px; height: 10px; background: linear-gradient(to right, #4f1b81, #508ff3);}
#all-menu-wrap .gnb-list{height:auto;margin-top:15px;}
#all-menu-wrap .gnb-list ul{background: none;}
#all-menu-wrap .gnb-list > li{height:100%; width:100%;}
#all-menu-wrap .gnb-list > li > a{margin:15px 0;}
#all-menu-wrap .gnb-list > li > a > span{font-size:22px; color:#002c65; padding-left:30px !important; text-align:left;}
#all-menu-wrap .gnb-list > li > a > span:hover{color:#4f1b81;}
#all-menu-wrap .gnb-list > li ul{display:none; position:relative; padding:0;}
#all-menu-wrap .gnb-list > li ul li span{color:#444; padding-left:30px !important;text-align:left;font-size:18px;}

/* search popup */
#sch-dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;background: rgba(0,0,0,0.7);}
#sch-pop{display: none;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 9999;width: 70%;max-width: 970px;}
.sch-pop-wrap{width: 100%;}
.sch-pop-wrap form select{display: inline-block;width: 180px;height: 45px;padding: 0 15px;margin-right: 20px;border-radius: 4px;background: #feffff;vertical-align: top;font-size: 14px;vertical-align: top;}
.sch-pop-wrap form input.form-control{display: inline-block;width: calc(100% - 50px); height: 45px;border-radius: 0;border: 0;border-bottom: 2px solid #fff;padding: 0 40px 15px 0;background: transparent;font-size: 35px; font-weight: 500;color: #feffff; vertical-align: top;}
.sch-pop-wrap form .btn-sch{display: inline-block;position: absolute;top: 0;right: 0;width: 40px;height: 45px;font-size: 30px;color: #fff;text-align: center;vertical-align: top;}
.sch-pop-wrap form. btn-sch i{padding: 5px 0;}
.sch-pop-wrap form span{display: block;margin-top: 20px;font-size: 20px;color: #cccccc;font-weight: 500;text-align: left;}
.sch-pop-wrap p{color: #feffff;font-size: 20px; margin-top:10px;}
.sch-pop-wrap .tit{display:none;}
.btn-schpop-close{display: inline-block;position: absolute;top: -90px;right: -90px;width: 50px;height: 50px;color: #ccc !important;font-size: 45px;font-weight: 700;text-align: center;vertical-align: top;}
.btn-schpop-close:hover, .btn-schpop-close:focus{color: #ccc !important;}
.btn-schpop-close > i{display: inline-block;width: 100%;height: 100%;vertical-align: top;}

/* left menu */
#left-menu{background:#434188; border-right:1px solid #ddd; width:80px; transition:all 0.4s ease; height:100vh; position:fixed; left:0; top:0; z-index:99; }
#left-menu .left-menu-wrap{position:relative; width:100%; height:100%;}
#left-menu ul.left-list li{position:relative;}
#left-menu ul.left-list li a{display:block; width:100%; height:100%;}
#left-menu ul.left-list li a img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
#left-menu ul.left-list li a span{opacity:0;}
#left-menu .left-top{width:100%;}
#left-menu .left-top li a{ height:80px; line-height:80px; font-size:22px;}
#left-menu .left-top li:nth-child(1){background: #fff;}
#left-menu .left-top li:nth-child(1) a{color:#002c65; font-size:24px;}
#left-menu .left-top li:nth-child(2){background:#508ff3;}
#left-menu .left-top li:nth-child(2) a{color:#fff;}

#left-menu .left-btm > li{height:70px; line-height:70px;}
#left-menu .left-btm > li > a{ font-size:18px; color:#fff; font-weight:400;}
#left-menu .left-btm > li > a:hover{background:#4f1b81;}
#left-menu ul.left-btm > li:last-child{display:none;}
#left-menu .left-btm > li.m-hide{display:block;}
#left-menu .left-btm > li.m-show{display:none;}

#left-menu.on{width:240px;}
#left-menu.on ul li a img{right:auto; left:35px; }
#left-menu.on ul li a span{display:block;padding-left:100px; opacity:1; transition:all 0.4s ease;}

#left-menu .pub-list{opacity:0;}
#left-menu.on .pub-list{opacity:1; margin:20px 0; padding-left:20px; transition:all 0.4s ease;}
#left-menu.on .pub-list li{width:50%; float:left; margin-bottom:5px;}

#left-menu .left-con-wrap{visibility: hidden;position:fixed;top:0;height:100vh;left:240px;width: calc(100% - 240px);transition:all 0.4s ease; opacity:0; }
#left-menu .left-con-wrap .left-con-box{width:700px; height:100%; background: rgba(255,255,255,1); position:relative; z-index:81; padding:20px;}
#left-menu .left-con-wrap .left-con-box h3.left-tit{position: relative;font-size: 24px; padding:10px 0 20px 22px;color: #434188; font-weight: bold;z-index:9;}
#left-menu .left-con-wrap .left-con-box h3.left-tit:after{content: ''; display: block; position: absolute;left: 0;top: 34%;width: 10px; height: 10px;background: linear-gradient(to right, #4f1b81, #508ff3); }
#left-menu .left-con-wrap .menu-dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 80;background: rgba(0,0,0,0.7);}
#left-menu .left-con-wrap .left-btn-close{width:auto;height:auto;position:absolute; right:15px; top:15px;z-index:10;}
#left-menu .left-con-wrap .left-btn-close:hover{background:none}
#left-menu .left-con-wrap .left-btn-close i{font-size:35px; color:#002c65;}
#left-menu .left-con-wrap.on{visibility: visible;opacity:1;}


/* top Down btn */
.topDown-btn{position:fixed; right:30px; top:50%; width:45px; height:90px; z-index:99;}
.topDown-btn a{display:block; width:100%; height:45px; line-height:45px; color:#fff !important; text-align:center;}
.topDown-btn a.top-btn{background:#508ff3; }
.topDown-btn a.down-btn{background:#434188;}
.topDown-btn a i{padding:0;}

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

/* visual-wrap */
.slick-list:focus { border:0;}
.visual-con .impact-wrap {float:left;width:63%; }
.visual-wrap .slick-initialized .slick-slide{outline:none; height:400px;}
/*.visual-con .w35p:first-child {width:48%; margin-left:2%;}*/
.slick-slide a:focus { outline: none; }
.visual-con .w100p {width:100%; height:100%; }
.visual-con .w100p > a {display:block; height:100%; text-align:center;}
.visual-con .w100p > a > img {display:inline-block; height:100% !important;}
.visual-con .w35p {width:35%; height:100%; margin-left:2%;float:right;}
.visual-con .w35p > .current_img{display:block; height:100%; overflow:hidden;}
.visual-con .slick-dots {position:absolute; bottom:10px; left:15px;}
.visual-con .slick-dots > li:first-child {margin-left:0;}
.visual-con .slick-dots > li {float:left; margin-left:5px;}
.visual-con .slick-dots > li.slick-active button {background:#434188; opacity:0.9;}
.visual-con .slick-dots > li button {width:11px; height:11px; background:#dbdbdb; text-indent:-9999em; border:0;}
.visual-con .slick-dots:after {display:block; content:''; clear:both;}
.visual-wrap{position: relative;height: auto;box-sizing: border-box;}
.visual{width: 100%;height: 100%;background:none;}
.visual-con{width: 100%;height: auto;border:1px solid #dbdbdb; height: 400px; overflow:hidden;}
.visual-con > div > div:first-child {margin-left:0;}
.visual-con > div > div { width:48%; margin-left:4%;float:left; }
.visual-con:after {display:block; clear:both; content:'';}
.visual-con .slick-slide img { width: auto; max-width: 100%; height:auto !important; }
.visual-text{position: absolute;left: 0;bottom: 40px;width: 100%;padding: 15px;background-color: rgba(0,0,0,0.6);font-size: 16px;line-height: 22px;}
.visual-text > div{height: 112px; color: #333;}
.visual-more{display: inline-block;font-size: 16px;font-weight: 700;}

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

/* main tab */
.mainCate-wrap{margin-top:28px;}
.tab-wrap{overflow:hidden; margin-bottom:30px;}
.tab-menu{float:left; width:100%; overflow:hidden; border-bottom:2px solid #a7a7a7; margin-bottom:13px;}
.tab-menu li{ width:140px; height:40px;  float:left; border:1px solid #f6f6f6; border-left:0; border-bottom:0; display:table; margin-right:4px; }
.tab-menu li:first-child{border-left:1px solid #f6f6f6;}
.tab-menu li a{display:block; height:100%; display:table-cell; vertical-align:middle; text-align:center; background:#909295; border-radius:5px 5px 0 0; color:#fff !important;}
.tab-menu li span{display:block;font-size:16px; line-height:20px; font-weight:400; color:#505050; color:#fff !important;}
.tab-menu li:hover a, .tab-menu li:hover span{background:#4f1b81;}
.tab-menu li.tab.on a, .tab-menu li.tab.on span{background:#4f1b81;}

/* submit banner */
.submit-banner{width: 100%;height: 225px;padding: 0;margin-top:50px;background-repeat: no-repeat;background-position:50% 50%;background-image: url('/asset/images/bg-submit-banner.png');text-align: center;}
.submit-banner .layer1300{position: relative;width: 100%;height: 100%;}
.submit-banner-con{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;padding: 0 15px;}
.submit-banner h3{display: block;margin-bottom: 10px;font-size: 40px;color: #d5d4f7;font-weight: 500;font-style: italic;line-height:40px;}
.submit-banner p{margin-bottom: 25px;font-size: 18px;color: #fff; font-weight:300;}
.submit-banner .btn-submit{background:rgba(255,255,255,0.1); border:1px solid #d5d4f7;display: inline-block;padding: 10px 20px;border-radius: 50px; font-size: 18px;font-weight: 500;color: #fff;line-height:18px;transition: 0.7s all ease;}
.submit-banner .btn-submit i{vertical-align: -1px;padding-left:5px}
.submit-banner .btn-submit:hover{ background:#d5d4f7; border:1px solid #fff;}


/* about the journal */
.about-wrap:after {display:block; clear:both; content:'';}
.edit-office h2{display: block;margin-bottom: 20px; font-size: 30px;color: #000;font-weight: 600;}
.about-wrap p{font-size: 16px;line-height: 22px;color: #000;text-align: justify;font-weight:500;}
.about-wrap p b {font-style:italic;color:#4c204a;}
.ed_office{overflow:hidden;background:#fffcff;padding:20px 16px 5px 16px}
.ed_office li{overflow:hidden;padding-bottom:22px;font-size:16px;color:#000; line-height:18px;vertical-align: middle;font-weight:500;}
.ed_office li span{float:left; display:Inline-block;width: 20%;text-align:center;margin-right:10px;}
.ed_office li:first-child span{margin-top:10px;}
.about-wrap h2{margin-bottom: 20px; font-size: 30px;color: #000;font-weight: 600;}
.about-wrap .img{float: left; width:180px;}
.about-wrap .img > img{max-width:100%;}
.about-wrap .text{float: left;width: calc(100% - 180px);padding-left: 25px;}



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

.view-more{margin-top:50px;}
.view-more a.btn{padding:0; color:#4f1b81; font-size:20px; line-height:1; border:1px solid #4f1b81; width:180px; height:40px; line-height:38px; border-radius:50px;}
.view-more a.btn:hover{color:#fff; background:#4f1b81;}

/* 목적 및 범위 */
.journal-img{border: 1px solid #e2e2e2;}
.cover-img{display:inline-block; vertical-align:top; box-shadow:5px 5px 0 #ababab;}
.cover-text{display:inline-block; width:calc(100% - 130px); padding-left:10px;}
.cover-text h3{font-size:20px; line-height:22px; font-weight:700; color:#000; margin-bottom:30px;}
.cover-text p{font-size:14px; line-height:20px; color:#666;}
.btm-tit{font-size:12px; line-height:15px; background:#a08dc1; padding:10px 12px; margin-top:10px; color:#fefefe;}

.main-con-wrap{margin-top:100px;}
.left-tit{font-size:27px; line-height:1; margin-bottom:20px;}
.cover-img{display:inline-block; vertical-align:top; box-shadow:5px 5px 0 #ababab;}
.main-con-wrap .cover-img{border:1px solid #bcbcbd;}
.main-con-wrap .cover-text{display:inline-block; text-align: justify; font-size:17px; line-height:22px; width:calc(100% - 150px); padding-left:30px; color:#000;}

/* btm-tool */
.tools-list{margin-bottom: 40px; margin-top:100px;}
.tools-list > a{padding:15px 0px 15px 15px; display:block; overflow:hidden; float: left; width: calc((100% - 61px)/6); background-color: #434188;border-radius: 5px;color: #fff !important;}
.tools-list > a + a{margin-left: 12px;}
.tools-list > a img{float:left;}
.tools-list > a .tools-box{float:left; display:table; table-layout: fixed; padding-left:10px; height:43px;}
.tools-list > a span{color:#fff; font-size:11px; line-height:1; vertical-align: middle; font-weight:500;}
.tools-list > a .tools-box > span{display:table-cell; vertical-align:middle;letter-spacing:-0.5px;}


/* main right */
.main-right{padding:15px 20px;float: right;width: 340px; background: #fdfcff;}
.right-conbox{margin-top:20px; margin-bottom:20px;}
.right-conbox.mt0{margin-top:0;}
.main-right .right-tit{font-size:20px; line-height:1; font-weight:500; color:#000; margin-bottom:15px;}
.main-right .right-tit span{display:block; margin-top:3px; font-size:15px; color:#3e3e3e; font-weight:300;}

.main-right .journal-wrap{display:none;}

.sub-right .right-title{position: relative; border-bottom:1px solid #87ade9; overflow:hidden;}
.sub-right .right-title h3{display: block ;border-bottom: 0; font-size:20px; font-weight:700;}
.sub-right .right-title h3 > span {font-size: 17px; color: #898989;}
.sub-right .right-title a{display:inline-block; float:right; margin-bottom:5px; background:#424242; color:#fff; width:25px; height:25px; line-height:25px; text-align:center;}
.sub-right .right-title a i{padding:0; display:block; height:25px; line-height:25px;}
.sub-right .right-title .m-btn-close{display: none;position: absolute;top: 0;right: 0;width: 30px;height: 30px;font-size: 24px;color: #324370;text-align: center;}

/* right submission */
.submission-wrap {width:100%; height:215px; background:url('/asset/images/submission-bg.png'); text-align:center; background-size:100% 100%; padding:30px 20px;}
.submission-wrap img {opacity:1;}

.journal-box .qr-code-wrap{position: absolute;top: 30px;right: 30px;width: 220px;height: 160px;text-align: right;}
.journal-box .qr-code{display: inline-block;top: 10px;right: 0px;width: 31px;height: 31px;}
.journal-box .qr-code > img{max-width: 100%;}
.qr-code-wrap{position: relative;}
.qr-small-pop{display: none;position: absolute;top: 0;right: 45px;z-index: 10;/* display: inline-block; */padding: 15px;background: #fff;border: 1px solid #dcdcdc;border-radius: 10px;-webkit-box-shadow: 2px 0 10px rgba(0,0,0,0.25);box-shadow: 2px 0 10px rgba(0,0,0,0.25);}

/* subm-old */
.subm-old a{transition:all 0.4s ease; display:block; position:relative; width:100%; font-size:18px; line-height:16px; padding:17px 30px; border-radius:5px; background:#eaebff; border: 1px solid #434188; color:#434188 !important; font-weight: 700;}
.subm-old span{display:block; font-size:12px; line-height:15px; margin-top:5px;}
.subm-old a i{font-size:20px; transition:all 0.4s ease; display:block; width:20px; height:20px; position:absolute; right:30px; top:0; bottom:0; margin:auto;}
.subm-old a:hover{padding-left:31px;}
.subm-old a:hover i{right:23px;}

/* manuscript */
.right-manu-wrap.right-conbox{padding:0 !important;}
.right-manu li{margin:20px 0;}
.right-manu li a{display:block;border-radius:3px; width:100%; height:50px; line-height:50px; font-size:18px; padding-left:70px; border:1px solid #434188; color:#434188;}

.right-manu li:nth-child(1) a{background:url('/asset/images/ic-instruction.png')left 30px center no-repeat;}


/* right search */
.right-search-wrap{}
.right-sch-wrap{overflow:hidden; padding:20px; background:#f7f7fa;}
.right-sch-wrap input{width:calc(100% - 46px); border:1px solid #424242; height:40px; float:left;}
.right-sch-wrap button.btn-sch{background:#508ff3; width:40px; height:40px; font-size:23px; color:#fff; text-align:center; float:left; margin-left:5px; border-radius:4px; font-size:25px;}
.right-sch-wrap button.btn-sch i{display:block; height:40px; line-height:40px; padding:0;}

/* right about */
.about-top{font-size:17px; line-height:22px; font-weight:700; color:#434188;}
.about-btm{font-size:14px; line-height:20px; font-weight:300; color:#444; margin-top:20px;}

/* x */
/* right down */
.right-down-wrap{}
.right-down-wrap a{display:block; margin-top:10px; vertical-align:middle; width:100%; padding:12.5px 0 12.5px 30%; 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;}
.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;}

.right-down-wrap a span{display:block;}
.right-down-wrap a span.kr{font-size:16px; line-height:1.2; color:#434188;}
.right-down-wrap a span.en{font-size:12px; line-height:1.2; color:#bd91e6;}

/* right topic */
.right-topic-wrap ul li{position:relative; font-size:15px; 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-edit-wrap ul li{width:100%; height:auto; margin-top:5px; }
.right-edit-wrap ul li *{font-size:16px; line-height:1.2;}
.right-edit-wrap ul li strong{font-weight:500; color:#000; display:block; }
.right-edit-wrap ul li > a, .right-edit-wrap ul li > span{display:block; padding:16px 0 16px 70px;}

.right-edit-wrap ul li:nth-child(1){background:url('/asset/images/edit01.png') #ebf5fe no-repeat; background-position:left 20px center;}
.right-edit-wrap ul li:nth-child(1) a{text-decoration:underline; color:#0018ff;}
.right-edit-wrap ul li:nth-child(2){background:url('/asset/images/edit02.png') #ebf5fe no-repeat; background-position:left 20px center;}
.right-edit-wrap ul li:nth-child(3){background:url('/asset/images/edit03.png') #ebf5fe no-repeat; background-position:left 20px center;}
.right-edit-wrap ul li:nth-child(4){background:url('/asset/images/edit04.png') #508ff3 no-repeat; background-position:left 20px center;}
.right-edit-wrap ul li:nth-child(4) a{color:#fff;}

/* 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: 20px 15px;background-color: #434188;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;}


/* right qr-code */
.right-conbox .qrcode-box{overflow:hidden;padding:22px 14px; background:#d5d4f7; width:100%;margin-bottom:10px;}
.right-conbox .qrcode-box .jcm-code{float:left;color:#444;font-size:16px;}
.right-conbox .qrcode-box .jcm-code strong{display:block;font-size:24px;color:#000; line-height:24px;}
.right-conbox .qrcode-box .jcm-code .down{display:block;border-radius:20px;line-height:25px;margin-top:15px;color:#434188;}
.right-conbox .qrcode-box .img{float:right;}



/* article list 2020-12-01 경준 */
.article-wrap.n2 .article-list li{width:calc((100% - 21px)/2); margin-left:20px;}
.article-wrap.n2 .article-list li:first-child{margin-left:0;}
.article-wrap.n2 .article-list li:nth-child(2n + 1){margin-left:0;}

.article-wrap .article-list li{position:relative; float:left; margin-bottom:20px; padding:30px; border:1px solid #f6f6f6; background:#fff;}
.article-wrap .article-list li .type{color:#434188; font-size:14px; font-weight:700; line-height:20px; margin-bottom:15px;}

.tit-figure{overflow:hidden; margin-bottom:15px;}
.article-wrap .article-list li h3{float:left; width:100%; height:86px;
	}
.article-wrap .article-list li h3 a{display:block; color:#222; font-size:22px; line-height:28px; font-weight:700;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.article-wrap .article-list li h3 a:hover{color:#4f1b81; text-decoration:underline;}
.article-wrap .article-list li .fig-img{float:right; overflow:hidden; border:1px solid #e2e2e2; width:100px; height:100px;}
.article-wrap .article-list li .fig-img img{height:100%;}

.article-wrap .article-list li .name{font-size:14px; line-height:16px; color:#666; font-weight:500; height:50px; margin-bottom:12px;
	overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.article-wrap .article-list li .iso-num{color:#333; font-size:14px; line-height:20px; height:20px; width:100%;
	overflow: hidden; display: inline-block;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.link{color:#4288ba; line-height:20px; height:20px;}
.link:hover{text-decoration:underline;}


span.more_btn {display:inline-block;font-size:13px; font-weight:bold;  color:#4f1b81; padding:3px 10px;border:1px solid #4f1b81; border-radius:20px; max-width:120px;cursor:pointer;}
.bot_info {width:100%; margin-top:15px; overflow:hidden;}
.sub-left .show_bagic {font-size: 16px; line-height: 20px; transition:all 0.4s ease;height:0; overflow:hidden; color:#505050;display:block;transition:1s; text-align:justify; word-break:keep-all;}
.sub-left .show_bagic.active{  margin-top:15px;display: block; overflow: visible; height: auto;max-height: initial;}
.sub-left .show_bagic.active span{line-height:18px; height:91px; margin-bottom:10px;
	overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}


.journal-tool span{display: inline-block; vertical-align: top;}
.journal-tool span + span{margin-left: 6px;}
.journal-tool span > a{font-size: 12px; font-family: 'Roboto',sans-serif;color: #000;}
.journal-tool span > a img{margin-right: 3px;vertical-align: middle;}

.article-wrap{z-index: 1;}

.main-conbox .article-type{display:none !important;}
/*.main-conbox .slick-slider .slick-list{height:auto !important;}*/


/* .article-wrap .article-list li:after, .sub-left .article-list li:after {content:'';background: url('/asset/images/bg-list-hover.png') no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: 0.3s ease; background-size: cover;}
.article-wrap .article-list li:hover:after, .sub-left .article-list li:hover:after  { left: 10px; top:10px;} */


/* article
.article-box{padding: 25px 0;border-bottom: 1px solid #ccc;}
.article-box .top-info{width: 100%;margin-bottom: 5px;}
.article-box .top-info > span{display: inline-block;position: relative;padding-left: 10px;margin-left: 6px;font-size: 14px;color: #666;}
.article-box .top-info > span:first-child{padding-left: 0;margin-left: 0;color: #e75757;}
.article-box .top-info > span:before{display: block;content: '';clear: both;position: absolute;top: 3px;left: 0;width: 1px;height: 15px;background-color: #808080;}
.article-box .top-info > span:first-child:before{display: none;}
.article-box h3{float: left;width: calc(100% - 91px);height: 102px;margin-bottom: 20px;padding-right: 15px;font-size: 24px;line-height: 25px;}
.article-box h3 a{display: block;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.article-box h3 a:hover{color: #434188;text-decoration: underline;}
.article-box .figure-img{overflow: hidden;float: right;width: 90px;height: 90px;background: #fff;border: 1px solid #dddddd;text-align: center;}
.article-box .figure-img img{max-width: none;height: 100%;}
.article-box .write-name{width: 100%;height: 38px;margin-bottom: 15px;font-size: 18px;color: #666666;line-height: 18px;}
.article-box .iso-num{display: block;width: 100%;margin-bottom: 5px;font-size: 14px;color: #000;}
.article-box .link{width: 100%;margin-bottom: 20px;}
.article-box .link > a{display: block;width: 100%;font-size: 14px;color: #4990c7;word-break: break-all;}

.main-contents .article-list > li{float: left;width: calc((100% - 61px)/3);margin-left: 30px;}
.main-contents .article-list > li:nth-child(3n+1){margin-left: 0;}
*/


/* banner */
.banner-wrap.banner-top{background:#f6f6f6;}
.banner-wrap{width: 100%;padding: 20px 0;background: #cfcfcf;}
.banner-wrap .layer1300{position: relative;}
.banner-rolling a{display: block;margin: 0 8.5px; border:1px solid #ddd;}
.sponsor-banner a{display: block;margin: 0 8.5px; border:1px solid #ddd;}
.banner-wrap .btn-slick{display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banner-wrap .btn-slick-prev, .spon-btn-slick-prev{left: -35px;}
.banner-wrap .btn-slick-next, .spon-btn-slick-next{right: -35px;}


/* ==================
	* popup
================== */
.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: 3px;}
.article-modal .modal-header{padding: 50px 25px;border-radius: 15px 15px 0 0;background:url('/asset/images/bg-pop-header.png')right bottom no-repeat; }
.article-modal .modal-header img{height:61px;}
.article-modal .modal-body{padding: 30px;}
.article-modal .close{position: absolute;top:30px;right: 30px; opacity: 1;}
.article-modal .close i{font-size: 38px; color: #434188;font-weight: 700}
.article-modal h4{position:relative; margin-bottom: 15px;font-size: 18px;color: #222;font-weight: 600;line-height: 1.2em;}
.article-modal h5{margin-bottom: 15px;font-size: 18px;font-weight: 400;line-height: 1.2em;}
.article-modal .cite-box {padding: 20px;margin-bottom: 30px;border: 1px solid #e0e0f0;color: #555;font-size: 14px;line-height: 1.2em;word-break: break-word;}
.article-modal .cite-box > a{color: #2938cd !important;text-decoration: underline;}
.article-modal .cite-box b{font-weight: 400; color: #000;}
.article-modal .cst-table{margin-bottom: 30px;}
.article-modal .cst-table th, .article-modal .cst-table td{padding: 7px 10px;font-size: 14px;word-break: break-word;}
.article-modal .cst-table th{border-left: 0;}
.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;}
.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: #434188;border-radius: 3px;font-size: 14px;color: #fff;}

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

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

.article-modal .file-con{color: #555;font-size: 14px;line-height: 1.2em;}
.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;table-layout: fixed;}
.article-modal .file-con table th, .article-modal .file-con table td{font-size: 14px;word-break: break-word;}
.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 .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 0;font-size: 14px;line-height: 1.2em;text-align: center !important;}
.article-modal .modal-footer span{font-weight: 600 !important;}

#share-modal .modal-header img{width:auto;}
#share-modal .modal-dialog{width: 436px;max-width: 90%;}
#share-modal .modal-body{padding: 30px 25px;text-align: center;}
#share-modal h4{font-size: 20px;font-weight: 700;text-align: left;}
#share-modal ul{display: inline-block; width:100%}
#share-modal ul > li{float:left; width:25%;}
#share-modal ul > li > a{display: block; margin:5px;}
#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: 11px 30px;border-radius: 3px;border: 1px solid #434188;font-size: 14px;color: #434188;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
#share-modal .btn-close:hover{background-color: #434188;color: #fff;}

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

/*help popup */
#help-modal.article-modal .modal-dialog{width:700px;}
#help-modal .help-pop-wrap{background:#908cdc;}
#help-modal .help-list > li{position:relative; border-bottom:1px solid #b5d3ff; }
#help-modal .help-list > li > a{display:block; font-weight:700; color:#fff; font-size:22px; line-height:24px; padding:15px 35px; }
#help-modal .help-list > li > a > i{transition:all 0.4s ease; display:block; width:25px; height:25px; border-radius:50%; position:absolute; right:35px; top:13px; background:#fff;  color:#8cacdc; font-size:16px; line-height:24px; text-align:center; padding:0;}
#help-modal .help-list > li.on > a > i{transform:rotate(45deg);}

#help-modal .help-sub-list{display:none; background:#8692a3; padding:18px 40px; overflow-y:auto;}
#help-modal .help-sub-list ul.list-box{ border-left:5px solid #fff; padding:10px 0 10px 30px;}
#help-modal .help-sub-list ul.list-box li{transition:all 0.4s ease; position:relative; margin-bottom:15px;}
#help-modal .help-sub-list ul.list-box li:last-child{margin-bottom:0;}
#help-modal .help-sub-list ul.list-box li:hover a{background:#5a74b7; color:#fff;}
#help-modal .help-sub-list ul.list-box li:after{transition:all 0.4s ease; opacity:0;content:''; display:block; position:absolute; left:-40px; top:0; bottom:0; margin:auto; width:25px; height:10px; background:#508ff3;}
#help-modal .help-sub-list ul.list-box li:hover:after{opacity:1;}
#help-modal .help-sub-list ul.list-box li a{transition:all 0.4s ease; display:block; background:#e8f1ff; color:#19355f; font-size:20px; line-height:22px; padding:15px 0 15px 60px; border-radius:40px;}

#help-modal .help-sub-list > p{color:#fff;}
#help-modal .help-sub-list > p > a.more{color:#9aceef;}
#help-modal .help-sub-list a.btn.more{border-radius:20px; font-size:18px; padding:0; width:120px; height:35px; line-height:35px; background:#c2bfff; color:#434188; font-weight:700; box-shadow:6px 3px 8px #47457c;}
#help-modal .help-sub-list .cst-table td{font-size:16px; text-align:left; background:#ffffff;}
#help-modal .help-sub-list .cst-table td:first-child{ font-size:18px;background:#eff5ff; color:#000;}
#help-modal.article-modal h3{color:#fff;}

.left-con-box .help-pop-wrap{background:#908cdc;}
.left-con-box .help-list > li{position:relative; border-bottom:1px solid #b5d3ff; }
.left-con-box .help-list > li > a{display:block; font-weight:700; color:#fff; font-size:20px; line-height:24px; padding:14px 22px; }
.left-con-box .help-list > li > a > i{transition:all 0.4s ease; display:block; width:25px; height:25px; border-radius:50%; position:absolute; right:35px; top:14px; background:#fff;  color:#8cacdc; font-size:16px; line-height:25px; text-align:center; padding:0;}
.left-con-box .help-list > li.on > a > i{transform:rotate(45deg);}

.left-con-box .help-sub-list{display:none; background:#8692a3; padding:20px 40px; overflow-y:auto;}
.left-con-box .help-sub-list ul.list-box{ border-left:5px solid #fff; padding:12px 0 12px 30px;}
.left-con-box .help-sub-list ul.list-box li{transition:all 0.4s ease; position:relative; margin-bottom:10px;}
.left-con-box .help-sub-list ul.list-box li:last-child{margin-bottom:0;}
.left-con-box .help-sub-list ul.list-box li:hover a{background:#5a74b7; color:#fff;}
.left-con-box .help-sub-list ul.list-box li:after{transition:all 0.4s ease; opacity:0;content:''; display:block; position:absolute; left:-40px; top:0; bottom:0; margin:auto; width:25px; height:10px; background:#508ff3;}
.left-con-box .help-sub-list ul.list-box li:hover:after{opacity:1;}
.left-con-box .help-sub-list ul.list-box li a{transition:all 0.4s ease; display:block; background:#e8f1ff; color:#19355f; font-size:22px; line-height:22px; padding:10px 0 10px 40px; border-radius:40px;}

.left-con-box .help-sub-list h3{font-size:20px;margin-bottom:6px;}
.left-con-box .help-sub-list > p{color:#fff;font-size:18px;}
.left-con-box .help-sub-list > p > a.more{color:#9aceef;}
.left-con-box .help-sub-list a.btn.more.right{float:right;height:30px;font-size:17px;line-height:30px;margin-bottom:5px;}
.left-con-box .help-sub-list a.btn.more{border-radius:20px; font-size:18px; padding:0; width:120px; height:35px; line-height:35px; background:#c2bfff; color:#434188; font-weight:700; box-shadow:6px 3px 8px #47457c;}
.left-con-box .help-sub-list .cst-table td{font-size:16px; padding:8px 20px;text-align:left; background:#ffffff;}
.left-con-box .help-sub-list .cst-table td:first-child{ font-size:18px;background:#eff5ff; color:#000;}
.article-modal h3{color:#fff;}



/* 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; font-family: 'Gelasio', 'Noto Sans KR',sans-serif;}
#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-weight: 400; 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-content{border-radius: 0;}
.crossref-modal .modal-header{border-radius: 0;}
.crossref-modal .modal-body .decimal-list{margin-left: 15px;}
.crossref-modal .modal-body .decimal-list > li{list-style: decimal;font-size: 14px;line-height: 1.3em;}
.crossref-modal .modal-body .decimal-list > li + li{margin-top: 3px;}
.crossref-modal .modal-body .decimal-list > li > a{display: inline-block;margin-top: 3px;vertical-align: top;}
.crossref-modal .modal-body .decimal-list > li > a img{vertical-align: top;}
.crossref-modal .modal-footer{padding: 15px;background-color: #353739;}
.crossref-modal .modal-footer *{color: #fff !important;font-size: 14px;}


/* ==================
	* footer
================== */

#footer{width: 100%;background: #434188;}
#footer .layer1300{padding: 35px 0 40px;}
.footer-menu-wrap{width: 100% ;}
.footer-menu > li{float: left;width: 25%;}
.footer-menu > li > a{display: block;margin-bottom: 25px;font-size: 17px;color: #fff;line-height: 20px;}
.footer-menu > li > ul > li{margin-bottom:10px;}
.footer-menu > li > ul > li > a{font-size: 15px;line-height: 20px;color: #a5c4ff;}
.footer-menu > li > ul > li > a i{margin-left: 3px;font-size: 14px;vertical-align: middle;}
.footer-menu > li > ul > li > ul{margin: 5px 0;}
.footer-menu > li > ul > li > ul > li{position: relative;padding-left: 8px;}
.footer-menu > li > ul > li > ul > li:before{display: block;content: '';clear: both;position: absolute;top: 10px;left: 0;width: 3px;height: 1px;background: #7b83d3;}
.footer-menu > li > ul > li > ul > li > a{font-size: 14px;line-height: 22px;color: #7b83d3;}
.footer-menu > li div{margin-top: 30px;}
.footer-menu > li div > a{display: block;margin-bottom: 10px;font-size: 20px;color: #fff;line-height: 25px;}
#footer .copy{width: 100%;padding: 25.5px 0;background: #434188;color: #fff;font-size: 16px;line-height: 1.2em;text-align: center;}


/* ==================
	* common
================== */
button, button:hover, button:active, button:focus, button:visited{outline: none;}
#dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0,0,0,0.7);}
#gnb-dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;background: rgba(0,0,0,0.7);}
a:hover, a:active, a:focus, a:visited{color: #000;}
.cf:after{display: block;content: '';clear: both;}
.layer1300{max-width: 1300px;margin: 0 auto;}

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

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb5{margin-bottom: 5px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.ml20{margin-left:20px;}

.color-pink{color: #434188 !important;}
.color-blue{color: #0d5ea5;}
.color-orange{color: #f3951e !important;}

.bg-grey{background: #f6f6f9;}

.text-left {text-align: left !important;}

.full-right{float: right;}

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

/* table */
.cst-table{width: 100%;border-top: 2px solid #434188;table-layout: fixed;}
.cst-table th, .cst-table td{padding: 15px 20px;border-bottom: 1px solid #ddd;color: #555;font-size: 14px;text-align: center;font-weight: 400;vertical-align: middle;line-height: 1.2em;}
.cst-table thead th{background-color: #fafafa;color: #434188;}
.cst-table th{color: #222;font-weight: 500;}
.cst-table th.text-left{text-align: left;}
.cst-table td.text-left{text-align: left;}
.cst-table td.text-right{text-align: right;}
.cst-table td a{color: #222;}
.cst-table td a.link-color2{color:#0c00ff;}

/* tooltip */
/*
#tooltip_coverImage{display: none;position: absolute;z-index: 100;width: 500px;min-height: 300px;padding: 15px;background: #fff;color: #000;border-width: 1px;border-style: solid;border-color: #D4D0C8;border-radius: 5px;		-webkit-border-radius: 5px;-moz-border-radius: 5px;-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.1);box-shadow: 0 4px 10px rgba(0,0,0,0.1);text-align:center;}
#tooltip_coverImage > div{position: relative;width: 100%;height: 100%;}
#tooltip_coverImage > div img{width:100%;}

*/

/* ==================
	* media
================== */
@media (max-width: 1380px) {
	.header-wrap{margin-top:50px;}
	/* left menu */
	#left-menu{width:100% !important; height:50px;}
	#left-menu ul.left-list{text-align:right; height:100%; overflow:hidden;}
	#left-menu ul.left-list li{float:left; width:20%; height:100%;}
	#left-menu ul.left-list li{line-height:50px;}
	#left-menu ul.left-list li a img{height:25px; top:0 !important; left:0 !important; right:0 !important; }
	#left-menu ul.left-list li a span{opacity:0; padding:0;display:none;}

	#left-menu .left-top{display:none;}
	#left-menu ul.left-btm li:last-child{display:inline-block; background:#508ff3;}
	#left-menu .left-btm > li.m-hide{display:none;}
	#left-menu .left-btm > li.m-show{display:block;}

	#left-menu.on ul li a span{display:none;}

	#left-menu .pub-list{opacity:0; display:none;}
	#left-menu.on .pub-list{opacity:1; margin:20px 0; padding-left:20px; transition:all 0.4s ease;}
	#left-menu.on .pub-list li{width:50%; float:left; margin-bottom:5px;}

	/* top Down btn */
	.topDown-btn{ top:auto; right:15px; bottom:70px; width:30px; height:60px; opacity:0.9;}
	.topDown-btn a{line-height:30px; width:30px; height:30px; }
	.topDown-btn a i{font-size:14px;}


	#sch-dim{z-index: 10;}
	#sch-pop{position: absolute;left:0;z-index: 99;width:100%;max-width: 100%;background:#888888;transform:none}
	.sch-pop-wrap { width: 100%; padding: 20px 15px 25px;}
	.sch-pop-wrap form input.form-control{font-size: 16px;background:#fff;color:#888888;height:40px;padding:0 10px;}
	.sch-pop-wrap .tit{display:block;margin-bottom: 8px;font-size: 18px;color:#fff;}
	.sch-pop-wrap p{font-size:18px;}
	.sch-pop-wrap form .btn-sch{top:50px;right:15px;}
	.btn-schpop-close{top:8px;right:12px;width:30px;height:30px;font-size:30px;}
}
@media (min-width:1301px) and (max-width:1380px) {
	#sch-pop{top: 50px;}
}
@media (max-width: 1300px) {
	.header-wrap{height:100px;}
	.header-wrap h1{margin:15px 0;}
	.header-wrap h1 > a img{height:65px;}
	.h-right {margin-top:10px; margin-bottom:10px;}
	.h-right .impact-tit img{height:20px;}
	.h-right .impact-tit{font-size:16px; line-height:20px; margin-bottom:5px;}
	.h-right .impact-txt{font-size:14px; line-height:15px;}
	#gnb{height:auto;}
	#header.fixed #gnb{display:block;}
	.gnb-list > li > a{margin:15px 0;}
	.gnb-list > li > a > span{font-size:15px;}

	#sch-pop{top: 0;}
	.layer1300{padding-left: 15px;padding-right: 15px;}

	.journal-box .qr-code-wrap{display:none;}

	#container{margin-top:0px; padding-top:20px;}
	/*#tooltip_coverImage{width: calc((100% - 150px)/3);}*/
	#contents .modal-dialog{width: 90%;}
	#contents .modal-body{padding: 20px;}

	.tools-list > a > .tools-box{padding: 0 15px;}
	.tools-list > a img{height: 35px;}
	.tools-list > a .tools-box{height:35px; font-size:13px;}
	.tools-list > a span{width: calc(100% - 35px);padding-left: 10px;}

	.banner-wrap .btn-slick-prev, .spon-btn-slick-prev{left: 15px;}
	.banner-wrap .btn-slick-next, .spon-btn-slick-next{right: 15px;}

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

}

@media (min-width: 1025px) {
	#m-gnb{display:none !important;}
}

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

	.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:#333; font-size:35px;}
	.m-btn-menu i.xi-close{display:none;}

	#header{position:fixed; width:100%;}
	#header .header-wrap h1{width: 35%; margin-left: 80px;}
	#header h1 > a img, #header.fixed h1 > a img{height: 45px;}

	#header.fixed .qr-code{width: 50px;height: 50px;}
	#header.fixed .header-menu > li{width: 35px;height: 35px;}

	.header-right-wrap{margin: 5px 0;}
	.qr-wrap{padding: 20px 0;}
	.qr-code{width: 50px;height: 50px;margin-left: 15px;margin-right: 15px;}

	.qr-code > img{max-width: 100%;}
	.qr-code > a{overflow: hidden;width: 50px;height: 50px;font-size: 14px;}
	.qr-code > a i{font-size: 24px;}

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

	.header-menu > li{width: 35px;height: 35px;}
	.header-menu > li > a{display: block;width: 100%;height: 100%;background-size: 50%; background-position:center center !important;}
	.header-menu > li > a span{display: none;}


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

	#container{margin-top:145px;}
	.visual{padding:0;}
	.visual-wrap{margin: 0 auto 30px;}
	.visual-con .text-wrap{width: 45%;}
	.visual-con .img-wrap{width: 55%;}
	.visual-con .img-wrap a img{max-width: none;width: 100%;}

	.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: 0;}
	.main-conbox .title h3{font-size: 26px;}
	.main-conbox .title .btn-more{margin-top: 8px;}

	.main-right{float: none;width: 100%;padding-bottom: 100px;}
	.main-right .journal-wrap{position: relative;padding: 20px 30px;}
	.main-right .journal-wrap:after{display: block;content: '';clear: both;}
	.main-right .journal-wrap .journal-img{width: 30%;}

	.article-box h3{height: 90px;font-size: 22px;line-height: 22px;}
	.article-box h3 > a{font-size: 22px;}

	.visitors-wrap .title-wrap h3{font-size: 22px;}

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

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

	.sponsor-wrap{padding: 30px 0;}

	.footer-menu > li > a{font-size: 18px;}
	.footer-menu > li > ul > li > a{font-size: 14px;}
	#footer .copy{font-size: 14px;}


}

@media (max-width: 768px) {
	/*#tooltip_coverImage{display:none !important}*/
	.util_menu{display:none;}
	#header .header-wrap{background:#fff; height:75px;}
	#header.fixed .header-wrap{height: 75px; position:relative; }
	.btn-allmenu a{width: auto;padding: 2px 10px;font-size: 12px;}
	#header h1 > a img, #header.fixed h1 > a img{height:30px; position:absolute; top:0; bottom:0; left:70px; margin:auto;}
	.btn-menu a{width:70px; font-size:13px;}
	.header-right-wrap{margin: 22px 0;}
	.header-menu > li{width: 30px;height: 30px;margin-left: 5px;}
	.header-menu > li:nth-child(1){display:none;}
	#header.fixed .header-menu > li{width:30px; height:30px;}
	.journal-tool span.la-tag-pdf{display:none;}
	.right-conbox{margin-top:20px;}
	#left-menu ul.left-list{text-align:center;}
	#left-menu ul.left-list li{float:left;}
	.journal-box .qr-code > img{display:none;}

	#container{margin-top:125px;}
	.sch-pop-wrap form select{height: 40px;margin-right: 0;font-size: 14px;}
	.sch-pop-wrap form input.form-control{}
	.sch-pop-wrap form .btn-sch{top: auto;bottom: 25px;height: 40px;font-size: 24px;}
	.sch-pop-wrap form .btn-sch i{padding: 8px 0;}
	.sch-pop-wrap p{font-size: 14px;}

	/* visual-wrap */
	.visual img {max-width: 300px;}
	.visual .slick-list {min-height:260px;}
	.main-conbox.w70p .w35p:first-child {text-align:center;width:100%; margin:0 auto;}
	.main-conbox.w70p .w35p { width:100%;}
	.visual-con .w35p {clear:both;float:none;width:100%;text-align:center;margin-left:0;}
	.visual-con .w100p > a > img {height:auto !important; padding:10px 10px 40px 10px; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	.impact-wrap .conbox_tit {font-size:16px; line-height:19px; height:38px; letter-spacing:-0.5px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#fff;}
	.impact-wrap .conbox_inner {font-size:13px; line-height:28px; height:28px; margin-top:5px;color:#fff;display: inline-block;max-width: 100%;white-space: nowrap;}
	.impact-wrap .conbox_tit a, .impact-wrap .conbox_inner a{color:#fff;}

	.visual-con .slick-slide img {width: auto; max-width: auto; margin:0 auto;}
	.visual-wrap .slick-initialized .slick-slide{position:relative; padding:0;}
	.visual-con .impact-wrap{position:absolute;bottom:0;height: auto;padding: 15px 15px 30px 15px;float:none;width:100%;margin-left:0;background:rgba(0,0,0,0.6)}

	.about-wrap .img{float:none; width:100%; text-align:center; margin-bottom:15px;}
	.about-wrap .text{padding:0; width:100%; }
	.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{padding: 20px 15px;}
	.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;}


	.submit-banner{height: 200px;margin-top:0;background-size: cover;}
	.submit-banner h3{font-size: 20px;}
	.submit-banner p{margin-bottom: 20px;font-size: 16px;}
	.submit-banner .btn-submit{padding: 7px 20px;font-size: 14px;}

	span.more_btn{display:none;}

	/* main tab */
	.tab-wrap{margin-bottom:20px;}
	.tab-menu{float:none; width:100%;}
	.tab-menu li{ width:50%; height:55px; margin:0; }
	.tab-menu li:first-child{border-left:1px solid #f6f6f6;}
	.tab-menu li:last-child{width:100%;}
	.tab-menu li a{display:block; border-radius:0; height:100%; display:table-cell; vertical-align:middle; text-align:center;}
	.tab-menu li span{display:block; font-size:14px; line-height:16px;}

	/* 목적 및 범위 */
	.main-con-wrap{margin-top:50px;}
	.left-tit{font-size:23px; 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:20px;}

	/* 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{height: 25px;}
	.tools-list > a .tools-box > span{height:25px; font-size:12px;}
	.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;}
	.tools-list > a span{width: calc(100% - 30px);font-size: 14px;}

	.view-more{margin-top:30px;}
	.view-more a.btn{font-size:16px; width:120px; height:30px; line-height:28px;}

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

	.article-wrap .article-list li{padding:15px;}
	.article-wrap .article-list li .type{font-size:13px; line-height:20px; margin-bottom:10px;}

	.tit-figure{margin-bottom:10px;}
	.article-wrap .article-list li h3{float:left; width:100%; height:89px;}
	.article-wrap .article-list li h3 a{display:block; color:#222; font-size:18px; line-height:22px; font-weight:700; }
	.article-wrap .article-list li .fig-img{width:90px; height:90px;}

	.article-wrap .article-list li .name{font-size:13px; margin-bottom:10px;}
	.article-wrap .article-list li .iso-num{font-size:13px;}
	.link{font-size:13px;}

	.bot_info{margin-top:10px;}
	.journal-tool{width:100%; text-align:right;}
	.journal-tool span{margin-top:10px;}
	.journal-tool span > a{font-size: 13px;}


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

	.sponsor-wrap{padding: 20px 0;}

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

	.banner-wrap{padding: 15px 0;}
	.sponsor-banner .slick-dots > li > button{width: 10px;height: 10px;}

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

	#footer .layer1300{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 {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 img{height: 40px;}
	.article-modal .close{font-size: 35px;}
	.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: 14px;}
	.article-modal .cite-btn button{padding: 6px 20px;}
	.article-modal .form-control{height: 30px;}
	.article-modal .form-control.w50p{width: 45%;}
	.article-modal .cst-table th, .article-modal .cst-table td{font-size: 14px;line-height: 1em;}

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

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


	/* list 모바일 슬라이드 */
	.main-conbox .article-list img{display:inline-block !important;}
	.main-conbox .article-list .slick-slide{background:#fff;}
	.main-conbox .article-list .slick-prev{left:0;}
	.main-conbox .article-list .slick-next{right:0;}
	.slick-prev, .slick-next{font-size:0;}
	.main-conbox .article-list .slick-prev, .main-conbox .article-list .slick-next{opacity:0.4; background:#434188; border:none; font-size: 0; line-height: 0; z-index:9; border-radius:50%; position: absolute; top: 50%;display: block; width: 20px;  height: 20px; padding: 0;  -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);transform: translate(0, -50%); }
	.main-conbox .article-list .slick-prev:hover, .main-conbox .article-list .slick-next:hover{opacity:1;}
	.main-conbox .article-list .slick-prev:before{content:'<';}
	.main-conbox .article-list .slick-next:before{content:'>';}
	.main-conbox .article-list .slick-prev:before, .main-conbox .article-list .slick-next:before{font-size:13px; line-height:8px; display:block; color:#fff;}
}

@media (max-width: 420px) {
	.header-wrap.layer1300{padding-right: 5px;}

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

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

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


 #tooltip_coverImage {
        display: none;
        position: absolute;
        padding: 5px;
		/*width: 130px;*/
		text-align:center;
        background: #fff;
        color: #000;
		border-width: 1px; border-style: solid; border-color: #D4D0C8;
        border-radius: 5px;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
		z-index: 9999;
}
.book_btn{font-size:17px;padding:5px; border-radius: 5px;border-width: 1px; border-style: solid; border-color: #D4D0C8;vertical-align:middle;}
.book_btn_sm{font-size:17px;font-weight:bold;background-color:#c9243f;color:#fff;padding:0 8px 0 8px;border-radius: 1px;border-width: 1px; border-style: solid; border-color: #fff;vertical-align:middle;}
.input_disabled {height:20px;border: 1px solid #7F9DB9;vertical-align:middle;}