@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/dhyana.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* CSS Document */
.clear {position:absolute; visibility:hidden; font-size:0; width:0; height:0; overflow:hidden;}

/* jump */
#jumpNavi {list-style:none; margin:0; padding:0; display:none}
#jumpNavi a:active,
#jumpNavi a:focus{color:#000; background:#fff; border:1px solid #475470; outline:0;}
#jumpNavi {position:absolute; top:-10em; left:0; margin:0 auto; width:18em; z-index:20;}
#jumpNavi a:focus{position:absolute; top:10.5em; left:0}


/*메인 레이아웃*/

#wrapper {margin:0 auto; width:950px; height:100%; overflow:hidden; background:url('/img/common/') repeat-y left top; }
.wrap_header{background:url('/img/common/bg_header.gif') repeat-x left top; width:100%;}
#header {width:980px; height:204px; margin:0 auto; padding:0; position:relative;}
#header .global{position:absolute; right:0; top:6px; overflow:hidden;}
#header .global li{float:left;}
.wrap_searchbar{clear:both; overflow:hidden; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background:#fff; height:70px;}
.searchbar {float:left; width:950px; height:29px; background:#f4f3f1; margin:15px 0; padding:10px 0 0 30px; font-size:11px;}
div.mainimg {float:left; width:980px; height:120px; position:relative;}
div.mainimg ul{position:absolute; right:16px; top:6px; height:26px; padding-top:6px;}
div.mainimg ul.open_access{background:url('https://inforang.com/img/open_access_inforang.png') no-repeat left center; padding-left:9px;}
div.mainimg ul li{float:left; margin-left:13px; color:#262626; font-size:14px; font-weight:bold; letter-spacing:-1px;}


h1.mainlogo { float:left;width:262x; height:100px; margin:0}

h4.ISSN { float:right;width:378px; height:100px; margin:0}

.line1px { clear:both; width:950px; color:#1a4672; margin:0; padding:0; size:1}



/*메뉴*/

div#menuarea {clear:both; float:left; width:980px; height:35px; margin-top:20px;}


/* 메인메뉴 텍스트형 시작 */
.menu_table{font-family:'Dhyana', serif;border-collapse:collapse; text-align:center; font-size:15px;}
.menu_talbe td{}
.menu_table a{display:block; height:30px;  background:url('https://www.inforang.com/img/menu_line.gif') no-repeat right center #c62130; padding-top:5px; color:#fff !important; font-weight:bold;}
.menu_table a.on{background:#c62130;  background:url('https://www.inforang.com/img/menu_line.gif') no-repeat right center #532226;} /* 이곳의 bg색을 변경하면 변경됩니다 */
.menu_table a:hover{text-decoration:none;  background:url('https://www.inforang.com/img/menu_line.gif') no-repeat right center #532226;} /* 이곳의 bg색을 변경하면 변경됩니다 */
.menu_table a.last{background:#c62130;}
.menu_table a.last:hover{text-decoration:none; background:#532226;}
/* 메인메뉴 텍스트형 시작 */

#menuarea{overflow:hidden;}
#menuarea li{float:left;}
#menuarea img{vertical-align:top;}

div.submenu{ float:left;background:#1a631e url('../img/main/submn_line.gif'); width:950px; height:125px;margin:0; padding:0; position:relative}

div.submenu ul{ float:left;list-style-image:url('/icon/mn_arrow.gif');font-size:11px; color:#fff;}

div.submenu li{ margin-top:2px;height:19px;width:160px;margin-left:30px}

div.submenu a:link{color:#fff;text-decoration:none;font-size:11px}

div.submenu a:visited{color:#fff;text-decoration:none;font-size:11px}

div.submenu a:active{color:#fff;text-decoration:none;font-size:11px}

div.submenu a:hover{color:#fff;text-decoration:none;font-size:11px; font-weight:bold;text-decoration:underline;}

/*서치바*/



input.search_tit{width:212px;border:1px solid #a5acb2; background:#fff; color:#666; padding-left:5px; margin-left:5px}

input.serch_author{ width:155px;border:1px solid #a5acb2; background:#fff; color:#666; padding-left:5px; margin-left:5px}

input.serch_key{ width:145px;border:1px solid #a5acb2; background:#fff; color:#666; padding-left:5px; margin-left:5px}

/*메인컨텐츠*/

#main_contents {clear:both;float:left; width:950px; margin:0; padding:0;position:relative; top:20px;}

#main_contents div.leftcontent {float:left; width:677px;  margin:0; padding:0;position:relative; min-height:800px; }	/*min-height:1030px;*/

#main_contents div.leftcontent .ml_list {clear:both; padding:0 0 5px 0}

.list_ti{ font-family:'Nanum Gothic', sans-serif;font-weight:bold;padding:3px 0 3px 5px; border-bottom:1px solid #c62130; font-size:18px; color:#000;}

.list_SubTile{ padding:3px 0 3px 5px; font-family:"Times New Roman", Times, serif; font-size:20px; font-weight:bold; color:#0000a8;}

.j_ti{font-family:'Dhyana', serif;font-size:13px; color:#473e37; padding:10px 5px 3px 5px !important;}
/* .j_ti{ background:#f9fafb; font-size:13px; font-weight:bold; color:#473e37; padding:5px} */

.j_ti a{color:#1d477e;text-decoration:none;}

.j_ti a:link{color:#1d477e;text-decoration:none;}

.j_ti a:visited{color:#1d477e;text-decoration:none;}

.j_ti a:active{color:#1d477e;text-decoration:none;}

.j_ti a:hover{color:#1d477e;text-decoration:underline;}

.j_txt{background:url('/icon/dottline.gif') repeat-x bottom;font-size:12px; color:#000; padding: 0  5px 10px 5px !important; line-height:15px;}
/* .j_txt{ background:#f9fafb url('/icon/dottline.gif') repeat-x bottom;font-size:12px; color:#555; padding: 0  5px 10px 5px; line-height:15px} */
.j_txt a{color:#000; /* margin-left:15px; */}
.j_txt a:link{color:#000 !important;}



div.rightcontents01 {float:right; width:271px; margin:0 0 20px 0; padding:0;position:relative;}

.tab_txt{ padding:10px 5px 5px 5px; font-size:12px; color:#666; text-align:left;}

.b_blue{ border: solid 1px #4b7716}

.right_title{border-bottom:2px solid #c62130; font-weight:bold; color:#c62130; font-size:13px; padding:0 3px 5px 3px; margin-bottom:5px !important;}

div.rightcontents02_aims{color:#6a6a6a; padding-bottom:25px;}
div.rightcontents02_aims ul{overflow:hidden;}
div.rightcontents02_aims ul li{float:left;}
div.rightcontents02_aims ul li img{vertical-align:top;}
div.rightcontents02_aims .aims_con{padding:11px; border:1px solid #c62130;}

div.rightcontents02_news{color:#6a6a6a; font-size:12px; padding-bottom:20px;}
div.rightcontents02_news ul{overflow:hidden; margin-bottom:15px;}
div.rightcontents02_news ul li{float:left;}
div.rightcontents02_news ul li img{vertical-align:top;}
div.rightcontents02_news .news_list{padding:0 8px;}
div.rightcontents02_news .news_list li{border-bottom:1px dotted #707a71; padding:5px 0 10px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
div.rightcontents02_news .news_list li a{color:#6a6a6a;}
div.rightcontents02_news td{padding:8px; text-align:justify;}
div.rightcontents02_news h2{font-size:11px; margin-bottom:10px;}

div.rightcontents02_image{color:#6a6a6a; font-size:12px; padding-bottom:25px;}
div.rightcontents02_image ul{overflow:hidden; margin-bottom:15px;}
div.rightcontents02_image ul li{float:left;}
div.rightcontents02_image ul li img{vertical-align:top;}
div.rightcontents02_image a{color:#6a6a6a;}
div.rightcontents02_image .sub a{color:#c62130 !important; margin-bottom:5px;}
div.rightcontents02_image td{padding:8px; text-align:justify;}
div.rightcontents02_image h2{font-size:12px;}

.main_banner_zone{padding-bottom:35px;}
.main_banner_zone p{margin-bottom:21px;}
.main_banner_zone ul{overflow:hidden;}
.main_banner_zone ul li.left{float:left;}
.main_banner_zone ul li.right{float:right;}
.main_banner_zone ul li img{vertical-align:top;}

div.rightcontents02 {float:right; width:273px; min-height:150px; padding:0;position:relative; margin-bottom:35px;}
div.rightcontents02 table{width:100%;}
div.rightcontents02 table td h2{font-size:15px;}
div.rightcontents02 dt { /* border-bottom:solid 1px #79ac5e; */}
div.rightcontents02 dt .sp {/*margin-right:1px */}



/* 이곳의 border값과 background값을 변경하면 디자인이 변경됩니다. : 시작 */
div.rightcontents02 dl.tab_right_con{float:left;}
div.rightcontents02 dl.tab_right_con img{float:left;}
div.rightcontents02 dt{width:100%;}
div.rightcontents02 dt .on{}
div.rightcontents02 dt .off{}
div.rightcontents02 dl{clear:both; float:left; width:272px;}
/* 이곳의 border값과 background값을 변경하면 디자인이 변경됩니다. : 끝 */



div.rightcontents02 dd { padding:0;margin:10px 8px 0 8px}
div.rightcontents02 #tabCon_2 li { padding:0 0 10px 0;margin:10px 8px 0 8px}
div.rightcontents02 .title { font-size:12px; color:#4745b9; font-weight:bold;}
div.rightcontents02 .title a{font-size:12px;color:#656565 !important;}
div.rightcontents02 .author { font-size:12px; color:#777; line-height:14px; border-bottom:1px solid #d2d2d2; padding-bottom:5px}

div.rightcontents02_1 {float:right; width:265px; min-height:150px; padding:0;position:relative;margin-bottom:20px;}
div.rightcontents02_1 h2{}
div.rightcontents02_1 table{width:100%; text-align:center;}
div.rightcontents02_1 table td{padding:5px 0;}

.title a:link{color:#707a71;text-decoration:none;font-size:13px}

.title a:visited{color:#707a71;text-decoration:none;font-size:13px}

.title a:active{color:#707a71;text-decoration:none;font-size:13px}

.title a:hover{color:#306f14;text-decoration:none;font-size:13px;text-decoration:underline;}



div.rightcontents03 {float:right; width:335px; min-height:250px; margin-top:10px; padding:0;position:relative; background:#f2f1ed}

div.rightcontents03 dt { width:333px; height:28px;border:solid 1px #aea287; background:#fff;}

div.rightcontents03 dd { padding:0;margin:10px 8px 0 8px}

div.rightcontents03 .tit { margin:8px 0 0 14px;}

div.rightcontents03 .list{ margin:8px;}

div.rightcontents03 .txt{width:187; min-height:67px; font-size:12px;color:#666; line-height:16px;text-align:justify; vertical-align:top; padding-top:3px;}

div.rightcontents03 .dotline{ height:12px;background:url('/icon/dottline.gif') repeat-x center;}

.txt a:link{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;}

.txt a:visited{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;}

.txt a:active{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;}

.txt a:hover{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;text-decoration:underline;}



div.rightcontents04 {float:right; width:335px;min-height:50px; margin-top:10px; padding-bottom:10px;position:relative; background:#f2f1ed}

div.rightcontents04 dl{ width:335px;min-height:50px;}

div.rightcontents04 dt{width:333px; height:28px;border: solid 1px #aea287; background:#fff; margin-bottom:10px}

div.rightcontents04 .tit{float:left; margin:8px 0 0 14px}

div.rightcontents04 .more{float:right; margin:8px 10px 0 0}

div.rightcontents04 .list{font-size:12px; color:#666;}

div.rightcontents04 dl dd ul{ margin:0; padding:0; width:320px; list-style:none; float:none; line-height:15px}

div.rightcontents04 dl dd ul li.newstit{font-weight:bold; padding-left:1.5em;margin:0; text-indent:-0.5em;}

div.rightcontents04 dl dd ul li.newstxt{list-style:none;margin:0; padding-left:1.5em}

.newstit a:link{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;}

.newstit a:visited{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;}

.newstit a:active{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;}

.newstit a:hover{color:#896c53;text-decoration:none;font-size:12px;line-height:14px;text-decoration:underline;}



p.dottline{ width:310px;height:1px; background:url('/icon/dottline.gif') repeat-x; margin:8px auto}



div.rightcontents05 {float:right; width:271px; padding:0;position:relative; padding-bottom:15px;}

div.rightcontents06 {float:right; width:263px; margin:0; padding:0 0 30px 0;position:relative;}
div.rightcontents06 h2{margin-bottom:13px !important;}
div.rightcontents06 p{font-size:11px; text-align:justify; padding-top:8px;}
div.rightcontents06 ul li{ background:url('/icon/dottline.gif') repeat-x left bottom; line-height:14px; padding:8px 12px 10px 0;}
div.rightcontents06 ul li a{color:#3c3c3c;background:url('/icon/blue_dot.gif') no-repeat 5px 5px; padding-left:12px; display:block; font-size:11px;}



div.sitelinks {clear:both;float:left; width:950px; height:20px;margin:20px 0; padding:0;position:relative;}

div.sitelinks ul li{ width:155px; float:left; margin-right:4px}

div.sitelinks ul li.last{ width:155px; float:left;margin:0}

/*하단*/



#open_footer {clear:both;margin:0 auto;padding:0; width: 99%; height: 30px; position: relative; background:#eceeef}

#open_footer div.bot_logo { float: left; margin: 7px 0 0 5px; }

#open_footer div.copyright { float: left; margin: 7px; font-size: 12px; color: #888;}











/* 유석재추가 */
.wrap_right_contents{float:right; width:271px;}

#main_contents div.main_top_con{clear:both;float:left; padding:24px 8px 8px 7px; width:628px; border:1px solid #e2e2e2; margin-bottom:35px;}
#main_contents div.list{clear:both;float:left; width:645px; margin-bottom:35px;}
.main_top_con{overflow:hidden;}
.title_image{float:left;}
.wrap_top_contents{text-align:left;position:relative; float:right; width:284px;}
.wrap_top_contents .date{font-size:14px; height:18px;}
.wrap_top_contents p{font-size:12px;}
.wrap_top_contents h2{color:#3c3c3c; line-height:21px; margin-bottom:8px; font-size:18px; letter-spacing:-1px;}

#main_contents div.title{float:left; height:33px; font-size:18px; font-weight:bold; color:#fff; font-family:"Tahoma";}

.main_rolling_list{float:right; padding:8px 8px 0 0; width:55px;}
.main_rolling_list li{float:left; margin-right:4px;}
.main_rolling_list li img{vertical-align:top; float:left;}

.main_btn{overflow:hidden;}
.main_btn li{float:left; margin-bottom:5px;}
.main_btn li img{vertical-align:top;}

.wrap_main_nav{padding-top:15px; clear:both;}
.main_nav{height:26px; clear:both; width:646px; border-bottom:2px solid #c62130;}
.main_nav li{float:left; margin:0 5px 0 0;}
.main_nav .on{background:#c62130;}
.main_nav .on a{display:block; width:127px; height:24px; padding:2px 0 0 33px; font-size:14px; font-weight:bold; color:#fff; background:url('https://www.inforang.com/img/bg_issue_arrow_1.gif') no-repeat 15px 9px;}
.main_nav .off{background:#e6e6e6;}
.main_nav .off a{display:block; width:127px; height:22px; padding:2px 0 0 33px; font-size:14px; font-weight:bold; color:#999; background:url('https://www.inforang.com/img/bg_issue_arrow_2.gif') no-repeat 15px 9px;}
.main_nav a:hover{text-decoration:none;}