@import "common.css";

html, body { height:100%; }

.bg { background:url(../img/bg.gif) repeat-x; }
.bg-sub { background:url(../img/sub_bg.gif) repeat-x; }

.cont p { 
	display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
} 
.cont ul {     
	display: block;
    list-style:disc;
	list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 30px;
}
.cont ul li { list-style:disc; display: list-item; text-align: -webkit-match-parent; }

a:link { text-decoration: none; color: #7c7c7c; }
a:hover { text-decoration: underline; }
a:visited {	text-decoration: none; color: #7c7c7c; }

#main_wrap,
#sub_wrap { width: 976px; margin:0 auto; position:relative; }
#main_wrap #head { width:970px; height:104px; }
#sub_wrap  #head { width:970px; height:86px; background:url(../img/up_bg.gif); } 

#head .head-top { position:relative; width:100%; height:96px; text-align:center; padding:5px; }
#head .head-top h1 { float:left; }
#head .head-top .txt { position: absolute; left:320px; }
#head .head-top .tmenu { position: absolute; right: 90px; font-weight:bold; color:#7c7c7c; }
#head .head-top .tmenu p.home { margin-bottom:65px; text-align:right; }
#head .head-top .tmenu p.home a { font-weight:normal; }
#head .head-top .cover { float:right; }
#head .head-cont { width:977px; height:189px; background:url(../img/notice_bg.gif) no-repeat; padding:15px 20px; }

#top_menu { width:970px; height:38px; margin:0 auto; text-align:center; }
#top_menu ul { width:800px; margin:0 auto; }
#top_menu ul li { float:left; width:150px; height:38px; padding-top:20px; text-align:center; font-family: "돋움"; font-size: 12px; font-weight: bold; color: #cfe3f0; background:url(../img/separator.gif) no-repeat 0 48%; }
#top_menu ul li.first { background:none !important; }
#top_menu ul li.gbn { width:5px !important; }
#top_menu ul li a:hover { text-decoration: none; color: #BFBFFF; }
#top_menu ul li a:visited { text-decoration: none; color: #cfe3f0; }
#top_menu ul li a:link { text-decoration: none; color: #cfe3f0; }
#top_menu ul li div { display:none; }


#body_wrap { width: 1200px; margin:0 auto; position:relative; }
#body_wrap .b-left { float:left; width:120px; margin-top:10px }
#body_wrap .b-left h2 { font-weight:bold; color: #1E2E69; text-align:center; margin-bottom:5px; padding:10px; border:1px solid #ccc; }
#body_wrap .b-left ul li { padding:1px 0; }
#body_wrap .b-cont { float:left; width:960px; }
#body_wrap .b-cont > ul { float:left; width: 302px; margin:10px 9px; }
#body_wrap .b-cont > ul li.line { min-height:300px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:15px; line-height:1.6; word-break:break-all; }
#body_wrap .b-cont > ul li.line div { width:270px; word-break:break-all; }
/*
#body_wrap .b-cont > ul li.line div > ul { display:block; list-style: disc; }
#body_wrap .b-cont > ul li.line div > ul li { margin-left:20px; display:list-item; list-style: disc; text-align: -webkit-match-parent; }
*/
#body_wrap .b-right { float:left; width:120px; margin-top:10px }
#body_wrap .b-right h2 { font-weight:bold; color: #1E2E69; text-align:center; margin-bottom:5px; padding:10px; border:1px solid #ccc; }
#body_wrap .b-right ul li { padding:1px 0; }

#cont_wrap { position:relative; overflow:hidden; background:url(../img/left-bg.gif) repeat-y; }
#cont_wrap .empty-bg { float:left; width:100%; height:20px; background-color:#fff; }
#cont_wrap .left-menu { float:left; width:182px; text-align:center; }
#cont_wrap .left-menu h3 { display:block; width:172px; height:15px; font-size:14px; text-align:left; color:#01412c; padding:14px 0 14px 10px; background:#fff url(../img/sub_left_title.gif) no-repeat; }
#cont_wrap .left-menu h3 strong { display:block; background:url(../img/icon3.gif) no-repeat 0 50%; padding-left:20px; }
#cont_wrap .left-menu ul { width:150px; margin:0 auto; }
#cont_wrap .left-menu ul li { padding:10px 0; background:url(../img/sub_left_line.gif) repeat-x 0 100%; text-align:left; }
#cont_wrap .left-menu ul li.last { background:none; }
#cont_wrap .left-menu ul li a { display:block; background:url(../img/icon1.gif) no-repeat 8px 50%; padding-left:18px; }
#cont_wrap .left-menu ul li a.linked{ color:#FF9900; }
#cont_wrap .left-menu ul li ul { margin-top:10px; }
#cont_wrap .left-menu ul li ul li { background:#fff none !important; padding:5px 0 !important;}
#cont_wrap .left-menu ul li ul li a { background:url(../img/dot3.gif) no-repeat 12px 50% !important;}
#cont_wrap .left-menu ul li ul li a.linked { color:#336699; }

#cont_wrap .cont-body { float:right; margin-right:10px; width:745px;}
#cont_wrap .cont-body .cont-box { border-left:2px solid #ddd; border-right:2px solid #ddd; padding:0 10px; min-height:600px; vertical-align:top; text-align:center;}
#cont_wrap .cont-body .cont-box .cont-tit { width:710px; height:39px; background:url(../img/title_bg.gif) }
#cont_wrap .cont-body .cont-box .cont-tit h2 { float:left; background:url(../img/title_icon.gif) no-repeat 0 50%; padding:7px 0 10px 30px; color:#01412c;font-weight:bold; font-size:14px; }
#cont_wrap .cont-body .cont-box .cont-tit .path { float:right; padding:10px 0; font-size:11px; }
#cont_wrap .cont-body .cont-box .cont-tit .path span.sel { color:#336699;}
#cont_wrap .cont-body .cont-box .cb-cont { padding:10px; text-align:left; line-height:1.6; }

.journal_wrap .search-form { padding:3px; background-color:#f5f5f5; border:1px solid #999; }
.journal_wrap .search-list li { padding: 5px 0; border-bottom:1px solid #ddd; }
.journal_wrap .search-list li .no { float:left; font-weight:bold; width:20px; height:60px; } 
.journal_wrap .search-list li .list-cont { float:left; width:680px; }
.journal_wrap .search-list li .title { font-weight:bold; font-size:12px;}
.journal_wrap .search-list li .title a { color:#000080; }
.journal_wrap .search-list li .info,
.journal_wrap .search-list li .author,
.journal_wrap .search-list li .pdf { font-size:12px; line-height:20px; }

.journal_wrap .search-view h3 { padding:5px 0; font-weight:bold; }
.journal_wrap .search-view div { line-height:20px; font-size:12px; }
.journal_wrap .search-view .abstract-cont strong { display:block; margin-top:10px; }
.journal_wrap .search-view .abstract-cont div { line-height:18px; }
.journal_wrap .search-view .abstract-cont div p { padding:10px 0; }

/* 페이징 START */ 
.pagination { margin-top:10px; padding:5px; text-align:center; }
.pagination ul { font-size:11px; }
.pagination ul li { display:inline-block; min-width:16px; padding:5px; margin:2px; border:1px solid #333; text-align:center; }
.pagination ul li.on { background:#333; color:#fff }
.pagination ul li.prev { background:#eee; }
.pagination ul li.next { background:#eee; }
.pagination ul li.jump_prev { border:none; background:#fff; }
.pagination ul li.jump_next { border:none; background:#fff; }
.pagination ul li.first { border:none; width:60px; background:#fff; }
.pagination ul li.last { border:none; width:60px; background:#fff; }
.pagination ul li.empty-msg { border:none !important; color:#FF6600; }
/* 페이징 END */ 

.btn01 {padding:7px 10px; color:#fff !important; text-align: center; font-size: 12px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; background: #4d64bc; border:0; cursor:pointer; vertical-align:middle; }
.btn02 {padding:7px 10px; color:#fff !important; text-align: center; font-size: 11px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; background: #666; border:0; cursor:pointer; vertical-align:middle; }
.btn03 {padding:7px 20px; color:#fff !important; text-align: center; font-size: 12px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; background: #4d64bc; border:0; cursor:pointer; vertical-align:middle; }

.submission-table th,
.submission-table td { margin:0; padding:3px; }
.submission-table input,
.submission-table select { padding:5px 3px; }
.submission-table .border01 { table-layout:fixed; border-collapse: collapse; }
.submission-table .border01 td { border:1px solid #ccc; margin:0; }

.submission-table .sub-table { }
.submission-table .sub-table th,
.submission-table .sub-table td { border:none;}

#cont_wrap .main_visual { clear:both; width:997px; height:290px; }
#cont_wrap .banner { clear:both; width:997px; height:60px; text-align:center; }
#cont_wrap .banner ul li { display:inline-block; padding:2px; }
#main_wrap #cont_wrap .quick-menu { position:absolute; top:50px; right:25px; z-index:99999; }
#sub_wrap #cont_wrap .quick-menu { position:absolute; top:50px; right:-26px; z-index:99999; }
#cont_wrap .quick-menu ul li.qmenu { background:url(../img/quick_bg.gif); text-align:center; }
#cont_wrap .quick-menu ul li.qmenu p { width:85px; padding:6px 5px 5px 8px; border-bottom:1px solid #ddd; margin-left:10px; text-align:left; background:url(../img/dot2.gif) no-repeat 0 50%; }

#foot { width:100%; height:85px; background:url(../img/footer_bg.gif); }
#foot .copy { text-align:center; width:970px; height:70px;  margin:0 auto; padding-top:20px; font-size: 12px; color: #7c7c7c; line-height: 18px; font-family: "Nanum Gothic", Dotum, Open Sans, Verdana, AppleGothic, sans-serif; font-style: normal; z-index:999; }

.table_wrap {float:left; width:100%; }
.table_wrap h3{padding: 10px 30px; font-size: 14px; font-family: '나눔고딕', 'Nanum Gothic', Nanum Gothic; color:#333;
background:url(../img/bul.gif) no-repeat 5px 14px;}

.table_common {width: 100%;border-top: 2px solid #333; border-spacing:0; }
.table_common th{ background-color:#f4f4f4; border-bottom:1px solid #e0e0e0; padding:10px 0 10px 10px; font-size:12px; text-align:left;}
.table_common thead th { text-align:center !important; padding:10px !important; }
.table_common td{ border-bottom:1px solid #e0e0e0; padding:5px;}

.table_common02 {width: 100%;border-top: 2px solid #333;}
.table_common02 th{ background-color:#f4f4f4; border-bottom:1px solid #e0e0e0; padding:10px 3px; font-size:12px; text-align:center;}
.table_common02 td{ border-bottom:1px solid #e0e0e0; padding:4px;}

.btn01 {padding:6px 20px; color:#fff !important; text-align: center; font-size: 11px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; font-weight:bold; background: #666; border:0; cursor:pointer; }
.btn02 {padding:10px 40px; color:#fff !important; text-align: center; font-size: 15px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; font-weight:bold; background: #4d64bc; border:0; cursor:pointer; }
.btn03 {padding:10px 40px; color:#fff !important; text-align: center; font-size: 15px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; font-weight:bold; background: #999; border:0; cursor:pointer; }
.btn04 {padding:4px 10px; color:#fff !important; text-align: center; font-size: 12px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; background: #666; border:0; cursor:pointer; }
.btn05 {padding:4px 10px; color:#fff !important; text-align: center; font-size: 11px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; background: #4d64bc; border:0; cursor:pointer; }
.btn06 {padding:4px 5px; color:#fff !important; text-align: center; font-size: 12px !important; font-family:'나눔고딕', 'Nanum Gothic', Nanum Gothic; background: #666; border:0; cursor:pointer; }
.button_area02 {width:100%; height:50px; margin-top:20px; text-align:center;}

.td_price div { padding:3px 0;}