430 lines
15 KiB
CSS
430 lines
15 KiB
CSS
@charset "utf-8";
|
|
/* Type Selector */
|
|
*{margin:0; padding:0;margin:0; padding:0;}
|
|
img, fieldset, button{border:none;}
|
|
li{list-style-type:none;}
|
|
hr, button img{display:none;}
|
|
a{text-decoration:none;}
|
|
a:hover, a:active, a:focus{text-decoration:none;}
|
|
textarea{overflow:auto;}
|
|
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
|
|
caption{display:none;}
|
|
img{border:0; vertical-align: middle;}
|
|
html, body{margin:0; padding:0; height: 100%;width: 100%;}
|
|
body, input, button, select, input, textarea, td, th {
|
|
color: #666666;
|
|
font: 12px Dotum,Gulim,Tahoma,Sans-serif;
|
|
}
|
|
h1{font-family:"굴림", Gulim, AppleGothic, Sans-serif; font-size:13pt;}
|
|
h2{ color: #727272;
|
|
font-size: 1.4em;
|
|
line-height: 1.125em;
|
|
margin: 1.125em 0 0.208em;}
|
|
|
|
h3 {font-size: 1.333em;
|
|
line-height: 1.125em;
|
|
margin: 1.688em 0 0.3125em;
|
|
}
|
|
input.text {
|
|
border-color: #ACACAC #D9D9D9 #D9D9D9 #ACACAC;
|
|
border-right: 1px solid #D9D9D9;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
color: #848484;
|
|
font-size: 11px;
|
|
height: 15px;
|
|
padding: 3px 0 0 3px;}
|
|
|
|
input{
|
|
color: #67625C;
|
|
font-family: gulim;
|
|
font-size: 1em;
|
|
vertical-align: middle;
|
|
}
|
|
select {
|
|
color: #444444;
|
|
font-size: 100%;
|
|
height: 21px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#LoginStatus fieldset{border:3px solid #C9E8F3;padding:5px;width:160px;margin-left:12px;margin-top:20px;height:60px;;display:inline;}
|
|
#LoginStatus ul li{padding-bottom:5px;}
|
|
.t2_leftdiv{float:left;}
|
|
.t2_rightdiv{float:right;padding-right:25px;}
|
|
/* Main wrap */
|
|
#mainview_title_img{padding-top:10px;padding-left:10px;}
|
|
#main_container{clear:both;width: 996px; height: 535px;}
|
|
#mainview_wrap{float:left;height:302px;}
|
|
|
|
/* Main left board */
|
|
#main_leftcontent{width:400px;float:left;margin-left:10px;margin-top:20px;display:inline; height:100px;}
|
|
#main_leftcontent .left_board01{background: url("../images/index/bg_board01.gif") no-repeat ; float:left;width:408px; height:111px; display:block;}
|
|
#main_leftcontent .left_board01 ul{list-style-type:none;padding-left:10px;}
|
|
#main_leftcontent .left_board01 li{padding-bottom:10px;}
|
|
|
|
#main_leftcontent .left_board02{background: url("../images/index/bg_board02.gif") no-repeat ;float:left; width:408px; margin-top:8px; height:186px;}
|
|
#main_leftcontent .left_board02 ul{list-style-type:none; padding-left: 10px; padding-bottom:2px;}
|
|
#main_leftcontent .left_board02 ul li{line-height:20px; display:inline; vertical-align: middle;}
|
|
|
|
.dot_bl{float:left; background: url("../images/bl_dotblack.gif") no-repeat ; background-position: 0px 8px; padding-left:8px; vertical-align: middle; width:270px; text-align: left;}
|
|
.lcount{float:right; padding-right: 20px;}
|
|
.dot_bl2{float:left; background: url("../images/bl_grayarrow.gif") no-repeat ; background-position: 0px 3px; padding-left:8px; vertical-align: middle; width:310px; text-align: left; padding-bottom:10px;}
|
|
.rwriter{float:left; width:80px;}
|
|
.rdate{float:left;color:#959595}
|
|
.new{float:left; padding-left:10px;width: 40px;}
|
|
|
|
.board_title{padding-left:10px;padding-top:10px; height:34px; }
|
|
.board_title2{background: url("../images/bl_underline2.gif") no-repeat ; background-position: 0px 30px;padding-top:10px; height:34px; }
|
|
.more{float:right; padding-right: 5px;}
|
|
/* Main right board */
|
|
#main_rightcontent_wrap{float:left;padding-left:18px;}
|
|
#main_rightcontent{background: url("../images/index/bg_board03.gif") no-repeat ;float:left;width:545px; height:302px; margin-top:20px;padding-left:10px; vertical-align: middle;display:inline;}
|
|
#main_rightcontent ul{list-style-type: none; padding-bottom:5px;}
|
|
#main_rightcontent li{display:inline;}
|
|
|
|
#main_container a:link {
|
|
color: #666666;
|
|
letter-spacing: -1px;
|
|
text-decoration: none;
|
|
}
|
|
#main_container a:visited {
|
|
color: #666666;
|
|
letter-spacing: -1px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#main_container a:active {
|
|
color: #155AC6;
|
|
letter-spacing: -1px;
|
|
text-decoration: none;
|
|
}
|
|
#main_container a:hover {
|
|
color: #155AC6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#header{padding-top:5px;}
|
|
#logoarea{float:left;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;}
|
|
#list_div {}
|
|
#list_div th{font-size:100%;}
|
|
#list_div td{font-size:100%;}
|
|
|
|
#search_field{clear:both;float:left;width:800px;}
|
|
#search_field_loc{padding-top:10px;padding-bottom:10px;}
|
|
#search_field h2{display:inline;padding-top:40px;background: url("../images/bg_h2.gif") no-repeat;
|
|
background-position: left center;padding-left:10px;padding-top:2px;letter-spacing:-1px;}
|
|
|
|
#search_field fieldset{border:1px solid #E1E1E1;padding:7px;}
|
|
.sf_start{padding-bottom:10px;padding-top:10px;}
|
|
/* Layout */
|
|
/* #wrap{margin-left:0px;width:100%;background: url("../images/body/background_sky.jpg") no-repeat left top transparent;height:59px;} */
|
|
#topnavi{float:left;background-color:#0f438a; width:100%;height:40px;margin-top:10px;}
|
|
#topnavi ul{list-style-type:none;padding-top:13px;padding-left:0px;}
|
|
#topnavi li{display:inline;font-size:13px;color:#727272;font-weight:bold;padding-right:10px;padding-left:10px;}
|
|
#topnavi a{color:#a7ccff;}
|
|
#topnavi a:hover{color:#ffffff;}
|
|
#container{float:left;width:1100px; margin-top:0px;min-height:440px; height:auto !important; height:440px;}
|
|
#leftmenu{float:left;width:200px;min-height:440px; height:auto !important; height:100%; }
|
|
#content{float:left;min-height:441px; height:auto !important; height:441px;padding-left:15px;padding-bottom:10px; border-left:1px solid #dddddd; width:600px; }
|
|
#footer{clear:both;width:100%;font-size:100%;border-top:2px solid #dddddd;}
|
|
#mopaslogo{float:left;padding-top:10px;padding-left:10px;}
|
|
#copyright{float:left;font-size:90%;padding-top:20px;padding-left:20px; letter-spacing: -1px;}
|
|
#nialogo{float:left;padding-top:0px;padding-left:10px;padding-right:15px;}
|
|
|
|
/* content area */
|
|
#cur_loc{clear:both;float:left;border-bottom:1px solid #e1e1e1;width:800px;}
|
|
#cur_loc_align{float:right; }
|
|
#cur_loc ul{list-style-type:none;padding-top:13px;padding-right:10px; letter-spacing: -1px;}
|
|
#cur_loc li{display:inline;font-size:90%;color:#727272;padding-right:1px;padding-left:1px;}
|
|
|
|
#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;}
|
|
.bottom{
|
|
background: url("../images/leftmenu/leftmenu_bottom.gif") no-repeat scroll left bottom transparent;
|
|
padding: 0px 3px 3px 15px;height:10px;}
|
|
.top{
|
|
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_brd.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;min-height:420px}
|
|
.leftmenu_dept01 a{font-weight:bold;}
|
|
|
|
.leftmenu_dept01 a:link {
|
|
color: #666666;
|
|
letter-spacing: -1px;
|
|
line-height: 180%;
|
|
text-decoration: none;
|
|
}
|
|
.leftmenu_dept01 a:visited {
|
|
color: #666666;
|
|
letter-spacing: -1px;
|
|
line-height: 180%;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.leftmenu_dept01 a:active {
|
|
color: orange;
|
|
letter-spacing: -1px;
|
|
line-height: 180%;
|
|
text-decoration: none;
|
|
}
|
|
.leftmenu_dept01 a:hover {
|
|
color: orange;
|
|
letter-spacing: -1px;
|
|
line-height: 180%;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
#h2_topnav{padding-top:10px;}
|
|
#login_title_div{clear:both;float:left;padding-top:20px;padding-bottom:10px;}
|
|
#paging_div{clear:both;position:relative;}
|
|
#paging_div .paging_align{
|
|
clear: both;
|
|
margin: 0 auto;
|
|
padding-top: 16px;
|
|
text-align: center;
|
|
width: 650px;}
|
|
.paging_align .first{border:medium none;padding:0px;}
|
|
.paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
|
|
.paging_align li a{color:#666666;}
|
|
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
|
|
.paging_align a:active{color:#0958A5;}
|
|
.paging_align a:visited{color:#0958A5;}
|
|
|
|
.btn_style01{font-family:"굴림", Gulim, AppleGothic, Sans-serif; font-size:13pt;background:none;}
|
|
|
|
#search_first_ul {padding-bottom:15px;padding-left:10px;}
|
|
#search_first_ul li{display:inline;padding-right:25px;}
|
|
#search_first_ul label{font-weight:bold;color:#666666;font-size:110%;}
|
|
#search_first_ul input{margin-right:2px;}
|
|
#search_second_ul {padding-left:10px;}
|
|
#search_second_ul li{display:inline;}
|
|
#search_second_ul label{font-weight:bold;color:#666666;font-size:110%;}
|
|
#search_second_ul input{margin-right:3px;}
|
|
|
|
#page_info{clear:both;width:800px;padding-top:20px;padding-bottom:3px;}
|
|
#page_info_align{float:right;}
|
|
.default_tablestyle {
|
|
clear:both;
|
|
color: #666666;
|
|
float: left;
|
|
line-height: 18px;
|
|
padding-top: 4px;
|
|
}
|
|
.default_tablestyle table {
|
|
font-size:90%;
|
|
table-layout: fixed;
|
|
text-align: center;
|
|
width: 800px;
|
|
}
|
|
.default_tablestyle table th {
|
|
border-bottom: 1px solid #81B1D5;
|
|
border-top: 2px solid #81B1D5;
|
|
color:#0f438a;
|
|
height: 26px;
|
|
}
|
|
.default_tablestyle table td {
|
|
border-bottom: 1px solid #dddddd;
|
|
line-height: 28px;
|
|
overflow: hidden;
|
|
padding-left: 0px;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.default_tablestyle a {
|
|
color: #666666;
|
|
}
|
|
.default_tablestyle a:link, a:visited {
|
|
color: #666666;
|
|
}
|
|
.default_tablestyle a:hover {
|
|
color: #1F58B1;
|
|
text-decoration: underline;
|
|
}
|
|
.default_tablestyle .align_left_text {
|
|
float: left;
|
|
padding-left: 3px;
|
|
}
|
|
.modify_user table{clear:both; width:800px; border: 1px solid #dddddd;
|
|
line-height: 28px;
|
|
overflow: hidden;
|
|
white-space: nowrap;}
|
|
.modify_user table th {background-color:#f2f2f2;border:1px solid #dddddd;
|
|
color:#0f438a;
|
|
height: 26px;
|
|
}
|
|
.modify_user table td{background-color:#ffffff;border:1px solid #dddddd;
|
|
color:#0f438a;
|
|
height: 26px;padding-left:10px;}
|
|
|
|
|
|
/* btn */
|
|
.buttons a, .buttons button{
|
|
display:block;
|
|
float:left;
|
|
margin:0 7px 0 0;
|
|
background-color:#f5f5f5;
|
|
border:1px solid #dddddd;
|
|
font-size:110%;
|
|
line-height:130%;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
color:#565656;
|
|
cursor:pointer;
|
|
padding:5px 10px 6px 7px; /* Links */
|
|
}
|
|
.buttons a:hover{color:#4786AD;}
|
|
.buttons button{
|
|
width:auto;
|
|
overflow:visible;
|
|
padding:4px 10px 3px 7px; /* IE6 */
|
|
}
|
|
.buttons button[type]{
|
|
padding:5px 10px 5px 7px; /* Firefox */
|
|
line-height:17px; /* Safari */
|
|
}
|
|
*:first-child+html button[type]{
|
|
padding:4px 10px 3px 7px; /* IE7 */
|
|
}
|
|
.buttons button img, .buttons a img{
|
|
margin:0 3px -3px 0 !important;
|
|
padding:0;
|
|
border:none;
|
|
width:16px;
|
|
height:16px;
|
|
}
|
|
|
|
.popop_detail table{clear:both; width:600px; border: 1px solid #dddddd;
|
|
line-height: 28px;
|
|
overflow: hidden;
|
|
white-space: nowrap;}
|
|
.popop_detail table th {background-color:#f2f2f2;border:1px solid #dddddd;
|
|
color:#0f438a;
|
|
height: 26px;
|
|
}
|
|
.popop_detail table td{background-color:#ffffff;border:1px solid #dddddd;
|
|
color:#0f438a;
|
|
height: 26px;padding-left:10px;}
|
|
|
|
.invisible {
|
|
width:0px;
|
|
height:0px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* 설문 CSS */
|
|
.td_width {
|
|
background-color: #f2f2f2;
|
|
border: 1px solid #dddddd;
|
|
color: #0f438a;
|
|
height: 26px;
|
|
}
|
|
.td_content {
|
|
background-color: #ffffff;
|
|
border: 1px solid #dddddd;
|
|
color: #0f438a;
|
|
height: 26px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* 댓글 시작 */
|
|
.reply { width: 730px; clear: both; border-top: 2px solid #4688d2; position: relative; }
|
|
.reply ul { width: 730px; margin: 0; padding: 0; }
|
|
.reply ul li { width: 690px; border-bottom: 1px solid #d9d9d9; padding: 20px 20px 14px; overflow:hidden;}
|
|
.reply .top { height: 17px; padding-bottom: 12px; }
|
|
.reply .top strong { color: #333; font-weight: 600; }
|
|
.reply .top span.bar { color: #d3d3d3; font-size: 10px; padding: 0 9px; }
|
|
.reply .top span.date { color: #999; }
|
|
.reply .txt { line-height: 19px; }
|
|
.reply .bottom { float: right; margin: 10px 0 6px; }
|
|
/* table style */
|
|
.board_list {width:100%; table-layout:fixed; border-top: 2px solid #4688d2; }
|
|
.board_list caption { display: none; }
|
|
.board_list thead th,
|
|
.board_list tbody th { color: #222 ; font-size: 13px; font-weight: 400; background: #f4f4f4; padding: 12px 0; border-bottom: 1px solid #d9d9d9; }
|
|
.board_list tbody tr.odd { }
|
|
.board_list tbody.ov tr:hover { background: #f9f9f9; }
|
|
.board_list tbody th { text-align: left; padding-left: 14px; }
|
|
.board_list tbody th.vtop { vertical-align: top; }
|
|
.board_list tbody th span.pilsu { color: #d0270b; font-weight: 500; margin-left: 3px; }
|
|
.board_list tbody td { text-align: center; padding: 11px 5px; border-bottom: 1px solid #d9d9d9;
|
|
word-break:break-all; white-space: -moz-pre-wrap; overflow:hidden; text-overflow:ellipsis;}
|
|
.board_list tbody td.left { text-align: left; padding: 6px 8px; }
|
|
.board_list tbody td.leftElli { text-align: left; padding: 6px 8px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.board_list tbody td.cnt { text-align: left; padding: 12px 10px 20px; line-height: 160%; }
|
|
.board_list tbody td.nopd { text-align: left;}
|
|
.board_list tbody td.bold { text-align: left; font-size: 14px; font-weight : bold;}
|
|
.board_list tbody td a:hover { text-decoration: underline; }
|
|
.board_list tbody td input.bbs_Nm { width: 99%; }
|
|
.board_list tbody td input.tmp { width: 160px; }
|
|
.board_list tbody td textarea { width: 99%; height: 50px; }
|
|
.board_list tbody td textarea.txt { width: 96%; height: 300px; margin: 8px; padding: 5px; }
|
|
.board_list tbody td textarea.re_txt { width: 470px; float: left; margin-right: 8px; height: 96px; }
|
|
.board_list tbody td a.re_btn { float: right; padding: 43px 30px; margin: 1px 0 0 0; font-size: 12px; font-weight: 600; }
|
|
.board_list tbody td a.re_btn:hover { text-decoration: none; }
|
|
.board_list tbody td select { padding: 2px 0 3px 2px; border: 1px solid #dedede; }
|
|
.board_list tbody td img { margin-left: 7px; }
|
|
|
|
.top_line { border-top: 1px solid #d9d9d9; }
|
|
.board_th_link {
|
|
font-weight: 600;
|
|
}
|
|
.btn_s { padding: 3px 10px 6px 11px; background-color: #4688d2; color: #fff; font-size: 11px; border-radius: 1px; margin-top: 4px;}
|
|
.btn_s:hover { color: #c7dbf1; }
|
|
/* 댓글 끝 */
|
|
|
|
|