@charset "UTF-8"; /* 기본 컬러 정의 */ :root { --standard-color: #1d2483; --standard-color-2: #464ca2; --standard-color2: #00bd93; } /******************************************************************************************************************************** * Board(Table) List ********************************************************************************************************************************/ .comm-tbl-wp {clear: both; position: relative; margin: 0 0 35px 0;} .comm-tbl-wp.bottomMrg0 {margin-bottom: 0;} .comm-tbl-wp.bottomMrg10 {margin-bottom: 10px;} .comm-tbl-wp.bottomMrg20 {margin-bottom: 20px;} .comm-tbl-wp.bottomMrg30 {margin-bottom: 30px;} .comm-tbl-wp.bottomMrg45 {margin-bottom: 45px;} .comm-tbl-wp.bottomMrg50 {margin-bottom: 50px;} .comm-tbl-wp table {width: 100%; table-layout: fixed;} .comm-tbl-wp table.List tr.None:hover td, .comm-tbl-wp table.List tr.active:hover td {background: none;} .comm-tbl-wp table.List tr:hover td {color: #333; background: #fafbfc; transition: all 0.2s;} /*----- List -----------------------------------------*/ .comm-tbl-wp table.List {border-top: 1px solid #777; border-bottom: 1px solid #ccc;} .comm-tbl-wp table.List tr:last-child td {border-bottom: none;} .comm-tbl-wp table.List tr.notice td a.subj {font-weight: 500;} .comm-tbl-wp table.List th { height: 45px; font-size: 13px; color: #777; line-height: 110%; font-weight: 600; text-align: center; vertical-align: middle; border-bottom: 1px solid #eee; background: #f4f4f4; } .comm-tbl-wp table.List th span {display: block; position: relative;} .comm-tbl-wp table.List th span::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin: -7px 0 0 0; background: #d7d7d7; z-index: 2; } .comm-tbl-wp table.List th:last-child span::after {display: none;} .comm-tbl-wp table.List.th40 th {height: 40px;} .comm-tbl-wp table.List.th50 th {height: 50px;} .comm-tbl-wp table.List.th50 th.two span::after {top: 7px;} .comm-tbl-wp table.List td { padding: 4px 0 4px 0; font-size: 15px; line-height: 150%; text-align: center; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } .comm-tbl-wp table.List tr.active td {border-bottom-color: #e3e3e3 !important;} .comm-tbl-wp table.List.td60 td {height: 60px;} .comm-tbl-wp table.List td a.subj { display: block; padding: 14px 15px 14px 15px; font-size: 15px; line-height: 130%; text-decoration: none; text-align: left; } .comm-tbl-wp table.List td a.subj.ty2 {padding-top: 18px; padding-bottom: 18px;} .comm-tbl-wp table.List td.num {font-size: 13px; color: #999;} .comm-tbl-wp table.List td.date, .comm-tbl-wp table.List td.count {font-size: 13px; color: #999;} .comm-tbl-wp table.List td.kind {color: #4d6583; letter-spacing: -0.5px;} .comm-tbl-wp table.List td.gubun {padding-left: 5px; padding-right: 5px; font-size: 14px; color: #4d6583; letter-spacing: -0.5px;} .comm-tbl-wp table.List td.Left, .comm-tbl-wp table.List td.al {text-align: left;} .comm-tbl-wp table.List td.Left2 {padding: 14px 15px 14px 15px; text-align: left;} .comm-tbl-wp table.List td.Left3 {padding: 8px 15px 8px 15px; text-align: left;} .comm-tbl-wp table.List td.Right, .comm-tbl-wp table.List td.ar {text-align: right;} .comm-tbl-wp table.List td.Valign, .comm-tbl-wp table.List td.vt {vertical-align: top;} .comm-tbl-wp table.List td.name {color: #444;} .comm-tbl-wp .admin {display: inline-block; padding: 0 0 0 22px; vertical-align: top; background: url('/assets/favicon/favicon.png') no-repeat 0 3px; background-size: 16px auto;} .comm-tbl-wp table.List td.order-num {padding: 14px 0;} .comm-tbl-wp table.List td.order-num .number {display: block; font-size: 15px; color: #5346c5; letter-spacing: -0.5px; font-weight: 700;} .comm-tbl-wp table.List td.order-num a.number:hover {color: #ff643c;} /* Line */ .comm-tbl-wp table.List.Line td {border: 1px solid #e9e9e9;} .comm-tbl-wp table.List.Line td:first-of-type {border-left: none;} .comm-tbl-wp table.List.Line td:last-of-type {border-right: none;} /* 말줄임(...) */ .comm-tbl-wp table.List td.cut {max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} /* 첨부파일 */ .comm-tbl-wp table.List td.file {padding: 2px 0 0 0; text-align: center;} .comm-tbl-wp table.List td.file a {display: inline-block; margin: 0 auto 0 4px;} .comm-tbl-wp table.List td.file a:first-child {margin-left: 0;} .comm-tbl-wp table.List td.file a img {width: 28px; height: auto; border-radius: 4px;} /* List 데이터가 없을 경우 */ .comm-tbl-wp table.List td.list-data-None {padding: 30px 0 30px 0; font-size: 14px; color: #888 !important;} .comm-tbl-wp table.List td.list-data-None span.default { display: inline-block; width: 30px; height: 27px; margin: 0 8px 0 0; vertical-align: middle; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/list_data_None_icon.png') no-repeat 0 0; } .comm-tbl-wp table.List td.list-data-None span.login { display: inline-block; width: 30px; height: 36px; margin: 0 10px 0 0; vertical-align: middle; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/list_login.png') no-repeat 0 0; } .comm-tbl-wp table.List td.list-data-None.cart {padding: 27px 0 25px 0; font-size: 110%;} .comm-tbl-wp table.List td.list-data-None.cart span.default { display: inline-block; width: 45px; height: 45px; margin: 0 8px 0 0; vertical-align: middle; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/cart_icon.png') no-repeat 0 0; } /* 검색결과 없을 경우 */ .comm-tbl-wp table.List td.search-None {padding: 30px 0 25px 0;} .comm-tbl-wp table.List td.search-None .text { display: inline-block; font-size: 14px; text-align: left; line-height: 150%; overflow: hidden; } .comm-tbl-wp table.List td.search-None .text .img { float: left; display: inline-block; width: 42px; height: 45px; margin: 0 13px 0 0; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/searchResult_No.gif') no-repeat 0 0px; } .comm-tbl-wp table.List td.search-None .text .txt {float: left; display: inline-block; margin: 0px 0 0 0;} .comm-tbl-wp table.List td.search-None.Tsearch {padding: 14px 0 8px 0;} .comm-tbl-wp table.List td.search-None.Tsearch .text .img { float: left; display: inline-block; width: 95px; height: 120px; margin: 0 22px 0 0; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/searchResult_No_big.png') no-repeat 0 0; } .comm-tbl-wp table.List td.search-None.Tsearch .text .txt {float: left; display: inline-block; margin: 24px 0 0 0; font-size: 14px; color: #666; line-height: 160%;} .comm-tbl-wp table.List td.search-None.Tsearch .text .txt span.big {display: block; margin: 0 0 6px 0; font-size: 17px; color: #444; font-weight: 500;} /*----- News형 List -----------------------------------------*/ .comm-tbl-wp .List-news {border-top: 1px solid #777; border-bottom: 1px solid #ccc;} .comm-tbl-wp .List-news li {padding: 18px 0 18px 20px; border-bottom: 1px solid #e9e9e9;} .comm-tbl-wp .List-news li:last-of-type {border-bottom: none;} .comm-tbl-wp .List-news li a {clear: both; display: block; min-height: 60px; line-height: 100%; text-decoration: none; transition: all 0.1s; overflow: hidden;} .comm-tbl-wp .List-news li .thumb { display: flex; align-items: center; float: left; width: 230px; height: 130px; margin : 0 25px 0 0; border: 1px solid #eee; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/no_image.png') no-repeat 50% 50%; background-size: auto 110%; overflow: hidden; } .comm-tbl-wp .List-news li .thumb img { display: inline; height: 100%; min-width: 100%; object-fit: cover; object-position: center; } .comm-tbl-wp .List-news li .info {display: inline-block; width: 100%; padding: 5px 0 5px 0;} .comm-tbl-wp .List-news li .thumb ~ .info {width: 900px;} /* 대표이미지가 있을 경우 크기 조정 */ .comm-tbl-wp .List-news li .info .subj {display: block; margin: 0 0 10px 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 21.5px; letter-spacing: -0.5px; line-height: 120%; font-weight: 500; transition: all 0.1s;} .comm-tbl-wp .List-news li .info .summary { display: block; display: -webkit-box; margin: 0 0 10px 0; font-size: 13px; color: #888; line-height: 140%; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .comm-tbl-wp .List-news li .info .etc {display: block; font-size: 13px; color: #888;} .comm-tbl-wp .List-news li .info .etc .origin {display: inline-block; margin: -5px 0 0 20px; font-size: 12px; vertical-align: middle;} .comm-tbl-wp .List-news li .info .etc .origin strong {color: #999; font-weight: normal;} /* List 데이터가 없을 경우 */ .comm-tbl-wp .List-news li.list-data-NO {display: flex; padding: 30px 0 30px 0; font-size: 14px; color: #888; justify-content: center; align-items: center;} .comm-tbl-wp .List-news li.list-data-NO span.default { display: inline-block; width: 30px; height: 27px; margin: 0 8px 0 0; vertical-align: middle; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/list_data_None_icon.png') no-repeat 0 0; } /* 검색결과 없을 경우 */ .comm-tbl-wp .List-news li.search-NO { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 30px 0 30px 0; font-size: 14px; text-align: left; line-height: 150%; } .comm-tbl-wp .List-news li.search-NO span.default { display: inline-block; width: 42px; height: 45px; margin: 0 13px 0 0; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/searchResult_No.gif') no-repeat 0 0px; } /******************************************************************************************************************************** * Board(Table) Insert ********************************************************************************************************************************/ .comm-tbl-wp table.Insert {border-top: 1px solid #999;} .comm-tbl-wp table.Insert tr:last-child th, .comm-tbl-wp table.Insert tr:last-child td {border-bottom-color: #d5d5d5;} .comm-tbl-wp table.Insert tr.bottomLine-None th, .comm-tbl-wp table.Insert tr.bottomLine-None td {border-bottom: none !important;} .comm-tbl-wp.th-color th {background: #f2f4f6 !important;} .comm-tbl-wp table.Insert th { height: 62px; padding: 0 0 0px 25px; font-size: 14px; color: #777; font-weight: 600; text-align: left; vertical-align: middle; border-bottom: 1px solid #e5e5e5; background: #f7f7f7; } .comm-tbl-wp table.Insert th.center {height: 40px !important; padding-right: 0; text-align: center;} .comm-tbl-wp table.Insert td { padding: 0 20px 0 20px; font-size: 14px; line-height: 150%; text-align: left; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } .comm-tbl-wp table.Insert td.kind {color: #f47626} .comm-tbl-wp table.Insert td.date, .comm-tbl-wp table.Insert td.count {font-size: 13px; color: #888;} .comm-tbl-wp table.Insert td.td-padding {padding-top: 12px; padding-bottom: 12px;} .comm-tbl-wp table.Insert td.td-padding2 {padding-top: 10px; padding-bottom: 10px;} .comm-tbl-wp table.Insert td.td-padding3 {padding-top: 16px; padding-bottom: 16px;} .comm-tbl-wp table.Insert td.td-chkpadd {padding-top: 20px; padding-bottom: 10px;} .comm-tbl-wp table.Insert th.top-double-line, .comm-tbl-wp table.Insert td.top-double-line {border-top: 3px double #d0d0d0;} /* 에디터 출력 */ .comm-tbl-wp table.Insert .editer {padding: 10px 10px; overflow: hidden;} /* CK Editor 대하여 아이콘 hide 처리 */ .cke_toolbar_last {display: none !important;} /* 하단 설명 */ .comm-txt-box {margin: -20px 0 0px 0; font-size: 13px; color: #666; line-height: 160%;} /* 작게 */ .comm-tbl-wp table.Insert.small th {height: 56px; padding-left: 20px;} .comm-tbl-wp table.Insert.small td .form-control {height: 38px;} .comm-tbl-wp table.Insert.small2 th {height: 48px; padding-left: 15px;} .comm-tbl-wp table.Insert.small2 td .form-control {height: 32px;} /*----- 파일찾아보기 -----*/ .file-input-wp {clear: both;} .file-input-wp input {display: inline-block; vertical-align: middle;} .file-input-wp span.info {display: block; margin: 0 0 5px 0; font-size: 12px; line-height: 140%;} .file-input-wp span.info u {color: red; text-decoration: none;} .file-input-wp span.info strong {font-weight: 500;} .file-input-wp .filebox {} .file-input-wp .filebox .file-input-textbox {border-color: #d5d5d5; background: #fafafa !important; box-shadow: none;} .file-input-wp .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); } .file-input-wp .filebox label.upload-btn { display: inline-block; width: 120px; height: 40px; padding: 0; font-size: 14px; color: #fff; letter-spacing: -0.5px; line-height: 38px; text-align: center; vertical-align: middle; border-color: transparent; border-radius: 4px; background: #3e5062; cursor: pointer; } /*----- 기타 -----*/ i.essential-ic {margin: 0 0 2px 5px; font-size: 8px; color: #e05555; font-weight: normal !important; vertical-align: middle;} i.essential-ic.big {margin: 0 0 2px 6px; font-size: 90%;} .form-info {display: inline-block; margin: 0 0 0 20px; padding: 1px 0 0 0; font-size: 13px; color: #df7474; letter-spacing: -0.2px; line-height: 1.2em; vertical-align: middle;} .form-info.None {margin: 2px 0 0 0;} .form-info i {display: inline-block; margin: 0 5px 2px 0; font-size: 15px; color: #df7474; vertical-align: middle;} /******************************************************************************************************************************** * Board(Table) View ********************************************************************************************************************************/ .comm-tbl-wp table.View {border-top: 1px solid #777; border-bottom: 1px solid #ccc;} .comm-tbl-wp table.View tr:last-child td {border-bottom: none;} .comm-tbl-wp table.View tr.bottom th, .comm-tbl-wp table.View tr.bottom td {border-color: #d9d9d9;} .comm-tbl-wp table.View th { font-size: 13px; color: #777; text-align: center !important; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } .comm-tbl-wp table.View th span {position: relative; display: block; height: 44px; line-height: 44px;} .comm-tbl-wp table.View th span::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 11px; margin: -5px 0 0 0; background: #e3e3e3; z-index: 2; } .comm-tbl-wp table.View th.subj {font-size: 14px; font-weight: bold; border-bottom: 1px solid #eaeaea; background: #f4f4f4;} .comm-tbl-wp table.View th.subj span::after {background: #dadada;} .comm-tbl-wp table.View td { position: relative; padding: 0 0 0 20px; font-size: 14px; line-height: 150%; text-align: left; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } .comm-tbl-wp table.View td.subj { padding: 20px 20px 20px 20px; font-size: 18px; letter-spacing: -0.8px; line-height: 130%; font-weight: bold; border-bottom: 1px solid #eaeaea; background: #f4f4f4; } .comm-tbl-wp table.View td.kind {color: #f47626} .comm-tbl-wp table.View td.date, .comm-tbl-wp table.View td.count {font-size: 13px; color: #999;} .comm-tbl-wp table.View td.name {color: #444;} /* 첨부파일 */ .comm-tbl-wp table.View td.file a, .comm-tbl-wp table.View2 td.file a, .comm-tbl-wp table.Insert td.file a, .comm-tbl-wp table.View td.file p { display: inline-block; height: 20px; padding: 1px 0 0 24px; font-size: 12px; color: #555; line-height: 120%; margin: -1px 14px 0 0; background-repeat: no-repeat; background-position: 0 0px; background-size: 18px 18px; } .comm-tbl-wp table.View td.file a.hwp, .comm-tbl-wp table.View2 td.file a.hwp, .comm-tbl-wp table.Insert td.file a.hwp, .comm-tbl-wp table.View td.file p.hwp, .comm-tbl-wp table.View td.file a.hwpx, .comm-tbl-wp table.View2 td.file a.hwpx, .comm-tbl-wp table.Insert td.file a.hwpx, .comm-tbl-wp table.View td.file p.hwpx {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_hwp.png');} .comm-tbl-wp table.View td.file a.doc, .comm-tbl-wp table.View2 td.file a.doc, .comm-tbl-wp table.Insert td.file a.doc, .comm-tbl-wp table.View td.file p.doc, .comm-tbl-wp table.View td.file a.docx, .comm-tbl-wp table.View2 td.file a.docx, .comm-tbl-wp table.Insert td.file a.docx, .comm-tbl-wp table.View td.file p.docx {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_doc.png');} .comm-tbl-wp table.View td.file a.xls, .comm-tbl-wp table.View2 td.file a.xls, .comm-tbl-wp table.Insert td.file a.xls, .comm-tbl-wp table.View td.file p.xls, .comm-tbl-wp table.View td.file a.xlsx, .comm-tbl-wp table.View2 td.file a.xlsx, .comm-tbl-wp table.Insert td.file a.xlsx, .comm-tbl-wp table.View td.file p.xlsx {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_xls.png');} .comm-tbl-wp table.View td.file a.ppt, .comm-tbl-wp table.View2 td.file a.ppt, .comm-tbl-wp table.Insert td.file a.ppt, .comm-tbl-wp table.View td.file p.ppt, .comm-tbl-wp table.View td.file a.pptx, .comm-tbl-wp table.View2 td.file a.pptx, .comm-tbl-wp table.Insert td.file a.pptx, .comm-tbl-wp table.View td.file p.pptx {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_ppt.png');} .comm-tbl-wp table.View td.file a.pdf, .comm-tbl-wp table.View2 td.file a.pdf, .comm-tbl-wp table.Insert td.file a.pdf, .comm-tbl-wp table.View td.file p.pdf {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_pdf.png');} .comm-tbl-wp table.View td.file a.zip, .comm-tbl-wp table.View2 td.file a.zip, .comm-tbl-wp table.Insert td.file a.zip, .comm-tbl-wp table.View td.file p.zip {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_zip.png');} .comm-tbl-wp table.View td.file a.etc, .comm-tbl-wp table.View2 td.file a.etc, .comm-tbl-wp table.Insert td.file a.etc, .comm-tbl-wp table.View td.file p.etc {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_etc.png');} .comm-tbl-wp table.View td.file .num, .comm-tbl-wp table.View2 td.file .num, .comm-tbl-wp table.Insert td.file .num {display: inline-block; margin: 0 0 0 2px; color: #aaa;} /* 내용 */ .comm-tbl-wp table.View td.detail {padding: 40px 25px 45px 25px; font-size: 15px; line-height: 170%;} .comm-tbl-wp table.View td.detail > img {display: block; max-width: 100%; height: auto; margin: 1em 0;} .comm-tbl-wp table.View td.detail p {margin: 0 0 1.5em 0; font-size: 15px; text-align: left; line-height: 170%; vertical-align: middle;} /*----- View2 -----------------------------------------*/ .comm-tbl-wp table.View2 {border-top: 1px solid #777; border-bottom: 1px solid #ccc;} .comm-tbl-wp table.View2 tr:last-child th, .comm-tbl-wp table.View2 tr:last-child td {border-bottom-color: #d7d7d7;} .comm-tbl-wp table.View2 th { height: 42px; padding: 0 0 0 20px; font-size: 13px; color: #777; font-weight: 400; text-align: left; vertical-align: middle; border-bottom: 1px solid #e5e5e5; background: #f4f4f4; } .comm-tbl-wp table.View2 th.color {color: #fff; background: #f49e1c;} .comm-tbl-wp table.View2.th36 th {height: 36px;} .comm-tbl-wp table.View2.th50 th {height: 50px;} .comm-tbl-wp table.View2 td { padding: 0 20px 0 20px; font-size: 100%; line-height: 1.5em; text-align: left; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } .comm-tbl-wp table.View2 td.date {font-size: 12px; color: #777;} .comm-tbl-wp table.View2 td.cell {padding-top: 6px; padding-bottom: 6px;} .comm-tbl-wp table.View2 td.td-padding {padding-top: 18px; padding-bottom: 18px;} .comm-tbl-wp table.View2 td.td-padding2 {padding-top: 12px; padding-bottom: 12px;} .comm-tbl-wp table.View2 td.td-padding3 {padding-top: 14px; padding-bottom: 14px;} /* Form(radio, checkbox 한줄로) */ .comm-tbl-wp table.View2 td.radio-br label {display: block;} /******************************************************************************************************************************** * innner Board (서브메인 등 사용) ********************************************************************************************************************************/ .tbl-innner {position: relative;} .tbl-innner ul.list {border-top: 1px solid #777; border-bottom: 1px solid #ddd;} .tbl-innner .list li { position: relative; min-height: 48px; border-bottom: 1px solid #e7e7e7; } .tbl-innner .list li:last-child {border-bottom: none;} .tbl-innner .list li a.subj { display: inline-block; max-width: 100%; padding: 0 0 0 5px; font-size: 15px; letter-spacing: -0.2px; line-height: 46px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tbl-innner .list li a.subj.cut400 {max-width: 400px;} .tbl-innner .list li a.subj.cut420 {max-width: 420px;} .tbl-innner .list li span.name { display: inline-block; position: absolute; top: 50%; right: 70px; width: 75px; max-width: 100%; height: 30px; margin: -15px 0 0 0; font-size: 13px; color: #444; letter-spacing: -0.5px; line-height: 29px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s; } .tbl-innner .list li span.date { display: inline-block; position: absolute; top: 50%; right: 5px; height: 30px; margin: -15px 0 0 0; font-size: 13px; color: #999; line-height: 29px; transition: all 0.3s; } .tbl-innner .list li:hover span.date, .tbl-innner .list li:hover span.name {color: #000;} .tbl-innner .list li span.star {position: absolute; top: 50%; right: 5px; margin: -10px 0 0 0;} /******************************************************************************************************************************** * Seacrh, Align, Pagination 등 ********************************************************************************************************************************/ /*----- 검색 -----------------------------------------*/ .comm-tbl-srh-wp {clear: both; position: relative; height: 45px; margin: 0 0 15px 0; overflow: hidden;} .comm-tbl-srh-wp .count {margin: 20px 0 0 0; font-size: 17px; color: #999;} .comm-tbl-srh-wp .count strong {font-size: 18px; color: #e94e1b;} .comm-tbl-srh-wp .search {position: absolute; top: 0; right: 0;} .comm-tbl-srh-wp .search .form-control {height: 40px; border-radius: 0;} .comm-tbl-srh-wp .search .form-control:focus {border-color: #aaa; background: #fff; box-shadow: none;} .comm-tbl-srh-wp .search .int {margin: 0 -6px 0 2px; transition: width 0.2s;} .comm-tbl-srh-wp .search .int:focus {width: 460px !important;} .comm-tbl-srh-wp .search .Btn { width: 70px; height: 40px; padding: 0 0 0 0; font-size: 15px; color: #fff; text-align: center; border: 1px solid #444; outline: none !important; border-radius: 0; background: #555; transition: all 0.2s ease; cursor: pointer; } .comm-tbl-srh-wp .search .Btn:hover {background: #333;} /*----- 검색2 -----------------------------------------*/ .comm-search-wp {clear: both; position: relative; margin: 0 0 45px 0; padding: 15px 30px 15px 30px; border-color: #d5d5d5 !important; box-shadow: 0 1px 0 0 rgba(0,0,0, 0.05);} .comm-search-wp table {width: 100%; table-layout: fixed;} .comm-search-wp th { height: 42px; padding: 2px 0 0 0; font-size: 100%; color: #555; font-weight: bold; text-align: left; vertical-align: middle; } .comm-search-wp th.Valign {padding-top: 20px; vertical-align: top;} .comm-search-wp th i {margin: 0 6px 1px 0; font-size: 18px; color: #555; vertical-align: middle;} .comm-search-wp th .icon {display: inline-block; width: 16px; height: 16px; margin: 0 6px 2px 0; vertical-align: middle; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/ic_check2.png') no-repeat 0 0; } .comm-search-wp td {padding: 8px 0; } .comm-search-wp td.bt-None {padding-bottom: 0;} .comm-search-wp td .checkbox-field {display: inline-block; margin: 0 30px 0 0;} .comm-search-wp.consult td .checkbox-field {margin: 0 15px 0 0;} .comm-search-wp .calendar-Btn {display: inline-block; margin: 0 0 0 6px; vertical-align: middle; cursor: pointer;} .comm-search-wp .dateBtn { display: inline-block; height: 40px; margin: 0 4px 0 0; padding: 0 12px; font-size: 13px; color: #fff; letter-spacing: 0px; line-height: 38px; font-weight: 100; text-align: center; vertical-align: middle; border: 1px solid #b7b7b7; background: #bbb; } .comm-search-wp .dateBtn.first {margin-left: 30px !important;} .comm-search-wp .dateBtn:hover {border-color: #676767; background: #777;} .comm-search-wp .dateBtn.active {border-color: #e98730; background: #f48d31;} .comm-search-wp .dateBtn.w1 {width: 70px; padding: 0;} .comm-search-wp .ui-datepicker-trigger {cursor: pointer;} .comm-search-wp .btn-field {position: absolute; top: 23px; right: 30px;} .comm-search-wp .btn-field button { display: inline-block; height: 42px; padding: 0 20px 3px 20px; font-size: 14px; line-height: 42px; vertical-align: middle; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); transition: all 0.2s; } /*----- Pagination -----------------------------------------*/ .comm-tbl-pagination {position: relative; height: 50px; margin: -5px 0 0 0; vertical-align: top; text-align: center; overflow: hidden;} .comm-tbl-pagination .paging {margin: 0 auto; padding: 5px 0 0 0;} .comm-tbl-pagination .paging a.btn, .comm-tbl-pagination a.pgNum {display: inline-block; position: relative; width: 44px; height: 40px; vertical-align: middle; cursor: pointer;} .comm-tbl-pagination .paging a.btn { display: inline-flex; margin: 0 -1px 0 0; font-size: 20px; color: #777; line-height: 0; font-weight: 100; text-decoration: none; justify-content: center; align-items: center; border: 1px solid #ddd; border-radius: 0; background: #efefef; box-shadow: 0 22px 15px -5px rgba(255,255,255, 1) inset; } .comm-tbl-pagination .paging a.btn:hover {color: rgba(29,36,131, 1); border-color: #ccc; background: #dbddff;} .comm-tbl-pagination a.pgNum { display: inline-flex; margin: 0 -1px 0 0; padding: 0 1px 0 0; font-size: 14px; letter-spacing: -1px; line-height: 0; vertical-align: middle; text-decoration: none; justify-content: center; align-items: center; border: 1px solid #d9d9d9; background: #fff; } .comm-tbl-pagination a.pgNum:hover {font-weight: 500;} .comm-tbl-pagination a.pgNum:active {bottom: -2px;} .comm-tbl-pagination a.active, .comm-tbl-pagination a.active:hover {color: #fff; font-weight: bold; border-color: #555; background: rgba(29,36,131, 1) !important;} .comm-tbl-pagination a.pgNum:hover {color: #fff; font-weight: bold; border-color: #555; background: rgba(29,36,131, 0.8);} .comm-tbl-pagination a.pre {margin: 0 6px 0 0 !important;} .comm-tbl-pagination a.next {margin: 0 -1px 0 7px !important;} .comm-tbl-pagination .dot {letter-spacing: 1px;} /******************************************************************************************************************************** * Btn Style ********************************************************************************************************************************/ /*----- Board Btn ------------------------------*/ .comm-tbl-btn {clear: both; line-height: 100%;} .comm-tbl-btn.topMrg50 {margin-top: 50px;} .comm-tbl-btn.tbl-bottom-btn {margin: 10px 0 0 0;} .comm-tbl-btn .ltB {float: left; overflow: hidden;} .comm-tbl-btn .rtB {float: right; overflow: hidden;} .comm-tbl-btn .ctB {text-align: center; overflow: hidden;} .comm-tbl-btn .ctB li {display: inline-block; margin: 0 0 0 10px; padding: 0 0 5px 0;} .comm-tbl-btn .ctB li:first-of-type {margin-left: 0;} .comm-tbl-btn .ltB li {float: left; margin: 0 10px 0 0; padding: 0 0 5px 0;} .comm-tbl-btn .rtB li {float: left; margin: 0 0 0 10px; padding: 0 0 5px 0;} .comm-tbl-btn li a, .comm-tbl-btn .rtB li .submit { display: block; position: relative; bottom: 0; height: 58px; font-size: 16.5px; color: #fff; line-height: 58px; text-decoration: none; text-align: center; background: var(--standard-color); box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); cursor: pointer; } .comm-tbl-btn li a:hover, .comm-tbl-btn .rtB li .submit:hover {background: var(--standard-color-2); box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2);} .comm-tbl-btn li a:active, .comm-tbl-btn .rtB li .submit:active {bottom: -2px;} .comm-tbl-btn li.line a {color: #777; line-height: 52px; border: 1px solid #d5d5d5; background: #fff !important;} .comm-tbl-btn li.line a:hover {color: var(--standard-color); border-color: var(--standard-color);} /* style 조정 */ .comm-tbl-btn li .radius {border-radius: 6px;} /* Color type */ .comm-tbl-btn li .gray {background-color: #acb4bc;} .comm-tbl-btn li .gray:hover {background-color: #777;} .comm-tbl-btn li .gray2 {background-color: #474747;} .comm-tbl-btn li .gray2:hover {background-color: #544ba7;} .comm-tbl-btn li .org {background-color: #ff643c;} .comm-tbl-btn li .org:hover {background-color: #f48d31;} .comm-tbl-btn li .red {background-color: #e05555;} .comm-tbl-btn li .red:hover {background-color: #bf3434;} .comm-tbl-btn li .green {background-color: #1f9b64;} .comm-tbl-btn li .green:hover {background-color: #1aba72;} .comm-tbl-btn li .etc {background-color: #435366;} .comm-tbl-btn li .etc:hover {background-color: #4e6c91;} /* size 조정 */ .comm-tbl-btn li .w120 {width: 120px;} .comm-tbl-btn li .w140 {width: 140px;} .comm-tbl-btn li .w160 {width: 160px;} .comm-tbl-btn li .w180 {width: 180px;} .comm-tbl-btn li .w200 {width: 200px;} .comm-tbl-btn li .w220 {width: 220px;} .comm-tbl-btn li .w240 {width: 240px;} .comm-tbl-btn li .w250 {width: 250px;} .comm-tbl-btn li .h40 {height: 40px; line-height: 40px;} .comm-tbl-btn li .h45 {height: 45px; line-height: 45px;} .comm-tbl-btn li.line a.h45 {height: 45px; line-height: 43px;} .comm-tbl-btn li .big {height: 70px; font-size: 21px; line-height: 70px !important;} .comm-tbl-btn li .small {height: 26px; padding: 0 12px; font-size: 12px; line-height: 26px;} .comm-tbl-btn li .small i {margin: 0 5px 3px 0; font-size: 14px; vertical-align: middle;} /*----- Normal Btn style ------------------------------*/ .comm-btn-type { display: inline-block; position: relative; height: 45px; font-size: 16px; color: #fff !important; line-height: 45px; text-decoration: none !important; text-align: center; vertical-align: middle; background: var(--standard-color); box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.1); transition: all 0.2s; cursor: pointer; } .comm-btn-type:hover {background: var(--standard-color-2); box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2);} .comm-btn-type:active {bottom: -2px;} .comm-btn-type.btn-None:active {bottom: 0 !important;} .comm-btn-type i {margin: 0 4px 2px 0;} .comm-btn-type.radius {border-radius: 6px;} .comm-btn-type.line {color: #777 !important; height: 43px; border: 1px solid #d5d5d5; background: #fff;} .comm-btn-type.line:hover {color: var(--standard-color); border-color: var(--standard-color);} /* small type */ .comm-btn-type.small {height: 30px; padding: 0 15px; font-size: 13px; line-height: 30px;} .comm-btn-type.small i {margin-bottom: 3px; font-size: 14px;} .comm-btn-type.small2 {height: 25px; padding: 0 10px; font-size: 12px; line-height: 25px;} /* Color type */ .comm-btn-type.gray {background-color: #acb4bc;} .comm-btn-type.gray:hover {background-color: #544ba7;} .comm-btn-type.gray2 {background-color: #474747;} .comm-btn-type.gray2:hover {background-color: #544ba7;} .comm-btn-type.org {background-color: #ff643c;} .comm-btn-type.org:hover {background-color: #f48d31;} .comm-btn-type.red {background-color: #e05555;} .comm-btn-type.red:hover {background-color: #bf3434;} .comm-btn-type.green {background-color: #1f9b64;} .comm-btn-type.green:hover {background-color: #1aba72;} .comm-btn-type.purple {background-color: #49418e;} .comm-btn-type.purple:hover {background-color: #6356d3;} .comm-btn-type.etc {background-color: #435366;} .comm-btn-type.etc:hover {background-color: #4e6c91;} /* Btn Resize */ .comm-btn-type.w120 {width: 120px;} .comm-btn-type.w160 {width: 160px;} .comm-btn-type.w200 {width: 200px;} .comm-btn-type.h25 {height: 25px; line-height: 25px;} .comm-btn-type.h30 {height: 30px; line-height: 30px;} .comm-btn-type.h32 {height: 32px; line-height: 32px;} .comm-btn-type.h38 {height: 38px; line-height: 38px;} .comm-btn-type.h40 {height: 40px; line-height: 40px;} .comm-btn-type.h55 {height: 55px; line-height: 55px;} .comm-btn-type.h60 {height: 60px; line-height: 60px;} /*----- flie Btn style ------------------------------*/ .form-file {clear: both; position: relative; display: inline-block;} .form-file:hover .comm-file-ficon.pdf ~ .comm-pdf-viewer, .form-file.press .comm-file-ficon.pdf:hover .comm-pdf-viewer {display: block;} .form-file.press .comm-file-ficon.pdf {position: relative;} /* PDF Viewer */ .comm-pdf-viewer { display: none; position: absolute; top: -25px; right: -16px; width: 32px; height: 32px; border: 1px solid #ccc; border-radius: 3px; background: #fff url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/preview.png') no-repeat 50% 50%; box-shadow: 0 3px 3px 0 rgba(0,0,0, 0.1); z-index: 100; } .comm-pdf-viewer:hover {border-color: #999; box-shadow: 0 3px 3px 0 rgba(0,0,0, 0.2);} .comm-file-ficon {display: inline-block; width: 24px; height: 24px; margin: 0 4px 0 0; text-align: middle; cursor: pointer;} .comm-file-ficon:last-of-type {margin-right: 0;} .comm-file-ficon.small {width: 18px; height: 18px; margin-right: 2px; background-size: 18px !important;} .comm-file-ficon.hwp, .comm-file-ficon.hwpx {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_hwp.png') no-repeat 50% 50%; background-size: 24px;} .comm-file-ficon.doc, .comm-file-ficon.docx {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_doc.png') no-repeat 50% 50%; background-size: 24px;} .comm-file-ficon.xls, .comm-file-ficon.xlsx {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_xls.png') no-repeat 50% 50%; background-size: 24px;} .comm-file-ficon.ppt, .comm-file-ficon.pptx {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_ppt.png') no-repeat 50% 50%; background-size: 24px;} .comm-file-ficon.pdf {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_pdf.png') no-repeat 50% 50%; background-size: 24px;} .comm-file-ficon.zip {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_zip.png') no-repeat 50% 50%; background-size: 24px;} .comm-file-ficon.etc {background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/file_etc.png') no-repeat 50% 50%; background-size: 24px;} /******************************************************************************************************************************** * Tab Menu ********************************************************************************************************************************/ /* tab width set */ ul.c2 li {width: 50%;} ul.c3 li {width: 33.33333333333333%;} ul.c4 li {width: 25%;} ul.c5 li {width: 20%;} ul.c6 li {width: 16.66666666666667%;} ul.c7 li {width: 14.28571428571429%;} ul.c8 li {width: 12.5%;} ul.c9 li {width: 11.11111111111111%;} ul.c10 li {width: 10%;} ul.c11 li {width: 9.090909090909091%;} ul.c12 li {width: 8.333333333333333%;} ul.c13 li {width: 7.692307692307692%;} ul.c14 li {width: 7.142857142857143%;} ul.c15 li {width: 6.666666666666667%;} ul.c16 li {width: 6.25%;} ul.c17 li {width: 5.882352941176471%;} ul.c18 li {width: 5.555555555555556%;} /*----- Case 1 -----*/ .Tab-menu {position: relative;} .Tab-menu::before {content: ""; position: absolute; bottom: 0px; left: 0; right: 0; border-bottom: 1px solid #555;} .Tab-menu ul {float: left; width: 100%;} .Tab-menu li { float: left; position: relative; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #555; border-right: 1px solid #dfdfdf; } .Tab-menu li:first-child {border-left: 1px solid #dfdfdf;} .Tab-menu li.active {border-top: 1px solid #555; border-bottom: 1px solid #fff; border-left: 1px solid #555; border-right: 1px solid #555;} .Tab-menu li.active::after { content: ""; display: block; position: absolute; top: 0; bottom: 0px; right: -7px; width: 6px; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/tab_shadow.png') no-repeat 0 0; background-size: 100% 100%; z-index: 2; } .Tab-menu li.active:last-child::after {display: none;} .Tab-menu li.active::before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 0; border-width: 0 10px 10px 0; border-style: solid; border-color: #555 #555 #fff #fff; box-shadow: 0 1px 2px rgba(0,0,0, 0.1), -1px 1px 2px rgba(0,0,0, 0.2); } .Tab-menu li a { display: block; height: 54px; padding: 0 0 0 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 15px; color: #aaa; letter-spacing: -0.8px; line-height: 54px; font-weight: 400; text-align: center; vertical-align: middle; text-decoration: none; background: #fafafa; transition: all 0.1s; cursor: pointer; } .Tab-menu li:hover a {color: var(--standard-color); font-weight: 400;} .Tab-menu li.active a {padding-top: 3px; font-size: 16px; color: #333; font-weight: 500; background: #fff !important;} /*----- Case 2 -----*/ .Tab-menu2 {position: relative; margin: 0px -8px 40px 0; padding: 0 0 5px 0; overflow: hidden;} .Tab-menu2 ul {float: left; width: 100%;} .Tab-menu2 li {float: left; position: relative; padding: 0 8px 0 0;} .Tab-menu2 li a { display: block; position: relative; bottom: 0; height: 50px; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 16px; color: #777; letter-spacing: -0.5px; line-height: 47px; font-weight: 400; text-decoration: none; text-align: center; border: 1px solid #d5d5d5; transition: bottom 0.1s; } .Tab-menu2 li a:hover {bottom: -2px; color: var(--standard-color); border-color: rgba(29,36,131, 0.7);} .Tab-menu2 li.active a {color: #fff; font-weight: 500; border-color: var(--standard-color); background: var(--standard-color);} .Tab-menu2 li.active a:hover {bottom: 0;} /*----- Case 3 -----*/ .Tab-menu3 { position: relative; margin: -20px 0 45px 0; padding: 5px 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 19px; letter-spacing: -0.5px; line-height: 120%; font-weight: 500; text-align: center; } .Tab-menu3 a {position: relative; padding: 10px 10px; color: #999; text-decoration: none;} .Tab-menu3 a.active {color: var(--standard-color); font-weight: 700;} .Tab-menu3 a.active::after {content: ""; display: block; position: absolute; bottom: 0px; left: 10px; right: 10px; height: 3px; background: var(--standard-color);} /*----- Case 4 -----*/ .Tab-menu4 { position: relative; width: 60%; height: 42px; margin: -20px auto 40px auto; padding: 5px 0; font-size: 16px; line-height: 120%; font-weight: bold; text-align: center; border-radius: 42px; background: #f2f3fb; } .Tab-menu4 a { display: inline-flex; flex-direction: row; justify-content: center; align-items: center; position: relative; height: 32px; padding: 0 30px; color: #888; text-decoration: none; border: 1px solid #c7c9e6; border-radius: 32px; background: #fff; } .Tab-menu4 a::before {content: "\f138"; display: inline-block; margin: 1px 6px 0 0; font-family: 'FontAwesome'; color: #bbbee0; vertical-align: text-bottom;} .Tab-menu4 a.active {color: #111; border-color: #8a8fd4;} .Tab-menu4 a.active::before {color: var(--standard-color);} /*----- Case 5 -----*/ .Tab-menu5 {display: grid; grid-column-gap: 25px; position: relative; margin: 0 0 35px 0; padding: 0 0 5px 0; overflow: hidden;} .Tab-menu5.grid-col3 {grid-column-gap: 15px;} .Tab-menu5 a { display: block; position: relative; height: 50px; padding: 0 0 0 25px; font-size: 16px; color: #555; line-height: 47px; text-decoration: none; border: 1px solid #e0e0e0; border-radius: 4px; background: #eaeaea; } .Tab-menu5 a:active {bottom: -2px;} .Tab-menu5 a::after {content: "GO"; display:flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 15px; width: 30px; height: 30px; margin: -15px 0 0 0; font-size: 10px; color: #fff; line-height: 0; font-weight: bold; text-align: center; border-radius: 100%; background: var(--standard-color-2);} .Tab-menu5 a.active {color: #fff; font-weight: bold; border-color: rgba(29,36,131, 0.8); background: rgba(29,36,131, 0.8);} .Tab-menu5 a.active::after {background: var(--standard-color2);} /******************************************************************************************************************************** * Board(Card) List ********************************************************************************************************************************/ .comm-card-List-wp {position: relative; padding: 0 0 30px 0; display: grid; grid-template-rows: auto; grid-row-gap: 30px; grid-column-gap: 0px; overflow: hidden;} .grid-col1 {grid-template-columns: 1fr;} .grid-col2 {grid-template-columns: 1fr 1fr;} .grid-col3 {grid-template-columns: 1fr 1fr 1fr;} .grid-col4 {grid-template-columns: 1fr 1fr 1fr 1fr;} .grid-col5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} .grid-col6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;} .grid-col7 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .grid-col8 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .grid-col9 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .grid-col10 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} .comm-card-List-wp li {position: relative; background: #fff; padding: 0 20px 0 0; transition: all 0.2s;} .comm-card-List-wp li a {display: block; position: relative; height: 390px; text-decoration: none; border: 1px solid #d9d9d9; overflow: hidden; z-index: 1;} .comm-card-List-wp.haesul li a {height: 330px;} .comm-card-List-wp li .thmubs { position: relative; height: 180px; margin: 0 0 18px 0; text-align: center; align-items: center; -webkit-align-items: center; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/no_image_bg.png') no-repeat 50% 50%; background-size: auto 100%; overflow: hidden; } .comm-card-List-wp li .thmubs::before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0, 0.04); transition: all 0.3s; z-index: 2;} .comm-card-List-wp li .thmubs img {display: inline; width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: all 0.4s;} .comm-card-List-wp.haesul li .thmubs img {width: auto; height: 100%;} .comm-card-List-wp li .info {margin: 0 0 15px 0; padding: 0 20px; font-size: 14px; text-align: right;} .comm-card-List-wp li .info span.date {float: left; font-size: 13px; color: #999;} .comm-card-List-wp li .subj { display: -webkit-box; position: relative; min-height: 48px; padding: 0 20px; font-size: 19px; color: #222; letter-spacing: -0.5px; line-height: 130%; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .comm-card-List-wp.haesul li .subj {min-height: 45px; font-size: 17px; line-height: 140%; -webkit-line-clamp: 3;} .comm-card-List-wp li summary { display: -webkit-box; position: relative; min-height: 50px; margin: 14px 0 15px 0; padding: 0 20px; font-size: 12px; color: #888; letter-spacing: -0.2px; line-height: 140%; font-weight: normal; text-align: justify; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .comm-card-List-wp li .count {position: relative; padding: 0 20px 0 40px; font-size: 13px; color: #777; letter-spacing: -0.5px; line-height: 120%; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/eye.png') no-repeat 20px 3px; background-size: auto 10px;} .comm-card-List-wp li .count strong {color: #444;} .comm-card-List-wp li .count span.heart {float: right; font-size: 13px; color: #888;} .comm-card-List-wp li .count span.heart i {margin: 0 6px 2px 0; color: #db4545;} /* Hover시 */ .comm-card-List-wp li a:hover {border-color: #999; box-shadow: 4px 4px 10px 0 rgba(0,0,0, 0.15);} .comm-card-List-wp li a:hover .thmubs::before {background: rgba(0,0,0, 0);} .comm-card-List-wp li a:hover .thmubs img {transform: scale(1.05);} /******************************************************************************************************************************** * Contents View ********************************************************************************************************************************/ .comm-contents-View-wp {margin: 0 0 35px 0; padding: 55px 60px 0 60px; border: 1px solid #ddd;} .comm-contents-View-wp .basic {position: relative; padding: 0 0 30px 0; font-size: 15px; color: #888; border-bottom: 1px dotted #aaa;} .comm-contents-View-wp .basic .title { display: block; position: relative; margin: 0 0 35px 0; padding: 0 0 0 18px; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 33px; letter-spacing: -1px; line-height: 130%; font-weight: 700; } .comm-contents-View-wp .basic .title::before {content: ""; display: block; position: absolute; top: 20px; left: 0; width: 3px; height: 30px; margin: -12px 0 0 0; border-radius: 3px; background: #777;} .comm-contents-View-wp .basic .etc {display: block; position: relative; margin: 0 0 10px 0;} .comm-contents-View-wp .basic .etc .expert {display: inline-block; text-decoration: none;} .comm-contents-View-wp .basic .etc span.expert {color: #333;} .comm-contents-View-wp .basic .etc .level {display: block; position: absolute; top: -12px; left: 240px; width: 198px; height: 33px; background-repeat: no-repeat; background-position: 0 0;} .comm-contents-View-wp .basic .etc .level.lev1 {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/comm_cntLevel_01.png');} .comm-contents-View-wp .basic .etc .level.lev2 {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/comm_cntLevel_02.png');} .comm-contents-View-wp .basic .etc .level.lev3 {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/comm_cntLevel_03.png');} .comm-contents-View-wp .basic .etc .level.lev4 {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/comm_cntLevel_04.png');} .comm-contents-View-wp .basic .etc .level.lev5 {background-image: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/comm_cntLevel_05.png');} .comm-contents-View-wp .basic .count strong {color: #444;} .comm-contents-View-wp .basic .count i {margin: 0 6px 2px 0; color: #db4545; vertical-align: text-bottom;} /* 첨부파일 */ .comm-contents-View-wp .basic .inner-File {display: block; margin: 6px 0 0 0; vertical-align: middle;} .comm-contents-View-wp .basic .inner-File .form-file {margin: 0 0 0 2px; vertical-align: middle;} .comm-contents-View-wp .basic .inner-File .form-file .comm-file-ficon {margin-right: 5px !important;} /* Tag */ .comm-contents-View-wp .basic .tag {margin: 25px 0 0 0;} .comm-contents-View-wp .basic .tag .word { display: inline-flex; justify-content: center; align-items: center; position: relative; height: 22px; margin: 0 6px 6px -2px; padding: 0 15px; font-size: 11.5px; color: #fff; line-height: 0; text-align: center; text-decoration: none; border-radius: 40px; background: #a1a6ac; transition: all 0.1s; } .comm-contents-View-wp .basic .tag .word:hover {background-color: #89919b;} .comm-contents-View-wp .contents-fd {position: relative; min-height: 300px; padding: 60px 15px 80px 15px; font-size: 15px; line-height: 170%;} .comm-contents-View-wp .contents-fd p {margin: 0 0 1.5em 0; font-size: 15px; text-align: left; line-height: 160%; vertical-align: middle;} .comm-contents-View-wp .contents-fd div {margin: 0 0 8px 0; font-size: 100%; text-align: left; line-height: 160%; vertical-align: middle;} /* 저자의 최신 콘텐츠 */ .comm-contents-View-wp .contents-fd .author-series-List {margin: 0 0 40px 0; padding: 10px 0 0 0;} .comm-contents-View-wp .contents-fd .author-series-List .stit {position: relative; margin: 0 0 15px 0; padding: 0 0 12px 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 20px; letter-spacing: -0.5px; font-weight: 600; border-bottom: 1px solid #ccc; background: none;} .comm-contents-View-wp .contents-fd .author-series-List .stit .color {color: #cb0a0a;} .comm-contents-View-wp .contents-fd .author-series-List .stit .more {clear: both; display: inline-block; position: absolute; top: 3px; right: 0; width: 19px; height: 19px; padding: 0 0 0 0px; font-size: 17px; color: #aaa; line-height: 14px; font-weight: 300; text-decoration: none; text-align: center; border: 1px solid #d5d5d5; border-radius: 2px; transition: all 0.2s;} .comm-contents-View-wp .contents-fd .author-series-List .stit .more:hover {color: #fff; border-color: #ff643c; background-color: #f25f39;} .comm-contents-View-wp .contents-fd .author-series-List li {margin: 0 0 6px 0; padding: 0 0 0 12px; font-size: 14.5px; line-height: 120%; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/ic_dot1_org.gif') no-repeat 0 7px;} .comm-contents-View-wp .contents-fd .author-series-List li a { display: block; position: relative; max-width: 100%; text-decoration: none !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .comm-contents-View-wp .contents-fd .author-series-List li a .date {display: inline-block; margin: 0 0 0 8px; font-size: 12px; color: #bbb; letter-spacing: -0.2px; vertical-align: middle;} .comm-contents-View-wp .contents-fd .author-series-List li a .icon {display: inline-block; width: 12px; height: 13px; margin: 0 5px 2px 0; font-size: 10px; color: #fff; line-height: 12px; font-weight: 400; text-align: center; vertical-align: middle;} .comm-contents-View-wp .contents-fd .author-series-List li a .icon.PS {background: #e05555;} .comm-contents-View-wp .contents-fd .author-series-List li a .icon.PF {background: #e05555;} /* 내용내 PDF Viewer */ .comm-contents-View-wp .contents-fd .press-pdf-viewer {position: relative; width: 100%; height: 1500px; margin: 50px 0 0 0; border: 1px solid #eee;} /*----- 관련 실무해설 -----*/ .haesul-series-List {position: relative;} .comm-contents-View-wp .contents-fd .haesul-series-List {margin: 50px 0 0 0;} .haesul-series-List .stit {position: relative; margin: 0 0 12px 0; padding: 0 0 12px 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 20px; letter-spacing: -0.5px; font-weight: 600; border-bottom: 1px solid #ccc; background: none;} .haesul-series-List .more { display: block; position: absolute; bottom: -19px; left: 50%; width: 100px; height: 20px; margin: 0 0 0 -50px; font-size: 20px; line-height: 10px; text-align: center; border: 1px solid #ddd; border-top-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #fff; z-index: 10; } .haesul-series-List .more i {line-height: 0;} .haesul-series-List .more i:before {content: "\f107";} .haesul-series-List .more.active i:before {content: "\f106";} .haesul-series-List .more.active ~ .list {max-height: none; height: auto !important; padding-bottom: 5px; transition: height 0.2s;} .haesul-series-List .list {max-height: 137px; border-bottom: 1px solid #e9e9e9; overflow: hidden; transition: height 0.2s;} .haesul-series-List .list li {display: grid; grid-template-columns: 93% 7%; margin: 0; padding: 0 0 10px 12px; font-size: 14px; line-height: 120%; background: url('https://pds.taxnet.co.kr/comm_web_asset/images/comm/ic_dot2.gif') no-repeat 0 7px;} .haesul-series-List .list li:last-child {margin-bottom: 0;} .haesul-series-List .list li a {display: block; position: relative; max-width: 95%; text-decoration: none !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .haesul-series-List .list li .date {font-size: 12px; color: #888;}