sp1000je
87 lines
6.5 KiB
CSS
87 lines
6.5 KiB
CSS
@charset "euc-kr";
|
|
/* head_Layout (상단인클루드 영역) */
|
|
|
|
/* 스킵네비게이션 */
|
|
#skipnavigation {overflow:hidden; text-indent: -2000px; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0;}
|
|
|
|
/* 전체외곽박스 */
|
|
#wrapper {position:relative; width:1000px; text-align:left;}
|
|
|
|
/* 상단영역 */
|
|
#head{position:relative; width: 1000px; height: 106px;}
|
|
|
|
#top_color{position:absolute; top:0px; width:60px; height:4px; background:url(/manager/img/top_color.gif); background-repeat:no-repeat;}
|
|
|
|
#website_move{position:absolute; z-index:1; top:0px; left:860px; width:120px; height:45px;}
|
|
|
|
#logo{position:absolute; top:4px; width:189px; height:74px;}
|
|
|
|
#top_menu {position:absolute; top:0px; right:330px; padding-top:12px;}
|
|
#top_menu li{letter-spacing:-1px;font-size:0.9em}
|
|
#top_menu li {float:left; padding:0 6px 0 6px; background:url(/manager/img/topmenu_line.gif) no-repeat 0 40%;}
|
|
#top_menu li a:link, #top_menu li a:visited {color:#888888; text-decoration:none;}
|
|
#top_menu li a:hover, #top_menu li a:active {color:#FF9000; text-decoration:none;}
|
|
#top_menu li.first-child {background:none;}
|
|
|
|
/* 탑메뉴+자주쓰는메뉴 */
|
|
#often_wrap {clear:both; height:35px; margin:0; padding:0; position:relative;}
|
|
#often_menu {float:right; position:absolute; top:0px; right:170px; margin-top:8px;}
|
|
#often_menu ul li {float:left;}
|
|
#often_menu ul li.first {margin-top:4px; padding:0px 20px 0 6px; letter-spacing:-1px; font-size:0.9em; background:url(/manager/img/topmenu_line.gif) no-repeat 0 40%;}
|
|
#often_menu ul li.first-child {margin-top:4px; padding:0px 6px 0 6px; letter-spacing:-1px; font-size:0.9em; background:none;}
|
|
#often_menu li a:link, #often_menu li a:visited {color:#888888; text-decoration:none;}
|
|
#often_menu li a:hover, #often_menu li a:active {color:#FF9000; text-decoration:none;}
|
|
#often_menu ul li select {float:left; margin-right:3px; font-size:0.9em;}
|
|
#often_menu select option.bg_gray {color:#FFFFFF; background-color:#BEBEBE;}
|
|
#often_menu_right {float:right; position:absolute; top:0px; right:140px; margin-top:8px;}
|
|
#often_menu a {}
|
|
|
|
#menu_blue {position: absolute; top:31px; left:198px; width:782px; padding-left:33px; background:url(/manager/img/blue/menu_bg.gif); background-repeat:no-repeat;}
|
|
#menu_orange {position: absolute; top:31px; left:198px; width:782px; padding-left:33px; background:url(/manager/img/orange/menu_bg.gif); background-repeat:no-repeat;}
|
|
#menu_sky {position: absolute; top:31px; left:198px; width:782px; padding-left:33px; background:url(/manager/img/sky/menu_bg.gif); background-repeat:no-repeat;}
|
|
#menu_green {position: absolute; top:31px; left:198px; width:782px; padding-left:33px; background:url(/manager/img/green/menu_bg.gif); background-repeat:no-repeat;}
|
|
#menu_gray {position: absolute; top:31px; left:198px; width:782px; padding-left:33px; background:url(/manager/img/gray/menu_bg.gif); background-repeat:no-repeat;}
|
|
|
|
#menu_blue ul li, #menu_orange ul li, #menu_sky ul li, #menu_green ul li, #menu_gray ul li {float:left;}
|
|
#menu_blue li.menu1, #menu_orange li.menu1, #menu_sky li.menu1, #menu_green li.menu1, #menu_gray li.menu1 {width:109px;}
|
|
#menu_blue li.menu2, #menu_orange li.menu2, #menu_sky li.menu2, #menu_green li.menu2, #menu_gray li.menu2 {width:95px;}
|
|
#menu_blue li.menu3, #menu_orange li.menu3, #menu_sky li.menu3, #menu_green li.menu3, #menu_gray li.menu3 {width:114px;}
|
|
#menu_blue li.menu4, #menu_orange li.menu4, #menu_sky li.menu4, #menu_green li.menu4, #menu_gray li.menu4 {width:84px;}
|
|
#menu_blue li.menu5, #menu_orange li.menu5, #menu_sky li.menu5, #menu_green li.menu5, #menu_gray li.menu5 {width:84px;}
|
|
|
|
#menu_right {position:absolute; width:126px; top:15px; right:0px;}
|
|
#menu_right li {padding-right:3px;}
|
|
|
|
#top_bg_blue {position:absolute; top:72px; width:200px; height:34px; background:url(/manager/img/blue/top_bg.gif); background-repeat:no-repeat;}
|
|
#top_bg_orange {position:absolute; top:72px; width:200px; height:34px; background:url(/manager/img/orange/top_bg.gif); background-repeat:no-repeat;}
|
|
#top_bg_sky {position:absolute; top:72px; width:200px; height:34px; background:url(/manager/img/sky/top_bg.gif); background-repeat:no-repeat;}
|
|
#top_bg_green {position:absolute; top:72px; width:200px; height:34px; background:url(/manager/img/green/top_bg.gif); background-repeat:no-repeat;}
|
|
#top_bg_gray {position:absolute; top:72px; width:200px; height:34px; background:url(/manager/img/gray/top_bg.gif); background-repeat:no-repeat;}
|
|
|
|
|
|
/* 로그인 */
|
|
#wrapper_login {position:relative; width:100%; text-align:center;}
|
|
#topline {width:100%; height:4px; background-color:#337ACC; text-align:left;}
|
|
#toplogo {height:212px; background:url(/manager/img/login_top_bg.gif); text-align:center;}
|
|
#toplogo div.head_logo {width:800px; height:212px; text-align:left; margin: 0 auto;}
|
|
#toplogo div.head_logo img {height:72px; bottom:0;padding-top:140px;}
|
|
#toplogo div.human {position:absolute; top:64px; left:50%; margin-left:220px; width:235px; height:208px; background:url(/manager/img/login_human.png); background-repeat:no-repeat;}
|
|
|
|
#login {width:100%; height:237px; background:url(/manager/img/login_main_bg.gif); background-color:#5695EB; background-repeat:no-repeat; text-align:center;}
|
|
#login div.login_cont {width:517px; height:237px; text-align:left; margin: 0 auto; background:url(/manager/img/login_bg.png); background-repeat:no-repeat;}
|
|
|
|
#login div.login_cont h2 {height:50px; padding-left:48px; width:150px; padding:52px 0 5px 40px;}
|
|
#login div.login_cont h2 img {}
|
|
|
|
#www_member_login {float:left; margin:0; padding-left:112px; text-align:left; width:290px;}
|
|
#www_member_login p.id, #www_member_login p.password {float:left; width:230px; padding-bottom:1px; }
|
|
#www_member_login p.button {float:left; margin-top:-26px; padding:0; }
|
|
#www_member_login p.id span.le1 input {margin-top:1px; margin-left:4px;}
|
|
#www_member_login p.password span.le1 input {margin-top:1px; margin-left:4px;}
|
|
|
|
input.idinput{height:15px; vertical-align:top; width:130px; padding-top:4px; background-image:url(/manager/img/login_id_bg.gif); background-repeat:no-repeat; background-position:0 0; border:0; background-color:transparent; font-weight:bold; color:#ffffff;}
|
|
input.pwinput{height:15px; vertical-align:top; width:130px; padding-top:2px; background-image:url(/manager/img/login_pw_bg.gif); background-repeat:no-repeat; background-position:0 0; border:0; background-color:transparent; font-weight:bold; color:#ffffff;}
|
|
input.idinput.none {background:none;}
|
|
input.pwinput.none {background:none;}
|
|
|
|
#copyright {position:absolute; top:470px; left:50%; height:50px; margin-left:210px; font-family:tahoma; font-size:0.8em; color:#74788C; font-weight:bold; text-align:left; white-space:nowrap;} |