@charset "utf-8"; /* * 파일명: common.css * 기능설명: 컨텐츠 공통 css 파일: 기본 정의 및 레이아웃 * 작성자: progdesigner * 작성일: 2013-10-21 * 최종수정일: 2013-10-22 */ /* -------- COMMON -------- */ body {background-color:#FAFAFA;} body, p, ul, ol, li, dl, dt, dd, table, th, td, fieldset, form, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0;} body, input, textarea, select, button {color:#3c3c3c; font-size:12px; line-height:18px; font-family:Dotum,돋움, Helvetica, Arial, Apple-Gothic, sans-serif;ime-mode:"auto"} fieldset, img {border:0;} table {border-collapse:collapse; border-spacing: 0;} legend, caption {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;} ul, ol {list-style:none;} em {font-style:normal;} form {display:inline;} h4{font-weight: bold;} /* ---- LINK ---- */ a {color:#rgb(34,34,34); text-decoration:none;} /* a:hover {color:#c22327 !important; text-decoration:underline;} */ /* 오버 공통 */ a.on, .on a {color:#c22327 !important; font-weight:bold;} /* 활성화 공통 */ /* ---- FORM ---- */ /* ---- BUTTON ---- */ .btn.button {*overflow:visible; display:inline-block; margin:0; *margin:0 2px; padding:0; background:none; text-align:center; vertical-align:middle; border:none; white-space:nowrap; cursor:pointer;} .btn.button.disabled, .btn.disabled {cursor:default;} .btn.button:active {outline:none;} .btn.button::-moz-focus-inner {padding:0; border:0;} firefox 버튼 내부 여백 제거 .btn.button span, .btn span { position:relative; display:block; margin-top:-1px; vertical-align:middle;} .btn.custom {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -153px -2px; width:73px; height:26px; } .btn.custom:hover {background-position: -153px -30px;} .btn.custom:active {background-position: -153px -58px; outline: none;} .btn.custom span {min-width:73px; color:#13aab7; font-size:11px;} .btn.custom2 {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -537px -2px; width:73px; height:43px;} .btn.custom2:hover {background-position: -537px -42px; } .btn.custom2:active {background-position: -537px -81px; } .btn.custom2 span {color:#39a9f4; font-size:14px;} .btn.custom3 {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -754px -2px; width:120px; height:24px;} .btn.custom3:hover {background-position: -754px -28px; } .btn.custom3:active {background-position: -754px -54px; } .btn.custom3 span {color:#ffffff; font-size:12px; font-weight:bold; line-height:24px;} .btn.custom4 {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -500px -287px; width:120px; height:37px;} .btn.custom4:hover {background-position: -500px -338px; } .btn.custom4:active {background-position: -500px -389px; } .btn.custom4 span {color:#ffffff; font-size:14px; font-weight:bold;} .btn.custom5 {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -698px -287px; width:120px; height:37px;} .btn.custom5:hover {background-position: -698px -338px; } .btn.custom5:active {background-position: -698px -389px; } .btn.custom5 span {color:#ffffff; font-size:14px; font-weight:bold;} .btn.logo {width:147px; height:28px; } .btn.logo span {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -3px -4px; width:147px; height:28px;} .btn.page.first {width:15px; height:15px; } .btn.page.first span {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -256px -3px; width:8px; height:11px; margin-left:3px; } .btn.page.first.disabled span {background-position: -256px -15px; } .btn.page.first:active span {background-position: -256px -27px; } .btn.page.point {width:15px; height:15px; } .btn.page.point span {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -228px -5px; width:7px; height:7px; margin-left:4px; } .btn.page.point:active span {background-position: -237px -5px; } .btn.page.point.on span {background-position: -246px -5px; } .btn.page.last {width:15px; height:15px; } .btn.page.last span {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -266px -3px; width:8px; height:11px; margin-left:2px; } .btn.page.last.disabled span {background-position: -266px -15px; } .btn.page.last:active span {background-position: -266px -27px; } .btn.login {width:102px; height:102px; } .btn.login span {background:url('../imgs/user_login_btn1.png') no-repeat 0 0;background-size: cover;width:100px; height:101px;margin-left:1px;} /* .btn.login {width:72px; height:72px; } .btn.login span {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -318px -2px; width:70px; height:71px; margin-left:1px;} .btn.login:hover span {background-position: -391px -2px; } .btn.login:active span {background-position: -465px -3px; } */ .btn.more {width:36px; height:13px; } .btn.more span {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -279px -2px; width:36px; height:13px; margin-left:1px;} .btn.more:hover span {background-position: -279px -17px; } .btn.more:active span {background-position: -279px -32px; } .btn.prev {overflow:hidden; /*background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -612px -2px; width:69px; height:26px;*/} .btn.prev:hover {background-position: -612px -30px; } .btn.prev:active {background-position: -612px -58px; } .btn.next {overflow:hidden; /* background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -683px -2px; width:69px; height:26px;*/} .btn.next:hover {background-position: -683px -30px; } .btn.next:active {background-position: -683px -58px; } .btn.modify {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -876px -2px; width:74px; height:21px;} .btn.modify:hover {background-position: -876px -25px; } .btn.modify:active {background-position: -876px -48px; } .btn.popup-close {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -8px -444px; width:14px; height:11px;} .btn.popup-close:hover {background-position: -8px -444px; } .btn.popup-close:active {background-position: -8px -444px; } .btn.popup-custom {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -894px -287px; width:109px; height:26px;} .btn.popup-custom:hover {background-position: -894px -287px;} .btn.popup-custom:active {background-position: -894px -287px;} .btn.popup-custom span {color:#edebeb; font-size:12px; font-weight:bold;} .btn.logo span, .btn.page span, .btn.login span, .btn.more span, .btn.prev span, .btn.next span, .btn.modify span, .btn.popup-close span {font-size:0; line-height:0; text-indent:-999px;} /* -------- LAYOUT -------- */ .area-left {float:left; } .area-right {float:right; } #wrapper {width:100%; min-width:1024px; background-color:#FAFAFA;} #header {*zoom:1;} #header:after {display:block; clear:both; content:' ';} /* #header .section.utility {height:3px; background-color:#F08E21; border-bottom:0px solid #777777;} */ #header .section.utility {height:3px; background-color:#449dca; border-bottom:0px solid #777777;} #header .section.utility .area-right {margin:2px 2px 0 0;} #header .section.utility .area-right {margin:2px 2px 0 0;} #header .section.utility .user-name {float: right; width:150px; height:15px; line-height:20px; margin:0px 10px 0px 0px; color:#ffffff; text-align:right; font-size:12px; } #header .section.logo {height:50px; background-color:#FAFAFA; border-bottom:0px solid #f3f2f2; border-bottom:1px solid #E2E2E2;} #header .section.logo .area-left {margin:1px 1px 1px 1px; max-width: 200px;max-height: 45px; position: relative;} #header .section.logo .area-right {margin:3px 5px 0 0; position:relative; } #header .section.logo .area-right .btn.custom2 {float: right;} #header .section.logo .area-right .user-info {float: right; width:200px; margin-right: 8px; line-height:28px; margin-top:6px; } #header .section.logo .area-right .user-info .user-name {float: right; width:300px; height:15px; line-height:12px; margin:0px 0px 0px 0px; color:#000000; text-align:right; font-size:12px; } #header .section.logo .area-right .user-info .user-group {float: right; width:60px; height:15px; line-height:0px; color:#c8c8c8; margin:0px 0px 0px 0px; text-align:right; font-size:11px; } #header .section.logo .area-right .user-info .user-status {margin-top: -5px;float:right;text-align:center;cursor: default;} #header .section.title {height:80px; background-color:#FAFAFA;} #container {width:100%; position:relative; *zoom:1; background-color:#FAFAFA; border-bottom:0px solid #bfc0c1; margin:0;} #container:after {display:block; clear:both; content:' ';} #container.no-footer {border-bottom:0px;} #content { width:1024px; position:relative; *zoom:1; margin:0 auto; } #content:after {display:block; clear:both; content:' ';} #footer {width:100%; *zoom:1; height:139px; background-color:#FAFAFAss; border-top:1px solid #f5f5f4;} #footer:after {display:block; clear:both; content:' ';} /* -------- LOGIN -------- */ #login {position:relative; margin-left:90px; margin-top:70px; width:453px;} #login .login-box {overflow:hidden; background:url('../imgs/bg_login1.png') no-repeat 0 0; width:453px; height:170px; margin-top:2px; } /* css resize부분때문에 수정. 16-04-28. arnam */ #login .login-form {width:420px; *zoom:1; margin:0 auto; } #login .login-form:after {display:block; clear:both; content:' ';} #login .login-form ul {float:left; width:260px; margin-top:31px; margin-left: 20px; } #login .login-form ul li { float:left; position:relative; width:100%; margin:4px; height:30px; } #login .login-form ul li dt { float:left; text-align:right; width:60px; height:28px; } #login .login-form ul li dt span { display:block; margin-top:7px; } #login .login-form ul li dd { float:left; margin-left:10px; background:url('../imgs/bg_input_text_login.png') no-repeat; width:180px; height:28px; } #login .login-form .input-text {border:none; margin:5px;} /* #login .login-form .submit {float:right; width:50px; margin-top:48px; margin-right:60px; } */ #login .login-form .submit {float:right; width:50px; margin-top:36px; margin-right:76px; } /* 10-30 : .section.type1 을 .section.login-form 으로 변경함 */ #content .section.login-form {position:relative; margin:15px; margin-top:17px; height:359px;} #content .section.login-form .area-left {border:1px solid #dbdbdb; width:600px; height:365px; background-color:#ffffff;} #content .section.login-form .area-right {border:1px solid #dbdbdb; width:380px; height:365px; background-color:#ffffff;} #content .section.login-form .area-right .notice {position:relative; margin-top:20px; width:343px;} #content .section.login-form .area-right .notice h2 {margin-left:40px; } #content .section.login-form .area-right .notice .notice-contents { position:relative; overflow:hidden; width:330px; height:270px; margin-top:10px;margin-left:10px; border-radius: 10px;-moz-border-radius: 10px;border:3px solid #dbdbdb; padding: 10px;} #content .section.login-form .area-right .notice .notice-contents h2{margin-left:0px;margin-top:5px;} /* 2013-11-06 updated by yj */ #content .section.login-form .area-right .notice .notice-contents ul {position:relative; } #content .section.login-form .area-right .notice .notice-contents ul li {float:left; width:270px; height:140px;} #content .section.login-form .area-right .notice .paginate { position:relative; margin:0 auto; width:200px; margin-top:16px; } #content .section.login-form .area-right .notice .paginate .page_num { margin:0 40px; width:160px; } #content .section.login-form .area-right .notice .paginate .page_num button { margin: 0 4px; } /* 10-30 : .section.type2 을 .section.login-guide 로 변경함 */ #content .section.login-guide {position:relative; margin:15px; margin-top:17px; margin-bottom:10px; height:139px; border:1px solid #dbdbdb; background-color:#ffffff;} #content .section.login-guide .area-left {margin-left:72px; margin-top:44px; position:relative;} #content .section.login-guide .area-left .btn.more {position: absolute; right:0; top:0; } #content .section.login-guide .area-right {margin-right:72px; margin-top:44px; position:relative;} #content .section.login-guide .area-right .btn.more {position: absolute; right:0; top:0; } /* 10-30 : .section.type3 을 .section.login-notice 로 변경함 */ #footer .section.login-notice { width:1024px; position:relative; margin:0 auto; *zoom:1; } #footer .section.login-notice:after {display:block; clear:both; content:' ';} #footer .section.login-notice .check-it { position:relative; margin-left:16px; margin-top: 5px; } .check-it {} .check-it h3 {color:#0d4759; font-size:12px; font-weight:bold; fon} .check-it h3 img {vertical-align:middle; margin-bottom:3px; margin-right:4px; } .check-it ul {list-style-image: url('../imgs/icon_bullet.png'); margin-top:6px; font-size:11px;} .check-it ul li {margin-left:19px;} /* -------- PROCESS -------- */ #navigator {width:100%; height:100%; position:relative; *zoom:1; background-color:#F6F6F6; border-bottom:1px solid #E2E2E2; margin:0; overflow:hidden; } #navigator:after {display:block; clear:both; content:' ';} #navigator ul.step-bar {overflow:hidden; background:url('../imgs/top_navi1_b.png') no-repeat 0 0; width:940px; height:51px; *zoom:1; margin:3px auto 3px auto; padding-right: 0px;} #navigator ul.step-bar:after {display:block; clear:both; content:' ';} #navigator ul.step-bar[data-step="1"] {background:url('../imgs/top_navi1_b.png') no-repeat 0 0;} #navigator ul.step-bar[data-step="2"] {background:url('../imgs/top_navi2_b.png') no-repeat 0 0;} #navigator ul.step-bar[data-step="3"] {background:url('../imgs/top_navi3_b.png') no-repeat 0 0;} #navigator ul.step-bar[data-step="4"] {background:url('../imgs/top_navi4_b.png') no-repeat 0 0;} #navigator ul.step-bar li {float:left; position:relative; font-size:14px; display:inline-block; height: 50px;} #navigator ul.step-bar li a {padding-top: 20px;} #navigator ul.step-bar li strong {height: 50px;display:inline-block; color:#5c5f61; position:relative; margin-top:16px; } #navigator ul.step-bar li a:hover strong {color:#4b86bd;} #navigator ul.step-bar li .arrow {display:none; overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position:-613px -87px; width:23px; height:9px; margin-left:8px; vertical-align:middle; } #navigator ul.step-bar li.step1 {width:230px; } #navigator ul.step-bar li.step1 strong {margin-left:48px; } #navigator ul.step-bar[data-step="1"] li.step1 strong {color:#ffffff; } #navigator ul.step-bar[data-step="1"] li.step1 .arrow {display:inline-block;} #navigator ul.step-bar li.step2 {width:240px; } #navigator ul.step-bar li.step2 strong {margin-left:40px; } #navigator ul.step-bar[data-step="2"] li.step2 strong {color:#ffffff; } #navigator ul.step-bar[data-step="2"] li.step2 .arrow {display:inline-block;margin-left:2px;} #navigator ul.step-bar li.step3 {width:220px; } #navigator ul.step-bar li.step3 strong {margin-left:48px; } #navigator ul.step-bar[data-step="3"] li.step3 strong {color:#ffffff; } #navigator ul.step-bar[data-step="3"] li.step3 .arrow {display:inline-block;} #navigator ul.step-bar li.step4 {width:230px; } #navigator ul.step-bar li.step4 strong {margin-left:56px; } #navigator ul.step-bar[data-step="4"] li.step4 strong {color:#ffffff; } #navigator ul.step-bar[data-step="4"] li.step4 .arrow {display:inline-block;} #navigator ul.step-bar2 {overflow:hidden; background:url('../imgs/top2_navi1.png') no-repeat 0 0; width:940px; height:41px; *zoom:1; margin:8px auto 8px auto; padding-right: 0px;} #navigator ul.step-bar2:after {display:block; clear:both; content:' ';} #navigator ul.step-bar2[data-step="1"] {background:url('../imgs/top2_navi1.png') no-repeat 0 0;} #navigator ul.step-bar2[data-step="2"] {background:url('../imgs/top2_navi2.png') no-repeat 0 0;} #navigator ul.step-bar2[data-step="3"] {background:url('../imgs/top2_navi3.png') no-repeat 0 0;} #navigator ul.step-bar2[data-step="4"] {background:url('../imgs/top2_navi4.png') no-repeat 0 0;} #navigator ul.step-bar2[data-step="5"] {background:url('../imgs/top2_navi5.png') no-repeat 0 0;} #navigator ul.step-bar2 li {float:left; position:relative; font-size:14px; display:inline-block; height: 41px;} #navigator ul.step-bar2 li a {padding-top: 20px;} #navigator ul.step-bar2 li strong {height: 41px;display:inline-block; color:#5c5f61; position:relative; margin-top:12px; } #navigator ul.step-bar2 li a:hover strong {color:#4b86bd;} /* #navigator ul.step-bar2 li .arrow {display:none; overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position:-613px -87px; width:23px; height:9px; margin-left:8px; vertical-align:middle; } */ #navigator ul.step-bar2 li.step1 {width:195px; } #navigator ul.step-bar2 li.step1 strong {margin-left:36px; } #navigator ul.step-bar2[data-step="1"] li.step1 strong {color:#ffffff; } #navigator ul.step-bar2[data-step="1"] li.step1 .arrow {display:inline-block;} #navigator ul.step-bar2 li.step2 {width:185px; } #navigator ul.step-bar2 li.step2 strong {margin-left:20px; } #navigator ul.step-bar2[data-step="2"] li.step2 strong {color:#ffffff; } #navigator ul.step-bar2[data-step="2"] li.step2 .arrow {display:inline-block;margin-left:2px;} #navigator ul.step-bar2 li.step3 {width:185px; } #navigator ul.step-bar2 li.step3 strong {margin-left:35px; } #navigator ul.step-bar2[data-step="3"] li.step3 strong {color:#ffffff; } #navigator ul.step-bar2[data-step="3"] li.step3 .arrow {display:inline-block;} #navigator ul.step-bar2 li.step4 {width:185px; } #navigator ul.step-bar2 li.step4 strong {margin-left:50px; } #navigator ul.step-bar2[data-step="4"] li.step4 strong {color:#ffffff; } #navigator ul.step-bar2[data-step="4"] li.step4 .arrow {display:inline-block;} #navigator ul.step-bar2 li.step5 {width:185px; } #navigator ul.step-bar2 li.step5 strong {margin-left:60px; } #navigator ul.step-bar2[data-step="5"] li.step5 strong {color:#ffffff; } #navigator ul.step-bar2[data-step="5"] li.step5 .arrow {display:inline-block;} #content.proc {width:100%; border-top:1px solid #f5f5f5; margin-bottom:15px;} /* 10-30 : .section.type4 를 .section.proc-content 로 변경함 */ #content .proc-wrap {*zoom:1; overflow:hidden; position:relative; width:1024px; min-height: 560px; margin-top: 5px;margin-right:auto;margin-left: auto; } #content .proc-wrap:after {display:block; clear:both; content:' ';} #content .section.proc-content {width:100%; background-color:#ffffff; border:1px solid #dbdbdb; } #content .section.proc-content .header {width:100%; height:51px; border-bottom:1px solid #c7c7c7; text-align:center; position:relative; background-color: #fafafa;} #content .section.proc-content .header h3 {display:inline-block; line-height:51px; color:#4b86bd; font-weight:bold; font-size:20px; } #content .section.proc-content .header .btn.prev {position:absolute; left:18px; top:10px;} #content .section.proc-content .header .btn.next {position:absolute; right:18px; top:10px;} #content .section.proc-content .content {width:100%; min-height:530px; } #content .section.proc-content.narrow {*zoom:1; overflow:hidden; width:837px; height: 730px; float:left; border:1px solid #dbdbdb; /*border-left:0px;*/ } #content .section.proc-content.narrow:after {display:block; clear:both; content:' ';} #proc {position:relative; width:100%; padding:14px 13px;} /* #proc .box {overflow:hidden; width:100%; height:503px; padding:0px 10px 0 10px; position:relative; border: 2px solid #5A96C8; border-radius: 15px; } .narrow #proc .box {overflow:hidden; width:810px; height:653px; padding:0px 10px 0 10px; position:relative; border: 2px solid #5A96C8;border-radius: 15px; } */ /* box 겉에 파란색 라인 없앤 버전 */ /* 16.05.30 arnam */ #proc .box {overflow:hidden; width:100%; height:503px; padding:0px 10px 0 10px; position:relative; } .narrow #proc .box {overflow:hidden; width:810px; height:653px; padding:0px 10px 0 10px; position:relative; } /* 10-30 : .section.type5 를 .section.proc-group1 로 변경함 */ #proc .section.proc-group1 {*zoom:1; width:944px; height:165px; overflow:hidden; background-color:#f5f8F9; position:relative; border-top:1px solid #dce7e9; border-bottom:1px solid #dce7e9; margin-top:12px; } #proc .section.proc-group1:after {display:block; clear:both; content:' ';} #proc .section.proc-group1 .section-box {*zoom:1; width:100%; height:180px; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #proc .section.proc-group1 .section-box:after {display:block; clear:both; content:' ';} #proc .section.proc-group1 .title {display:block; width:150px; height:163px; float:left; text-align:center; } #proc .section.proc-group1 .title h3 {display:block; color:#2e76cc; font-size:14px; font-weight:bolder; line-height:163px; } #proc .record {display:block; float:left; width:100%; position:relative; } #proc .record table.type1 {border:1px solid #a2b8c6; float:left; padding:0; margin-top:12px; width:100%; } #proc .record table.type1 td {text-align:center; border:1px solid #a2b8c6; font-size:11px; height:30px; } #proc .record table.type1 td.left {text-align:left; padding-left:10px; } #proc .record table.type1 td.head {background-color:#d9e3e9; text-align:center; border-right:1px solid #c2d1da; } #proc .record table.type2 {border:1px solid #a2b8c6; float:left; padding:0; margin-top:12px; width:100%; } #proc .record table.type2 td {text-align:center; border:1px solid #859fb2; font-size:11px; height:30px; } #proc .record table.type2 td.left {text-align:left; padding-left:10px; } #proc .record table.type2 td.head {background-color:#b6c9d4; text-align:center; border-right:1px solid #8fa8b8; } /* 10-30 : .section.type6 을 .section.proc-group2 로 변경함 */ #proc .section.proc-group2 {*zoom:1; width:944px; height:302px; overflow:hidden; background-color:#f5f8F9; position:relative; border-top:1px solid #dce7e9; border-bottom:1px solid #dce7e9; margin-top:8px; } #proc .section.proc-group2:after {display:block; clear:both; content:' ';} #proc .section.proc-group2 .section-box {*zoom:1; width:100%; height:300px; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #proc .section.proc-group2 .section-box:after {display:block; clear:both; content:' ';} #proc .section.proc-group2 .title {display:block; width:150px; height:300px; float:left; text-align:center; } #proc .section.proc-group2 .title h3 {display:block; color:#2e76cc; font-size:14px; font-weight:bolder; line-height:300px; } #proc .record .subtitle {margin-top:8px;} #proc .record .subtitle h4 {color:#4682aa; font-size:14px; font-weight:bolder;} #proc .record .subtitle h4 .btn.custom {margin-left:4px;} #proc .record .subtitle .text {color:#f08a47; font-size:12px; font-weight:bolder;} #proc .record table.type3 {float:left; margin-top:6px; width:100%; } #proc .record table.type3 thead tr {height:30px; background-color:#d9e3e9; } #proc .record table.type3 thead tr td {text-align:center; border-top:1px solid #a2b8c6; border-bottom:1px solid #a2b8c6; } #proc .record .list { float:left; width:100%; height:100%; overflow:hidden; background-color:#ffffff; position:relative;overflow-y:auto; } #proc .record .list .list-container {position:relative; *zoom:1;} #proc .record .list .list-container:after {display:block; clear:both; content:' ';} #proc .record .list table.type3 {margin-top:0px; margin-left:19px; width:742px; } #proc .record .list table.type3 tbody {background-color:#ffffff;} #proc .record .list table.type3 tbody tr { height:28px; } #proc .record .list table.type3 tbody tr td {text-align:center; border-bottom:1px solid #d4e0e6; } #content .section.proc-list {*zoom:1; overflow:hidden; width:184px; float:left; background-color:#E0E0E0; border-left:1px solid #E0E0E0; border-top:1px solid #E0E0E0; } #content .section.proc-list a{color: #282828; } #content .section.proc-list:after {display:block; clear:both; content:' ';} #content .section.proc-list .header {width:184px; height:52px; font-size:14px; overflow:hidden; /* background:url('../imgs/bg_proc_list_header.png') no-repeat 0 0; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content .section.proc-list .header h4 {line-height:53px; margin-left:20px; } #content .section.proc-list .content {/*height:396px;*/} #content .section.proc-list .content ul {} #content .section.proc-list .content ul li {width:184px; height:41px; position:relative; cursor: pointer; *display:inline; *zoom:1; overflow:hidden; background: #e5e5e5; /* url('../imgs/leftmenu_btn2.png') no-repeat 0 0; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom: solid 1px #c8c8c8; } #content .section.proc-list .content ul li:hover{ background:#fafafa; } #content .section.proc-list .content ul li:hover a { background:#fafafa; } #content .section.proc-list .content ul li:hover dl{ color:#0064FF; } #content .section.proc-list .content ul li.lock {width:164px; height:42px; position:relative; cursor: pointer; *display:inline; *zoom:1; overflow:hidden; background:url('../imgs/leftmenu_btn48.png') no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content .section.proc-list .content ul li.lock:hover dl{ color:#3c3c3c; } #content .section.proc-list .content ul li .nodata{ line-height:30px; margin-left:5px; } #content .section.proc-list .content ul li .row2{position:absolute; line-height:12px; margin-left:5px; font-size: 12px;} #content .section.proc-list .content ul li .row2.line1{top:10px;} #content .section.proc-list .content ul li .row2.line2{top:25px;} /* #content .section.proc-list .content ul li .bullet { margin-left:10px; } #content .section.proc-list .content ul li.on .bullet {font-size:0; line-height:0; text-indent:-999px; *text-indent:0px; display:inline-block; vertical-align:top; width:15px; height:18px; overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -173px -363px; margin-top:4px; margin-left:2px; } */ #content .section.proc-list .content ul li.on dl {font-weight:bold; color:#2e76cc;} #content .section.proc-list .content ul li.on {background:#fafafa;/* url('../imgs/leftmenu_btn_on48.png') no-repeat 0 0; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* border-bottom: solid 1px #8c8c8c; border-top: solid 1px #c8c8c8; */ } #content .section.proc-list .content ul li dl {width:100%; float:left; margin-top:3px; margin-left:8px; font-size:11px; margin-top: 5px; } #content .section.proc-list .content ul li dd {line-height:0px; position:absolute; right:7px; top:18px; font-size:11px; } #content .section.proc-list .content ul li.on dl {padding-:10px; font-weight:bold; color:#2e76cc;} #content .section.proc-list .content ul li.on dd {color:#24243c;} #content .section.proc-list .nav li a { padding:0px; margin-top: 8px;} #content .section.proc-list .footer {overflow:hidden; *zoom:1; no-repeat 0 0; width:184px; height:/*133px;*/ /* 129px; */ 145px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* background:url('../imgs/bg_proc_list_footer3.png') */ background:#d6dce0/*dbe2e6 #BBB9B9 */; /* border-top:1px solid #c8c8c8; */border-bottom:1px solid #c8c8c8; } #content .section.proc-list .footer .value {float:left; width:164px; height:30px; position:relative;} #content .section.proc-list .footer .value dl {float:left; margin-top:3px; margin-left:7px; font-size:12px; color:#0c3e5d;/*#0d486d;*/ font-weight:bold; } #content .section.proc-list .footer .value dd {*float:right; position:absolute; /**position:none; *text-align:right;*/ right:7px; top:18px; font-size:12px; color:#24243C; font-weight:bold;} #content .section.proc-list .footer .taxation {margin-top:7px; } #content .section.proc-list .footer .output {} #content .section.proc-list .footer .total { text-align:center; border-top:1px solid #adadad; width:150px; margin-left:7px; margin-top:10px; } #content .section.proc-list .footer .total dl {font-size:14px; color:#0d486d; width:150px; margin:0; float:none; margin-top:10px; } #content .section.proc-list .footer .total dd {font-size:14px; color:#24243C; width:150px; margin:0; position:static;} #content .section.proc-list .footer .value2 {float:left; width:164px; position:relative;} #content .section.proc-list .footer .value2 dl {float:left; margin-top:3px; margin-left:7px; font-size:12px; color:#0d486d; font-weight:bold; } #content .section.proc-list .footer .value2 dd {*float:right; position:absolute; /**position:none; *text-align:right;*/ right:7px; top:4px; font-size:12px; color:#24243C; font-weight:bold;} /* arnam 추가 16.10.11*/ #content .section.proc-list .content.tab3 ul li {height: 53px; background-color:#e5e5e5; border-bottom: solid 1px #d8d7d7;} #content .section.proc-list .content.tab3 ul li a{color:#555555;} #content .section.proc-list .content.tab3 ul li.on {background-color:#337ab7 !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #content .section.proc-list .content.tab3 ul li.on a { color:white !important; font-weight: normal; text-decoration:none;} #content .section.proc-list .content.tab3 ul li:hover {background-color:#639cce !important;} #content .section.proc-list .content.tab3 ul li:hover a { color:white; text-decoration:none;} #content .section.proc-list .content.tab3 ul li:hover dl { color:white; text-decoration:none;} #content .section.proc-list .content.tab3 ul li dl {margin: 10px 0px 0px 15px; font-weight: 600; font-size: 12px; color:#555555;} #content .section.proc-list .content.tab3 ul li.on dl {color:white;} #proc .section.proc-group3 {*zoom:1; width:100%; /*overflow:hidden;*/ position:relative; margin-top:8px; } #proc .section.proc-group3 h1 { margin-left: 5px; font-size: 12px; color: #4b86bd;} #proc .record table.type4 {float:left; margin-top:6px; width:100%; } #proc .record table.type4 thead tr {height:30px; /*background-color:#d9e3e9;*/ background-color:#e2eaef;} #proc .record table.type4 thead tr td {text-align:center; border:1px solid #bfd3e0; /* border:1px solid #a2b8c6; */ /* border-top:1px solid #a2b8c6; border-bottom:1px solid #a2b8c6;*/ word-wrap:break-all; word-break: break-all; } #proc .record table.type4 thead tr.wide {height:60px;} /*#proc .record table.type4 tbody tr td {word-break:break-all;}*/ #proc .record .list table.type4 {margin-top:0px; width:100%; } #proc .record .list table.type4 tbody {background-color:#ffffff;} #proc .record .list table.type4 tbody tr { height:28px; } #proc .record .list table.type4 tbody tr td {text-align:center; border:1px solid #d4e0e6; border-top:0px solid #d4e0e6;/* border-bottom:1px solid #d4e0e6; */} #proc .record .dataTables_scrollBody table.type4 {margin-top:0px;} #proc .section.proc-group4 {*zoom:1; width:100%; height:75px; overflow:hidden; background-color:#f5f8F9; position:relative; border-top:1px solid #dce7e9; border-bottom:1px solid #dce7e9; margin-top:8px; } #proc .section.proc-group4:after {display:block; clear:both; content:' ';} #proc .section.proc-group4 .section-box {*zoom:1; width:100%; height:90px; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #proc .section.proc-group4 .section-box:after {display:block; clear:both; content:' ';} #proc .section.proc-group4 .section-box div {border-left:1px solid #dce7e9; border-right:1px solid #ffffff; display:inline-block; width:250px; float:left; margin-top:10px; } #proc .section.proc-group4 .section-box div:first-child {border-left:0px;} #proc .section.proc-group4 .section-box div:last-child {border-right:0px;} #proc .section.proc-group4 span {width:162px; position:relative; display:block; text-align:right; margin-left:78px; } #proc .section.proc-group4 span dl {border-bottom:2px solid #5a96c8; width:162px; height:20px; display:block; font-size:13px; font-weight:bold; color:#656565; } #proc .section.proc-group4 span dd {color:#f79a3f; font-size:18px; font-weight:bold; margin-top:10px; } #proc .section.proc-group4 .section-box .short {width:153px;} #proc .section.proc-group4 .section-box .short span {width:132px; margin-left:10px;} #proc .section.proc-group4 .section-box .short span dl {width:132px;} #proc .section.proc-group4 .section-box .short_4 {width:190px;} #proc .section.proc-group4 .section-box .short_4 span {width:170px; margin-left:10px;} #proc .section.proc-group4 .section-box .short_4 span dl {width:170px;} #proc .section.proc-group5 {*zoom:1; width:100%; height:85px; overflow:hidden; background-color:#f5f8F9; position:relative; border-top:1px solid #dce7e9; border-bottom:1px solid #dce7e9; margin-top:8px; } #proc .section.proc-group5:after {display:block; clear:both; content:' ';} #proc .section.proc-group5 .section-box {*zoom:1; width:100%; height:94px; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #proc .section.proc-group5 .section-box:after {display:block; clear:both; content:' ';} #proc .section.proc-group5 .proc-help {float:left; width:600px; height:79px; overflow:hidden; background:url('../imgs/help_box.png') no-repeat 0 0; margin-left:0px; margin-top:0px; } #proc .section.proc-group5 .proc-help ul { margin-top:10px; margin-left:54px; position:relative; display:block; } #proc .section.proc-group5 .proc-help ul li { font-size:12px; height:21px; font-weight:bold; } #proc .section.proc-group5 .proc-help ul li:first-child {color:#2e76cc;} #proc .section.proc-group5 .proc-help ul li a{color:#2e76cc;} #proc .section.proc-group5 .proc-help ul li a:hover {color:#f79a3f;} #proc .section .history-box {border-top: 2px solid #a2b8c6; } #proc .section .history-box .proc-help-button {float:right; margin-right:10px; margin-top:0px; } #proc .section .history-box .proc-memo {background-color:#fdfdfd; float:left; width:785px; height: 70px; overflow:hidden; overflow-y:auto; } #proc .section .history-box .proc-memo .history {background-color:#fdfdfd; width:785px; font-size: 10px; margin-top: 3px; } #proc .section .history-box .proc-memo .history tr {vertical-align: top; } #proc .section .history-box .proc-memo .history tr td {font-size: 10px; height:16px; } #proc .section .history-box .proc-memo .history tr td .text_memo {height:16px; font-size: 10px; background-color:#fdfdfd; width:230px; border: #dfdfdf solid 1px; } /* #proc .section .history-box .proc-memo .history desc {background-color:#ffffff; width:380px;} #proc .section .history-box .proc-memo .history span { height:15px;font-size: 10px; } #proc .section .history-box .proc-memo .history span .text {padding-left:20px;} #proc .section .history-box .proc-memo .history span .text_memo { height:15px; font-size: 10px; line-height: 0px; } #proc .section .history-box .proc-memo .history span .icon_save { cursor:pointer;} */ #proc .section.proc-group4 .section-box span.base dd {font-size: 16px;} #proc .section.proc-group4 .section-box span.add dd {font-size: 16px;/* color: #2e76cc; */} #proc .section.proc-group4 .section-box span.human dl {font-size: 13px;} #proc .section.proc-group4 .section-box span.human dd {font-size: 18px;} #proc .section.proc-group4 .section-box div.border_zero{border:0px;} #proc .section.proc-group6 {*zoom:1; width:100%; height:110px; overflow:hidden; background:#efefef; position:relative; margin-top:8px; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} #proc .section.proc-group6.type1 {height:110px;} #proc .section.proc-group6.type2 {height:140px;} #proc .section.proc-group6 .section-box .aroundbox{padding:10px; width:390px; height:100%;} #proc .section.proc-group6 .section-box .aroundbox tr{height: 30px; background:white;} #proc .section.proc-group6 .section-box .aroundbox th{color: white; padding-left: 10px;} #proc .section.proc-group6 .section-box .aroundbox td{color: #777777; padding-left: 10px; font-weight: bold;} #proc .section.proc-group6 .section-box .aroundbox .number{text-align:right; padding-right:10px;} #proc .section.proc-group6 .section-box .sum_tax .number{color:#92bb35 !important;} #proc .section.proc-group6 .section-box .sum_cal .number{color:#efa34f !important;} #proc .section.proc-group6 .section-box .sum_tax th{background:#92bb35;} #proc .section.proc-group6 .section-box .sum_cal th{background:#efa34f;} #proc .section.proc-group6 .section-box th.nosum{background:#afafaf;} #proc .section.proc-group6 .section-box .aroundbox td.borderbt{border-bottom: 1px solid #bbbbbb;} /* #proc .section.proc-group6 .section-box div {width:370px; border-left:1px solid #dce7e9; border-right:1px solid #ffffff; display:inline-block; margin-top:10px; } #proc .section.proc-group6 span {width:162px; position:relative; display:block; text-align:right; margin-left:78px; } #proc .section.proc-group6 span dl {border-bottom:2px solid #5a96c8; width:162px; height:20px; display:block; font-size:13px; font-weight:bold; color:#656565; } #proc .section.proc-group6 span dd {color:#f79a3f; font-size:18px; font-weight:bold; margin-top:10px; } #proc .section.proc-group6 .section-box .short {width:153px;} #proc .section.proc-group6 .section-box .short span {width:132px; margin-left:10px;} #proc .section.proc-group6 .section-box .short span dl {width:132px;} #proc .section.proc-group6 .section-box .short_4 {width:190px;} #proc .section.proc-group6 .section-box .short_4 span {width:170px; margin-left:10px;} #proc .section.proc-group6 .section-box .short_4 span dl {width:170px;} #proc .section.proc-group6 .section-box {background:#f1f1f1; height:100%;} #proc .section.proc-group6 .section-box table {background:#f1f1f1; height:100%;} */ #proc .section.bottom {position:absolute; bottom:10px; margin-top:10px; width: 786px;} #proc .section.proc-group6 .section-box table {width:100%;} /***** FORM *****/ .checkbox {position: relative; display: inline-block; *zoom: 1; vertical-align:middle;} /* .checkbox .style {position: relative; display: block; pointer-events:none; width:14px; height:15px; overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -279px -48px;} .checkbox.checked .style {background-position: -295px -48px;} .checkbox input {position:absolute; outline:none; left:-1px; top:-1px; padding:0; width:16px; height:16px; border:none; margin:0; opacity:0; filter:alpha(opacity=0); z-index:1;} */ .checkbox .style {display: none; } /* .checkbox > .style {position: relative; display: block; width:14px; height:15px; overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -279px -48px; } .checkbox > input:checked + .style {background-position: -295px -48px;} .checkbox > input {left:-1px; top:-1px; padding:0; width:16px; height:16px; margin:0; opacity:0; filter:alpha(opacity=0); z-index:1;} */ .checkbox > .style {display: none; } ./* input {height:20px; overflow:hidden; border-image:url('../imgs/bg_input.png') 5 1 1 5 repeat; border-width: 5px 1px 1px 5px; border-image-width: 5px 1px 1px 5px; background:transparent; display:inline-block; vertical-align:middle; } .input > input {width:100%; border:none; background-color:#ffffff; height:20px; } */ /* .select {position: relative; display:inline-block; *zoom: 1; vertical-align:middle; } .select > .style {position:absolute; left:0; top:0; width:100%; display: block; height:15px; padding-right:10px; overflow:hidden; background-color:#efefef; border-image:url('../imgs/bg_select.png') 2 23 1 2 repeat; border-width: 2px 23px 1px 2px; border-image-width: 2px 23px 1px 2px; } .select > select {height:20px; outline:none; border:none; margin:0; -webkit-appearance:none; margin-left:5px; position:relative; z-index:1; } */ .select > select .style {display:none; } .select .style {display:none;} /***** SCROLLER *****/ .scroller {position:absolute; right:1px; top:1px; width:15px; height:195px; } .scroller .track {position:relative; width:100%; height:100%; background-color:#f3f3f3;} .scroller .btn.scroll.up {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -952px -2px; width:15px; height:15px; position:absolute; top:0;} .scroller .btn.scroll.up:hover {background-position: -969px -2px; } .scroller .btn.scroll.up:active {background-position: -986px -2px; } .scroller .btn.scroll.down {overflow:hidden; background:url('../imgs/button_sprites.png') no-repeat 0 0; background-position: -952px -19px; width:15px; height:15px; position:absolute; bottom:0;} .scroller .btn.scroll.down:hover {background-position: -969px -19px; } .scroller .btn.scroll.down:active {background-position: -986px -19px; } .scroller .btn.scroll.bar {border:1px solid #a2b8c6; background-color:#ffffff; height:165px; width: 15px; position:absolute; top:15px; display:block;} .scroller .btn.scroll.bar:active {border-color:#48b4f9;} .scroller .btn.scroll.up span, .scroller .btn.scroll.down span, .scroller .btn.scroll.bar span {font-size:0; line-height:0; text-indent:-999px;} /***** MODAL *****/ .ui-dialog.ui-widget-content{z-index:101;} .ui-dialog .ui-widget-content{width:100% !important; padding: 5px 5px 5px 5px;} .ui-dialog .ui-dialog-titlebar{border-bottom:1px solid #ddd; margin-top:-10px; margin-left:-10px; margin-right:-10px; border-radius: 0px; background:#fff; line-height:23px; height:36px;} .ui-dialog .ui-dialog-titlebar-close{ margin-right:5px;} .ui-dialog .ui-dialog-titlebar-close span{margin-top: -5px;margin-left: -8px;} .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{ background: transparent; border: 0px solid transparent; top: 11px;} /* IE */ .input {overflow:visible\9;} .input > input {border:1px solid #cccccc\9; margin-top:-2px\9; } .select > select {border:1px solid #cccccc\9; margin-top:-2px\9; height:21px\9; } #modal .popup {border-top:0px solid #ddd; /*border:3px solid #8eb8ce; border-width:3px 3px 3px 3px;*/ padding:5px; background-color:#ffffff; margin-left:0px; font-size: 12px;} @media \0screen {#modal .popup {margin-left:10px;}} #modal .popup {*margin-left:10px;} .popup .popup-header {background-color:#8eb8ce\9; top:-26px; left:0px;} .popup .popup-header button.popup-close {right:-14px;} /**/ #modal {display:block; left:0; top:0; width:100%; height:100%; font-family:Dotum,돋움, Helvetica, Arial, Apple-Gothic, sans-serif;} #modal .background {position:absolute; width:100%; height:100%; z-index:auto; background-color:#ffffff; opacity:0.5; filter:alpha(opacity=50);} #modal .popup {position:absolute; z-index:auto; *zoom:1; min-width:300px; height:50px; } #modal .popup {/* border-image:url('../imgs/bg_proc_popup.png') 3px 3px 3px 3px repeat; border-width: 3px 3px 3px 3px; border-image-width: 3px 3px 3px 3px; */ border-radius: 0px; -moz-border-radius: 0px;} #modal .popup .ui-dialog-content{padding: 3px 3px 3px 3px;} .popup .popup-header {position:absolute; top:-44px; width:100%; text-align:center; } .popup .popup-header h3 {color:#084c7c; font-size:15px;} .popup .popup-header button.popup-close {position:absolute; top:6px; right:-10px;margin-right: 15px;} .popup .popup-content { padding:0px; margin:0px; background-color:transparent; *zoom:1; display:block; width:100%; height:100%; } .popup .popup-content:after {display:block; clear:both; content:' ';} .popup .section.popup-basic {*zoom:1; width:100%; height:; overflow:hidden; background-color:#f5f8F9; position:relative; border-top:1px solid #dce7e9; border-bottom:1px solid #dce7e9; } .popup .section.popup-basic table{margin-top: 10px; margin-bottom: 10px;margin-left: 10px; } .popup .section.popup-basic table tr td{height: 23px;} .popup .section.popup-basic:after {display:block; clear:both; content:' ';} .popup .section.popup-basic .section-box {*zoom:1; width:100%; height:110px; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:0px 0px 0px 0px; } .popup .section.popup-basic .section-box:after {display:block; clear:both; content:' ';} .popup .section.popup-basic .section-box table.type5 { width:100%; height:30px; margin:5px 0px 5px 0px; } .popup .section.popup-basic .section-box table.type5 tr { } .popup .section.popup-basic .section-box table.type5 tr td {text-align:left;} .popup .section.popup-basic .section-box table.type5 tr td .line {vertical-align:middle; margin-bottom:4px; color:#dcdcdc; font-weight:bold; font-size:14px;} .popup .section.popup-text {*zoom:1; width:100%; overflow:visible; padding:5px 0 5px 0; background-color:#ffffff; position:relative; border:1px dotted #a2b8c6; margin-bottom:5px; /*border-top:1px solid #dce7e9; border-bottom:1px solid #dce7e9;*/} .popup .section.popup-text:after {display:block; clear:both; content:' ';} .popup .section.popup-text .section-box {*zoom:1; width:100%; height:90px; position:relative; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:16px 0; } .popup .section.popup-text .section-box:after {display:block; clear:both; content:' ';} .popup .section.popup-text .section-box table.type5 { width:100%; height:30px; } .popup .section.popup-text .section-box table.type5 tr { } .popup .section.popup-text .section-box table.type5 tr td {text-align:left;} .popup .section.popup-text .section-box table.type5 tr td .line {vertical-align:middle; margin-bottom:4px; color:#dcdcdc; font-weight:bold; font-size:14px;} .popup .popup-content .record {width:100%; margin-top:10px; } .popup .popup-content .record table.admin td {padding-left:10px;} .popup .record table.type6 { width:100%; } .popup .record table.type6 thead tr {height:30px; background-color:#d9e3e9; } .popup .record table.type6 thead tr td {text-align:center; border-top:1px solid #a2b8c6; border-bottom:1px solid #a2b8c6; } .popup .record table.type6 thead tr td.line {border-right:1px solid #a2b8c6;} .popup .record table.type6 thead tr td.sideline {border-left:1px solid #a2b8c6;border-right:1px solid #a2b8c6;} .popup .record table.type6 tbody {background-color:#ffffff;} .popup .record table.type6 tbody tr { height:28px; } .popup .record table.type6 tbody tr td {text-align:center; border-bottom:1px solid #d4e0e6; border-right:1px solid #d4e0e6; } .popup .record table.type6 tbody tr td.line {border-right:1px solid #a2b8c6;} .popup .record table.type6 tbody tr td.linetxt {text-align:left;border-right:1px solid #a2b8c6;} .popup .record table.type6 tbody tr td.text {text-align:left; border-right:0px; padding-left:12px; line-height:14px; } .popup .record table.type6 tbody tr td.text.center {text-align:center;} .popup .record table.type6 tbody tr td.left {text-align:left;padding-left:10px;padding-top:10px;} .popup .record table.type6 tbody tr td.left2 {text-align:left;padding-left:10px;} .popup .record table.type6 tbody tr td.right {text-align:right;padding-top:10px;} .popup .record table.type6 tbody tr td.tight {line-height: 15px; font-size: 11px;} /* 16.05.31 arnam 추가 */ .popup .record table.type6 tbody tr td.linetxt2 {text-align:left; padding:10px; line-height:16px;} .popup .record table.type6 tbody tr td.noline {border-right:0px;} .popup .control {width:240px; height:50px; position:relative; display:block; margin:0 auto; line-height:50px; margin-top: 0px;} .popup .control .btn.popup-custom { display:inline-block; line-height: 0px;} /* IE */ .input {overflow:visible\9;} .input > input {border:1px solid #cccccc\9; margin-top:-2px\9; } .select > select {border:1px solid #cccccc\9; margin-top:-2px\9; height:21px\9; } #modal .popup {/* border:px solid #8eb8ce; border-width:3px 3px 3px 3px; */ padding:5px; background-color:#ffffff; } .popup .popup-header {background-color:#8eb8ce\9; top:-26px; left:0px;} .popup .popup-header button.popup-close {right:-14px;} /* ar 추가*/ #modal #previous_popup {border:3px solid #CEB58E; border-width:3px 3px 3px 3px; padding:5px; background-color:#ffffff; margin-left:0px; font-size: 12px;} /* yj 추가*/ /***** tsection *****/ .tsection {*zoom:1; width:100%; overflow:visible; padding:10px 0 10px 0; background-color:#f5f8F9; position:relative; border:1px solid #dce7e9; /* border-top:1px solid #dce7e9; border-bottom:1px solid #dce7e9; */ margin-top:5px; margin-left:0px; float:left;} .tsection h1 {margin-left:10px; margin-bottom:5px; font-size:12px; color:#4b86bd;} .tsection span.title {margin-left:10px; margin-bottom:5px; font-size:12px; color:#4b86bd;} .tsection .center {text-align:center;} .tsection.bgwhite {background-color:#ffffff;} .tsection.nobd {border:0px solid #dce7e9;} .tsection.nobdtop {border-top:0px solid #dce7e9;} .tsection.nomgtop {margin-top:0px;} .tsection table.type1 {margin-left: 10px;} .tsection table.type1 tbody {background-color:#DDE8EA;} .tsection table.type1.sep tbody {background-color:#f5f8f9;} .tsection table.type1 tbody tr { height:28px; } .tsection table.type1 tbody tr td { text-align:left; border:0px solid #d4e0e6; border-top:0px solid #d4e0e6;/* border-bottom:1px solid #d4e0e6; */} .tsection table.type1 tbody tr td.strong {font-weight: bold;} /* .tsection .btn.descript{position: absolute; left:650px;} .tsection .csbtn.descript{position: absolute; left:650px;} */ .tsection .comment1 {padding: 0px 5px 2px 5px;} /* sj 추가 2015.07.20 */ /***** question *****/ .question {*zoom:1; width:100%; overflow:visible; padding:0px 0px 10px 0; position:relative; /* border-top:1px solid #dce7e9; */ margin-top:10px; margin-left:0px; float:left;} .question h1 {margin-left:10px; margin-bottom:5px; font-size:12px; color:#4b86bd;} .question span.title {margin-left:10px; margin-bottom:5px; font-size:12px; color:#4b86bd;} .question .center {text-align:center;} .question table.type1 {margin-left: 0px;} .question table.type1 thead {border:1px solid #dce7e9; } .question table.type1 thead th {background-color:#f5f8F9; text-align: center; height: 35px;} .question table.type1 thead button {margin-right: 20px;} .question table.type1 tbody {} .question table.type1.sep tbody {} .question table.type1 tbody tr { height:30px; } .question table.type1 tbody tr td {padding:8px 10px 8px 10px; text-align:left; /* border:0px solid #d4e0e6; border-top:0px solid #d4e0e6; */border-bottom:1px solid #d4e0e6;} .question table.type1 tbody tr td.strong {font-weight: bold;} .question table.type1 tbody tr td.center {text-align: center;} .question table.type1 tbody tr td.noline {border-bottom:0px;} .question table.type1 tbody tr td.top { padding-top:20px; } .tablecenter {margin:0px auto; text-align:center;} .tablecenter td.svalue {padding-top:10px;} #proc .margin10 {float:left; margin-top:10px;} #proc .margin20 {float:left; margin-top:20px;} #proc .margin30 {float:left; margin-top:30px;} #proc .record.etc {margin-top:20px;} #proc .record.w770 {width:770px;} #proc .record.insection {margin-left:10px;} #proc .record span.title {margin-left:10px; margin-bottom:5px; font-size:13px; color:#4b86bd; font-weight: bold;} #modal .record span.title {margin-bottom:5px; font-size:13px; color:#4b86bd; font-weight: bold;} #proc .record table.type7 {float:left; margin-top:6px; width:550px; } #proc .record table.type7.w690 {float:left;width:690px; } #proc .record table.type7.result {float:left; margin-top:6px; width:550px; max-height: 250px; } #proc .record table.type7.w690.result {float:left;margin-top:0px; width:690px; } #proc .box .text_input.type0 {max-height: 50px; overflow-y: auto;} #proc .box .text_input.type1 {max-height: 100px; overflow-y: auto;} #proc .box .text_input.type2 {max-height: 200px; overflow-y: auto;} #proc .yesone_content { float:left; margin-top:20px; margin-left:10px;} #proc .yesone_content .record span.title {margin-left:10px; margin-bottom:5px; font-size:13px; color:#4b86bd; font-weight: bold;} #proc .record table.type7 thead tr {height:30px; background-color:#d9e3e9; } #proc .record table.type7 thead tr td {text-align:center; border:1px solid #a2b8c6; /* border-top:1px solid #a2b8c6; border-bottom:1px solid #a2b8c6;*/ word-wrap:break-all; word-break: break-all; } #proc .record table.type7 thead tr.wide {height:60px;} #proc .record table.type7 tbody {background-color:#ffffff;} #proc .record table.type7 tbody tr { height:28px; } #proc .record table.type7 tbody tr td {text-align:center; border:1px solid #d4e0e6; border-top:0px solid #d4e0e6;/* border-bottom:1px solid #d4e0e6; */} #proc .record table.type8 {margin-left:10px;} #proc .record table.type8 input[type=text] {height:19px; text-align: right; margin-left:5px;margin-right:0px; border:1px solid #aaa;} #proc .record table.type8 input[type=text].left {text-align: left;} #proc .record table.type8 input[type=text].pdright {padding-right:5px;} #proc .record table.type8 tbody {background-color:#F5F8F9;} #proc .record table.type8 tbody tr { height:28px; } #proc .record table.type8.result tbody tr { height:25px; } #proc .record table.type8 tbody tr td {text-align:center; /* border:1px solid #d4e0e6; border-top:0px solid #d4e0e6;*/ /* border-bottom:1px solid #d4e0e6; */border:1px solid #d4e0e6;} /* 16.08.26 arnam 추가 */ #proc .record table.type8 tr td.noline {border:0px;} #proc .record table.type8 tr td.title {text-align:center;} #proc .record table.type8 tr td.blueline {border-color:#337ab7; border-top:0px; border-left:0px; border-right:0px; padding-bottom:5px;} #proc .record table.type8 tr td.blueline2 {border-color:#337ab7; border-left:0px; border-right:0px; border-bottom:0px; padding-bottom:5px;} #proc .record table.type8 tr td.greenline {border-color:#95bd3c; border-top:0px; border-left:0px; border-right:0px; padding-bottom:5px;} #proc .record table.type8 tr td.blackline {border-color:#aba8a8; border-top:0px; border-left:0px; border-right:0px; padding-bottom:10px;} #proc .record table.type8 tr td.bluetitle {font-size:18px; font-weight:bold; background-color:#337ab7; color:#ffffff;} #proc .record table.type8 tr td.greentitle {font-size:18px; font-weight:bold; background-color:#95bd3c; color:#ffffff;} #proc .record table.type8 tr td.title2 {font-size:18px; font-weight:bold; padding-top:20px; padding-bottom:0px; padding-left:10px;} #proc .record table.type8 tr td.title3 {font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; padding-left: 30px;} #proc .record table.type8 tr td.title4 {font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:10px; padding-left:10px;} #proc .record table.type8 tr td.title5 {font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:10px; } #proc .record table.type8 tr td.title6 {font-size:13px; } #proc .record table.type8 tr td.title7 {font-size:13px; padding:8px 0px 8px 0px;} #proc .record table.type8 tr td.title8 {font-size:12px; padding:8px 0px 8px 0px;} #proc .record table.type8 tr td.title9 {font-size:12px; padding:3px;} #proc .record table.type8 tr td.title9b {font-size:12px; padding:3px; font-weight:bold;} #proc .record table.type8 tr td.titleamount {font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:10px; padding-right:3px;} #proc .record table.type8 tr td.explain {color:#a0a0a0; padding-top:10px; padding-boottom:10px;} #proc .record table.type8 tr td.dash {font-size:20px; font-weight:bold; padding-top:10px; text-align:right;} #proc .record table.type8 tr td.distitle4 {color:#cccccc; font-size:14px; font-weight:normal; padding-top:10px; padding-bottom:10px; padding-left:10px;} #proc .record table.type8 tr td.distitleamount {color:#cccccc; font-size:14px; font-weight:normal; padding-top:10px; padding-bottom:10px; padding-right:3px;} #proc .record table.type8 tr td.disdash {color:#cccccc; font-size:20px; font-weight:normal; padding-top:10px; padding-bottom:10px; text-align:right;} #proc .record table.type8 tbody tr td.text {width:auto; font-size:12px; font-weight:normal; padding-left:25px; background-color:#eaeaea;} #proc .record table.type8 tbody tr td.distext{color:#c5c5c5; width:auto; font-size:12px; font-weight:normal; padding-left:25px; background-color:#eaeaea;} #proc .record table.type8 tbody tr td.distextamount {color:#c5c5c5; font-size:12px; font-weight:normal; /* padding-top:10px; */padding-bottom:0px; padding-right:3px;} #proc .record table.type8 tbody tr td.unmatch {color:#c5c5c5 !important;} /* --------- */ #proc div.footer {border-top:1px solid #337ab7; padding-top:5px;} #proc div.footer span.orange {color:orange;} #proc div.footer span.gray {color:#c5c5c5;} #proc .record table.type8 tbody tr td.cursor {cursor:pointer;} #proc .record table.type8 tbody tr td.bold {font-weight:bold;} #proc .record table.type8 tbody tr td.blank {border-bottom:0px solid #d4e0e6;} #proc .record table.type8 tbody tr td.topline {border-top:1px solid #d4e0e6;} #proc .record table.type8 tbody tr td.bottomline {border-bottom:1px solid #d4e0e6;} #proc .record table.type8 tbody tr td.sideline {border-left:1px solid #d4e0e6; border-right:1px solid #d4e0e6;} #proc .record table.type8 tbody tr td.leftline {border-left:1px solid #d4e0e6;} #proc .record table.type8 tbody tr td.rightline{border-right:1px solid #d4e0e6;} #proc .record table.type8 tbody tr td.notopline {border-top:0px;} #proc .record table.type8 tbody tr td.nobottomline {border-bottom:0px;} #proc .record table.type8 tbody tr td.nohzline {border-top:0px;border-bottom:0px;} #proc .record table.type8 tbody tr td.nosideline {border-left:0px solid #d4e0e6; border-right:0px solid #d4e0e6;} #proc .record table.type8 tbody tr td.noleftline {border-left:0px solid #d4e0e6;} #proc .record table.type8 tbody tr td.norightline {border-right:0px solid #d4e0e6;} #proc .record table.type8 tbody tr td.noline {border:0px;} #proc .record table.type8 tbody tr td.bgwhite {background-color:#ffffff;} #proc .record table.type8 tbody tr td.bggray1 {background-color:#fafafa;} #proc .record table.type8 tbody tr td.left {text-align: left;} #proc .record table.type8 tbody tr td.left5 {text-align: left; padding-left:5px;} #proc .record table.type8 tbody tr td.left10 {text-align: left; padding-left:10px;} #proc .record table.type8 tbody tr td.right {text-align: right; padding-right:10px;} #proc .record table.type8 tbody tr td.lv1title {font-weight: bold; background-color: #E8EFF0;} #proc .record table.type8 tbody tr td.lv1value {font-weight: bold; color: #38adc1;} #proc .record table.type8 tbody tr td.lv2title {font-size: 13px; font-weight: bold; background-color: #F9F5EC; height:50px;} #proc .record table.type8 tbody tr td.lv2value {font-size: 13px; font-weight: bold; color: #f3582a;} #proc .record table.type8 tbody tr td.lv3title {font-size: 11px; background-color: #F9F5EC;} #proc .record table.type8 tbody tr td.w1value {background-color: #ffffff;} #proc .record table.type8 tbody tr td.w2value {background-color: #ffffff; font-weight: bold; color: #38adc1;} #proc .record table.type8 tbody tr td.w3value {background-color: #ffffff; font-weight: bold; color: #f3582a;} #proc .record table.type8 tbody tr td.w3result {font-size: 14px; background-color: #ffffff; font-weight: bold; color: #f3582a;} #proc .record table.type8 tbody tr td .orange {color: #f3582a;} #proc .record table.type8 tbody tr td .blue {color: #3850d2;} #proc .record table.type8 tbody tr td .number {text-align:right; padding-right:5px; } #proc .record table.type8 tbody tr td .amt_txt {display:inline; font-weight: bold; color: #4b86bd !important;} #proc .record table.type8 tbody tr td.bottomline2 {border:0px solid #aaa; border-bottom:1px solid #aaa;} #proc .record table.type8 thead tr {height: 27px !important;} #proc .record table.type8 thead tr td.cb_top {background-color: #337ab7; color: #fff; font-size:14px; border-color:#ccc; border-bottom:#ccc 0px solid; line-height:16px; font-weight:bold;} #proc .record table.type8 thead tr td.bottomline {border-bottom:1px solid #777;} #proc .record table.type8 tbody tr td.cb_top {color: #777; font-size:14px; border-color:#ccc; border-left:0px;border-right:0px;border-top:0px;} #proc .record table.type8 tbody tr td.cb_tit {padding: 7px 5px 2px 5px; color: #333; font-size:15px; border:0px;text-align:left; font-weight:bold;} #proc .record table.type8 tbody tr td.cb_desc {padding: 0px 5px 0px 5px; color: #333; font-size:12px; border:0px;text-align:left; color:#777;} #proc .record table.type8 tbody tr td.cb_file {text-align:center; color: #777; font-size:14px; border-color:#ccc; border-left:0px;border-right:0px;border-top:0px; padding: 0px 150px 7px 150px;} #proc .record table.type8 tbody tr td.cb_ftit {background-color: #ffffff !important; text-align:left; border: #ccc 1px solid; padding-left: 10px; border-right: #ccc 0px solid !important;} #proc .record table.type8 tbody tr td.cb_fmid {background-color: #ffffff !important; border: #ccc 1px solid; border-left: #ccc 0px solid !important; border-right: #ccc 0px solid !important;} #proc .record table.type8 tbody tr td.cb_fcon {background-color: #ffffff !important; border: #ccc 1px solid; border-left: #ccc 0px solid !important;} #proc .record table.type8 tbody tr td.cb_btn {border:0px; text-align:center;} #proc .record table.type8 tbody tr td.cb_btn button {display:inline-block; font-size:12px; width:110px; border-radius:15px; margin:0px 10px 0px 10px;} #proc .record table.type8 tbody tr td.cb_btn button.xsm {display:inline-block; font-size:10px; margin:2px 2px 2px 2px; border-radius:5px; width:40px;} #proc .record table.type8 tbody tr td.cb_btn2 {border:0px; text-align:center;} #proc .record table.type8 tbody tr td.cb_btn2 button {padding:2px 4px; display:inline-block; font-size:12px; width:70px; border-radius:5px; margin:0px 10px 0px 10px;} #proc .record table.type8 tbody tr td.cb_btn3 {border:0px; text-align:center;} #proc .record table.type8 tbody tr td.cb_btn3 button {padding:2px 4px; display:inline-block; font-size:12px; width:70px; border-radius:5px; margin:0px 10px 0px 10px;} #proc .record table.type8 tbody tr td.cb_btn3 button.status {background-color:transparent; border:0px; } #proc .record table.type8 tbody tr td.cb_btn3 button.doclink {background-color:transparent; border:0px; color:#337ab7;} #proc .record table.type8 tbody tr td.cb_btn3 button.status.cborange {color:#ff8600; font-weight: bold; } #proc .record table.type8 tbody tr td.cb_btn3 button.status.cbred {color:#d9534f; font-weight: bold; } #proc .record table.type8 tbody tr td.cb_btn3 button.status.cbblue {color:#337ab7; font-weight: bold; } #proc .record table.type8 tbody tr td.cb_btn3 button.xsm {display:inline-block; font-size:10px; margin:2px 2px 2px 2px; border-radius:5px; width:40px;} #proc .record table.type8 tbody tr.doc_file {height:auto !important;} #proc .record table.type8 tbody tr.cbfile_tr td {font-size:11px; line-height: 13px;} #proc .record table.type8 tbody tr.doc_desc {height: 20px !important;} #proc .record table.type8 tbody tr.cbfile_tr {height: 20px !important;} #proc .record table.type8 tbody tr.cbfile_tr input[type="button"]{font-size:10px; line-height:13px;} #proc .record table.type8 tbody tr.blank {height: 10px;} #proc .record table.type8 tbody tr.odd td {background-color:#fafafa;} /***** popupform 추가 - 2016.07.22 ******/ .popup .section.popup-form table.type8 {width:100%;margin-top:10px;} .popup .section.popup-form table.type8.mgtop0 {margin-top:0px;} .popup .section.popup-form table.type8 input[type=text] {height:19px; text-align: right; margin-left:5px;margin-right:0px; border:1px solid #aaa;} .popup .section.popup-form table.type8 input[type=text].pdright {padding-right:5px;} .popup .section.popup-form table.type8 tbody {background-color:#F5F8F9;} .popup .section.popup-form table.type8 tbody tr { height:28px; } .popup .section.popup-form table.type8.result tbody tr { height:26px;} .popup .section.popup-form table.type8 tbody tr td {text-align:center;/* border:1px solid #d4e0e6; border-top:0px solid #d4e0e6;*/ /* border-bottom:1px solid #d4e0e6; */border:1px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr.title { height:45px; } /* 16.05.30 arnam 추가 */ .popup .section.popup-form table.type8 input[type=text].left {text-align:left;} .popup .section.popup-form table.type8 input[type=text].left0 {margin-left: 0px; text-align:left;} .popup .section.popup-form table.type8 input[type=text].pdleft3 {padding-left: 3px;} .popup .section.popup-form table.type8 tbody tr td.cursor {cursor:pointer;} .popup .section.popup-form table.type8 tbody tr td.bold {font-weight:bold;} .popup .section.popup-form table.type8 tbody tr td.blank {border-bottom:0px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.topline {border-top:1px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.bottomline {border-bottom:1px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.sideline {border-left:1px solid #d4e0e6; border-right:1px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.leftline {border-left:1px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.rightline{border-right:1px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.notopline {border-top:0px;} .popup .section.popup-form table.type8 tbody tr td.nobottomline {border-bottom:0px;} .popup .section.popup-form table.type8 tbody tr td.nohzline {border-top:0px;border-bottom:0px;} .popup .section.popup-form table.type8 tbody tr td.nosideline {border-left:0px solid #d4e0e6; border-right:0px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.noleftline {border-left:0px solid #d4e0e6;} .popup .section.popup-form table.type8 tbody tr td.norightline {border-right:0px solid #d4e0e6;} .popup .section.popup-formtable.type8 tbody tr td.noline {border:0px;} .popup .section.popup-form table.type8 tbody tr td.bgwhite {background-color:#ffffff;} .popup .section.popup-form table.type8 tbody tr td.bggray1 {background-color:#fafafa;} .popup .section.popup-form table.type8 tbody tr td.bgred {color: red;} .popup .section.popup-form table.type8 tbody tr td.left {text-align: left;} .popup .section.popup-form table.type8 tbody tr td.left5 {text-align: left; padding-left:5px;} .popup .section.popup-form table.type8 tbody tr td.left10 {text-align: left; padding-left:10px;} .popup .section.popup-form table.type8 tbody tr td.right {text-align: right; padding-right:10px;} .popup .section.popup-form table.type8 tbody tr td.lv1title {font-weight: bold; background-color: #E8EFF0;} .popup .section.popup-form table.type8 tbody tr td.lv1value {font-weight: bold; color: #38adc1;} .popup .section.popup-form table.type8 tbody tr td.lv2title {font-size: 13px; font-weight: bold; background-color: #F9F5EC; height:50px;} .popup .section.popup-form table.type8 tbody tr td.lv2value {font-size: 13px; font-weight: bold; color: #f3582a;} .popup .section.popup-form table.type8 tbody tr td.lv3title {font-size: 11px; background-color: #F9F5EC;} .popup .section.popup-form table.type8 tbody tr td.w1value {background-color: #ffffff;} .popup .section.popup-form table.type8 tbody tr td.w2value {background-color: #ffffff; font-weight: bold; color: #38adc1;} .popup .section.popup-form table.type8 tbody tr td.w3value {background-color: #ffffff; font-weight: bold; color: #f3582a;} .popup .section.popup-form table.type8 tbody tr td.w3result {font-size: 14px; background-color: #ffffff; font-weight: bold; color: #f3582a;} .popup .section.popup-form table.type8 tbody tr td .orange {color: #f3582a;} @media \0screen { .popup .section.popup-form table.type8 select {padding-top: 2px; padding-bottom: 2px; padding-right: 2px;} } /***** bootstrap 수정 ******/ /* table.dataTable thead th, table.dataTable thead td{padding-top: 5px; padding-bottom: 3px;} */ table.dataTable tbody td.number {text-align:right; padding-right:10px; } /* 16.05.31 arnam 추가 - 3번탭 숫자 오른쪽 정렬 */ /***** css 버튼 *****/ .csbtn:active { position:relative; top:1px; } .csbtn.bluebtn { font-size:12px; font-weight:bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #337fed; padding:2px 5px; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% ); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');*/ background-color:#3d94f6; color:#ffffff; display:inline-block; text-shadow:1px 1px 0px #1570cd; -webkit-box-shadow:inset 1px 1px 0px 0px #E1EEFF; -moz-box-shadow:inset 1px 1px 0px 0px #E1EEFF; box-shadow:inset 1px 1px 0px 0px #E1EEFF; }.csbtn.bluebtn:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% ); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');*/ background-color:#1e62d0; color:#f5f8F9; } .csbtn.greenbtn { font-size:12px; font-weight:bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #87cefa; padding:2px 5px; text-decoration:none; /*background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% ); I//*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');*/ background-color:#cdecfa; color:#666666; display:inline-block; /*text-shadow:1px 1px 0px #1570cd;*/ -webkit-box-shadow:inset 1px 1px 0px 0px #E1EEFF; -moz-box-shadow:inset 1px 1px 0px 0px #E1EEFF; box-shadow:inset 1px 1px 0px 0px #E1EEFF; }.csbtn.greenbtn:hover { /*background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% ); *//*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');*/ background-color:#87cefa; color:#666666; } .csbtn.greenbtn2 { font-size:12px; font-weight:bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #87cefa; padding:2px 5px; text-decoration:none; /*background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% ); I//*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');*/ background-color:#87cefa; color:#666666; display:inline-block; /*text-shadow:1px 1px 0px #1570cd;*/ -webkit-box-shadow:inset 1px 1px 0px 0px #E1EEFF; -moz-box-shadow:inset 1px 1px 0px 0px #E1EEFF; box-shadow:inset 1px 1px 0px 0px #E1EEFF; }.csbtn.greenbtn2:hover { /*background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% ); *//*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');*/ background-color:#00Bfff; color:#666666; } .csbtn.navibtn { font-size:12px; font-weight:bold; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:1px solid #A8BECC; padding:7px 5px 5px 5px; text-decoration:none; /* background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #D9E3E9), color-stop(100%, #A8BECC) ); background:-moz-linear-gradient( center top, #D9E3E9 5%, #A8BECC 100% ); background:-ms-linear-gradient( top, #D9E3E9 5%, #A8BECC 100% ); */ /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');*/ background-color:#EAEFF2; color:#337FED; display:inline-block; text-shadow:1px 1px 0px #E2EDF5; -webkit-box-shadow:inset 1px 1px 0px 0px #FFFFFF; -moz-box-shadow:inset 1px 1px 0px 0px #FFFFFF; box-shadow:inset 1px 1px 0px 0px #FFFFFF; }.csbtn.navibtn:hover { /* background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #A8BECC), color-stop(100%, #D9E3E9) ); background:-moz-linear-gradient( center top, #A8BECC 5%, #D9E3E9 100% ); background:-ms-linear-gradient( top, #A8BECC 5%, #D9E3E9 100% ); */ /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');*/ background-color:#D9E3E9; color:#337FED; } .csbtn.graybtn { font-size:12px; font-weight:bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #dcdcdc; padding:2px 5px; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% ); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');*/ background-color:#f9f9f9; color:#666666; display:inline-block; text-shadow:1px 1px 0px #ffffff; -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff; -moz-box-shadow:inset 1px 1px 0px 0px #ffffff; box-shadow:inset 1px 1px 0px 0px #ffffff; }.csbtn.graybtn:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) ); background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% ); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');*/ background-color:#e9e9e9; }.csbtn.graybtn:active { position:relative; top:1px; } .csbtn.readbtn { cursor:default; font-size:13px; font-weight:bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:1px; border:1px solid #dcdcdc; padding:2px 5px; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% ); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');*/ background-color:rgb(232, 239, 240); color:#f3582a; display:inline-block; text-shadow:1px 1px 0px #ffffff; -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff; -moz-box-shadow:inset 1px 1px 0px 0px #ffffff; box-shadow:inset 1px 1px 0px 0px #ffffff; }.csbtn.readbtn:hover { }.csbtn.readbtn:active { position:relative; top:1px; } .csbtn.bluenavibtn { display:inline-block; height: 30px; border-radius: 0px; background-color: #487eaf; border-color: #356086; }.csbtn.bluenavibtn:hover { color: #fff; background-color: #3e668a; border-color: #3c6d98; }.csbtn.bluenavibtn:active { position:relative; top:1px; } .right {text-align:right;} .left {text-align:left;} .center {text-align: center;} .csbtn.center {text-align: center;} .csbtn.w20 {width:20px;} .csbtn.w25 {width:25px;} .csbtn.w30 {width:30px;} .csbtn.w40 {width:40px;} .csbtn.w50 {width:50px;} .csbtn.w75 {width:75px;} .csbtn.w90 {width:90px;} .csbtn.w100 {width:100px;} .csbtn.w110 {width:110px;} .csbtn.w125 {width:125px;} .csbtn.w150 {width:150px;} .csbtn.w175 {width:175px;} .csbtn.w200 {width:200px;} .printbtn { background-color: #c7e6f5; border-color: #b1dcf1; font-weight:600; width:130px; margin-left:10px; margin-right:10px;} .printbtn:hover { background-color: #85b4e5; border-color: #92c5ee;} .invoice.title {height: 40px; background-color: #f5f8F9; font-weight:bold; font-size:13px; border-bottom:1px solid #dce7e9; padding-top: 10px;} /* padding ======================================== */ .p_lf5 {padding-left: 5px; } .p_lf10 {padding-left: 10px; } .p_lf20 {padding-left: 20px; } .p_lf30 {padding-left: 30px; } .p_rf10 {padding-right: 10px; } .p_rf20 {padding-right: 20px; } .p_rf30 {padding-right: 30px; } .p_12 {padding:12px; } .p_t0 {padding-top: 0px;} .p_t5 {padding-top: 5px;} .p_t7 {padding-top: 7px;} .p_t10 {padding-top: 10px;} .p_t20 {padding-top: 20px;} .p_t30 {padding-top: 30px;} .p_b0 {padding-bottom: 0px;} .p_b5 {padding-bottom: 5px;} .p_b7 {padding-bottom: 7px;} .p_b10 {padding-bottom: 10px;} .p_b20 {padding-bottom: 20px;} .p_topbottom10 {padding-top:10px; padding-bottom:10px;} .p_sideline10 {padding-left:10px; padding-right:10px;} .p_notobotttom {padding-top:0px; padding-bottom:0px;} /* margin ======================================== */ .mg_t5 {margin-top: 5px;} .mg_t10 {margin-top: 10px;} .mg_t20 {margin-top: 20px;} .popup .popup-content .input input { height:18px; text-align: right; padding-right: 3px; } .popup .popup-content .input input[type="text"]{ height:18px; text-align: left; padding-left: 3px; } .popup .popup-content .input input[type="text"][name~=chkcount]{ height:18px; text-align: right; padding-left: 3px; } .popup .popup-content .input input[type="text"][name~=etcamt]{ height:18px; text-align: right; padding-left: 3px; } .popup .popup-content .input input[type="text"][name~=amount]{ height:18px; text-align: right; padding-left: 3px; } .popup .popup-content .input input[type="text"][name~=account_nm]{ height:18px; text-align: right; padding-left: 3px; } .popup .popup-content .input input.left {align:left; text-align: left; padding-left: 3px;} .popup .popup-content .input input.right {align:right; text-align: right; padding-right: 3px;} .popup .section.popup-basic .section-box.pl10 {padding-left: 10px; padding-right: 10px;} .popup .section.popup-basic .section-box.pl10 table tr {height: 30px;} .popup .section.popup-basic .explain {margin-left:10px; margin-bottom:5px; color:red;} .csbtn {cursor: pointer;cursor: hand; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; cursor: hand; } .bg_gray{background-color: #e4e6e9;} .width_50{width:50px;} .width_80{width:80px;} .width_100{width:100px;} .width_120{width:120px;} .width_150{width:150px;} .width_180{width:180px;} .width_200{width:200px;} .vrl{ margin-left:5px; height:135px; writing-mode:tb-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -ms-writing-mode: vertical-rl; } .form-control {padding-top:10px;} table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #fafafa !important; } .popup-content .calendar .date input { padding: 2px 4px 4px 2px; text-align:center !important; } .q_house_table tr.q_house td{padding-top:5px;padding-bottom:5px; border-top:1px solid #eee; border-bottom:1px solid #eee; } .q_house_table tr.q_house:hover{background-color:#f7f8f9; } #proc .box .rp_main_title {background-color: #337ab7 !important; padding:10px 12px 8px 12px;float:left;width:100%;} #proc .box .rp_main_title span{font-size: 17px; font-weight: bold; color:#fff !important;} #proc .box .rp_sub_title1 {padding:12px 10px 2px 3px; border-bottom: 1px solid #abc3d8; float:left;width:100%;} #proc .box .rp_sub_title1 span{font-size: 14px; font-weight: bold;} #proc .box .rp_sub_comment1 {padding:6px 10px 2px 3px; float:left;width:100%;} #proc .box .rp_sub_comment1 span{font-size: 13px; color:#a0a0a0 !important;} #proc .box .rp_conts {margin:10px auto; padding:0px; width:100%; float:left;} #proc .box .rp_full_conts{width:100%; float:left; padding: 5px;} #proc .box .rp_full_conts.main_title{border: 1px solid #ddd; font-weight: bold; background-color:#f8f8f8 !important; padding: 4px 10px;} #proc .box .rp_full_conts.tax_title{border: 1px solid #ddd; font-weight: bold; background-color:#fffaf4 !important; padding: 4px 10px;} #proc .box .rp_full_conts.main_title2{font-size: 13px; border: 1px solid #ddd; font-weight: bold; background-color:#f8f8f8 !important; padding: 6px 12px;} #proc .box .rp_full_conts.main_conts{border: 1px solid #ddd; padding: 4px 15px;border-top:0px solid #ddd; } #proc .box .rp_full_conts.main_conts2{border: 1px solid #ddd; padding: 4px 15px;} #proc .box .rp_full_conts.main_conts3{border: 1px solid #ddd; padding: 10px 15px;} #proc .box .rp_full_conts span {/* padding-left:5px; */} #proc .box .rp_full_conts span.remark {font-size: 12px; font-style:italic; color: #4b86bd !important;} #proc .box .rp_full_conts span.comment {font-size: 12px; color: #a0a0a0 !important;} #proc .box .rp_full_conts span .str_txt{display:inline; font-weight: bold;} #proc .box .rp_full_conts span .amt_txt{display:inline; font-weight: bold; color: #4b86bd !important;} #proc .box .rp_left_conts {width:50%; float:left; padding: 5px;} #proc .box .rp_left_conts.grayline {border: 1px solid #ddd;} #proc .box .rp_left_conts span.title {font-size: 13px; font-weight: bold;} #proc .box .rp_right_conts {width:50%; float:right; padding: 8px 12px;} #proc .box .rp_right_conts.grayline {border: 1px solid #ddd;} #proc .box .rp_right_conts.line {border: 1px solid #abc3d8;} #proc .box .rp_right_conts span {font-size: 13px; line-height:22px;} #proc .box .rp_right_conts span.title {font-size: 13px; font-weight: bold;} #proc .box .rp_right_conts span.btitle {font-size: 13px; font-weight: bold; color: #4b86bd !important;} #proc .box .rp_right_conts span.remark {font-size: 12px; font-style:italic; color: #4b86bd !important;} #proc .box .rp_right_conts span .str_txt{display:inline; font-weight: bold;} #proc .box .rp_right_conts span .amt_txt{display:inline; font-weight: bold; color: #4b86bd !important;} /** 새로운 리포트 css **/ #proc .box .rp_area {margin:10px auto; padding:0px; width:100%; float:left; padding: 10px;} #proc .box .rp_area.area_blue {border:2px solid #0b5ab2;} #proc .box .rp_area.area_green {border:2px solid #70AD47;} #proc .box .rp_area.area_yellow {border:2px solid #FFC000;} #proc .box .rp_area .main_title{text-align: center; color: #000; font-size: 16px; font-weight: bold; padding:10px;} #proc .box .rp_area .main_title.dashed{border-bottom: 1px dashed #333;} #proc .box .rp_area .main_amt{text-align: center; color: #0070C0; font-size: 24px; font-weight: bold; padding:10px; border-bottom: 1px dashed #333; margin: 0px 20px;} #proc .box .rp_area.area_blue .main_amt{color: #0070C0;} #proc .box .rp_area.area_green .main_amt{color: #70AD47;} #proc .box .rp_area .main_remark{text-align: left; color: #000; font-size: 14px; padding:20px; margin: 10px 20px;} #proc .box .rp_area.area_blue .main_remark{background-color:#D9E1F2;} #proc .box .rp_area.area_green .main_remark{background-color:#E2EFDA;} #proc .box .rp_area.area_yellow .main_remark{background-color:#FFF2CC;} #proc .box .rp_area .main_table {margin: 10px 20px; /* padding:20px; */} #proc .box .rp_area .main_table table.rp_table1{text-align: left; color: #000; font-size: 16px; /* padding:20px; */} #proc .box .rp_area .main_table table.rp_table1 td.lvl1 {padding: 10px; padding-left: 40px; font-size: 16px; font-weight:bold; letter-spacing:2px; color:#333;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1_amt {font-size: 16px; font-weight:bold; text-align: right; color:#333;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1_amt.minus {color:#C00000;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1_amt.plus {color:#0070C0;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1_amt.rate {color:#FFC000;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1_angle {font-size: 18px; font-weight:bold; text-align: center;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1_angle a{text-decoration:none;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1 span.help {color: #4472C4;} #proc .box .rp_area .main_table table.rp_table1 td.lvl1 span.help:hover {color: #154190; cursor:pointer;} #proc .box .rp_area .main_table table.rp_table1 td.lvl2 {padding: 8px; padding-left: 60px; font-size: 14px; color:#777;} #proc .box .rp_area .main_table table.rp_table1 td.lvl2_amt {font-size: 14px; text-align: right; color:#777;} #proc .box .rp_area .main_table table.rp_table1 td.lvl2_amt.minus {color:#C00000;} #proc .box .rp_area .main_table table.rp_table1 td.lvl2_amt.plus {color:#0070C0;} #proc .box .rp_area .main_table table.rp_table1 tr.sum td {border-top:1px solid #333;} #proc .box .rp_area .main_table table.rp_table1 tr.hide {display:none;} #proc .box .rp_area .main_table table.rp_table1 tr.help_conts {display:none;} #proc .box .rp_area .main_table table.rp_table1 tr.help_conts.active {display:table-row;} #proc .box .rp_area .main_table table.rp_table1 tr.help_conts td {padding: 0px 40px 6px 40px; border:0px solid #D9E1F2;color:#0070C0;} #proc .box .rp_area .main_table table.rp_table2{text-align: center; color: #000; font-size: 14px; /* padding:20px; */} #proc .box .rp_area .main_table table.rp_table2 tr td {padding: 20px; font-size: 14px; font-weight:bold; border-bottom:1px solid #555;} #proc .box .rp_area .main_table table.rp_table2 tr.head td {padding: 10px; border-bottom:2px solid #333;} /* #proc .box .rp_area .main_table table.rp_table2 tbody tr:nth-child(even) td {background-color:#F2F2F2;} */ #proc .box .rp_area .main_table table.rp_table2 tr td.text {text-align: left;} #proc .box .rp_area .main_table table.rp_table2 tr td.amt {text-align: right;} #proc .box .rp_area .main_table table.rp_table2 tr td span.income {font-size: 12px; color:#0070C0;} #proc .box .rp_area .main_table table.rp_table2 tr td span.tax {font-size: 12px; color:#00B050;} #proc .box .rp_area .main_table table.rp_table2 tr td span.reduce {font-size: 12px; color:#FFC000;} #proc .box .rp_area .sub_table_area {margin: 10px 20px; background-color:#F4F2F8; padding: 10px 40px; } #proc .box .rp_area .sub_table_area.hide {display:none;} #proc .box .rp_area .sub_table_area table.sub_table1{text-align: left; color: #000; font-size: 16px; /* padding:20px; */} #proc .box .rp_area .sub_table_area table.sub_table1 tr.head td {border-bottom:1px solid #333;} #proc .box .rp_area .sub_table_area table.sub_table1 tr.sum td {border-top:1px solid #333;} #proc .box .rp_area .sub_table_area table.sub_table1 tr.empty td{color:#999;} #proc .box .rp_area .sub_table_area table.sub_table1 td {padding: 6px; font-size: 14px; font-weight:bold; color:#333; text-align: center;} #proc .box .rp_area .sub_table_area table.sub_table1 td.amt {font-size: 14px; font-weight:bold; text-align: right; color:#333;} /* 19.03.26 yjkim - 을종소득 디자인 추가 */ #proc .record .question_step {overflow:hidden; background:url('../imgs/cb_question_step1.png') no-repeat 0 0; width:697px; height:39px; *zoom:1; margin:3px auto 3px auto; padding-right: 0px;} #proc .record .question_step:after {display:block; clear:both; content:' ';} #proc .record .question_step[data-step="1"] {background:url('../imgs/cb_question_step1.png') no-repeat 0 0;} #proc .record .question_step[data-step="2"] {background:url('../imgs/cb_question_step2.png') no-repeat 0 0;} #proc .record .question_step[data-step="3"] {background:url('../imgs/cb_question_step3.png') no-repeat 0 0;} #proc .record .question_step[data-step="4"] {background:url('../imgs/cb_question_step4.png') no-repeat 0 0;} #proc .record .question_step[data-step="5"] {background:url('../imgs/cb_question_step5.png') no-repeat 0 0;} #proc ul.q_area {width:738px; list-style:none; margin: 3px auto 3px auto; padding:0;} #proc ul.q_area li {color:#999; width:82px; text-align:center; margin: 0 0 0 0; padding: 0 0 0 0; border : 0; float: left;} #proc ul.a_area {width:738px; list-style:none; margin: 3px auto 3px auto; padding:0;} #proc ul.a_area li {font-weight:bold; font-size: 14px; width:82px; text-align:center; margin: 0 0 0 0; padding: 0 0 0 0; border : 0; float: left;} #proc ul.q_area li.q_txt,#proc ul.a_area li.a_txt {cursor : pointer;} #proc hr.q_hr {width:100%; margin:20px auto 15px auto; float: left;} #proc .record .question_list .qtab_txt {width: 100%; text-align: center; float:left;} #proc .record .question_list .qtab_txt span {font-size: 21px; line-height:25px; margin: 30px auto 30px auto; width:100%;} #proc .record .question_list .qtab_txt span.large {margin: 100px auto 100px auto;} #proc .record .question_list .qtab_txt span.desc {color:#999; font-size: 14px; margin: 20px auto 20px auto;} #proc .record .question_list .qtab_btn {width: 100%; text-align: center; float:left;} #proc .record .question_list .qtab_btn span {margin: 10px auto 20px auto; width:100%;} #proc .record .question_list .qtab_btn button {display:inline-block; font-size:14px; width:120px; border-radius:15px; margin:0px 40px 0px 40px;} #proc .record .question_list .qtab_btn.result button {display:inline-block; font-size:14px; width:120px; border-radius:5px; margin:0px 10px 0px 10px;} #proc .record .question_list .qtab_chk {width: 100%; text-align: left; float:left;margin-left:25%;} #proc .record .question_list .qtab_chk input[type=checkbox] {float:left; margin-bottom: 4px;} #proc .record .question_list .qtab_chk span.chk_title {color:#555; float:left; font-size: 17px; line-height: 18px;} #proc .record .question_list .qtab_chk span.chk_desc {color:#999; float:left; font-size: 13px; margin: 4px 0px 4px 0px;} .cbsection{ border:#ccc 0px solid; float:left; background-color: #fff; padding: 5px 5px 5px 5px; } .cbsection.chk_area{ font-size: 13px; line-height: 35px; color: #555; } .agreesection{ border:#337ab7 1px solid; float:left; background-color: #fff; padding: 25px 30px 25px 30px; } .agreesection span{ font-size: 14px; color: #333; line-height: 35px; } .commentsection {width:100%;} .commentsection .comment_body{ width:100%; border:#ccc 1px solid; border-radius:5px; float:left; background-color: #fff; padding: 15px 20px 15px 20px; } .commentsection .comment_nodata{ width:100%; border:#337ab7 1px solid; border-radius:5px; float:left; background-color: #fff; padding: 40px 60px 40px 60px; text-align:center; } .commentsection .comment_body .comment_tit{ font-size:17px; font-weight:bold; float:left;width:70%; } .commentsection .comment_body .comment_date{ font-size:11px; color:#999; float:right; text-align:right; width:30%; } .commentsection .comment_body .comment_date span.adm_btn button{ margin-left: 5px; } .commentsection .comment_body .comment_txt{ margin-top:15px; margin-bottom:20px; font-size:13px; color:#555; float:left; width:100%; } .commentsection .comment_body .reply_area { float:left; width:100%; border-top:#ccc 1px solid; padding-top:10px; } .commentsection .comment_body .reply_area .user_reply{ float:right; width:85%; background-color:#f2f7fb; padding:5px 10px; border:#afceea 1px solid; border-radius:5px; margin-bottom:10px; text-align:left; } .commentsection .comment_body .reply_area .admin_reply{ float:left; width:85%; background-color:#fbf2f2; padding:5px 10px; border:#eaafaf 1px solid; border-radius:5px; margin-bottom:10px; } .commentsection .comment_body .reply_area .user_reply span.reply_date{font-size:10px; color:#aaa; margin-left:5px;} .commentsection .comment_body .reply_area .user_reply span.reply_txt{margin-left:0px; text-align:left; float:right;} .commentsection .comment_body .reply_area .user_reply span.reply_name{color:#1e62d0; font-weight:bold; margin-left:0px;} .commentsection .comment_body .reply_area .user_reply span.reply_btn{margin-left:10px; text-align:right; float:right;} .commentsection .comment_body .reply_area .user_reply span.reply_btn button{padding: 0px 3px; line-height:1.3;} .commentsection .comment_body .reply_area .admin_reply span.reply_date{font-size:10px; color:#aaa; margin-left:5px;} .commentsection .comment_body .reply_area .admin_reply span.reply_name{font-weight:bold;} .commentsection .comment_body .reply_area .admin_reply span.reply_txt{margin-left:0px;float:right;} .commentsection .comment_body .reply_area .admin_reply span.reply_btn{margin-left:10px; text-align:right; float:right;} .commentsection .comment_body .reply_area .admin_reply span.reply_btn button{padding: 1px 2px; line-height:1.0;} .commentsection .comment_body .reply_write {margin-top:5px; background-color:#f7f7f7; float:left;width:100%;padding:5px 10px; border:#eee 1px solid;} .commentsection .comment_body .reply_write .write_txt {width:90%; float:left; padding-top:2px;} .commentsection .comment_body .reply_write .write_txt input[type="text"]{height:25px; line-height:25px;} .commentsection .comment_body .reply_write .write_btn {width:10%; float:left; text-align:center;} #pdf-upload-modal .modal-dialog{margin-top:20%;} #pdf-upload-modal p.final-title{text-align: center; font-size: 16px;} #pdf-upload-modal p.final-title.left{text-align: left; font-size: 17px; font-weight: bold;} #pdf-upload-modal .final-header{padding:12px 20px 12px 20px; background-color:#fafafa; border-top-left-radius: 4px; border-top-right-radius: 4px;} #pdf-upload-modal .body-content-area {padding:15px 20px 15px 20px;border:0px;margin-top: 0px;} #pdf-upload-modal .final-body{padding:0px;} #pdf-upload-modal .main-content{padding: 0px 0px 0px 0px;overflow-y:auto;} #pdf-upload-modal h5.sub-title{font-weight: bold;font-size:16px;line-height: 30px;} #pdf-upload-modal span.desc {font-size:11px; color:#a0a0a0;} #pdf-upload-modal .pdf-upload-modal-outer{margin: 5% auto; top:15%;left:32%;width:700px;} #pdf-upload-modal .final-footer{padding:0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} #pdf-upload-modal .signature-area{display:none;} #pdf-upload-modal div.btn-area{text-align: center;cursor:pointer;color: #fff;font-size: 15px;font-weight: bold;height: 51px;text-align: center;line-height: 50px; float:left;width:50%;} #pdf-upload-modal div.btn-cancel{background-color:#464573; border-bottom-left-radius: 4px;} #pdf-upload-modal div.btn-check{background-color:#2d85e0; border-bottom-right-radius: 4px;} #pdf-upload-modal input[type=radio], input[type=checkbox]{cursor:pointer;} #pdf-mapping-modal .modal-dialog{margin-top:20%;} #pdf-mapping-modal p.final-title{text-align: center; font-size: 16px;} #pdf-mapping-modal p.final-title.left{text-align: left; font-size: 17px; font-weight: bold;} #pdf-mapping-modal .final-header{padding:12px 20px 12px 20px; background-color:#fafafa; border-top-left-radius: 4px; border-top-right-radius: 4px;} #pdf-mapping-modal .body-content-area {padding:15px 20px 15px 20px;border:0px;margin-top: 0px;} #pdf-mapping-modal .final-body{padding:0px;} #pdf-mapping-modal .main-content{padding: 0px 0px 0px 0px;overflow-y:auto;} #pdf-mapping-modal h5.sub-title{font-weight: bold;font-size:16px;line-height: 30px;} #pdf-mapping-modal span.desc {font-size:11px; color:#a0a0a0;} #pdf-mapping-modal .pdf-mapping-modal-outer{margin: 5% auto; top:15%;left:32%;width:700px;} #pdf-mapping-modal .final-footer{padding:0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} #pdf-mapping-modal .signature-area{display:none;} #pdf-mapping-modal div.btn-area{text-align: center;cursor:pointer;color: #fff;font-size: 15px;font-weight: bold;height: 51px;text-align: center;line-height: 50px; float:left;width:50%;} #pdf-mapping-modal div.btn-cancel{background-color:#464573; border-bottom-left-radius: 4px;} #pdf-mapping-modal div.btn-check{background-color:#2d85e0; border-bottom-right-radius: 4px;} #pdf-mapping-modal input[type=radio], input[type=checkbox]{cursor:pointer;} div.newdoc_type {float:left; width: 100%; padding: 20px 15px 0px 15px;} div.newdoc_type .type_title {position: relative;height: 45px; margin-bottom: -5px;} div.newdoc_type .type_title span.main{float:left; font-size:16px; font-weight: bold;} div.newdoc_type .type_title span.sub{float:left; font-size:12px; font-weight: bold; line-height: 24px; color: #999;} div.newdoc_type .type_title div.left{float:left;} div.newdoc_type .type_title div.right{float:right;} div.newdoc_type .type_conts div.left{float:left;} div.newdoc_type .type_conts div.right{float:right;} div.newdoc_type .type_conts .family_area {float:left; width: 100%; padding:10px 15px 10px 15px; background-color:#fff; border: #ddd 1px solid; border-radius: 5px; margin-top:5px;} div.newdoc_type .type_conts .family_area .title {height:60px;} div.newdoc_type .type_conts .family_area .title span.type{float:left; font-size:10px; color: #4b86bd;} div.newdoc_type .type_conts .family_area .title span.name{float:left; font-size:14px; font-weight: bold;} div.newdoc_type .type_conts .family_area .title span.tag{float:left; font-size:9px; color: #999;} div.newdoc_type .type_conts .family_area .title span.count{float:left; font-size:14px; line-height: 50px;} div.newdoc_type .type_conts .family_area table {width: 100%;} div.newdoc_type .type_conts .family_area table tr.doc {border-top: #ddd 1px solid;} div.newdoc_type .type_conts .family_area table tr.doc td {padding: 6px 0px 2px 0px;} div.newdoc_type .type_conts .family_area table tr.doc td.right {font-size:10px; line-height:20px;} div.newdoc_type .type_conts .family_area table tr.doc td.right input[type=checkbox] {margin: 0px 0px 2px 0px; vertical-align: middle;} div.newdoc_type .type_conts .family_area table tr.doc td.right input[type=checkbox]:checked + label {background-color: #666666;} div.newdoc_type .type_conts .family_area table tr.doc td .btn-xs {font-size:11px; margin-bottom: 0px;} div.newdoc_type .type_conts .family_area table tr.doc td span.doctitle {color: #333; font-size:13px; font-weight: bold;} div.newdoc_type .type_conts .family_area table tr.doc td span.nochange {display:inline-block; line-height:1px; padding: 2px 3px 1px; margin-top:1px; font-weight: bold; color: #4cae4c; border:#4cae4c 1px solid; border-radius: 3px;} div.newdoc_type .type_conts .family_area table tr.doc td span.sendyn {font-weight: bold; color: #4cae4c; margin-left:5px;} div.newdoc_type .type_conts .family_area table tr.doc td span.alert_icon {color: #d43f3a; margin-left:2px; font-size:15px; min-width:10px; display:inline-block;} div.newdoc_type .type_conts .family_area table tr.doc td span.alert_icon .glyphicon{top:4px;} div.newdoc_type .type_conts .family_area table tr.file td {font-size: 11px;} div.newdoc_type .type_conts .family_area table tr.file td.right .btn-xs {font-size: 11px;} div.newdoc_type .type_conts .family_area table tr.file td.right input[type=checkbox] {margin: 0px 0px 2px 0px; vertical-align: middle;} div.newdoc_type .type_conts .family_area table tr.file td.right input[type=checkbox]:checked + label {background-color: #666666;} div.newdoc_type .type_conts .family_area table tr.file td span.icon {color: #337ab7;} div.newdoc_type .type_conts .family_area table tr.file td span.admin_icon {color: #337ab7; min-width:20px; display:inline-block;} div.newdoc_type .type_conts .family_area table tr.file td span.checkyn {font-weight: bold; margin-left:5px; font-size:11px;} /* 제출서류 미리보기 팝업*/ .view_info_area .title {font-size: 14px; font-weight: bold; margin-bottom: 10px;} .view_info_area table tr td {line-height:30px;} .view_info_area table tr td.tit {font-weight: bold; vertical-align:top;} .view_info_bottom {position: absolute; bottom: 10px; text-align: center; width: 100%;} .view_info_bottom .move {display: inline-block;} /* 제출서류 가이드 */ .guide_content .alert_icon {color: #ffc107;} .guide_content .gd_title {font-weight: bold; line-height:24px;} .guide_content .gd_cont {line-height:24px; margin-bottom: 7px;} .guide_content .gd_cont .category {color:#fff; background-color: #78b678; border:#578657 1px solid; padding:4px 6px; font-weight:700; border-radius: 3px; margin-right:7px;} .guide_content .gd_alert {border:1px solid #ddd; border-radius:5px; padding:5px 10px 0px 10px; width:100%; margin-bottom:10px; color:#dc3545;} .guide_content .gd_alert .gd_title {margin-bottom:5px;} .guide_content .gd_detail {border:1px solid #ddd; border-radius:5px; padding:5px 10px 0px 10px; width:100%; margin-bottom:10px; color:#28a745;} .guide_content .gd_detail .gd_title {margin-bottom:5px;}