@charset "euc-kr"; /******************************************************************************************************************************** * 일반팝업 ********************************************************************************************************************************/ /*----- 팝업 공통 ----------------------------------------*/ .comm-popup-wrap {position: relative;} .comm-popup-wrap > .title { position: relative; height: 65px; margin: 0 0 30px 0; padding: 0 0 3px 25px; font-size: 130%; color: #fff; letter-spacing: -0.5px; font-weight: bold !important; background-color: #141414; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } .comm-popup-wrap > .title .close { display: block; position: absolute; top: 50%; right: 15px; width: 31px; height: 31px; margin: -16px 0 0 0; background: url('../../images/close(w).png') no-repeat 0 0; opacity: 0.3; } .comm-popup-wrap > .title .close:hover {opacity: 0.8;} .comm-popup-wrap > .title .print { display: block; position: absolute; top: 50%; right: 60px; width: 50px; height: 40px; margin: -19px 10px 0 0; padding: 2px 0 0 0; font-size: 180%; color: #ccc; text-indent: -99999px; font-weight: normal; text-align: center; background: url('/pds/images/comm/print.png') no-repeat 0 0; opacity: 0.5; } .comm-popup-wrap > .title .print:hover {color: #ff5529; opacity: 1;} .comm-popup-wrap > .title .print::before { content: ""; position: absolute; top: 50%; right: -8px; width: 1px; height: 12px; margin: -6px 0 0 0; background: rgba(255,255,255, 0.3); } .comm-popup-wrap > .title .text-resize-wrap {position: absolute; bottom: -40px; right: 20px;} .comm-popup-wrap > .title .text-resize-wrap a { display: inline-block; width: 35px; height: 24px; padding: 0 0 0 0; font-size: 12px; color: #777; line-height: 20px; text-decoration: none; text-align: center; vertical-align: text-bottom; border: 1px solid #e3e3e3; background-color: #fff; } .comm-popup-wrap > .title .text-resize-wrap a.plus {line-height: 18px; border-right: none;} .comm-popup-wrap > .title .text-resize-wrap a.minus {font-size: 10px;} .comm-popup-wrap > .title .text-resize-wrap a .ic {display: inline-block; margin: 0 0 0 3px;} .comm-popup-wrap > .title .text-resize-wrap a.plus .ic {margin: 0 0 0 1px; font-size: 13px;} .comm-popup-wrap > .title .text-resize-wrap a:hover {color: #fff; border-color: #ff643c; background-color: #f25f39;} /*----- 이전, 다음 버튼 -----*/ .comm-popup-wrap .cnt-wp .thumbs { text-align: center; overflow: hidden; } .comm-popup-wrap .cnt-wp .thumbs img {max-width: 1200px; height: auto;} .comm-popup-wrap .cnt-wp .thumbs-btn { display: block; position: fixed; top: 50%; width: 25px; height: 80px; margin: -40px 0 0 0; padding: 0 0 3px 0; font-size: 200%; color: rgba(0,0,0, 0.5); text-align: center; background: rgba(0,0,0, 0.06); z-index: 100; } .comm-popup-wrap .cnt-wp .thumbs-btn.pre {left: 0px; padding-right: 3px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .comm-popup-wrap .cnt-wp .thumbs-btn.next {right: 0px; padding-left: 4px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .comm-popup-wrap .cnt-wp .thumbs-btn:hover {color: #fff; background: #ff643c;} /* Print */ .comm-popup-wrap .cnt-print-field {padding: 40px 40px 40px 40px;} .comm-popup-wrap .cnt-wp { clear: both; position: relative; padding: 0 25px; } .comm-popup-wrap .bottom-btns {margin: 30px 0 0 0; text-align: center;} /* Zoom */ .comm-popup-wrap .title .zoom { display: inline-block; position: absolute; top: 50%; right: 80px; margin: -17px 0 0 0; } .comm-popup-wrap .title .zoom a { display: inline-block; width: 34px; height: 34px; margin: 0 0 0 6px; font-size: 90%; color: #666; line-height: 31px; text-align: center; border-radius: 4px; background: #333; } .comm-popup-wrap .title .zoom a:hover {color: #fff; background: #ff643c;} /*----- 자료보관함 - 카테고리 이동 -----*/ .pop-mySave-Move {margin: 12px 0 0 0; padding: 15px 20px;} /*----- 자료보관함 - 카테고리 관리 -----*/ .pop-mySave-category {margin: 0 0 90px 0; padding: 15px 0 15px 20px;} .pop-mySave-category li {margin: 0 0 8px 0;} .pop-mySave-category li:last-child {margin-bottom: 0;} .pop-mySave-category .btn-type {padding: 0 12px; font-size: 14px; font-weight: normal;} .pop-mySave-category .int-1 {margin-right: 6px;} .pop-mySave-category-add { position: fixed; bottom: 0; left: 0; right: 0; height: 60px; padding: 12px 0 0 0; text-align: center; background: #555; } .pop-mySave-category-add .int-1 {border-color: #444; box-shadow: none;} /*----- 첨부파일 미리보기 -----*/ .pop-file-preView {background: #ebf1f5 !important;} .pop-file-preView .center {display: block; margin: 0 auto;} /*----- 택스넷 포스트 > 위클리 미리보기 -----*/ .pop-mail-preView {background: #f9f9f9;} .pop-mail-preView .mail-import-field { display: inline-block; margin: -30px 0 0 0; padding: 10px 60px 40px 60px; background: #fff; box-shadow: 0 0 5px 3px rgba(0,0,0, 0.03); } /*----- 인명사전 > 과거이력 보기 -----*/ .pop-public-wp.person-chart { margin: 0 auto; } .pop-public-wp .name { display: block; position: relative; height: 30px; padding: 0 0 0 22px; font-size: 100%; line-height: 1.2em; background: url('/pds/images/comm/ic_check2.png') no-repeat 0 3px; } .pop-public-wp .name strong {display: inline-block; margin: 0 2px 0 0; font-size: 110%; color: #f14a1e;} .pop-public-wp .name .stxt { position: absolute; bottom: 8px; right: 0; font-size: 12px; color: #e05555; letter-spacing: -0.5px; } .pop-public-wp .chat-tbl-wp.pop-th {margin: 0 !important;} .pop-public-wp .chat-tbl-wp.pop-th table.List {border-bottom: none !important;} .pop-public-wp .chat-tbl-wp.pop-td {height: 490px; margin: 0 !important; overflow: auto;} .pop-public-wp .chat-tbl-wp.pop-td table.List {border-top: none !important;} .pop-public-wp .chat-tbl-wp.pop-td table.List td {font-size: 13px !important;} .pop-public-wp .chat-tbl-wp.pop-td table.List td.office {padding-top: 7px; padding-bottom: 9px;} /*----- 인명사전 > 조직도 -----*/ .pop-public-wp a.history:hover {color: #d50000 !important;} .pop-public-wp .default-info { position: relative; margin: 0 0 15px 0; padding: 0; } .pop-public-wp .default-info .master-name { float: left; display: inline-block; position: relative; height: 36px; margin: 12px 0 0 0; padding: 7px 16px 0 54px; font-size: 20px; line-height: 100%; font-weight: bold; vertical-align: middle; border: 1px solid #222; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05); } .pop-public-wp .default-info .master-name span.tit { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; margin: 0 0 0 0; padding: 7px 7px 0 7px; font-size: 12px; color: #fff; font-weight: normal; background: #222; } .pop-public-wp .default-info .add-tab {position: absolute; top: -18px; right: 446px;} .pop-public-wp .default-info .add-tab ul {float: left;} .pop-public-wp .default-info .add-tab li { float: left; margin: 0 0 0 1px; } .pop-public-wp .default-info .add-tab li a { display: block; height: 18px; padding: 0 8px; font-size: 10px; color: #fff; line-height: 19px; text-decoration: none !important; text-align: center; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #ccc; } .pop-public-wp .default-info .add-tab li.active a {color: #fff; background: #999;} .pop-public-wp .default-info .add { float: right; position: relative; width: 500px; padding: 6px 15px 8px 15px; border: 1px solid #ccc; background: #f9f9f9; } .pop-public-wp .default-info .add table {width: 100%; table-layout: fixed;} .pop-public-wp .default-info .add td { margin: 0; padding: 0 0 0 0; font-size: 13px; letter-spacing: 0; line-height: 1.4em; text-align: left; vertical-align: middle; } .pop-public-wp .default-info .add td strong { display: inline-block; margin: 0 10px 0 0; padding: 0 0 0 7px; font-size: 12px; color: #888; background: url('/pds/images/comm/ic_dot2.gif') no-repeat 0 9px; } .pop-public-wp .guide { clear: both; margin: -15px 0 7px 0; font-size: 12px; color: #e05555; letter-spacing: -0.5px; } .pop-public-wp .guide i {margin: 0 4px 1px 0; font-size: 14px; vertical-align: middle;} /*----- 조직도 테이블 -----*/ .pop-public-wp .chat-tbl { clear: both; position: relative; margin: 0 0 50px 0; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.1); } .pop-public-wp .chat-tbl .loading { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #ddd; background: #fff; } .pop-public-wp .chat-tbl .loading span.photo { position: absolute; top: 50%; left: 50%; width: 320px; height: 320px; margin: -160px 0 0 -160px; background: url('/pds/images/sub/expert&consult/loading2.gif') no-repeat 0 0; } .pop-public-wp .chat-tbl table {width: 100%; table-layout: fixed; border: 2px solid #878787;} .pop-public-wp .chat-tbl th { width: 35px; padding: 4px 0 6px 0; font-size: 12px; line-height: 1.2em; font-weight: bold; text-align: center; vertical-align: middle; border: 1px solid #878787; background: #c5c8ce; } .pop-public-wp .chat-tbl td { padding: 5px 2px 7px 2px; font-size: 12px; letter-spacing: -0.5px; line-height: 1.4em; text-align: center; vertical-align: top; border: 1px solid #878787; } .pop-public-wp .chat-tbl td.g1 {background: #e5ffb4;} .pop-public-wp .chat-tbl td.g2 {background: #eeffcd;} .pop-public-wp .chat-tbl td a.history {display: block;} .pop-public-wp .chat-tbl td span.onum { display: block; margin: -1px 0 0 0; color: #555; letter-spacing: 0; } .pop-public-wp .chat-tbl tr.kua th, .pop-public-wp .chat-tbl tr.kei th, .pop-public-wp .chat-tbl tr.tel th {vertical-align: middle;} .pop-public-wp .chat-tbl tr.kua td a.history {display: inline-block;} .pop-public-wp .chat-tbl tr.kua td {padding-top: 8px; padding-bottom: 11px; font-weight: bold;} .pop-public-wp .chat-tbl tr.kua td span.onum { display: inline-block; margin: 0 0 0 2px; font-weight: normal; } .pop-public-wp .chat-tbl tr.kei td {padding-top: 6px; padding-bottom: 8px; color: #004fca; font-weight: bold;} .pop-public-wp .chat-tbl tr.fax td {padding-top: 6px; padding-bottom: 8px; color: #4d4db2; letter-spacing: 0;} .pop-public-wp .chat-tbl tr.public-title th, .pop-public-wp .chat-tbl tr.public-title td {border-bottom: 3px double #878787;} .pop-public-wp .chat-tbl tr.public-title td { padding-top: 6px; padding-bottom: 8px; font-size: 15px; font-weight: bold; vertical-align: middle; background: #b6de77; } .pop-public-wp .chat-tbl tr.public-title td a.history {display: inline-block;} /*----- orange 컬러 -----*/ .pop-public-wp .chat-tbl.orange tr.public-title td {background: #ffdb82;} .pop-public-wp .chat-tbl.orange td.g1 {background: #f7edd2;} .pop-public-wp .chat-tbl.orange td.g2 {background: #fbf9e2;} /* tab */ .pop-public-wp .tab-m { clear: both; position: relative; margin: 0 0 10px 0; padding: 0 0 0 52px; } .pop-public-wp .tab-m .tit { display: inline-block; position: absolute; top: 0; left: 0; width: 40px; height: 32px; font-size: 11px; color: rgba(255,255,255, 0.8); line-height: 30px; text-decoration: none !important; text-align: center; vertical-align: middle; border-radius: 3px; background: #444; } .pop-public-wp .tab-m .tit:after { content: ""; position: absolute; top: 50%; right: -10px; margin: -5px 0 0 0; width: 0px; height: 0px; border: 5px solid; border-color: transparent transparent transparent #1c4276; } .pop-public-wp .tab-m a { display: inline-block; position: relative; height: 32px; margin: 0 5px 3px 0; padding: 0 15px; font-size: 13px; color: #fff; letter-spacing: -0.5px; line-height: 30px; text-decoration: none !important; text-align: center; border: 1px solid #bdc3c3; border-radius: 3px; background: #c1c7c8; } .pop-public-wp .tab-m a:hover, .pop-public-wp .tab-m a.selected { text-shadow: 0 1px 0 rgba(0,0,0, 0.1); border-color: #ff643c; background-color: #f25f39; } .pop-public-wp .tab-m a.selected {font-weight: bold;} /*----- 조직도 테이블 신규(2020-12-21) -----------------------------------------*/ .official-chat-tbl { clear: both; position: relative; margin: 0 0 50px 0; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.1); } .official-chat-tbl .tb {width: 100%; table-layout: fixed; border: 2px solid #878787;} .official-chat-tbl .tb th { width: 50px; padding: 8px 0px 8px 0px; font-size: 12px; line-height: 120%; font-weight: bold; vertical-align: middle; border: 1px solid #878787; background: #c5c8ce !important; } .official-chat-tbl .tb td { padding: 8px 3px 8px 3px; font-size: 13px; letter-spacing: -0.5px; line-height: 140%; text-align: center; vertical-align: top; border: 1px solid #878787; background: #f1ffd7; } /* .official-chat-tbl .tb tr:nth-child(even) td {background: #f8ffeb;} */ .official-chat-tbl .tb tr.kua td {color: #222; font-weight: bold; background: #b6de77;} .official-chat-tbl .tb tr.kei th {border-bottom: 3px double #878787;} .official-chat-tbl .tb tr.kei td {color: #004fca; font-weight: bold; border-bottom: 3px double #878787; background: #e5ffb4;} .official-chat-tbl .tb tr.fax td {color: #4d4db2; letter-spacing: 0; background: #edf5e1;} /*----- 영업사원 검색 -----*/ .pop-biz-recom-search {margin: 0 0 30px 0; padding: 20px 20px 18px 20px;} .pop-biz-recom-search li {margin: 0 0 10px 0;} .pop-biz-recom-search li:last-child {margin: 0;} .pop-biz-recom-search li.txt { padding: 6px 0 0 0; font-size: 14px; color: #555; line-height: 1.3em; } .pop-biz-recom-search li.txt span {display: block; padding: 10px 0 0 0; border-top: 1px dotted #aaa;} /*----- 복수이용자신청 요금안내 -----*/ .pop_revenge_charge { clear: both; position: relative; height: 110px; padding: 10px 0 0 145px; font-size: 105%; line-height: 1.4em; background: url('/pds/images/sub/helpdesk/regist/revenge_charge_img.png') no-repeat 0px 3px; } .pop_revenge_charge strong { display: block; margin: 6px 0 4px 0; font-size: 135%; color: #cb0a0a; } /*----- CMS 이체 안내 -----*/ .pop-cmsGuide {clear: both; padding: 0 20px 0 0;} .pop-cmsGuide li { position: relative; margin: 0 0 18px 0; padding: 0 0 0 22px; font-size: 14px; line-height: 1.4em; } .pop-cmsGuide li .stit { display: block; margin: 0 0 5px 0; font-size: 120%; } .pop-cmsGuide li i { position: absolute; top: 2px; left: 0; font-size: 125%; color: #ff643c; } .pop-cmsGuide .box-tp { margin: 12px 0 0 0; padding: 22px 20px 12px 20px; font-size: 13px; color: #555; line-height: 1.4em; } .pop-cmsGuide .box-tp span.num { display: block; margin: 0 0 2px 0; font-size: 14px; color: #3f577e; font-weight: bold; } .pop-cmsGuide .box-tp span.info { display: block; margin: 0 0 12px 15px; } .pop-cmsGuide .box-tp .info2 {margin: 0 0 12px 18px;} .pop-cmsGuide .box-tp .info2 li { margin: 0 0 3px 0; padding: 0 0 0 12px; font-size: 13px; color: #555; line-height: 1.4em; background: url('/pds/images/comm/ic_gray3.gif') no-repeat 0 10px; } .pop_cmsGuide .box .info2 li:last-child {margin-bottom: 0;} /*----- 아이디/비밀번호 찾기 -----*/ .pop-searchIDPW-wp { clear: both; overflow: hidden; } /* Tab*/ .pop-searchIDPW-wp .Tab { height: 40px; margin: 0 0 20px 0; font-size: 14px; text-align: center; border-radius: 4px; background: #fafafa; } .pop-searchIDPW-wp .Tab a { display: inline-block; position: relative; top: -1px; width: 180px; height: 40px; color: #333; line-height: 38px; text-decoration: none; } .pop-searchIDPW-wp .Tab a:first-child::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin: -6px 0 0 0; background: #ddd; } .pop-searchIDPW-wp .Tab a:last-child::before { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 10px; margin: -6px 0 0 0; background: #ddd; } .pop-searchIDPW-wp .Tab a.active { color: #fff; font-weight: bold; background: #333; box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.15); } .pop-searchIDPW-wp .Tab a.active::before {display: none;} .pop-searchIDPW-wp .Tab a.active::after { content: ""; display: block; position: absolute; bottom: -11px; left: 50%; margin: 0 0 0 -10px; width: 30px; height: 24px; margin: 0 0 0 -15px; border-radius: 100%; background: #333 url('/pds/images/regist/pop_tab_ic.png') no-repeat center 14px; } /* title */ .pop-searchIDPW-wp .guide-stit { display: block; margin: 0 0 10px 0; padding: 0 0 0 10px; font-size: 12px; color: #444; background: url('/pds/images/comm/ic_dot1.gif') no-repeat 0 6px; } /*----- 정보입력 및 확인 -----*/ .pop-searchIDPW-wp .regist-int-field { clear: both; height: 255px; padding: 22px 25px 0 25px; border-radius: 4px; background: #fff; } .pop-searchIDPW-wp .regist-int-field .radio-field {margin: 0 0 12px -22px; transform: scale(0.9);} .pop-searchIDPW-wp .regist-int-field .radio-field input:checked + label {font-weight: bold !important;} .pop-searchIDPW-wp .regist-int-field .tbl { clear: both; margin: 0 0 20px 0; } .pop-searchIDPW-wp .regist-int-field .tbl table {width: 100%; table-layout: fixed;} .pop-searchIDPW-wp .regist-int-field .tbl th { padding: 0 0 2px 0; font-size: 14px; color: #777; line-height: 1.1em; text-align: left; vertical-align: middle; } .pop-searchIDPW-wp .regist-int-field .tbl td { padding: 4px 0; font-size: 14px; vertical-align: middle; } .pop-searchIDPW-wp .regist-int-field .btn-type { position: absolute; top: 61px; right: 25px; width: 75px; height: 82px; padding: 0; font-size: 14px; letter-spacing: -0.5px; transition: all 0.3s; } .pop-searchIDPW-wp .regist-int-field .btn-type i { display: none; font-size: 120%; } .pop-searchIDPW-wp .regist-int-field input::-moz-placeholder {font-size: 14px; color: #aaa; letter-spacing: -0.5px; opacity: 1;} .pop-searchIDPW-wp .regist-int-field input:-ms-input-placeholder {font-size: 14px; color: #aaa; letter-spacing: -0.5px;} .pop-searchIDPW-wp .regist-int-field input::-webkit-input-placeholder {font-size: 14px; color: #aaa; letter-spacing: -0.5px;} .pop-searchIDPW-wp .regist-int-field .stxt-info { display: block; font-size: 12px; color: #888; letter-spacing: -0.5px; line-height: 1.2em; } .pop-searchIDPW-wp .regist-int-field .stxt-info.pw {margin-top: -8px;} .pop-searchIDPW-wp .int-result-box {display: none;} .pop-searchIDPW-wp .int-result-box .regist-int-field { padding-top: 30px; background: url('/pds/images/regist/pop_bottom_img.png') no-repeat 340px 145px; } .pop-searchIDPW-wp .int-result-box .regist-int-field .stxt-info { padding: 12px 0 0 10px; font-size: 13px; line-height: 1.5em; } .pop-searchIDPW-wp .int-result-box .regist-int-field .stxt-info.pw { padding: 8px 0 0 0; font-size: 12px; } .pop-searchIDPW-wp .int-result-box .regist-int-field .stxt-info.pw .row {display: block; margin: 0 0 12px 0; font-size: 13px;} /*----- 회원가입 -----*/ .pop-searchIDPW-wp .guide-member { position: relative; margin: 20px 0 0 0; padding: 0 0 0 37px; font-size: 12px; color: #666699; line-height: 1.4em; } .pop-searchIDPW-wp .guide-member i { position: absolute; top: 0px; left: 0; font-size: 280%; color: #8f8fab; } .pop-searchIDPW-wp .guide-member .btn-type { position: absolute; top: 3px; right: 0; padding: 0 12px; font-size: 12px; border-radius: 4px; } /*----- 아이디 중복확인 -----*/ .pop-IDchk-wp .chk-id { clear: both; position: relative; padding: 20px 0 22px 0; font-size: 14px; text-align: center; border-radius: 4px; } .pop-IDchk-wp .chk-id-ok-btn { margin: 15px 0 25px 0; text-align: center; } .pop-IDchk-wp .id-research-field { clear: both; padding: 25px 0 20px 0; font-size: 14px; text-align: center; border-radius: 4px; background: #fff; } .pop-IDchk-wp .id-research-field strong { display: inline-block; margin: 0 5px 2px 0; vertical-align: middle; } .pop-IDchk-wp .id-research-field .form-control { display: inline-block; vertical-align: middle; } .pop-IDchk-wp .id-research-field .btn-type { display: inline-block; height: 40px; font-size: 14px; line-height: 36px; vertical-align: middle; } .pop-IDchk-wp .id-research-field .guide-info { display: block; margin: 10px 0 0 0; font-size: 12px; color: #666699; } /*----- 누락예규판례 요청 -----*/ .pop-yp-omission-guide { clear: both; margin: 0 0 25px 0; padding: 16px 30px 16px 150px; font-size: 13px; line-height: 1.4em; background: url('/pds/images/sub/yp/YgPr_request_info.png') no-repeat 35px center; } .pop-yp-omission-guide strong { display: block; margin: 0 0 4px 0; font-size: 14px; } .pop-yp-omission-stit { position: relative; margin: 0 0 5px 0; font-size: 100%; line-height: 1.2em; font-weight: bold; } .pop-yp-omission-stit:before { content: "●"; display: inline-block; margin: 0 5px 4px 0; font-size: 9px; color: #ff643c; vertical-align: middle; } /*----- 예규판례 키워드 -----*/ .pop-keyMap-wrap .box-tp { position: relative; height: 52px; margin: 0 0 0 0; padding: 0 0 2px 40px; font-size: 105%; font-weight: bold; background: #f8f8f8 url('/pds/images/comm/ic_check2.png') no-repeat 16px 18px; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05); } /*----- 판례 전문보기(판례이력) -----*/ .pop-yp-recod-all-wrap .comm-cnt-Btns {margin: -10px 0 10px 0} .pop-yp-recod-all-wrap .cnt-wp { padding: 0 30px 30px 30px; } /*----- 판례검색 이용안내 팝업 -----*/ .pop-comm-searchGuide { clear: both; position: relative; padding: 0 0 0 100px; background: url('/pds/images/sub/yp/search_guide_img.png') no-repeat 0px 6px; } .pop-comm-searchGuide li { margin: 0 0 8px 0; padding: 0 0 0 10px; font-size: 13px; line-height: 1.5em; background: url('/pds/images/comm/ic_dot1.gif') no-repeat 0 9px; } .pop-comm-searchGuide li .big { display: block; margin: 0 0 4px 0; } /*----- 서식 미리보기 팝업 -----*/ .pop-form-preview .subj, .form-old-List .category { position: relative; height: 50px; margin-top: 20px; padding: 0 0 0 40px; font-size: 100%; font-weight: bold; background: url('/pds/images/comm/ic_check2.png') no-repeat 16px 17px; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05); } .pop-form-preview .subj .page { display: inline-block; margin: 0 0 2px 10px; font-size: 105%; font-weight: normal; vertical-align: middle; } .pop-form-preview .subj .page strong {color: #2664b9;} .pop-form-preview .subj .form-file { position: absolute; top: 50%; right: 15px; margin: -18px 0 0 0; } .pop-form-preview .thumbs { text-align: center; overflow: hidden; } .pop-form-preview .thumbs img {max-width: 1200px; height: auto;} .pop-form-preview .thumbs-btn { display: block; position: fixed; top: 50%; width: 40px; height: 80px; margin: -40px 0 0 0; padding: 0 0 3px 0; font-size: 350%; text-align: center; background: rgba(0,0,0, 0.1); z-index: 100; } .pop-form-preview .thumbs-btn.pre {left: 0px; padding-right: 4px;} .pop-form-preview .thumbs-btn.next {right: 0px; padding-left: 5px;} .pop-form-preview .thumbs-btn:hover { color: #fff; background: #ff643c; } /*----- (구)서식 팝업 -----*/ .pop-form-Oldlist .category { position: relative; height: 50px; margin-top: 20px; padding: 0 0 0 40px; font-size: 100%; font-weight: bold; background: url('/pds/images/comm/ic_check2.png') no-repeat 16px 17px; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05); } /******************************************************************************************************************************** * 스마트 검색 (3단보기 내) ********************************************************************************************************************************/ .sch-popup-smart-wrap {clear: both; overflow: hidden;} .sch-popup-smart-wrap .title { position: relative; margin: 0 0 25px 0; padding: 25px 235px 28px 20px; font-size: 120%; color: #fff; letter-spacing: -0.5px; font-weight: bold; background-color: #141414; box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2); } .sch-popup-smart-wrap .title .form-control { position: absolute; top: 50%; right: 20px; height: 30px; margin: -15px 0 0 0; font-size: 13px; font-weight: normal; border-radius: 3px; } .sch-popup-smart-wrap .cnt-wp {clear: both; padding: 0 20px 60px 20px;} .sch-popup-smart-wrap .reSch-align { clear: both; position: relative; margin: 0 0 15px 0; padding: 0 0 10px 0; overflow: hidden; } .sch-popup-smart-wrap .reSch-align .stit { display: inline-block; margin: 0 5px 3px 0; font-size: 13px; vertical-align: middle; } .sch-popup-smart-wrap .reSch-align .int-1 {width: 250px; height: 32px; font-size: 13px;} .sch-popup-smart-wrap .reSch-align .btn-type { height: 32px; padding: 0 10px; font-size: 12px; line-height: 28px; transition: all 0.3s; } .sch-popup-smart-wrap .reSch-align .list-align {position: absolute; top: 6px; right: 0;} .sch-popup-smart-wrap .reSch-align .list-align .radio-field label {padding: 0 15px 0 0; font-size: 13px;} .sch-popup-smart-wrap .reSch-align .list-align .radio-field label::before {width: 18px; height: 18px; margin: 0 5px 0 0;} .sch-popup-smart-wrap .reSch-align .list-align .radio-field input[type=radio]:checked + label::before {width: 18px; height: 18px; border-width: 4px;} /*----- 검색결과 List -----*/ .sch-popup-smart-wrap .sch-result-list {clear: both;} .sch-popup-smart-wrap .sch-result-list .sch-list { width: 100%; margin: 0 0 35px 0; padding: 0 0 40px 0; border-bottom: 1px solid #e8e8e8; } .sch-popup-smart-wrap .sch-result-list .sch-list:last-child {margin-bottom: 0; border-bottom: none;} .sch-popup-smart-wrap .sch-result-list .sch-list.bottom-line-None {margin: 0; border-bottom: none;} .sch-popup-smart-wrap .sch-result-list .sch-list dd { position: relative; margin: 0 0 18px 0; padding: 0 5px 0 5px; font-size: 14px; line-height: 1.5em; } .sch-popup-smart-wrap .sch-result-list .sch-list dd:last-child {margin-bottom: 0 !important;} .sch-popup-smart-wrap .sch-result-list .sch-list dd.bottom-small {margin-bottom: 12px;} .sch-popup-smart-wrap .sch-result-list .sch-list dd.bottom-small2 {margin-bottom: 6px;} .sch-popup-smart-wrap .sch-result-list .sch-list dd.None {padding: 0;} .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-subj { display: block; position: relative; padding: 0 0 8px 0; font-size: 15px; font-weight: bold; } .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-subj a.sjlink {display: block;} .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-subj.short a.sjlink {display: inline-block; margin-right: 5px;} .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-subj.dic {padding-right: 30px;} .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-subj .etc { display: inline-block; font-size: 14px; font-weight: normal; } .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-subj.sub-innner { margin-left: 15px; padding-left: 18px; background: url('/pds/images/sub/law/acc_list_ic_01.png') no-repeat 0 5px; background-size: auto 14px; } .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-subj.sub-innner-in {margin-left: 30px;} .sch-popup-smart-wrap .sch-result-list .sch-list dd .sch-text { display: block; font-size: 14px; color: #555; line-height: 1.5em; } .sch-popup-smart-wrap .sch-result-list .sch-list dd .etc { display: block; margin: 2px 0 0 0; font-size: 13px; color: #888; line-height: 1.5em; } .sch-popup-smart-wrap .sch-result-list .sch-list dd .etc span {display: inline-block; vertical-align: middle;} .sch-popup-smart-wrap .sch-result-list .sch-list dd .etc span.date {margin: 0 15px 0 0; font-size: 14px;} .sch-popup-smart-wrap .sch-result-list .sch-list dd .etc .wlink {color: #888;} /******************************************************************************************************************************** * 양도/상속/증여 자동계산 팝업 ********************************************************************************************************************************/ .asptax-wrap { clear: both; min-width: 830px; padding: 20px 25px 40px 25px; } .asptax-wrap .title { position: relative; height: 48px; margin: 0 0 30px 0; padding: 2px 0 0px 45px; font-size: 27px; letter-spacing: -1.6px; line-height: 100%; font-weight: bold; border-bottom: 2px solid #ccc; background: url('/images/asptax_titIc.png') no-repeat 0 0px; } .asptax-wrap .title::before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 95px; height: 2px; background-color: #ff643c; } .asptax-wrap .title .btn {display: inline-block; position: absolute; top: 7px; right: 0;} .asptax-wrap .tbl-section .stit { position: relative; min-height: 20px; margin: 0 0 10px 0; padding: 0 0 0 24px; font-size: 17px; color: #555; letter-spacing: -0.6px; line-height: 140%; font-weight: bold; background: url('/images/asptax_ic3.png') no-repeat 0 5px; } .asptax-wrap .tbl-section .stit.first {margin-top: -3px;} .asptax-wrap .tbl-section .stit .btn {display: inline-block; position: absolute; top: 2px; right: 0;} .asptax-wrap .tbl-section .stit .btn .btn-type {line-height: 17px;} /*--- table ---*/ .asptax-wrap .tbl-section { position: relative; margin: 0 0 25px 0; padding: 20px 20px 20px 20px; border: 2px solid #eee; background-color: #fff; } .asptax-wrap .tbl-section .tbl {margin-bottom: 25px; padding: 1px 0; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;} .asptax-wrap .tbl-section .tbl:last-child {margin-bottom: 5px;} .asptax-wrap .tbl-section .tbl.result {margin-bottom: 0;} .asptax-wrap .tbl-section .tbl.bottom-mrg {margin-bottom: 25px !important;} .asptax-wrap .tbl-section .tbl table {width: 100%; table-layout: fixed;} .asptax-wrap .tbl-section .tbl tr:last-child th, .asptax-wrap .tbl-section .tbl tr:last-child td {border-bottom: none;} .asptax-wrap .tbl-section .tbl th { min-height: 50px; _height: 50px; padding: 0 0 0 12px; font-size: 13px; color: #555; line-height: 120%; font-weight: bold; text-align: left; vertical-align: middle; border-bottom: 1px solid #e3e3e3; background-color: #f2f4f6; } .asptax-wrap .tbl-section .tbl th.bg {background-color: #fbf0f0 !important;} .asptax-wrap .tbl-section .tbl th.ct {font-weight: normal !important; text-align: center;} .asptax-wrap .tbl-section .tbl th.pd-cell {padding-top: 7px; padding-bottom: 8px;} .asptax-wrap .tbl-section .tbl th span {display: inline-block;} .asptax-wrap .tbl-section .tbl th span::before { content: "\f069"; display: inline-block; margin: 0 5px 2px 0; font-family: 'FontAwesome'; font-size: 7px; color: #f48831; font-weight: normal !important; vertical-align: middle; } .asptax-wrap .tbl-section .tbl th .stxt {display: block; margin: 0 0 0 12px; padding: 0 20px 0 0; font-size: 11px; line-height: 120%; font-weight: normal;} .asptax-wrap .tbl-section .tbl td { padding: 8px 20px 8px 20px; font-size: 14px; line-height: 150%; text-align: left; vertical-align: middle; border-bottom: 1px solid #eee; } .asptax-wrap .tbl-section .tbl td.Right {text-align: right;} .asptax-wrap .tbl-section .tbl td.ct {padding: 0; color: #777; text-align: center;} .asptax-wrap .tbl-section .tbl td.bg {background-color: #fdf6f6 !important;} .asptax-wrap .tbl-section .tbl td.bg2 {background-color: #f9fbf5 !important;} .asptax-wrap .tbl-section .tbl td.sstit {padding-left: 12px; padding-top: 10px; color: #555; font-weight: bold;} .asptax-wrap .tbl-section .tbl.line td {border-right: 1px solid #eee;} .asptax-wrap .tbl-section .tbl.line td:last-child, .asptax-wrap .tbl-section .tbl.line td.rtLine-hide {border-right: none;} /* Result */ .asptax-wrap .tbl-section .tbl.result th {min-height: 46px !important; _height: 46px; padding: 0 0 2px 20px; font-size: 14px; font-weight: normal; background-color: #f7f7f7;} .asptax-wrap .tbl-section .tbl.result th.ct {padding-left: 0; font-size: 14px;} .asptax-wrap .tbl-section .tbl.result th.row {height: 38px !important; padding: 0 0 2px 0; font-size: 13px; font-weight: bold; text-align: center; border-right: 1px solid #e3e3e3; border-bottom-color: #ddd;} .asptax-wrap .tbl-section .tbl.result th.row:last-child {border-right: none;} .asptax-wrap .tbl-section .tbl.result td {padding-top: 11px; padding-bottom: 12px; font-size: 15px; letter-spacing: 0.5px;} .asptax-wrap .tbl-section .tbl.result.small td {padding-top: 9px; padding-bottom: 10px;} .asptax-wrap .tbl-section .tbl.result tr.sum th {font-size: 15px; color: #e20000; font-weight: bold;} .asptax-wrap .tbl-section .tbl.result tr.sum td {font-size: 18px; color: #e20000; font-weight: bold;} .asptax-wrap .tbl-section .tbl.result td.subj {font-size: 14px; letter-spacing: 0;} .asptax-wrap .tbl-section .tbl.result tr.sum td.subj {font-size: 16px;} .asptax-wrap .tbl-section .info-modal {margin: 0 0 0 14px; vertical-align: middle;} .asptax-wrap .tbl-section .middle-sum {font-size: 16px; color: #e20000; font-weight: bold;} /*--- form reset ---*/ .asptax-wrap .int-calendar {position: relative; margin-right: 30px;} .asptax-wrap .int-calendar::before { content: ""; display: block; position: absolute; top: 0; right: -35px; width: 30px; height: 34px; background: url('/pds/images/comm/calendar.png') no-repeat 0 0; background-size: auto 34px; z-index: 2; } .asptax-wrap .form-info {font-size: 12px;} .asptax-wrap .radio-field {margin-top: 5px; margin-bottom: 5px;} .asptax-wrap .form-control {height: 34px !important; padding-top: 4px; padding-bottom: 6px; font-size: 14px;} .asptax-wrap .int-1.small {height: 28px !important; padding-top: 2px; padding-left: 5px;} .asptax-wrap .form-control.selt-1 {padding-bottom: 4px;} .asptax-wrap .radio-field label {font-size: 14px;} .asptax-wrap .radio-field label.w1 {width: 90px; padding: 0;} .asptax-wrap .radio-field label.w2 {width: 190px; padding: 0;} .asptax-wrap .age-item { display: none; position: relative; margin: 8px 10px 0 0; } .asptax-wrap .age-item::after { content: ""; position: absolute; bottom: 0px; right: -6px; color: #777; } .asptax-wrap .age-item:last-child::after {display: none;} .asptax-wrap .int-infoTxt {display: block; margin: 4px 0 0 0; font-size: 12px; color: #666699; line-height: 120%;} /*--- Btn ---*/ .asptax-wrap .tbl-btns { position: relative; padding: 0 0 5px 0; line-height: 100%; text-align: center; } /*--- Guide ---*/ .asptax-wrap .guide-box { clear: both; margin: 0 0 -10px 0; padding: 15px 20px 15px 38px; font-size: 13px; color: #555; line-height: 150%; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #f7f7f7; } .asptax-wrap .guide-box .tit {display: block; margin: 0 0 5px -22px; font-size: 17px; color: #e05555;} .asptax-wrap .guide-box .tit i {margin: 0 5px 2px 0; font-size: 20px;} .asptax-wrap .guide-box .num {display: block; margin: 5px 0 0 0px;} .asptax-wrap .guide-box.ty2 {padding-left: 28px; padding-bottom: 14px;} .asptax-wrap .guide-box.ty2 .tit {margin-left: -12px;} .asptax-wrap .guide-txt { margin: 0 0 10px 0; padding: 8px 10px 10px 28px; font-size: 12px; color: #e33d3d; line-height: 120%; border: 1px solid #c6d1e3; background: #f7f9fc url('/pds/images/comm/icon_subject2.gif') no-repeat 10px 10px; } .asptax-wrap .tax-sum-box { clear: both; margin: 0 0 30px 0; padding: 14px 50px 17px 64px; font-size: 17px; font-weight: bold; line-height: 140%; border: 2px solid #e7ccc5; background: #fff9f7 url('/images/asptax_ic2.png') no-repeat 15px center; } .asptax-wrap .tax-sum-box i::before {content: "\f138";} .asptax-wrap .tax-sum-box i {display: none; font-size: 17px; color: #e94e1b; margin: 0 8px 1px 0;} .asptax-wrap .tax-sum-box .price {font-size: 18px; color: #e20000; font-weight: bold;} /*----- Modal용 -----*/ .info-modal-tbl-stit {margin: -5px 0 5px 0; font-size: 17px; line-height: 140%; font-weight: bold;} .info-modal-tbl-txt { margin: 0 0 15px 0; font-size: 13px; color: #555; line-height: 150%; } .info-modal-tbl-txt.long {line-height: 160%;} .info-modal-tbl-txt .stit {display: block; margin: 0 0 5px 0; font-size: 14px; color: #333;} .info-modal-tbl-txt .stit.big {margin-bottom: 12px; font-size: 17px; letter-spacing: -0.5px;} /*----- Intro ----------*/ .asptax-wrap.intro { clear: both; position: relative; margin: 0 auto; padding: 100px 0 0 0; z-index: 100; } .asptax-intro-visual { content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; border: 16px solid rgba(212,214,215, 0.7); background: #fff; z-index: 0; } .asptax-intro-visual::before { content: ""; display: block; position: fixed; top: 0; left: 50%; width: 850px; height: 437px; margin: 0 0 0 -425px; background: url('/images/asptax_introbg1.png') no-repeat 0 0; z-index: 1; } .asptax-intro-visual::after { content: ""; display: block; position: fixed; bottom: 0; left: 50%; width: 850px; height: 339px; margin: 0 0 0 -425px; background: url('/images/asptax_introbg2.png') no-repeat 0 0; z-index: 1; } .asptax-wrap.intro .tit-subj { margin: 0 0 20px 0; padding: 15px 0 15px 0; font-size: 48px; color: #222; letter-spacing: -2px; line-height: 150%; text-align: center; } .asptax-wrap.intro .tit-subj strong {display: block; margin: 0 0 5px 0; font-size: 80px;} .asptax-wrap.intro .tit-middle { margin: 0 0 40px 0; font-size: 13px; line-height: 150%; text-align: center; } .asptax-wrap.intro .tit-middle h2 { display: block; margin: 0 0 60px 0; font-size: 25px; color: #555; letter-spacing: -1px; line-height: 150%; font-weight: bold; } .asptax-wrap.intro .tit-middle h3 { display: block; position: relative; margin: 0 0 80px 0; font-size: 27px; color: #767697; letter-spacing: -1px; line-height: 130%; font-weight: normal; } .asptax-wrap.intro .btn-type { width: 300px; height: 60px; font-size: 21px; line-height: 55px; font-weight: normal; } .asptax-wrap.intro .btn-type span { display: inline-block; padding: 0 20px 0 0; background: url('/images/asptax_ic1.png') no-repeat right 21px; background-size: auto 18px; } /* 2021-07-12 이제노 추가 */ .comm-popup-wrap > .title.fixed{position:fixed;left:0;right:0;font-size:140%;z-index:10;} /* contents 노출 보정 */ .jo-contents-field { font-size: 14px; } .jo-contents-field .ctnt_T1 { margin-top: 14px; } .jo-contents-field .ctnt_T1:first-child { margin-top: 0; } .jo-contents-field .ctnt_P0 { margin-top: 14px; } .jo-contents-field .ctnt_P0:first-child { margin-top: 0; } .ctnt_T1 { padding-bottom: 4px; font-weight: bold; font-size: 115% !important; } .ctnt_S0 { padding-left: 1em; line-height: 180% !important; } .ctnt_P0 { padding-left: 1em; line-height: 180% !important; } .ctnt_P1 { padding-left: 4em; line-height: 180% !important; } .ctnt_P2 { padding-left: 6em; line-height: 180% !important; } /* // contents 노출 보정 */