/* 고객지원 Area ----------------------------------------------------------------------- */ /* 고객지원 */ #Left-Menu { background-image: url(/bizsys/img/menu/SupportBg.gif); } #Left-Menu .bgRight { background-image: url(/bizsys/img/menu/SupportBgRight.gif); } #Left-Menu h2 { background-image: url(/bizsys/img/menu/SupportTop.gif); } #Left-Menu .h2Right { background-image: url(/bizsys/img/menu/SupportTRight.gif) } #Left-Menu .page { background-image : url(/bizsys/img/menu/SupportBottom.gif); } #Left-Menu .pageRight { background-image: url(/bizsys/img/menu/SupportBRight.gif); } #Left-Menu .menu li{ background-image: url(/bizsys/img/menu/blMenu.gif); } /* 게시판 리스트 Layout -------------------------------------------------------------------------------------------------------------------------------------------------- */ #Table-Board table { width: 100%; } #Table-Board th, #Table-Board td { padding: 6px 0px 5px 0px; text-align: center; } #Table-Board thead h1 { background: url(/bizsys/img/board/table01BRight.gif) right top no-repeat; font-size: 12px; color: #FFF; padding-top: 4px; height: 20px; } #Table-Board thead td { background: url(/bizsys/img/board/table01Bg.gif) no-repeat; padding: 0px; } #Table-Board tbody td { border-bottom: 1px dashed #CCC; } #Table-Board .left { text-align: left; } #Table-Board .right { text-align: right; } #Table-Board i { color: #ff6600; font-weight: bold; font-style: normal; } #Table-Board u { color: #0099cc; font-weight: bold; text-decoration: none; } #Btn img { vertical-align: top; } #Btn a:link { padding-right: 4px; } #Btn .left { text-align: left; } #Btn .middle { text-align: center; } #Btn .right { text-align: right; } #Btn .list { border: 1px solid #e0e0e0; background-color: #f7f7f7; font-family: Tahoma; font-weight: bold; padding: 5px 0; text-align: center; } #Btn .list img { vertical-align: middle; } #Btn .num .active { background-color: #FFF; border: 1px solid #CCC; color: #ff6600; padding: 0 6px; } #Search { padding-top: 20px; text-align: center; } #Search input { border-top: 1px solid #c1c1c1; border-left: #c1c1c1; border-bottom: #e3e3e3; border-right: #e3e3e3; background-color: #ebebeb; } #Search img { vertical-align: top; } /* 게시판 내용보기 Layout -------------------------------------------------------------------------------------------------------------------------------------------------- */ #Table-BView table{ width: 100%; } #Table-BView thead th { font-weight: normal; } #Table-BView thead th.title { background: url(/bizsys/img/board/titleBg.gif) no-repeat; } #Table-BView thead th.title h1 { font-size: 12px; color: #FFF; background: url(/bizsys/img/board/titleBRight.gif) right top no-repeat; display: block; height: 22px; padding-top: 8px; padding-left: 3px; } #Table-BView thead th.subject { text-align: left; text-indent: 10px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } #Table-BView thead .bottomM h1{ margin-bottom: 1px; } #Table-BView thead td { border-bottom: 1px dotted #CCC; text-align: right; height: 36px; } #Table-BView thead td li { display: inline; } #Table-BView thead .name { padding-right: 10px; margin-right: 10px; border-right: 1px solid #CCC; } #Table-BView thead .data { padding-right: 10px; font-size: 11px; } #Table-BView thead .hit b{ font-weight: normal; padding-right: 3px;} #Table-BView tbody td{ padding: 15px 10px; } #Table-BView tfoot li { float: left; } /* 코멘트 Layout */ #Table-BView tfoot .comment ul { border-top: 1px solid #CCC; padding-top: 10px; } #Table-BView tfoot .comment .left { width: 19%; } #Table-BView tfoot .comment .right { width: 79%; border-left: 3px solid #e6e6e6; margin-bottom: 10px; padding-left: 10px; } #Table-BView tfoot .comment .left b { display: block; } #Table-BView tfoot .comment .left em { font-family: tahoma; font-size: 10px; color: #999; font-style: normal; } /* 코멘트 입력 textarea */ #Table-BView tfoot .textarea { width: 86%; } #Table-BView tfoot .textarea textarea { height: 106px; } #Table-BView tfoot .btn-Ok { width; 14%; } #Table-BView tfoot .btn-Ok a { background: url(/bizsys/img/board/commentOk.gif) no-repeat; width: 95px; height:106px; display: block; text-indent: -8000px; } #Table-BView tfoot .btn-Ok a:hover { background-position: left bottom; } #Table-BView tfoot td{ padding-bottom: 15px; border-bottom: 1px solid #CCC; } /* 게시판 글쓰기 Layout -------------------------------------------------------------------------------------------------------------------------------------------------- */ #Table-BWrite thead th{ border-top: 2px solid #999; } #Table-BWrite tbody th, #Table-BWrite tbody td{ padding: 7px 12Px; border-bottom: 1px dotted #CCC; } #Table-BWrite tbody small { font-size: 11px; color: #999; } #Table-BWrite tbody th { background-color: #f5f5f5; text-align: left; } /* 1:1 상담하기 */ .question textarea.textBody { height: 150px; } .question .boardrRe { background: url(/bizsys/img/board/iconRe.gif) 0 5px no-repeat; text-indent: 33px; } /* 웹호스팅 매뉴얼 Layout -------- */ /* 타이틀 */ .manual h2 { background: url(/bizsys/img/support/manualTitle.gif) no-repeat; height: 42px; text-indent: -8000px; } /* 매뉴얼의 아이콘 */ .manual li { float: left; } .manual ul { background: url(/bizsys/img/support/manualBg.gif) repeat-x; height: 116px; } .manual li a { height: 116px; display: block; text-indent: -8000px; } .manual .manual01 a{ background: url(/bizsys/img/support/manualFTP.gif); width: 183px; } /* FTP 접속하기 */ .manual .manual02 a{ background: url(/bizsys/img/support/manualOutlook.gif); width: 182px; } /* 아웃룩 세팅하기 */ .manual .manual03 a{ background: url(/bizsys/img/support/manualSSH.gif); width: 182px; } /* SSH 사용하기 */ /* 매뉴얼 2개가 없을경우 */ .manual .manual07 { background: url(/bizsys/img/support/manualBg.gif); width: 182px; height: 116px; display: block; } .manual .manual08 { background: url(/bizsys/img/support/manualBRight.gif); width: 183px; height: 116px; display: block; } .manual .manual07 a, .manual .manual08 a{ display: none; } /* 메뉴얼 타이틀 */ .Support .manualDetail h3, .Support .manualMenu h3 { color: #FFF; font-size: 14px; line-height: 32px; height: 30px; margin-bottom: 13px; margin-top: 20px; } .Support .manualDetail h3 { background: url(/bizsys/img/support/manualDetailBg.gif) top right no-repeat; } .Support .manualDetail h3 b{ background: url(/bizsys/img/support/manualDetailBLeft.gif) no-repeat; display: block; text-indent: 10px; } .Support .manualMenu h3 { background: url(/bizsys/img/support/manualMenuBg.gif) top right no-repeat; } .Support .manualMenu h3 b{ background: url(/bizsys/img/support/manualMenuBLeft.gif) no-repeat; display: block; text-align: center; } /* 메뉴얼 상세내용 */ .Support .manualDetail { float: left; width: 580px; } .Support .manualDetail div { border: 1px solid #e7e7e7; background-color: #f7f7f7; padding: 20px; } /* 메뉴얼 Right 메뉴 */ .Support .manualMenu { float: right; width: 140px; } .Support .manualMenu li a { width: 140px; height: 95px; display: block; text-indent: -8000px; border-bottom: 1px dashed #CCC; } .Support .manualMenu .manual01 a{ background: url(/bizsys/img/support/manualMenuFTP.gif) top center; } /* FTP 접속하기 */ .Support .manualMenu .manual02 a{ background: url(/bizsys/img/support/manualMenuOutlook.gif) top center; } /* 아웃룩 세팅하기 */ .Support .manualMenu .manual03 a{ background: url(/bizsys/img/support/manualMenuSSH.gif) top center; } /* SSH 사용하기 */