@charset "euc-kr"; /* ------------------------------------------------------------ * Name : table.css * Desc : WYZ070 / table Style Sheet * Created : 2008-10-19 PentaBreed suga * Updated : ------------------------------------------------------------ */ table{border-collapse:collapse;width:100%;} .tblSpace{margin-top:10px;} .tblFixed{table-layout:fixed;} /* 가로형 컨텐츠 */ .tblType1{border-bottom:2px solid #f2f2f2;width:100%;} /**/.tblType1 table caption{text-align:left;padding-bottom:5px;} .tblType1 table tr th, .tblType1 table tr td{border:1px solid #e1e1e1;text-align:left;} .tblType1 table tr th{height:31px; padding-left:15px; background-color:#f5f3ef;} .tblType1 table tr th.thC{text-align:center;padding:0;} .tblType1 table tr td{padding:5px 3px 5px 11px} .tblType1 table tr td.text{color:#e2e2e2;} .tblType1 table tr td.cnt{text-align:center; padding:3px 0;} .tblType1 table tr td.cnt strong{font-weight:normal; color:#F77D14} .tblType1 table thead tr th{text-align:center;padding:0;background:#f5f3ef url(/wyzhome/images/common/table/tblType1_th_bg1.gif) repeat-x;} .tblType1 table tbody.ac tr td{text-align:center;padding-left:0;} .tblType1 table tbody.ac tr td.right{text-align:right;padding-right:25px;} .tblType1 table tbody.ac tr td.tit{font-weight:bold;} .tblType1 table tr td img{vertical-align:middle} .tblType1 table tr td p.btn{float:right; vertical-align:middle; margin:-18px 5px 0 0; padding:0 0 2px 0;} .tblType1 table tr.total th, .tblType1 table tr.total td{border-top:none; border-bottom:none; height:20px;color:#444} .tblType1 table tr.top th, .tblType1 table tr.top td{border-top:1px solid #e1e1e1; border-bottom:none;} /* 라운드형 컨텐츠 */ .tblType2 table{border:1px solid #e1e1e1;} .tblType2 table tr th{padding-left:15px; background-color:#f5f3ef;text-align:left;height:31px;} .tblType2 table tr td{padding-left:11px;} /* 세로형 컨텐츠 */ .tblType3{width:100%;border-bottom:2px solid #f2f2f2;background:url(/wyzhome/images/common/table/tbl_type3_bg.jpg) no-repeat;} .tblType3 table caption{text-align:left;padding-bottom:5px;} .tblType3 table tr th{padding-left:15px;} .tblType3 table tr td{height:27px; padding:0 3px 0 11px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:url(/wyzhome/images/common/line1.gif) repeat-x left top;text-align:left;} .tblType3 table tr td.multiline{padding:6px 3px 6px 11px;} .tblType3 table thead tr th{height:29px; text-align:center;padding:0;background:url(/wyzhome/images/common/table/tbl_type3_section.gif) no-repeat left 50%;} .tblType3 table thead tr th.sbj{height:26px; text-align:left; padding:3px 0 0 10px;} .tblType3 table thead tr th:first-child, .tblType3 table thead tr th.first-child{background-image:none;} .tblType3 table tbody.ac tr td{text-align:center;padding-left:0;} .tblType3 table tbody.ac tr td.tit{text-align:center;padding:7px 0 3px 0;} .tblType3 table tbody.ac tr td.left{text-align:left;padding-left:30px;} .tblType3 table tbody.ac tr td.left2{text-align:left;padding:5px 8px 0 13px; line-height:18px;} .tblType3 table tbody.ac tr td.reviewCnt{text-align:left;padding:20px 0 20px 20px;} .tblType3 table tbody.ac tr td.reviewCnt img{display:block;} .tblType3 table tbody.ac tr td.right{text-align:right;padding-right:25px;} .tblType3 table tbody.ac tr td.pay{text-align:right;padding-right:25px;} .tblType3 table tbody.ac tr.hid{display:none} .tblType3 table tbody.ac tr td.faqViwe{height:auto;text-align:left;padding:20px 20px 45px;margin:0;background-color:#fff} .tblType3 table tbody tr td.adNewsCnt{text-align:center;padding:0;} /* 뉴스와광고 광고상세페이지 */ .tblType3 table tbody tr td.blog{border-right:none; padding:5px 0 5px 11px; vertical-align:middle;} /* 이달의 한줄블로그 */ .tblType3 table tbody tr td.blog span.date{font-size:11px; color:#999; padding:0 0 0 5px;} /* 이달의 한줄블로그 */ .tblType3 table tbody tr td.blog span.date img{vertical-align:middle; margin:0 0 2px 3px} .tblType3 table tbody tr td.bloger{border-left:none; padding:5px 0; vertical-align:middle; text-align:center; } /* 이달의 한줄블로그 */ .tblType3 table tbody tr td.bloger p{text-align:center; padding:5px 0 0 0;} /* 이달의 한줄블로그 */ /* 세로형 컨텐츠 + 글내용중 title이 2줄일경우 div추가 (ex.공지사항글내용) */ .titleDouble{background:url(/wyzhome/images/common/table/titleDouble_bg.jpg) no-repeat;} .titleDouble table thead tr th, .titleDouble table thead tr td{border:none; height:29px; padding:0 3px 0 11px; vertical-align:middle;} .titleDouble table thead tr td{background:url(/wyzhome/images/common/table/tbl_type3_section.gif) no-repeat left 45%;} .titleDouble table thead tr th img, .titleDouble table thead tr td img{vertical-align:middle;} .titleDouble table tbody.ac tr td{border-top:none; border-right:1px solid #e1e1e1;} .titleDouble table tbody.ac tr td.boardCnt{text-align:left; padding:20px;} /* 가로형 컨텐츠 (ex.공지사항글 하단 이전글다음글박스)*/ .tblType4{margin:10px 0 0 0;} .tblType4 table{background:#FBFAF8; border:1px solid #E2E2E2; border-bottom:none;} .tblType4 table tr th{padding:4px 0 4px 15px; text-align:left; background:url(/wyzhome/images/common/table/tbl_type3_section.gif) no-repeat right 45%;} .tblType4 table tr td{padding:4px 0 4px 11px;} .tblType4 table tr th, .tblType4 table tr td{border-bottom:1px solid #E2E2E2;} /* Round border - #e2e2e2, background - #FFF, shadow - none */ .rboxType1{width:100%;} .rboxType1 .bodyTH { background: url(/wyzhome/images/common/table/rbox_type1_TH.gif) left top repeat-x;} .rboxType1 .bodyTL { background: url(/wyzhome/images/common/table/rbox_type1_TL.gif) left top no-repeat;} .rboxType1 .bodyTR { background: url(/wyzhome/images/common/table/rbox_type1_TR.gif) right top no-repeat;} .rboxType1 .bodyLV { background: url(/wyzhome/images/common/table/rbox_type1_LV.gif) left top repeat-y;} .rboxType1 .bodyRV { background: url(/wyzhome/images/common/table/rbox_type1_RV.gif) right top repeat-y;} .rboxType1 .bodyBH { background: url(/wyzhome/images/common/table/rbox_type1_BH.gif) left bottom repeat-x;} .rboxType1 .bodyBL { background: url(/wyzhome/images/common/table/rbox_type1_BL.gif) left bottom no-repeat;} .rboxType1 .bodyBR { background: url(/wyzhome/images/common/table/rbox_type1_BR.gif) right bottom no-repeat; padding: 3px;} *html .rboxType1 .bodyBR { height: 1%;} /* Round border - #e2e2e2, background - #FFF, shadow - #f2f2f2 */ .rboxType2{width:100%;} .rboxType2 .bodyTH { background: url(/wyzhome/images/common/table/rbox_type2_TH.gif) left top repeat-x;} .rboxType2 .bodyTL { background: url(/wyzhome/images/common/table/rbox_type2_TL.gif) left top no-repeat;} .rboxType2 .bodyTR { background: url(/wyzhome/images/common/table/rbox_type2_TR.gif) right top no-repeat;} .rboxType2 .bodyLV { background: url(/wyzhome/images/common/table/rbox_type2_LV.gif) left top repeat-y;} .rboxType2 .bodyRV { background: url(/wyzhome/images/common/table/rbox_type2_RV.gif) right top repeat-y;} .rboxType2 .bodyBH { background: url(/wyzhome/images/common/table/rbox_type2_BH.gif) left bottom repeat-x;} .rboxType2 .bodyBL { background: url(/wyzhome/images/common/table/rbox_type2_BL.gif) left bottom no-repeat;} .rboxType2 .bodyBR { background: url(/wyzhome/images/common/table/rbox_type2_BR.gif) right bottom no-repeat; padding: 5px;} *html .rboxType2 .bodyBR { height: 1%;} /* Round border1 - #e2e2e2, Round border2 - #FFF, background - #f5f5f5, shadow - #f0f0f0 */ .rboxType3{width:100%;} .rboxType3 .bodyTH { background: url(/wyzhome/images/common/table/rbox_type3_TH.gif) left top repeat-x;} .rboxType3 .bodyTL { background: url(/wyzhome/images/common/table/rbox_type3_TL.gif) left top no-repeat;} .rboxType3 .bodyTR { background: url(/wyzhome/images/common/table/rbox_type3_TR.gif) right top no-repeat;} .rboxType3 .bodyLV { background: url(/wyzhome/images/common/table/rbox_type3_LV.gif) left top repeat-y;} .rboxType3 .bodyRV { background: url(/wyzhome/images/common/table/rbox_type3_RV.gif) right top repeat-y;} .rboxType3 .bodyBH { background: url(/wyzhome/images/common/table/rbox_type3_BH.gif) left bottom repeat-x;} .rboxType3 .bodyBL { background: url(/wyzhome/images/common/table/rbox_type3_BL.gif) left bottom no-repeat;} .rboxType3 .bodyBR { background: url(/wyzhome/images/common/table/rbox_type3_BR.gif) right bottom no-repeat; padding: 5px;} *html .rboxType3 .bodyBR { height: 1%;} /* Round border1 - #e2e2e2, Round border2 - #FFF, background - #f9f9f9, shadow - #f2f2f2 */ .rboxType4{width:100%;} .rboxType4 .bodyTH { background: url(/wyzhome/images/common/table/rbox_type4_TH.gif) left top repeat-x;} .rboxType4 .bodyTL { background: url(/wyzhome/images/common/table/rbox_type4_TL.gif) left top no-repeat;} .rboxType4 .bodyTR { background: url(/wyzhome/images/common/table/rbox_type4_TR.gif) right top no-repeat;} .rboxType4 .bodyLV { background: url(/wyzhome/images/common/table/rbox_type4_LV.gif) left top repeat-y;} .rboxType4 .bodyRV { background: url(/wyzhome/images/common/table/rbox_type4_RV.gif) right top repeat-y;} .rboxType4 .bodyBH { background: url(/wyzhome/images/common/table/rbox_type4_BH.gif) left bottom repeat-x;} .rboxType4 .bodyBL { background: url(/wyzhome/images/common/table/rbox_type4_BL.gif) left bottom no-repeat;} .rboxType4 .bodyBR { background: url(/wyzhome/images/common/table/rbox_type4_BR.gif) right bottom no-repeat; padding: 5px;} *html .rboxType4 .bodyBR { height: 1%;} /* Round border1 - #e2e2e2, Round border2 - #FFF, background - #f9f9f9, shadow - none */ .rboxType5{width:100%;} .rboxType5 .bodyTH { background: url(/wyzhome/images/common/table/rbox_type5_TH.gif) left top repeat-x;} .rboxType5 .bodyTL { background: url(/wyzhome/images/common/table/rbox_type5_TL.gif) left top no-repeat;} .rboxType5 .bodyTR { background: url(/wyzhome/images/common/table/rbox_type5_TR.gif) right top no-repeat;} .rboxType5 .bodyLV { background: url(/wyzhome/images/common/table/rbox_type5_LV.gif) left top repeat-y;} .rboxType5 .bodyRV { background: url(/wyzhome/images/common/table/rbox_type5_RV.gif) right top repeat-y;} .rboxType5 .bodyBH { background: url(/wyzhome/images/common/table/rbox_type5_BH.gif) left bottom repeat-x;} .rboxType5 .bodyBL { background: url(/wyzhome/images/common/table/rbox_type5_BL.gif) left bottom no-repeat;} .rboxType5 .bodyBR { background: url(/wyzhome/images/common/table/rbox_type5_BR.gif) right bottom no-repeat; padding: 3px;} *html .rboxType5 .bodyBR { height: 1%;} /* Round border - #e2e2e2, background - #fdfdfd, shadow - none */ .rboxType6{width:100%;} .rboxType6 .bodyTH { background: url(/wyzhome/images/common/table/rbox_type6_TH.gif) left top repeat-x;} .rboxType6 .bodyTL { background: url(/wyzhome/images/common/table/rbox_type6_TL.gif) left top no-repeat;} .rboxType6 .bodyTR { background: url(/wyzhome/images/common/table/rbox_type6_TR.gif) right top no-repeat;} .rboxType6 .bodyLV { background: url(/wyzhome/images/common/table/rbox_type6_LV.gif) left top repeat-y;} .rboxType6 .bodyRV { background: url(/wyzhome/images/common/table/rbox_type6_RV.gif) right top repeat-y;} .rboxType6 .bodyBH { background: url(/wyzhome/images/common/table/rbox_type6_BH.gif) left bottom repeat-x;} .rboxType6 .bodyBL { background: url(/wyzhome/images/common/table/rbox_type6_BL.gif) left bottom no-repeat;} .rboxType6 .bodyBR { background: url(/wyzhome/images/common/table/rbox_type6_BR.gif) right bottom no-repeat; padding: 3px;} *html .rboxType6 .bodyBR { height: 1%;} /* Round border - #e2e2e2, background - #f8f8f8, shadow - none */ .rboxType7{width:100%;} .rboxType7 .bodyTH { background: url(/wyzhome/images/common/table/rbox_type7_TH.gif) left top repeat-x;} .rboxType7 .bodyTL { background: url(/wyzhome/images/common/table/rbox_type7_TL.gif) left top no-repeat;} .rboxType7 .bodyTR { background: url(/wyzhome/images/common/table/rbox_type6_TR.gif) right top no-repeat;} .rboxType7 .bodyLV { background: url(/wyzhome/images/common/table/rbox_type7_LV.gif) left top repeat-y;} .rboxType7 .bodyRV { background: url(/wyzhome/images/common/table/rbox_type7_RV.gif) right top repeat-y;} .rboxType7 .bodyBH { background: url(/wyzhome/images/common/table/rbox_type7_BH.gif) left bottom repeat-x;} .rboxType7 .bodyBL { background: url(/wyzhome/images/common/table/rbox_type7_BL.gif) left bottom no-repeat;} .rboxType7 .bodyBR { background: url(/wyzhome/images/common/table/rbox_type7_BR.gif) right bottom no-repeat; padding: 3px;} *html .rboxType7 .bodyBR { height: 1%;}