@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}



@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}




/* CSS 기본세팅 _ 초기화 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body{width:100%; height:100%;  }
html{overflow-y: scroll;}
body,input,textarea,select,button,table{font-family:"Noto Sans KR"; font-size:13px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#212121}
a:hover,a:active,a:focus{text-decoration:none;color:#c58146}
* { box-sizing: border-box;    }

/*프린트*/

@media print {
#modalSitemap { display: none; }
}
/* 공통 */

.pl0{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important; display: block;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important; display:block;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.mr05{margin-right:05px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mb03{margin-bottom:3px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

.pd0 { padding:0 !important;}
.po_r { position: relative;   }
.po_a { position: absolute;  }



.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px;}
.fs20{font-size:20px !important;}
.fs25{font-size:25px !important;}
.fs30{font-size:30px !important;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}

.lh34 { line-height:34px;}
.lh42 { line-height:42px;}
.lh170 {line-height: 170% !important ;}
.italic {font-style: italic !important ;}

.W30{width:30px;}
.W40{width:40px;}
.W50{width:50px;}
.W60{width:60px;}
.W70{width:70px;}
.W80{width:80px;}
.W90{width:90px;}
.W100{width:100px !important;}
.W110{width:110px;}
.W120{width:120px;}
.W130{width:130px;}
.W140{width:140px;}
.W150{width:150px;}
.W160{width:160px;}
.W170{width:170px;}
.W180{width:180px;}
.W190{width:190px;}
.W200{width:200px;}
.W210{width:210px;}
.W220{width:220px;}
.W230{width:230px;}
.W240{width:240px;}
.W250{width:250px;}
.W260{width:260px;}
.W270{width:270px;}
.W280{width:280px;}
.W290{width:290px;}
.W300{width:300px;}

.m_color { color: #265297;  }
.block { display:block;}
.i_block { display: inline-block;}

.ta_left { text-align:left !important;}
.ta_right { text-align:right !important;}
.ta_center {  text-align:center !important;  }
.fw_bold { font-weight:bold !important;}
.gray_bg {background: #f6f6f6;}
.gray_c { color:#666 !important;   }

/* 시작 */
body {min-width:1200px;color:#4c4c4c;}
.wrap {width:1350px; margin:auto;     }


/* 국문일 때 다른 폰트 적용 */
/* :lang(ko) #header #menu .main_menu > a{ font-family: 'S-CoreDream'; font-weight: 600;} */
:lang(ko) #header #menu .map-1-item > a{ font-family: 'S-CoreDream'; font-weight: 600;}

/*
#title .wrap { width:1300px;}
#menu .wrap { width:1300px;}
*/
#header {    }

#header #top_p {padding: 10px 0; height: 40px; position: absolute;
  width: 100%;   }
#header #top_p div { position:relative;}
#header #top_p ul {   position: absolute; right: 0; width: 285px; display: flex;
  justify-content: flex-end; }
#header #top_p ul li {display: inline-block;     }
#header #top_p ul li:first-child, #header #top_p ul li:nth-child(2){ margin-right: 10px;     }
#header #top_p ul li a { color: #fff; font-family: "Montserrat"; transition: all 0.5s ease-out;  }
#header #top_p ul li a i {margin-right: 5px; }
#header #top_p ul li a.eng i {  top: 1px;
  color: #333; position: relative;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  width: 13px;
  text-align: center;
  height: 12px;
  line-height: 11px;
  border-radius: 3px;
  font-family: "Noto Sans KR";
  font-style: normal; }
#header #top_p ul li a.eng i img { position:absolute; top:0; left:0;  }  
#header #top_p ul li a.eng i .eng_icon_hover { display:none;  }   
#header #top_p ul li a.eng:hover i .eng_icon  { display: none;   }
#header #top_p ul li a.eng:hover i .eng_icon_hover  { display: block;   }
#header #top_p ul li a:hover { color: #efbf94;   }
#header #top_p ul li div {     }
#header #top_p ul li div input  { padding-left: 10px;  width: 252px; height: 20px; border: 0;    }
#header #top_p ul li div a { margin-left:5px;}
#header #top_m {display:none;  }
#header #top_m .wrap {position: relative;
height: 50px;    }
#header #top_m .wrap a { position: absolute; right: 0px; height: 50px;  border-right: 1px solid #ccc; width: 50px; text-align: center; display: block;      border: 0}

#header #top_m .wrap a i {font-size: 22px; color: #999; line-height: 50px;}

#header #title { background:url(../img/tit_bg.jpg) no-repeat top right; width:100%; height:230px;  padding-top: 50px; padding-bottom: 50px;  background-size: cover;   }

#header #title .top_tit_box { display: flex; justify-content: space-between; }
#header #title .top_tit_box article {  }
#header #title .top_tit_box article.top_tit_box_left {  }
#header #title .top_tit_box article.top_tit_box_left img.top_logo,
#header #title .top_tit_box article.top_tit_box_left img.tit_k { height:70px;  transition: height 0.5s ease-out;    }
#header #title .top_tit_box article.top_tit_box_right {flex-direction: column-reverse;
  display: flex;
  padding-top: 30px;
  text-align: right;  }
#header #title .top_tit_box article.top_tit_box_right a {  }
#header #title .top_tit_box article.top_tit_box_right a img {  width:138px;}
#header #title .top_tit_box article.top_tit_box_right span.issn_txt { color: #fff;
  border:
1px solid #fff;
  padding:
3px 15px;
  border-radius:
10px;
  font-size: 15px; height: 30px;}
