@charset "utf-8";



@font-face {
	font-family: "Noto Sans KR";
	font-weight: 100;
	src: url('../font/NotoSansKR-Thin.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 300;
	src: url('../font/NotoSansKR-Light.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 400;
	src: url('../font/NotoSansKR-Regular.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 500;
	src: url('../font/NotoSansKR-Medium.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 700;
	src: url('../font/NotoSansKR-Bold.otf');
}
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 900;
	src: url('../font/NotoSansKR-Black.otf');
}




*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


@charset "UTF-8";
* {padding:0; margin:0;}
html { width:100%;height: 100%; -webkit.top_search_box .int_typet-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {  width:100%;  height: 100%;line-height:normal; background:#fff;font-size: 14px; font-family:"Noto Sans KR",Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;color:#555;  }
body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px;}
fieldset, img, abbr, acronym { margin: 0px; border: 0px; _vertical-align: top; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul,menu { list-style: none; }
legend { position: absolute;visibility: hidden;height: 0;line-height: 0;font-size: 1px;  }
q:before, q:after { content:''; }
a { color: #555; text-decoration: none; }
a:hover { text-decoration: none; }
hr { display: none; }
em { color: inherit; font-weight: normal; font-style: normal; }
table caption {display: none;}
input[type="checkbox"],input[type="radio"] { vertical-align: middle; } 
:focus{outline: none;}

/*공통클래스*/
.mgb_0 { margin-bottom:0px !important;}
.mgt_0 { margin-top:0px !important;}
.mgb_5 { margin-bottom:5px !important;}
.mgb_10 { margin-bottom:10px !important;}
.mgb_20 { margin-bottom:20px !important;}
.mgb_30 { margin-bottom:30px !important;}
.mgb_35 { margin-bottom:35px !important;}
.mgb_40 { margin-bottom:40px !important;}
.mgb_50 { margin-bottom:50px !important;}
.mgb_60 { margin-bottom:60px !important;}

.mgr_0 { margin-right:0px !important;}
.mgr_5 { margin-right:5px !important;}
.mgr_10 { margin-right:10px !important;}
.mgr_20 { margin-right:20px !important;}
.mgt_5 { margin-top:5px !important;}
.mgt_10 { margin-top:10px !important;}
.mgl_5 { margin-left:5px !important;}
.mgl_10 { margin-left:10px !important;}

.dp_none {  display: none; }
.dp_inline { display: inline !important;}
.clear { clear:both !important;}
.fl_none { float: none !important;}
.fl_left{ float:left !important;}
.fl_right{ float:right !important;}
.al_right { text-align: right !important;}
.al_left { text-align: left !important;}
.al_center { text-align: center !important;}
.bold_t { font-weight: bold !important;}
.int_type01 {  height: 26px;border:1px solid #b7b7b7; width:99.8%; vertical-align: middle; font-size: 14px;} 

.int_br_none { border:0px !important;} 
.select_type01 { border:1px solid #ccc; background: #fff;height:24px;  font-size:14px; vertical-align: middle; }
.select_type02 { border:1px solid #b7b7b7; background: #fff;height:24px; width:99.8%;  font-size:12px; vertical-align: middle; }
.textarea_type {width:99.8%; border:1px solid #cacaca; }
.seltype_a { border: 1px solid #d7d7d7;height: 26px;width: 99.8%;background: #fff; vertical-align: top;font-size: 12px; }
    

.h_fix:after {clear: both; }
.h_fix:after,
.h_fix:before { display: table;content: " "; }





.header_wrap {   background:url(../img/background/top_bg.png) repeat 0 0;    }

/*.col_width { width:1200px; margin: 0 auto; }		*/
.col_width { width:1440px; margin: 0 auto; }
.header_inner { height: 74px;  }
.header_inner:after {clear: both; }
.header_inner:after,
.header_inner:before { display: table;content: " "; }
.header_inner h1 { float: left; margin-top: 10px;}
.header_inner h1 a{ width:366px; min-height: 45px; }

.as_link { float: right;  margin: 10px 0 0 0;}
.as_link a {display: block;  width:148px; height: 53px; text-indent: -99999px;background: url(../img/background/oa_logo.png) no-repeat 0 0; }



.search_box { float: right; }

.nav_wrap { background: url(../img/background/nav_bg.png) repeat 0 0; }
.nav_inner { }
/* .nav_box ul li { float: left;  margin: 0 40px 0 0; } */
/* .nav_box ul li:last-child { margin: 0 0px 0 0; } */
/* .nav_box ul li a{   display: block; color: #fff; font-size: 16px; line-height: 64px; */
/* background: url(../img/background/nav_on.png) repeat-x 0 68px; */
/*    -webkit-transition: all 0.3s ease; Safari and Chrome */
/*     -moz-transition: all 0.3s ease; Firefox */
/*     -ms-transition: all 0.3s ease; IE 9 */
/*     -o-transition: all 0.3s ease; Opera */
/*     transition: all 0.3s ease;  } */
/* .nav_inner:after {clear: both; } */
/* .nav_inner:after, */
/* .nav_inner:before { display: table;content: " "; } */
/* .nav_box ul li a:hover,  */
/* .nav_box ul li .on  */
/* { background: url(../img/background/nav_on.png) repeat-x 0 60px; } */

.re_bt { display: block;   border:1px solid #ffffff;  padding: 0 8px;border-radius: 3px; transition: all 0.3s ease; margin-left: 10px; height: 35px; padding-top: 6px;}

.submission_box { float: left;  margin: 18px 0 0 0;}
.submission_box a span { color: white;} 

#table-cell-wrap{display:table;border-collapse: separate; border-spacing: 5px;}
.nav_box ul .menu_li {margin: 0 10px 0 0; padding: 0 16px; display:table-cell;  vertical-align:middle; height: 60px;}
/* .nav_box ul .menu_li:hover, */
/* #table-cell-wrap>ul>.on {background-color: rgba(182, 194, 191, 0.3);} */
.nav_box ul .menu_li:hover,
#table-cell-wrap>ul>.on { padding-top: 4px; border-bottom: 4px solid #74a074; }
.nav_box ul .menu_li:last-child { margin: 0 0px 0 0; }
.nav_box ul .menu_li a{   display: block; color: #fff; font-size: 16px;  text-align: center; padding: 0;}
.nav_inner:after {clear: both; }
.nav_inner:after,
.nav_inner:before { display: table;content: " "; }
/* .nav_box ul .menu_li a:hover,  */
/* .nav_box ul .menu_li .on { background-size: 100% 5px; } */
.nav_box ul .menu_li a span { display: block; text-align: center; font-size: 13px;margin-top:3px;font-weight: normal;color:#c6b8d0;} 


.nav_box ul li a .caret {background: url(../img/background/menu_arrow.png) no-repeat 0 0;   border:0px; width:10px; height: 10px; }
.nav_box ul li .dropdown-menu { border-radius: 0px; margin: 5px; }
.nav_box ul li .dropdown-menu>li>a{ line-height: 24px; padding: 7px 26px 7px 14px; color: #000; font-size: 15px;font-weight: normal; text-align: left;  height: auto;}
.nav_box ul li .dropdown-menu>li>a:hover { background:#f0f0f0}



.msearch_box { float: right;  position: relative;  width: 324px; height: 34px; padding: 0px 30px 0 0px;margin: 17px 0 0 15px;}

.ms_int_line {   display: block;background: #fff;  height: 34px; padding: 3px 5px 0 3px; }
.msearch_box .ms_int { width:95%; border:0px; height: 26px; color: #222;  font-size: 14px;  }
.msearch_box .ms_int::-webkit-input-placeholder { font-size:14px;color: #676767; }
/* Firefox 4-18 */
.msearch_box .ms_int:-moz-placeholder { font-size:14px;color: #676767; }
/* Firefox 19+ */
.msearch_box .ms_int::-moz-placeholder { font-size:14px;color: #676767; }
/* IE10+ */
.msearch_box .ms_int:-ms-input-placeholder { font-size:14px;color: #676767; }
.msearch_box .search_bt { display: block; position: absolute; right:0; top:0; width:38px; height: 34px; background:#71933a url(../img/background/top_search_icon.png) no-repeat 50% 50%;  text-indent: -99999px;border:0px;  border-radius: 0px; }







/* 페이지 스타일  */
.paging_nav { text-align: center;  position: relative; }
.paging_nav span{  display: inline-block;  margin: 0 -1px;} 
.paging_nav span a,
.paging_nav span .selected,
.paging_nav span strong { display: inline-block;padding: 0 9px; text-align: center; line-height: 28px; height: 28px; font-size: 12px; margin: 0 -2px; border:1px solid #ddd;  }

.paging_nav span a:hover { text-decoration: underline; }
.paging_nav span .selected,
.paging_nav span strong { color:#fff; background: #29abb1;  border:1px solid #29abb1; position: relative;  }
.paging_nav .page_select {vertical-align: top; display: inline-block;  background: url(../img/background/pagenav_bg.png) no-repeat 8px 8px;  text-indent: -9999px; height: 28px; width:28px;border:1px solid #ddd;  margin: 0 -2px; background-color:#fff; }
.paging_nav .first_page { width:28px; border-radius: 4px 0 0 4px;}
.paging_nav .prev_page { background-position: -20px 8px; }
.paging_nav .next_page { background-position: -45px 8px; }
.paging_nav .last_page { background-position: -74px 8px; border-radius: 0px 4px 4px 0px; }





.tablet_nav { float: right;}
.tablet_nav .tablet_nav_bt { display: none;width: 50px;height: 60px; padding: 12px 0 0 0; text-indent: -9999px;text-align: center; }
.tablet_nav .tablet_nav_bt2 { display: none;width: 50px;height: 60px; padding: 16px 0 0 0; text-align: center; }


.tablet_nav_bt .line{
  width: 34px;
  height: 4px;
  background-color: #fff;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}


.sb-active-right .tablet_nav_bt .line:nth-child(2){
  opacity: 0;
  
}



.sb-active-right .tablet_nav_bt  .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);

}
.sb-active-right .tablet_nav_bt  .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);


}

.main_inner .tablet_nav_bt .line { background-color: #fff;  }


/* right_menu style */



.right_nav_box h3 { font-size: 22px; line-height: 35px;  font-weight: bold; color: #979797; background: #292929;padding: 15px; }
.right_nav_box ul  { margin-bottom: 60px; }
.right_nav_box ul li { border-bottom: 1px solid #404040;}


.right_nav_box ul li a {display:block; font-weight: bold;font-size: 17px; color: #f9f9f9;  background: url(../img/background/right_nav_arrow.png) no-repeat right 50%;  padding:14px 0 14px 20px;}
.right_nav_box ul li a span {display: block; padding: 4px 0 0 0; font-size: 16px; }


.right_nav_box ul li a:hover {  color: #fff;  background:#222 url(../img/background/right_nav_arrow.png) no-repeat right 50%;  }


.right_nav_box ul li a em {display: block; font-size: 16px; color: #ccc; }
.right_nav_box ul li a:hover em {color: #fff; }

.left_quick_link {margin: 0 0 0 20px; background: url(../img/background/right_nav_line.png) no-repeat 0 0; padding: 10px 0 0 0;}
.left_quick_link a{display: block; color: #55cfd8; line-height: 32px; font-size: 16px;  }
.left_quick_link a:hover {color: #75f5ff;}

.submission_link { display: block; background:#2a3c4d url(../img/background/submission_icon.png) no-repeat 12px 50%;  padding: 0 10px 0 44px; }
.submission_link:hover  { background:#041e36 url(../img/background/submission_icon.png) no-repeat 12px 50%;}


.submission_link em { display: block; background: url(../img/background/lb_arrow.png) no-repeat right 50%;  line-height: 56px; color: #fff; font-size: 16px;}


.mobile_search { float: right;  display: none; margin: 16px 2px 0 0;}
.mobile_search .mobile_sbt { display: inline-block; width:38px; height: 38px;      background: url(../img/background/search_bt.png) no-repeat 9px 8px;  text-align: left;  text-indent: -99999px;  }
.mobile_s_inner { opacity: 0; visibility: hidden;  position: absolute; left:0; right:0; width:100%; top:74px;  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.mobile_s_inner .d_arrow { position: absolute; display: block; right:69px; top:-5px; width:28px; height: 13px; background: url(../img/background/ms_arrow.png) no-repeat 0 0;  }
.mmobile_s_int { padding:40px 20px; background: #434343; }
.mmobile_s_int input { width:99.8%; border:0px; background: transparent;color: #fff; height: 30px; font-size: 16px;  padding: 0 0 0 8px; border-bottom:1px solid #8e8e8e; }
.mobile_s_inner.search_active {  opacity: 1; visibility:visible;  }
.mmobile_s_int input::-webkit-input-placeholder { color: #fff; }
/* Firefox 4-18 */
.mmobile_s_int input:-moz-placeholder { color: #fff; }
/* Firefox 19+ */
.mmobile_s_int input::-moz-placeholder { color: #fff; }
/* IE10+ */



.contents_wrap {  padding: 40px 0 40px 0;}
.contents_wrap:after {clear: both; }
.contents_wrap:after,
.contents_wrap:before { display: table;content: " "; }



.left_contents{ float: left; width:254px; }

.main_contents { margin: 0 0 0 312px;  }


.main_book_cover { position: relative; border:1px solid #dfdfdf; border-top:1px solid #304152; padding: 40px 0 0 0; text-align: center; margin-bottom: 30px; }
.main_book_cover:after  {   content: ''; display: block; width:15px;height: 15px;background: url(../img/background/mbook_arrow.png) no-repeat 0 0; position: absolute; right:-1px;top:-1px; } 
.mbc_box {   padding: 0 0px 9px 0; margin-bottom: 28px;}
.mbc_box span { width: 70%; height: auto; display:inline-block; border:1px solid #dfdfdf;padding:0 9px 0 0; background: url(../img/background/mbook_bg.png) repeat-y right 0;  }
.mbc_box span img {width: 100%;}

.mbc_bottom { background: url(../img/background/mbook_line.png) repeat-y 50% 0; border-top:1px solid  #dfdfdf;overflow: hidden; }
.mbc_bottom ul li{padding: 10px 0; float: left; width:50%; text-align: center;  font-size: 13px; color: #343434; }
.mbc_bottom ul li em{  display: inline-block; color: #111; font-weight: bold; }


.journal_archive { margin-bottom: 30px;}
.ja_box {  background: url(../img/background/journal_archive_bg.png) repeat-x 0 bottom; border:1px solid #dfdfdf; border-top:1px solid #f08200;padding: 20px;  position: relative; } 
.ja_box h3 { font-size: 16px;color: #272020;  } 

.ja_box .ja_more { display: block;   width:20px; height: 20px; position: absolute; right:14px; top:20px; text-indent: -9999px;      background: url(../img/background/main_more_plus.png) no-repeat 3px 50%; border: 1px solid #ddd;  }
.ja_box .ja_more:hover{ border: 1px solid #adadad;  }

.ja_dropdown .btn {display: block; width: 100%;text-align: left; border-radius: 0px; border:1px solid #dedede;  }
.ja_dropdown .dropdown-menu  { width:100%; float: none;   }

.ja_dropdown .btn .caret { position: absolute; right:14px; top:15px;}
				
.ja_list li { }	
.ja_list li a{ color: #777; padding: 8px 0 8px 20px;display: block; border:1px solid #dedede;  margin-top: -1px}	
.ja_list li a:hover {  background: #f9f9f9;}	
.ja_list li a.on {   background:#535353 url(../img/background/ja_list_on.png) no-repeat right 50% !important; color: #fff;border:1px solid #535353;position: relative;    }	

.news_box {border:1px solid #dfdfdf; padding: 20px; margin-bottom: 30px;} 
.news_box h3 { padding: 0 0 10px 0; background: url(../img/background/bottom_line.png) no-repeat 0 bottom; font-size: 16px; color: #222; margin-bottom: 12px; }		
				

.news_box .owl-theme .owl-nav.disabled + .owl-dots span  { width:8px; height: 8px; background: #bcbcbc; margin: 0 3px; 
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */ border-radius: 0px;
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease; }
.news_box .owl-theme .owl-nav.disabled + .owl-dots .active span {   background: #f08200 !important;width:18px; }
.news_box .owl-theme .owl-dots.clickable .owl-page:hover span { background: #7e7e7e }
.news_box .owl-theme .owl-dots {  margin-top: 0px !important; text-align: center; position: absolute; right:0px; top:-42px; }
.news_box .owl-carousel .owl-item  .slide_text { text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;width: auto;  color: #686868;}





.main_about_box {margin-bottom: 30px; overflow: hidden; padding: 16px 30px 20px 30px;  background:#f4f3f3 url(../img/background/about_bg.png) no-repeat 0 bottom;   }
.main_about_box dl dt {font-weight: normal; float: left; padding: 10px 0 0 0;background: url(../img/background/top-title_line.png) no-repeat 0 0;font-size: 18px; color: #222; margin: 8px 0 0 0;  }
.main_about_box dl dd { margin: 0 0 0  146px; line-height: 26px; }  

.mh3_title { padding: 0 0 10px 24px; background: url(../img/background/round_arrow.png) no-repeat 0 2px;font-size: 18px; font-weight: bold; color: #333; border-bottom: 1px solid #333; margin-bottom: 14px;  }


.issue_list_wrap { position: relative; min-height: 70px;}
.issue_list_wrap ul { padding-top: 50px; }


.issue_title { position: relative;  overflow: hidden;  margin-bottom: 18px}
.issue_title h4 { padding: 0 0 0 40px; background: url(../img/background/Issue_book.png) no-repeat 0 0px; font-size: 14px; font-weight: bold; color: #333; float: left; line-height: 34px; display: inline-block; }
.issue_title .issue_date {margin: 2px 12px 0 0; float: left; padding: 0 0 0 18px; background: url(../img/background/m_date_icon.png) no-repeat 0 50%; color: #676767; }
.issue_title .right_bt { margin: 2px 0 0 0; float: right;}






.line_bt  {display: inline-block; border:1px solid #cbcbcb; color: #676767; font-size: 14px; padding: 0 10px; line-height: 26px; }
.line_bt:hover { border:1px solid #000;}
.line_bt span { display: block; color: #676767; font-size: 14px; line-height: 26px; }
.download_bt  { padding: 0 18px 0 0px; background: url(../img/background/download_icon.png) no-repeat right 50%; }
.download_bt em { display: inline-block;   }

.ft_bt  { padding: 0 18px 0 0px; background: url(../img/background/full_text_icon02.png) no-repeat right 50%; }

.black_bt {  background: #6e6e6e; border:1px solid #6e6e6e; }
.black_bt:hover  {  background: #3f3f3f; border:1px solid #3f3f3f; }
.black_bt span {  color: #fff; }
.black_bt .list_back_bt  { text-align: center;  background: url(../img/background/list_back_icon.png) no-repeat 0 50%;   }

.export_d { float: left; }
.bt_group { float: left;  margin-left: 10px; }
.bt_group ul li{ float: left; margin-left: -1px}

.bt_group .line_bt:hover  { position: relative;  }

.bt_group .line_bt { width:94px; }
.vb_left .black_bt{ width:94px;}

.issue_article .ia_title { font-size: 18px; color: #111; margin-bottom: 20px; padding: 0 0 0 0; transition: all 0.3s ease; vertical-align: middle; word-break: break-word;}
.issue_article .ia_title:hover {  text-decoration: underline; }
.issue_article .ia_title span { display: block; margin-top: 4px;font-size: 14px;  }

.il_bottom { overflow: hidden; padding-right: 200px; margin-bottom: 10px;}
/* .il_bottom span { display: block; float: left; padding: 0 0 0 14px;background: url(../img/background/m_author_icon.png) no-repeat 0 50%;color: #676767;  } */
/* .il_bottom .il_bt_box  {    float: right; } */
/* .il_bottom .il_bt_box a{width:86px; display: inline-block; background: #396d95; padding: 0 10px;   } */
/* .il_bottom .il_bt_box a:hover { background: #155280;   } */
/* .il_bottom .il_bt_box a em {line-height: 25px; display:block; color: #fff; ;background: url(../img/background/full_text_icon.png) no-repeat right 50%; font-weight: normal; font-size: 12px;   }   */

.il_bottom .il_bt_box a .pdf_download { background: url(../img/background/pdf_download.png) no-repeat right 50%; }

.issue_article{ border-bottom: 1px solid #e4e4e4; margin-bottom: 16px;}
						
						
.issue_more a{  display: block; background:#f7f7f7 url(../img/background/main_more_plus.png) no-repeat right 50%; width:432px;border:1px solid #d7d7d7; text-align: center; color: #555; margin: 0 auto;  line-height: 40px; }
.issue_more a:hover { border:1px solid #adadad; }

.footer_wrap {background: #f7f7f7; border-top:1px solid #c7c7c7; }
.footer_banner {background: #fff; padding: 16px 0; overflow: hidden; }
.banner_title { float: left;  background: #595959; color: #fff; width:156px; line-height: 35px; text-align: center;  position: relative;  display: block;}
.banner_title:after { content: ''; display: block;width:5px; height: 10px; background: url(../img/background/banner_arrow02.png) no-repeat 0 0; position: absolute; right:-5px; top:13px;     }
.footer_slide_wrap { margin: 0 0 0 170px; padding: 7px 0 0 0; }
#footer_slide { }
#footer_slide .item em {line-height: 20px;  display: block; border-right:1px solid #c7c7c7;  background: url(../img/background/banner_arrow.png) no-repeat right 50%; padding: 0 0 0 20px; }
#linked_slide { }
#linked_slide .item em {line-height: 20px;  display: block; border-right:1px solid #c7c7c7;  background: url(../img/background/banner_arrow.png) no-repeat right 50%; padding: 0 0 0 20px; }




.footer_menu { margin: 0 -11px; padding: 26px 0 30px 0; overflow: hidden; }
.fm_box { float: left; width:20%;  }
.fm_inner { margin: 0 11px;color: #7a7a7a;  }
.fm_inner h4 {font-size: 16px; color: #4e2727; font-weight: normal;  background: url(../img/background/footer_t_line.png) no-repeat 0 bottom; padding: 0px 0 15px 0;  margin-bottom: 10px;}
.fm_inner ul li a{ font-size: 13px; display: block; color: #6b6b6b;  line-height: 24px;}
.fm_inner ul li a:hover{ color: #222; text-decoration: underline;}
.fm_inner p { margin-bottom: 8px}
.fm_inner dl { margin-bottom: 10px;}
.fm_inner dl dt {  float: left;  font-size: 12px; color: #9a9a9a; }
.fm_inner dl dd { color: #7a7a7a; font-size: 12px; margin: 0 0 0 60px  }

.footer_copyright { border-top:1px solid #cfcfcf; padding: 24px 0 0 0; overflow: hidden; }
.footer_copyright h2 {float: left;  width:150px; height: 33px; }


.footer_text {float: left;  color: #8c8888; font-size: 13px; width: 65%; } 
.footer_info { float: right; width: 35%; }
.footer_info .fi_box  { float: left; border-left:2px solid #f08200;  padding: 0 0 0 10px;margin-left: 30px; }
.footer_info .fi_box:first-child  {margin-left: 0px;}


.fi_box span {display: block; color: #999; font-size: 12px;   }
.fi_box em, 
.fi_box a {  display: block; color: #333; font-size: 13px;  }

/* Top 버튼 설정 */
#toTop{background:none;position:fixed;bottom:108px; cursor:pointer;text-decoration:none;width:39px;height:54px;background:url(../img/background/gotop_bt.png) no-repeat right 0;   text-indent:-10000em; margin-left: 1240px; z-index: 99999999; }




/* sub */

.sub_contents_wrap { background: url(../img/background/sub_title_dotted.png) repeat-x 0 78px;  }
.sc_inner { background: url(../img/background/sub_title_dotted.png) repeat-y 265px 0;   }
.sc_inner:after {clear: both; }
.sc_inner:after,
.sc_inner:before { display: table;content: " "; }


.sub_title_box {  padding: 26px 0 0 0; background:#fff url(../img/background/sub_title_dotted.png) repeat-x 0 78px;   overflow: hidden;}
.sub_title_box h3{font-weight: normal; color: #232323; font-size: 24px; padding: 0 0 28px 0;  background: url(../img/background/sub_title_line.png) no-repeat 0 bottom; float: left;  }

.sub_contents_box { background: url(../img/background/sub_right_bg.png) repeat-y right 0; position: relative; }
.sub_contents_box:after {clear: both; }
.sub_contents_box:after,
.sub_contents_box:before { display: table;content: " "; }



.sub_left {  float: left; width:266px; padding: 24px 0px 0 0;}
.sub_left .left_banner { padding-right:10px;}

.tree_nav_con {  background: url(../img/background/tree_nav_bg02.png) repeat-y 0 0; }


.left_tree { margin-bottom: 40px;}
.left_tree ul li {border-bottom: 1px solid #e4e4e4;  }
.left_tree ul li a:hover  {color:#111; background: #f3f3f3 url(../img/background/tree_nav_bg.png) repeat-y 0 0;    }
.left_tree ul .active {    }
.left_tree ul .active > a{  background: url(../img/background/tree_minus.png) no-repeat right 50%;   }
.left_tree ul li span { display: block; padding: 0 10px 0 0;  background: url(../img/background/tree_plus.png) no-repeat right 50%;  }
.left_tree ul .active > span {  background: url(../img/background/tree_minus.png) no-repeat right 50%;  }


.left_tree ul li a{ line-height: 42px; font-size: 15px; font-weight: bold;  display: block;  background: url(../img/background/tree_plus.png) no-repeat right 50%;   padding: 0 0 0 10px; }



.left_tree ul li ul{  border-top: 1px solid #e4e4e4;     background: #e8e8e8 url(../img/background/tree_nav_bg.png) repeat-y 0 0;  }
.left_tree ul li ul li  { border-bottom: 0px;    }
.left_tree ul li ul li:hover   {   color: #111;background: #f3f3f3 url(../img/background/tree_nav_bg.png) repeat-y 0 0;  }
.left_tree ul .active ul .active:hover   {   color: #111;background: #e8e8e8 url(../img/background/tree_nav_bg.png) repeat-y 0 0;  }

.left_tree ul li ul li a{line-height: 36px; background:  url(../img/background/tree_circle.png) no-repeat 10px 16px;  font-size: 14px; font-weight: normal;  padding: 0 0 0 20px;}
.left_tree ul li ul li a:hover { background: url(../img/background/tree_circle.png) no-repeat  10px 16px;   color: #222;  }


.left_tree ul .active ul .active a { background:  url(../img/background/tree_circle_on.png) no-repeat 10px 16px;  }
.left_tree ul .active ul .active a span {  background:url(../img/background/tree_minus.png) no-repeat right 50%;  }



/* 3tree  */
.left_tree ul li ul ul { background: #fff url(../img/background/tree_nav_bg.png) repeat-y 0 0; }
.left_tree ul .active ul .active ul li a { background: none; }
.left_tree ul .active ul .active ul li a:hover  {  background: #f9f9f9 url(../img/background/tree_nav_bg.png) repeat-y 0 0;   }
.left_tree ul li ul .on a{  background:#2e4050 url(../img/background/tree_on.png) no-repeat right 50% !important;   color: #fff !important;   }



/* .sub_middle_box { margin: 28px 296px 0 287px; } */
.sub_middle_box {  float: left;    margin: 28px 0px 25px 20px;   width:880px; }

/* .sub_right_box { position: absolute; right:0; top:0; width: 234px; padding: 30px 0 0 0; } */
/*.sub_right_box { float: right; width: 234px; padding: 30px 0 0 0; }*/
.sub_right_box { float: right; width: 234px; padding: 0; }
.sub_location{margin-top: 10px; color: #555; float: right; padding: 0 0 0 16px;   background: url(../img/background/sub_home_icon.png) no-repeat 0 6px;   }


.sr_h4   { color: #333;font-weight: normal;background: url(../img/background/footer_t_line.png) no-repeat 0 bottom;padding: 0px 0 10px 0;margin-bottom: 10px;font-size: 15px; }
.chart_box { border:1px solid #dedede; padding: 12px; margin-bottom: 20px; text-align: center; }

.sr_data {margin-bottom: 20px; border:1px solid #dedede;  padding: 20px 0;overflow: hidden;  background:#fcfcfc url(../img/background/data_line.png) no-repeat 50% 50%; }
.sr_data ul li { float: left; width:50%; text-align: center; font-size: 26px; color: #5b7cc1;  font-family: Arial; font-weight: normal;}
.sr_data ul li span {display: block; font-size: 14px; color: #555; }


.sr_tab {margin-bottom: 16px; overflow: hidden;   }
.sr_tab ul li { float: left; width:50%; }
.sr_tab ul li a { display: block;border-bottom: 2px solid #e4e4e4;  text-align: center;line-height: 36px;  color: #777; background: #eee}
.sr_tab ul .active a { border-bottom: 2px solid #f08200;  font-weight: bold; color: #c2761d; background: #f9f9f9  }

.sr_list ul li{ border-bottom: 1px dashed #e4e4e4; padding-bottom: 10px; margin-bottom: 10px;}
.sr_list ul li:last-child { border-bottom: 0;}
.sr_list ul li a{ display: block; color: #555; font-size: 13px;  line-height: 20px;  }
.sr_list ul li a:hover {text-decoration: underline;   }

.mobile_archive_box { display: none; background: #ddd; padding: 10px; }
.mobile_archive_box .sel_type01  { height: 30px;  margin-right: 10px;  width:40%}

						
						
						
.altmetric_box { text-align: center;  margin-bottom: 30px;}
.altmetric_box a{ display: block;  color: #3378bf; text-decoration: underline;  }


.view_left  {     padding: 24px 12px 0 0;}				
						

.sub_left .main_book_cover {        padding: 10px 0px 0 0;  border:0px;  }
.sub_left .main_book_cover:after{  display: none;  }
.sub_left .mbc_box span img  { height: auto; }
.sub_left .mbc_bottom  {background: url(../img/background/cover_line.png) no-repeat 50% 50%;     border-bottom: 1px solid #dfdfdf;   }



.left_h4 {     color: #333;
    font-weight:bold;
    background: url(../img/background/footer_t_line.png) no-repeat 0 bottom;
    padding: 0px 0 10px 0;
    margin-bottom: 10px;
    font-size: 16px;  }
.left_article_con { margin-bottom: 40px;}
.left_article_ul li  {margin-bottom: 8px;  }
.left_article_ul li a { display: block; line-height: 20px;  }
.left_article_ul  li a:hover  { text-decoration: underline;  }


.left_article_ul .arrow_li a {display: inline-block; padding: 0 13px 0 0; background: url(../img/background/blue_arrow.png) no-repeat right 9px;color: #0d56a8; font-weight: bold; text-decoration: underline;}

.bullet_list li {padding: 0 0 0 10px; background: url(../img/background/arrow_bullet.png) no-repeat 1px 8px;  }

.normal_dropdown .btn{ padding: 3px 10px; height: 28px;      border: 1px solid #cbcbcb;  border-radius: 0px;}
.view_bt_box {  padding: 0 0 8px 0; border-bottom: 1px solid #dcdcdc;margin-bottom: 10px; position: relative;  float: left; width:100%;}
/*
.view_bt_box:after {clear: both; } 
.view_bt_box:after,
.view_bt_box:before { display: table;content: " "; }
*/



.vb_left { float: left; }
.vb_right { float: right; }

.view_title { font-size: 16px; color: #403b8d; margin-bottom: 24px;}

.view_inner_con { margin-bottom: 30px;}
.view_inner_con dl { overflow: hidden; margin-bottom: 8px;  }
.view_inner_con dl:after{ content: ''; display: block;clear: both; } 															
.view_inner_con dl dt { color: #f08200;font-size:14px;background: url(../img/background/square_bullet.png) no-repeat 0 8px; padding: 0 0 0 12px;  float: left; font-weight: normal; }
.view_inner_con dl dd {text-align: justify; line-height: 24px; margin: 0 0 0 120px;  font-size: 14px;  color: #555; }
.view_inner_con .row_dl dt  { float: none; }
.view_inner_con .row_dl dd  { margin: 0 0 0 0px;}




.view_link {display:inline-block; text-decoration: underline; word-break: break-all;}
.view_link:hover {text-decoration: underline;  color:#111;}


.view_h5 { font-size: 17px; margin-bottom: 20px;background: url(../img/background/view_h5.png) no-repeat 0 0; padding: 10px 0 0 0; color: #293b4c; font-weight: bold;}


.sub_title { background: url(../img/background/t_line02.png) repeat-x 0 bottom; position: relative;  margin-bottom: 20px; }
.sub_title h4  { background: url(../img/background/t_line01.png) no-repeat 0 bottom;font-size:15px; color: #222; padding: 0 0 10px 0; font-weight: bold;}



.line_issue_box { border-bottom: 1px solid #f08200; margin-bottom: 30px;}


.sub_second { background: none; }

.sub_second .sub_con_box {  margin: 28px 0 0 292px; min-height: 500px;}

.at_h3 { font-size: 24px; color: #232323; padding: 0 0 16px 0;background: url(../img/background/about_title_h3.png) no-repeat 0 bottom; font-weight: normal; margin-bottom: 18px;}
.text_box { line-height: 30px; margin-bottom: 30px; text-align: justify;font-size: 15px; }


.left_nav_box { margin-bottom: 40px; }
.left_nav_box ul li { }
.left_nav_box ul li a{ line-height: 36px; background: transparent;  font-size: 16px; font-weight: normal;  padding: 0 0 0 17px;   display: block;  }


.left_nav_box ul li a:hover { background: #f3f3f3 url(../img/background/sub_title_dotted.png) repeat-y right 0;  color: #222;  }
.left_nav_box ul .on a{  background:#2e4050 url(../img/background/tree_on.png) no-repeat right 50% !important;   color: #fff !important;   }

.left_nav_box ul .long_nav a{ letter-spacing: -1px; }






/*테이블 */
.responsive_tbl    {  overflow: hidden; }
.tbl01 { width:100%; border-top:2px solid #293b4c; }
.tbl01 thead th { background: #6c6c6c; border-bottom: 1px solid #333333;  padding: 10px 0; text-align: center; color: #fff; } 
.tbl01 tbody td {border-bottom: 1px solid #e3e3e3;padding: 10px; text-align: left; }


.tbl01  tbody tr:nth-child(even) {background-color: #f9f9f9; }


.tbl01 tbody .alleft_td { text-align: left; }
.tbl01 tbody .alright_td { text-align: right; }
.tbl01 tbody .alcenter_td { text-align: center; }
.tbl01 .title_td { background: #f6f6f6; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; text-align: left; padding: 10px 10px; font-weight:bold;}
.tbl01 .td_subtotal{background: #f3f3f3; color:#0474bb; border-bottom: 2px solid #e3e3e3;}
.tbl01 .td_total{background: #f3f3f3; color:#a1001a; font-weight: bold; border-bottom: 2px solid #858585; }
.tbl01 .mobile_view  { border-radius: 12px;padding: 14px;border-top: 1px solid #ddd;background: #f3f3f3; margin-top: 7px; } 
.tbl01 .author_text {font-size: 13px; background: url(../img/background/td_author_icon.png) no-repeat 0 1px; padding: 0 0 0 16px; display: block;  } 











.add_dashed_line { border-top:1px dashed #ddd; padding-top: 30px;}
.view_inner_con .about_dl dt { color: #4c489a; font-size: 15px;  } 
.view_inner_con .about_dl dd{ font-size: 15px;  margin: 0 0 0 130px; } 
.view_inner_con .ad_long_type dt{ float: none;  } 
.view_inner_con .ad_long_type dd{ margin: 5px 0 0 12px;    } 

.about_dl02 { margin-bottom:  30px;}
.about_dl02 dt {font-weight: normal;  font-size: 17px;color: #4c489a; padding: 0 0 0 15px; background: url(../img/background/blue_circle.png) no-repeat 0 50%; margin-bottom: 5px;}
.about_dl02 dd {     line-height: 24px; padding: 0 0 0 14px; font-size: 15px;}
.about_dl02 .ad_bullet_dd { margin: 0 0 4px 15px; padding: 0 0 0 16px; background: url(../img/background/bullet03.png) no-repeat 0 50%;  }

.ad_inner_box { background: #f9f9f9;padding: 10px; font-size: 14px; margin-top: 10px }
.ad_inner_box .ad_title {     border: 1px solid #ccc;
    background: #ffff;
    font-size: 13px;
    color: #222;
    display: inline-block;
    padding: 0 10px;
    border-radius: 12px;
    line-height: 22px; margin-bottom: 5px;  }
.ad_inner_box ul li {   padding: 0 0 0 10px; line-height: 26px; }



						



.result_layout .sub_contents_box { background: #fff url(../img/background/sub_right_bg.png) repeat-y right 0 }
.result_layout .sub_middle_box { width:72%;}


.page_num_box {     padding: 0 0 0 20px; background: url(../img/background/page_num_icon.png) no-repeat 0 3px;margin-top: 5px; }
.issue_title .page_num_box { float: left; }

.issue_top_date{ display: block; font-size: 12px; color: #999; margin-bottom: 5px;}


.line_title { background: url(../img/background/gray_line02.png) repeat-x 0 bottom; position: relative;  margin-bottom: 16px;  }
.line_title span {display: block; font-size: 17px; color: #777;  background: url(../img/background/gray_line.png) no-repeat 0 bottom;font-size:16px; color: #333; padding: 0 0 10px 0; font-weight: normal; }

.part_box { background: #f9f9f9; padding: 10px 20px; margin-bottom: 20px;}
.part_box .about_dl02 {  margin-bottom: 0px;}
.part_box .about_dl02 dt {background: none; padding: 0; color: #111; font-weight: bold;    margin-bottom: 12px;}
.part_box .about_dl02 dd {padding: 0; }
.part_under  { padding: 0 0 0 20px; margin-bottom: 60px;}


.at_ol { margin: 20px 0 0 0;}
.at_ol li { position: relative; padding: 0 0 0 32px;  margin-bottom: 10px;}
.at_ol li:last-child { margin-bottom: 0px;}
.at_ol li .num_t { display: block;background: #3b3b3b;  position: absolute;border-radius: 11px; left:0; top:2px; width:22px; height: 22px; text-align: center;   line-height: 22px; font-size: 12px; font-weight: bold; color: #fff;  }
						
						

#footer_slide {padding: 0 64px 0 0px;}
#footer_slide  .owl-dots {  display: none;}
#footer_slide .owl-nav { position: absolute;right:0;top:-13px; }
#footer_slide .owl-nav button {  border:1px solid #c7c7c7; width:26px;height: 26px; margin: 0 0 0 -1px; border-radius: 0px; }
#footer_slide .owl-nav button:hover  { background: #fff;  border:1px solid #777; position: relative;  }
#footer_slide .owl-nav button span {display: block; text-align: left;  text-indent: -99999px;  }
#footer_slide .owl-nav button span:hover  { background: #fff;  }
#footer_slide .owl-nav button.owl-prev span {   background: url(../img/background/fb_arrow_l.png) no-repeat 50% 50%; }
#footer_slide .owl-nav button.owl-next span {  background: url(../img/background/fb_arrow_r.png) no-repeat 50% 50%;  }
#footer_slide .owl-dots .owl-dot span { margin: 0 2px;width:8px; height: 8px; background: #bcbcbc;border-radius: 0px; }
#footer_slide .owl-dots .active span {   background: #f08200 !important;width:18px; }


#linked_slide {padding: 0 0px 0 0px;}
#linked_slide  .owl-dots {  display: none;}
#linked_slide .owl-nav { position: absolute;right:0;top:-13px; }
#linked_slide .owl-nav button {  border:1px solid #c7c7c7; width:26px;height: 26px; margin: 0 0 0 -1px; border-radius: 0px; }
#linked_slide .owl-nav button:hover  { background: #fff;  border:1px solid #777; position: relative;  }
#linked_slide .owl-nav button span {display: block; text-align: left;  text-indent: -99999px;  }
#linked_slide .owl-nav button span:hover  { background: #fff;  }
#linked_slide .owl-nav button.owl-prev span {   background: url(../img/background/fb_arrow_l.png) no-repeat 50% 50%; }
#linked_slide .owl-nav button.owl-next span {  background: url(../img/background/fb_arrow_r.png) no-repeat 50% 50%;  }
#linked_slide .owl-dots .owl-dot span { margin: 0 2px;width:14px; height: 14px; background: #cccccc;border-radius: 7px; }
#linked_slide .owl-dots .active span {   background: #3b4a8d !important;  }
#linked_slide .owl-item { padding: 0 0 0 1px; height: 47px;}
#linked_slide .owl-item a { display: block; border:1px solid #ddd; text-align: center; }
#linked_slide .owl-item img { width: 100%; height: 45px; display: inline-block;}


.allmenu_wrap .close {  width:42px; height: 42px; font-size:30px; position: absolute; right:20px; top:20px; opacity:1;    background: url(../img/background/menu_close_bt.png) no-repeat 50% 50%;border:0px; text-indent: -9999px;  }





.sub_link_bt { display: inline-block; padding: 0 30px;  background: #2a3c4d;border-radius: 20px;line-height: 40px; color: #fff; }
.sub_link_bt:hover  { background: #041e36 }

.more-list { height: 15px; text-align: center; margin-top: -4px; }

.top-info {float: right; margin: 10px 0 0 10px; display: inline-grid; font-size: 12px; text-align: right;}

.banner_title {margin-top: 10px;}

.article_thumbnail{display: block; position: absolute; right: 0px; top: 0px; border: 1px solid #a8a8a8; margin-right: 20px;}

.il_bt_box  {  text-align: left; margin: 5px 0 5px 0; word-break: break-all;}
.il_bt_box a em {line-height: 25px; display:block; font-weight: normal; font-size: 12px;   }  
.il_bt_box .normal_bt {     padding: 0 10px;line-height: 26px; min-width: 78px;  }

.searchBoard {height:43px; width: 305px; border: 1px solid #1b5ac2; background: #ffffff; float: right;}
.searchBoard input {font-size: 15px; width: 258px; padding: 6px; border: 0px; outline: none; float: left; margin-left: 4px;}
.searchBoard button {width:40px; height: 100%; border: 0px; background: url(../img/background/top_search_icon.png) no-repeat 50% 50%; outline: none; float: right; color: #ffffff; text-indent: -99999px; padding-top: 10px;}
.searchMargin {margin-bottom: 10px;}

.m_journal_info { width:100%; }

/* #journal_info .owl-item { padding: 0 0 0 1px; height: 281px;} */
#journal_info .owl-item { padding: 0 0 0 1px; height: 360px;}
#journal_info .owl-item a { display: block; text-align: center;  line-height: 0px; }
/* #journal_info .owl-item img { width:100%; height: 280px;  display: inline-block;} */
#journal_info .owl-item img { width:100%; height: 360px;  display: inline-block;}
.xmlImage{margin: 5px; float: left !important; width: 167px !important; height: 133px !important;}

.view_title h1 { margin-bottom: 7px; font-size: 16px; font-weight:normal; color:#000;}
.view_title h1:first-child {     font-size: 22px;
    color: #403b8d;
    margin-bottom: 0.5em;
    font-weight: bold;
    margin-top: 1em; }

.top_bar_fix{position:fixed; top:0; left:0; right:0; height: 70px; width:100%; z-index: 999999;}

#browse-list { font-size: 16px; float: right; margin-top: 23px; }

#firstDiv{ width:6%; float: left;}
#secondDiv{ width:61%; float: left;}
#thirdDiv{ width:33%; float: left;}
.contact_map { min-height: 460px; background: #f9f9f9; margin-bottom: 40px; }

.citationBtn{cursor: pointer;}

.public_text { line-height: 30px; font-size: 15px;}

.share_bt_list:after { content: ''; display: block; clear:both; position: absolute; right:10px; top:-9px; width:19px;height:9px;  background:url(../img/background/share_ul_arrow.png) no-repeat 0 0;   }

.dropdown_email ul li { text-align: center; }
.dropdown_email .share_bt_list { margin: 13px 0px 0 -20px; }
.dropdown_email .share_bt_list:after { right: 120px; }

.ccl_style { text-decoration: none !important ; }
.ccl_style img { width: 15%; margin-bottom: 10px; }

.citationText { word-break: keep-all; line-height: 1.8em; font-size: 12px; }

.clipboard { cursor: pointer; background-color: #6c757d; color: white; text-decoration: none !important; padding: 1px 5px; word-break: keep-all;}

/* .issn_r_box ul li {  background: url(../img/background/top_nav_line.png) no-repeat left 4px;   padding-left: 12px;   margin-left: 12px; } */
.issn_r_box ul .header_login span{  display: block; padding: 0 0 0 20px;    background: url(../img/background/header_login_icon.png) no-repeat 2px 3px;  }
.issn_r_box ul .header_login .koarLogin { cursor: pointer; }



.view_contents_citation .ref p {
    text-indent: 0;
}
.view_contents_citation .ref-list .ref {
    margin-bottom: 2px;
    padding-left: 40px;
    font-size: 14px;
    position: relative;
}
.view_contents_citation .ref-list .ref > div.ref-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    text-align: right;
}
.view_contents_citation .generated {
	color: lightcoral;
}
.view_contents_citation .ref-content a {
	word-break: break-all;
	color: #154cac;
}

.article_innerbox { display: none;}

.view_contents p { margin-bottom: 10px; }

.opr_bt { background: #125561; }
.opr_box { border: 1px solid #dbdbdb; margin-bottom: 7px; margin-top: 35px;}
.opr_toggle { display: block;  background:url(../img/background/list_abstract_bullet.png) no-repeat 0 2px;  height: 18px;  background:#dbdbdb url(../img/background/abstrac_toggle_down.png) no-repeat 96% 50%; }
.opr_toggle {
    height: 35px;
    padding: 8px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}
.opr_toggle:hover  {background:#dbdbdb url(../img/background/abstrac_toggle_down.png) no-repeat 96% 50%;  }

.opr_toggle_active {background:#dbdbdb url(../img/background/abstrac_toggle_up.png) no-repeat 96% 50%  }
.opr_toggle_active:hover  {background:#dbdbdb url(../img/background/abstrac_toggle_up.png) no-repeat 96% 50%  }
.list_opr { padding:0px 10px 5px 10px; display: none;}

.custom-header-h1 { width: 56%; height: 50px; margin: 8px 0; display: flex; align-items: center; }
.custom-header-title { font-size: 60%; color: #333; cursor: pointer; }
.top-pdf { display: none; }