/* =====================
	* header
====================== */
.header-wrap{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;}
#header{width: 100%;background-repeat: no-repeat;background-position: 0 0;background-image: url('/asset/images/bg-header.png');}
#header h1{display: inline-block;margin: 16.5px 0;}
#header h1 > a{display: block;vertical-align: top;}
#header h1 > a img{vertical-align: top;height:78px;}
#header .m-menu{display: none;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 6px 15px;border: 1px solid #0c4da2;font-family: 'Roboto', sans-serif;font-size: 12px;font-weight: 700;color: #0c4da2;letter-spacing: 1px;vertical-align: top;}
#header .m-menu i{margin-right: 5px;color: #0c4da2;font-size: 16px;font-weight: 700;vertical-align: middle;}
.btn-m-close{display: block;}
.header-right-wrap{display: inline-block;float: right;margin: 13px 0 0;vertical-align: top;}
.header-right-conbox{display: inline-block;margin-left: 45px;vertical-align: top; text-align:right;}
.header-right-conbox:first-child{margin-left: 0;text-align: right;}
.header-right-conbox:first-child > img{display: inline-block;vertical-align: top;}
.header-right-conbox .issn{display: block;margin-top: 5px;font-size: 15px;line-height: 1.3em;color: #222;}
.header-right-conbox .qr-code{display: block;width: 80px;height: 80px;}
.header-right-conbox .qr-code > a{display: block;po ition: relative;width: 100%;height: 100%;}
.header-right-conbox .qr-code > a span{opacity: 0;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.8);text-align: center;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.header-right-conbox .qr-code > a span > i{padding: 25px 0;color: #fff;font-size: 30px;}
.header-right-conbox .qr-code > a:hover span{opacity: 1;}
#nav{width: 100%;height: 46px;background-color: #1a2c44;}
.m-nav-top{display: none;}
#gnb{height:100%;}
#gnb > li{float: left;position: relative;width: 16.66%;height: 100%;text-align: center;} 
#gnb > li > a{display: block; font-weight:700; width: 100%;padding:14px 0;font-size: 18px;color: #fff;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
#gnb > li > span{display: block; width: 100%;padding: 21px 0;-webkit-transition: 0.2s ease;transition: 0.2s ease;font-weight:700;font-size: 18px;color: #fff;}
#gnb > li > span > a{display:inline-block;font-weight:700;font-size: 18px;color: #fff;}
#gnb > li.line2 > a{padding: 12px 0;}
#gnb > li:hover a, #gnb > li.on a{background-color: #46b3b7;}
#gnb > li .sub-gnb{position: absolute;top: 46px;left: 0;display: none;width: 100%;padding: 15px 0;background-color: #46b3b7;}
#gnb > li .sub-gnb > li{text-align: center;}
#gnb > li .sub-gnb > li > a{display: block;padding: 5px 0;font-size: 16px;color: #fff;line-height: 1.2em;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
#gnb > li .sub-gnb > li > a:hover{text-decoration: underline;}
#gnb > li:hover span{background-color: #46b3b7;}
#gnb > li:hover span a{background:none;}


/* 로그인 css */
.wrap_form{width:630px; height:230px; margin:0 auto; background:url('/asset/images/bg_login_new.gif') no-repeat left top; overflow:hidden;}
.wrap_login{width:427px; height:192px; padding:38px 0 0 203px; overflow:hidden;}
.wrap_login dl{overflow:hidden; width:258px; overflow:hidden; float:left; height:100px;}
.wrap_login dt{float:left; width:83px; height:38px; overflow:hidden;}
.wrap_login dd{float:left; width:175px; height:38px;}
.wrap_login dd input{width:141px; height:20px; border:1px solid #999; background:#fbfdf2; float:left;}
.wrap_login .btn{float:left;}
.wrap_login .comment{margin-bottom:34px;}
.findpw{padding-left:164px; margin-bottom:45px;}
.findpw p.comment{margin-bottom:6px;}
.findpw p.input{padding-left:7px; overflow:hidden;}
.findpw p.input input{float:left; margin-right:5px;}
.wrap_join{padding-left:36px; overflow:hidden;}
.wrap_join .left{float:left; margin-right:20px;}
.wrap_join .right{float:left;}



/* =====================
	* container
====================== */
#container{margin-top: 165px;padding-top: 15px;}

/* main left */
.main-left{float: left;width: 925px;padding-right: 15px;margin-right: 15px;border-right: 1px solid #dddddd;}

/* visual */
.visual{overflow: hidden;position: relative;height: 380px;margin-bottom: 25px;border: 2px solid #deebf4;}
.visual .visual-conbox{background-color: #f2f8fc;}
.visual .visual-contents{width: 100%;height: 380px;padding: 30px;}
.visual .visual-contents .img-wrap{overflow: hidden;display: block;float: left;position: relative;width: 320px;height: 290px;background-color: #fff;border: 1px solid #dddddd;text-align: center;}
.visual .visual-contents .img-wrap img{display: inline-block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);left: 0;transform: translateY(-50%);max-width: 100%;}
.visual .visual-contents .text-wrap{display: block;float: left;width:calc(100% - 341px); margin-left:20px;}
.visual .visual-contents .text-wrap.no-figure{width:100%;margin-left:0;}
.visual .visual-contents .text-wrap h3{overflow: hidden;height: 71px;margin-bottom: 20px;font-size: 25px;line-height: 35px; font-weight: 700; text-decoration: underline;}
.visual .visual-contents .text-wrap h3 > a{display: block;width: 100%; height:100%;font-size: 25px;line-height: 35px; font-weight: 700;}
.visual .visual-contents .text-wrap .abstract-con{overflow: hidden;height: 70px; font-size: 18px;line-height: 23px;color: #555555;} 
.visual .slick-dots{position: absolute;right: 30px;bottom: 30px;text-align: right;}
.visual .slick-dots li{display: inline-block;margin-left: 8px;vertical-align: top;}
.visual .slick-dots li:first-child{margin-left: 0;}
.visual .slick-dots li > button{overflow: hidden;display: block;width: 14px;height: 14px;background-color: #aaaaaa;border: 0;text-indent: -9999em;}
.visual .slick-dots li.slick-active > button{background-color: #0c4da2;}

.main-title:after{display: block;content: '';clear: both;}
.main-title h3{display: inline-block;margin: 7px 0;font-size: 25px;font-weight: 700;color: #000;vertical-align: middle;}
.main-title-right{display: inline-block;float: right;vertical-align: middle;}
.sel-cate-wrap{display: inline-block;}
.main-title .sel-cate-wrap{display: inline-block;position: relative;vertical-align: top;}
.main-title .sel-cate-wrap > a{display: block;width: 271px;height: 40px;padding: 10px 15px 14px;background-color: #fff;border: 1px solid #dbe7ef;border-radius: 50px;font-size: 16px;font-weight: 700;color: #0c4da2;}
.main-title .sel-cate-wrap > a i{float: right;color: #0c4da2;}
.main-title .sel-cate-wrap > a i.xi-caret-up-min{display: none;}
.main-title .sel-cate-wrap > a.on i.xi-caret-up-min{display: block;}
.main-title .sel-cate-wrap > a.on i.xi-caret-down-min{display: none;}
.main-title .sel-cate-list{display: none;position: absolute;top: 45px;left: 0;z-index: 1;width: 271px;}
.main-title .sel-cate-list li{border: 1px solid #cccccc;border-top: 0;}
.main-title .sel-cate-list li:first-child{border-top: 1px solid #ccc;}
.main-title .sel-cate-list li:hover > a{background-color: #0c4da2;color: #fff;}
.main-title .sel-cate-list li > a{display: block;padding: 12px 15px;background: #f2f8fc;font-size: 15px;color: #000;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.main-title .btn-more{display: inline-block;float: right;width: 26px;height: 26px;margin: 8px 0 8px 12px;background-color: #0c4da2;border: 1px solid #366faa;text-align: center;vertical-align: top;}
.main-title .btn-more i{padding: 2px 0;color: #fff;font-size: 20px;}

/* Most Read */
.main-conbox .article-list-wrap{width: calc(100% + 17px);margin-left: -17px;}
.main-conbox .article-list{margin-top: 20px;border-top:1px solid #dddddd;}
.main-conbox .article-list > li{width:100%;border-left: 1px solid #dddddd;}
.main-conbox .article-list > li .article-box{-webkit-transition: 0.2s ease;transition: 0.2s ease;}
/*.main-conbox .article-list > li:hover .article-box{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);box-shadow: 0 0 20px rgba(0,0,0,0.2);}*/
.main-btn-wrap{float: left;width: 100%;}
.main-btn-wrap .main-left{border-right: 1px solid #fff;}
.main-left .btn-wrap{margin: 30px auto 60px;}
.main-conbox + .btn-wrap{margin: 30px auto 5px;}
.btn-wrap .main-btn-more{display: inline-block;border: 2px solid #0c4da2;border-radius: 50px;background-color: transparent;padding: 7px 15px;font-size: 16px;color: #0c4da2;}
.btn-wrap .main-btn-more i{vertical-align: top;}

/*221025 메인수정*/
.main-conbox.most-read .article-list-wrap{width: 100%;margin-left: 0;}
.main-conbox.most-read .article-list > li{border-left:0;}
.main-conbox.most-read .article-box .figure-img{float:right;overflow: hidden;max-width:200px;max-height: 120px;margin-left:20px;border: 1px solid #dddddd;text-align: center;display: inline-block;table-layout:fixed;}
.main-conbox.most-read .article-box .figure-img img{height:auto;}
.main-conbox.most-read .article-box .figure-img.figure-none{display:none;}
.main-conbox.most-read .article-box .tools{overflow:hidden;width:100%;}
.main-conbox.most-read .article-box .tools .btn-abstract{float:left;margin-top:5px;}
.main-conbox.most-read .article-box .tools .la-tag{float:right;}

/* Most Viewed Videos */
.bg-skyblue{width: 100%;padding: 35px 0;background-color: #eaf1f9;}
.bg-skyblue .main-conbox .article-list{border-top:0;}
.bg-skyblue .main-conbox .article-list > li{float: left;width: calc((100% - 35px)/3);margin-left: 17px;padding-left: 17px;}
.bg-skyblue .main-conbox .article-list > li .article-box{border: 0;}
.bg-skyblue .main-conbox .article-list > li:nth-child(2n+1){border-left: 1px solid #ddd;}
.bg-skyblue .main-conbox .article-list > li:nth-child(-n+2) .article-box{margin-top: 20px;}
.bg-skyblue .main-conbox .article-list > li:nth-child(-n+3) .article-box{margin-top: 0;}
.bg-skyblue .main-conbox .article-list > li:nth-child(3n+1){border-left: 0;margin-left: 0;}
.bg-skyblue .main-conbox .article-list .show-basic {display:none;}
.bg-skyblue .main-conbox .article-list .btn-abstract{display:none;}

/* main right */
.main-right{float: right;width: calc(100% - 940px);} 
.right-conbox{margin-bottom: 30px;}
.right-title > h3{margin-bottom: 15px;font-size: 20px;font-weight: 700;}	

.submission-box{overflow: hidden;width: 100%;background-repeat: no-repeat;background-position: 0 0;background-image: url('/asset/images/bg-submission.png');border-radius: 3px;}
.submission-box > a{display: block;width: 100%;padding: 17px 20px;font-size: 25px;font-weight: 700;color: #fff;}
.submission-box > a img{float: right;margin: 5px 0;}

.journal-wrap{position:relative;width: 100%;}
.journal-wrap .journal-img{display: inline-block;width: 135px;vertical-align: top;}
.journal-wrap .journal-img > a{display: block;position: relative;width: 100%;}
.journal-wrap .journal-img > a:hover .journal-hover-text{opacity: 1;}
.journal-wrap .journal-img img{border: 1px solid #dddddd;}
.journal-wrap .journal-text{display: inline-block;width: calc(100% - 146px);padding-left: 15px;vertical-align: top;}
.journal-wrap .journal-text .journal-tit{display: block;margin-bottom: 10px;font-size: 20px;font-weight: 700;color: #0c4da2;}
.journal-wrap .journal-text .journal-info{display: block;margin-bottom: 10px;font-size: 18px;line-height: 22px;;}
.journal-wrap .btn-journal{display: inline-block;width: 148px;padding: 8px 15px;margin-top: 5px;background-color: #fff;border: 1px solid #a5cce5;border-radius: 50px;color: #3a87b8;}
.journal-wrap .btn-journal i{float: right;color: #53a4d8;}
.journal-hover-text{opacity: 0;display: table;position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.journal-hover-text > span{display: table-cell;background: rgba(0,0,0,0.5);text-align: center;vertical-align: middle;color: #fff;}
.journal-hover-text > span i{display: block;margin-bottom: 20px;margin-bottom: ;font-size: 50px;}
.journal-hover-text > span > span{font-size: 16px;font-weight: 600;}

.cover-img {position:relative;overflow: hidden;}
.cover-img ~ .cover-img-big {position:absolute; top:-90px; left:-400px; opacity:0; z-index:-1;  transition:all 0.3s;}
.cover-img ~ .cover-img-big img {max-width:600px; max-height:800px; border:1px solid #ddd;background:#fff;  border-radius:5px; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,0.15);}
.cover-img:hover ~ .cover-img-big{opacity:1; z-index:9;}
.cover-img ~ .cover-img-big:hover {opacity:1; z-index:9;}

/* search */
.search-right-conbox{width: 100%;padding: 20px 20px 30px;background-color: #f9f9f9;border-radius: 3px;border: 2px solid #eeeeee;}
.search-wrap input{display: inline-block;width: calc(100% - 45px);height: 40px;padding: 0 10px;border: 3px solid #ccc;vertical-align: top;}
.search-wrap #btn-search{display: inline-block;width: 40px;height: 40px;background-color: #0c4da2;border-radius: 3px;text-align: center;vertical-align: top;}
.search-wrap #btn-search i{color: #fff;font-size: 24px;}

.impact-mark{display: inline-block;width: 130px;vertical-align: top;}
.impact-text{display: inline-block;width: calc(100% - 135px);padding-left: 15px;vertical-align: top;}
.impact-text span.active{background-color: #f7f3ff;border: 1px solid #e1d6f4;}
.impact-text span.active strong{color: #d31126;font-weight: 800;}
.impact-text span{display: block;max-width: 200px;padding: 10px;font-size: 16px;line-height: 1.2em;}
.impact-text span strong{display: block;margin-top: 5px;font-size: 24px;font-weight: 700;}

.right-tweet-box{padding: 0;border: 1px solid #dddddd;}
.right-tweet-box .right-title{padding: 15px;border-bottom: 1px solid #e2e8eb;}
.right-tweet-box .right-title h3{margin-bottom: 0;}
.right-tweet-box .right-title .tweet-info{font-size: 13px;color: #657786;}
.right-tweet-box .right-title .tweet-info .color-blue{color: #2b7bb9;}
.right-tweet-box .right-title .tweet-info i{float: right;margin: 5px 0;font-size: 18px;color: #a5b2bb;}
.tweet-con-wrap{overflow-y: auto;height: 600px;}
.tweet-conbox{padding: 15px 10px;border-top: 1px solid #e2e8eb;background-repeat: no-repeat;background-position: bottom center;background-image: url('/asset/images/bg-tweet-conbox.png');background-size: cover;}
.tweet-conbox:first-child{border-top: 0;}
.tweet-conbox:hover{background-color: #f2f6f8;background-image: none;}
.tweet-conbox:hover .tweet-contents .tweet-mark{color: #55aced;}
.tweet-conbox .tweet-img{display: inline-block;width: 32px;vertical-align: top;}
.tweet-conbox .tweet-contents{display: inline-block;width: calc(100% - 37px);padding-left: 10px;padding-top: 5px;vertical-align: top;}
.tweet-conbox .tweet-contents > a{position: relative;display: block;}
.tweet-conbox .tweet-contents .tweet-mark{display: inline-block;position: absolute;top: 0;right: 0;width: auto;font-size: 20px;color: #dee5e9;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.tweet-conbox .tweet-contents .user-name{display: block;margin-bottom: 5px;font-size: 14px;font-weight: 700;color: #000;}
.tweet-conbox .tweet-contents .user-id{display: block;margin-bottom: 5px;font-size: 13px;font-weight: 400;color: #657785;}
.tweet-conbox .tweet-contents .con{height: 50px;font-size: 15px;line-height: 16px;font-weight: 400;color: #333333;}
.tweet-conbox .tweet-contents .img-con{display: block;margin-top: 20px;}
.tweet-conbox .tweet-contents .conb{margin-top: 15px;}
.tweet-conbox .tweet-contents .conb .btn-like{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: 0 0;background-image: url('/asset/images/ic-like.png');background-size: 100% ;vertical-align: middle;}
.tweet-conbox .tweet-contents .conb .btn-like:hover{background-image: url('/asset/images/ic-like-on.png');}
.tweet-conbox .tweet-contents .conb .btn-share{display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: 0 0;background-image: url('/asset/images/ic-share.png');background-size: 100% ;vertical-align: middle;}
.tweet-conbox .tweet-contents .conb .btn-share:hover{background-image: url('/asset/images/ic-share-on.png');}
.tweet-conbox .tweet-contents .conb .btn-like + .btn-share{margin-left: 25px;}
.tweet-conbox .tweet-contents .conb .date{display: inline-block;margin: 3px 0 0;font-size: 13px;color: #647685;vertical-align: middle;}
.tweet-conb{padding: 12px 15px;border-top: 1px solid #e2e8eb;}
.tweet-conb a{font-size: 13px;color: #2b7bc0;}

.twitter-right-conbox .border-box{padding:20px;}
.twitter-right-conbox .border-box a{display:block;width:100%;text-align:center;}


.banner-wrap{padding: 30px 25px;background-color: #edf3f8;}
.banner-wrap > a{display: block;width: 100%;margin-top: 10px;}
.banner-wrap > a:first-child{margin-top: 0;}

/* Metrics */
.dialog{display: none;}
.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;}

/* article */
.article-box{padding: 18px 0;background-color: #fff;border-bottom:1px solid #ddd;}
.article-conBox{position: relative;}
.article-contop{margin-bottom: 10px;font-size: 14px;}
.article-contop span{display: inline-block;}
.article-contop .date{display:inline-block;margin-left:5px;}


.article-contop .type{color: #ff7e00;font-weight: 600;}
.article-contop .cate{display:block;color: #2c3f8d;font-weight: 600;margin-top:12px;}
.pub-date{display:block; color: #555555;font-weight: 400; margin-bottom:10px;}
.keywords{margin-top:10px;}
.article-box .figure-img{overflow: hidden;position: relative;width: 100%;height: 210px;margin-bottom: 10px;border: 1px solid #dddddd;text-align: center;}
.article-box .figure-img img{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;max-width: 100%;width: 100%;}
.article-box .figure-img iframe{width: 100%;height: 100%;}
.article-box .figure-img ~ .figure-img-big {position:absolute; top:80px; right:50px; opacity:0; z-index:-1;  transition:all 0.3s;}
.article-box .figure-img ~ .figure-img-big img {max-width:120%; max-height:300px; border:1px solid #ddd;background:#fff;  border-radius:5px; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,0.15);}
.article-box .figure-img:hover ~ .figure-img-big{opacity:1; z-index:9;}
.article-box .figure-img ~ .figure-img-big:hover {opacity:1; z-index:9;}
.article-contents h4{overflow: hidden;margin-bottom: 12px;font-size: 20px;font-weight: 700;line-height: 26px;color: #000000;}
.article-contents h4 > a{display: block;font-size: 20px;font-weight: 700;line-height: 24px;color: #000000;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.article-contents h4 > a:hover{color: #0c4da2;text-decoration: underline;}
.article-contents .wr-info, .wr-info{overflow: hidden;margin-bottom: 15px;font-size: 15px;line-height: 22px;color: #000000;}
.article-contents .doi-link{overflow: hidden;height: 24px;margin-bottom: 15px;line-height: 22px;}
.article-contents .doi-link > a{font-size: 15px;color: #234c6f;word-break: break-all;}
.article-contents .doi-link > a:hover{text-decoration: underline;}
.article-box .show-basic{display:none;margin-top:10px;font-size: 16px;line-height: 24px;color: #000;text-align:justify;}
.article-contents .cited{margin-top: 10px;text-align: right;font-size: 16px;color: #ff7e00;}
.article-box .btn-abstract{display: inline-block;padding: 5px 10px;border: 1px solid #0c4da2;border-radius: 50px;background-color: #f2f8fc;color: #0c4da2;font-family: 'Roboto', sans-serif;font-size: 13px;font-weight: 500;}
.tools .la-tag{display: block;margin-top: 15px;}
.tools .la-tag span{display: inline-block;margin-left: 10px;}
.tools .la-tag span:first-child{margin-left: 0;}
.tools .la-tag a{font-family: 'Roboto', sans-serif;font-size: 13px;}
.tools .la-tag a img{margin-right: 5px;vertical-align: middle;}
.tools .la-tag-youtube a img{margin-right: 0;}

.article-box-movie {padding: 25px 15px;background-color: #fff;border: 2px solid #eee;}
.article-box-movie .article-conBox .figure-img-big{display:none;}
.article-box-movie .show-basic ,.sub-left .article-list .article-box-movie .btn-abstract{display:none;}
.article-box-movie .article-list h4{text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.article-box-movie .figure-img {overflow: hidden; position: relative; width: 100%; height: 210px; margin-bottom: 10px; border: 1px solid #dddddd; text-align: center;}
.article-box-movie .figure-img iframe {width: 100%; height: 100%;}
.article-box-movie h4 {overflow: hidden;height: 76px; margin-bottom: 10px; line-height: 26px; color: #000000; text-overflow: ellipsis; display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.article-box-movie .wr-info{ overflow: hidden; height: 45px; margin-bottom: 10px; font-size: 16px; line-height: 22px; color: #000000; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.article-box-movie .pub-date {margin-bottom:40px;}
.article-box-movie .date{display:none;}

/* edit */
.border-box{border: 1px solid #eeeeee;}
.edit-office .border-box{padding:12px 20px; overflow:hidden; margin-bottom:10px;}
.edit-office .border-box img{float:left; margin-right:15px;}
.edit-office .border-box .text-wrap{float:left; line-height:50px; font-size:15px; color:#888;}
.edit-office .border-box .text-wrap .tit{color:#000; font-weight:bold; margin-right:10px;}
.edit-office .border-box .text-wrap a{color:#888;}


/* =====================
	* footer
====================== */
#footer{width: 100%;background-color: #fff;border-top: 3px solid #7da7d9;}
.footer-wrap{padding: 35px 0 55px;}
.footer-left-con{float: left;width: 285px;}
.footer-logo{display: block;margin-bottom: 25px;}
.addr{font-size: 15px;line-height: 20px;color: #666666;}
.footer-info{margin-top: 5px;}
.footer-info > li{font-size: 15px;line-height: 20px;color: #666666;}
.footer-info > li strong{font-weight: 700;}
.footer-info > li a{display: inline-block;color: #666;}
.footer-menu-wrap{width:100%;}
.footer-menu{text-align:center; font-size:0;}
.footer-menu > li{text-align:left; display: inline-block; vertical-align: top; width:calc((75% - 190px)/4);}
.footer-menu > li:nth-child(1){width:25%;}
.footer-menu > li:last-child{width:152px;}
.footer-menu > li strong{display: block;}
.footer-menu > li strong > a{display: block;margin-bottom: 10px;font-size: 18px;font-weight: 700;color: #0c4da2;}
.footer-menu > li .sub-footer-menu > li > a{display: block;font-size: 16px;line-height: 30px;color: #888888;}
.footer-menu > li.summary strong a{display:inline-block;}
#footer .copy{width: 100%;padding: 30px 0;background-color: #1a2c44;color: #fff;font-size: 15px;line-height: 1.2em;text-align: center;}


/* =====================
	* common
====================== */
*{box-sizing: border-box;}
img{max-width: 100%;}

.full-right{float: right;}

#nav-dim{display: none;position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.layer1300{max-width: 1300px;margin: 0 auto;}

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

.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.mb30{margin-bottom: 30px;}

/* paging */
.paging{margin-top: 50px;text-align:center;}
.paging li{display:inline-block; margin:3px 0;}
.paging li a, .paging li strong{display:block; width:30px; height:30px; line-height:28px; border:1px solid #0c4da2; text-align:center;}
.paging li strong, .paging li a:hover{background:#0c4da2; border:1px solid #0c4da2; color:#fff;}


/* =====================
	* media
====================== */
@media (max-width: 1300px){
	#gnb{padding-right: 0;padding-left: 0;}

	.main-left{width: 70%;}
	.visual .visual-contents{padding: 20px;}
	.visual .visual-contents .img-wrap{width: 280px;}

	.main-btn-wrap{width: calc(100% + 16px);padding-right: 0;margin-right: 0;border-right: 1px solid #fff;}
	.main-btn-wrap .main-left{width: 100%;padding-right: 0;margin-right: 0;}

	.main-right{width: calc(30% - 15px);}

	.footer-logo{margin-bottom: 20px;}
	.footer-logo img{width: 80%;}
	.addr{font-size: 14px;}
	.footer-info > li{font-size: 14px;}
	.footer-left-con{width: 220px;}
	.footer-menu > li strong > a{font-size: 16px;}
	.footer-menu > li .sub-footer-menu > li > a{font-size: 14px;line-height: 25px;}
	#footer .copy{padding: 25px 0;font-size: 14px;}

	
	.layer1300{padding-left: 15px;padding-right: 15px;}
}

@media (max-width: 1024px){
	body{overflow-x: hidden;}
	#header{border-bottom: 1px solid #ddd;}
	#header .layer1300{position: relative;height: 100px;}
	#header .m-menu{display: block;}
	#header h1{margin: 10px 0 10px 100px;}
	#header h1 > a img{width: 200px;}
	.header-right-wrap{margin: 10px 0;}
	.header-right-conbox{margin-left: 15px;}
	.header-right-conbox:first-child > img{width: 80px;}
	.header-right-conbox .qr-code{width: 65px;height: 65px;}
	.header-right-conbox .qr-code > a span > i{padding: 17px 0;}
	.header-right-conbox .issn{margin-top: 10px;font-size: 12px;line-height: 1.2em;}

	#nav{position: fixed;top: 0;left: -100%;z-index: 11;width: 90%;height: 100%;}
	.m-nav-top{display: block;position: relative;width: 100%;height: 70px;padding: 20px 15px;background-color: #fff;}
	.nav-logo{display: inline-block;width: 90px;}
	.nav-logo img{width: 100%;}
	a.btn-m-close{display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 15px;width: 30px;height: 30px;background-color: #fff;border: 1px solid #0c4da2;font-size: 20px;color: #0c4da2;text-align: center;}
	a.btn-m-close i{padding: 4px 0;}
	#gnb > li{float: none;width: 100%;height: auto;text-align: left;}
	#gnb > li span{padding: 15px;border-bottom: 1px solid #fff;}
	#gnb > li > a{padding: 15px;border-bottom: 1px solid #fff;}
	#gnb > li:hover > a, #gnb > li.on > a{background-color: #0c4da2;}
	#gnb > li:hover span{background-color: #0c4da2;}
	#gnb > li.line2 > a{padding: 15px;}
	#gnb > li > a .no-br{display: none;}
	#gnb > li .sub-gnb{position: static;top: 0;left: 0;width: 100%;border-bottom: 1px solid #fff;}
	#gnb > li .sub-gnb > li{text-align: left;}
	#gnb > li .sub-gnb > li > a{display: block;padding: 7px 15px;}

	#container{margin-top: 100px;}

	.main-left{float: none;width: 100%;margin-right: 0;padding-right: 0;border-right: 0;}

	.visual .visual-contents .text-wrap h3{font-size: 22px;line-height: 25px; height:51px;}
	.visual .visual-contents .text-wrap h3 > a{font-size: 22px;line-height: 25px;}
	.visual .visual-contents .text-wrap .abstract-con{height: 64px;font-size: 16px;line-height: 22px;}

	.main-title h3{margin: 8px 0;font-size: 22px;}

	.article-contop{font-size: 14px;}
	.article-contents h4{font-size: 20px;line-height: 25px;}
	.article-contents h4 > a{font-size: 20px;line-height: 25px;}
	.article-contents .wr-info, .wr-info{font-size: 14px;line-height: 20px;}
	.article-contents .doi-link > a{font-size: 14px;}
	.article-contents .cited{font-size: 14px;}
	.article-box .show-basic {font-size: 14px}
	.article-box-movie .wr-info{height:42px;}

	.main-left .btn-wrap{margin: 20px auto 40px;}
	.main-btn-wrap{width: 100%;}
	.btn-wrap .main-btn-more{font-size: 14px;}
	
	/* 모바일 3개만노출 */
	.main-conbox .article-list > li{display:none;}
	.main-conbox .article-list > li:nth-child(1),
	.main-conbox .article-list > li:nth-child(2),
	.main-conbox .article-list > li:nth-child(3){display:block;}
	/* end 모바일 3개만노출 */

	.bg-skyblue .main-conbox .article-list-wrap{width: 100%;margin-left: 0;}
	.bg-skyblue .main-conbox .article-list{margin-top: 10px;}
	.bg-skyblue .main-conbox .article-list > li{width: calc((100% - 17px)/2);}
	.bg-skyblue .main-conbox .article-list > li:nth-child(3n+1){border-left: 1px solid #ddd;margin-left: 17px;}
	.bg-skyblue .main-conbox .article-list > li:nth-child(-n+3){margin-top: 20px;}
	.bg-skyblue .main-conbox .article-list > li:nth-child(2n+1){margin-left: 0;padding-left: 0;border-left: 0;}
	.bg-skyblue .main-conbox .article-list > li:nth-child(-n+2){margin-top: 0;}

	.main-right{float: none;width: 100%;margin-top: 70px;padding-left: 15px;padding-right: 15px;}
	.right-title > h3{margin-bottom: 10px;font-size: 20px;}

	.submission-box{background-position: center;background-size: 100% auto;}
	.submission-box > a{width: 100%;max-width: none;padding: 15px;font-size: 20px;}
	.submission-box > a img{margin: 0;}

	.journal-wrap .journal-text .journal-tit{font-size: 20px;}
	.journal-wrap .journal-text .journal-info{font-size: 16px;line-height: 20px;}
	.journal-wrap .btn-journal{margin-right: 5px;}
	.journal-wrap .btn-journal:last-child{margin-right: 0;}
	.cover-img {display:none;}

	.search-right-conbox{padding: 20px 15px 25px;}

	.banner-wrap{padding: 25px 20px 15px;}
	.banner-wrap:after{display: block;content: '';clear: both;}
	.banner-wrap a{float: left;width: calc((100% - 21px)/2);margin-left: 20px;margin-top: 0;margin-bottom: 10px;text-align: center;}
	.banner-wrap a:nth-child(2n+1){margin-left: 0;}
	
	#footer{border:none;}
	.footer-left-con{width: 100%;}
	.footer-wrap{padding: 0;}
	.footer-logo{margin-bottom: 15px;}
	.footer-logo img{width: 120px;}
	.footer-info > li{font-size: 12px;line-height: 18px;}
	.addr{font-size: 12px;}
	.footer-menu-wrap{display: none;}
	#footer .copy{padding: 20px;font-size: 12px;}
}

@media (max-width: 768px){
	#header{background-position: 80% right;}
	#header .layer1300{height: 70px;}
	#header .m-menu{padding: 6px 10px;}
	#header h1{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 100px;margin: 0;}
	#header h1 > a img{width: auto;height:40px;}
	.header-right-conbox:last-child{display: none;}
	.header-right-conbox:first-child > img{width:50px;}
	
	#gnb > li span a{font-size:16px;}
	#gnb > li > a{font-size: 16px;}
	#gnb > li .sub-gnb > li > a{font-size: 14px;}

	#container{margin-top: 70px;}
	.visual{height: auto;}
	.visual .visual-contents{height: auto;padding: 15px;}
	.visual .visual-contents .img-wrap{float: none;width: 100%;height: 200px;}
	.visual .visual-contents .img-wrap img{left: 50%;-wekbit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 100%;}
	.visual .visual-contents .text-wrap{float: none;width: 100%;margin-left: 0;margin-top: 20px;margin-bottom: 15px;}
	.visual .visual-contents .text-wrap h3{height: 45px;margin-bottom: 10px;font-size: 18px;line-height: 22px;}
	.visual .visual-contents .text-wrap h3 > a{font-size: 18px;line-height: 22px;}
	.visual .visual-contents .text-wrap .abstract-con{font-size: 14px;line-height: 20px;}
	.visual .slick-dots{bottom: 5px;right: 15px;}
	.visual .slick-dots li{margin-left: 5px;}
	.visual .slick-dots li > button{width: 10px;height: 10px;}

	.main-title h3{margin: 5px 0;font-size: 18px;}
	.main-title-right{display: block;float: none;text-align: left;}
	.main-title .sel-cate-wrap > a{height: 35px;width: 250px;padding: 8px 15px 10px;text-align: left;font-size: 14px;}
	.main-title .sel-cate-list{width: 250px;}
	.main-title .sel-cate-list li{text-align: left;}
	.main-title .sel-cate-list li > a{padding: 10px 15px;font-size: 14px;}
	.main-title .btn-more{margin: 4px 0 4px 10px;}

	.main-conbox .article-list-wrap{width: 100%;margin-left: 0;}
	.main-conbox .article-list > li{float: none;width: 100%;margin-top: 0 !important;margin-bottom: 15px;margin-left: 0;padding-left: 0;border-left: 0;}
	.main-conbox.most-read .article-box .figure-img{float: none;display:none;margin:20px auto 10px auto;}

	.main-left .btn-wrap{margin: 10px auto 30px;}
	.btn-wrap .main-btn-more{font-size: 12px;}
	.main-conbox + .btn-wrap{margin: 20px auto 0;}

	.bg-skyblue .main-conbox .article-list > li{float: none;width: 100%;margin-left: 0;padding-left: 0;margin-top: 0 !important;margin-bottom: 15px;}
	.bg-skyblue .main-conbox .article-list > li:nth-child(3n+1){margin-left: 0;padding-left: 0;border-left: 0;}

	.article-box{padding: 15px 10px;}
	.article-contop{margin-bottom: 10px;}
	.article-box .figure-img{height: 180px;}
	.article-box .figure-img img{left: 50%;-wekbit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: auto;max-width: 100%;height: 100%;}
	.article-contents h4{line-height: 22px;}
	.article-contents h4 > a{font-size: 16px;line-height: 22px;}
	.article-box-movie h4{height:65px;}
	.article-contents .doi-link{margin-bottom: 10px;}
	.tools .la-tag span{margin-left: 5px;}
	.tools .la-tag a{font-size: 13px;}


	.right-title > h3{font-size: 18px;}

	.search-right-conbox{padding: 20px 15px;}
	.search-wrap input{width: calc(100% - 40px);height: 35px;}	
	.search-wrap #btn-search{width: 35px;height: 35px;}
	.search-wrap #btn-search i{font-size: 20px;}

	.submission-box > a{font-size: 18px;}

	.journal-wrap .journal-img{display:block;margin:0 auto;}
	.journal-wrap .journal-text{display:block;width: 100%;padding-left:0;margin-top:10px;text-align:center;}
	.journal-wrap .journal-text .journal-tit{margin-bottom: 10px;font-size: 18px;}
	.journal-wrap .journal-text .journal-info{font-size: 14px;}
	.journal-wrap .btn-journal{display: block;font-size: 12px;margin:5px auto;}


	.impact-mark{width: 100px;}
	.impact-text{width: calc(100% - 105px);}
	.impact-text span{font-size: 14px;}
	.impact-text span strong{font-size: 20px;}

	.right-tweet-box .right-title .tweet-info i{margin: 0;}
	.tweet-conb a{font-size: 12px;}
	

	.banner-wrap{padding: 20px 15px 15px;}
	.banner-wrap a{width: calc((100% - 11px)/2);margin-left: 11px;}

	#footer{border-top: 0;}
	.footer-wrap{display: none;}
}

@media (max-width: 420px){
	#header h1{left: 90px;}
}

@media print{
	a[href]::after{content: none !important;}
	div.header-wrap,div.sub-title,div.bc_wrap,div.right-conbox,div.sns-conbox,div.sub_sns,div.right_section02,div.sub_kjpp,div.footer_wrap,div.goto_layer,div.footer,div.util_menu,div.top_bnr,p.copy {display:none;}
	div.origin_a {width:100%;display:block;float:none;margin:0 auto;padding-top:10px;}
}

/* counts */
.latest_count{margin:10px 0;}
.count_wrap{border:1px solid #eeeeee; border-radius:2px; padding:18px 15px 15px 15px;}
.count_wrap .clear{padding:0 5px;}
.count_wrap h4{font-weight:bold; font-size:20px; color:#000; float:left;}
.count_wrap span{float:right; color:#555; font-size:14px; margin-top:4px;}
.count_wrap table{width:100%; padding-top:5px; border-collapse:separate; border-spacing:5px; border:none;}
.count_wrap table tr th{width:23%; height:32px; line-height:32px; background:#0c4da2; color:#fff; border-radius:5px; text-align:center;}
.count_wrap table tr th.total {background:#aaaaaa;}
.count_wrap table tr td{width:77%; height:32px; line-height:32px; padding-right:12px; background:#f9f9f9; color:#000; border-radius:5px; text-align:right;}