@charset "utf-8";


/* 기본 css */
*       {padding:0;margin:0}
html    { height:100%; margin:0; padding:0; overflow-x:hidden }
body    { height:100%; font-family: font-family: 돋움,dotum, Arial, Helvetica, sans-serif; font-size: 12px; line-height:1.3; color: #333; }


/* 이미지 및 링크 css */

img { border:0 }
a,img,input{ outline:none; selector-dummy: expression(this.hideFocus=true);}

A:link, A:visited, A:active {
        COLOR:#333; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; font-size: 12px;
        TEXT-DECORATION:none
}
A:hover { TEXT-DECORATION:none; color:#69747a;}


ul { list-style:none; }

/* 테이블 */
table.basic { width:100%; top:0; margin:0; padding:0; border-collapse:collapse;  border-spacing:0px;}


/* 상단영역 */

div#topArea         { width:100%;height:104px;  margin:0; top:0;left:0;  background:#fff }

table.topGroup      { width:100%; height:35px; padding:0;border-style:hidden; border-collapse:collapse; background:#fff; margin:15px 0 15px 10px;}
/* td.logo             { padding-right:245px; height:32px; background:url(images/logo_syipms.gif) no-repeat } */

table.topInfoArea   { height:35px;padding:0; float:right; background:#fff;margin-right:25px; border-spacing:0px;  }

td.info             { padding-left:15px; padding-right:6px; background:url(images/bg_info.gif) no-repeat left; line-height:1.0 }
td.info span.boldtx { font-weight:bold;  }
td.spaceBar         { width:18px; height:35px; background:url(images/bg_bar.gif) no-repeat center; }
td.topsearch        { width:131px; height:31px; background-image:url(images/bg_topsearch.gif); background-repeat:no-repeat; vertical-align:top }
table.searchArea    { padding:0;border-style:hidden; border-collapse:collapse;  border-spacing:0px;margin-left:2px; }

div.topNav          { width:100%; height:42px; background:url(images/bg_topmenu.gif) repeat-x; vertical-align:top; }
table.topMenu       { margin-left:10px; border-spacing:0px;}
td.topMenu_on       { height:38px; background:url(images/bg_menuon.gif) no-repeat; }
td.topMenu_off { color:#FFFFFF; }
span.menu_top_a { display:block;  padding:9px 35px 9px 25px; height:29px;
        COLOR:#fff; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif;   font-size: 14px; font-weight:bold;
        TEXT-DECORATION:none; }
/* td.menu_top_b { color:#FFFFFF; white-space:nowrap; } */

.inputSearch {
    width:110px;
    background-color:#fff; border:0; COLOR:#69747a; font-size: 12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;line-height:1.2 ;
    padding:3px;clear:both; margin:6px 0 0 8px;
 }

A.topLink:link, A.topLink:visited, A.topLink:active {
        COLOR:#000; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;
        background:url(images/bg_btn01.gif) no-repeat; text-align:center; line-height:1.3;
        width:88px; height:22px; padding-top:10px;  margin:0 3px;display:block;
        TEXT-DECORATION:none
}
A.topLink:hover { TEXT-DECORATION:none; color:#69747a; }

A.topLink02:link, A.topLink02:visited, A.topLink02:active {
        COLOR:#000; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;
        background:url(images/bg_btn02.gif) no-repeat; text-align:center; line-height:1.3;
        width:106px; height:22px; padding-top:10px;  margin:0 3px;display:block;
        TEXT-DECORATION:none
}
A.topLink02:hover { TEXT-DECORATION:none;  color:#69747a; }

A.searchBtn:link, A.searchBtn:visited, A.searchBtn:active, A.searchBtn:hover {
        background:url(images/btn_topsearch.gif) no-repeat;
        width:37px; height:32px; display:block;
        TEXT-DECORATION:none
}


A.topMenuLink:link, A.topMenuLink:visited, A.topMenuLink:active {
        display:block; padding:9px 35px 9px 25px; line-height:1.4; height:29px;
        COLOR:#fff; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif;   font-size: 14px; font-weight:bold;
        TEXT-DECORATION:none;
}
A.topMenuLink:hover { TEXT-DECORATION:none; color:#ffff66;}

/* 하단 copyright */

div#bottom { width:100%; height:60px; background:#fff; border-top:solid 2px #69747a; }
div#bottom td.copy { padding-right:430px; height:51px; background:url(images/bottom_copy_2024.gif) no-repeat left;important }
div#bottom table.bottomLink { height:51px; float:right; margin-right:10px;padding:0;border-style:hidden; border-collapse:collapse;  }


/* 메인화면 */


div#mainContents01	{ width:100%; top:0;left:0; margin-left:10px; }
div#mainContents02	{ width:100%; top:0;left:0; margin-top:10px; }


/* 공통박스스킨 */
td.boxSkintop_left      { width:9px; height:9px; background:url(images/bg_boxtop_left.gif) no-repeat left; }
td.boxSkintop_right     { width:9px; height:9px; background:url(images/bg_boxtop_right.gif) no-repeat right; }
td.boxSkintop_center    { height:9px; background:url(images/bg_boxtop_center.gif) repeat-x top; }

td.boxSkinbottom_left   { width:9px; height:9px; background:url(images/bg_boxbottom_left.gif) no-repeat left; }
td.boxSkinbottom_right  { width:9px; height:9px; background:url(images/bg_boxbottom_right.gif) no-repeat right; }

td.boxSkintop_left02        { width:9px; height:9px; background:url(images/bg_boxtop_left02.gif) no-repeat left; }
td.boxSkintop_right02   { width:9px; height:9px; background:url(images/bg_boxtop_right02.gif) no-repeat right; }
td.boxSkinbottom_left02 { width:9px; height:9px; background:url(images/bg_boxbottom_left02.gif) no-repeat left; }
td.boxSkinbottom_right02{ width:9px; height:9px; background:url(images/bg_boxbottom_right02.gif) no-repeat right; }


td.boxSkinbottom_center { height:9px; background:url(images/bg_boxbottom_center.gif) repeat-x bottom; }

div.boxSkin_contents    { height:289px; border-left:solid 2px #b7b7b7; border-right:solid 2px #b7b7b7; background:#fff; }
div.boxSkin_contents01    { height:368px; border-left:solid 2px #b7b7b7; border-right:solid 2px #b7b7b7; background:#fff; }
div.boxSkin_contents02 	{ height:192px; border-left:solid 2px #b7b7b7; border-right:solid 2px #b7b7b7; background:#fff; }
div.boxSkin_contents03 	{ height:365px; border-left:solid 2px #b7b7b7; border-right:solid 2px #b7b7b7; background:#fff; }

/* To Do List */

div.mainCon01 { width:183px; height:337px; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; margin-right:13px;}
div.mainCon01_long { width:183px; height:350px; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; margin-right:13px;}

p.mainTitle01 { width:165px; height:40px; background:url(images/title_main01.gif) no-repeat left top; margin:0 7px;  }

td.mainInfo01_section01 { width:93px; height:25px; padding: 17px 0 17px 25px; font-weight:bold; font-size:14px;letter-spacing:-1px; background:url(images/bg_dot01.gif) no-repeat left; background-color:#f2f7ee; word-break:keep-all; }
td.mainInfo01_no01 { width:45px; text-align:right; font-size:14px; padding-right:17px; font-weight:bold; color:#ef3125; letter-spacing:-1px;  background-color:#f2f7ee }
td.mainInfo01_section02 { width:93px; height:25px; padding: 17px 0 17px 25px; font-weight:bold; font-size:14px;letter-spacing:-1px; background:url(images/bg_dot01.gif) no-repeat left;}
td.mainInfo01_no02 { width:45px; text-align:right; font-size:14px; padding-right:17px; font-weight:bold; letter-spacing:-1px;color:#ef3125; }



td.mainInfo02_section01 { width:93px; height:25px; padding: 4px 0 4px 25px; font-weight:bold; font-size:14px;letter-spacing:-1px; background:url(images/bg_dot01.gif) no-repeat left; background-color:#f2f7ee; word-break:keep-all; }
td.mainInfo02_no01 { width:45px; text-align:right; font-size:14px; padding-right:17px; font-weight:bold; color:#ef3125; letter-spacing:-1px;  background-color:#f2f7ee }
td.mainInfo02_section02 { width:93px; height:25px; padding: 4px 0 4px 25px; font-weight:bold; font-size:14px;letter-spacing:-1px; background:url(images/bg_dot01.gif) no-repeat left;}
td.mainInfo02_no02 { width:45px; text-align:right; font-size:14px; padding-right:17px; font-weight:bold; letter-spacing:-1px;color:#ef3125; }



/* 공지사항, 자료실 */
div.mainNews { width:509px; height:157px; background:url(images/bg_new.gif) no-repeat; margin-bottom:10px; margin-right:13px; }
    td.tab01_off { width:254px; height:46px; background:url(images/tab01_off.gif) no-repeat left; cursor:pointer; }
    td.tab01_on { width:254px; height:46px; background:url(images/tab01_on.gif) no-repeat left; cursor:pointer; }
    td.tab02_off { width:255px; height:46px; background:url(images/tab02_off.gif) no-repeat right; cursor:pointer; }
    td.tab02_on { width:255px; height:46px; background:url(images/tab02_on.gif) no-repeat right; cursor:pointer; }

/* A.tabLink:link, A.tabLink:visited, A.tabLink:active, A.tabLink:hover {
        height:46px; display:block; TEXT-DECORATION:none;
} */
div.mainNews_long { width:509px; height:233px; background:url(images/bg_new03.gif) no-repeat; margin-bottom:10px; margin-right:13px; }


span.tobLink{
    height:46px; display:block; TEXT-DECORATION:none;
}

    table.NewsBox { width:430px; margin: 4px auto 0 20px; padding:0; font-family:돋움, dotum, Arial, Helvetica, sans-serif;}
    td.main_news { padding:0 0 0 10px; background-image:url("images/bg_dot02.gif"); background-repeat:no-repeat; background-position:left;}
    td.main_date { width:70px; text-align:right }
	td.main_Info { width:50px; text-align:left; font-weight:bold; color:#666 }

	td.main_news02 { padding:5px 0 4px 10px; background-image:url("images/bg_dot02.gif"); background-repeat:no-repeat; background-position:left;}
	td.main_date02 { width:70px; text-align:right }

/* 바로가기배너 */
div.mainBtn { width:479px; height:140px;margin-right:13px; }


/* 캘린더 */

div.mainCon02 { height:307px; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; margin-right:25px;}
div.mainCon02_long { height:386px; font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; margin-right:25px;}
p.mainTitle02 { height:40px; padding-left:100px; background:url(images/title_main02.gif) no-repeat left top; margin:0 7px;  float:left; }

table.bbsPageBox { height:35px; margin: 0 auto; font-size:16px; font-weight:bold; letter-spacing:-1px; float:center; margin-right:35%}
td.bbsPageLeft { height:25px; padding-right:15px; }
td.bbsPageRight { height:25px; padding-left:15px;}

    table.main_calendar { width:100%; font-size:11px; margin-right:25px; padding:0;border-style:hidden; border-collapse:collapse; }
    table.main_calendar th { padding:3px 0; font-family:Arial, Helvetica, sans-serif; border-right:solid 1px #ddd;background-color:#a3a3a3; color:#fff; min-width:55px; }
    table.main_calendar td { border-top:solid 1px #ddd; border-right:solid 1px #ddd; padding:15px 5px;text-align:left; }
    table.main_calendar th.sun { color:#fff; background-color:#f36b62; border-right:solid 1px #ddd; }
    table.main_calendar td.sun { color:#e32f2f; }
    table.main_calendar th.sat { color:#fff; background-color:#3391dc; border-right:0 !important; }
    table.main_calendar td.sat { color:#1e79d3;  border-right:0 !important;}
    table.main_calendar td.today { background-color:#ffc; }

  	table.main_calendar02 { width:100%; height:330px;  font-size:11px; margin-right:25px; padding:0;border-style:hidden; border-collapse:collapse; }
	table.main_calendar02 th { height:15px; padding:3px 0; font-family:Arial, Helvetica, sans-serif; border-right:solid 1px #ddd;background-color:#a3a3a3; color:#fff; min-width:55px; }
 	table.main_calendar02 td { border-top:solid 1px #ddd; border-right:solid 1px #ddd; padding:15px 5px;text-align:left; }
	table.main_calendar02 th.sun { color:#fff; background-color:#f36b62; border-right:solid 1px #ddd; }
	table.main_calendar02 td.sun { color:#e32f2f; }
	table.main_calendar02 th.sat { color:#fff; background-color:#3391dc; border-right:0 !important; }
	table.main_calendar02 td.sat { color:#1e79d3;  border-right:0 !important;}
	table.main_calendar02 td.today { background-color:#ffc; }

    div.caldate { position:relative; float:left;  }
    div.flag { color:#f00; font-weight:bold; font-size:12px; position:relative; float:right;  }


/* 메인하단: 출원현황, OA현황 */

table.main_bottom       { height:234px; background:url(images/bg_con01.jpg) repeat-x; padding:0;border-style:hidden; border-collapse:collapse; font-family:돋움, dotum, Arial, Helvetica, sans-serif}
table.main_bottom td    { vertical-align:top }
td.main_bottom_bar      { padding-right:30px; background:url(images/bg_con02.jpg) no-repeat center top;  }
td.title_main03         { height:18px; padding-left:70px; background:url(images/title_main03.gif) no-repeat left; }
td.title_main04         { height:18px; padding-left:70px; background:url(images/title_main04.gif) no-repeat left; }
td.division             { height:18px; padding-right:123px; background:url(images/division.gif) no-repeat right; }

div.mainTitle03 { height:18px; margin:24px 0 15px 20px; }
div.mainTitle04 { height:18px; margin:24px 20px 15px 0;  }
div.mainFlow    { margin: 0 0 0 20px; }
div.mainFlow02  { margin: 0 20px 0 0 }

td.flow_left    { height:79px; width:6px; min-width:6px; background:url(images/flow_left.gif) no-repeat left; }
td.flow_right   { height:79px; width:7px;min-width:6px; background:url(images/flow_right.gif) no-repeat left; }
td.flow_01  { height:71px; min-width:50px; background:url(images/flow_bg.gif) repeat-x; text-align:center; vertical-align:middle !important; padding-bottom:8px; font-weight:bold; line-height:1.2 }
td.flow_02  { height:79px; width:27px; min-width:27px; background:url(images/flow_arrow.gif) no-repeat left; }

td.localText { height:22px; text-align:center; padding-top:7px; font-size:14px; font-weight:bold; color:#06c; cursor:pointer;}
td.abroadText { height:22px; text-align:center;padding-top:7px; font-size:14px; font-weight:bold; color:#ef3125; cursor:pointer;}

td.grayLine { border-top:solid 1px #d6d6d6; }


/* 서브메뉴 */

table#subLeft {  }
table.subMenu { width:190px; height:97%; top:0; margin:0 0 0 10px; padding:0; border-style:hidden; border-collapse:collapse; }
div.subMenu { width:190px; height:97%; top:0; margin:0 0 0 10px; padding:0; border-style:hidden; border-collapse:collapse; }
div.subTitle { width:180px; height:33px; padding-top:15px; padding-left:10px; background:url(images/bg_submenu.gif) no-repeat; font-weight:bold; font-size:14px; color:#390; font-family:돋움, dotum, Arial, Helvetica, sans-serif }
div.subMenu_line {width:150px; height:93%; padding:10px 40px 0 0; background:url(images/bg_submenu_line.gif) repeat-y; vertical-align:top; }
/* div.subMenu_content { width:186px; overflow-x:hidden; overflow-y:auto; } */
div.subMenu_bottom { width:190px; height:14px; background:url(images/bg_submenu_bottom.gif) no-repeat;  }

/* 스탠다드 서브메뉴 코드*/
/* div.menu_left { height:100%; padding:10px 10px 10px 10px; }
div.menu_left_bg { background:url(images/bg_submenu_line.gif) repeat-y; width:170px; height:100%; }
div.menu_left_title { background:url(images/bg_submenu.gif) no-repeat; height:69px; padding-top:15px; padding-left:10px; font-size:13px; font-weight:bold; }
div.menu_left_content { width:170px; overflow-x:hidden; overflow-y:auto; }
div.menu_left_bottom { background:url(images/bg_submenu_bottom.gif) #FFF no-repeat; width:188px; height:15px; position:absolute; left:10px; bottom:0px; }
 */
/* LOGIN CSS */
table.login { width:820px; height:478px; top:0; margin:4% auto auto auto; padding:0; border-style:hidden; background:url(images/bg_login_2024.jpg) no-repeat; }
table.loginBox { width:240px; margin:149px 0 0 510px;padding:0; border-style:hidden; }
table.loginBox input {
    width:143px;
    background-color:#fff; border:solid 1px #bfbfbf; COLOR:#333; font-size: 12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;line-height:1.2 ;
    padding:2px; float:left; clear:both; margin:3px 0;  position:relative; top:2px; left:-4px;
 }
img.btn { float:right   }

/* 사무소 추가 코드*/
div#topArea02	{ width:100%;height:45px; margin:0; top:0;left:0; bottom:10; border-bottom:solid 5px #60be19 }
div.mainCon02_02 { font-family: 돋움, Dotum, Arial, Helvetica, sans-serif; margin-right:10px;}
th.title_news { padding-left:10px; text-align:left; }

p.mainTitle02_02 { display:block; height:40px; padding-left:100px; background:url(images/title_main02.gif) no-repeat left top; margin:0 7px;  }

div.moreLink { text-align:right;  padding-right:20px; background:url(images/btn_more.gif) no-repeat right top 2px; margin-right:13px;}

div.newsTitleBox { border-bottom:solid 1px #ddd }

div.mainImg { height:98px; min-width:600px; border:solid 1px #ddd; margin-right:10px; margin-bottom:10px; background:url(images/bg_main.gif) repeat-x; }

span.mainLeft { width:400px; height:98px; background:url(images/main_left.gif) no-repeat left; float:left; display:block; }
span.mainRight { width:196px; height:98px; background:url(images/main_right.gif) no-repeat left; float:right; display:block; }