/* Mobile */ /* WRAPPING */ #CertList .wCert710GR1 {} #CertList .wCert710GR1 .w710H { width: 710px; overflow: hidden; } #CertList .wCert710GR1 .w710H { background: url('//static.inven.co.kr/image_2011/common/community/cert/wrap_710_gray1_head.png') no-repeat left top; } #CertList .wCert710GR1 .w710M { width: 710px; background: url('//static.inven.co.kr/image_2011/common/community/cert/wrap_710_gray1_mid.png') repeat-y left top; } #CertList .wCert710GR1 .w710B { width: 710px; padding-bottom: 3px; background: url('//static.inven.co.kr/image_2011/common/community/cert/wrap_710_gray1_bot.png') no-repeat left bottom; } #CertList .wCert688GR1 {} #CertList .wCert688GR1 .w688H { width: 688px; height: 57px; overflow: hidden; } #CertList .wCert688GR1 .w688H.w688H-Search { background: url('//static.inven.co.kr/image_2011/common/community/cert/wrap_688_gray1_head_certificated.png') no-repeat left top; } #CertList .wCert688GR1 .w688M { width: 688px; background: url('//static.inven.co.kr/image_2011/common/community/cert/wrap_688_gray1_mid.png') repeat-y left top; } #CertList .wCert688GR1 .w688B { width: 688px; height: 4px; background: url('//static.inven.co.kr/image_2011/common/community/cert/wrap_688_gray1_bot.png') no-repeat left top; } /* BUTTON */ /* BUTTON 54x28 SILVER 1 */ #CertList .bttnCert54SL1 { float: left; display: inline; width: 54px; height: 28px; _height: 28px; padding-top: 0px; overflow: hidden;} #CertList .bttnCert54SL1 { background: none no-repeat left top; } #CertList .bttnCert54SL1 { /* Text Not Set */ } #CertList input.bttnCert54SL1 { height: 28px; padding-top: 0px; _padding-top: 3px; border: none; } #CertList .bttnCert54SL1.bttnCert54SL1-Search { text-indent: -1000em; background: url('//static.inven.co.kr/image_2011/common/community/cert/bttn_54x28_silver1_search.png') no-repeat left top; } /* BUTTON 42x21 SILVER 1 */ #CertList .certificatedMain .certificatedMainTop .filteTop table td form input.search[type=submit], #CertList .bttnCert42SL1 { float: left; display: inline; width: 42px !important; height: 21px; _height: 21px; padding-top: 0px; overflow: hidden;} #CertList .certificatedMain .certificatedMainTop .filteTop table td form input.search[type=submit], #CertList .bttnCert42SL1 { background: url('//static.inven.co.kr/image_2011/common/community/cert/bttn_42x21_silver1.png') no-repeat left top; } #CertList .bttnCert42SL1 { /* Text Not Set */ } #CertList .certificatedMain .certificatedMainTop .filteTop table td form input.search[type=submit], #CertList input.bttnCert42SL1 { height: 21px; padding-top: 0px; _padding-top: 3px; border: none; } /* TABLE */ /* TABLE TYPE 1 : TBODY- */ #CertList .tableTypeCert1 { overflow: hidden; } #CertList .tableTypeCert1 table { table-layout: fixed; border-collapse: collapse; margin-top: -1px; } #CertList .tableTypeCert1 table th, #CertList .tableTypeCert1 table td { line-height: 15px; padding: 7px 0 5px; text-align: center; border-top: solid 1px #c0bdb1; } #CertList .tableTypeCert1 table th span { background: url('//static.inven.co.kr/image_2011/common/community/cert/icon_arrow_silver1.png') no-repeat right 4px; } #CertList .tableTypeCert1 table th, #CertList .tableTypeCert1 table th a { color: #000000; font-weight: bold; letter-spacing: -1px; } #CertList .tableTypeCert1 table td { } #CertList .tableTypeCert1 table td, #CertList .tableTypeCert1 table td a { color: #001456; } #CertList .tableTypeCert1 table td .notready, #CertList .tableTypeCert1 table td .notready a, #CertList .tableTypeCert1 table td a.notready { color: #999; } #CertList .tableTypeCert1 table th.nopad, #CertList .tableTypeCert1 table td.nopad { padding-top: 0px; padding-bottom: 0px; } #CertList .tableTypeCert1 table th.image, #CertList .tableTypeCert1 table td.image { padding-top: 9px; padding-bottom: 6px; } #CertList .tableTypeCert1 table td.left { padding-left: 8px; padding-right: 8px; text-align: left; } #CertList .tableTypeCert1 table .tableTypeCert1S1 { overflow: hidden; margin-top: 0px; margin-bottom: 0px; } #CertList .tableTypeCert1 table .tableTypeCert1S1 table { margin-top: -1px; } #CertList .tableTypeCert1 table .tableTypeCert1S1 table th, #CertList .tableTypeCert1 table .tableTypeCert1S1 table td { padding: 7px 0 6px; border-top: none; background: url('//static.inven.co.kr/image/lineage/common/dot_4x1_9498a5.png') repeat-x 1px top; } #CertList .tableTypeCert1 table .tableTypeCert1S1 table th { background-color: #e5e5e5; } #CertList .tableTypeCert1 table .tableTypeCert1S1 table th, #CertList .tableTypeCert1 table .tableTypeCert1S1 table th a { color: #001456; } #CertList .tableTypeCert1 table .tableTypeCert1S1 table th.nopad, #CertList .tableTypeCert1 table .tableTypeCert1S1 table th.image, #CertList .tableTypeCert1 table .tableTypeCert1S1 table td.image { padding-top: 9px; padding-bottom: 7px; } #CertList .tableTypeCert1 table .tableTypeCert1S1 table td.nopad { padding-top: 0px; padding-bottom: 1px; } /* TABLE TYPE 2 : L-1 : THEAD- */ #CertList .tableTypeCert2 { overflow: hidden; padding-top: 0px; border-top: solid 1px #b9b9b9; } #CertList .tableTypeCert2 table { table-layout: fixed; border-collapse: collapse; margin-left: -1px; } #CertList .tableTypeCert2 table th, #CertList .tableTypeCert2 table td { line-height: 15px; text-align: center; padding-left: 1px; background: #ffffff; } #CertList .tableTypeCert2 table thead th { padding: 10px 0 8px 0; border-bottom: solid 1px #cbcbcb; background: #f6f6f6 url('//static.inven.co.kr/image_2011/common/community/cert/line_1x33_silver1.png') repeat-x left bottom; } #CertList .tableTypeCert2 table thead th span { float: left; display: inline; width: 100%; background: url('//static.inven.co.kr/image/lineage/common/sep_1x10_silver1.png') no-repeat left center; } #CertList .tableTypeCert2 table tbody td { padding: 7px 0 5px; line-height: 18px; border-bottom: 1px solid #e0e0e0; white-space: nowrap; } #CertList .tableTypeCert2 table tbody tr.row1 td { background-color: #f9f9f9; } #CertList .tableTypeCert2 table th, #CertList .tableTypeCert2 table th a { color: #000000; font-weight: bold; letter-spacing: -1px; } #CertList .tableTypeCert2 table td, #CertList .tableTypeCert2 table td a { color: #000000; } #CertList .tableTypeCert2 table th.nopad { } #CertList .tableTypeCert2 table tbody td.nopad { padding-top: 0px; padding-bottom: 1px; } #CertList .tableTypeCert2 table th.image { } #CertList .tableTypeCert2 table tbody td.image { padding-top: 12px; padding-bottom: 8px; } #CertList .tableTypeCert2 table tbody td.icon { padding-top: 4px; padding-bottom: 5px; } #CertList .tableTypeCert2 table thead th.left, #CertList .tableTypeCert2 table tbody td.left { padding-left: 8px; padding-right: 8px; text-align: left; } #CertList .tableTypeCert2 table thead th.none, #CertList .tableTypeCert2 table tbody td.none { padding-left: 0px; padding-right: 0px; text-align: left; } #CertList .tableTypeCert2 table tbody td.name, #CertList .tableTypeCert2 table tbody td.name a { font-weight: bold; letter-spacing: -1px; } #CertList .tableTypeCert2 table tbody tr.selected td { background-color: #f4f4f4; } #CertList .tableTypeCert2 table table td { background: none; } /* LIST */ /* listTypeCert1 */ #CertList .listTypeCert1 { clear: both; overflow: hidden; } #CertList .listTypeCert1 ul { clear: both; margin: 0 0 -1px -1px; } #CertList .listTypeCert1 ul li { background: url("//static.inven.co.kr/image_2011/common/community/cert/dot_4x1_caf775c.png") repeat-x left bottom; padding: 5px 0 4px; } #CertList .listTypeCert1 ul li span { background: url("//static.inven.co.kr/image_2011/common/community/cert/sep_1x7_silver1.png") no-repeat left center; display: inline; float: left; padding: 2px 10px 0 10px; white-space: nowrap; } #CertList .listTypeCert1 ul li span, #CertList .listTypeCert1 ul li span a { color: #68634e; } #CertList .listTypeCert1 ul li span a:hover { color: #FF0000; font-weight: bold; letter-spacing: -1px; } #CertList .listTypeCert1 ul li span a.notready { color: gray; cursor: text; text-decoration: none; } /* BASIC */ #CertList { margin: 0; } #CertList .certificatedWrap { margin-left: 10px; padding-bottom: 10px;} #CertList .certificatedMain { margin: 12px 0 0 15px; padding-bottom: 10px; width: 658px; } #CertList .certificatedMain .certificatedMainTop { width: 658px; background-color: #e7e4d8;} #CertList .certificatedMain .certificatedMainMid { width: 658px; background-color: #ffffff;} #CertList .certificatedMain .certificatedMainBot { width: 658px; background-color: #e7e4d8;} /* certificatedWrap */ #CertList .certificatedWrap .searchGroups { margin-left: 215px; margin-top: 15px;} #CertList .certificatedWrap .searchGroups form { padding:0;} #CertList .certificatedWrap form.searchGroup select, #CertList .certificatedWrap form.searchGroup input { display: inline; float:left; } #CertList .certificatedWrap form.searchGroup select.searchFilter { width: 91px; margin-top: 4px; } #CertList .certificatedWrap form.searchGroup input.text { margin-left: 20px; width: 240px; border:none; padding-top:4px; margin-top:4px;} .ie10 #CertList .certificatedWrap form.searchGroup input.text { margin-left: 20px; width: 240px; height: 17px; overflow:hidden; border:none; padding-top:4px; margin-top:6px;} #CertList .certificatedWrap form.searchGroup input.submit { margin-left: 20px; margin-top: 0px; cursor: pointer;} /* certificatedMainTop */ #CertList .certificatedMain .certificatedMainTop .filteTop { width: 628px; margin: 5px 0 0 15px; padding-bottom: 7px;} #CertList .certificatedMain .certificatedMainTop .filteTop table .col1 { width: 80px; } #CertList .certificatedMain .certificatedMainTop .filteTop table .col2 { width: 100px; } #CertList .certificatedMain .certificatedMainTop .filteTop table .col3 { width: 448px; } #CertList .certificatedMain .certificatedMainTop .filteTop table th.left { text-align: left; text-indent: 5px;} #CertList .certificatedMain .certificatedMainTop .filteTop table th.allview a { color: #ff0000; } #CertList .certificatedMain .certificatedMainTop .filteTop table th span {display: inline; float: left; width: 80px;} #CertList .certificatedMain .certificatedMainTop .filteTop table td form {margin: 5px 0 0 10px; padding:0;} #CertList .certificatedMain .certificatedMainTop .filteTop table td form input.search { width: 282px; height: 21px; border: 1px solid #a6a291; } #CertList .certificatedMain .certificatedMainTop .filteTop table td form input.submit { margin-left: 3px; cursor: pointer; } #CertList .certificatedMain .certificatedMainTop .filteTop table td form input { display:inline; float: left;} /* certificatedMainMid */ #CertList .certificatedMain .certificatedMainMid table {width: 659px;} #CertList .certificatedMain .certificatedMainMid table col.subject { width: 382px; } #CertList .certificatedMain .certificatedMainMid table col.hitcnt { width: 75px; } #CertList .certificatedMain .certificatedMainMid table col.nickname { width: 108px; } #CertList .certificatedMain .certificatedMainMid table col.postdate { width: 93px; } #CertList .certificatedMain .certificatedMainMid table td { color: #282828; } #CertList .certificatedMain .certificatedMainMid table td.subject span.category, #CertList .certificatedMain .certificatedMainMid table td.subject span.category a { color: #282828; font-weight: bold; letter-spacing: -1px; } #CertList .certificatedMain .certificatedMainMid table td.subject span.comment { font-size: 11px; color: #f52800; } #CertList .certificatedMain .certificatedMainMid table td.hitcnt { padding: 6px 0 6px; font-size: 11px; color: #f52800; font-family: tahoma; font-weight: bold; letter-spacing: -1px; } #CertList .certificatedMain .certificatedMainMid table td.postdate { padding: 6px 0 6px; font-size: 11px; color: #8b8b8b; font-family: tahoma; } /* certificatedMainBot */ #CertList .certificatedMainBot .paging { margin-top: 14px; padding-bottom:16px; width: 658px;} #CertList .certificatedMainBot .paging .pagingType1 { width: 658px;text-align: center;} #CertList .certificatedMainBot .paging .pagingType1 ul { display: inline-block;} #CertList .certificatedMainBot .paging .pagingType1 ul::after { content:""; display: block; clear: both; } #CertList .certificatedMainBot .paging .pagingType1 ul li { padding: 0 5px 6px; } #CertList .certificatedMainBot .paging .pagingType1 a { padding-left: 5px; padding-right:5px;} #CertList .certificatedMainBot .paging .pagingType1 ul li.prevtext { display: inline-block; padding-left: 15px; padding-right: 0px; background: url('https://static.inven.co.kr/image_2011/common/community/cert/bttn_13x13_silver1_prev.png') no-repeat left top; background-position-y: 5px; } #CertList .certificatedMainBot .paging .pagingType1 ul li.nexttext { display: inline-block; padding-left: 0px; padding-right: 15px; background: url('https://static.inven.co.kr/image_2011/common/community/cert/bttn_13x13_silver1_next.png') no-repeat right top; background-position-y: 5px; } #CertList .certificatedMainBot .paging .pagingType1 ul li.prevtext.disabled, #CertList .certificatedMainBot .paging .pagingType1 ul li.nexttext.disabled { background: none; } #CertList .certificatedMainBot .paging .pagingType1 ul li .prevtext a, #CertList .certificatedMainBot .paging .pagingType1 ul li .nexttext a { padding: 0px; font-weight: normal; letter-spacing:0px;} #CertList .certificatedMainBot .paging .pagingType1 span, #CertList .certificatedMainBot .paging .pagingType1 a { font-family: tahoma; font-size: 11px; padding-bottom: 4px; } #CertList .certificatedMainBot .paging .pagingType1 a { font-weight: bold; letter-spacing:-1px; } #CertList .certificatedMainBot .paging .pagingType1 .currentpg { padding-left: 5px; padding-right:5px;color: #f62900; text-decoration: underline; font-weight: bold; letter-spacing:-1px;} #CertList .certificatedMainBot .paging .pagingType1 span a:hover { color: #f62900; text-decoration: underline; } /* before renewal mobile css */ #CertList .certificatedMainBot .paging .pagingType1 span.prevtext { padding-left: 15px; padding-right: 0px; background: url('//static.inven.co.kr/image_2011/common/community/cert/bttn_13x13_silver1_prev.png') no-repeat left top;} #CertList .certificatedMainBot .paging .pagingType1 span.nexttext { padding-left: 0px; padding-right: 15px; background: url('//static.inven.co.kr/image_2011/common/community/cert/bttn_13x13_silver1_next.png') no-repeat right top;} #CertList .certificatedMainBot .paging .pagingType1 span.prevtext a, #CertList .certificatedMainBot .paging .pagingType1 span.nexttext a { padding: 0px; font-weight: normal; letter-spacing:0px;} #CertList .certificatedMainBot .paging .pagingType1 span.prevtext a::before, #CertList .certificatedMainBot .paging .pagingType1 span.nexttext a::before { content: none;} #CertList .certificatedMainBot .paging .pagingType1 span, #CertList .certificatedMainBot .paging .pagingType1 span a { display: inline; font-family: tahoma; font-size: 11px; padding-bottom: 4px; margin: 0; } #CertList .certificatedMainBot .paging .pagingType1 a { font-weight: bold; letter-spacing:-1px; } #CertList .certificatedMainBot .paging .pagingType1 span.currentpg { padding-left: 5px; padding-right:5px;color: #f62900; text-decoration: underline; font-weight: bold; letter-spacing:-1px; border: none; width: auto; height: auto; } #CertList .certificatedMainBot .paging .pagingType1 span a:hover { color: #f62900; text-decoration: underline; } #CertList .certificatedMainBot .helpText { width: 652px; margin: 5px 0 0 0px; padding-bottom: 7px; text-align: right; font-size: 11px; color:#8b8b8b;} /* Mobile Page */ #mobileWrap #CertList .headTitle, #mobileWrap #CertList .w688H-Search {display: none;} #mobileWrap #CertList .wCert710GR1 .w710H, #mobileWrap #CertList .wCert710GR1 .w710M, #mobileWrap #CertList .wCert710GR1 .w710B { width: 100%; padding-bottom: 3px; background: none; } #mobileWrap #CertList .wCert688GR1 .w688H, #mobileWrap #CertList .wCert688GR1 .w688M, #mobileWrap #CertList .wCert688GR1 .w688B { width: 100%; background: none; } #mobileWrap #CertList .wCert688GR1 .w688H.w688H-Search { background: none; } #mobileWrap #CertList .certificatedWrap { padding:0;margin:0;} #mobileWrap #CertList .certificatedMain {margin:0;width: 100%;} #mobileWrap #CertList .certificatedMain .certificatedMainTop {width:100%;} #mobileWrap #CertList .certificatedMain .certificatedMainTop .filteTop {width: 100%;margin:0;padding-bottom: 7px;} #mobileWrap #CertList .certificatedMain .certificatedMainTop .filteTop table {width:100%;} #mobileWrap #CertList .certificatedMain .certificatedMainTop .filteTop table .col3 {width: auto;} #mobileWrap #CertList .certificatedMain .certificatedMainTop .filteTop table {font-size:13px;} #mobileWrap #CertList .listTypeCert1 ul { display:inline;float:left;} #mobileWrap #CertList .listTypeCert1 ul li { display:inline;float:left;} #mobileWrap #CertList .certificatedMain .certificatedMainTop .filteTop table td form input.search { width:auto;} #mobileWrap #CertList .certificatedMain .certificatedMainMid {width: 100%;} #mobileWrap #CertList .certificatedMain .certificatedMainMid table {width: 100%;} #mobileWrap #CertList .certificatedMain .certificatedMainMid table col.subject {width: auto;} #mobileWrap #CertList .tableTypeCert2 table tbody td {padding: 8px;white-space: normal;} #mobileWrap #CertList .tableTypeCert2 table tbody td.subject {font-size: 15px; line-height: 1.5;} #mobileWrap #CertList .tableTypeCert2 table tbody td span.info {font-size:12px;color:#666;line-height: 1.5;} #mobileWrap #CertList .certificatedMain .certificatedMainMid table col.hitcnt { width: 70px; } #mobileWrap #CertList .certificatedMain .certificatedMainMid table col.nickname { width: 90px; } #mobileWrap #CertList .certificatedMain .certificatedMainMid table col.postdate { width: 85px; } #mobileWrap #CertList .certificatedMain .certificatedMainBot {width: 100%;} #mobileWrap #CertList .certificatedMainBot .paging {width:100%;margin:0;padding:8px 0 8px;} #mobileWrap #CertList .certificatedMainBot .paging .pagingType1 {width: 100%;} #mobileWrap #CertList .certificatedMainBot .paging .pagingType1 span, #mobileWrap #CertList .certificatedMainBot .paging .pagingType1 span a {font-size:13px;} #mobileWrap #CertList .certificatedMainBot .paging .pagingType1 span.basetext > .pg { display: inline-block; border: 1px solid #7d7d7d; margin-right: 3px; width: 20px; height: 14px; } @media screen and (max-width:479px) { #mobileWrap .tableTypeCert2 colgroup, #mobileWrap .tableTypeCert2 colgroup col, #mobileWrap #CertList .tableTypeCert2 thead, #mobileWrap #CertList .tableTypeCert2 th {display: none;} #mobileWrap #CertList .tableTypeCert2 table, #mobileWrap #CertList .tableTypeCert2 tbody, #mobileWrap #CertList .tableTypeCert2 tr {display:block;} #mobileWrap #CertList .tableTypeCert2 td {border:none;} #mobileWrap #CertList .tableTypeCert2 tr {border-top: 1px solid #e0e0e0;} #mobileWrap #CertList .tableTypeCert2 td.subject { display: block; padding-left: 8px; border-top: 1px solid #e0e0e0; } #mobileWrap #CertList .tableTypeCert2 td.hitcnt, #mobileWrap #CertList .tableTypeCert2 td.nickname, #mobileWrap #CertList .tableTypeCert2 td.postdate { position: relative; padding-left: 48px; padding-top:5px; padding-bottom:5px; min-height: 16px; height: auto !important; height: 16px; } #mobileWrap #CertList .tableTypeCert2 td.nickname {width: 100px;} #mobileWrap #CertList .tableTypeCert2 td:before { position: absolute; top: 6px; left: 6px; width: 48px; padding-right: 10px; white-space: nowrap; font-size: 11px; color: #8b8b8b; font-weight: normal; line-height: 15px; } #mobileWrap #CertList .tableTypeCert2 td.subject:before { display:none;} #mobileWrap #CertList .tableTypeCert2 td:nth-of-type(1):before { content: "제목"; } #mobileWrap #CertList .tableTypeCert2 td:nth-of-type(2):before { content: "조회수"; } #mobileWrap #CertList .tableTypeCert2 td:nth-of-type(3):before { content: "작성자"; } #mobileWrap #CertList .tableTypeCert2 td:nth-of-type(4):before { content: "작성일"; } }