﻿/********************************************************************************/
/*								                                                          		*/
/*  Design RIAN     			                                                      */
/*  Date : 2007-03-21		                                                  		*/
/*      				         			                                                	*/
/*									                                                          	*/
/********************************************************************************/
* {margin:0;padding:0;}
* html {height:1px;}
body {margin:0; padding:0; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-size:12px; color:#666; scroll:auto;}
/*table, tr, td, th {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-size:11px; color:#333333;}*/
caption{visibility:hidden}

/*
.listtd {padding:10px 5px 8px 5px; border-bottom:1px solid #e5e5e5;}
.listtds {padding:10px 5px 8px 5px; border:1px solid #e5e5e5;}

*/


/*th {background-color:#F3F5E0; background:url(../../images/rte/th_bg.gif) 0 0 repeat; height:26px; text-align:center; vertical-align:middle; color:#003366;}*/
img {border:0; vertical-align:middle;}
/*p { height:20px; margin:0; padding:5 0 0 0;}*/
.check ul {margin:0; padding:0; float:left;}
.check li {list-style-type:none; float:left; margin:0 0 0 0; padding:0 0 0 3px;}
.top {vertical-align:top;}
/*
a:link { font-size:11px; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; color:#3A5870; text-decoration:none; line-height:100%;}
a:visited { font-size:11px; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; color:#3A5870; text-decoration:none}
a:active { font-size:11px; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; color:#339999; text-decoration:none;}
a:hover { font-size:11px; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; color:#339999; text-decoration:none;}*/

/*#command div { margin:0 auto;}*/
.login {position:relative; margin:0; padding:0 0 0 0px; text-align:left; vertical-align:top; padding:52px 0px 0px 270px; /*overflow:hidden;*/ width:330px; height:260px;background:url(../../images/rte/login_bg.jpg) 0 0 no-repeat; }
.login_en {position:relative; margin:0; padding:0 0 0 0px; text-align:left; vertical-align:top; padding:52px 0px 0px 270px; /*overflow:hidden;*/ width:330px; height:260px;background:url(../../images/rte/login_bg_en.jpg) 0 0 no-repeat; }
.error {position:relative; margin:0; padding:0 0 0 0px; text-align:left; vertical-align:top; padding:120px 0px 0px 80px; /*overflow:hidden;*/ width:520px; height:260px;background:url(../../images/rte/error_bg.jpg) 0 0 no-repeat; }
.error_en {position:relative; margin:0; padding:0 0 0 0px; text-align:left; vertical-align:top; padding:120px 0px 0px 80px; /*overflow:hidden;*/ width:520px; height:260px;background:url(../../images/rte/error_bg_en.jpg) 0 0 no-repeat; }
#logo {margin:0; padding:0; text-align:left; /*overflow:hidden;*/ width:910px;}
/*#header {height:74px;}*/
#top {width:910px;}
.menu { text-align:center; height:38px; margin:0; padding:13px 0 0 0;}
.menu ul {display:inline; width:910px;}
.menu li {display:inline; list-style-type:none; margin:0; padding:14px 28px 0 28px; background:url(../../images/rte/civilappeal_topmn_bar.jpg) 0 15px no-repeat;}
.menu li.last {width:1px; padding:15px 0 0 0; background:url(../../images/rte/civilappeal_topmn_bar.jpg) 0 0 no-repeat;}
.menu a.top:link {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color:#FFFFFF; text-decoration:none; font-size:12px;}
.menu a.top:visited {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color:#FFFFFF; text-decoration:none; font-size:12px;}
.menu a.top:hover {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color: #00CCFF; text-decoration:none; font-size:12px;}	
.menu a.top:active {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color:#FFFFFF; text-decoration:none; font-size:12px;}	

.menu .on a.top:link {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color:#00CCFF; text-decoration:none; font-size:12px;}
.menu .on a.top:visited {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color:#00CCFF; text-decoration:none; font-size:12px;}
.menu .on a.top:hover {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color: #00CCFF; text-decoration:none; font-size:12px;}	
.menu .on a.top:active {font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-weight:bold; color:#00CCFF; text-decoration:none; font-size:12px;}	
		
.right_area {float:right; height:38px; margin:0; padding:0 8px 0 0; background:url(../../images/rte/civilappeal_topmn_bg11.jpg) right no-repeat;}
#sub {float:left; padding:10px 10px 10px 10px; /*overflow:hidden;*/width:180px; margin-right:30px;}
#sub .login {width:180px; height:70px; text-align:left; vertical-align:top; padding:5px 0 0 0; background:url(../../images/rte/civilappeal_login_bg.jpg) right no-repeat; margin-bottom:10px;}
#sub .login_en {width:180px; height:70px; text-align:left; vertical-align:top; padding:5px 0 0 0; background:url(../../images/rte/civilappeal_login_bg_en.jpg) right no-repeat; margin-bottom:10px;}
#sub .sub_menu {width:150px; height:300px; text-align:left; vertical-align:top; background:url(../../images/rte/civilappeal_leftmenu_bg.jpg) 0 0 no-repeat; padding-top:40px; padding-left:15px; padding-right:15px; padding-bottom:0px;}
#sub .sub_menu dl {width:150px;}
#sub .sub_menu dd {font-weight:bold; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:10px; margin:0;}
#sub .sub_menu dt {list-style:none;  padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:8px; margin:0px;}
#sub .sub_menu_en {width:150px; height:300px; text-align:left; vertical-align:top; background:url(../../images/rte/civilappeal_leftmenu_bg_en.jpg) 0 0 no-repeat; padding-top:40px; padding-left:15px; padding-right:15px; padding-bottom:0px;}
#sub .sub_menu_en dl {width:150px;}
#sub .sub_menu_en dd {font-weight:bold; padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:10px; margin:0;}
#sub .sub_menu_en dt {list-style:none;  padding-left:0px; padding-right:0px; padding-bottom:0px; padding-top:8px; margin:0px;}
#content {/*float:left; text-align:left;overflow:hidden;width:880px; background-color:#FFFFFF; padding:10px 0px 10px 0px;*/}
#content_pop {/*float:left; text-align:left; overflow:hidden;width:880px; background-color:#FFFFFF; padding:10px 10px 10px 10px;*/}
/*#title {text-align:left; margin:0 0 10 0; padding:0; height:30px; border-bottom:1px solid #e5e5e5; width:880px;}*/
/*#title ul {float:left; margin:0; padding:0;}
#title li {list-style-type:none; width:880px; padding:3px 0px 2px 0px; float:left; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-size:16px; font-weight:bold; color:#000000;}*/
#title .location {float:right; height:20px; margin:0; padding:5 0 0 0; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-size:11px;}
#foot {margin:0; padding:0 0 0 0; text-align:left; /*overflow:hidden;*/ height:40px; clear:both; background-color:#F7F7F7; border-top:1px solid #e5e5e5; font-family:Tahoma; font-size:11px; color:#999999;}
/*#search {float:right; margin:0; padding:10px 0 10px 0; width:880px;}*
#search ul {margin:0; float:right;}
#search li {list-style-type:none; float:left; margin:0 0 0 0; padding:0 0 0 3px;}
/*#table {margin:0 0 10px 0; padding:0 0 0 0; width:880px;}*/
/*.table {margin:0 0 10px 0; padding:0 0 0 0; width:880px;}*/
#paging {padding:0 0 0 0; text-align:center; width:880px;}
#paging ul {display:inline;}
#paging li {display:inline; list-style-type:none; padding:0 10px 0 10px; font-family: Tahoma; font-size:11px; color: #333333;}
#paging li.pre10 {padding:0 2px 0 2px;}
#paging li.next1 {padding:0 2px 0 2px;}
#paging li.line {background:url(../../images/rte/paging_line.gif) 0 2px no-repeat;}
#paging li.first {padding:0 5px 0 0;}
#paging li.last {background:url(../../images/rte/paging_line.gif) 0 2px no-repeat; padding:0 5px 0 0;}
#sysbtn {/*text-align:right; padding:0; margin:0;*/}
#sysbtn ul {/*margin:0; padding:0; float:left; display:inline;*/}
#sysbtn li {/*list-style-type:none; margin:0 auto; padding:0 0 0 3px; float:left; display:inline;*/}
.sysbtn {text-align:right; padding:0; margin:0;}
.sysbtn ul {margin:0; padding:0; float:left; display:inline;}
.sysbtn li {list-style-type:none; margin:0 auto; padding:0 0 0 3px; float:left; display:inline;}

#sysbtn1 {text-align:left; padding-top:10px; padding-bottom:0px; margin-bottom:0px; width:880px;}
#sysbtn1 ul {margin:0; padding:0; float:left; display:inline;}
#sysbtn1 li {list-style-type:none; margin:0 0 0 0; padding:0 0 0 3px; float:left; display:inline;}
#idwrap {float:left; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; padding-left:0px; padding-right:0px; }
#idwrap ul {float:left; padding:0; margin:0;}
#idwrap li {list-style-type:none; float:left; margin:0; padding-right:3px;}
button {cursor:hand; border:0px solid #FFFFFF; padding:0px 0px 0px 0px; background-color:#FFFFFF; white-space:nowrap;}
/*.btn_blue {float:none; background:url(../../images/rte/btn_bg_l.gif) 0 0 no-repeat; height:20px; padding:1px 0px 10px 10px; margin:0px 0px 0px 0px;}*/
.btn_blue_l {float:left; background:url(../../images/rte/btn_bg_l.gif) 0 0 no-repeat; height:20px; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
.btn_blue_r {float:left; background:url(../../images/rte/btn_bg_r.gif) 0 0 no-repeat; background-position:right; height:20px; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-size:11px; color:#000000; margin:0px 0px 0px 0px; padding-top:0px; _padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; text-align:center;}
/*input { height:20px; font-family:"占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲"; font-size:12px; color:#000000; padding:2px 2px 0px 2px; margin-top:0px; _margin-top:-1px;}*/
select {font-family:'占쎈쐻占쎈짗占쎌굲占쎈쐻占쎈짗占쎌굲'; font-size:12px; margin-top:0px; height:20px; padding-top:0px;}
.tb {width:100%; bordercolor:#D3E2EC; bordercolordark:#FFFFFF; BORDER-TOP:#C2D0DB 2px solid; BORDER-LEFT:#ffffff 1px solid; BORDER-RIGHT:#ffffff 1px solid; BORDER-BOTTOM:#C2D0DB 1px solid; border-collapse: collapse;}

/*input.txt               {height:18px; background-color:#FFF; border:1px solid #BCC8D8; padding-top:2px; color:#5e5e5e; cursor:text;}*/
input.essentiality  {height:18px; background-color:#ebebeb; border:1px solid #BCC8D8; padding-top:2px; color:#000; cursor:text;}

/* Layout */
#wrap{margin-left:0px;width:100%;background: url("../../images/body/background_sky.jpg") no-repeat 0 0;height:59px;}
/*#footer{clear:both;width:100%;font-size:100%;border-top:2px solid #dddddd;}*/
#header{/*padding-top:5px;*/}
#leftmenu{display:none; z-index: 1000; margin-top: 100px; position:absolute; width:200px;min-height:440px; height:auto !important; height:100%; }
/*#container{float:left;width:1100px; margin-top:0px;min-height:440px; height:auto !important; height:440px;}*/
#mopaslogo{float:left;padding-top:10px;padding-left:10px;}
#copyright{float:left;font-size:90%;padding-top:20px;padding-left:20px; letter-spacing: -1px;}
#logoarea{float:left;padding-left:10px;}
#languagearea{width:890px;padding-top:20px}
#langImg{float:right;padding-left:10px;}
#project_title{float:left;padding-top:7px;padding-left:14px;font-size:130%;letter-spacing:-1px;}
#project_title .maintitle{color:#e68c0d;font-weight:bold;}
#LoginStatus fieldset{border:3px solid #C9E8F3;padding:5px;width:160px;margin-left:10px;margin-top:20px;height:40px;;display:inline;}
#LoginStatus ul li{padding-bottom:5px; list-style-type:none;}
#nav{margin-left:10px;margin-top:10px;margin-bottom:10px;background: url("../../images/leftmenu/leftmenu_repeat.gif") repeat-y scroll 0 0 transparent; margin-bottom: 10px;}
.navtop{
   background: url("../../images/leftmenu/leftmenu_top.gif") no-repeat scroll left top transparent;
    padding: 0px 3px 3px 15px;height:10px;}	
#nav ul{list-style-type:none;}
#nav a{}
#nav ul li{
	background: url("../../images/leftmenu/bl_depth01.gif") no-repeat 140px 8px;
    border-top: 1px solid #EAEAEA;
    padding: 4px 6px 1px;} 
#nav ul li ul{border-top: 1px solid #EAEAEA;}
#nav ul li ul li {
background: url("../../images/leftmenu/snbmenu_board.gif") no-repeat scroll 0 11px transparent;
border: medium none;
font-size: 0.92em;
line-height: 1.27em;
margin: 0; background-color:#f2f2f2;
}
.nav_style{width:150px;padding-left:14px;}
.leftmenu_dept01{font-weight:bold;margin-top:10px;}


.dept02 a{font-weight:normal;}
.dept02 a:link {
    color: #666666;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}
.dept02 a:visited {
    color: #666666;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}

.dept02 a:active {
    color: blue;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}
.dept02 a:hover {
    color: blue;
    font-family: "�뜝�럥利삣뜝�룞�삕";
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 180%;
    text-decoration: none;
}
.bottom{ 
   background: url("../../images/leftmenu/leftmenu_bottom.gif") no-repeat scroll left bottom transparent;
    padding: 0px 3px 3px 15px;height:10px;}

.tableBackImg{
	background: url("../../images/error/blue_bg.jpg")
	}
	
/*  
	2016.09.30
	�뜝�럩肉ュ뜝�럡�돮亦껋꼻�삕
	- 嶺뚮∥��占쎈� 占쎈퉲�겫�룞�삕�뜝�럥�뱺 �뜝�럥�렊占쎈ご�뜝占� �뤆�룄�뫊占쎌끋�뜝�럥由� style �뜝�럩�쓤�뜝�럩�뮔
*/

.header_menu ul{list-style-type: none;margin: 0; padding: 0;overflow: hidden;display: inline-block;}
.header_menu li{float:left;list-style:none;padding-left: 5px;}
.header_user{text-align:right;}
#menu1{text-align:right;}
.current{font-weight: bold;}

.sub_menu{width:100%;height:20px;text-align:right;margin-bottom:10px;}
.sub_menu ul{list-style-type: none;margin: 0; padding: 0;overflow: hidden;display: inline-block;}
.sub_menu li{float:left;list-style:none;padding-left: 5px;}
.sub_menu li a {font-size:12px;}



/*  
	2016.10.27
	�뜝�럩肉ュ뜝�럡�돮亦껋꼻�삕
	- 嶺뚮∥��占쎈� 占쎈퉲�겫�룞�삕�뜝�럥�뱺 �뜝�럥�렊占쎈ご�뜝占� �뤆�룄�뫊占쎌끋�뜝�럥由� style �뜝�럩�쓤�뜝�럩�뮔
*/

/*
	.memberAdd td {border:1px #C8C8C8 solid; padding:1px;}
.memberAdd input, .memberAdd select {height:18px; background-color:#FFF; border:1px solid #BCC8D8; padding-top:2px; color:#5e5e5e; cursor:text;}
*/
/*  
	2016.11.17~22
	�뜝�럩肉ュ뜝�럡�돮亦껋꼻�삕
	- 嶺뚮∥��占쎈� 占쎈퉲�겫�룞�삕�뜝�럥�뱺 �뜝�럥�렊占쎈ご�뜝占� �뤆�룄�뫊占쎌끋�뜝�럥由� style �뜝�럩�쓤�뜝�럩�뮔
*/
/*#pwMenu table {width:400px;}
#pwMenu table td {border:1px #C8C8C8 solid; padding:1px;}
#pwMenu input {width:90%;height:18px; background-color:#FFF; border:1px solid #BCC8D8; padding-top:2px; color:#5e5e5e; cursor:text;}

/*.placeList {margin-bottom: 15px;height:40px;}
.placeList ul {margin:0; padding:0; float:left;}
.placeList li {list-style-type:none; float:left; margin:0 0 0 0; padding:0 0 0 3px;border: 1px solid #000;padding: 1px;}
.memberList {text-align: center;}
.memberList td {padding:20px; width:200px;text-align: center;}
.memberList td .image img {border: 1px solid #000;}
.memberList ul {margin:0 auto; padding: 1px;width:200px;}
.memberList li {list-style-type:none; margin:0 0 0 0; padding:0 0 0 3px;}
.memberList .value {width:90px;display:inline-block;}
.memberList .key {width:50px;display:inline-block;text-align:right;font-weight: bold; padding-right: 3px;}
*/

/*
	2016.11.07
	濚밸㉡�삕�뜝�럥嫄쀦쾬�꼻�삕
	- textarea �뼨轅명�∽옙沅� �뜝�럥裕욃뜝�룞�삕�뜝�럩逾� 嶺뚯쉻�삕�뜝�럩�젧
*/
textarea.ta {width:100%; min-height:100px;}

/*
	2016.12.14 �뜝�럥由��뜝�럩寃ョ춯�쉻�삕
	td �뤆�룊�삕�뜝�럩�뮧�뜝�럥�몥 �뜝�럩�젧�뜝�럩議�
*/
.tbtd_caption.txt_center {text-align: center;}
.tbtd_content.txt_center {text-align: center;}

/*
	2016.12.14 �뜝�럥由��뜝�럩寃ョ춯�쉻�삕
	�뤆�룆踰∽옙占� �뜝�럡�돰�뜝�럡留�
*/
.highlight {
	background-color: #fe9; 
}
