/*________________________________________________________________________ 작성자 : 윤해용 작성일 : 2012-02-17 최종수정일 : 2012-02-17[윤해용] 버전 : 1.0 설명 : 마스터 페이지의 Top-Menu Css 목차 * common * subnav style * top menu css _______________________________________________________________________________ /* common _____________________________________________________________________________*/ * {padding: 0px;margin: 0px;} body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} html,body {height: 100%;} .container {width: 900px;margin: 0px auto;} h1 {font-weight: 100;color: #f1f1f1;font-size: 40px;padding: 20px;} #page {width: 100%;background: #f1f1f1;border-top: 10px solid #008dd0;border-bottom: 10px solid #008dd0;height: 80%;} p {margin: 10px 0;} pre {margin: 10px 0px;padding: 10px;border: 1px solid #008dd0;} #changelog ul {margin-left: 25px;} /* Sliding Subnav Styles _______________________________________________________________________________*/ .slidenav {position: relative; } .slidenav a {color: #f1f1f1;text-decoration: none;} .slidenav ul, .slidenav ul li {list-style: none;} .subnav ul li, .subnav ul, .slidenav-box {height: 2em;line-height: 2.3em;list-style: none;} .slidenav ul a, .subnav ul a {display: block;padding: 0;} .slidenav ul li, .subnav ul li {float: left;} .slidenav ul li ul {display: none;position: absolute;top: 3em;left: 0;} .slidenav ul li:hover ul {display: block;} .subnav ul {display: none;font-size: 12px;} .subnav ul a {color: #666;} .subnav ul a:hover {color: #215ea2 ; text-decoration:none;} .slidenav_thebell {position: relative; } .slidenav_thebell a {color: #f1f1f1;text-decoration: none;} .slidenav_thebell ul, .slidenav ul li {list-style: none;} .slidenav_thebell ul a, .subnav ul a {display: block;padding: 0;} .slidenav_thebell ul li, .subnav ul li {float: left;} .slidenav_thebell ul li ul {display: none;position: absolute;top: 3em;left: 0;} .slidenav_thebell ul li:hover ul {display: block;} .slidenav-box {margin: 0px 0px;border: 0;padding: 0 } .inactive-box {visibility: hidden;} #lbl_UserName, #lbl_UserName2 {display:none} .user-name {display:inline-block} .login-user-id {width:90px; display:inline-block; float:left} /*top menu css _________________________________________________________________________________*/ #top_menu_table{width:100%;border-collapse:collapse} #top_menu_table #report_menu{background-color:#215ea2 ; width:519px;height:30px; border-bottom-left-radius:2px;border-top-left-radius:2px; border-right:1px solid #0058c2;} #top_menu_table #company_menu{height:27px} #top_menu_table #login_menu{width:302px;height:27px} #top_menu_table #report_menu .slidenav .main_menu01{width:55px;height:30px;cursor:pointer;} #top_menu_table #report_menu .slidenav .main_menu02{width:90px;height:30px;cursor:pointer;} #top_menu_table #report_menu .slidenav .main_menu04{width:85px;height:30px;cursor:pointer;} #top_menu_table #report_menu .slidenav .main_menu05{width:87px;height:30px;cursor:pointer;} #top_menu_table #report_menu .slidenav .main_menu14{width:63px;height:30px;cursor:pointer;} #top_menu_table #report_menu .slidenav .main_menu11{width:75px;height:30px;cursor:pointer;} #top_menu_table #report_menu .slidenav .main_menu13{width:50px;height:30px;cursor:pointer;} #top_menu_table #report_menu .slidenav .main_menu06{width:75px;height:30px;cursor:pointer;} #top_menu_table #company_menu .slidenav .main_menu07{width:94px;height:30px;cursor:pointer;} #top_menu_table #company_menu .slidenav .main_menu12{width:67px;height:30px;cursor:pointer;} #top_menu_table #company_menu .slidenav .main_menu08{width:68px;height:30px;cursor:pointer;} #top_menu_table #company_menu .slidenav .main_menu09{width:58px;height:30px;cursor:pointer;} #top_menu_table #company_menu .slidenav .main_menu10{width:90px;height:30px;cursor:pointer;} /*더벨*/ #top_menu_table #thebell_menu {background-color:#c92121;width:922px;height:30px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu21{width:65px;height:30px;line-height:30px;cursor:pointer;} #top_menu_table #thebell_menu .slidenav_thebell .main_menu22{width:70px;height:30px;line-height:30px;cursor:pointer; } #top_menu_table #thebell_menu .slidenav_thebell .main_menu23{width:70px;height:30px;line-height:30px;cursor:pointer; } #top_menu_table #thebell_menu .slidenav_thebell .main_menu24{width:120px;height:30px;line-height:30px;cursor:pointer;} #top_menu_table #thebell_menu .slidenav_thebell .main_menu25{width:75px;height:30px;line-height:30px;cursor:pointer; } #top_menu_table #thebell_menu .slidenav_thebell .main_menu26{width:70px;height:30px;line-height:30px;cursor:pointer; } #top_menu_table #thebell_menu .slidenav_thebell .main_menu21 a{width:65px;height:30px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu22 a{width:70px;height:30px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu23 a{width:70px;height:30px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu24 a{width:120px;height:30px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu25 a{width:75px;height:30px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu26 a{width:70px;height:30px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu21:hover{background-position:0 -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu22:hover{background-position:-65px -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu23:hover{background-position:-135px -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu24:hover{background-position:-205px -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu25:hover{background-position:-325px -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu26:hover{background-position:-400px -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu21.active{background-position:0 -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu22.active{background-position:-65px -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu23.active{background-position:-135px -26px} #top_menu_table #thebell_menu .slidenav_thebell .main_menu24.active{background-position:-205px -26px} #thebell_login_menu{background-color:#c92121;width:281px;line-height:27px;height:27px;text-align:right} #thebell_login_menu ul{list-style:none} #thebell_login_menu ul li{display:block;float:right;padding-right:1px;} #thebell_login_menu ul li.bar{padding-right:0px;height:27px;line-height:27px;} @media \0screen {#thebell_login_menu ul li.bar{padding:0px; line-height:28px; height:28px; }} #thebell_login_menu ul li{padding-right:5px;height:27px;line-height:27px;} #thebell_login_menu ul li span{height:29px;line-height:29px;color:#fff} #thebell_login_menu ul li img{margin:0px; padding:0px;} /*더벨*/ .wrapper-tab { height: 23px; overflow: hidden; } .wrapper-tab .tab { list-style: none; float: right; } .wrapper-tab .tab li { background: linear-gradient(to bottom, #fefefe, #f2f2f2); background: -moz-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -ms-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -o-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -webkit-linear-gradient(to bottom, #fefefe, #f2f2f2); background-color: #f9f9f9; border-bottom: 1px solid #bfbfbf; border-bottom-color: #808080; border-left: 1px solid #bfbfbf; border-top: 1px solid #bfbfbf; border-top-left-radius: .3em; border-top-right-radius: .3em; color: #919191; cursor: pointer; float: left; font-family: '맑은 고딕'; font-weight: normal; height: 17px; padding-bottom: 5px; padding-top: 1px; text-align: center; } .wrapper-tab .tab li a { color: #919191; display:block; font-weight:bold; padding-left:25px; padding-right:25px; text-decoration:none; } .wrapper-tab .tab li.on, .wrapper-tab .tab li:hover{ background: linear-gradient(to bottom, #fff, #fff); background-color: white; color: #ff3300; font-weight: bold; } .wrapper-tab .tab li.on a, .wrapper-tab .tab li:hover a{ background: linear-gradient(to bottom, #fff, #fff); background-color: white; color: #ff3300; font-weight: bold; } .wrapper-tab .tab li.col6{ border-right: 1px solid #bfbfbf; } #top_menu_table #report_menu .slidenav ul li a { font-family:'Malgun Gothic', 'Malgun', '맑은 고딕'; font-weight:bold; color:#FFF; text-align:center; word-spacing:1px; text-decoration:none;} #top_menu_table #report_menu .slidenav ul li:hover a, #top_menu_table #report_menu .slidenav ul li.active a { color:#87cefa; position:relative;} #top_menu_table #report_menu .slidenav ul li:hover a:after, #top_menu_table #report_menu .slidenav ul li.active a:after{ position:absolute; border-top:1px solid #c7e0fa; content:""; display:inline-block; width:84%; top:25px; left:7%; } #top_menu_table #company_menu .slidenav ul li a { font-family:'Malgun Gothic', 'Malgun', '맑은 고딕'; font-weight:bold; color:#FFF; text-align:center; word-spacing:1px; text-decoration:none;} #top_menu_table #company_menu .slidenav ul li:hover a, #top_menu_table #company_menu .slidenav ul li.active a { color:#FF9900; position:relative;} #top_menu_table #company_menu .slidenav ul li:hover a:after, #top_menu_table #company_menu .slidenav ul li.active a:after{ position:absolute; border-top:1px solid #fdcb7f; content:""; display:inline-block; width:84%; top:25px; left:7%; } #top_menu_table #thebell_menu .slidenav_thebell ul li a { font-family:'Malgun Gothic', 'Malgun', '맑은 고딕'; font-weight:bold; color:#FFF; text-align:center; word-spacing:1px; text-decoration:none;} #top_menu_table #thebell_menu .slidenav_thebell ul li:hover a, #top_menu_table #thebell_menu .slidenav_thebell ul li.active a { color:#FF9900;} #top_menu_table #report_menu .slidenav .main_menu01:hover{background-position:0 -26px} #top_menu_table #report_menu .slidenav .main_menu02:hover{background-position:-45px -26px} #top_menu_table #report_menu .slidenav .main_menu04:hover{background-position:-125px -26px} #top_menu_table #report_menu .slidenav .main_menu05:hover{background-position:-200px -26px} #top_menu_table #report_menu .slidenav .main_menu14:hover{background-position:-277px -26px} #top_menu_table #report_menu .slidenav .main_menu11:hover{background-position:-340px -26px} #top_menu_table #report_menu .slidenav .main_menu13:hover{background-position:-405px -26px} #top_menu_table #report_menu .slidenav .main_menu06:hover{background-position:-445px -26px} #top_menu_table #company_menu .slidenav .main_menu07:hover{background-position:-520px -26px} #top_menu_table #company_menu .slidenav .main_menu12:hover{background-position:-605px -26px} #top_menu_table #company_menu .slidenav .main_menu08:hover{background-position:-672px -26px} #top_menu_table #company_menu .slidenav .main_menu09:hover{background-position:-740px -26px} #top_menu_table #company_menu .slidenav .main_menu10:hover{background-position:-798px -26px} #top_menu_table #report_menu .slidenav .main_menu01.active{background-position:0 -26px} #top_menu_table #report_menu .slidenav .main_menu02.active{background-position:-45px -26px} #top_menu_table #report_menu .slidenav .main_menu04.active{background-position:-125px -26px} #top_menu_table #report_menu .slidenav .main_menu05.active{background-position:-200px -26px} #top_menu_table #report_menu .slidenav .main_menu14.active{background-position:-277px -26px} #top_menu_table #report_menu .slidenav .main_menu11.active{background-position:-340px -26px} #top_menu_table #report_menu .slidenav .main_menu13.active{background-position:-405px -26px} #top_menu_table #report_menu .slidenav .main_menu06.active{background-position:-445px -26px} #top_menu_table #company_menu .slidenav .main_menu07.active{background-position:-520px -26px} #top_menu_table #company_menu .slidenav .main_menu12.active{background-position:-605px -26px} #top_menu_table #company_menu .slidenav .main_menu08.active{background-position:-672px -26px} #top_menu_table #company_menu .slidenav .main_menu09.active{background-position:-740px -26px} #top_menu_table #company_menu .slidenav .main_menu10.active{background-position:-798px -26px} #top_menu_table #report_menu .slidenav .main_menu01 a{width:55px;height:30px; line-height:30px;} #top_menu_table #report_menu .slidenav .main_menu02 a{width:90px;height:30px; line-height:30px;} #top_menu_table #report_menu .slidenav .main_menu04 a{width:85px;height:30px; line-height:30px;} #top_menu_table #report_menu .slidenav .main_menu05 a{width:87px;height:30px; line-height:30px;} #top_menu_table #report_menu .slidenav .main_menu14 a{width:63px;height:30px; line-height:30px;} #top_menu_table #report_menu .slidenav .main_menu11 a{width:75px;height:30px; line-height:30px;} #top_menu_table #report_menu .slidenav .main_menu06 a{width:75px;height:30px; line-height:30px;} #top_menu_table #report_menu .slidenav .main_menu13 a{width:50px;height:30px; line-height:30px;} #top_menu_table #company_menu .slidenav .main_menu07 a{width:94px;height:30px; line-height:30px;} #top_menu_table #company_menu .slidenav .main_menu12 a{width:67px;height:30px; line-height:30px;} #top_menu_table #company_menu .slidenav .main_menu08 a{width:68px;height:30px; line-height:30px;} #top_menu_table #company_menu .slidenav .main_menu09 a{width:58px;height:30px; line-height:30px;} #top_menu_table #company_menu .slidenav .main_menu10 a{width:90px;height:30px; line-height:30px;} #top_menu_table #company_menu{background-color:#585858;} #top_menu_table #login_menu{background-color:#585858;text-align:right; border-top-right-radius:2px;border-bottom-right-radius:2px;} #top_menu_table #login_menu ul{list-style:none} #top_menu_table #login_menu ul li{display:block;float:right;padding-right:1px;} #top_menu_table #login_menu #login_section{text-align:right} #top_menu_table #login_menu #login_section ul li{padding-right:5px;height:27px;line-height:27px;} #top_menu_table #login_menu #login_section ul li.bar{padding:0px; } @media \0screen {#top_menu_table #login_menu #login_section ul li.bar{padding:0px; line-height:27px; height:27px; }} #top_menu_table #login_menu #login_section ul li span{height:27px; line-height:27px;} @media \0screen {#login_menu #login_section ul li span{height:27px; line-height:27px;}} #top_menu_table #login_menu #login_section ul li img{ margin:0px; padding:0px; vertical-align:top} #top_menu_table #login_menu #login_section ul li input{ background-color:#efefef; font-size:11px; color:#777777; margin-top:4px; font-family:돋움; vertical-align:top}