/********************************************************************* * MuaCityCSS * Last updated : 2011/08/12 * Made by Rex *********************************************************************/ /********************************************************************* * GLOBAL *********************************************************************/ * { margin:0; padding:0;} html, body { background:#fff; font:normal 12px/1.2 돋움,dotum,arial,verdana; color:#383838;} input, select { _margin-top:-1px; font:normal 12px/1.2 돋움,dotum,arial,verdana; color:#383838;} select { border:1px solid #ccc;} input.text { padding:1px; height:17px; line-height:17px; border:1px solid #ccc;} input.radio, input.check { margin-right:5px; width:13px; height:13px; vertical-align:middle;} input.file { width:100%; height:20px;} textarea { overflow-x:hidden; overflow-y:scroll; padding:2px; font:normal 12px/1.2 돋움,dotum,arial,verdana; color:#414141; border:1px solid #ccc;} h1, h2, h3, h4, h5, h6, h7 { font-size:1em;} li { list-style:none;} table { border-spacing:0; border-collapse:collapse; table-layout:fixed;} img, fieldset, form { border:0;} img { vertical-align:top;} input, select, button { vertical-align:middle;} a:link, a:visited, a:active { text-decoration:none; color:#383838;} a:hover { text-decoration:underline; color:#ef2828;} /********************************************************************* * MuaAdminBar *********************************************************************/ #mabs { position:absolute; left:0; padding:3px 10px; font-family:"돋움"; font-size:11px; border:1px solid #000; z-index: 9998; cursor:pointer; background:buttonface; border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight; } #mab { position:absolute; left:0; width:100%; z-index: 9999; border-top:1px solid #000; border-bottom:1px solid #000; background:buttonface; border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight; } #mab_left {float:left; padding:3px 10px; font-family:돋움; font-size:11px; color:#000000;} #mab_left a { selector-dummy : expression(this.hideFocus=true); color:#000000;} #mab_right {float:right; padding:3px 10px; font-family:돋움; font-size:11px; color:#000000;} #mab_board { position:absolute; width:640px; height:550px; top:20px; left:0px; background:buttonface; border-width:1px; border-style:solid; z-index: 9999; border-color:buttonhighlight buttonshadow buttonshadow buttonhighlight; } #mab_board_top {float:left; padding:10px;} #mab_board_con {float:left; height:500px; padding:0 10px 10px 10px;} /********************************************************************* * DIV layout *********************************************************************/ #login { position:absolute; top:0; left:0; height:20px; width:100%; text-align:center; z-index:10000000000000000} #loginbox { margin: 0 auto; width:1000px; height:20px; text-align:right; margin-top:10px; color:#fff;} #loginbox .input { width:80px; height:15px; border:1px solid #fff;} #loginbox a { text-decoration:none; color:#fff;} #notice { position:absolute; top:550px; text-align:center; width:100%; height:90px; z-index:00;} #notice .content { margin: 0 auto; width:1000px; text-align:left;} #notice .list { width:270px; height:12px; margin:0 0 8px 15px; overflow:hidden; font-size:8pt; color:#afa8a0;} #notice img { vertical-align:middle;} #notice a { text-decoration:none; color:#afa8a0;} #notice a:hover { text-decoration:underline; color:#fff;} #body { width:100%; text-align:center; background-image:url(/img/bodybg.gif); background-repeat:repeat-x;} #head { float:left; width:100%; height:100px;} #sub { margin: 0 auto; text-align:center; width:1000px; margin-bottom:10px;} #sub .leftmenu { float:left; width:175px; height:500px; background-image:url(/img/left_bg.gif);} #sub .leftmenu .m1 { margin-top:65px;} #sub .leftmenu .m2 { margin-top:31px;} #sub .content { float:left; text-align:center; width:820px;} #sub .bbs {margin: 0 auto; width:780px; text-align:center;} #sub .content .m1 { margin-top:50px;} #copy { float:left; width:100%; text-align:center; height:78px; background-image:url(/img/copybg.gif);} #copy .content {margin: 0 auto; width:1000px; text-align:right;} #banner { float:left; width:100%; text-align:center; height:40px; border-top:1px solid #ccc;} #banner .content {margin: 0 auto; width:1000px; height:40px; padding-top:6px; text-align:center;} #banner .content span { padding:30px;} #banner .content img { vertical-align:middle;} /********************************************************************* * TEXT STYLE *********************************************************************/ .underline {text-decoration:underline} .B {font-weight:bold} .just {text-align:justify} .wordwrap {word-break:break-all} .line_260 {line-height:260%;} .line_216 {line-height:216%;} .line_150 {line-height:150%;} .line_120 {line-height:120%;} /********************************************************************* * FONTS BY STYLE *********************************************************************/ .6pt {font-size:6pt} .7pt {font-size:7pt} .8pt {font-size:8pt} .9pt {font-size:9pt} .10pt {font-size:10pt} .11pt {font-size:11pt} .12pt {font-size:12pt} .13pt {font-size:13pt} .14pt {font-size:14pt} .15pt {font-size:15pt} .16pt {font-size:16pt} .17pt {font-size:17pt} .18pt {font-size:18pt} /********************************************************************* * FONTS BY FAMILY & SIZE *********************************************************************/ .tah {font-family:Tahoma,Verdana,Arial} .ver {font-family:Verdana,Tahoma,Arial} .ari {font-family:Arial,Verdana,Tahoma} .sp1 {letter-spacing:-1px;} /********************************************************************* * NAMED COLORS *********************************************************************/ .white {color:white} .red {color:red} .gray {color:gray} .firebrick {color:firebrick} .hotpink {color:hotpink} .orangered {color:orangered} .orange {color:orange} .blue {color:blue} .royalblue {color:royalblue} .steelblue {color:steelblue} .skyblue {color:skyblue} .green {color:green} .yellowgreen {color:yellowgreen} .slategray {color:slategray} .tan {color:tan} .palevioletred {color:palevioletred} .mistyrose {color:mistyrose} /********************************************************************* * TABLES *********************************************************************/ .fixed {table-layout:fixed} /********************************************************************* * BOARDER *********************************************************************/ .b_m01 {border-width:6px; border-style:solid; border-color:#e1e1e1;} .b_m02 {border-width:1px; border-color:rgb(163,163,163); border-style:solid;} #box_ag {width: 450; height: 80; overflow: auto; padding:5px; border:1 solid #cecece;} /********************************************************************* * FORMS *********************************************************************/ /* input */ /* button */ /* fileupload */ /* textarea */ /********************************************************************* * CURSORS *********************************************************************/ .curDef {cursor:default} .curHand {cursor:pointer} .curWait {cursor:wait} .curCross {cursor:crosshair} .curMove {cursor:move} #loginform input { float:left; width:80px; margin-left:5px; padding:0 5px; height:16px; color:#fff; background:#139ddb; border:1px solid #fff; } #loginform .btnok { float:left; width:30px; margin-left:5px; margin-right:15px; padding:0 5px; height:18px; color:#fff; background:#139ddb; border:1px solid #fff; cursor:pointer; } #loginform a{ font-size:14px; line-height:20px; } .mssnbWrap {padding:70px 0 0 0;} .mssnbWrap .title {margin-bottom:30px;font-size:15px;font-weight:bold;color:#fff;} .mssnbWrap .mssnb {text-align:left;padding:0 30px 0 30px;} .mssnbWrap .mssnb li {border-bottom:1px dotted #fff;line-height:1.8em;} .mssnbWrap .mssnb li a {color:#fff;} .adminWrap {position:relative;padding-left:50px;text-align:left;} .adminWrap .celTile {margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;font-size:15px;font-weight:bold;} .dataTbl {border-top:2px solid #139ddb;font-size:12px;} .dataTbl thead th {padding:6px 0;text-align:center;border-bottom:1px solid #139ddb;background:#aed8ea;color:#007eb6;} .dataTbl tbody td {padding:8px 10px 10px;text-align:center;border-bottom:1px solid #ddd;} .tdleft {text-align:left !important;} .tdright {text-align:right !important;} .paging {padding-top:10px;text-align:center;} .btn {padding-top:10px;text-align:right;} .btnmid {padding:10px 0;text-align:right;} .btnWp {display:inline-block;padding:4px 10px;background:#ddd;font-weight:bold;} .input {width:80px;height:24px;padding:3px 0 !important;border:1px solid #ddd;} .tvaddr {width:220px;} /* hidden */ .hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none} ul, ol {list-style:none;} .mainWrap{position:relative;} .maincon{position:absolute;top:380px; left:50%; margin-left:-488px; width:996px; } .maincon .btn{padding-left:448px; height:106px;} .maincon .btn .R{display:inline-block; padding-top:10px} .maincon .con{padding-left:315px; padding-top: 56px;} .maincon .con .R{display:inline-block; padding-left:25px; padding-top:5px;} #header{} #header h1 {position:absolute; top:0px; left:50%; margin-left:-500px;z-index:50} #header .gnbWrap{position:absolute;top:35px;left:50%; margin-left:-240px; width:650px; height:35p; z-index:50} #header .gnbWrapsub{position:absolute;top:70px !important;left:0; width:100%; height:42px;z-index:50} #header #gnb {margin:0 auto; width:960px} #header #gnb li {position:relative;float:left;text-align:center;} #header #gnb li#mNavi01 {width:178px;} #header #gnb li#mNavi01 .snav {left:15px;width:240px; z-index:100} #header #gnb li#mNavi01 .snav .srrow {left:85px;} #header #gnb li#mNavi02 {width:149px;} #header #gnb li#mNavi02 .snav {left:-150px;width:660px; z-index:100} #header #gnb li#mNavi02 .snav .srrow {left:220px;} #header #gnb li#mNavi03 {width:149px;} #header #gnb li#mNavi03 .snav {width:850px; z-index:100} #header #gnb li#mNavi03 .snav .srrow {left:540px;} #header #gnb li#mNavi04 {width:149px;} #header #gnb li#mNavi04 .snav {left:10px;width:125px; z-index:100} #header #gnb li#mNavi04 .snav .srrow {left:60px;} #header #gnb .snav {position:absolute;top:31px;left:-8px;height:40px;padding-left:14px;background:url(/img/bg_snv_left.png) no-repeat 0 bottom;} #header #gnb .snav .srrow {position:absolute;top:-2px;width:11px;height:6px;background:url(/img/bg_snv_ar.gif) no-repeat 0 0;} #header #gnb .snav ul {height:40px;background:url(/img/bg_snv_right.png) no-repeat right bottom;} #header #gnb .snav ul li {padding:5px 0 0 0;} .topbg{position:absolute; top:0; left:0; width:100%; height:70px; background:url(/img/bg.gif) repeat-x 0 0;z-index:1} #pb_main{padding-left:55px}