ul:after, ol:after, .container-fulid:after, .clear:after, .cf:after {content:""; display:block; clear:both;}
.cited {color:#01c0db; font-weight:bold;}
.layer1400 {width:100%; max-width:1400px; margin:0 auto;}
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}

a:hover {color: inherit;}

.blue {color:blue;}
.show-m {display: none;}
/* ===============
	common
================ */
.btn.focus, .btn:focus, .btn:hover {color:#fff;}
/* ellipsis */
.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;}
.ellipsis2.line-4 {-webkit-line-clamp: 4; -moz-line-clamp: 4; -ms-line-clamp: 4;}
/* paging */
.paging {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 #ddd; text-align:center;}
.paging li strong, .paging li a:hover {background:#086871; border:1px solid #086871; color:#fff;}

/* ===============
	haeder
================ */
.top_common_banner {margin:0 auto; min-height:1500px; overflow: hidden;}
.header-wrap{position:fixed; z-index:100;width:100%;top:0;left:0;}
.header-wrap.fixed{height: 100px;}
.header-wrap.fixed #header{height: 100px; background-image: url('/asset/images/t-top_bg.jpg');}
.header-wrap.fixed  .all_menu{margin: 32px 0;}
.header-wrap.fixed #header h1 > a{width: 70%;margin: 20px 0;}
.header-wrap.fixed #header h1 > a img{max-width: 100%;}
.header-wrap.fixed .util {display: none;}
.header-wrap.fixed .header-menu{margin: 25px 0;}
.header-wrap.fixed .header-menu > li > a{height: 50px;}
.header-wrap.fixed .header-menu > li > a span{padding-top: 0;text-indent: -9999em;}
.header-wrap.fixed .util{display: none;}
.header-wrap.fixed .issn-wrap {padding: 31px 0;}
.header-wrap.fixed .logo-wrap{margin:10px 15px 10px 0;}
.header-wrap.fixed .logo-wrap span img{height:80px;}

.header-nofixed {padding-top: 170px;}

.util{width: 100%;height: 40px;background: #003230;text-align: right;}
.util .layer1300{text-align: right;}
.util-list{display: inline-block;padding: 5px 0;vertical-align: middle;}
.util-list li{float: left;position: relative;padding-left: 10px;margin-left: 10px;}
.util-list li:before{display: block;content: '';clear: both;position: absolute;top: 6px;left: 0;width: 1px;height: 10px;background: #fff;}
.util-list li:first-child{padding-left: 0;margin-left: 0;}
.util-list li:first-child:before{display: none;}
.util-list li > a{font-size: 16px;color: #fff;}
#google_translate_element{display: inline-block;padding: 7px 0;margin-left: 15px;}

#header{width: 100%;height: 130px;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url('/asset/images/top_bg.jpg');}

.all_menu{float:left;margin: 49px 0;}
.all_menu a{display:block;width:90px;padding:5px 15px 5px 30px;border:1px solid #fff;background:url('/asset/images/menu_img.png') 10px center no-repeat;font-size: 16px;font-weight: 700;color:#fff;}
.all_menu_btn.on{background:url('/asset/images/menu_img_on.png') 10px center no-repeat;}


#header h1 {float:left;margin-left:50px;}
#header h1 > a{display: block;margin: 27px 0 26px;}

.header-info {float: right;}
.header-info > * {float: left;}

/*220211 수정*/
.logo-wrap{margin:20px 20px 20px 0;}
.logo-wrap span{display:inline-block;margin-left:10px;}

.issn-wrap {color: #fff; padding: 46px 0;}

.header-menu{margin: 25px 0;}
.header-menu > li{float: left;width: 90px;}
.header-menu > li > a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center 0;font-size: 16px;color: #fff;text-align: center;}
.header-menu > li > a span{display: block;padding-top: 60px;}
.header-menu > li:nth-child(1) a{background-image: url('/asset/images/bg-header-menu6.png');}
.header-menu > li:nth-child(2) a{background-image: url('/asset/images/bg-header-menu1.png');}
.header-menu > li:nth-child(3) a{background-image: url('/asset/images/bg-header-menu2.png');}
.header-menu > li:nth-child(4) a{background-image: url('/asset/images/bg-header-menu5.png');}
/* .header-menu > li:nth-child(4) a{background-image: url('/asset/images/bg-header-menu4.png');} */

/* all menu */
.sub-menu-view{display:none;position:absolute;top:170px;left:0;width:100%;background:#fff;padding:40px 0;z-index:99;}
.sub-menu-view.fixed{top: 100px;}
.sub-menu-view .layer1300{width:1300px;margin:0 auto;}
.sub-menu{width: 100%;}
.sub-menu > li{float:left; width: calc(79% / 5);}
.sub-menu > li:first-child {width: 21%;}
.sub-menu > li h3{display: block;margin-bottom: 5px;font-size: 18px;font-weight: 700;color: #003230;}
.sub-menu > li > ul li > a{font-family: 'Raleway', sans-serif; font-size: 14px;color: #333;line-height: 30px;-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.sub-menu > li > ul li > a:hover{border-bottom: 2px solid #adadad;}
.sub-menu > li > ul li:first-child > ul {margin-bottom: 15px;}
.sub-menu img {padding-left: 10px;}
.sub-menu-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:90;}

/* search */
#dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;background: rgba(0,0,0,0.8);}
#dim2{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.8);}
#dim.zi{z-index: 101;}
#sch-pop{display: none;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 9999;width: 52%;max-width: 680px;}
.sch-pop-wrap{width: 100%;}
.sch-pop-wrap form input.form-control{display: inline-block;width: 100%;height: 90px;border: 0;border-bottom: 4px solid #fff;padding: 10px 95px 10px 0;background: transparent;font-size: 40px;font-weight: 500;color: #feffff;vertical-align: top;}
.sch-pop-wrap form .btn-sch{display: inline-block;position: absolute;bottom: 0;right: 0;width: 90px;height: 90px;font-size: 50px;color: #fff;text-align: center;}
.sch-pop-wrap form span{display: block;margin-top: 20px;font-size: 20px;color: #cccccc;font-weight: 500;text-align: left;}
.btn-schpop-close{display: inline-block;position: absolute;top: -90px;right: -90px;width: 50px;height: 50px;color: #ccc;font-size: 45px;font-weight: 700;text-align: center;vertical-align: top;}
.btn-schpop-close:hover, .btn-schpop-close:focus{color: #ccc;}
.btn-schpop-close > i{display: inline-block;width: 100%;height: 100%;vertical-align: top;}

/* metrics 팝업 */
.dialog {background: #fff; padding: 7px; width: 70%; height: 865px; position: fixed; left: 0; right:0; top: 20px; bottom: 0; margin:auto; box-shadow: 0 10px 30px rgba(51, 51, 51, 0.4); visibility: hidden; opacity: 0; -webkit-transition: all 180ms ease-in; transition: all 180ms ease-in;z-index:9999; max-width:700px; border-radius:5px;}
.dialog.dialog--active {visibility: visible; opacity: 1; -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.dialog .dialog__close {font-size: 1.0rem; line-height: 2rem; position: absolute; right:0;font-weight:bold; top:-35px;color:#fff; cursor: pointer; font-size:35px; -webkit-transition: color 150ms ease; transition: color 150ms ease;}
.dialog .dialog__close:hover {color: #086871;}
.dialog .dialog__title {font-size: 2rem; font-weight: 100; margin: 0;border-bottom: 2px solid #333333;}
.dialog .dialog__content {font-size: 1.1rem; line-height: 2rem;}
.dialog .dialog__action {margin: 0; font-size: 1rem;}
.fig-top {background: url('/asset/images/metrics-bg.jpg') no-repeat; width: 100%; height: 130px; padding: 28px 30px;}

/* gnb */
.header-gnb {position: relative; z-index: 20;}
.gnb_dimmed {display:none !important;}
#nav {background:#892952;}
#gnb .gnb_li1 {float:left; position:relative; width: calc(100% / 6);transition:0.3s ease-out;  }
#gnb .gnb_li1 > a {color:#fff; font-size:20px; display:block; position:relative; line-height:60px; font-weight:400; text-align:center;}
#gnb .gnb_li1:hover, #gnb .gnb_li1.home {background:#ffae00;}
#gnb .gnb_li1 .gnb_li2 a {font-weight: 300; font-size: 16px;}
#gnb .gnb_li1 .gnb_li2 a:hover {color:#892952; text-decoration:underline;}
#gnb .gnb_li1 .gnb_li2 .depth3 {display: none; margin: 5px 0px; padding: 7px 0 7px 27px; background-color: #ffae00;}
#gnb .gnb_li1 .gnb_li2 .depth3 > li {list-style-type:disc; color:#ffffff; margin:0 0 5px 0;}
#gnb .gnb_li1 .gnb_li2 .depth3 > li > a {color:#ffffff;}

#gnb .drop_menu {opacity:0; visibility:hidden; position:absolute; left:0px; right:-50px; width:auto; background:#ffae00; transition:all .25s ease-in; padding:20px;}
#gnb .gnb_li1:hover .drop_menu {opacity:1; visibility:visible;}
#gnb .gnb_li2 > a {color:#fff; display:block; padding:5px 10px;}

/* visual */
.visual {overflow: hidden; position: relative; width: 100%; height: 100%;}
.visual:after {display:block; content:''; clear:both;}
.visual .slick-slide {position:relative; overflow:hidden;}
.visual .slick-slide img {display:block; height:320px; width:auto;  max-width: 100%; margin: 0 auto; float:none;}
.visual .slick-dots {position: absolute; left: 0px; bottom: 10px;}
.visual .slick-dots > li {display: inline-block; margin-left: 5px; overflow:hidden;}
.visual .slick-dots > li > button {width: 12px; height: 12px; background:#fff;text-indent: -9999em;}
.visual .slick-dots > li.slick-active > button {background:#00f0ff !important;}
.visual-img {float: right; width: 50%;}
.visual-txt {float: left; width: 49%; color: #fff; margin-right: 1%;}
.visual-title {font-weight: 700; font-size: 20px; line-height: 26px; margin-top: 5px; height: 120px; margin-bottom: 30px;}
.visual-con {margin-bottom:10px; font-size: 16px; line-height: 18px; font-weight: 400;}
.visual-type {margin-top:15px; font-weight: 700; font-size: 18px; color:#ffae00;}
.visual-vl{font-size:16px;}
/* visual */
.main-visual{overflow: hidden;width: 100%;height: 320px;}
.main-visual .layer1400 {position: relative;}
.main-visual > div > div {float: left;}
.visual-bg01 {position:absolute; background-color: #29a1a0; width: 100%; height: 100%; top: 0; left: -50%; z-index: -1;}
.visual-bg02 {position:absolute; background-color: #0f8991; width: 100%; height: 100%; top: 0; right: -50%; z-index: -1;}
.visual-wrap {/* width: 980px; */ width: 70%; overflow: hidden;}
.journal-wrap { width: 30%; padding-left: 30px; /*width: calc(100% - 981px); padding: 43px 0 44px 35px; */}
.journal-img, .journal-btn-wrap  {float: left;}
.journal-img{margin-right: 40px;}
.journal-img span {display: block; box-shadow: 0px 4px 10px #0e7d84;}
.journal-img img {width: auto; max-width: 100%;}
.journal-img p {text-align: center; color: #fff; margin-top: 18px; font-size: 16px;}
.journal-btn-wrap a {font-size: 18px; display: block; margin-top: 15px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;	}
.journal-btn-wrap a:hover {background-color: #20afb8; color: #fff;}
.journal-btn-wrap a:after {display:block; content:''; clear:both;}
.journal-btn-wrap a:first-child {margin-top: 6px;}
.btn-journal {color: #fff; background-color: #29a1a0; width: 200px; border-radius: 50px; padding: 11px 10px 11px 30px; height: 45px;}
.btn-journal i {float: right;}

.journal-video h3 {font-size: 30px; color: #fff; font-weight: 700; padding: 20px 0px;}
.journal-iframe {position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 18px; text-align: center;}
.journal-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* search */
.search_section_wrap{padding: 20px 0;background: #888; text-align: center;}
.search_section_wrap .layer1300{text-align:center;}
.search_section_wrap span{display: inline-block;margin-right: 20px;font-size: 30px;color: #fff;font-weight: 500; font-style: italic; vertical-align: middle;}
.search_section_wrap input{display: inline-block;min-width: 35%;height: 40px;margin-right: 10px;padding: 10px 15px;border: none;border-radius: 3px;box-sizing: border-box;font-size: 16px;vertical-align: middle;}
.search_section_wrap input::placeholder{color: #bbbbbb;}
.search_section_wrap select{min-width: 160px;border: none; height: 40px; padding: 10px;box-sizing: border-box;margin-right: 9px;border-radius: 3px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.search_section_wrap .search_btn{display: inline-block;width: 40px;height: 40px;background: #fff;border: 0;border-radius: 3px;vertical-align: middle;}
.search_section_wrap .search_btn i{font-size: 25px;color: #fff;}
.search_section_wrap.fixed {position: fixed; top: 100px; width: 100%; z-index: 10;}

/* ===============
	container
================ */
/* title */
.grid_left .issue_menu > h2  {font-size:30px; padding: 40px 0 15px; color:#086871; font-weight:700; border-bottom: 1px solid #086871;}
.grid_left .issue_menu > h2 a {display: inline-block;}
.grid_left .issue_menu > h2 span.num {font-size:20px; color:#0aa3ba; font-style: italic;}
.more-btn {display: inline-block; }
/*  */
.grid_left .issue_menu {margin-bottom: 70px;}
.grid_left .issue_menu .section:after {display:block; content:''; clear:both;}
.grid_left .issue_menu .section .slick-track > div {float:left; }
h3.top-type {clear:both;font-size:14px; color:#b32d66; margin-bottom:8px; font-weight: 600;letter-spacing:-0.3px;}
.date-vol {color:#666; position: relative; padding-left: 10px; margin-left: 6px; font-weight: 500;}
.date-vol:before {content:''; display: block; position: absolute; top:  2px; left: 0; width: 1px; height: 14px; background-color: #666;}
/* left(text부분) */
.grid_left .issue_menu .section .clear .box{margin:0 10px; border-bottom:1px solid #ccc; padding:30px 0 20px;}
.grid_left .issue_menu .section .clear .box .issue_right h4 {margin-bottom:20px; height: 100px; padding-right: 12px;}
.grid_left .issue_menu .section .clear .box .issue_right h4 a {font-size:20px; color:#000; line-height:24px; font-weight:700; display: block; word-break: break-word;}
.grid_left .issue_menu .section .clear .box .issue_right h4 a:hover {text-decoration:underline;}

#tooltip_coverImage{display: none;position: absolute;z-index: 100;width:500px;min-height:200px;background: #fff;border:1px solid #ddd;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;}
#tooltip_coverImage > div img{width:100%;height:100%;}


.write_name {margin-bottom:10px; font-size:15px; line-height:20px; height: 20px; color: #666;}
.write_name span:first-child {margin-right:10px;}
.write_name img {display: inline-block !important;}

.link01 {margin-bottom: 15px;display: block;}
.link01 a {color:#3263b2; text-decoration:underline; word-break:break-all; font-weight:400; font-size:15px; font-style: italic; display: block;}

.la-tag span {display:inline-block;background-repeat:no-repeat; background-position:0 50%; height:18px; line-height:18px; padding-left:21px; font-size:13px;}
.la-tag span + span {margin-left:5px;}
.la-tag span.la-tag-full {background-image:url('/asset/images/sub/tool_icon01.gif');}
.la-tag span.la-tag-pdf {background-image:url('/asset/images/sub/tool_icon09.gif');}
.la-tag span.la-tag-pub {background-image:url('/asset/images/sub/tool_icon02.gif');}
.la-tag span.la-tag-pmc {background-image:url('../images/ico_la_tag_pmc.png');}

/* right(img부분) */
.grid_left .issue_menu .section .clear > .box .img {width:90px; height: 90px; float:right; border: 1px solid #ddd;}
.grid_left .issue_menu .section .clear > .box .img img {width: 100%; height: 100%;}
/* paging */
.grid_left .issue_menu .section div.paging {display:none;}
.current_issue .section div.paging {font-weight:bold; font-size:22px; margin:0px 0 30px; width:100%}
/* jounal-con */
.journal-con > div {float: left;}
.con-left {width: calc(75% - 21px);}
.con-left .slick-arrow{display: block;position: absolute;width: 24px;height: 24px; top: -30px; font-size: 0;line-height: 0;background-repeat: no-repeat;background-position: 0 0; transition: 0.3s;}
.con-left .slick-prev{left: auto; right: 30px; background-image: url('/asset/images/ic-left-arrow.png');}
.con-left .slick-next{right: 0; background-image: url('/asset/images/ic-right-arrow.png');}
.con-left .slick-prev:hover{background-image: url('/asset/images/ic-left-on-arrow.png');}
.con-left .slick-next:hover{background-image: url('/asset/images/ic-right-on-arrow.png');}
.con-left .slick-dots:after {display:block; content:''; clear:both;}
.con-left .slick-dots {margin-top: 20px; position: absolute; left:50%; transform: translateX(-50%);}
.con-left .slick-dots li {float: left;margin-left: 12px;}
.con-left .slick-dots li:first-child {margin-left: 0;}
.con-left .slick-dots li button{overflow: hidden;width: 13px;height: 13px;background: #999;text-indent: -9999em;font-size: 0;line-height: 0;}
.con-left .slick-dots li.slick-active button{background: #ffae00;}

.con-right {margin-left: 20px; width: 25%; position: relative;}
.con-right h2 {font-size:30px; padding: 40px 0 15px; color:#086871; font-weight:700; }
.con-right h2 a {display: inline-block;}
.con-right h2 a img {vertical-align: baseline;}
.con-right  .clear {background-color: #f1f9f9; border: 1px solid #dbebeb; padding: 20px; margin: 5px 0;}
.con-right .clear .issue_right h4 {margin-bottom:15px; height: 75px;}
.con-right .clear .issue_right h4 a {font-size:20px; color:#000; line-height:24px; font-weight:700; display: block;}
.con-right  {margin-bottom:5px; font-size:15px; height:auto; color: #666; line-height: 1;}
.con-right .write_name span:first-child {margin-right:10px;}
.con-right .link01 {margin-bottom: 10px; height: 15px;}
.con-right .slick-slide img {display: inline-block;}
.most-arrow .arrow{display: block;position: absolute;width: 24px;height: 24px; top: 50px; font-size: 0;line-height: 0;background-repeat: no-repeat;background-position: 0 0; transition: 0.3s;}
.most-arrow .prev{left: auto; right: 30px; background-image: url('/asset/images/ic-bottom-arrow.png');}
.most-arrow .next{right: 0; background-image: url('/asset/images/ic-top-arrow.png');}
.most-arrow .prev:hover{background-image: url('/asset/images/ic-bottom-on-arrow.png');}
.most-arrow .next:hover{background-image: url('/asset/images/ic-top-on-arrow.png');}
.sjr-box h3{font-size:20px;margin:20px 0;color:#086871;font-weight:700; border-bottom: 1px solid #086871;padding-bottom:10px;letter-spacing:-0.9px;}
.sjr-box .img{text-align:center;}


/* Journal Tools */
.journaltools {background-color: #f9f9f9; padding: 40px 0;}
.journaltools h2 {font-size:30px; color:#086871; font-weight:700; margin-bottom: 15px;}
.journaltools ul li {float:left; width: calc((100% - 101px) / 6); table-layout:fixed; margin-left: 20px; background-color: #892952; border-radius: 5px; display: table; height: 120px;background-repeat: no-repeat; background-position: 15% center; background-image: url('/asset/images/ic-tools01.png');}
.journaltools ul li + li {background-image: url('/asset/images/ic-tools03.png');}
.journaltools ul li + li + li {background-image: url('/asset/images/ic-tools05.png');}
.journaltools ul li + li + li + li {background-image: url('/asset/images/ic-tools06.png');}
.journaltools ul li + li + li + li + li {background-image: url('/asset/images/ic-tools02.png');}
.journaltools ul li + li + li + li + li + li {background-image: url('/asset/images/ic-tools04.png');}
.journaltools ul li:first-child {margin-left: 0;}
.journaltools ul li a {display: table-cell; vertical-align: middle; color: #fff; font-weight: 600; font-size: 15px; line-height: 15px; padding-left: 50%;}
/* JOMES Video */
.video-list li {float: left; margin-right: 20px; border-bottom: 0 !important; width: calc((100% - 61px)/4) !important; padding: 30px 0 20px;}
.video-list li:nth-child(3n) {margin-right: 20px !important;}
.video-list li:nth-child(4n) {margin-right: 0 !important;}
.video-img {margin-bottom: 15px; text-align: center;}
.video-img img {width: auto; max-width: 100%; height: 180px;}
.video-con h4 {font-style: italic; font-weight: 700; font-size: 15px; color: #b01931; margin-bottom: 10px;}
.video-con p {font-size: 16px; font-weight: 400; color: #333; line-height: 20px; height: 60px; margin-bottom: 15px;}
.video-con a {display: inline-block;}
.video-con span a + a {float: right; font-weight: 14; padding: 2px 11px 1px;}
.video-now {color: #0c9187; border:1px solid #0c9187; background-color: #ecf9f8; border-radius:30px;}
/* banner */
.banner-wrap {background:#eee; padding:25px 0;}
.rolling-banner .slick-list {margin: 0 40px;}
.rolling-banner a {display:inline-block; margin: 0 10px;}
.rolling-banner a img{width: 100%;max-width: 100%;}
.rolling-banner .slick-arrow{display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 30px;height: 50px;font-size: 0;line-height: 0;background-repeat: no-repeat;background-position: 0 0;}
.rolling-banner .slick-prev{left: 0; background-image: url('/asset/images/banner_left.png');}
.rolling-banner .slick-next{right: 0; background-image: url('/asset/images/banner_right.png');}

/* ===============
	footer
================ */
/* top */
.btn-top{display: none; position: fixed; left: calc((100% + 1450px)/2); bottom: 100px;}
.btn-top > a{display: block;width: 60px;height: 60px;padding-top: 20px; text-align: center; background-color: #7a284d;}
/**/
.depth2 > ul > li > a {color: #a1eaf1 !important; font-weight: 400;}
.depth2 > ul > li > a img {padding-left: 10px;}
.depth2 > ul > li:first-child {margin-bottom: 25px;}
.footer-menu {background-color: #086871; padding: 45px 0 50px;}
.footer-menu div > ul > li {float: left; width: calc(100% / 6); padding-left: 30px; color: #fff; }
.footer-menu div > ul > li:first-child {padding-left: 0;}
.footer-menu div > ul > li h3, .footer-menu div > ul > li h3 a {display: block; margin-bottom: 20px; font-size: 20px; font-weight:  500; color: #fff;  font-family: 'Raleway', sans-serif;}
.footer-menu div > ul > li a {font-size: 16px; color: #4fbbc5; line-height: 1.5em;  font-family: 'Raleway', sans-serif;word-break: keep-all;}
.footer-menu div > ul > li h3 > a {line-height: inherit;}
.footer-menu div > ul > li > ul > li {margin-top: 10px;}
.footer-menu div > ul > li > ul > li:first-child {margin-top: 0;}
.footer-menu div > ul > li > ul > li > ul > li{position: relative;padding-left: 12px;}
.footer-menu div > ul > li > ul > li > ul > li:before{display: block;content: '';clear: both;position: absolute;top: 11px;left: 0;width: 4px;height: 1px;background-color: #4fbbc5;}
.footer-info {background-color: #02565e; padding: 30px 0;}
.footer-info div > div {float: left;}
.ft-logo {margin-right: 80px;}
.ft-logo span {display: block; width: 230px;}
.ft-logo span > img {margin-bottom: 25px}
.ft-logo ul li {float: left; margin-left: 5px;}
.ft-logo ul li:first-child {margin-left: 0;}
.ft-txt {width: calc(100% - 315px); font-size: 14px;}
.ft-txt p:first-child {color: #fff; margin-bottom: 20px;}
.ft-txt p + p, .ft-txt p + p a {color: #60959a; line-height: 20px;}
.ft-txt p span {display: inline-block;}
.ft-txt p span:first-child {padding-right: 10px; margin-right: 10px; position: relative;}
.ft-txt p span:first-child:after {content:''; display: block; position:absolute; top: 3px; right: 0; width: 1px; height: 12px; background-color: #fff;}


/* ===============
	media
================ */
@media (max-width: 1400px) {
	.hide-1400 {display: none;}
	/* ===== header ===== */
	.header-wrap #header, .util {padding: 0 10px;}

	#sch-pop{width: 70%;}
	.btn-schpop-close{right: -50px;}

	.sub-menu-view {padding: 30px 10px;}
	/* visual */
	.main-visual {height: auto;}
	.visual-wrap {background-color: #29a1a0; padding: 0 0 0 10px;}
	.visual-title {font-size: 1.5vw;}
	.journal-wrap {background-color: #0f8991; padding: 20px 30px;}
	.journal-img, .journal-btn-wrap {float:none;}
	.journal-img {margin-right: 0;}
	.journal-img span {display: none;}
	.journal-img p {margin-top: 0; font-weight: 700; font-size: 30px;}
	.journal-btn-wrap {width: 100%;}
	.journal-btn-wrap a {float: left; margin-top: 0; margin-right: 15px;}
	.journal-btn-wrap a:first-child {margin-top: 0;}
	.journal-btn-wrap a:last-child {margin-right: 0;}
	.btn-journal {padding: 11px 30px; width: calc((100% - 46px)/4);}
	/* ===== container ===== */
	.grid_left .issue_menu {padding: 0 15px;}
	/* Journal Tools */
	.journaltools {padding: 40px 15px;}
	.journaltools ul li {background-size:35%;}
	.journaltools ul li a {padding-left: 48%;}
	/* banner */
	.banner-wrap {padding: 25px 10px;}
	/* ===== footer ===== */
	.footer-menu {display: none;}
	.footer-info {padding: 30px 15px;}
}

@media (min-width:1025px) and (max-width:1160px) {
	#header h1{margin-left:30px;}
	.header-menu > li {width:70px;}
	.header-menu > li > a{font-size:13px}
	.logo-wrap{margin:28px 15px 28px 0;}
	.logo-wrap span{margin-left:0;}
	.logo-wrap span img{height:75px;}
}

@media (max-width: 1024px) {
	/* ===== header ===== */
	.util {display: none;}

	.header-nofixed {padding-top: 100px;}

	.header-wrap.fixed .header-menu {margin: 30px 0;}
	.header-wrap.fixed .header-menu li {width: 40px; height: 40px;}
	.header-wrap.fixed .sub-menu {top: 100px;}
	.header-wrap.fixed .logo-wrap {margin:20px 6px 20px 0}
	.header-wrap.fixed .logo-wrap span img {height: 55px;}
	#header {padding: 0 10px; height: 100px;}
	#header h1{margin-left: 20px;}
	#header h1 > a {margin: 19px 0 18px;}
	#header h1 > a img {width: auto; max-width: 80%;}
	.header-nofixed {padding-top: 100px;}
	.all_menu {margin: 35px 0;}
	.all_menu a{overflow: hidden;width: 30px;height: 30px;padding: 0;background-position: center;text-indent: -9999em;}

	.header-menu {margin: 25px 0;}
	.header-menu > li{width: 50px;height: 50px;margin-left: 10px;}
	.header-menu > li:first-child{margin-left: 0;}
	.header-menu > li > a{display: block;width: 100%;height: 100%;background-size: 100%;}
	.header-menu > li > a span{display: none;}

	.issn-wrap {padding: 31px 0; margin-right: 20px;}

	/*220211 수정*/
	.logo-wrap{display:none}

	.sub-menu-view{top: 100px; padding: 20px 10px;}
	.sub-menu > li > ul li > a {line-height: 26px;}
	.sub-menu > li > ul li > ul {padding-left: 10px;}

	.dialog-wrap{width: 90%;}
	.dialog{width: 88%;}
	.dialog .dialog__close{top: -35px;font-size: 30px;}

	.gnb_wrapper {display: none;}

	/* visual */
	.main-visual > div > div {float:none; width: 100% !important;}
	.journal-img p {font-size: 28px;}
	.visual-title {font-size: 20px; margin-bottom: 10px; height: 196px;}
	.visual-txt {margin-right: 0;}
	.journal-btn-wrap a:nth-child(2n) {margin-right: 0;}
	.journal-btn-wrap a + a + a {margin-top: 15px;}
	.btn-journal {width: calc((100% - 16px)/2);}

	.journal-video h3 {padding: 0 0 15px; font-size: 26px;}
	.journal-iframe {padding-bottom: 45%;}
	/* search */
	.search_section_wrap{padding: 15px;}
	.search_section_wrap .layer1300{padding: 0;}
	.search_section_wrap span{font-size: 24px;margin-right: 0;}
	.search_section_wrap input{width: -webkit-calc(70% - 150px);width: calc(70% - 150px);padding: 10px;margin: 0 10px;}
	/* ===== container ===== */
	/* right */
	.most-arrow .prev{right: 45px;}
	.most-arrow .next{right: 15px;}
	/* journal-con */
	.journal-con > div {float: none; width: 100%;}
	.con-right {margin-left: 0; padding: 0 15px; margin-bottom: 30px;}
	.con-right .three-con:after {display:block; content:''; clear:both;}
	.con-right .section .clear {float: left; margin-top: 0; margin-left: 20px; width: calc((100% - 41px)/3);}
	.con-right .section .clear:first-child {margin-left: 0;}
	.grid_left .issue_menu > h2 {font-size: 26px;}
	.grid_left .issue_menu .section .clear > .box .img{display:none;}
	/* Journal Tools */
	.journaltools ul li {width: calc((100% - 41px) / 3); background-size: auto;}
	.journaltools ul li + li + li + li {margin-top: 10px;}
	.journaltools ul li:nth-child(4) {margin-left: 0;}
	/* JOMES Video */
	.video-list li {border-bottom: 1px solid #ccc !important; width: calc((100% - 21px)/2) !important;}
	.video-list li:nth-child(2n) {margin-right: 0 !important;}
	/* banner */
	.banner-wrap {padding: 20px 10px;}
	/* ===== footer ===== */
	.footer-menu {display: none;}
	.footer-info {padding: 15px;}
	.footer-info div > div {float:none;}
	.ft-logo {margin-right: 0;}
	.ft-logo span > img {width: auto; max-width: 70%;}
	.ft-logo img {margin-bottom: 18px;}
	.ft-txt {width: 100%; font-size: 12px;}
	.ft-txt p:first-child {margin-bottom: 5px;}
	.ft-txt p + p, .ft-txt p + p a { line-height: 15px;}
}

@media (max-width: 767px) {
	.show-m {display: block;}
	/* ===== header ===== */
	.util-list li > a{font-size: 14px;}

	#header {height: 90px;}
	#header h1 {margin-left: 10px; width: 165px;}
	#header h1 > a {margin: 20px 0 19px;}
	#header h1 > a img {max-width: 100%;}

	.header-nofixed {padding-top: 90px; }

	.header-wrap.fixed {height: 90px}
	.header-wrap.fixed #header {height: auto; background-image: url('/asset/images/top_bg.jpg');}
	.header-wrap.fixed #header h1 > a {width: auto; margin: 20px 0 19px;}
	.header-wrap.fixed .header-menu {margin: 25px 0;}
	.header-wrap.fixed .header-menu li {width: 30px;height: 30px;}
	.header-wrap.fixed .header-menu > li > a{height: 30px;}
	.header-wrap.fixed .all_menu {margin: 30px 0}

	.header-menu > li{width: 30px;height: 30px;margin: 5px;}
	.header-menu > li:nth-child(3n){margin-right: 0;}

	/*220211 수정*/

	.issn-wrap {display: none;}

	.all_menu {margin: 30px 0;}
	#sch-pop{left: 50%;width: 90%;height: 70px;font-size: 20px;}
	.sch-pop-wrap form input.form-control{height: 70px;padding: 5px 75px 5px 0;font-size: 20px;}
	.sch-pop-wrap form .btn-sch{width: 70px;height: 70px;font-size: 30px;}
	.btn-schpop-close{top: -70px;right: 0;width: 35px;height: 35px;font-size: 35px;}

	.sub-menu-view{padding: 0; top: 90px;}
	.sub-menu-view .layer1300{padding: 0;}
	.sub-menu-view.fixed{top:90px;}
	.sub-menu {padding: 10px 0;}
	.sub-menu > li, .sub-menu > li:first-child{width: 100%;min-height: auto;text-align: left;}
	.sub-menu > li h3{padding: 10px 20px;margin-bottom: 0;cursor: pointer;}
	.sub-menu > li > ul{display: none;padding: 7px 0;background: #f1f1f1;}
	.sub-menu > li > ul > li > a{display: block; padding: 3px 20px; line-height: 24px;}
	.sub-menu > li > ul > li > a:hover{border-bottom: 0;}
	.sub-menu > li > ul li > ul {padding: 0 25px;}
	.sub-menu .margin-20px-top {margin-top: 0;}

	.dialog__title{height: auto;}
	.dialog__title h2{width: 40%;}
	.dialog__title h2 img{max-width: 100%;}
	.dialog__title .qr-info{font-size: 14px;line-height: 1.2em;}

	/* visual */
	.visual .slick-slide img {height: 210px;}
	.visual .slick-dots{left:auto;right:0;}
	.visual .slick-dots > li > button {width: 8px; height: 8px;}
	.visual-wrap {padding: 20px 10px 0;}
	.visual-txt, .visual-img {float:none; width: 100%;}
	.visual-title {margin-top: 20px; font-size: 18px; line-height: 22px; height: auto;}
	.visual-con {margin: 25px 0; line-height: 16px; font-size: 14px;}
	.journal-wrap {padding: 15px;}
	.journal-img p {font-size: 22px;}
	.journal-btn-wrap {margin-left: 50%; transform: translateX(-35%);}
	.journal-btn-wrap a {font-size: 16px; float:none; margin-right: 0;  margin-top: 5px !important;}
	.journal-btn-wrap a + a + a {}
	.btn-journal {display: table !important; padding: 0 15px;  width: 70%; height: 40px;}
	.btn-journal span {display: table-cell; vertical-align: middle;}
	.journal-video h3  {font-size: 22px; padding: 0 0 10px;}
	/* search */
	.search_section_wrap.fixed {top: 90px;}
	.search_section_wrap span{display: none;}
	.search_section_wrap input{height: 35px;padding: 5px;font-size: 14px; margin: 0;}
	.search_section_wrap select {height: 35px; min-width: 130px; margin-right: 0;}
	.search_section_wrap .search_btn{width: 35px;height: 35px;}
	/* ===== container ===== */
	.grid_left .issue_menu > h2 {font-size: 22px; padding: 25px 0 5px;}
	.grid_left .issue_menu > h2 span.num {font-size: 16px;}
	.more-btn {display: none;}
	h3.top-type {margin-bottom: 5px;}
	.write_name, .link01 {margin-bottom: 10px;}
	.grid_left .issue_menu .section .clear .box .issue_right h4 {height: 90px; margin-bottom: 15px;}
	.grid_left .issue_menu .section .clear .box .issue_right h4 a {font-size: 18px; line-height: 22px;}

	/* journal-con */
	.grid_left .issue_menu {margin-bottom: 0;}
	.con-left .slick-dots {display: none !important;}
	.con-right {margin-left: 0; padding: 0 15px;}
	.con-right .section .clear {float: none; margin-top: 10px;width: 100%; margin-left: 0;	}
	/* Journal Tools */
	.journaltools {padding: 20px 15px 25px;}
	.journaltools h2 {font-size: 26px; margin-bottom: 10px;}
	.journaltools ul li {width: calc((100% - 21px)/2); height: 100px; margin-left: 15px; background-size: 22%;}
	.journaltools ul li + li + li {margin-top: 10px;}
	.journaltools ul li:nth-child(4) {margin-left: 15px;}
	.journaltools ul li:nth-child(3), .journaltools ul li:nth-child(5) {margin-left: 0;}
	.journaltools ul li a {padding-left: 38%;}
	/* video */
	.video-list li {width: 100% !important; margin-right: 0; padding: 20px 0;}
	.video-con p {font-size: 14px; height: 55px;}

	/* ===== footer ===== */
	.ft-logo span > img {width: auto; max-width: 50%; margin-bottom: 15px}
}

@media (max-width: 420px) {
	/* ===== header ===== */
	#header h1 {width: 120px;}
	.header-menu {width: 70px; margin: 9px 0;}
	.header-menu > li {margin: 3px;}
	.header-menu > li:first-child {margin-left: 3px; margin-right: 0;}
	.header-wrap.fixed .header-menu {margin: 9px 0;}
	/* ===== container ===== */
	/* search */
	.search_section_wrap span {display: none;}
	.search_section_wrap input {width: calc(100% - 170px);}
	.search_section_wrap select {min-width: 120px;}
}