@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');
}


@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: normal;
    src:  url('../font/GmarketSansMedium.woff') format('woff'),
       url(../font/GmarketSansMedium.ttf) format('truetype');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: bold;
    src:  url('../font/GmarketSansBold.woff') format('woff'),
       url(../font/GmarketSansBold.ttf) format('truetype');
}



@font-face {
	font-family: 'GmarketSans';font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('../font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}






* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

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


html { height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {   height: 100%; background: #eee; font-family:"Noto Sans KR",Nanum Barun Gothic,Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;   color: #555;  font-size: 15px;}


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 { border: 0 none; *margin-left: -7px }
q:before, q:after { content:''; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
hr { display: none; }
em { color: inherit; font-weight: normal; font-style: normal; }
img { line-height: 0;}
.fl_r {float:right !important;}
.fl_l {float:left !important;}
.dp_none {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary  { display: block; margin: 0; padding: 0; }
table caption { display: none;}
.al_left { text-align: left !important;}
.al_right { text-align: right !important;}
.al_center { text-align: center !important;}

.mgb_0 { margin-bottom: 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_40 { margin-bottom: 40px !important; }


.pdl_0 { padding-left:0 !important; } 
.mgr_15 { margin-right: 15px !important; }
.mgr_20 { margin-right: 20px !important; }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 10px !important; }

.tbl_int {   border: 1px solid #c4c4c4;  height: 30px;  width: 100%;  font-size: 14px; padding: 0 0 0 4px;  }
.seltype_a {border:1px solid #a4a4a4; height:21px; width:99.8%;  background: #fff;vertical-align: top; font-size: 12px; }
.sel_span { display: inline-block; border:1px solid #d0d0d0;  height: 28px; padding: 2px 0 0 0; background: #fff; min-width: 100px;}
.sel_span select {  width:100%; height: 22px; border:none; background: #fff; font-size: 14px;}

/* Skip Navigation */
#u_skip{position:relative;z-index:2147483647}
#u_skip h3 { display: none; }
#u_skip a{position:absolute;left:0;top:-30px;width:99.8%;background: #000; border:1px solid #4e26bf;text-align:center;outline:none; color:#fff; height: 24px; line-height: 24px;}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;color:#fff;zoom:1}




header {   background:#fff;  border-bottom: 1px solid #dedede;    }
.header_fix { position: fixed; top:0; left: 0; right:0; z-index: 99; }

.col_width { width:1440px; margin: 0 auto; }		
.header_inner { height: 61px;  position: relative; }
.header_inner:after {clear: both; }
.header_inner:after,
.header_inner:before { display: table;content: " "; }
.header_inner h1 {    float: left;  }
/*.header_inner h1 a{height: 61px;  font-family:GmarketSans; font-weight: normal;  font-size: 20px; color: #294c9c;  display: block;   }*/

/* .header_inner h1 a{height: 61px;width: 337px;  display: block;text-indent: -9999px; overflow: hidden; background:url(../img/background/logo.png) no-repeat 0 50%;     } */
.header_inner h1 a{height: 61px;width: 250px;  display: block; overflow: hidden;    }


.header_inner nav {   margin: 0 0 0 220px; float: left; }
.header_inner nav ul li {  float: left; margin-right: 35px;  }
.header_inner nav ul li:last-child {  margin-right: 0px;  }
.header_inner nav ul li a{ display: inline-block; font-size: 16px; color: #333; line-height: 61px;  position: relative; }
.header_inner nav ul li a:after {  content: ''; display: block; width:0px; height: 5px; border-radius: 3px; background: #2c52c1; transition:all 0.3s ease; position: absolute; left:50%; bottom:10px;  opacity: 0; }
.header_inner nav ul li:hover a{  color: #222;   }
.header_inner nav ul li:hover a:after {  opacity: 1;  width: 100%;   left: 0; right:0;   }
.header_inner nav ul li a.on {  color: #16348b;  }
.header_inner nav ul li a.on:after { opacity: 1;  width: 100%;   left: 0; right:0;    }
.header_right {  float: right;  }
.h_oa_logo { background:url(../img/background/h_oa_logo.png) no-repeat 0 0; width: 71px; height: 29px; text-indent: -9999px; overflow: hidden; margin: 16px 0 0 0; float: left;   }
.h_cc_box {  float: left;  margin: 18px 7px 0 0;}
.h_login { float: left;    margin: 18px 5px 0 0; }
.h_login a{ display: inline-block; font-size: 13px; line-height: 25px; background: #f3f3f3; padding: 0 10px;  border-radius: 15px; border:1px solid #ddd;  }


.modal_box { position:absolute;  visibility: hidden;  opacity: 0;   background:rgba(0,0,0,0.7);  z-index: 999; top: 0;left: 0; right:0; bottom: 0;   -webkit-transition: all 0.3s ease-in-out; visibility: hidden;   
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;  }
.m_b_on { visibility: visible;  opacity: 1;  }

.m_nav_left { float: left; display: none; width: 60px; height: 60px;text-indent: -99999px;  background: url(../img/background/left_nav.png) no-repeat 50% 50%;     }




/* 모바일 메뉴 */
.left_menu_wrap {   top:0; position: fixed; left:-400px;  width: 0px; padding: 0 70px 0 0; height: 100%; z-index: 9999;
	-webkit-transition: all 0.3s ease-in-out; opacity: 0;  visibility: hidden;   
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
    background-color:#696969d4;
}
.left_nav_box {width: 100%;  height: 100%; background: #fff; overflow-y:scroll; }
/* .left_nav_box h2 { height: 64px; border-bottom: 1px solid #ddd;     background: url(../img/background/logo.png) no-repeat 50% 50%; text-indent: -9999px; } */
.left_nav_box h2 { border-bottom: 1px solid #ddd; }

.right_close_bt{  width:64px;height: 64px; display: block; position: absolute; right:0; top:0; text-indent: -99999px;overflow: hidden; background:url(../img/background/left_nav_close_bt.png) no-repeat 50% 50%;  border-radius: 0px; border: 0px;  outline: none;}

.rl_int_box input::-webkit-input-placeholder { font-size:16px;color:#fff; }
/* Firefox 4-18 */
.rl_int_box input:-moz-placeholder { font-size:16px;color:#fff; }
/* Firefox 19+ */
.rl_int_box input::-moz-placeholder { font-size:16px;color:#fff; }
/* IE10+ */
.rl_int_box input:-ms-input-placeholder { font-size:16px;color:#fff; }

.left_nav_wrap { }
.left_nav_wrap ul li  {  border-bottom: 1px solid #d9d9d9; }
.left_nav_wrap ul li a {  line-height: 50px; display: block; padding: 0 0 0 20px;font-size: 16px; color: #333;}
.l_n_under { overflow: hidden;     }			
.l_n_under ul li {  float: left; width:33.3%; } 
.l_n_under ul li a{  display: block;  border-right: 1px solid #dedede;     border-top: 1px solid #dedede;  text-align: center;  padding: 10px 0 14px 0;    margin-bottom: -1px; background: #f3f3f3; }

.m_ls_on {     left: 0px;  visibility: visible;  opacity: 1;  width: 100%; }
.add_date_list {  padding: 0; }
.add_date_list ul li {padding: 0 100px 0 15px; position: relative; }
.add_date_list ul li span { position: absolute; right:15px;top:12px; color: #666;}

.l_new_icon {display: inline-block;   background: url(../img/background/new_icon.png) no-repeat 0 0; width: 18px;height: 18px; margin-right: 4px; vertical-align: top; text-indent: -9999px;  margin-top: 1px;    }

.mobile_submission_bt { margin: 30px 0 0 0; padding: 0 20px}
.mobile_submission_bt a{ display: block;  color: #fff; text-align: center; line-height: 40px; background: #fb7e2a;border-radius: 20px; }

.m_n_user {border-bottom: 1px solid #ddd; padding: 80px 0 20px 0; text-align: center; background: url(../img/background/mobile_user_icon.png) no-repeat 50% 20px;  }
.m_n_user a{ font-size: 14px; border:1px solid #d2d2d2; border-radius: 4px; text-align: center;display: inline-block; line-height: 36px;padding: 0 30px;}


.m_visual_wrap { padding:100px 0 0 0;  background: url(../img/background/main_visual_bg.jpg) no-repeat 50% 0;    min-height: 600px; background-attachment: fixed; padding-bottom: 5px; }  


.mv_top_wrap { overflow:hidden; margin-bottom: 50px;}
.mv_top_wrap h2 { float: left;color: #fff;   font-family:GmarketSans; font-weight: normal; font-size: 32px;  }
.mv_top_wrap h2 span  { display: block; font-size:16px; }

.m_s_issn{ float: right; }
.m_s_issn span {   display: inline-block;  color: #fff; font-size: 14px; }
.m_s_issn span  {  position: relative; padding-right: 10px; margin-right: 10px;  }
.m_s_issn span:after {  content: ''; display: block; width: 1px; height: 10px; background:#c1c1c1; position: absolute; right:0; top:5px; }
.m_s_issn .after-none:after {  display: none !important; }

.m_s_int_box { height: 57px; background: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,0.3); position: relative; padding: 9px 104px 0 16px; transition: all 0.3s ease;  width: 640px;margin: 0 auto;  }
.ef_line {  box-shadow: 0px 8px 20px rgba(0,0,0,0.7);  }
.m_s_int { width: 100%; background: #fff; border:0px; outline: none;  height: 38px;  font-size: 16px; font-weight: normal; }
.m_search_submit { position: absolute; right:0; top:0; width:94px; height: 57px; display: block; text-indent: -9999px; background:#607aeb  url(../img/background/main_search_icon.png) no-repeat 50%  50%;   border:0px; }

.m_latest_wrap { margin:-200px 0 30px 0; }

.m_latest_title{ overflow: hidden; margin-bottom: 15px;  }
.m_latest_title h3 { color: #fff;font-family:GmarketSans; font-size: 20px; font-weight: normal; float: left; line-height: 39px; margin: 0 10px 0 0; }
.m_latest_title a{ display: block; width:39px; height: 39px; border:1px solid #d2d2d2; border-radius: 20px; overflow:hidden; text-indent: -9999px; background: url(../img/background/m_more_plus_w.png) no-repeat 50% 50%; float: left; transition:all 0.3s ease; }
.m_latest_title a:hover {  transform: rotate(90deg)} 

/* .m_l_box{ background:#fff url(../img/background/ml_box_bg.png) repeat-x 0 bottom;border:1px solid #e2e2e2;padding: 14px;position: relative; } */
.m_l_box{ background:#fff url(../img/background/ml_box_hover.png) repeat-x 0 bottom;border:1px solid #e2e2e2;padding: 14px;position: relative; background-size: auto 75px;}
.m_l_box:after  { content: ''; display: block; width: 15px; height: 280px;background: url(../img/background/ml_shadow_bg.png) no-repeat 0 0; position: absolute; right:-15px; bottom:0;  }
.m_l_box_inner { border:1px solid #4aceea; height: 180px; padding: 15px 0 0 0; }

#main_latest_slide .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .m_l_box_inner { border:1px solid #4aceea7a; height: 215px; padding: 13px 0 0 0; }
#main_latest_slide .owl-stage-outer .owl-stage .owl-item:nth-child(even) .m_l_box_inner { border:1px solid #4a62bc7a; height: 215px; padding: 13px 0 0 0; }


.ml_title { display: block; position: relative; font-size: 16px; text-align: center; color: #211291; padding: 10px 14px 0 14px; overflow: hidden; height: 55px; margin-bottom: 25px; }
.ml_title:after { content: ''; display: block; position: absolute;left:50%;top:0; width: 38px; height: 1px; background: #2764ad; margin:0 0 0 -19px; }
.ml_title:hover { text-decoration: underline;color: #120a4b;}
.ml_author  {  margin-bottom: 20px;  text-align: center; }
.ml_author span {  display:inline-block; padding: 0 0 0 16px; background: url(../img/background/ml_user_icon.png) no-repeat 0 2px; color: #777; font-size: 13px;  }
.ml_info { padding: 0 14px; text-align: center; color: #555; font-size: 13px;  }
.ml_info span{ display: block;     text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: auto;  }


/* .m_q_more {  position: absolute; right:15px; bottom:10px;  width: 36px; height: 36px;text-align: center; border-radius: 18px;border:1px solid #ececec;  transition:all 0.3s ease;  overflow: hidden; } */
.m_q_more {  position: absolute; right:15px; bottom:10px;  width: 80px; height: 36px;text-align: center; transition:all 0.3s ease;  overflow: hidden; }
.m_q_more:after { content: ''; display: block;  position: absolute; right:8px; top:11px; width:17px; height: 6px;background: url(../img/background/m_q_more.png) no-repeat 0 0;    }
/* .m_q_more em{ display:block; line-height: 32px; font-size: 14px; color: #363636;  font-style: normal;width: 0px; overflow: hidden;text-align: left; padding: 0 0 0 10px;} */
.m_q_more em{ display:block; line-height: 28px; font-size: 14px; color: #ffffff;  font-style: normal;width: 0px; text-align: left; padding: 0 0 0 10px;}
/* .m_q_more:hover  {width: 80px;  background: #fff;  border:1px solid #888;   } */
/* .m_q_more:hover  {width: 80px; } */
/* .m_q_more:hover  em{width: auto; } */
/* .m_q_more:hover:after { background: url(../img/background/m_q_more_on.png) no-repeat 0 0;  } */


/* .ml_hover_box { position: absolute; left:0; right:0; bottom:0px;background: url(../img/background/ml_box_hover.png) repeat-x 0 bottom;  height: 60px;  transition:all 0.3s ease; opacity:1;  } */
.ml_hover_box ul {  position: absolute; left:20px; bottom:20px; }
.ml_hover_box ul li {  float: left; margin-right: 5px;    }
.ml_hover_box ul li:last-child { margin-right: 0px;    }
.ml_hover_box ul li a{ display: block; width: 32px; height: 32px; border-radius: 18px;  text-indent: -9999px; overflow: hidden;background:#fff url(../img/background/ml_bt_icon.png) no-repeat 7px 7px; border:1px solid #fff;  }
.ml_hover_box ul li .ml_pdf {  background:#fff url(../img/background/ml_bt_icon.png) no-repeat -32px 6px;  }
.ml_hover_box ul li .ml_citation {  background:#fff url(../img/background/ml_bt_icon.png) no-repeat -72px 7px;  }
.ml_hover_box ul li a:hover { border-color: #6c747d; }
/* .ml_hover_box ul li a:hover { border-color: #394ca1; } */
.m_l_box:hover .ml_hover_box  {opacity: 1; bottom:0;  } 
    


#main_latest_slide .owl-nav{ display: none; }
#main_latest_slide .owl-dots{  position: absolute; right:0; top:-30px;  }
#main_latest_slide  .owl-dots .owl-dot span { margin: 5px 3px; }
#main_latest_slide .owl-dots .owl-dot.active span{ width: 22px; background: #2a76f9; }
#main_latest_slide .owl-dots .owl-dot:hover span { }

.recent_issues_wrap { position: relative;  background:#1048a0 url(../img/background/r_i_bg.png) repeat-y 50% 0px; margin-bottom: 45px; }
/*.recent_issues_wrap:after  { content: ''; display: block; position: absolute; top:0; right:-720px; width: 50%; height: 70px; background: #e76c29;  }*/



.recent_issues_inner { position: relative; }
.recent_issues_inner:after {clear: both; }
.recent_issues_inner:after,
.recent_issues_inner:before { display: table;content: " "; }


.m_r_issues_box { float: left; width:76%; }
.m_r_issues_box h3 {   color: #fff; font-size: 18px; font-family: GmarketSans; float: left; font-weight: normal; padding: 24px 0 0 0; }
.m_r_issues_link { position: relative;  padding: 0 70px 0 0;margin: 0 0 0 214px;  }
.m_r_issues_link ul li { float: left; width: 33.333333%; }
.m_r_issues_link ul li a{ display: block; border-left:1px solid #4278bd;padding: 24px 0 0 24px;position: relative;height: 70px; }
.m_r_issues_link ul li a:after { content: ''; display: block; position: absolute; right:20px; top:50%;width: 21px; height: 11px; background: url(../img/background/link_arr_w.png) no-repeat 0 0;  margin: -6px 0 0 0;  opacity: 0.5; }
.m_r_issues_link ul li a:hover {  background: #0c4194;  }
.m_r_issues_link ul li a:hover:after  { opacity: 1;}



.m_r_issues_link ul li a span{ display:inline-block; padding: 0 0 0 30px; background: url(../img/background/journal_icon.png) no-repeat 0 0px;   color: #fff; font-size: 15px; }

.m_browse_bt_box { position: absolute; right:0; top:0; }
.browse_all_bt { display: block; width: 70px; height: 70px; background:#0a3270 url(../img/background/total_journal_icon.png) no-repeat 50% 50%;  }



.m_e_s_bt { float: left; width:24%; position: relative; }
/*.m_e_s_bt:after  { content: ''; display: block; position: absolute; top:0; right:0; width: 100%; height: 70px; background: #e76c29;  }*/
.m_e_s_bt a{ display: block; background: #e76c29; position: relative;padding: 0 0 0 46px; line-height: 70px; border-left:1px solid #fff; }
.m_e_s_bt a:after { content: ''; display: block; position: absolute; right:20px; top:50%;width: 21px; height: 11px; background: url(../img/background/link_arr_w.png) no-repeat 0 0;  margin: -6px 0 0 0; opacity: 0.5; }
.m_e_s_bt a span {  color: #fff; font-size: 20px;    font-family: GmarketSans; padding: 0 0 0 50px; background: url(../img/background/e_submission_w.png) no-repeat 0 50%;display: block; }
.m_e_s_bt a:hover {   background: #d96424;   }
.m_e_s_bt a:hover:after { opacity: 1; }



.main_bottom_wrap { margin-bottom: 50px; }
.main_bottom_wrap .brick { margin-bottom: 0; } 

.m_notice_box { position: relative; padding: 22px 28px; height: 200px;}

.m_notice_box h3 {color: #4f4f4f; font-size:22px;  font-family: GmarketSans;  font-weight: normal; margin-bottom: 20px;}

.m_notice_box ul li { position: relative;margin-bottom: 10px;padding: 0 120px 0 0;  }
.m_notice_box ul li:last-child  { margin-bottom:0px;  }
.m_notice_box ul li a{ display: block; font-size: 16px; color: #333;padding: 0 0 0 7px;     text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: auto;  }
.m_notice_box ul li a:after { content: ''; display: block; position: absolute; left:0; top:8px; width:3px; height: 3px;background: #a4a4a4;}
.m_notice_box ul li span { position: absolute; right:0; top:0; color: #777; display: block; } 
.m_notice_box ul li a:hover {color:#211291  }
    
    

.m_more_bt { position: absolute; right:20px; top:15px; width: 40px;height: 40px;  background:url(../img/background/m_more_plus.png) no-repeat 50% 50%;  transition:all 0.3s ease; text-indent: -9999px; overflow: hidden; }
.m_more_bt:hover  { transform: rotate(90deg)  }

.m_about_box {border-top:2px solid #3a72cf; padding: 20px; height: 200px; position: relative; }
.m_about_box:after   { content: ''; display: block; position: absolute; right:28px; bottom:25px; background:url(../img/background/m_about_icon.png) no-repeat 0 0; width: 58px;height: 55px;   }

.m_about_box span { color: #777; font-size: 16px;  display: block;margin-bottom: 6px;  }
.m_about_box p { color: #000; font-size: 20px; }
.m_about_box p em{  display: block; }
.m_line_more { border:1px solid #c8c8c8; text-align: center; background: #fff; width: 120px; display: block; }
.m_line_more span { line-height: 30px; padding: 0 25px 0 0; display: inline-block;background:url(../img/background/line_more_arr.png) no-repeat right 50%;  }
.m_line_more:hover  { border-color: #333; }
.m_line_more:hover span  { color: #222;  }
.m_about_box .m_line_more { position: absolute; left:20px; bottom:20px; }


.add_oai_box .m_about_box { height: 83px; padding: 14px 0 0 20px; }
.add_oai_box .m_about_box p{ font-size: 18px;  line-height: 22px }
/*.add_oai_box .m_about_box:after { width: 40px; height: 40px;  background-size: 40px auto; right: 20px; top:10px; bottom: auto;  opacity: 0.6 }*/
.add_oai_box .m_about_box:after {  right:15px; bottom:25px; width:32px; height: 32px;     background: url(../img/background/line_more_arr.png) no-repeat 7px 10px; border-radius: 16px; border:1px solid #ccc;  }
.add_oai_box .m_about_box:hover:after { border-color: #1048a0; }

.m_oai_box { margin-top: 15px; }
.m_oai_box a{ height: 92px; display: block; border-top:2px solid #1328ae; font-size: 18px; color: #222; padding: 14px 0 0 20px; position: relative; }
.m_oai_box a:after { content: ''; display: block; position: absolute; right:15px; top:50%;margin-top: -16px;  width: 32px; height: 32px;  background: url(../img/background/line_more_arr.png) no-repeat 7px 10px;  border-radius: 16px; border:1px solid #ccc; }
.m_oai_box:hover a:after { border-color: #1048a0; }


/*.m_submission_box { margin-top: 15px; }*/
/*.m_submission_box a{ height: 80px; display: block; border-top:2px solid #df5c1c; font-size: 18px; color: #222; padding: 20px 0 0 20px; position: relative; }*/
.m_submission_box a{ height: 80px; display: block; font-size: 18px; color: #222; padding: 20px 0 0 20px; position: relative; }
/*.m_submission_box a:after { content: ''; display: block; position: absolute; right:15px; top:50%;margin-top: -16px;  width: 32px; height: 32px;  background: url(../img/background/line_more_arr.png) no-repeat 7px 10px;  border-radius: 16px; border:1px solid #ccc; }*/
.m_submission_box:hover a:after { border-color: #d58958; }

.m_preRelease_box { margin-top: 15px; }
.m_preRelease_box a{ height: 92px; display: block; border-top:2px solid #df5c1c; font-size: 18px; color: #222; padding: 14px 0 0 20px; position: relative; }
.m_preRelease_box a:after { content: ''; display: block; position: absolute; right:15px; top:50%;margin-top: -16px;  width: 32px; height: 32px;  background: url(../img/background/line_more_arr.png) no-repeat 7px 10px;  border-radius: 16px; border:1px solid #ccc; }
.m_preRelease_box:hover a:after { border-color: #d58958; }

.m_state_box {  float: left; width: 100%; }
.m_state_box ul li {   float: left; width: 50%;  position: relative; }
/*
.m_state_box ul li:first-child p:before,
.m_state_box ul li:last-child p:before { content: ''; display: block; position: absolute;  top:0; bottom:0; width: 1px; background:#e3e3e3}

.m_state_box ul li:first-child p:before  { right:0; }
.m_state_box ul li:last-child p:before  { left:-1px; }
*/

.m_state_box ul li p { position: relative;padding: 23px 15px 0 0;height: 100px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3;  }
.m_state_box ul li p:after  { content: ''; display: block; position: absolute; left:16px; top:16px; width: 28px; height: 28px; background:url(../img/background/m_state_icon01.png) no-repeat 50% 50%;  }


.m_state_box ul li p span {  display: block;  text-align: right; font-size: 13px; color: #777; margin-bottom: 15px; }
.m_state_box ul li strong { color: #162f98; font-size: 16px;font-family: GmarketSans; display: block; text-align: right;  font-weight: normal; }

.m_state_box ul .m_state_icon02 p:after {background:url(../img/background/m_state_icon02.png) no-repeat 50% 50%;   }
.m_state_box ul .m_state_icon03 p:after {background:url(../img/background/m_state_icon03.png) no-repeat 50% 50%;   }
.m_state_box ul .m_state_icon04 p:after {background:url(../img/background/m_state_icon04.png) no-repeat 50% 50%;   }






footer { background: #434343; }
.footer_inner p{  color: #dfdfdf; font-size: 12px; line-height: 20px;  }
.footer_inner{ padding: 15px 0;  }
.footer_info span { display: inline-block; margin-right: 22px; padding: 0 0 0 17px; background:url(../img/background/footer_phone_icon.png) no-repeat 0 4px;   }
.footer_info span:last-child  { background:url(../img/background/footer_mail_icon.png) no-repeat 0 5px;   }

.footer_contact { overflow: hidden; }
.footer_contact p{ float: left; }
.footer_contact .footer_info {margin: 0 0 0 30px; }













[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}











/* sub  서브 */

/*.sub_container{ padding: 30px 0 0 0;}*/



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



.main_container .sub_con_inner  { background: #fff; } 
.main_container .sub_middle_box {  margin: 0 0 0 0;     padding:0; }



.sub_visual_wrap {  background: url(../img/background/main_visual_bg.jpg) no-repeat 50% 0;background-attachment: fixed;   margin-bottom: 30px; }
.sub_visual_inner {  padding: 26px 0 0 0;  height: 90px;}
.sub_visual_inner:after {clear: both; }
.sub_visual_inner:after,
.sub_visual_inner:before { display: table;content: " "; }

.sub_visual_wrap h2{ padding: 4px 0 0 0; font-family: GmarketSans; font-size: 24px; font-weight: normal; color: #fff;  float: left; }
.sub_top_search { float: right; width: 342px; height: 38px; background:#f2f2f2; position: relative; padding: 4px 30px 0 12px; transition:all 0.3s ease;  }
.sub_top_search input {  width: 100%; border:0px; background: transparent; height: 30px; outline: none;  font-size: 14px; }
.sub_top_search button { display: block; position: absolute;  right:0; top:0; width: 54px; height: 38px;  background:#607aeb  url(../img/background/main_search_icon.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; border:0px;    background-size: 17px auto;  }


footer { background: #434343; }
footer .m_footer_inner {  width: auto; float: none}






.sub_container { padding-bottom: 40px; }
.sub_container:after {clear: both; }
.sub_container:after,
.sub_container:before { display: table;content: " "; }
.sub_con_inner {background:#fff url(../img/background/sub_con_line.png) repeat-y 202px 0;  }
.sub_con_inner:after {clear: both; }
.sub_con_inner:after,
.sub_con_inner:before { display: table;content: " "; }




.sub_contents { float: left; width: 1140px; }
.sub_aside_box {  float: right; width: 280px; }
.side_box { padding: 16px 0;}


.brick {     background: #fff;overflow: hidden; margin-bottom: 20px;
    position: relative;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1),0 2px 5px 0 transparent;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 5px 0 transparent;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1), 0 2px 5px 0 transparent;
    -moz-transition: box-shadow 250ms ease;
    -o-transition: box-shadow 250ms ease;
    -webkit-transition: box-shadow 250ms ease;
    transition: box-shadow 250ms ease; }
.brick:hover {    box-shadow: 0 2px 15px 0 #a1a1a1, 0 2px 5px 0 transparent;  }







.side_box h4{ font-size: 16px; color: #1f1f1f; font-weight: normal; padding: 0 0 10px 20px; margin-bottom: 15px; border-bottom: 1px solid #ddd; position: relative; }
.side_box h4:after { content: ''; display: block; position: absolute; left:20px; bottom: -1px; height: 2px; width: 24px; background: #213244;}




.recent_list ul li  {   }
.recent_list ul li:last-child   { border-bottom: 0;  }
.recent_list ul li a { display: block; background:url(../img/background/recent_list_icon.png) no-repeat 16px 9px;  padding: 11px 0 11px 48px; font-size: 14px; }





    

.sr_tab {margin-bottom: 16px; overflow: hidden;   padding: 0 20px; }
.sr_tab ul li { float: left; width:50%; }
.sr_tab ul li a { display: block;border:1px solid #d0d0d0;  border-bottom: 2px solid #d0d0d0;    text-align: center;line-height: 35px;  color: #555; background: #f4f4f4; font-size: 14px;  }
.sr_tab ul .active a { border-bottom: 2px solid #213244;  font-weight: bold; color: #ffffff; background: #213244;  }
.sr_list ul li  { border-bottom: 1px solid #e5e5e5; padding: 0 20px 15px 20px; margin-bottom: 16px; }
.sr_list ul li:last-child   { border-bottom: 0;  margin-bottom: 0px;  padding: 0 20px 0px 20px;  }
.sr_list ul li a {  color: #555;  line-height: 20px; font-size: 14px; }
.sr_list ul li a span {display: block;font-size: 12px;    color: #777;padding: 4px 0 0 0; line-height: 18px;}


.left_side_box { float: left; width:203px; padding: 30px 15px;}

.book_cover { width:116px;height:163px; border:1px solid #cbcbcb; margin: 0 auto; position: relative; margin-bottom: 15px; }
.book_cover img{ width: 100%; height: 100%;  }
.book_cover span { display: block; position: absolute; left:0; bottom:0; width: 100%; background:url(../img/background/book_cover_bg.png) repeat; height: 28px; color: #fff; line-height: 28px;text-align: center; font-size: 12px; }
.ls_issue h4 { font-size: 17px; color: #222; padding: 0 0 8px 0; background: url(../img/background/h4_tile_line2.png) no-repeat 0px bottom; margin-bottom: 10px;}
.ls_issue_list .sel_span { display: block; margin-bottom: 10px;}
.ls_issue_list .mobile_vs {  display: none; }


.ls_issue_list { margin-bottom: 40px; }
.ls_issue_list ul { margin: 10px -15px; }
.ls_issue_list ul li  { }
.ls_issue_list ul li a { display: block; padding: 6px 15px;  font-size: 14px; }
.ls_issue_list ul li a:hover {  background: #dadada;  }
/*.ls_issue_list ul li .on { color: #fff;  background:#1c57ad url(../img/background/left_nav_on.png) no-repeat right 50% !important; }*/
.ls_issue_list ul li .on { color: #fff;  background:#213244; position: relative; }
.ls_issue_list ul li .on:after  {  content: ''; display: block; position: absolute; right:0;top:50%;margin-top: -8px; background: #fff; width: 5px; height: 16px; border-radius: 2px 0 0 2px;}


.sub_submisstion_bt {padding: 12px 14px; position: relative;  border:1px solid #7f4dcb; border-radius: 6px; color: #171717;  display: block; }
.sub_submisstion_bt:after { content: ''; display: block;clear: both; width:21px;height:24px; background:url(../img/background/submission_bt03.png) no-repeat 0 0;  background-size: 21px auto;   position: absolute; right:20px;top:14px; }
.sub_submisstion_bt span { display: block; font-size: 12px; color: #555; margin-top: 3px; }

.sub_preRelease_bt {padding: 12px 14px; position: relative;  border:1px solid #7f4dcb; border-radius: 6px; color: #171717;  display: block; margin-bottom: 5px;}
.sub_preRelease_bt:after { content: ''; display: block;clear: both; width:21px;height:24px; background:url(../img/background/submission_bt02.png) no-repeat 0 0;  background-size: 21px auto;   position: absolute; right:20px;top:12px; }
.sub_preRelease_bt span { display: block; font-size: 12px; color: #555; margin-top: 3px; }

.sub_middle_box { margin: 0 0 0 232px;  padding: 30px 20px 30px 0;}

.issue_title { position: relative;  overflow: hidden;  margin-bottom: 20px}
.issue_title h4 { padding: 7px 0 7px 53px; background: url(../img/background/issue_title_icon.png) no-repeat 0 0px; font-size: 18px; font-weight: bold; color: #333; float: left; display: inline-block; min-height: 40px; }
.issue_title h4 span { display: block; font-size: 12px; color:#555;   margin-top: 2px;}
.issue_title .issue_date {margin: 4px 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;}
.issue_title .right_bt .normal_bt {     padding: 0 10px;line-height: 26px; min-width: 78px;  }






.line_bt  {display: inline-block;background: #fff; border:1px solid #cbcbcb; color: #676767; font-size: 14px; padding: 0 10px; line-height: 26px; transition: all 0.3s ease; min-width: 78px; text-align: center; }
.line_bt:hover { border:1px solid #213244;}
.line_bt:hover .download_bt { background: url(../img/background/pdf_download_icon.png) no-repeat right 6px; } 
.line_bt span { display: block; color: #676767; font-size: 14px; line-height: 26px; }
.download_bt  { padding: 0 22px 0 0px; background: url(../img/background/pdf_download_icon.png) no-repeat right -25px;transition: all 0.3s ease; color: #213244 !important;  }
.download_bt span { display: inline-block;   }

.excel_bt { background: url(../img/background/excel_download_icon.png) no-repeat right -25px;}


.issue_article{ border-bottom: 1px solid #e4e4e4;  margin-bottom: 16px;}
.issue_article .ia_title { display: block; font-size: 16px; color: #111; margin-bottom: 12px;  padding: 0 0 0 0; transition: all 0.3s ease; }
.issue_article .ia_title span { display: block; margin-top: 4px;font-size: 13px;  }
.issue_article .ia_title:hover {  text-decoration: underline; padding: 0 0 0 5px;  }
.il_bottom { overflow: hidden;}
.il_bottom span { display: block;  color: #777; margin-bottom: 2px; }
.il_bottom p {color: #777; position: relative;font-style: italic; }

/* .doi_link {  display: inline-block;color: #5260c1;  padding: 0 15px 0 0; background: url(../img/background/list_link_icon.png) no-repeat right 50%; } */
.doi_link {  display: inline-block;color: #5260c1;  padding: 0 15px 0 0; }
.doi_link:hover  { color: #212c9a; }


.il_bt_box  {  text-align: right;    margin-bottom: 10px; margin-right: 20px; }
.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_bt_box .normal_bt {     padding: 0 10px;line-height: 26px; min-width: 78px;  }
.il_bt_box a .pdf_download { background: url(../img/background/pdf_download.png) no-repeat right 50%; }
		
.list_abstract {  background:#f1f1f1 url(../img/background/list_abstract_bg.png) repeat-x 0 0; padding: 20px 20px 20px 60px; }
.list_abstract h5{  background:url(../img/background/list_abstract_bullet.png) no-repeat 0 4px; font-size: 13px;font-weight: bold; color: #104b95; padding: 0 0 0 10px; margin-bottom: 5px; }
.list_abstract p { text-align: justify;  color: #555; line-height: 23px; }



.abstract_box { }
.sub_container .list_abstract { padding: 20px;  }
.abstract_toggle { display: block;  background:url(../img/background/list_abstract_bullet.png) no-repeat 0 2px;  height: 18px; text-indent: -9999px;overflow: hidden;   background:url(../img/background/abstrac_toggle_down.png) no-repeat 50% 50%; }
.abstract_toggle:hover  {background:#f9f9f9 url(../img/background/abstrac_toggle_down.png) no-repeat 50% 50%;  }

.abstract_toggle_active {background:url(../img/background/abstrac_toggle_up.png) no-repeat 50% 50%  }
.abstract_toggle_active:hover  {background:#f9f9f9 url(../img/background/abstrac_toggle_up.png) no-repeat 50% 50%  }



.ct_box { position: relative; padding: 0 100px 0 0;}
.ct_box p {font-size: 13px; color: #777;  line-height: 20px; }
.ct_box p span { display: inline-block; margin-left: 20px;  }
.fc_bt {  position: absolute; right:0; top:0; font-size: 13px; color: #212c9a; background: #f9f9f9;border:1px solid #cbcbcb; border-radius: 3px; width: 120px; text-align: center; line-height: 30px; }

.sub_search_bt {  background: url(../img/background/main_search_icon.png) no-repeat 50% 50%;background-size: 20px auto;text-align: left; text-indent: -9999px; overflow: hidden; width:42px;height: 42px;  display: block;  background-size: 22px auto;}


.search_bt_box {  position: relative; display: none;  float: right;  margin-right: 5px; }
    
    .menu_bt_box { float: left; margin-left: 4px}
.mobile_s_inner { opacity: 0; visibility: hidden;  position: fixed; z-index:9999; background: url(../img/background/modal_bg02.png) repeat;  height: 100%; left:0; right:0; width:100%; top:0px;  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.mmobile_s_int {     }
.mmobile_s_int input { width:99.8%; border:0px; background: transparent;color: #fff; height: 30px; font-size: 16px;  padding: 0 0 0 8px; border-radius: 0px; }
.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+ */

.mobile_s_inner .sub_search_bt { background: url(../img/background/menu_close_bt.png) no-repeat 50% 50%; position: absolute; right:22px; top: 20px; background-size: 20px auto; text-indent: -9999px;overflow: hidden;width: 32px; height: 32px; border:0px; }
.ms_box {  padding: 70px 20px 0 20px;background: #222;height: 157px; }

.ms_box .mmobile_s_int {  }
.ms_inner  {border-bottom:1px solid #8e8e8e; padding: 0 0 10px 0; }



/* archives */
.allmenu_wrap { width:100%; margin: 0; }
.allmenu_wrap .modal-content { background: transparent; box-shadow: none; border:0px; color:#FFF; padding:30px; }
.allmenu_m_bg .in { opacity: 0.85;}
.allmenu_wrap h4 { color: #fff; font-size: 20px; font-weight:bold; border-bottom: 1px dashed #abb5ff; margin-bottom:0.6em; padding-bottom:0.6em; }
.allmenu_wrap h5 { color: #fff; font-size: 18px; font-weight:bold; margin-bottom:0.1em; }
.allmenu_wrap a { color:#fff; }
.allmenu_wrap .pub-box { height:172px; overflow:hidden; }
.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;  }


.allmenu_m_bg .in {    opacity: 0.85; }

ul .publication a { line-height: 24px; }



    
    
.left_article_page { border-top:1px solid #d5d5d5; padding: 8px 0 0 0; overflow: hidden; margin-top: 10px;}
.left_article_page a{ display: block; border:1px solid #e9e9e9;  font-size: 13px;line-height: 25px; }
.left_article_page a:hover {  border:1px solid #213244; }
.left_article_page .la_prev {  float: left; padding: 0 10px 0 20px;  background: url(../img/background/la_prev.png) no-repeat 8px 8px; }
.left_article_page .la_next {  float: right; padding: 0 20px 0 10px;  background: url(../img/background/la_next.png) no-repeat 45px 8px; } 
.view_left_type .sel_span { display: none; }

.view_count_box { border-top:2px solid #636c82;  background: url(../img/background/rv_line.png) no-repeat 50% 50%;  overflow: hidden; padding: 20px 0;}
.view_count_box ul li { float: left; width:50%; text-align: center;font-size: 20px;color: #636c82;}
.view_count_box ul li span { display: block;  font-size: 14px;color: #555;}


.view_contents_wrap { border-top:1px solid #ddd; padding: 15px 0 0 0; margin: -10px 0 0 0;}

.view_title { font-size: 18px; color: #000; margin-bottom: 24px;}
.view_title p{ margin-top: 7px; font-size: 16px;}

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



.article_info_box { background: #f7f7f7;border:1px solid #dfdfdf; padding:10px 12px; margin-top: 20px; }
.article_info_box ul li  {margin-bottom: 4px;   font-size: 14px !important; line-height: 1.42857143 !important; }
.article_info_box ul li .doi_link  {color: #2364bd; }
.article_info_box ul li:last-child  { margin-bottom: 0px; }
.article_title {font-size: 16px;font-weight: normal; color: #000; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px; padding-bottom: 8px; position: relative; }
.article_title:after { content: ''; display: block; clear: both; width:16px;height: 2px;background: #213244; position: absolute; left:0; bottom:-1px; }
.article_text { text-align: left; color: #555; line-height: 25px; margin-bottom: 25px}
.article_text p { margin-bottom: 10px; }



.m_top_contents {  /* background:#fff url(../img/background/sub_contents_bg.png) repeat-x 0 bottom; */ padding: 34px 0 45px 0;  margin-bottom: 20px; background:#fff; border-bottom: 1px solid #ccc;  }
.mtc_inner {  }
.mtc_inner:after {clear: both; }
.mtc_inner:after,
.mtc_inner:before { display: table;content: " "; }
.m_journal_info { float: left;   width:846px}
.m_journal_info:after {clear: both; }
.m_journal_info:after,
.m_journal_info:before { display: table;content: " "; }


.m_slide_wrap { float: right; width:316px; }

.m_journal_cover { float: left;  width: 198px;  }
.m_journal_cover img{ line-height: 0; border:1px solid #445b7a;  width: 100%; height: auto;   }
.m_journal_tbox { margin: 0 0 0 224px; position: relative;  }
.m_journal_title {font-size: 26px;color: #28225e; font-weight: bold; padding: 10px 0 0 0;background: url(../img/background/mj_title_bg.png) no-repeat 0 0;  margin-bottom: 8px;  }
.m_journal_title span { font-size: 20px; display: block;  font-weight: normal; }

.mj_text { overflow: hidden; margin-bottom: 10px; }
.mj_text ul li { padding: 0 0 0 10px; color: #555; float: left;  background: url(../img/background/square_bullet02.png) no-repeat 0 6px;  margin-right: 20px;  }
.eb_bt_box { margin-bottom: 12px; }
.eb_bt { display: inline-block;  border:1px solid #28a95f; border-radius: 17px; padding: 0  16px;}
.eb_bt *{transition: all 0.3s ease;   }
.eb_bt span { display: inline-block;  padding: 0 20px 0 0; color: #03441f; line-height: 26px; padding: 0 28px 0 0;   background: url(../img/background/e_user_icon.png) no-repeat right -29px;   }
.eb_bt:hover {  background: #4a1e6a;border:1px solid #4a1e6a;  }
.eb_bt:hover span  {  background: url(../img/background/e_user_icon.png) no-repeat right 4px;  color: #fff; }	
.mj_pt { color: #333; line-height: 26px;  text-align: justify;  font-size: 15px; }

.kn_wrap {  background: url(../img/background/kci_dotted_line.png) repeat-x 0 50%; }
.kci_if_box {  background: #f9f9f9; border-top:1px solid #609517;  padding: 16px 25px 0 25px; }
.kci_if_box h3 {font-size: 18px; font-weight: bold; color: #333;  display: none; }
.kci_num { text-align: center;   font-size: 14px; color: #555;  height: 88px; padding: 20px 0 0 0;}
.kci_num span  { display: block;  font-size: 16px;color: #000; }
.kci_if_box .if_t   { padding: 17px 0 0 0;}
.kci_if_box .if_t span  { font-size: 18px; color: #8a2fd5;}


.col_line  {  background: url(../img/background/kci_col_line.png) no-repeat right 50%;  }
.kci_info_bottom {background: #e7e7e7; margin: 0 -25px; padding:0; overflow: hidden; }
.kci_info_bottom dl dt {  float: left;  line-height: 45px; color: #333;  padding: 0 0 0 25px}
.kci_info_bottom dl dd {  float: right; }
.kci_info_bottom dl dd a{display: block;  line-height: 45px; color: #393080; position: relative; padding: 0 54px 0 0; }
.kci_info_bottom dl dd a span  { display: block;   width:45px;height: 45px; background:#dadada url(../img/background/kci_num_arrow.png) no-repeat -18px 50%;  position: absolute; right:0; top:0;overflow: hidden; text-indent: -9999px; transition: all 0.3s ease;}
.kci_info_bottom dl dd a:hover span { background:#393080 url(../img/background/kci_num_arrow.png) no-repeat 21px 50%;  }

#mj_slide .owl-dots .owl-dot span { margin: 0 4px;width:14px; height: 14px; background: #ccc;border-radius: 7px; }
#mj_slide .owl-dots .active span {   background: #4a1e6a !important;  }
#mj_slide .m_banner  img{ height: 250px;     }

.m_share_box { position: absolute; right:0;top:10px; }
.m_share_box .share_bt { display: block; float:left; width:38px; height: 38px; border-radius: 50%; text-indent: -9999px;overflow: hidden; margin-left:7px; background:#f3f3f3 url(../img/background/m_share_icon01.png) no-repeat 11px -26px;  transition: all 0.3s ease;   border:1px solid #c0c0c0;   }
.m_share_box .alert_iocn {background:#f3f3f3 url(../img/background/m_share_icon02.png) no-repeat 11px -26px;    }
.m_share_box .social_bt {background:#f3f3f3 url(../img/background/m_share_icon03.png) no-repeat 11px -25px;    }
.m_share_box .share_bt:hover { background:#f36d23 url(../img/background/m_share_icon01.png) no-repeat 11px 9px;   border:1px solid #f36d23;     } 
.m_share_box .alert_iocn:hover {background:#f36d23 url(../img/background/m_share_icon02.png) no-repeat 11px 9px; border:1px solid #f36d23;   }
.m_share_box .social_bt:hover {background:#f36d23 url(../img/background/m_share_icon03.png) no-repeat 11px 10px;  border:1px solid #f36d23;    }

.ms_r { float: left; }
.ms_r .dropdown-menu  { right: 0;  left: auto; }
	
.share_bt_list { margin: 10px 0 0 0; border:1px solid #9e9e9e; }
.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;   } 
 
.share_bt_list li a{ }
.share_bt_list li .share_facebook { }
.share_bt_list li .share_twitter { }
.share_bt_list li .share_kakaotalk { }





.notice_ul li  { padding: 0 20px; margin-bottom: 10px; }
.notice_ul li:last-child  { margin-bottom: 0px; }
.notice_ul li a{ display: block;      text-overflow: ellipsis;font-size: 14px;color: #555;white-space: nowrap;word-wrap: normal;overflow: hidden;width: auto;  }
.notice_ul li a:hover { text-decoration: underline;  }

.m_submission_bt { background: #643289;  display: block;  color: #fff; overflow: hidden; position: relative; border-radius: 4px; padding: 20px 0 20px 20px;font-size: 18px;   height: 82px;transition: all 0.3s ease; } 
.m_submission_bt span { display: block;font-size: 12px;   color: #fff } 
.m_submission_bt em {display: block; position: absolute; right:0; top:0;  background:#7940a4 url(../img/background/submission_bt01.png) no-repeat 50% 50%;   width:82px; height: 82px;  text-indent: -9999px; overflow: hidden; }   
.m_submission_bt:visited,
.m_submission_bt:active{ color: #fff; background:#643289;}
.m_submission_bt:hover { color: #fff; background:#8950b4;}



.main_container .issue_title { padding: 0 20px; }
.issue_list_wrap { position: relative; padding: 0 20px 0 60px; }
.list_num { display: block; position: absolute; left:20px;top:1px; color: #222; font-size: 16px; font-weight:bold;}
.result_top_box { border-bottom: 1px solid  #ddd; padding: 15px 20px 15px 0; margin-bottom: 15px; text-align: right; }
.result_top_box span { display: inline-block;  background: url(../img/background/result_arrow.png) no-repeat 0 3px; font-size: 14px;  padding: 0 0 0 19px;}
.result_top_box span strong{  color: #7f4dcc;  }



.result_facet ul li   {  padding: 0 70px 8px 20px; margin-bottom: 9px;  position: relative }
 .result_facet ul li:last-child   { border-bottom: 0;  margin-bottom: 0px;  padding: 0 70px 0px 20px;  }
.result_facet ul li a {  color: #555;  line-height: 20px;     text-overflow: ellipsis; display: block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    width: auto; }
.result_facet ul li a:hover { text-decoration: underline; }
.result_facet ul li a span { display: block; position: absolute; right:17px; top:0; line-height: 22px; color: #fff; background: #7c7c7c; border-radius: 12px; padding: 0 10px; font-size: 13px;}

.result_more {  display: block; text-align: center; border-top:1px solid #ddd;  margin: 10px 0 -14px 0; line-height: 32px;  font-size: 13px; font-weight: bold; color: #777;}
.result_more:hover  {  background: #f9f9f9; cursor: pointer;}
.volume_title { margin-bottom: 8px;}
/*
.volume_title a{ display: block; padding: 0 0 0 18px;  color: #222; font-weight: bold; font-size: 14px;   background: url(../img/background/volume_icon.png) no-repeat 0 3px; }
.volume_title a:hover {  text-decoration: underline; }
*/

.volume_title a{ display: inline-block;    font-weight: bold; font-size: 13px;    background:#f3f3f3 url(../img/background/volume_icon.png) no-repeat 13px 4px;   color: #222; border-radius: 12px; line-height: 24px; padding: 0 15px 0 32px;  }
.volume_title a:hover {   background:#8e5dd8 url(../img/background/volume_icon02.png) no-repeat 8px 4px;  color: #fff}




.row_contents { float: none; width: auto; }

.list_tbl {  width:100%; }
.list_tbl thead th {background: #f1f0ee;
    border-top: 1px solid #555;
    border-bottom: 1px solid #dcdcdc;
    color: #222;
    font-size: 14px;
    font-weight: normal;   padding: 10px 0; }
.list_tbl tbody td { border-bottom: 1px solid #dcdcdc;  color: #797979;  text-align: center; padding: 12px; }
.list_tbl tbody td .tbl_link { display: block; text-align: left;  }
.list_tbl tbody tr:hover td {  background: #eeeeee; }
    
    
    
    /* paginate  */
.paginate_complex{line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -2px;padding:0px 8px;line-height: 22px; background-color:#fff;font-size: 13px;color:#555;text-decoration:none;vertical-align:middle;-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;  }
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#224563; }
.paginate_complex .direction{border:1px solid #dcdbdb;text-indent: -9999px; width:28px; margin: 0; height: 28px;  text-decoration:none !important;z-index:1}
.paginate_complex .first_page {  background:#fff url(../img/background/paginate_l02.png) no-repeat 7px 50%;  margin: 0;}
.paginate_complex .prev_page { background:#fff url(../img/background/paginate_l01.png) no-repeat 9px 50%;margin-left: -6px; }
.paginate_complex .last_page {  background:#fff url(../img/background/paginate_r02.png) no-repeat -24px 50%;  margin: 0;}
.paginate_complex .next_page { background:#fff url(../img/background/paginate_r01.png) no-repeat -21px 50%;margin-right: -6px; }
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{border: 1px solid #636363; position: relative; z-index: 999; }

.paginate_complex .first_page:hover  {  background:#fff url(../img/background/paginate_l02.png) no-repeat -24px 50%;  }
.paginate_complex .prev_page:hover  { background:#fff url(../img/background/paginate_l01.png) no-repeat -22px 50%; }
.paginate_complex .last_page:hover  {  background:#fff url(../img/background/paginate_r02.png) no-repeat 9px 50%;  }
.paginate_complex .next_page:hover  { background:#fff url(../img/background/paginate_r01.png) no-repeat 9px 50% }



.view_top_box  { background: #f3f3f3; border-top: 2px solid #555; border-bottom: 1px solid #dcdcdc;  padding: 16px; margin-bottom: 30px;}
.view_top_box p { font-size: 19px;font-weight: normal; margin-bottom: 10px;  color: #222; }
.view_top_box ul { overflow: hidden; }
.view_top_box ul li  {  float: left;  padding: 0 0 0 10px;      background: url(../img/background/list_abstract_bullet.png) no-repeat 0 5px;    margin-right: 20px;  color: #555; }
.view_top_box ul li  span  {   color: #333; display: inline-block;color: #222; font-size: 14px;  }
.view_contents { border-bottom: 1px solid #898989;  padding: 0 0 30px 0; font-size: 15px; color: #333; line-height: 28px; margin-bottom: 16px; }
.view_img_p { text-align: center; margin-bottom: 26px; }
.view_img_p img { width: 80%; height: auto;}
.round_bt { color: #fff; display: inline-block; min-width:142px; line-height: 40px; font-size: 17px;font-weight: bold; text-align: center; background: #fbaf5d; border-radius: 20px; padding: 0 20px}
.round_bt:hover { color: #fff;  background: #ea9c48}
.add_file_box { margin: -16px 0 16px 0;border-bottom: 1px solid #898989; padding: 10px;  }
.add_file_box dl { overflow: hidden; }
.add_file_box dl dt {  float: left;  padding: 0 0 0 14px; margin-right: 5px; background: url(../img/background/list_abstract_bullet.png) no-repeat 0 5px;    color: #333; font-size: 14px; font-weight: bold; }
.add_file_box  dl dd{  float: left;  color: #6e6d6d; font-size: 14px;  }



.vc_bt { text-align: right; margin-bottom: 40px}


.view_bottom_list { border-top:1px solid #cfcfcf;  }
.view_bottom_list ul li{  border-bottom:1px solid #cfcfcf;  }
.view_bottom_list ul li a{ display: block;  padding: 15px 10px 15px 54px; background:url(../img/background/list_down_arrow.png) no-repeat 18px 50%;   color:#333; font-size: 14px; }
.view_bottom_list ul li a:hover {  text-decoration: underline; }
.view_bottom_list ul li:first-child a{  background:url(../img/background/list_up_arrow.png) no-repeat 18px 50%;  }
.normal_bt:visited,
.normal_bt:active,
.normal_bt {  color: #fff; display: inline-block; line-height: 32px; min-width: 120px; text-align: center; padding: 0 15px; background: #212e3c; transition: all 0.3s ease;  }
.normal_bt:hover  { background: #233950;  color: #fff;}
.con_title { font-size: 24px;    margin-bottom: 20px;  color: #222; position: relative;  border-bottom: 1px solid #ddd;  padding-bottom: 12px; }
.con_title:after { content: ''; display: block; clear:both; width:20px;height: 3px;background: #1c57ad; position: absolute; left:0; bottom:-1px;  }
.con_title span {  vertical-align: top; font-size: 16px; color: #777;margin: 8px 0 0 10px; display: none;  }
.ct_none_line {  border-bottom: 0px; }




.public_text { line-height: 30px; font-size: 15px; }
.circle_h4{ padding: 0 0 0 19px; background:url(../img/background/h4_title_bullet.png) no-repeat 0 4px;  font-size: 16px; font-weight: normal; margin-bottom: 15px; color: #222; }




.history_list { margin-bottom: 40px; padding: 0 0 0 15px; }
.history_list dl { overflow: hidden; margin-bottom: 30px;  border-bottom: 1px solid #eee;padding: 0 0 30px 0; }
.history_list dl dt {  float: left;  font-size: 15px; font-weight: normal; display: none;  }
.history_list dl dd  { margin: 0px 0 12px 0px; position: relative;  font-size: 15px;  padding: 0 0 0 80px; }
.history_list dl dd span  {  position: absolute; display: block; left:0; top:0; color: #015891;    }


.pd_box { padding: 0 0 0 15px;}
.p_ul li { font-size: 15px;      padding: 0 0 0 9px;    background: url(../img/background/footer_bullet.png) no-repeat 0 9px;  margin-bottom: 10px }




.tbl_type { width:100%; }
.tbl_type thead th {     background: #f1f0ee;text-align: center; 
    border-top: 2px solid #555;
    border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; 
    color: #222;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;  }
.tbl_type thead th:last-child {   border-right: 0px; } 
   .tbl_type tbody th { background: #f9f9f9;padding: 8px 12px; text-align: center;      border-bottom: 1px solid #dcdcdc;   font-weight: normal; border-right: 1px solid #dcdcdc;  }  
.tbl_type tbody td  { border-right: 1px solid #dcdcdc;  padding: 8px 12px; text-align: center;      border-bottom: 1px solid #dcdcdc; }
.tbl_type tbody td:last-child { border-right: 0px; }
.sub_tab { padding: 0 0 0 1px;  background: url(../img/background/sub_tab_bg.png) repeat-x 0 bottom;overflow: hidden; }
.sub_tab ul li { float: left;  }
.sub_tab ul li a{ line-height: 45px;  display: block;font-size: 14px; padding: 0 15px;border-bottom: 0px solid #ff6b2a;transition: all 0.3s ease;   min-width: 140px; text-align: center; border:1px solid #ddd; margin: 0 0 0 -1px;  background: #fff; color: #777;}
.sub_tab ul li a:hover { background: #f9f9f9;}
/* .sub_tab ul .active a{  background: #8e5dd8 !important; color: #fff; } */
.sub_tab ul .active a{  background: #f1f0ee !important; color: #222; font-weight: bold;  position: relative; }
.sub_tab ul .active a:after{content: ''; display: block; clear: both; height: 3px; width:100%; position: absolute; left:0; top:-1px;  background:#8e5dd8;  }

.add_tab_tbl .list_tbl thead th { border-top:0px; }

.tbl_download_bt {     border: 1px solid #989898;    text-indent: -9999px; overflow: hidden; background: #f4f4f4 url(../img/background/tbl_download_bt.png) no-repeat 7px -24px; transition: all 0.3s ease;  display: inline-block; width:26px;height: 26px; border-radius: 13px; }
.tbl_download_bt:hover { background: #8552d3 url(../img/background/tbl_download_bt.png) no-repeat 7px 5px;  border: 1px solid #8552d3;      }



.gallery_box { margin-bottom: 24px;}
.gallery_box a{ display: block; background: #fff; border:1px solid #ddd;  border-radius: 3px;  padding: 0 0 14px 0;   transition: all 0.3s ease;  }
.gallery_box a:hover {border:1px solid #7f4dcc;}
.gallery_box span { display: block;  margin-bottom: 15px; }
.gallery_box span img{  width:100%; height: 198px;object-fit:cover;  }
.gallery_box p {  font-size: 16px; color: #222; overflow: hidden; height: 48px;  margin-bottom: 8px; line-height: 24px; padding: 0 12px;}
.gallery_box p.linksite { text-align: center;}
.gallery_box em { display: block; font-size: 14px; color: #333;line-height: 18px; padding: 0 12px; }



.contact_map { min-height: 460px; background: #f9f9f9; margin-bottom: 40px; }
.contact_t {margin-bottom: 40px; padding: 0 0 0 40px;background: url(../img/background/contact_icon01.png) no-repeat 0 0; line-height: 29px; font-size: 16px; }
.contact_num { margin-bottom: 40px; }
.contact_num span {padding: 0 0 0 84px;background: url(../img/background/contact_icon04.png) no-repeat 0 0; line-height: 29px; font-size: 16px; display: inline-block;  position: relative; }
.contact_num span em { display: block; position: absolute; left:44px; top:0;  }



.contact_num .cn_tel  { background: url(../img/background/contact_icon02.png) no-repeat 0 0; margin-right: 30px;}
.contact_mail {  background: url(../img/background/contact_icon03.png) no-repeat 0 5px; }
.num_ol li { position: relative; padding: 0 0 0 38px;  line-height: 23px; margin-bottom: 20px; font-size: 15px; }
.num_ol li span{  display: block; font-size: 13px; left:0; top:1px; position: absolute; color:#222; border-radius: 3px;  line-height: 18px; border:1px solid #7f4dcb;  width:20px;  text-align: center;}
/* .num_ol li span:after {  content: ''; display: block; clear: both; width:10px;height: 2px; background: #7f4dcc; position: absolute; left:0; top:0;  } */





.sub_link_t { display: inline-block; color: #7f4dcc; text-decoration: underline; }



.group_terms .gt_text  { text-align: right; margin-bottom: 3px; }
.group_terms h4  { font-size: 16px; font-weight: bold; margin: 20px 0;  color: #222;}
.group_terms dl  { padding: 0 0 0 10px;}
.group_terms dl dt  {font-size: 14px; color: #333; margin-top: 20px; margin-bottom: 10px; }
.group_terms dl dd  { color: #555;}


.group_terms dl dd ul {   text-indent: 6px;padding-left: 14px; }
.group_terms dl dd ul li  { margin-top: 3px;}
.group_terms dl dd ul li .bullet {    margin: 0 4px 0 -18px;  font-size: 15px; } 

.group_terms dl dd ul ul { padding: 10px 0 15px 16px;}
.group_terms dl dd ul ul li .bullet { font-size: 14px; }

    
    

    
    
    
    
    
  .keyword_box { overflow: hidden;  padding: 10px 0 0 0;}
  .keyword_box dl dt {  font-size: 12px; color: #777; float: left;  }
  .keyword_box dl dd{  margin: 0 0 0 70px; text-align: left;}
  .keyword_box dl dd span {font-size: 13px; color: #758fcc; margin-bottom: 5px; white-space: nowrap;}
    .keyword_box dl dd span:last-child { margin-right: 0px; }
   .author_mail { display: inline-block; padding:0 18px 0 0px; background: url(../img/background/sm_mail_icon.png) no-repeat right 4px; }  
   
   

   .view_bottom_box { overflow:hidden; margin-bottom: 10px; background: #f9f9f9;   padding: 10px 10px; border:1px solid #ddd; display: flex; }
     /*.view_bottom_box dl  { float: left;  margin-right: 30px;}*/
     /*.view_bottom_box dl:last-chidl   {  margin-right: 0px;}*/
   .view_bottom_box dl  { width: 33.3%; text-align: center;}
   /*.view_bottom_box dl dt  {     padding: 0 0 0 9px;     background: url(../img/background/footer_bullet.png) no-repeat 0 9px;  }*/
   .view_bottom_box dl dt span{ font-size: 13px; display: inline-block;  margin-left: 6px; color: #777;}
   /*.view_bottom_box dl dd  {   margin-left: 9px; }*/
   
   
  .cm_icon { color: #2364bd;padding: 0 0 0 15px; display: inline-block; padding:0 18px 0 0px;   }
  
  
  /* 0212 */
  .element_research { text-align: center; }
  .element_research span { text-align: center; font-size: 16px;font-weight: bold; border-radius: 50%; width:130px;height: 130px; border:8px solid #4d93f3; display: inline-block;   line-height: 116px; margin-bottom: 10px;}
  .element_research p{ text-align: center; }
  .er_c02 span { border-color: #32c078; }
  .er_c03 span { border-color: #f38e65; }
  .er_c04 span { border-color: #26c2c8; }
  
  
  .round_h4 { display: inline-block; background: #ff6d33; color: #fff; line-height: 26px; padding: 0 10px; border-radius: 13px;   vertical-align: middle; }
  

  .rule_box li  { margin-bottom: 30px; }  
  .rule_box li dl dt {  position: relative; padding: 4px 0 0  60px;  margin-bottom: 20px; font-size: 16px;  color: #222;}
  .rule_box li dl dt span  { display: block; position: absolute; left:0;top:0; text-align: center; font-size: 14px;  }
  .rule_box li dl dt span strong { font-size: 32px;  display: block; position: relative;padding: 6px 0 0 0;}
  .rule_box li dl dt span strong:after { content: ''; display: block; clear: both; width: 20px; height: 2px; background: #4a4a4a; margin: 0 0 0 -10px; left:50%; top:0;position: absolute; }
  .rule_box li dl dd {  line-height: 30px; font-size: 14px;  padding: 0 0 0 60px} 
  
.rule_bottom_box  {    border-top: 1px dashed #ccc;  padding: 20px 0 0 0;  }

.link_type {  display: inline-block;  padding: 0 18px 0 0; background: url(../img/background/list_link_icon.png) no-repeat right 50%; }
.link_type:hover  { color: #212c9a; }
.rb_t { padding: 0 0 0 20px;  background: url(../img/background/gray_arrow02.png) no-repeat 0 2px; margin-bottom: 10px; }

.rule_reference { border:1px solid #eee; padding: 20px; background: #f9f9f9; }
.rule_reference article { margin-bottom: 20px; padding: 0 0 0 12px; }
.rule_reference article:last-child  { margin-bottom: 0px; }
.rule_reference article h3 { font-size: 14px;color: #555;  font-weight: bold; margin-bottom: 10px; margin-left: -12px;      padding: 0 0 0 10px;
    background: url(../img/background/list_abstract_bullet.png) no-repeat 0 5px;  color: #222; }
  .rule_reference article ul li { margin-bottom: 10px;     background: url(../img/background/footer_bullet.png) no-repeat 0 7px;  padding: 0 0 0 9px; }
  .rule_reference article ul li:last-child  { margin-bottom: 0px; }
  
  
  
  .public_page { background: #fff; }
  
  
  
  
.public_inner {width: 520px; margin: 0 auto;   padding: 60px 0;}
.public_inner h2 {font-size: 24px; color: #333; font-weight: normal; margin-bottom: 15px; }


.public_inner h3 {font-size: 24px; color: #333; font-weight: normal; border-bottom: 1px solid #c6c6c6; position: relative;  padding-bottom: 12px;margin-bottom: 15px; }
.public_inner h3:after{ content: ''; display: block; position: absolute; left:0; bottom:-1px;  background: #3b72be; width:60px; height: 4px;  }





.mail_com_box {padding: 116px 0 0 0;background: url(../img/background/p_mail_icon.png) no-repeat 50% 0;margin-bottom: 30px;}
.mc_text { font-size: 22px;  text-align: center;  line-height: 34px;}
.mc_text strong{ font-size: 24px; color: #539c17;    font-weight: normal; }
.mc_text span { display: block;   }

.public_list_t { background: #f9f9f9;  padding: 20px 38px; margin-bottom: 30px;  border-radius: 7px; }
.public_list_t ul li {    margin-bottom: 10px; background: url(../img/background/footer_bullet.png) no-repeat 0 7px; padding: 0 0 0 9px;   }
.public_list_t ul li:last-child {margin-bottom: 0px   }

.p_email_form { position:relative; padding: 0 125px 0 0;}
.p_email_form .normal_bt{ position: absolute; right:0; top:0; }
.p_email_int { display: block; border:1px solid #ddd; height: 32px;  padding: 3px 4px 0 8px;}
.p_email_int input { width:100%; background: #fff; border:0px;height: 24px; }


.view_user_toggle    {  background: #fff; border: 1px solid #ddd;  border-radius: 5px;  padding: 10px;  margin-top: 6px; position: relative; }
.view_user_toggle  p  {line-height: 22px;   font-size: 13px; }
.view_user_toggle .ut_close_bt   {  position: absolute; right:-8px; top:-8px;  width:20px;height: 20px;background:#000 url(../img/background/ut_close.png) no-repeat 50% 50%;  border-radius: 10px; text-indent: -9999px; overflow: hidden;  }







[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.message_text01 {     font-style: italic; position: relative; margin: 0 auto 6px auto; width:700px;  text-align: center;  font-size: 16px; line-height: 30px; padding: 10px 46px; }
.message_text01:before,
.message_text01:after{content: ''; display: block; clear: both;   position: absolute; width:36px;height: 32px;     }

.message_text01:before{ background: url(../img/background/mag_icon01.png) no-repeat 0 0;   left:0; top:0; }
.message_text01:after { background: url(../img/background/mag_icon02.png) no-repeat 0 0;   right:0;  bottom:0;  }
.message_text02 { text-align: right; }
.message_text02 em {     background: url(../img/background/message_name.svg) no-repeat right 0; display: block;
    text-align: left;
    text-indent: -9999px;
    margin-top: 8px;
    height: 26px;  }


.message_date { font-size: 22px; text-align: center;  margin-bottom: 20px; }
.et_list dl { }
.et_list dl dt { border:1px solid #ddd; border-radius: 30px;  line-height: 26px; padding: 0 15px;  display: block; }
.et_list dl dd { margin: 0 0 12px 130px }


.public_top { font-size: 15px; padding: 15px; border:1px solid #ddd; border-radius: 4px;  line-height: 30px; }

.public_type { font-size: 15px; }



.event_top_box { margin-bottom: 10px;  }
.event_top_box em { display: inline-block; vertical-align: middle;  }
.event_top_box span { display: inline-block; vertical-align: middle;  background: #fff; border:1px solid #ccc; padding: 3px; min-width: 90px; margin-left: 12px;}
.event_top_box span select {  height: 24px; border:0px; background: #fff; width:100%;}

								
.event_info { background: #f2edf6; padding: 15px; margin-bottom: 10px; border-radius:3px;  position: relative; }
.event_info:after {content: ''; display: block; clear: both; width:20px; height: 2px; background: #4a1e6a; position: absolute; left:15px; top:0;  }

.event_info em { display: block; font-size: 18px; margin-bottom: 5px;  color: #222; }
.event_text_area {  overflow: hidden; }
.event_text {  float:left; }
.event_text span { color: #777;  margin-right: 30px; line-height: 24px; display: inline-block;   }
.event_text span strong { color: #222; display: inline-block;  margin-left: 6px; font-weight: normal  }
.event_i_bt {   float:right;  }
.event_i_bt a{  display: inline-block;  background: #7F34B6; padding: 0 12px;}
.event_i_bt a span {   display: inline-block;color: #fff; line-height: 24px; padding: 0 22px 0 0; background: url(../img/background/event_icon01.png) no-repeat right 5px;  }
.event_i_bt a .event_i02  {   background: url(../img/background/event_icon02.png) no-repeat right 3px;  }
.event_i_bt a:hover { background: #9342ce; }
.event_img {  text-align: center; }
.event_img img{ width:80%; height: auto;}


.awards_box {margin-bottom: 12px; border:1px solid #ddd;border-radius:4px;  background:#fff url(../img/background/awards_bg01.png) no-repeat 0 0; padding: 14px 50px 20px 52px;  position: relative; }
.awards_box:hover{  border:1px solid #999; }
.awards_box:after { content: ''; display: block; clear: both; width:17px;height: 30px;background: url(../img/background/ad_arrow.png) no-repeat 0 0; position: absolute; right:20px; top:50%; margin-top:-15px;   }


.ab_top { margin-bottom: 10px;  font-size: 13px;  line-height: 30px;}
.ab_top em { display: inline-block;  background: #fff; color: #333; border:1px solid #878787; padding: 0 15px; margin-right: 15px; border-radius: 15px;  }			
.ab_top span {  display: inline-block; margin-left: 4px;    }			
.ab_title { padding: 0 0 0 10px;}
.ab_title a  { display: block;   margin-bottom: 5px; color: #222;}

.ab_calendar { margin-bottom: 10px; }
.ab_calendar span {padding: 0 0 0 18px;  background: url(../img/background/ad_calendar_icon.png) no-repeat 0 2px;  display: inline-block; margin-right: 10px;  }
						
							
.editorial_state {    color: #fff;  margin-bottom: 4px; background: #6d9735;  display: inline-block; font-weight: bold; font-size: 13px; border-radius: 12px; line-height: 24px; padding: 0 15px}
.volume_title .editorial_state { margin-bottom: 0; }

.num_inner_ol { margin-top: 10px;}
.num_inner_ol li {   position: relative; padding: 0 0 0 100px;   margin-bottom: 10px    }
.num_inner_ol li span {  border-radius: 12px;line-height: 20px; background: #f3f3f3;    display: block; border:0px;  font-size: 15px;width: 80px;text-align: center;   left: 0; top: 1px;   position: absolute;  color: #333; }
.num_inner_ol li p { color: #777; } 
.num_inner_ol li p em { display: inline-block; margin-left: 4px;color: #333; }
.num_inner_ol li p .deadline_date  {  margin-right: 20px;}

/*#jr-content div.table-wrap  { overflow-x: auto;}*/
#jr-content div.table-wrap table { width: 100%;  }
/* #jr-content div.table-wrap table tbody td { white-space: nowrap;  padding: 6px 8px;} */
#jr-content div.table-wrap table tbody td { padding: 3px 5px;}
	
	
.vb_text { overflow: hidden; position: relative; background: #fff;padding: 12px 10px;border-top: 1px solid #ddd; }
.vb_text:after { content: ''; display: block; clear: both; width:17px; height: 2px; background: #8e5dd8; position: absolute; left: 10px; top:0;  display: block; }
.vb_text dl dt { font-size: 13px; margin-bottom: 4px;  color: #555; font-weight: normal; }
.vb_text dl dd {padding: 0 0 0 9px;  }

.message_box { margin: 0 auto; }

.m_top_drop { display: inline-block; min-width: 150px; }
.m_top_drop .caret {  position: absolute; right:6px;top:13px;  }

.ls_issue_list .m_top_drop ul { margin: 0; }
.ls_issue_list .m_top_drop .btn {  background: #fff;height: 30px; border:1px solid #ddd; border-radius: 3px; width: 100%; text-align: left }

.origin-view,.origin-view-link { float:right;  display: block;  background:#55565a; border-radius: 6px; overflow: hidden;      margin: 3px 0 0 0; cursor: pointer; line-height: 20px; padding-bottom: 1px; }
.origin-view,.origin-view-link a{ color: #fff; display: inline-block; font-size: 13px; text-decoration: none !important; width: 25px; text-align: center;}

.athor_link {text-decoration: underline;cursor: pointer;  color: #2364bd; }


.view_summary_box {padding: 15px 15px 36px 15px; margin-bottom: 15px;position: relative;  background:lightyellow; border-radius: 4px;  }
.view_summary_box:after { content: ''; display: block; clear: both;  background:#fff url("../img/background/summary_bottom_line.png") no-repeat 50% bottom; width: 100%; height: 19px; position: absolute; left:0; bottom:0; }
.view_summary_box dl { margin-bottom: 17px; }
.view_summary_box dl dt { margin-bottom: 10px;   }
.view_summary_box dl dt span { display: inline-block; font-size: 14px; color: #1c4091;  padding: 0 0 0 3px;}
.view_summary_box dl dd { font-size: 13px; color: #555;line-height: 20px;  }



.summary_title_text { position: absolute; right:0; top:0; font-size: 13px; font-weight: normal;  background: url("../img/background/summary_title_bg.png") no-repeat 50% bottom; color: #fff; width: 116px; height: 27px;  text-align: right;  line-height: 27px; padding: 0 12px 0 0;}



.m_l_btbox { text-align: right; margin: 5px 5px 0 5px; }
.m_l_btbox ul li {  display: inline; margin-left:0px;   }
.m_l_btbox ul li a{ display: inline-block; width: auto; height: 30px; border-radius: 15px; background-color: #1c57ad;}
.m_l_btbox ul li .m_l_icon01{ background:url(../img/background/list_link_icon.png) no-repeat 10px 7px; height: 30px; width: 30px; display: inline-block; position: absolute;}
.m_l_btbox ul li .m_l_icon02 { background:url(../img/background/list_link_icon.png) no-repeat -24px 7px; height: 30px; width: 30px; display: inline-block; position: absolute; }
.m_l_btbox ul li .m_l_icon03{ background:url(../img/background/list_link_icon.png) no-repeat -57px 7px; height: 30px; width: 30px; display: inline-block; position: absolute; }
.m_l_btbox ul li a:hover  { background-color: #1c57ad; }

.m_l_btbox ul .bt_bg_type02 a{ background-color: #5c8dd5 }

.sub_contents .pagination_class {text-align:center; padding-bottom:15px;}
.sub_contents .pagination_class ul li {display:inline-block;}



.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:10px 10px 5px 10px; display: none;}

.opr_bt { height: 80px; padding: 22px 25px 0 25px; display: block; background: #125561; }

.opr_bt span {
    color: #fff;
    font-size: 20px;
    display: block;
    height: 40px;
    padding-top: 6px;
}

.custom-pdf-down {
    float: right;
    position: absolute;
    top: 22px;
    right: 35px;
    font-size: 35px !important;
}

.supFile-wrap { margin-top: 10px; }
.supFileList { margin-top: 5px; }
.m_l_btbox ul li.top-pdf { display: none; }