Files
sms_host20170829/manager/common/css/main_layout.css
T
2026-02-23 10:01:00 +09:00

103 lines
8.4 KiB
CSS

/* 내용영역 */
#main_body_blue {overflow:hidden; clear:left; width:1000px; margin: 0; padding: 0; background:url(/manager/img/blue/main_content_bg.gif) repeat-y left;}
#main_body_orange {overflow:hidden; clear:left; width:1000px; margin: 0; padding: 0; background:url(/manager/img/orange/main_content_bg.gif) repeat-y left;}
#main_body_sky {overflow:hidden; clear:left; width:1000px; margin: 0; padding: 0; background:url(/manager/img/sky/main_content_bg.gif) repeat-y left;}
#main_body_green {overflow:hidden; clear:left; width:1000px; margin: 0; padding: 0; background:url(/manager/img/green/main_content_bg.gif) repeat-y left;}
#main_body_gray {overflow:hidden; clear:left; width:1000px; margin: 0; padding: 0; background:url(/manager/img/gray/main_content_bg.gif) repeat-y left;}
/* 왼쪽영역 */
#content_left {float:left; width:189px; }
#cl_info {width:175px; height:48px; margin-left:5px; padding-left:7px; background:url(/manager/img/lm_tit00.gif); background-repeat:no-repeat;}
#cl_info div.content {letter-spacing:-1px; vertical-align:middle; font-size:0.9em; line-height:160%}
#cl_info div span.ip_con {color:#7462C8; font-family:verdana; letter-spacing:0px; font-size:0.8em;}
#cl_info div span.info {padding-left:13px;}
#mng_info {width:166px; margin-top:15px; padding-bottom:5px; margin-left:11px; background:url(/manager/img/mleft_bg.gif) repeat-y left;}
#mng_info h2 {height:26px;margin-bottom:5px;}
#mng_info div.content li {padding:2px 0px 2px 14px; font-size:0.9em; background-color:transparent; background-image: url(/manager/img/mleft_ic.gif); background-repeat: no-repeat; background-position:8px 6px;}
#mng_info div.content li img {vertical-align:middle;}
#hrd_info {width:166px; margin-left:11px; margin-bottom:0; background:url(/manager/img/mleft_bg.gif) repeat-y left;}
#hrd_info h2 {height:26px;margin-bottom:5px;}
#hrd_info div.content li {padding:2px 0px 2px 14px; font-size:0.9em; background-color:transparent; background-image: url(/manager/img/mleft_ic.gif); background-repeat: no-repeat; background-position:8px 6px;}
#hrd_info div.content li.none {padding:0px 0px 0px 18px; font-family:verdana; font-size:0.8em; color:#616161; letter-spacing:-1px; background:none;}
#hrd_info div.content li.pt5 {margin-top:8px}
#hrd_info div.content li.bottom {height:13px; padding:0px 0px 0px 18px; background:url(/manager/img/mleft_bottom.gif); background-repeat: no-repeat;}
#hrd_info div.line {float:left; width:100px; height:10px; vertical-align:middle; border:1px solid #C1C1C1; background-color:#F4F4F4; padding-top:1px;}
#hrd_info div.line img{float:left;height:8px;}
/* 가운데영역 */
#content_center {float:left; width:602px;}
#new_notice {clear:both; width:570px; margin-left:19px; margin-bottom:10px;}
#new_notice div.top {float:left; width:570px; height:24px; background-color:transparent; background-image: url(/manager/img/tbt_bg.gif);}
#new_notice div.top li {float:left; height:24px; padding-left:27px; font-size:1em; color:#222222; font-weight:bold;}
#new_notice div.top li.lt {float:left; height:17px; padding-top:7px; background-color:transparent; background-image:url(/manager/img/tbt_left.gif); background-repeat: no-repeat;}
#new_notice div.top li.more {float:right;}
#new_notice div.top li.more img {float:right;height:24px;}
#new_notice div.content {display:block; float:left; width:570px; padding-top:10px; margin-bottom:10px; padding-bottom:10px; background:url(/manager/img/tb_bg.gif) repeat-y left; border-bottom:1px solid #DCDCDC;}
#new_notice div.content ul li {width:550px; float:left; padding:3px 0px 3px 14px; color:#898989; font-family:gulim; background-image: url(/manager/img/tbt_ic.gif); background-repeat:no-repeat; background-position:9px 7px;}
#new_notice div.content ul li div.subj {width:490px; float:left; overflow:hidden; height:14px;}
#new_notice div.content ul li span.gray2 {float:left; display:inline; letter-spacing:-0.05em;}
#new_notice div.content ul li span.date {float:right; padding:0px 12px 0px 0px; text-align:right; overflow:hidden; color:#8A8A8A; background:none;}
#hb_info {clear:both; width:570px; margin-left:19px;}
#hb_info div.top {float:left; width:570px; height:23px; background-color:transparent; background-image: url(/manager/img/tbt_bg.gif);}
#hb_info div.top li {float:left; height:23px; padding-left:27px; font-size:1em; color:#222222; font-weight:bold;}
#hb_info div.top li.lt {float:left; height:16px; padding-top:7px; background-color:transparent; background-image:url(/manager/img/tbt_left2.gif); background-repeat: no-repeat;}
#hb_info div.top li.more {float:right;}
#hb_info div.top li.more img {float:right;height:23px;}
#hb_info div.content {display:block; float:left; padding-bottom:10px;}
#hb_info div.content table {float:left; width:570px;}
#hb_info div.content li {float:left;}
#hb_info div.content li.th {float:left; width:131px; height:20px; padding:2px 0 0 11px; border:1px solid #DCDCDC; border-right:0px; border-left:0px; color:#464646; font-weight:normal; font-size:0.9em; letter-spacing:-1px; text-align:left; background:#F6F6F6;}
#hb_info div.content li.td {float:left; width:132px; height:20px; padding:2px 11px 0 0; border:1px solid #DCDCDC; border-right:0px; border-left:0px; color:#464646; font-weight:normal; font-size:0.9em; line-height:16px; text-align:right;}
#month_stats {clear:both; width:570px; margin-left:19px; margin-bottom:20px;}
#month_stats div.top {float:left; width:570px; height:24px; background-color:transparent; background-image: url(/manager/img/tbt_bg.gif);}
#month_stats div.top li {float:left; height:24px; padding-left:27px; font-size:1em; color:#222222; font-weight:bold;}
#month_stats div.top li.lt {float:left; height:17px; padding-top:7px; background-color:transparent; background-image:url(/manager/img/tbt_left3.gif); background-repeat: no-repeat;}
#month_stats div.top li.more {float:right;}
#month_stats div.top li.more img {float:right;height:24px;}
#month_stats div.content {display:block; text-align:center; width:570px; background:url(/manager/img/tb_bg.gif) repeat-y left; border-bottom:1px solid #DCDCDC;}
#month_stats div.content object {margin-top:12px;margin-bottom:5px;}
/* 오른쪽 영역 */
#content_right{float:left; width:200px;}
#cr_date {width:190px; height:47px; background:url(/manager/img/date_bg.gif);}
#cr_date div.content {height:30px; padding-top:12px; padding-left:32px; font-weight:bold; color:#394D7A; font-size:0.9em; background-image:url(/manager/img/date_ic.gif); background-repeat: no-repeat; background-position:12px 10px;}
#cr_memo {width:190px;}
#cr_memo h2 {height:38px;}
#cr_memo div.content {padding-bottom:18px; background:url(/manager/img/memo_bg.gif) repeat-y left; text-align:center; border-bottom:3px solid #E4E4E4;}
#cr_memo div.content textarea.info {overflow:auto; width:158px; height:200px; margin:0; font-size:12px; border-top:1px solid #9D9B9D;border-left:1px solid #9D9B9D;border-right:1px solid #E1DFDB;border-bottom:1px solid #E1DFDB;line-height:20px;padding-left:5px;padding-right:4px;background:url(/manager/img/memo_bg2.gif);}
#cr_memo div.content textarea{margin:0;}
#cr_memo div.content li.st {padding-top:5px; color:#A3A3A3; font-size:0.9em;}
#cr_memo div.content li.bt {padding:5px 8px 0px 60px;}
#cr_memo div.content div {padding-bottom:40px;}
#cr_banner {width:190px; margin-top:10px;}
#cr_banner div.content {padding-bottom:6px; text-align:center;}
/*왼쪽메뉴(자주쓰는메뉴) 타이틀*/
#sidemenu {padding: 5px 0px 0 11px;}
/*왼쪽메뉴 2Depth*/
#sidemenu ul li a {display: block; width:158px; padding:6px 0px 10px 10px; margin-top:15px; color:#FFFFFF; font-weight:bold; letter-spacing: -0.1em;}
#sidemenu ul li.blue {background:url(/manager/img/blue/lm_1step_bg.gif); background-repeat:no-repeat;}
#sidemenu ul li.orange {background:url(/manager/img/orange/lm_1step_bg.gif); background-repeat:no-repeat;}
#sidemenu ul li.sky {background:url(/manager/img/sky/lm_1step_bg.gif); background-repeat:no-repeat;}
#sidemenu ul li.green {background:url(/manager/img/green/lm_1step_bg.gif); background-repeat:no-repeat;}
#sidemenu ul li.gray {background:url(/manager/img/gray/lm_1step_bg.gif); background-repeat:no-repeat;}
#sidemenu ul li a:hover, #sidemenu ul li a:active, #sidemenu ul li a:focus {text-decoration: none;}
/*왼쪽메뉴 3Depth*/
#sidemenu ul ul li a {display: block; width: 140px; height:10px; margin:0; margin-left:10px; padding:5px; font-weight:normal; color: #000000; letter-spacing:-0.1em; font-size: .92em; background:url(/manager/img/lm_2step_ic.gif); background-repeat: no-repeat;}
#sidemenu ul ul li a.on, #sidemenu ul ul li a:hover {font-weight:bold;}