.guide_tab{
    display:flex;
    flex-wrap: wrap;
    margin-bottom:30px;
}
.guide_tab li{
    width:calc(25% + 1px);
    display: block;
    border: 1px solid #e5e5e5;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    font-weight: 300;
    color: #696969;
    background-color:#fff;
    max-height:60px;
    cursor: pointer;
    box-sizing:border-box;
    font-family: 'Play-Bold';
    margin:-1px 0 0 -1px;
}
.guide_tab li span a{display:block;height:100%;}
.guide_tab li:nth-child(1), .guide_tab li:nth-child(5){border-left:1px solid #e5e5e5;}
.guide_tab li:hover, .guide_tab li.on{
    background-color:#219893;
    color:#fff;
    font-weight:500;
}
.guide_tab li:hover span a, .guide_tab li.on span a{
	background-color:#219893;
	background-color:#284a94;
    color:#fff;
    font-weight:500;
}
.guide_tab li.on span, .guide_tab li:hover span{text-decoration:underline;}

/*year*/
.year-box > .guide_tab_y{display:flex;flex-wrap:wrap;}
.year-box > .guide_tab_y > li{font-size:18px;width:60px;height:30px;line-height:30px;background-color:#efefef;border-radius:50px;color:#989898;margin-right:5px;margin-bottom:5px;text-align:center;font-family: 'Play-Bold';cursor:pointer;}
.year-box > .guide_tab_y > li.on, .year-box > .guide_tab_y > li:hover{background-color:#d9f0ef;color:#219893; background-color: #eaf1fc; color: #284a94; text-decoration:underline;}

.journal-num{margin:25px 0 47px;border:1px solid #219893; border:1px solid #284a94;}
.journal-num > .guide_tab_n{display:flex;padding:0 78px;flex-wrap:wrap;}
.journal-num > .guide_tab_n > li{line-height:40px;color:#757575;text-align:center;width:16.666%;cursor:pointer}
.journal-num > .guide_tab_n > li.on, .journal-num > .guide_tab_n > li:hover{color:#219893; color: #284a94; font-weight:bold;text-decoration:underline;}

.journal-box > h3{}
.journal-box > h3{position:relative;line-height:62px;border-top:1px solid #cccccc;border-bottom:1px solid #ccc;font-size:20px;background-color:#f3f8fa; background-color: #eaf1fc; font-family: 'Play-Bold';padding-left:14px;transition:background 0.3s;}
.journal-box > h3 .pdfbtn{position:absolute; top:50%; right:15px; transform:translateY(-50%); line-height:33px; width:100px; height:35px; font-size:16px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; transition:0.3s; padding:0 15px; background-color:#fafafa;}
.journal-box > h3 .pdfbtn:hover{background-color:#e5e5e5;}
.journal-box > h3 .pdfbtn:after{content:""; position:absolute; top:50%; right:15px; transform:translateY(-50%); width:16px; height:14px; background-image:url('../../../AboutJournal/editorinchief/images/down-icon02.png');}
.journal-box > h3:before{position:absolute;top:0;left:0;width:100%;height:3px;content:'';display:inline-block;background-color:#219893; background-color: #284a94;}
.journal-box > .bnt-box{padding:50px 0;display:flex;}
.journal-box > .bnt-box > a{position:relative;display:block;background-color:#f7f7f7;border-radius:50px;font-size:15px;border:1px solid #cccccc;height:40px;line-height:40px;padding-left:24px;transition:all 0.2s;font-weight:600;}
.journal-box > .bnt-box > a:after{position:absolute;top:50%;right:20px;transform:translateY(-50%);content:'';display:inline-block;}
.journal-box > .bnt-box > a:hover{background-color:#219893; background-color: #284a94; color:#fff;border:1px solid #219893;}
.journal-box > .bnt-box > a:not(:last-child){margin-right:10px;}
.journal-box > .bnt-box > a.btn01{width:210px;}
.journal-box > .bnt-box > a.btn01:after{right:22px;background-image:url('../../../AboutJournal/editorinchief/images/btn-icon01.png');width:21px;height:19px;}
.journal-box > .bnt-box > a.btn01:hover:after{right:22px;background-image:url('../../../AboutJournal/editorinchief/images/btn-icon01-hover.png');}
.journal-box > .bnt-box > a.btn02{width:248px;}
.journal-box > .bnt-box > a.btn02:after{background-image:url('../../../AboutJournal/editorinchief/images/btn-icon02.png');width:19px;height:21px;}
.journal-box > .bnt-box > a.btn02:hover:after{background-image:url('../../../AboutJournal/editorinchief/images/btn-icon02-hover.png');}
.journal-box > .bnt-box > a.btn03{width:140px;}
.journal-box > .bnt-box > a.btn03:after{background-image:url('../../../AboutJournal/editorinchief/images/btn-icon03.png');width:20px;height:20px;}
.journal-box > .bnt-box > a.btn03:hover:after{background-image:url('../../../AboutJournal/editorinchief/images/btn-icon03-hover.png');}

.journal-box > .journal-content{border:1px solid #ccc;padding:35px;transition:all 0.2s;background-color:#fff;}
.journal-box > .journal-content:not(:last-child){margin-bottom:30px;}
.journal-box > .journal-content .titlebox{display:flex;margin-bottom:22px;align-items:center;}
.journal-box > .journal-content .titlebox h5{
  transition:all 0.2s;
  line-height:28px;
  font-size:18px;
  padding-left:10px;
  font-family:'RobotoSlab-bold', 'Mulish', 'Pretendard';
  font-weight:bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.journal-box > .journal-content .titlebox input[type=ck1]{width:40px;height:40px;border-radius:5px;}
/*input 은 숨겨주기*/
input.ck1{
    display:none;
    }
  /*input 바로 다음의 label*/
  input.ck1 + label{
    cursor:pointer;
   }

  /*input 바로 다음의 label:before 에 체크하기 전 CSS 설정*/
  input.ck1 + label:before{
    content:"";
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    border:1px solid #cbcbcb;
    border-radius:5px;
    vertical-align:middle;/*체크 전과 체크 후 높이 차이 때문에 설정*/
    }

  /*checked된 input 바로 다음의 label:before 에 체크 후 CSS 설정*/
  input.ck1:checked + label:before{
    content:"\f00c";/*폰트어썸 유니코드*/
    font-family:"Font Awesome 5 free"; /*폰트어썸 아이콘 사용*/
    font-weight:900;/*폰트어썸 설정*/
    color:#fff;
    background-color:#1a4987;
    border-color:#1a4987;
    font-size:17px;
    text-align:center;
    }
.journal-box > .journal-content .contentbox h5{line-height:28px;font-size:20px;margin-bottom:30px;font-family:'Pretendard-SemiBold';}
.journal-box > .journal-content .contentbox .author{font-size:16px;color:#757575;line-height:24px;}
.journal-box > .journal-content .contentbox .author-eng{font-size:16px;color:#717171;line-height:24px;margin-bottom:30px;}
.journal-box > .journal-content .contentbox .affiliation{font-size:16px;color:#757575;line-height:24px;}
.journal-box > .journal-content .contentbox .affiliation-eng{font-size:16px;color:#717171;line-height:24px;margin-bottom:30px;}
.journal-box > .journal-content .contentbox .journal-info{font-size:16px;color:#757575;line-height:24px;margin-bottom:30px;}
.journal-box > .journal-content .journal-bottom{display:flex;justify-content:space-between;align-items:center;}
.journal-box > .journal-content .journal-bottom .journal-link{width:100%;font-size:16px;color:#219893;text-decoration:underline;font-family:'RobotoSlab-Regular';line-height:24px;}
.journal-box > .journal-content .journal-bottom .journal-download{display:flex;width:100%;justify-content: flex-end;}
.journal-box > .journal-content .journal-bottom .journal-download > a{transition:all 0.2s;position:relative;width:110px;height:35px;line-height:35px;display:block;border:1px solid #bac8d3;background-color:#f8fafb;color:#404040;border-radius:5px;padding-left:15px;font-size:14px;}
.journal-box > .journal-content .journal-bottom .journal-download > a.abstract, .journal-box > .journal-content .journal-bottom .journal-download > a:hover{background-color:#005373; background-color: #284a94; color:#fff;}
.journal-box > .journal-content .journal-bottom .journal-download > a:after{position:absolute;right:15px;top:50%;transform:translateY(-50%);content:'';display:inline-block;}
.journal-box > .journal-content .journal-bottom .journal-download > a.abstract:after{transition:all 0.2s;width:15px;height:9px;background-image:url('../../../AboutJournal/editorinchief/images/down-icon01.png')}
.journal-box > .journal-content:hover .titlebox h5, .journal-box > .journal-content.on .titlebox h5{text-decoration:underline;}
.journal-box > .journal-content:hover, .journal-box > .journal-content.on{background-color:#f3f8fa; background-color: #eaf1fc; box-shadow:0 1px 10px rgb(0 0 0 / 20%);}
.journal-box > .journal-content:hover .journal-bottom .journal-download > a.abstract::after, .journal-box > .journal-content.on .journal-bottom .journal-download > a.abstract::after{background-image:url('../../../AboutJournal/editorinchief/images/down-icon01-hover.png')}
.journal-box > .journal-content .journal-bottom .journal-download > a.xml{width:140px;}
.journal-box > .journal-content .journal-bottom .journal-download > a.pdf:after{width:16px;height:14px;background-image:url('../../../AboutJournal/editorinchief/images/down-icon02.png')}
.journal-box > .journal-content .journal-bottom .journal-download > a.pdf:hover:after{width:16px;height:14px;background-image:url('../../../AboutJournal/editorinchief/images/down-icon02-hover.png')}
.journal-box > .journal-content .journal-bottom .journal-download > a.xml:after{width:15px;height:14px;background-image:url('../../../AboutJournal/editorinchief/images/down-icon03.png')}
.journal-box > .journal-content .journal-bottom .journal-download > a.xml:hover:after{width:15px;height:14px;background-image:url('../../../AboutJournal/editorinchief/images/down-icon03-hover.png')}
.journal-box > .journal-content .journal-bottom .journal-download > a:not(:first-child){margin-left:10px;}


.journal-box > .journal-content .journal-text .textbox{margin-top:55px;}
.journal-box > .journal-content .journal-text .textbox:not(:last-child){margin-bottom:30px;}
.journal-box > .journal-content .journal-text .textbox strong{font-size:16px;font-family:'RobotoSlab-Bold';display:block;margin-bottom:12px;}
.journal-box > .journal-content .journal-text .textbox p{font-size:16px;color:#717171;line-height:24px;text-align:justify;word-break:keep-all;}