@charset "utf-8"; @import url(base.css); /* 기본 셋팅 */ h1,h2,h3,h4,h5,legend,em,hr {display:none; font-size:12px;font-family:굴림,Gulim,AppleGothic,sans-serif;} #AccessibilityLink {display:none;} /* 기본 태그 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote { margin:0; padding:0; } body { background:url(../img/my_gorela/common/main_bg.gif) repeat-x; font-family: dotum; font-size: 12px; } img { border: 0px; vertical-align: middle; } td { font-family: dotum; font-size: 12px; } #body { width: 100%; text-align: center; } #case { position:relative; width: 813px; margin:0 auto; } /* 상단영역 */ #head { background:url(../img/my_gorela/menu/top_bg.gif) no-repeat bottom; width: 813px; height: 173px; } #head .top_left { margin-top: 4px; width: 406px; height: 35px; float:left; text-align: left; } #head .top_right { margin-top: 10px; width: 407px; height: 29px; float:right; text-align: right; } #head .top_right a:link, a:active { text-decoration:none; color:#312682; } #head .top_right a:visited { text-decoration:none; color:#312682; } #head .top_right a:hover { text-decoration:none; color:#312682; } #head .bott_left { margin-top: 20px; width: 238px; height: 45px; float:left; } #head .bott_right { margin-top: 10px; width: 575px; height: 55px; float:right; text-align: right; } #head .bott_right .searchClick { width:100px; height:20px; font-family: dotum; border:0 none; cursor: pointer; color:#29419c; font-size: 12px; padding-left:5px; padding-top:5px; font-weight: bold;background-color:#f5f5f9; } #head .bott_right .searchSelect { background-color: #FFFFFF; table-layout:fixed; cursor: pointer; font-size: 12px; color:#29419c; font-weight: bold; } #head .bott_right .searchBox { margin-top:16px; } #head .bott_right .searchBox .searchText { width: 220px; height: 25px; margin: 0px; padding-top:5px; background-color: #f8f8fa; border: 2px solid #3754b0; border-left-style: none; font-size: 12px; color:#29419c; } #head .bott { width: 813px; height: 30px; float:left; } .ctg2 {scrollbar-face-color: #E0E0E0; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #C8C8C8; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #000000 ; background:#FFFFFF; margin-left:-2px; margin-top:1px; BORDER: #A6BCCE 1px solid; PADDING: -2px; Z-INDEX: 1; VISIBILITY: hidden; OVERFLOW: auto; WIDTH: 122px; height:38px;COLOR: black; POSITION: absolute; } /* 상단 메인 메뉴 */ #topMenu { margin-left: 5px; width:808px; height:36px; } #topMenu li { display: inline; list-style-type: none; float:left; } /* 예전 메뉴 4개 상단 메뉴 #topMenu .menu1 { width:138px; height:36px; background:url(../img/my_gorela/menu/top_menu1_off.gif) no-repeat; } #topMenu .menu1Over { width:138px; height:36px; background:url(../img/my_gorela/menu/top_menu1_on.gif) no-repeat; } #topMenu .menu1 a:hover { width:138px; height:36px; background:url(../img/my_gorela/menu/top_menu1_on.gif) no-repeat; } #topMenu .menu1 a { display:block; width:138px; height:36px; } #topMenu .menu1Over a:hover { width:138px; height:36px; background:url(../img/my_gorela/menu/top_menu1_on.gif) no-repeat; } #topMenu .menu1Over a { display:block; width:138px; height:36px; } #topMenu .menu2 { width:140px; height:36px; background:url(../img/my_gorela/menu/top_menu2_off.gif) no-repeat; } #topMenu .menu2Over { width:140px; height:36px; background:url(../img/my_gorela/menu/top_menu2_on.gif) no-repeat; } #topMenu .menu2 a:hover { width:140px; height:36px; background:url(../img/my_gorela/menu/top_menu2_on.gif) no-repeat; } #topMenu .menu2 a { display:block; width:140px; height:36px; } #topMenu .menu2Over a:hover { width:140px; height:36px; background:url(../img/my_gorela/menu/top_menu2_on.gif) no-repeat; } #topMenu .menu2Over a { display:block; width:140px; height:36px; } #topMenu .menu3 { width:139px; height:36px; background:url(../img/my_gorela/menu/top_menu3_off.gif) no-repeat; } #topMenu .menu3Over { width:139px; height:36px; background:url(../img/my_gorela/menu/top_menu3_on.gif) no-repeat; } #topMenu .menu3 a:hover { width:139px; height:36px; background:url(../img/my_gorela/menu/top_menu3_on.gif) no-repeat; } #topMenu .menu3 a { display:block; width:139px; height:36px; } #topMenu .menu3Over a:hover { width:139px; height:36px; background:url(../img/my_gorela/menu/top_menu3_on.gif) no-repeat; } #topMenu .menu3Over a { display:block; width:139px; height:36px; } #topMenu .menu4 { width:141px; height:36px; background:url(../img/my_gorela/menu/top_menu4_off.gif) no-repeat; } #topMenu .menu4Over { width:141px; height:36px; background:url(../img/my_gorela/menu/top_menu4_on.gif) no-repeat; } #topMenu .menu4 a:hover { width:141px; height:36px; background:url(../img/my_gorela/menu/top_menu4_on.gif) no-repeat; } #topMenu .menu4 a { display:block; width:141px; height:36px; } #topMenu .menu4Over a:hover { width:141px; height:36px; background:url(../img/my_gorela/menu/top_menu4_on.gif) no-repeat; } #topMenu .menu4Over a { display:block; width:141px; height:36px; } #topMenu .menu5 { width:136px; height:36px; background:url(../img/my_gorela/menu/top_menu5_off.gif) no-repeat; } #topMenu .menu5 a:hover { width:136px; height:36px; background:url(../img/my_gorela/menu/top_menu5_on.gif) no-repeat; } #topMenu .menu5 a { display:block; width:136px; height:36px; } 예전 메뉴 4개 상단메뉴 끝*/ /*새로운 메뉴5개 상단메뉴*/ #topMenu .menu0 { width:136px; height:36px; background:url(../img/my_gorela/menu/top_menu0_off.gif) no-repeat; } #topMenu .menu0Over { width:136px; height:36px; background:url(../img/my_gorela/menu/top_menu0_on.gif) no-repeat; } #topMenu .menu0 a:hover { width:136px; height:36px; background:url(../img/my_gorela/menu/top_menu0_on.gif) no-repeat; } #topMenu .menu0 a { display:block; width:136px; height:36px; } #topMenu .menu0Over a:hover { width:136px; height:36px; background:url(../img/my_gorela/menu/top_menu0_on.gif) no-repeat; } #topMenu .menu0Over a { display:block; width:136px; height:36px; } #topMenu .menu1 { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu1_off.gif) no-repeat; } #topMenu .menu1Over { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu1_on.gif) no-repeat; } #topMenu .menu1 a:hover { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu1_on.gif) no-repeat; } #topMenu .menu1 a { display:block; width:134px; height:36px; } #topMenu .menu1Over a:hover { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu1_on.gif) no-repeat; } #topMenu .menu1Over a { display:block; width:134px; height:36px; } #topMenu .menu2 { width:132px; height:36px; background:url(../img/my_gorela/menu/top_menu2_off.gif) no-repeat; } #topMenu .menu2Over { width:132px; height:36px; background:url(../img/my_gorela/menu/top_menu2_on.gif) no-repeat; } #topMenu .menu2 a:hover { width:132px; height:36px; background:url(../img/my_gorela/menu/top_menu2_on.gif) no-repeat; } #topMenu .menu2 a { display:block; width:132px; height:36px; } #topMenu .menu2Over a:hover { width:132px; height:36px; background:url(../img/my_gorela/menu/top_menu2_on.gif) no-repeat; } #topMenu .menu2Over a { display:block; width:132px; height:36px; } #topMenu .menu3 { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu3_off.gif) no-repeat; } #topMenu .menu3Over { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu3_on.gif) no-repeat; } #topMenu .menu3 a:hover { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu3_on.gif) no-repeat; } #topMenu .menu3 a { display:block; width:134px; height:36px; } #topMenu .menu3Over a:hover { width:134px; height:36px; background:url(../img/my_gorela/menu/top_menu3_on.gif) no-repeat; } #topMenu .menu3Over a { display:block; width:134px; height:36px; } #topMenu .menu4 { width:133px; height:36px; background:url(../img/my_gorela/menu/top_menu4_off.gif) no-repeat; } #topMenu .menu4Over { width:133px; height:36px; background:url(../img/my_gorela/menu/top_menu4_on.gif) no-repeat; } #topMenu .menu4 a:hover { width:133px; height:36px; background:url(../img/my_gorela/menu/top_menu4_on.gif) no-repeat; } #topMenu .menu4 a { display:block; width:133px; height:36px; } #topMenu .menu4Over a:hover { width:133px; height:36px; background:url(../img/my_gorela/menu/top_menu4_on.gif) no-repeat; } #topMenu .menu4Over a { display:block; width:133px; height:36px; } #topMenu .menu5 { width:131px; height:36px; background:url(../img/my_gorela/menu/top_menu5_off.gif) no-repeat; } #topMenu .menu5 a:hover { width:131px; height:36px; background:url(../img/my_gorela/menu/top_menu5_on.gif) no-repeat; } #topMenu .menu5 a { display:block; width:131px; height:36px; } /* 왼쪽컨텐츠영역 */ #leftContent { width: 188px; margin-top: 16px; float:left; } #leftContent .leftMenu { width: 188px; background:url(../img/my_gorela/menu/left_menu_bg.gif) top no-repeat; } #leftContent .leftMenu li { margin-left: -10px; list-style-type: none; } #leftContent .leftMenu .depth1 { margin-left: 0px; margin-top: 8px; margin-bottom: 2px; list-style-type: none; } /* 오른쪽컨텐츠영역 */ #rightContent { width: 625px; margin-top: 16px; float:right; } #rightContent .content { width: 606px; margin-top: 42px; float:right; } /********************메인 메인 *******************/ #contentMenu { margin-top: 16px; height: 42px; padding-left: 15px; background:url(../img/my_gorela/common/line_bg.gif) bottom repeat-x; text-align: left; } #contentInput { margin-left: 20px; margin-right: 20px; background-color: #f9f9f9; } #contentConfirm { margin-left: 20px; margin-right: 20px; } /*대량등록테이블 */ #contentInput{width:773px;margin-top:10px;} #contentInput_L{width:773px;border-style:solid;border-width:1px 0px 0px 1px;border-color:#ececec;background:#ffffff;margin-top:10px;margin-left: 20px; margin-right: 20px;} #contentInput_L #Ltable thead td{width:773px;border-style:solid;border-width:1px;border-color:#ececec;} #contentInput_L #Ltable tbody .RBLine{border-style:solid;border-width:0px 1px 1px 0px;border-color:#f0f0f0;text-align:center;height:35px;} #contentInput_L #Ltable tbody .BLine{border-style:solid;border-width:0px 1px 1px 0px;border-color:#f0f0f0;text-align:center} #contentMiddle { margin-top: 20px; margin-left: 9px; margin-right: 9px; } #contentMiddle .contentBorder { float:left; width: 554px; height: 216px; background-color: #c5d1eb; } #contentMiddle .contentBorder .contentList { margin: 1px; width: 552px; height: 214px; background-color: #ecf0f9; } #contentMiddle .contentBorder .contentList .bgWhite{ background-color: #FFFFFF;width:537px; height:177px;margin-left:10px;} .bgWhite table thead td{height:34px;background:url(../img/my_gorela/common/list_line.gif) bottom repeat-x ;color:#324fb0;padding-left:5px;vertical-align:middle} .bgWhite table tbody td{height:27px;border-width:0 0 1px 0 ;border-color:#33508c;border-style:dotted;} .bgWhite table tbody .date{ font-size:11px;text-align:center;} .bgWhite table tbody .itemName{padding-left:5px;text-align:left;} .bgWhite table tbody .num{font-size:11px;text-align:center;} .bgWhite table tbody .pr_st{text-align:center;} #contentThird { margin-left: 9px; margin-right: 9px; } #contentThird .contentList { width: 795px; height: 216px;float:left; margin-top:10px;} #contentThird .contentList .noticeBox { width: 254px; height: 173px;background:#fafafa;float:left;} #contentThird .contentList .noticeBox .listBox{margin-left: 10px; margin-right: 10px; margin-top:5px;width: 232px; height: 115px;background:#FFFFFF; border-width: 1px 1px 0px 1px;border-color:#e8e7e7 ;border-style:solid;} #newList {margin :0 5px 0 3px ; list-style-type: none; line-height:18px; padding-top: 7px; } #newList li { background:url(../img/my_gorela/common/icon_gray_dot.gif) no-repeat 5px 35%; padding: 0px 0px 3px 10px;text-align:left; } #contentMiddle .contentService { float:right; width: 233px; height: 441px; background:url(../img/my_gorela/common/service_bg.gif) no-repeat; } /*******************메인 메인 ************************/ /* 하단영역 */ #foot { float: left; margin-top: 20px; width: 100%; background:url(../img/my_gorela/common/bottom_bg.jpg) repeat-x top; text-align: center; } #copyright { width: 813px; height: 110px; position:relative; margin:0 auto; } /* 경매관리 리스트*/ #board_tit {width:606px; background:url(../img/my_gorela/contents/b_bar.gif) top no-repeat;} #board_tit thead td{padding:0px 0 0 0 ;color:#5f76c7;font-weight:bold; text-align:center;height:39px;} #board_tit tbody td{border-color:#e9e9e9;border-style:solid;border-width:0 0 1px 0;height:50px;padding:5px 0px 5px 0px;} /* 경매관리 뷰 */ #view{width:606px;} #view tbody td{padding:0px 0 0 10px ;height:30px;border-color:#dbe4f4;border-style:solid;border-width:0 0 1px 0;} #view tbody .titLine{background:url(../img/my_gorela/contents/view_tBar.gif) top no-repeat;height:2px;} #view tbody .titLeft{background-color:#f9f9f9;width:110px;} #view tbody .tittop{background-color:#eaecf9;} /* 리스트이 높이 달라서 따로 줄수 뿐이 없나?*/ /* 부가서비스 리스트*/ #board_tit2 {width:606px; background:url(../img/my_gorela/contents/b_bar2.gif) top no-repeat;} #board_tit2 thead td{padding:0px 0 0 0 ;color:#5f76c7;font-weight:bold; text-align:center;height:30px;} #board_tit2 tbody td{border-color:#e9e9e9;border-style:solid;border-width:0 0 1px 0;height:30px;padding:5px 0px 5px 0px;} #board_tit2 tbody td .te_L{text-align:left;} /*이용안내 테이블 연보라빛 테이블 */ #userInfo {width:606px;border-color:#fbfbfb;border-style:solid;border-width:5px;background-color:#f4f4f4} #userInfoTable{width:574px;border-style:solid;border-width:2px 1px 1px 1px;border-color:#ced7f8;} #userInfoTable thead td{background-color:#eaedfe;text-align:center;font-weight:bold;color:#5b6392;height:35px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#ced7f8;} #userInfoTable tbody td{background-color:#ffffff;text-align:center;height:30px;padding:5px 0px 5px 0px; border-style:solid;border-width:0px 1px 1px 0px;border-color:#ced7f8;} #userInfoTable tbody .leftTit{background-color:#ffffff;text-align:center;height:30px;font-weight:bold;color:#5b6392;padding:5px 0px 5px 0px;} /*신청 테이블 블루 컬러의 테이블 아 박스 그리기 왜이케 복잡한거야. 김과장님한테물어보기 */ #applyTable{border-style:solid;border-width:1px 1px 1px 1px;border-color:#cedff5;} #applyTable thead td{background-color:#e9f3ff;text-align:center;font-weight:bold;height:30px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#cedff5;} #applyTable thead .xleft{border-style:solid;border-width:0px 0px 1px 0px;border-color:#cedff5;} #applyTable tbody td{background-color:#ffffff;text-align:center;height:30px;padding:5px 0px 5px 0px; border-style:solid;border-width:0px 0px 0px 0px;border-color:#cedff5;} #applyTable tbody .leftLine{border-style:solid;border-width:0px 0px 1px 1px;border-color:#cedff5;} #applyTable tbody .btLine{border-style:solid;border-width:0px 0px 1px 0px;border-color:#cedff5;} #applyTable tbody .topTit{background-color:#f7f7f7;text-align:center;font-weight:bold;padding:5px 0px 0px 0px;} #applyTable tbody .ceLine{border-style:solid;border-width:0px 1px 0px 1px;border-color:#cedff5;} /*왼쪽컨텐츠영역 결재관리 2번재 메뉴 */ #leftContent { width: 188px; margin-top: 16px; float:left; } #leftContent .leftMenu2 { width: 188px; background:url(../img/my_gorela/menu/left_menu_bg2.gif) top no-repeat; } #leftContent .leftMenu2 li { margin-left: -10px; list-style-type: none; } #leftContent .leftMenu2 .depth1 { margin-left: 0px; margin-top: 8px; margin-bottom: 2px; list-style-type: none; } #cashTitbg{ width: 606px; height: 27px; background:url(../img/my_gorela/contents/cash_topbg.gif) top no-repeat; } /* 캐시충전 방식 선택 테이블 언더라인만 있음 */ #cash {width:606px ;border-style:solid;border-width:0px 0px 1px 0px;border-color:#dddbdb; } #cash td {height:30px;} /*왼쪽컨텐츠영역 1:1 문의 3번재 메뉴 */ #leftContent { width: 188px; margin-top: 16px; float:left; } #leftContent .leftMenu3 { width: 188px; background:url(../img/my_gorela/menu/left_menu_bg3.gif) top no-repeat; } #leftContent .leftMenu3 li { margin-left: -10px; list-style-type: none; } #leftContent .leftMenu3 .depth1 { margin-left: 0px; margin-top: 8px; margin-bottom: 2px; list-style-type: none; } /* 1:1 상담문의 테이블 디자인 다름 */ #qaTable{width :606px} #qaTable table{border-style:solid;border-width:1px 0px 1px 0px;border-color:#dae2f2; FONT-FAMILY:돋움, Verdana, Seoul; color:#444444; font-size:12px; line-height:120%; vertical-align:center;} #qaTable table tbody th{color:#5f76c7;font-weight:bold; text-align:left;height:30px;width:110px; padding-left:10px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#dae2f2; background-image:url(../img/my_gorela/contents/qa_bimg.gif) ; background-repeat: no-repeat;background-position:right bottom; vertical-align:middle;} #qaTable table tbody td{height:30px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#dae2f2; background-image:url(../img/my_gorela/contents/qa_bimg.gif) ; background-repeat: no-repeat;background-position:right bottom; padding-left:10px;} #qaTable table tbody .xright{border-style:solid;border-width:0px 0px 1px 0px;border-color:#dae2f2;background-image:none;} .con_view{width:460px; height:200px; vertical-align:top;padding:10px } /* 회원정보 테이블 디자인 다름 */ #members{width :606px} #members table{border-style:solid;border-width:1px 0px 1px 0px;border-color:#dae2f2; FONT-FAMILY:돋움, Verdana, Seoul; color:#444444; font-size:12px; line-height:120%;} /* 왼쪽 타이틀 텍스트*/ #members tbody .titL{text-align:left;height:30px;width:120px;padding-left:10px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#cbd9f3; background-color:#f6f8fb; vertical-align:middle;} /* 오른쪽 내용 텍스트*/ #members table tbody td{text-align:left;height:30px;padding-left:10px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#e2e5ec; background-color:#fcfcfc; vertical-align:middle;} #members table tbody .2line{border-style:solid;border-width:1px 0px 1px 0px;border-color:#dae2f2;height:2px;} /*왼쪽컨텐츠영역 회원정보수정 4번재 메뉴 */ #leftContent { width: 188px; margin-top: 16px; float:left; } #leftContent .leftMenu4 { width: 188px; background:url(../img/my_gorela/menu/left_menu_bg4.gif) top no-repeat; } #leftContent .leftMenu4 li { margin-left: -10px; list-style-type: none; } #leftContent .leftMenu4 .depth1 { margin-left: 0px; margin-top: 8px; margin-bottom: 2px; list-style-type: none; } /* 회원탈퇴 팝업 */ #pops{width:360px;line-height:15px; border-color:#5f73ba;border-style:solid;border-width:2px ;} #pops #tit_text{padding:10px;} #pops #btn_al{text-align:center;padding:10px 0 10px 0 ;} /* 회원정보 테이블 디자인 다름 */ #pops #memberss{margin-left:10px;} #pops #memberss table{width :340px;border-style:solid;border-width:1px 0px 1px 0px;border-color:#dae2f2; FONT-FAMILY:돋움, Verdana, Seoul; color:#444444; font-size:12px; line-height:120%;} /* 왼쪽 타이틀 텍스트*/ #pops #memberss tbody .titL{text-align:left;height:30px;width:120px;padding-left:10px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#cbd9f3; background-color:#f6f8fb; vertical-align:middle;} /* 오른쪽 내용 텍스트*/ #pops #memberss table tbody td{text-align:left;height:30px;padding-left:10px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#e2e5ec; background-color:#fcfcfc; vertical-align:middle;} #pops #memberss table tbody .2line{border-style:solid;border-width:1px 0px 1px 0px;border-color:#dae2f2;height:2px;} /*레이어 팝업 */ A.layer:link {color:#304eae;text-decoration:none;} A:visited {color:#666666;text-decoration:none;} A:active {color:#666666;text-decoration:none;} A:hover {color:#324fb0;text-decoration:none;} #layer{width:500px;line-height:18px; border-color:#e0e0e0;border-style:solid;border-width:2px ;} #rate{width:309px;line-height:18px;border-color:#e0e0e0;border-style:solid;border-width:2px ;} #rate table { width:290px;margin:10px 10px 10px 9px;border-color:#ccccff;border-style:solid;border-width:1px ;} #rate table td{height:25px; text-align:center;border-color:#ccccff;border-style:solid;border-width:0px 0px 1px 0px;} #rate table .tdRB{height:25px; text-align:center;border-color:#ccccff;border-style:solid;border-width:0px 1px 1px 0px;}