@font-face{font-family:nanumgothic; src:url("/font/WebNanumGothic.eot");}
@charset "utf-8";
* {margin:0;padding:0;font-size:12px;line-height:1.5em;font-family:nanumgothic,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;color:#888888;}
html,body {width:100%;height:100%;}
html {overflow-y:scroll;}
body {background:url(/html/jsscience/image/nav/bg2.gif) repeat-x;*word-break:break-all;-ms-word-break:break-all;}
h1,h2,h3,h4,h5,h6,{text-align:left;}
img,fieldset,iframe{border:0 none;}
img,input[type=image] {vertical-align:middle;}
li{list-style:none;}
em,address{font-style:normal;}
textarea{overflow:auto;}
.blind, legend thead th{display:block;overflow:hidden;position:absolute;left:0;top:-5000px}
hr { display:none;} 
table, tr, td {padding:0px;border-spacing:0px;border-collapse:collapse;}

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:active { text-decoration:none; }
a:hover { text-decoration:none; }

a.aover:link { text-decoration:none; }
a.aover:visited { text-decoration:none; }
a.aover:active { text-decoration:none; }
a.aover:hover { text-decoration:underline; }

input[type=text], input[type=password] {border:1px Solid #DDDDDD;height:18px;}
input.date {width:70px;}
input.phone1, input.handphone1 {width:30px;}
input.phone2, input.handphone2 {width:40px;}
input.phone3, input.handphone3 {width:40px;}

body {text-align:center;}
#wrap{min-width:1000px;}

/*Header*/
#header {width:1000px;height:120px;margin:0 auto;text-align:left;overflow:hidden;}
#header .iconbar {height:22px;clear:both;margin-top:20px;margin-right:10px;}
#header .iconbar ul {float:right;}
#header .iconbar li {float:left;}
#header .menu {width:1000px;height:75px;padding:0;margin:0;}
#header .menu h1 {float:left;width:140px;height:42px;margin-left:0;margin-top:0;}
#header .top-menu {float:right;margin-top:0;margin-right:0;background:url(/html/jsscience/image/nav/menu_bg.png);padding:0 30px 10px 20px;}
#header .top-menu > li {float:left;}
#header .top-menu ul {position:absolute;top:71px;display:none;}
#header .top-menu ul.over {display:block;}
#header .top-menu ul > li {float:left;margin:0;padding:0;}

ul.submenu01 {margin-left:-50px;}
ul.submenu02 {margin-left:80px;}
ul.submenu03 {margin-left:210px;}
ul.submenu04 {margin-left:370px;}
ul.submenu05 {margin-left:295px;}
ul.submenu06 {margin-left:0;}
li.submenu {background:url(/html/jsscience/image/nav/submenu_bg.png);}
li.submenu img {margin:0 10px 0 10px;}

/*body*/
#body {width:1000px;margin:0 auto;text-align:left;min-height:100%;overflow:hidden;}
#body-left {float:left;width:195px;margin-left:0;}
#body-left > h1 {margin:0;padding:0;}
#body-left > ul {overflow:hidden;width:195px;height:230px;background:url(/html/jsscience/image/nav_sub/left_menu/bg.png);padding-top:20px;}
#body-left li {clear:both;overflow:hidden;margin:5px 0 0 0;}
#body-right {float:right;width:805px;margin-right:0;overflow:hidden;}

#body-contents {clear:both;overflow:hidden;background-color:#ffffff;padding:10px 10px 0 30px;min-height:300px;}
#body-contents > div.title {height:35px;clear:both;overflow:hidden;border-bottom:1px solid #dddddd;}
#body-contents h1 {float:left;overflow:hidden;}
#body-nav {float:right;overflow:hidden;}
#body-nav ul {float:right;overflow:hidden;margin-top:5px;}
#body-nav li {float:left;margin-left:5px;font-size:8pt;}
#body-contents .head {clear:both;margin-top:20px;overflow:hidden;}
#body-contents .body {clear:both;margin-top:10px;overflow:hidden;}
#body-contents .foot {clear:both;margin-top:10px;overflow:hidden;}
#body-contents .vod {width:760px;height:450px;background:url(/html/jsscience/image/nav_sub/contents/vod_bg.jpg);}

/*Footer*/
#footer {width:1000px;margin:0 auto;text-align:left;margin-top:20px;overflow:hidden;}

/*Etc*/
#quick-menu {position:absolute;top:88px;}
#quick-menu li {margin-bottom:5px;}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.board {width:100%;overflow:hidden;margin-top:50px;}

#fileUploadDialog {display:none;}
#fileUploadDialog ul {width:100%;overflow:hidden;margin-top:10px;margin-bottom:10px;}
#fileUploadDialog li {float:left;}
#fileUploadDialog li.right {float:right;}
#fileUploadDialog table {width:100%;}
#fileUploadDialog table, #fileUploadDialog tr, #fileUploadDialog td {padding:0px;border-spacing:0px;border-collapse:collapse;}
#fileUploadDialog table thead td {background-color:#999999;text-align:center;border-top:1px Solid #3333333;color:#FFFFFF;padding:5px;}
#fileUploadDialog table tbody td {background-color:#FFFFFF;text-align:center;border-bottom:1px Solid #3333333;color:#555555;padding:5px;}

#dialog {display:none;}
#dialog table {width:100%;}
#dialog table, #dialog tr, #dialog td {padding:0px;border-spacing:0px;border-collapse:collapse;}
#dialog table thead td {background-color:#999999;text-align:center;border-top:1px Solid #3333333;color:#FFFFFF;padding:5px;}
#dialog table tbody td {background-color:#FFFFFF;text-align:center;border-bottom:1px Solid #3333333;color:#555555;padding:5px;}

table.form {width:100%;border-top:1px Solid #dfd3ba;margin-bottom:20px;}
table.form th {width:120px;height:30px;line-height:30px;background-color:#f9f9f9;color:#333333;padding-left:10px;font-weight:bold;border-bottom:1px Solid #f2f2f2;text-align:left;}
table.form td {height:30px;line-height:30px;background-color:#FFFFFF;color:#666666;padding-left:10px;border-bottom:1px Solid #f2f2f2;}
table.form td input[type=text] {width:150px;}

table.list {width:100%;margin-bottom:25px;border-top:2px solid #848ba8;}
table.list thead th {height:30px;line-height:30px;background-color:#f4f4f4;color:#333333;padding-left:10px;border-bottom:1px Solid #e5e5e5;font-weight:bold;text-align:center;}
table.list thead td {height:30px;line-height:30px;background-color:#f4f4f4;color:#333333;padding-left:10px;border-bottom:1px Solid #e5e5e5;font-weight:bold;text-align:center;border-left:1px solid #e5e5e5;}
table.list tbody th {height:30px;line-height:30px;background-color:#f4f4f4;color:#333333;padding-left:10px;border-bottom:1px Solid #e5e5e5;font-weight:bold;text-align:left;text-align:center;}
table.list tbody td {height:30px;line-height:30px;background-color:#FFFFFF;color:#666666;padding-left:10px;border-bottom:1px Solid #e5e5e5;text-align:left;border-left:1px solid #e5e5e5;}

table.listTable {width:100%;}
table.listTable thead td {height:30px;line-height:30px;background-color:#AAAAAA;color:#FFFFFF;text-align:center;font-weight:bold;}
table.listTable tbody td {height:30px;line-height:30px;background-color:#FFFFFF;color:#666666;border-bottom:1px Solid #DDDDDD;padding:0 5px 0 5px;}
table.listTable tbody td.center {text-align:center;}

.scrollable { width:150px;height:77px;overflow:hidden;margin:5px;padding:0;position:relative;z-index:1;}
.scrollable .items { width:20000em; position:absolute; clear:both; }
.scrollable .items div { width:149px;margin:5px; }

.nav {width:100%;margin-top:10px;margin-bottom:10px;}
.nav .button {float:left;text-align:left;}
.nav .button a { padding:3px 5px 2px 5px;font-size:8pt;font-family:tahoma;text-align:center;vertical-align:middle;text-decoration:none;color:#000000;border:1px Solid #d8d8d8; }
.nav .paging {float:right;text-align:right;}
.nav .paging strong { color:#FF7635;padding:3px 5px 2px 5px;font-size:8pt;font-family:tahoma;text-align:center;vertical-align:middle;border:1px Solid #d8d8d8;text-decoration:none; }
.nav .paging a:link { padding:3px 5px 2px 5px;font-size:8pt;font-family:tahoma;text-align:center;vertical-align:middle;text-decoration:none;border:0;}
.nav .paging a:visited { padding:3px 5px 2px 5px;font-size:8pt;font-family:tahoma;text-align:center;vertical-align:middle;text-decoration:none;border:0;}
.nav .paging a:active { padding:3px 5px 2px 5px;font-size:8pt;font-family:tahoma;text-align:center;vertical-align:middle;text-decoration:none;border:0;}
.nav .paging a:hover { padding:3px 5px 2px 5px;font-size:8pt;font-family:tahoma;text-align:center;vertical-align:middle;text-decoration:none;color:#000000;border:1px Solid #d8d8d8; }

.button {text-align:left;}
.button a {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.button a:link {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.button a:visited {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.button a:active {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}
.button a:hover {border:1px Solid #d8d8d8;padding:5px;margin:5px 1px 5px 1px;text-decoration:none;font-weight:bold;background-color:#ffffff;cursor:hand;}

.paging {text-align:right;}
.paging strong {display:inline-block;background:#ffffff;border:1px Solid #d8d8d8;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:bold;font-family:tahoma;font-size:12px;color:#FF7635;}
.paging a:link {display:inline-block;background:#ffffff;border:1px Solid #FFFFFF;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:12px;color:#666666;}
.paging a:visited {display:inline-block;background:#ffffff;border:1px Solid #FFFFFF;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:12px;color:#666666;}
.paging a:active {display:inline-block;background:#ffffff;border:1px Solid #FFFFFF;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:12px;color:#666666;}
.paging a:hover {display:inline-block;background:#ffffff;border:1px Solid #d8d8d8;padding:2px 5px 2px 5px;margin:5px 1px 5px 1px;text-decoration:none;line-height:normal;font-weight:none;font-family:tahoma;font-size:12px;color:#FF7635;}

.confirm {color:#333333;line-height:20px;}
.confirm b {color:#58a50e;}

.scrollable { width:150px;height:77px;overflow:hidden;margin:5px;padding:0;position:relative;z-index:1;}
.scrollable .items { width:20000em; position:absolute; clear:both; }
.scrollable .items div { width:149px;margin:5px; }

.fileUploadStatus {width:200px;font-size:8pt;position:absolute;z-index:9999;background-color:#000000;color:#FFFFFF;border:1px solid #12bc19;padding:10px;}
.fileUploadStatus table {width:100%;margin:10px;}
.fileUploadStatus div {text-align:left;color:#FFFFFF;}
.fileUploadStatus .fileUploadStatus_button {text-align:right;}

ul.ul-radio-list li {float:left;}