#header #title .top_tit_box article.top_tit_box_right span.issn_txt small { margin: 0 5px; }

#header #title .wrap div #main_tit.gradient-text {     font-size: clamp(46px, 5vw, 54px); transition: font-size 0.5s ease-out;
   line-height: 40px;
  font-style: italic;
  /*font-family: 'S-CoreDream';*/
  font-family: 'NotoSerifKR';
  letter-spacing: -1.5px;
padding-right: 10px;/*이틸릭체 잘림 방지*/
  /* 그라데이션 색상 설정 */
  background: linear-gradient(to right, #aa8665, #e3cfb5, #fff, #aa8665, #e3cfb5, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
background-size: 200% 100%;
  /* 애니메이션 효과 설정 */
  animation: gradient-animation 5s ease-in-out infinite;
}

@keyframes gradient-animation {
     0% {
        background-position: 0;
    }

    100% {
        background-position: 100%;
    }
}

.es_btn { font-size: 20px; color: #473124;
  font-weight: bold; transition: font-size 0.5s ease-out;
  padding:
6px 20px;
  border-radius:
20px;
  position: relative;
  top: 5px;
  margin-left: 10px;}
.es_btn:hover { color: #6d3c3c; }
.es_btn  b {  color:#2f2f2f ;  }
.es_btn  i.fa-desktop { color: #623f3f;  }
.es_btn  i.blink {  color:#934650;
  animation: blink-effect 1s step-end infinite;

  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}

/*.os_btn:hover { background: #fff;   }
.os_btn:hover i {  color:#2f2f2f;  }*/

/*메인에 온라인논문투고 링크 추가*/
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

/*메인 온라인논문투고 링크 애니메이션*/
.jumbotron {

    background: linear-gradient(-45deg, #fff, #f7e8d1, #fff, #e0c6b3);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
}
@keyframes gradient {
    0% {
     background-position: 0% 50%;
    }
    50% {
     background-position: 100% 50%;
    }
    100% {
     background-position: 0% 50%;
    }
}

#header #title .wrap div span { color: #120705;  }

#header #title .wrap div .issn_txt {  }
#header #title .wrap div span p { line-height: 25px;  font-size:16px;  color: #243a2c;  margin-top: 5px;  font-family: "Montserrat"; font-weight: 500;}
#header #title .wrap div span img { float:left; margin-left:10px; width: 150px;   }



/* #header #menu { background-color: #3b151a; height: 50px; position: relative; z-index: 99;    }
#header #menu .main_menu {  width: 20%; float: left; text-align: center;     height: 50px;}
#header #menu .main_menu > a {  font-size: 20px; color: #fff; line-height: 50px; display: block;  font-family: "Montserrat"; font-weight:500;}
#header #menu ol { display:none;   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;  }
#header #menu ol > li { background-color: #dad0d0; border-bottom: 1px solid #c0adad;  }
#header #menu ol > li:last-child { border-bottom:0; }
#header #menu ol li a {      font-size: 16px; padding: 15px 0; display: block;  font-weight: 400; font-family: 'S-CoreDream';  }
#header #menu ol li a:hover {  color: #7c343e; }
#header #menu ol li ul {  }
#header #menu ol li ul li {  background: #cbb9b9;border-bottom: 1px solid #b39494;}
#header #menu ol li ul li:last-child { border-bottom:0; }
#header #menu ol li ul li a {  padding: 10px 0;font-size: 14px;color: #5f3a41;} */

#header #menu { background-color: #3b151a; height: 50px; position: relative; z-index: 99;    }
#header #menu .map-1-item {  width: 20%; float: left; text-align: center;     height: 50px;}
#header #menu .map-1-item > a {  font-size: 20px; color: #fff; line-height: 50px; display: block;  font-family: "Montserrat"; font-weight:500;}
#header #menu .map-1-item > a:hover{color: #e8d8c6;}
#header #menu .map-2 { display:none;   box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;  }
#header #menu .map-2 > li { background-color: #dad0d0; border-bottom: 1px solid #c0adad;  }
#header #menu .map-2 > li:last-child { border-bottom:0; }
#header #menu .map-2 li a {      font-size: 16px; padding: 15px 0; display: block;  font-weight: 400; font-family: 'S-CoreDream';  }
#header #menu .map-2 li a:hover {  color: #7c343e; }
#header #menu .map-2 li ul {  }
#header #menu .map-2 li ul li {  background: #cbb9b9;border-bottom: 1px solid #b39494;}
#header #menu .map-2 li ul li:last-child { border-bottom:0; }
#header #menu .map-2 li ul li a {  padding: 10px 0;font-size: 14px;color: #5f3a41;}

/* GNB 2depth, 3depth class on이면 1depth에 on class 추가 */
#header #menu .on {}
#header #menu .on > a { color: #c29f8a !important; }
#header #menu .on .map-2-item.on > a { color: #8e5350 !important; }
#header #menu .map-2 li ul li.on a {color: #7c343e !important;  }

#con  { width:1350px; margin:auto;  padding-top: 30px;    /*! width: calc( 100% - 315px ); */}

#con .wrap { position: relative; width: 100%;
/*! padding-right: 285px; *//*! width: calc( 100% - 315px ); */
}


#con div {     }
#con .wrap:after { content:""; clear:both; display:block; }
#contents {    float: left;

    min-height: 1229px;
position: relative;
width: calc( 100% - 440px ); margin-right:30px;
}
#aside {     width: 410px;  float: left;

}

#aside section  { margin-bottom: 10px; text-align: center;     }
#aside section#search {  background: url(../img/book_bg_st.jpg) no-repeat center center; height: 50px;   text-align: left;     }
#aside section#search form {    }
#aside section#search input { width: calc( 100% - 88px ); height: 30px; border: 0; margin: 10px; padding-left: 10px;     }
#aside section#search a { color: #fff;   }


#aside .aside_box article:nth-child(1) a {  background:url(../img/right_bn_bg1.jpg) no-repeat 0 0; text-align:center; height: 145px; padding-top: 40px;  background-size: cover;  }
#aside .aside_box article:nth-child(1) a:nth-child(2) {  background:url(../img/right_bn_bg2.jpg) no-repeat 0 0; text-align:center; height: 130px; padding-top: 20px;  background-size: cover; }


#aside .aside_box article:nth-child(2) {  background:url(../img/right_bn_bg3.jpg) no-repeat 0 -10px; text-align:left; height: 293px;   background-size: cover; padding: 40px 20px 0 20px;}
#aside .aside_box article h4 { font-size:26px; line-height:46px;   color:#fff; font-family: 'S-CoreDream'; font-weight: 800; }
#aside .aside_box article:nth-child(1) a:nth-child(1) h4 i { color:#e2bc98;  margin-right: 5px;   }
#aside .aside_box article:nth-child(1) a:nth-child(2) h4 i { color:#fff;  margin-right: 5px;   }
#aside .aside_box article p  { font-size:15px; color:#fff;  }
#aside .aside_box article:nth-child(2)  h4 { color:#1a4223;  }
#aside .aside_box article:nth-child(2)  p { text-align: left;  margin-top: 10px; line-height: 20px;  font-size: 14px;color: #1b3023;}
#aside .aside_box article:nth-child(2)  p span {    display: block;margin-top: 10px;font-size: 15px;color: #5c4221;font-family: "Montserrat";font-weight: 700;line-height: 150%;}
#aside .aside_box article:nth-child(1) a { color:#fff; display:block; margin-bottom: 10px;}
#aside .aside_box article:nth-child(1) a:nth-child(1) p { font-size: 14px; }
#aside .aside_box article:nth-child(1) a:nth-child(2) p { font-size: 13px;  padding: 0 10%;}
#aside ul:after { content:""; clear:both; display:block; }
#aside ul li { text-align: center; border:1px solid #bdbdbd; float:left;  border-radius: 16px;width: 49.5%;margin-bottom: 5px;}
#aside ul li:nth-child(odd) { margin-right:1%;}
#aside ul li a { display:block;    padding: 10px 0;}
#aside ul li a img {  width: 75%;  /*! min-width: 90%; */}

#aside .j_info_box {   padding: 30px;box-sizing: border-box; background: #f1efef;}
#aside .j_info_box h3 { font-size:26px; color:#437e1b;   font-family: "Montserrat"; font-weight:700;   margin-bottom: 10px; display: none;}
#aside .j_info_box div {    }
#aside .j_info_box div:after{content:''; display:block; clear:both;}
#aside .j_info_box div .current_cover {    width: 55%;float: left;}
#aside .j_info_box div .current_cover img {    width: 90%;}
#aside .j_info_box div .j_info_con {    float: left;width: 45%;font-size: 12px;}
#aside .j_info_box span {    color: #31426b;display: block; margin-top: 10px;font-weight: 500;}
#aside .j_info_box div .j_info_con span:first-child {  margin-top: 0; }
#aside .j_info_box .j_info_con2 { /*background: #f1efef;*/   }
#aside .j_info_box .j_info_con2 span { margin-bottom: 7px; }
#aside .j_info_box .j_info_con2 a {width: 25%;
  display: inline-block; }
