@charset "utf-8";

@import url(common.css);
#POPUP_NOTICE	{font-family:'굴림'; border:1px solid #7da2c1; background:#c5d5e3; position:absolute; z-index:7; padding:8px 8px 3px 8px;}
#POPUP_NOTICE .notice_body	{width:327px; background:#FFF; padding-bottom:5px;}
#POPUP_NOTICE .notice_title	{font-size:14px; font-weight:bold; color:#494949; padding:5px 0px 0px 5px; line-height:130%}
#POPUP_NOTICE .notice_item	{padding:5px 5px 0px 5px; line-height:15pt; color:#777777;}
.titleVi { width:493px; height:264px; border-bottom:1px solid #ffffff; }
.mainLogin { width:493px; height:60px; background:url(../images/main_login_bg.gif) no-repeat; position:relative; }
.mainLogin ul { float:left; position:absolute; left:80px; top:5px; }
.mainLogin ul li { float:left; }
.mainLogin ul li img{ .position:relative; .top:4px; }
.mainLogin ul li img.btn{ .position:relative; .top:2px; }
.mainLogin ul li span{ position:relative; top:3px;}
.mainLogin .loginput { width:80px; font-size:12px; }
.mainLogin label { .position:relative; top:-3px; } /* ix 7.x ?  */
.mainLogin #normal { position:relative; top:2px;}
.mainLogin #organ { position:relative; top:2px;}
.mainLogin p { position:absolute; bottom:7px; right:12px;}

.mainLogin_info { width:493px; height:60px; background:url(../images/main_login_bg.gif) no-repeat; position:relative; }
.mainLogin_info ul { float:left; position:absolute; left:80px; top:9px; }
.mainLogin_info ul li { float:left; color:#000; font-size:12px;}

.mainLogin_info p { position:absolute; bottom:7px; left:83px;}
.mainLogin_info p select	{ font-size:12px; }

.mainList li { font-size:12px; line-height:17px; background:url(../images/ic_02.gif) no-repeat left center; padding-left:5px; position:relative; }
.mainList li a span { position:absolute; top:0; right:0; font-size:12px;}

.frbrSearch { width:375px; height:325px; position:absolute; top:57px; right:0; background:url(../images/main_frbr_bg.gif) no-repeat; }
.frbrSearch .btn{ padding-top:5px; padding-right:8px; text-align:right; }
.frbrSearch .frbrInput { position:absolute; z-index:10; }
.frbrSearch .frbrInput #frbrInputBox { background:url(../images/main_frbr_input_bg.gif) no-repeat; width:288px; height:38px; float:left; display:inline; margin-left:15px;  }
.frbrSearch .frbrInput #frbrInputBox li { float:left; height:38px; }
.frbrSearch .frbrInput #frbrInputBox .sel a { margin:5px; display:block; padding:6px 10px; left:28px; text-align:center; vertical-align:middle; background:url(../images/main_frbr_ic_01.gif) no-repeat 38px 13px; text-decoration:none; }
.frbrSearch .frbrInput #frbrInputBox .sel a span { position:relative; top:1px; }
.frbrSearch .frbrInput #frbrInputBox .inputBox { padding-top:8px; padding-left:10px; }

.frbrSearch #selDrop { position:absolute; top:33px; left:19px; background:#ffffff; border:1px solid #003afa; padding:5px 0; }
.frbrSearch #selDrop a{ padding:3px 0 3px 10px; display:block; width:44px; height:11px; }
#sword_div {background:#FFF; border:1px solid #5486b4; margin-top:8px; position:absolute; top:25px; left:71px;  width:226px;}
#sword_list ul  {height:83px; overflow:auto; overflow-x:hidden; padding-top:5px;}
#sword_list li  { height:18px; line-height:18px; cursor:pointer; margin:3px 0;}
#sword_list li span {color:#3366cc;}
.sw_list_off    { background:#f5f5f5; padding:3px 7px; text-align:right;}

#sword_list a { display:block; text-decoration:none; padding-left:10px; line-height:18px;  }
#sword_list a:hover { background:#f5f5f5; }


.bestWord { padding-left:15px; padding-top:16px; padding-bottom:5px; }
.bestWord a {color:#000000; font-size:11px;}
.frBanner { position:absolute; right:18px; top:112px; z-index:9; }

.commTap { position:absolute; right:18px; top:194px; }
/*tap*/
.commTap .tap { float:left; position:relative; width:342px; height:26px; background:url(../images/main_notice_tap_bg.gif) repeat-x; }
.commTap .tap li { float:left; height:26px; }
.commTap .tap li a.comm01 { background: url(../images/main_notice_tap_01.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0; }
.commTap .tap li a.comm01_select { background: url(../images/main_notice_tap_01_over.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0; }
.commTap .tap li a.comm01:hover { background: url(../images/main_notice_tap_01_over.gif) no-repeat; }
.commTap .tap li a.comm02 { background: url(../images/main_notice_tap_02.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0; }
.commTap .tap li a.comm02_select { background: url(../images/main_notice_tap_02_over.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0;; }
.commTap .tap li a.comm02:hover { background: url(../images/main_notice_tap_02_over.gif) no-repeat; }
.commTap .tap li a.comm03 { background: url(../images/main_notice_tap_03.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0;  border-right:1px solid #e0e1e0; }
.commTap .tap li a.comm03_select { background: url(../images/main_notice_tap_03_over.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0; border-right:1px solid #e0e1e0; }
.commTap .tap li a.comm03:hover { background: url(../images/main_notice_tap_03_over.gif) no-repeat; }
.commTap_last { position:absolute; top:14px; right:0;}
.commTap_last a{ display:block; line-height:11px; }
/*list*/
.commTap .mainList { width:310px; border-left:1px solid #e0e1e0; border-right:1px solid #e0e1e0; border-bottom:1px solid #e0e1e0; clear:both; padding:17px 15px 19px 15px; }
.commTap .mainList li { width:302px; font-size:12px; }


.mainBox { background:url(../images/main_stl_box_01.gif) repeat-y; margin:0 auto; width:835px; }
.mainBoxEnd { background:url(../images/main_stl_box_02.gif) no-repeat bottom; padding:6px 0 0 0; position:relative; }


.research { height:205px; }

.recomReseach { position:absolute; width:390px; left:25px; top:10px; }
.recomReseach .mainList { margin-left:3px; font-size:12px;}
.recomReseach h3 { padding-bottom:5px; }
.work { position:absolute; width:390px; left:25px; top:100px; }
.work h3 { padding-bottom:5px; }
.work dl { float:left; }
.work dt { float:left; }
.work dt img { border:1px solid #dedfde; padding:2px; }
.work dd { float:right; width:291px; font-size:12px;}
.work dd.subj { font-weight:bold; padding-top:3px; font-size:12px;}
.work dd.subj a { color:#405289; font-size:12px;}

.graph { position:absolute; left:444px; top:10px;}
.graph h3 { padding-bottom:5px; }
.graph .graphBox { position:relative; width:378px; height:162px; background:url(../images/main_gra_bg.gif) no-repeat; }
.graph .left { position:absolute; left:20px; top:18px; }
.graph .left div { height:11px; margin-bottom:11px; clear:both; }
* html .graph .left div { margin-bottom:3px; }

.graph .right { position:absolute; left:190px; top:18px; }
.graph .right div { height:11px; margin-bottom:11px; clear:both; }
* html .graph .right div { margin-bottom:3px; }

.graph ul li { float:left; line-height:11px; height:11px; display:inline; }
.graph ul li.graphEleBg { width:69px; height:11px; background:url(../images/main_gra_ele_01.gif) no-repeat; }
.graph ul li.graphEleBg span { display:block; margin:2px; height:7px; line-height:7px; background:url(../images/main_gra_ele_02.gif) no-repeat; }
.graph ul li.last { position:relative; top:1px; padding-left:5px; color:#5f809f; }


.archive  { height:134px; position:relative; }
.archiveTap { position:absolute; left:28px; top:8px; width:391px; }
/*tap*/
.archiveTap .tap { float:left; position:relative; width:391px; height:26px; background:url(../images/main_notice_tap_bg.gif) repeat-x; }
.archiveTap .tap li { float:left; height:26px; }
.archiveTap .tap li a.archive01 { background: url(../images/main_archive_tap_01.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0; }
.archiveTap .tap li a.archive01_select { background: url(../images/main_archive_tap_01_over.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0; }
.archiveTap .tap li a.archive01:hover { background: url(../images/main_archive_tap_01_over.gif) no-repeat; }
.archiveTap .tap li a.archive02 { background: url(../images/main_archive_tap_02.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0;   border-right:1px solid #e0e1e0; }
.archiveTap .tap li a.archive02_select { background: url(../images/main_archive_tap_02_over.gif) no-repeat; display:block; line-height:26px; height:26px; width:77px; border-left:1px solid #e0e1e0; border-right:1px solid #e0e1e0; }
.archiveTap .tap li a.archive02:hover { background: url(../images/main_archive_tap_02_over.gif) no-repeat; }
/*list*/
.archiveTap .mainList { clear:both; padding:17px 0 0 3px; }
.archiveTap .mainList li { width:383px; font-size:12px;}
.archive .archiveBanner { position:absolute; right:14px; top:3px;}