#aside .j_info_box .j_info_con2 a img {mix-blend-mode: multiply;}
#footer { background: #e4e4e4; margin-top: 60px; padding: 0 0 40px 0 ;      }
#footer .copyright {   width:1350px;  text-align:center;    margin: 60px auto 0 auto;   }
#footer .copyright p {color: #333;  font-weight: 300;}
#footer .copyright p:nth-child(1) { text-align:left;  }
#footer .copyright p:nth-child(2) { text-align:right;  }
#footer .copyright p:nth-child(2) i a { margin-left: 10px; }
#footer #toTop {  position: fixed; bottom: 15px; right: 15px; cursor: pointer;  }
#footer #toTop i { font-size: 30px;  }

/* Current Issue 불러오는 부분*/
.issueArticles h3 { display: inline-block;
  color: #9e7146 !important;
  font-size: 19px !important;
  padding:
5px 15px;
  font-family: 'S-CoreDream';
  font-weight: 500;
  border:
1px solid #9e7146; }
.issueArticles h4 {   font-size: 20px;
margin-top: 20px;
color: #bb8c59;  font-weight: 500;  }

.v_count {  color: #fff;
    padding: 0 5px;
    display: inline-block;
    background: #a37f5c;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 12px; }
.title { display:block; margin-bottom:10px;}
.title a {  font-size: 22px;
  margin-bottom: 7px;
  display: inline;
  word-break: keep-all;
  line-height: 145%;
  margin-right: 10px;
  color: #374064;
  font-family: 'S-CoreDream';
  font-weight: 700;}
.author { color: #383838;
margin-bottom: 30px;
font-weight: 500;
font-size: 16px;}
.author a { left: 2px; position: relative; bottom: 2px; margin-right: 4px; }
.info {line-height: 23px !important;
font-size: 14px;
font-weight: 500;
color: #443939;}
.link {position: relative; }
.link .doi{ line-height: 23px !important;  word-break: break-all;  }
.preview { color: #986729 !important; font-size: 15px !important; margin-top: 10px; display: inline-block;   font-family: "Montserrat";font-weight: 500; margin-bottom: 10px; cursor: pointer;}
.list_btn_box { position:relative;}
.articles li {  border-bottom: 2px solid #ddd; padding-bottom: 30px; padding-top: 30px;  }
.articles li:last-child { border-bottom:0; }
 .maindown_btn { position: absolute; right: 0;
    top: 10px;}
 .downloadPdf {background: #6b3038; color: #fff; padding: 5px 10px;   font-family: "Montserrat";font-weight: 500;}
 .exportCitation {  background: #374064; color: #fff; padding: 5px 10px;  font-family: "Montserrat";font-weight: 500;}
 .downloadPdf:hover, .exportCitation:hover {color: #fdb833;}

.list_btn_box



/*2019 04 24 asy add*/
ul.articles a.preview {color: #0d3c7d; line-height:160%; cursor:pointer; }
ul.articles a.preview_on { }
ul.articles a.preview:hover{text-decoration:underline;}
ul.articles div.abstract {background-color: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 15px; width: 100%; display:none;}


/*link_tab*/
.link_tab { width:100%;  margin-bottom: 20px;   }
.link_tab { border-top: 1px solid #ddd; border-left: 1px solid #ddd;   }
.link_tab:after { content:""; clear:both; display:block; }
.link_tab li { float: left; border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd; width:50%;   }
.link_tab li a {  display: block; padding: 13px; font-size: 16px; text-align:center;   }
.link_tab li a:hover {color:#d2863b; background: #f5f5f5;  }
.link_tab li.on a { background: #68431f; color:#fff;    }





/*메인페이지 Current Issue*/
.main_h3_tit {font-size: 28px;
color: #22273b;

margin-bottom: 20px;
font-family: 'S-CoreDream';
font-weight: 800; }
.main_h3_tit span {background: #437e1b;
color: #fff;
font-size: 21px;
padding: 2px 25px;
font-family: "Noto Sans KR";
margin-left: 10px; }

/* 상단 모바일용 검색 */
/* 검색 */
select {height:25px; margin:0; border: 1px solid #dcdcdc; padding:0; font-size:13px; vertical-align:middle; color:#464646;}
input[type='text'],
input[type='password'],
input[type='file'],
input[type='search'] {height:23px; line-height:20px; font-size:15px; margin:0; border:1px solid #dcdcdc; color:#464646; padding:0 0 0 1%; vertical-align: middle;background:#fff;}

img,input,label{vertical-align:middle;}

.sb-search {
	position: absolute;
	width: 0;

	right:49px;
	min-width: 60px;
	height: 5px;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 70%;
	height: 50px !important;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-size: 20px;
	color: #000;
}

.sb-search-input::-webkit-input-placeholder {
	color: #bfbfbf;
}

.sb-search-input:-moz-placeholder {
	color: #bfbfbf;
}

.sb-search-input::-moz-placeholder {
	color: #bfbfbf;
}


.sb-search-input:-ms-input-placeholder {
	color: #bfbfbf;
}

.sb-icon-search,
.sb-search-submit  {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 37px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	background: #fff;
	z-index: 90;
	font-size: 22px;
	speak: none;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.sb-icon-search i {    line-height: 50px; color: #999; }

/*
.sb-icon-search:before {
	content: "\e000";
}

*/

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #d9d3c9;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

/*모바일용 검색 끝*/



/*모바일용 메뉴시작*/


/* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999999999; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content {
                width: 300px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;  background: #fff;  transition: right 0.5s ease-out;     height: 100%;
        }
        /* The Close Button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

	  #menu_top { display:none;}

    /* #m_nav .m_menu > li > a {  font-size: 18px; margin-bottom: 33px;  }
    #m_nav .m_menu .m_sub li a { font-size: 15px; color: #666;  }
    #m_nav .m_menu .m_sub li a:hover { color:#738146 ; font-weight:bold;   } */
    #m_nav {background: #fff;}
	#m_nav .map-1 > li > a {  font-size: 18px; margin-bottom: 33px;  }
    #m_nav .map-1 .map-2 li a { font-size: 15px; color: #666;  }
    #m_nav .map-1 .map-2 li a:hover { color:#738146 ; font-weight:bold;   }


/* 인용하기 모달팝업 */
        .modal2 {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999999999; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content2 {
            background-color: #fefefe;
            margin: 10% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 40%; /* Could be more or less, depending on screen size */
        }

	   .modal-content2 h2 {   }
	   .modal-content2 #body .export legend {   }

/*	   .modal-content h3 {text-align: center; font-size: 31px; padding: 20px 0; border-bottom: 1px dotted #267ac2; margin-bottom: 15px; color:#267ac2 ;    }
	   #m_navt .m_menu { float:left;  width: 100%; text-align: center;  margin-bottom: 20px;     margin-top: 10px;    }
	   #m_nav:after { content:""; clear:both; display:block; }
	   #m_nav .m_menu:after { content:""; clear:both; display:block; }
	   #m_nav .m_menu > li {   width: 20%; float:left;  text-align: center; }

	   #m_nav .m_menu > li > a span { display:none;}
	   #m_nav .m_menu .m_sub {   width: 100%;  }

	   #m_nav .m_menu .m_sub li { margin: 30px 0;    }
	   */






.img_list {   }
.img_list:after{content:''; display:block; clear:both;}
.img_list .list_img { float:left;width: 250px;/*border: 1px solid #c9c9c9;*/padding: 10px;margin-right: 20px; height:185px; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.img_list .list_img img { width:100%; height:100%;     }
.img_list .list_txt { float:left;display: block;width: calc( 100% - 270px );}
.img_list .list_txt2 { float:left;display: block;width: 100%;}




/*slick-slide*/
.slider {
        width: 50%;
        margin: 100px auto;

    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }




/*most_box*/
.most_box {border: 1px solid #d7d7d7; text-align: left;background: #fff; width:100%; }
.most_box:after{content:''; display:block; clear:both;}
.most_box section { float:left;    }
.most_box .most_img  {width:30%;background:#fff;height: 280px;position: relative;}
.most_box .most_txt  {width:70%; box-sizing: border-box; background-size:cover; padding: 36px 30px; }
.swiper .swiper-wrapper > div:nth-child(1) .most_txt, .swiper .swiper-wrapper > div:nth-child(5) .most_txt  {  background: url(../img/most_txt_bg1.jpg) no-repeat center center; background-size:cover; }
.swiper .swiper-wrapper > div:nth-child(2) .most_txt, .swiper .swiper-wrapper > div:nth-child(6) .most_txt {  background: url(../img/most_txt_bg2.jpg) no-repeat center center; background-size:cover; }
.swiper .swiper-wrapper > div:nth-child(3) .most_txt, .swiper .swiper-wrapper > div:nth-child(7) .most_txt {  background: url(../img/most_txt_bg3.jpg) no-repeat center center; background-size:cover; }
.swiper .swiper-wrapper > div:nth-child(4) .most_txt, .swiper .swiper-wrapper > div:nth-child(8) .most_txt {  background: url(../img/most_txt_bg4.jpg) no-repeat center center; background-size:cover; }

.most_box .most_img img {     position: absolute;max-width: 100%;max-height: 100%;width: auto;height: auto;margin: auto;top: 0;bottom: 0;left: 0;right: 0;}
.most_box .most_txt .most_info {   color: #e2bc98;font-size: 16px;margin-bottom: 10px;}
.most_box .most_txt .most_tit {   font-size: 24px;color: #fff;line-height: 135%;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;height: 100px;margin-bottom: 20px;
/*font-weight: 500;  font-family: 'NotoSerifKR'; */font-family: 'S-CoreDream'; font-weight: 700;}
.most_box .most_txt .most_author {height: 54px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden; font-size: 15px;
  font-weight: 200;}
.most_box .most_txt .most_author a img { display:none;}


/*site_map*/
div.site_map {   background: #fff;border-top: 1px solid #e3e3e3;}
div.site_map .wrap { display: flex; padding: 40px 0;}
div.site_map section {  flex: 1 1 auto;}
div.site_map section  a.site_map_tit {  font-size: 20px;margin-bottom: 20px;display: block; font-family: 'S-CoreDream'; color: #7c343e;}
div.site_map section ol {  }
div.site_map section ol li { margin-top: 15px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;}
div.site_map section ol li a {  }
div.site_map section ol li a:hover { color:#7c343e;}
div.site_map section ol li ul {  margin-top: 13px;}
div.site_map section ol li ul li {  margin-top: 7px;}
div.site_map section ol li ul li a {  font-size: 12px;color: #885e64;}

/*사용자 해상도가 1430px 이하일 때 이 코드가 실행됨.*/
@media only screen and (max-width:1430px) {
div.site_map .wrap {     padding: 40px 20px; }
/*#aside ul li a img { width:80%;    }
#aside .aside_box article:nth-child(2) { height:auto; padding: 40px 20px;}*/
}

@media only screen and (max-width:1380px) {
body { 	min-width: auto;}
.wrap { width:100%;     box-sizing: border-box;  }
#menu .wrap { width:100%;     box-sizing: border-box;  }
#header{ width:100%;}
#header #title .wrap  { width:100%;     padding: 0 20px;}


#header #menu  { width:100%; }
/* #header #menu .main_menu { } */
#header #menu .map-1-item { }


#header #top_p div  {width:100%; position: absolute;  }
#con { width:100%; padding:0 20px; margin-top: 20px; }
#contents { /*! width:auto; */}
#footer .copyright	 { width:100%; padding: 0 20px;}

#header #title .wrap div #main_tit { }

#header #top_m {display:none;  }
#header #top_p ul { right:10px;   }

 }

@media only screen and (max-width:1360px) {

#contents {width: 65%;
    margin-right: 5%;  }
#aside { width: 30%;   }
}


@media only screen and (max-width:1366px) {
#aside .j_info_box div .current_cover { width: 100%; float: none;margin-bottom: 10px;   }
#aside .j_info_box div .current_cover img {   width: 70%; margin: 0 15%;  }
#aside .j_info_box div .j_info_con {width: 100%; float: none;    }
#aside .j_info_box div .j_info_con span {  display: inline;  }
#aside .aside_box article h4 { font-size: 24px;    }
}

/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨.*/
@media all and (min-width:1024px) and (max-width:1300px) {


#con .wrap {/*! padding:0 315px 0 10px; */   }
#aside { right:10px;}
#header #top_m {display:none !important;  }
#book_info { display: block;}
 .modal-content2 { width:60%;}
}


@media all and (max-width:1230px) {
#header #title {padding-top: 40px; }
.es_btn {        padding: 3px 15px;  font-size: 19px;  }
.top_tit_box { display: block !important; }
#header #title .top_tit_box article.top_tit_box_right {text-align: left;
        padding-top: 15px;
        flex-direction: row; gap: 1%; }
#header #title .wrap div #main_tit.gradient-text { font-size: clamp(33px, 5vw, 46px);}
#header #title .top_tit_box article.top_tit_box_left img.top_logo, #header #title .top_tit_box article.top_tit_box_left img.tit_k {height: 55px;  }
#header #title .top_tit_box article.top_tit_box_right a img { width: 110px;  }
#header #title .top_tit_box article.top_tit_box_right span.issn_txt {        border: none;
        padding: 14px 0;
        color: #dab797;
        height: auto;  }

}

@media all and (max-width:1200px) {
#header #title { /*padding-top: 15px; */  }

#header #title .wrap div .issn_txt {  float: inherit;  }

div.site_map section { padding-right: 15px; }
}


@media all and (max-width:1080px) {
#header #title {background: url(../img/tit_bg.jpg) no-repeat 70%;}
}



@media all and (min-width:1024px) {
.modal { display:none !important;}
div.site_map section a.site_map_tit {height: 56px;  }
}

@media all and (max-width:1024px) {

#header {      /* background: #cdbeb0;*/ }
.sb-icon-search {  /*background: #3b151a; border: none;*/  height: 50px; }
.sb-icon-search i { color:#754b50;}
#header #top_m .wrap a i {  color:#3b151a;  }

#header #top_p { display:none;}

#header #menu  { display:none;}
#header #top_m { display: block;  overflow: hidden;}
#header #top_m .top_m_tit{              position: absolute;
        color: #aa8665;
        left: 10px;
        font-family: 'S-CoreDream';
        font-weight: 800;
        font-size: 30px;
        top: 0;
        height: 50px;
        line-height: 50px;
        display: block; }
#header #top_p div  {width:100%; position: absolute;  }

#header #myModal .modal-content { border:0;}

.modal { height:100%;}
.modal-content {  }
.modal-content h3 { display:none;}
.modal-content #m_menu_tit {padding: 15px 20px;}
.modal-content #m_menu_tit a { display:block;   color: #999;
    font-size: 20px;  width: 190px;  }
.modal-content #m_menu_tit img {width: 155px;}

#menu_top { display: block; width:100%; }
#menu_top:after { content:""; clear:both; display:block; }
#menu_top li { float:left; width:50%; }
#menu_top li a { display:block; color:#fff; padding: 10px; text-align: center; }
#menu_top li a i { margin-right:5px;    }
#menu_top li a i.eng {    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 13px;
    text-align: center;
    height: 16px;
    line-height: 11px;
    border-radius: 3px;
    font-family: "Noto Sans KR";
    font-style: normal;  }
#menu_top li:first-child { background-color:#656060;    }
#menu_top li:last-child { background-color:#aa8665;    }
.modal-content .close  {margin: 5px 15px  0 15px;}

/* #m_nav .m_menu  { float: none; width: 100%; text-align: left; margin: 0;    }
#m_nav .m_menu > li { float:inherit; width: 100%; text-align:left;}
#m_nav .m_menu > li > a {  padding: 20px 0 20px 15px; margin-bottom: 0;border-bottom: 1px solid #ccc; position:relative; display: block;  }
#m_nav .m_menu > li > a > span {display:block;position: absolute;right: 15px;top: 25px;color: #999}
#m_nav .m_menu .m_sub { background-color: #efefef;     margin: 0; display:none;    /* s_menu 감춤 }
#m_nav .m_menu .m_sub li { height:auto;     margin: 0; border-bottom: 1px solid #C9C9C9;  }
#m_nav .m_menu .m_sub li a { display: block;  font-size: 16px;   padding: 15px 0 15px 20px; }
#m_nav .m_menu .m_sub li a:hover { color:#aa8665;}
#m_nav .m_menu .m_sub li div { background: #dddad8ef; }
#m_nav .m_menu .m_sub li div a { font-size: 15px; border-bottom: 1px solid #c7c0bbef;
        padding: 10px 20px;
        color: #956856; }
#m_nav .m_menu .m_sub li div a:last-child { border-bottom: 0; } */

/* sitemap */
#m_nav .map-1 {width:90%; margin:0 auto; padding:10px 0;}
#m_nav .map-1 h2 {position:relative; display:flex; align-items:center; text-align:left; border-bottom:1px solid #ddd; font-size:1.125rem; padding:20px; margin-bottom:0; transition: var(--transition); cursor: pointer;}
#m_nav .map-1 h2 i {display:block; position:absolute; right:20px; font-size:1.125rem; color:#999; transition:var(--transition);}
#m_nav .map-1 h2.open i {transform: rotate(180deg);}
#m_nav li .map-2 {width:100%; background: #efefef; }
#m_nav li .map-2 li a {display:block; font-size:1rem; padding:10px 20px;}
/*#m_nav li .map-2 li:last-child a {padding-bottom: 15px;  }*/

#m_nav li .map-2 li a:hover {color:var(--colorB); text-decoration:underline;}
#m_nav li .sitemap-2dep {display:none; background:var(--gray2); /*padding:10px 0;*/}
#m_nav li .sitemap-2dep.open {display:block;}

#m_nav li .sitemap-2dep.open .sitemap-3dep .map-3 { background: #f9f9f9; }
#m_nav li .sitemap-2dep.open .sitemap-3dep .map-3 li a {     font-size: 14px;
    color: #447097; }
#m_nav li .sitemap-2dep.open .sitemap-3dep .map-3 li:last-child a { padding-bottom: 15px; }

#header #title {padding-bottom: 20px;
    height: auto;
    padding-top: 15px;   background-position: 60% 0;  border-bottom: 1px solid #98b1a1;
    margin-bottom: 20px;  }

#header #title .wrap div { float:none;   }
#header #title .wrap div { width:100%; padding:0 10px;    }

#header #title .wrap div #main_tit { font-size: 5vw; }



#aside section#search { display:none;}
#con {margin-top: 0; }

.link .maindown_btn {position: initial;
    display: block;
    text-align: right;
    margin-top: 10px;  }
ul.articles a.preview_on  {   margin-bottom:10px;}
 .modal-content2 { width:70%;}



.img_list .list_img { width: 30%; height: auto;}
.img_list .list_txt { width: calc( 70% - 20px );}



#con .wrap { padding:0 10px;  }


#contents {  width: 100%;
    margin-right: 0;
    float: none;  min-height: auto;}

#aside { position: inherit;
    width: 100%;  margin-top:20px;   }
#aside section {	/*height: 236px;*/ margin-top: 20px; }
#aside section:after { content:""; clear:both; display:block; }
#aside section article {         width: 100%;
        float: none;  }
#aside .aside_box article:nth-child(1) { margin-right:2%;}
#aside .aside_box article:nth-child(1) a {    }
#aside .aside_box article:nth-child(2) { height: 268px; padding-top: 40px;  }
#aside .aside_box article:nth-child(2) p { margin-left:0; text-align:center; margin-top: 5px;   }

#aside ul li  {  float: left;    height: 130px;      width: 24%; margin: 0.5%; }
#aside ul li:last-child a img {   } /*로고배너중 세로길이가 긴것은 강제로 높이 맞추기*/
#aside ul li:after { content:""; clear:both; display:block; }
.sub_contents p { text-align:left;}

#aside ul li:nth-child(odd) { margin: 0.5%;   }
#aside ul li a img {    }


#aside .j_info_box div .current_cover {  float: left;  width: 20%;  }
#aside .j_info_box div .current_cover img { width: 80%; margin:0 20% 0 0;    }
#aside .j_info_box div .j_info_con { width: 80%; font-size: 16px;  float: left; }
#aside .j_info_box div .j_info_con span {    }
#aside .j_info_box div .j_info_con span:first-child { font-size: 20px !important; }



}


@media only screen and (max-width: 940px) {

#aside .aside_box article h4 {    font-size: 28px;  }
#aside .aside_box article:nth-child(2) { padding-top: 20px;
    background: url(../img/right_bn_bg3.jpg) no-repeat 0 -63px;   }
#aside .aside_box article:nth-child(2) p { margin-top:0;}
#aside .aside_box article:nth-child(2) p span {     font-size: 14px; }
#aside ul li {  height: auto; }
}



@media only screen and (max-width: 890px) {
    div.site_map {  display: none;}
	#footer .copyright { padding-top: 40px; }
}


@media only screen and (max-width: 840px) {
#footer .copyright p:nth-child(1) { text-align:center;  }
#footer .copyright p:nth-child(2) { text-align:center;  margin-top: 30px;}
}



@media only screen and (max-width: 820px) {
.es_btn { font-size: 16px;
        padding: 2px 10px; }
#header #title .top_tit_box article.top_tit_box_left img.top_logo, #header #title .top_tit_box article.top_tit_box_left img.tit_k {height: 40px;  }
#header #title .wrap div #main_tit.gradient-text {font-size: clamp(33px, 6vw, 46px); line-height: 50px;}
#header #title .top_tit_box article.top_tit_box_right {        padding-top: 10px; gap: 3%; }
}

@media only screen and (max-width: 768px) {
 .modal-content2 { width:80%;}


.most_box section { float: none;    }
.most_box .most_img  {width:100%;}
.most_box .most_txt  {width:100%;}

 #aside .j_info_box div .current_cover {  float: left;  width: 30%;  }
#aside .j_info_box div .j_info_con { width: 70%; font-size: 15px; }

}


@media only screen and (max-width: 720px) {

#aside section article { width:100%;}
#aside ul { margin-top:25px;}
#aside ul li { }
#aside ul li a img  { }
#aside ul li:last-child a img {   }
#footer .copyright { padding-left:20px; padding-right:20px;  }
#footer .copyright p {   font-size:12px;}

 .modal-content2 { width:90%;}
#header #title .wrap div {padding:0;}
#con .wrap  {padding:0;}

.most_box .most_txt .most_tit {height: 100px;  }

}


@media only screen and (max-width: 700px) {
.main_h3_tit span  { display: block;  margin: 10px 0;  }
}


@media only screen and (max-width: 650px) {
#header #title .top_tit_box article.top_tit_box_left {  }
#header #title .wrap div #main_tit.gradient-text { font-size: clamp(26px, 5.5vw, 36px); }
}

@media only screen and (max-width: 580px) {

#header #title .top_tit_box article.top_tit_box_right {         padding-top: 0; }
#header #title .top_tit_box article.top_tit_box_right span.issn_txt { font-size: 14px;  padding: 5px 0;}
.es_btn {  display:none;}
}

@media only screen and (max-width: 530px) {
 .maindown_btn { position: initial;
    display: block;
    margin-top: 10px;}
#header #title .top_tit_box article.top_tit_box_right a img { width: 100px; }
#aside .j_info_box div .j_info_con { font-size: 13px;  }
}



@media only screen and (max-width: 480px) {
#header #title .top_tit_box article.top_tit_box_left img.top_logo, #header #title .top_tit_box article.top_tit_box_left img.tit_k { height: 30px; }
#header #title .wrap div #main_tit.gradient-text {   padding: 0;
        font-weight: 800;
    font-style: normal;  display: block;
       }
#header #title .top_tit_box article.top_tit_box_right { flex-direction: column;  }
}

@media screen and (max-width: 460px) {
ul.articles a.preview {font-size: 13px !important;   }
.link .downloadPdf, .link .exportCitation{    padding: 5px; font-size: 12px;}
#header #title .top_tit_box article.top_tit_box_left img.top_logo {width: 30px;  }
#header #title {   background-size: cover; }
.top_logo{ width: 170px; }
#header #title .wrap div #main_tit {  font-size: 7vw;  }
#header #title .wrap div span p { font-size:15px;  }
.es_btn {font-size: 15px;}
.main_h3_tit span { font-size: 17px; padding: 5px 0 5px 10px; }
.img_list .list_img { width: 100%; margin-bottom: 20px; }
.img_list .list_txt {  width: 100%;  }
.swiper { margin-bottom:30px;}
.articles li { /*padding-top:0; border-bottom: 0;*/}
.title a {     font-size: 20px; }
#aside .j_info_box { padding:15px;}
#aside .j_info_box h3 {  font-size: 24px;}
#aside .j_info_box div .j_info_con span:first-child { font-size: 18px !important;   }
#aside .j_info_box div .j_info_con {  width: 60%; }
#aside .j_info_box div .current_cover { width: 40%;   }

}
@media screen and (max-width: 395px) {
.es_btn	{display: inline-block; margin-left: 0;}

}