@charset "utf-8"; @font-face { font-family: Arita_B; src: url(/webfont/v2/Arita4.0_B.otf); font-weight: 700; } /*********************************** Reset *************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, button, input { margin: 0; padding: 0; border: 0; outline: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.4; } html { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { width: 100%; font-family: 'Noto Sans KR', sans-serif;} ul, ol, li { list-style: none;} table, thead, tbody, tfoot { border-collapse: collapse; border-spacing: 0; border: 0; } img, fieldset { border: 0; vertical-align : bottom; } button, label { background: none; cursor: pointer; } a, a:link, a:visited, a:hover, a:focus { text-decoration: none; } input { font-family: 'Noto Sans KR' } input[type="text"] { background: none; outline: none; } input[type="checkbox"], input[type="radio"], input[type="file"] { display: none; } select { background: none; outline: none; } textarea { outline: none; resize: none; vertical-align: bottom; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #222 !important; } /************************************ Common *************************************/ /*basic - tag*/ body { font-size: 12px; color: #222; /* padding: 20px; */ } a, a:link, a:visited, a:hover, a:focus { color: #222; } select { color: #222; font-size: 12px; } input[type="text"], input[type="checkbox"], input[type="radio"], input[type="number"] { color: #222; font-size: 12px; } textarea, input[type="text"]::placeholder { color: #AAAAAA; font-size: 12px; } textarea { width: 100%; border: 1px solid #B3BFD1; padding: 4px; border-radius: 4px; font-size: 12px; color: #222; font-family: "맑은 고딕"; } textarea[readonly] { border: none; } button, label { cursor: pointer; } img { max-width: 100%; } td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.ns.prolancer { padding: 0px; } /************************************ common *************************************/ /*display*/ .hide { display: none; } div.display-none { display: none; } .cup { cursor: pointer; } /*margin, padding*/ .m0 { margin: 0px!important; } .m5 { margin: 5px!important; } .mt5 { margin-top: 5px!important; } .mb5 { margin-bottom: 5px!important; } .ml5 { margin-left: 5px!important; } .mr5 { margin-right: 5px!important; } .m10 { margin: 10px!important; } .mt10 { margin-top: 10px!important; } .mb10 { margin-bottom: 10px!important; } .ml10 { margin-left: 10px!important; } .mr10 { margin-right: 10px!important; } .m20 { margin: 20px!important; } .mt20 { margin-top: 20px!important; } .mb20 { margin-bottom: 20px!important; } .ml20 { margin-left: 20px!important; } .mr20 { margin-right: 20px!important; } .m30 { margin: 30px!important; } .mt30 { margin-top: 30px!important; } .mb30 { margin-bottom: 30px!important; } .ml30 { margin-left: 30px!important; } .mr30 { margin-right: 30px!important; } .p0 { padding: 0!important; } .p10 { padding: 10px!important; } .pt10 { padding-top: 10px!important; } .pb10 { padding-bottom: 10px!important; } .pl10 { padding-left: 10px!important; } .pr10 { padding-right: 10px!important; } .p20 { padding: 20px!important; } .pt20 { padding-top: 20px!important; } .pb20 { padding-bottom: 20px!important; } .pl20 { padding-left: 20px!important; } .pr20 { padding-right: 20px!important; } .p30 { padding: 30px!important; } .pt30 { padding-top: 30px!important; } .pb30 { padding-bottom: 30px!important; } .pl30 { padding-left: 30px!important; } .pr30 { padding-right: 30px!important; } .mc { margin: 0 auto; } .ml-a { margin-left: auto; } .mr-a { margin-right: auto; } /*text*/ .txc { text-align: center!important; } .txr { text-align: right!important; } .txl { text-align: left!important; } .bold { font-weight: 700; } .bolder { font-weight: 900; } /*기본 색상*/ .color01 { color: #F45962!important; } /*red*/ .color02 { color: #f3792a!important; } /*orange*/ .color03 { color: #487ACC!important; } /*blue*/ .color04 { color: #AAAAAA!important; } /*gray*/ .color05 { color: #222222!important; } /*black*/ .color06 { color: #5485FF!important; } /*blue-emp*/ .color07 { color: #FB567D!important; } /*red-emp*/ .tableB .bg1 { background: #FAEFEF!important; } /*table header*/ .bg1 { background: #E2ECF5!important; } /*table header*/ .bg2 { background: #DAEBFF!important; } /*blue*/ .bg3 { background: #FFE9E9!important; } /*red*/ /************************************ common_layout *************************************/ .flex { display: flex; } .fl-a { display: flex; align-items: center; justify-content: space-around!important; } .fl-b { display: flex; align-items: center; justify-content: space-between!important; } .fl-s { display: flex; align-items: center; justify-content: flex-start!important; } .fl-jb { display: flex; justify-content: space-between; } .fl-cc { display: flex; align-items: center; justify-content: center; } .fl-jc { display: flex; align-items: center; } .fl-wp { flex-wrap: wrap; } .w_fix { flex-shrink: 0; } .initW { width: initial!important; } .grid_wrap { display: flex; } .grid_wrap > div { margin-right: 10px; } .grid_wrap > div:last-child { margin-right: 0; } .w10 { width: 10%!important; } .w20 { width: 20%!important; } .w25 { width: 25%!important; } .w40 { width: 40%!important; } .w30 { width: 30%!important; } .w35 { width: 35%!important; } .w50 { width: 50%!important; } .w60 { width: 60%!important; } .w65 { width: 65%!important; } .w70 { width: 70%!important; } .w75 { width: 75%!important; } .w80 { width: 80%!important; } .w90 { width: 90%!important; } .w100 { width: 100%!important; } /************************************ element *************************************/ /*alert*/ .alertPop { position: fixed; display: none; z-index: 99999; width: 100vw; height: 100vh; top: 0; left: 0; } /* alertInner width +15px 20220901*/ .alertPop .alertInner { width: 365px; border: 1px solid #1B3946; background: #fff; text-align: center; border-radius: 4px; overflow: hidden; font-size: 12px; padding-bottom: 15px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .alertPop .alertTitle { background: #434c51; color: #fff; font-weight: bold; line-height: 35px; height: 35px; display: flex; align-items: center; justify-content: center;} .alertPop .alertBody { color: #222; padding: 25px; } .alertPop .alertFooter span { display: inline-block; width: 90px; line-height: 27px; color: #fff; font-size: 11px; font-weight: bold; border-radius: 4px; background: #f00; cursor: pointer; background: linear-gradient(#6584B1, #4D668B); } /*title*/ .page_title_wrap { display: flex; align-items: center; margin-bottom: 16px; height: 28px; } .page_title { font-size: 20px; font-weight: 700; font-family: "Arita_B"; height: 28px; line-height: 28px; background-position: 0 2px; } .sub_title_wrap { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; margin-bottom: 10px; height: 20px; } .sub_title { /* padding-left: 18px; */ font-size: 18px; color: #1f1f1f; font-weight: bold; /* background: url(/images/common/subTitleBullet.svg) no-repeat; background-position: center left; */ font-family: "Arita_B"; } .sub_title_wrap .sub_txt { font-size: 11px; } .sub_title_wrap .select_box { flex: 1; margin-left: 30px; } /* .page_title.type_w { padding-left: 28px; background: url("/images/common/title_icon_w.svg") no-repeat; background-position: 0 2px; } */ /* .page_title.type_v { padding-left: 28px; background: url("/images/common/title_icon_v.svg") no-repeat; background-position: 0 2px; } */ /* .page_title.type_i { padding-left: 28px; background: url("/images/common/title_icon_i.svg") no-repeat; background-position: 0 2px; } */ /* .page_title.type_s { padding-left: 36px; background: url("/images/common/title_icon_s.svg") no-repeat; background-position: 0 2px; } */ /* .page_title.type_t { padding-left: 28px; background: url("/images/common/title_icon_t.svg") no-repeat; background-position: 0 2px; } */ /* .page_title.type_te { padding-left: 24px; background: url("../../images/web/icon/temp1.svg") no-repeat; } */ /*btn*/ /*btn_s - table-in*/ .btn_s { display: inline-block; padding: 0 6px; font-size: 11px; font-weight: bold; height: 20px; text-align: center; color: #fff; background: #8593C3; border-radius: 4px; cursor: pointer; line-height: 18px; } .btn_s.off { background: #CED5DF; } /*btn_ - table-out*/ .btn_ { display: inline-block; padding: 0 8px; font-size: 11px; font-weight: bold; height: 20px; text-align: center; color: #fff; background: #7BA4CB; border-radius: 4px; cursor: pointer; border: 1px solid #5A7C9B; } .btn_.off { background: #909AA9; border-color: #7A7A7A; } /*btn - title Btn*/ .btn_t { display: inline-block; padding: 0 6px; font-size: 12px; line-height: 23px; height: 25px; text-align: center; color: #64808F; background: #E3F2EC; border-radius: 24px; cursor: pointer; border: 1px solid #C1D4CD; margin-left: 3px; } .btn_t.on { background: #3E4E66; color: #fff; font-weight: bold; border-color: #3E4E66; } /*하단 버튼*/ .btnArea { display: flex; width: 100%; padding-top: 15px; align-items: center; justify-content: flex-end; } .btnArea .btn { min-width: 90px; display: inline-block; padding: 0 10px; height: 28px; color: #fff; background: #4D668B ; border-radius: 4px; border: 1px solid #364458; cursor: pointer; font-size: 13px; font-weight: bold; margin-left: 4px; line-height: 26px; text-align: center; } .btnArea .btn.off { background: #909AA9; border-color: #7A7A7A; } .bottomArea { display: flex; align-items: flex-start; justify-content: space-between; } .bottomArea .txtArea { flex-shrink: 0; } .fileDelete { border: 1px solid #99aac2; border-radius: 4px; color: #99aac2; cursor: pointer; } .listAddRow { border: 1px solid #74a3f1; border-radius: 4px; color: #ffffff; background-color: #74a3f1; cursor: pointer; } img.addLine { cursor: pointer; display: block; margin: 0 auto; top: 2px!important; } /*table_search_option*/ .table_opt { display: flex; align-items: center; height: 20px; } .table_opt > * { margin-left: 5px; } .table_opt .reset_btn { position: relative; top: 1px; } .table_opt .search_word { position: relative; width: 190px; } .table_opt .search_word a { position: absolute; right: 6px; top: 2px; } .table_opt .search_word input { padding-right: 20px; } .table_opt .search_word .reset_btn { height: 20px; } .table_opt .scrapTime { font-size: 11px; color: #aaa; } /*sign_area */ .sign_area { display: flex; justify-content: space-between; align-items: flex-start; } .sign_area table tr { height: 28px; vertical-align: top; } .sign_area table th { font-size: 15px; font-weight: bold; } .sign_area .sign_right { display: flex; text-align: center; } .sign_area .sign_right #signBox { display: flex; } .sign_area .sign_right > .sign_box { border-left: 1px solid #CDD9E4; } .sign_area .sign_right .sign_box { width: 75px; flex-shrink: 0; border-right: 1px solid #CDD9E4; display: flex; flex-direction: column; border-top: 2px solid #7BA5CB; border-bottom: 2px solid #7BA5CB; } .sign_area .sign_right .sign_box .sign_title { line-height: 29px; background: #E2ECF5; border-bottom: 1px solid #CDD9E4; font-size: 12px; font-weight: bold; color: #1f1f1f; } .sign_area .sign_right .sign_box .sign_name { height: 60px; display: flex; align-items: center; justify-content: center; } .sign_area .sign_right .sign_btn_box { width: 50px; flex-shrink: 0; padding-left: 6px; } .sign_area .sign_right .sign_btn_box button { background: #3E4E66; height: 100%; color: #fff; border-radius: 4px; font-size: 13px; writing-mode: horizontal-tb; padding: 3px 10px; line-height: 15px; font-weight: bold; } /* tooltip */ .tooltip { position: relative; cursor: pointer; display: inline-flex; width: fit-content; margin: 0 auto; } .tooltip > img { position: relative; } .tooltip > span { display: none; position: absolute; padding: 4px 10px; border-radius: 4px; background: #3d4b53; color: #fff; font-size: 11px; text-align: left; font-weight: 400; width: max-content; z-index: 9999; font-family: "Noto Sans KR"; } .tooltip:hover > span { display: block; } /* tooltip posotion */ .tooltip > span.ct { left: 50%; transform: translateX(-50%); } .tooltip > span.lt { left: 0px; } .tooltip > span.rt { right: 0px; } .tooltip > span.top { bottom: 20px; } .tooltip > span.btm { top: 20px; } /*scroll_bar*/ body *::-webkit-scrollbar { width: 8px; height: 8px; } body *::-webkit-scrollbar-thumb { background-color: #759BD8; border-radius: 4px; } body *::-webkit-scrollbar-track { background-color: transparent; } /*input*/ input.nbd { border: none!important; } input.nbd:hover { border: none!important; } input.nbd:focus { border: none!important; } input[type="text"] { width: 100%; height: 20px; border: 1px solid #B3BFD1; padding: 0 4px; border-radius: 4px; } input[type="text"]:hover { border: 1px solid #389cfc; } input[type="text"]:focus { border: 1px solid #389cfc; } input[type="password"] { width: 100%; height: 20px; border: 1px solid #B3BFD1; padding: 0 4px; border-radius: 4px; } input[type="password"]:hover { border: 1px solid #389cfc; } input[type="password"]:focus { border: 1px solid #389cfc; } input[type="text"].nbd { border: 1px solid transparent; } input[type="text"].nbd:hover { border: 1px solid transparent; } input[type="text"].nbd:focus { border: 1px solid transparent; } input[type="number"] { border: 1px solid #B3BFD1; padding: 0 4px; border-radius: 4px; } input[type="number"]:hover { border: 1px solid #389cfc; } input[type="number"]:focus { border: 1px solid #389cfc; } input[type="text"].nbd { border: none; } input[type="text"].nbd:hover { border: none; } input[type="text"].nbd:focus { border: none; } input[type="button"] { cursor: pointer; } /*비활성화*/ .noneDiv { filter: grayscale(1); opacity: 0.6; } .noneDiv label, .noneDiv input, .noneDiv select { pointer-events: none; } /*datepicker*/ .ui-datepicker { z-index: 9999!important; } .ui-datepicker-trigger { display: none; } input[type="text"].date_input { border: 1px solid #B3BFD1!important; height: 20px; background: #fff url(../../images/taxmap/icon/calendarIcon.svg) no-repeat; background-position: 4px 50%; background-size: 12px; padding-left: 20px; } input[type="text"].date_input.nbd { border: none; } input[type="text"].date_input.dis { background: #EFF5F8 url(../../images/taxmap/icon/calendarIcon.svg) no-repeat; background-position: 4px 50%; background-size: 12px; } .empty_data { text-align: center; } .bdrn { border-right: none!important; } /*fileList*/ #fileTable span { cursor: pointer; } #downBox span { cursor: pointer; } /*text*/ .caution { color: #F45962; font-size: 11px; margin-top: 5px; flex-shrink: 0; } .req:after { content:url(/images/common/mark.png); position: relative; width: 8px; left: 3px; top: -2px; } /*work icon*/ .btn_table { width: 20px; height: 20px; background: #4d668b; margin: 3px; border-radius: 4px; color: #fff; cursor: pointer; flex-shrink: 0; align-items: center; justify-content: center; display: flex;} .popup_wrap .popup_inner a.btnClose { width: 30px; height: 30px; font-size: 20px; background: #909AA9; margin: 3px; border-radius: 4px; color: #fff; cursor: pointer; flex-shrink: 0; align-items: center; justify-content: center; display: flex;} /*전자결재 문서 팝업*/ .popup_wrap .popup_inner.type4 { padding: 30px 20px; } /*.popup_wrap .popup_inner.type4 { position: relative; }*/ /*전자결재 문서 팝업 가이드라인*/ /* .popup_wrap .popup_inner.type4:after { content: ""; width: 100%; height: 1px; background: #f00; position: absolute; bottom: 73px; } */ .popup_wrap .popup_inner.type4:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 73px; } .popup_wrap .popup_inner.type4 .leftSection { width: 1020px; } .popup_wrap .popup_inner.type4 .type4Inner { display: flex; align-items: stretch; justify-content: space-between; } .popup_wrap .popup_inner.type4 .titleWrap { display: flex; flex-direction: column; } .popup_wrap .popup_inner.type4 .titleWrap .userNm:after { content: ', '; } .popup_wrap .popup_inner.type4 .titleWrap .userNm:last-child:after { content: ''; } .popup_wrap .popup_inner.type4 .page_title_wrap { margin-bottom: auto; padding-top: 10px; } .popup_wrap .popup_inner.type4 .page_title { font-size: 34px; background-size: 28px; height: initial; line-height: initial; padding-left: 34px; } .popup_wrap .popup_inner.type4 .sign_area { justify-content: flex-end; } .popup_wrap .popup_inner.type4 .sign_right .sign_box .sign_name { min-height: 50px; padding: 6px 0; } .popup_wrap .popup_inner.type4 .rightSection { width: 260px; } .popup_wrap .popup_inner.type4 .rightSection .sub_title_wrap { margin-top: 0; } .popup_wrap .popup_inner.type4 .rightSection .opinionSection { display: flex; flex-direction: column; height: 640px; } .popup_wrap .popup_inner.type4 .opinionSection .list { border-top: 2px solid #7BA4CB; border-bottom: 2px solid #7BA4CB; flex: 1; overflow-y: auto; } .popup_wrap .popup_inner.type4 .opinionSection .list .row .name { line-height: 30px; background: #e2ecf5; padding: 0 8px; color: #222; font-weight: bold; font-size: 13px; border-top: 1px solid #CDD9E4; border-bottom: 1px solid #CDD9E4; } .popup_wrap .popup_inner.type4 .opinionSection .list .row:first-child .name { border-top: none; } .popup_wrap .popup_inner.type4 .opinionSection .list .row .opinion { min-height: 48px; padding: 8px 10px; overflow-y: auto; } .popup_wrap .popup_inner.type4 .opinionSection .user { margin-top: 10px; border-top: 2px solid #7BA4CB; border-bottom: 2px solid #7BA4CB; display: flex; flex-direction: column; } .popup_wrap .popup_inner.type4 .opinionSection .user .name { line-height: 30px; background: #e2ecf5; padding: 0 8px; color: #222; font-weight: bold; font-size: 13px; border-top: 1px solid #CDD9E4; border-bottom: 1px solid #CDD9E4; } .popup_wrap .popup_inner.type4 .opinionSection .user div { flex: 1; padding: 8px; } .popup_wrap .popup_inner.type4 .opinionSection .user textarea { height: 120px; } .popup_wrap .popup_inner.type4 .table_inDiv { width: calc(100% + 8px); max-height: initial; } .popup_wrap .popup_inner.type4 .docWrap { width: 100%; max-height: 28px; overflow-y: auto; padding: 2px 6px; white-space: initial; word-break: keep-all; line-height: 18px; } .popup_wrap .popup_inner.type4 .docWrap a { display: inline-flex; align-items: center; margin-right: 10px; } .popup_wrap .popup_inner.type4 .docWrap a img { display: block; margin-right: 4px; } .popup_wrap .popup_inner.type4 .docWrap a:last-child { margin-right: 0; } .popup_wrap .popup_inner.type4 .docWrap a:after { content:","; } .popup_wrap .popup_inner.type4 .docWrap a:last-child:after { content:""; } /*iframePage*/ /*main*/ .main_page .noticeSection { width: 314px; border: 1px solid #eaeaea; padding: 20px 15px; display: flex; flex-direction: column; margin-bottom: 10px;} .main_page .noticeSection .board { height: 174px; margin-top: 20px; overflow: hidden; } .main_page .noticeSection .board:first-child { margin-top: 0; } .main_page .noticeSection .board_title { display: flex; justify-content: space-between; font-size: 15px; font-weight: 700; letter-spacing: -0.65px; color: #444; align-items: center; border-bottom: 1px solid #eaeaea; padding-bottom: 4px; margin-bottom: 8px; } .main_page .noticeSection .board_title a.more { display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; color: #fff; background: #b3bfd1; border-radius: 2px; } .main_page .noticeSection .board_list a { position: relative; padding-left: 8px; display: flex; width: 100%; letter-spacing: -0.65px; line-height: 1.8; font-size: 11px; margin-bottom: 4px; } .main_page .noticeSection .board_list li a:before { position: absolute; content:""; display: block; width: 2px; height: 2px; border-radius: 50%; background: #000; left: 3px; top: 7px; } .main_page .noticeSection .board_list a span:nth-child(1) { width: 76%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: auto; } /*회사정보 - lnd00020*/ .lnd00020 .fileBox { height: 80px; display: flex; align-items: center; } .lnd00020 .fileBox .imgBox { padding-left: 20px; } .lnd00020 .fileBox .placeholder { color: #aaa; } .lnd00020 .fileBox #logoDiv { display: flex; align-items: center; } .lnd00020 .fileBox #sealDiv { display: flex; align-items: center; } .lnd00020 .fileBox #logoDiv.hide { display: none; } .lnd00020 .fileBox #sealDiv.hide { display: none; } .lnd00020 .fileBox #logoImgBox { max-height: 70px; max-width: 300px; } .lnd00020 .fileBox #sealImgBox { max-height: 70px; max-width:300px } .lnd00020 .fileBox #imgFileSealDel { cursor: pointer; margin-left: 10px; } .lnd00020 .fileBox #imgFileLogoDel { cursor: pointer; margin-left: 10px; } .lnd00020 input.input_s { width: 140px; } /*스테이션 - lnd02100*/ .lnd02100 .stationGroup .groupTitle { width: 100%; padding: 4px 0; font-size: 16px; color: #7D8287; border-bottom: 1px solid #B3BFD1; } .lnd02100 .stationGroup ul { display: flex; flex-wrap: wrap; margin: 0 -10px; padding: 10px 0; } .lnd02100 .stationGroup ul li { width: 20%; padding: 10px; background: none; } .lnd02100 .stationGroup .inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 12px 20px; cursor: pointer; border-radius: 10px; } .lnd02100 .stationGroup .inner .tit { font-size: 16px; font-weight: 600; color: #222; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lnd02100 .stationGroup .inner .stationIcon { margin-left: auto; } .lnd02100 .stationGroup .inner .stationType { display: flex; align-items: center; justify-content: center; width: 30px; height: 18px; font-size: 11px; border-radius: 3px; margin-left: 10px; } .lnd02100 .stationGroup .inner .stationType.type01 { background: #9DADC0; color: #fff; } .lnd02100 .stationGroup .inner .stationType.type02 { background: #8CA6C5; color: #fff; } .lnd02100 .search { position: relative; } .lnd02100 .search input { width: 430px; height: 28px; font-size: 14px; padding-right: 26px; padding-left: 10px; } .lnd02100 .search input::placeholder { font-size: 14px; color: #D2D2D2; } .lnd02100 .search button { position: absolute; background: #3E4E66; width: 26px; height: 26px; right: 1px; top: 1px; border-radius: 3px; color: #fff; } .lnd02100 .stationBg01 { background: #CDE4FF; } .lnd02100 .stationBg02 { background: #DCD3FD; } .lnd02100 .stationBg03 { background: #BAEDF0; } .lnd02100 .station_intro { position: relative; margin-top: 50px; text-align: center; } .lnd02100 .station_intro .txt1 { font-size: 24px; color: #7a7a7a; } .lnd02100 .station_intro .txt2 { font-size: 26px; color: #1f1f1f; } .lnd02100 .station_intro .box1 { background: #F2F6F9; border-radius: 8px; margin-top: 30px; width: 1140px; margin: 30px auto; padding: 50px 40px; } .lnd02100 .station_intro .box2 { background: #fff; border-radius: 8px; margin-top: 30px; padding: 40px; font-size: 22px; font-weight: bold; color: #7A7A7A; } .lnd02100 .station_intro .box2 span { color: #1EB694; } .lnd02100 .station_intro .box2 img { margin: 30px 0; } .lnd02100 .station_intro .btnWrap span { width: 240px; border-radius: 8px; height: 50px; font-size: 22px; font-weight: bold; color: #fff; display: inline-block; line-height: 46px; margin: 50px 10px 0; cursor: pointer; } .lnd02100 .station_intro .station_btn1 { background: #00B8BF; } .lnd02100 .station_intro .station_btn3 { background: #007478; } /*팝업 결재선*/ .eatAppLine_popup .tree_box { display:flex; justify-content: space-between; } .eatAppLine_popup .tree_box #gridList { border: 1px solid #eaeaea; height: 442px; overflow-y: scroll; } .eatAppLine_popup .tree_box .arrow_box { display: flex; flex-direction: column; justify-content: space-around; padding: 0 10px; } .eatAppLine_popup .tree_box .arrow_box img { cursor: pointer; } .eatAppLine_popup .tree_box .inner_table_wrap { height: 160px; } .eatAppLine_popup .move_btn_box img { cursor: pointer; } .eatAppLine_popup #cPathDiv { display: flex; align-items: center; flex-wrap: wrap; max-height: 64px; overflow-y: auto; } .eatAppLine_popup .cPathSpan { display: flex; align-items: center; margin: 2px 10px 2px 0; } .eatAppLine_popup .cPathSpan .cPathDel { display: flex; align-items: center; } .eatAppLine_popup .cPathSpan .cPathDel img { margin-left: 3px; } .eatAppLine_popup .btn_table { margin: 0; margin-left: 3px; width: 15px; height: 15px; background: #fff; border: 1px solid #99aac2; border-radius: 3px; color: #99aac2; text-align: center; } /*전자결재 신고서 보고, 접수 자료 보고*/ .eta00050 .listWrap { max-height: 604px; overflow-y: auto; } .eta00010 .listWrap { max-height: 604px; overflow-y: auto; } /*세무사 코드*/ .lnd00090 .titleWrap p:nth-child(2) { font-size: 34px; font-weight: bold; color: #333232; } .lnd00090 .titleWrap p:nth-child(3) { font-size: 16px; font-weight: bold; color: #737373; } .lnd00090 .codeSection { margin-top: 100px; } .lnd00090 .codeForm { width: 920px; margin: 0 auto; margin-top: 80px; } .lnd00090 .codeBox { position: relative; height: 100px; padding: 0 70px; border: 5px solid #EDEDED; display: flex; align-items: center; width: 100%; justify-content: center; } .lnd00090 .codeBox p { font-size: 20px; text-align: center; } .lnd00090 .codeBox span { font-size: 18px; font-weight: bold; color: #444; } .lnd00090 .codeBox input { width: initial; flex: 1; height: 40px; border: 1px solid #d9d9d9; margin: 0 10px; font-size: 16px; padding: 10px; } .lnd00090 .codeBox button { width: 90px; height: 40px; color: #fff; margin-left: 7px; display: inline-block; font-size: 16px; font-weight: bold; } .lnd00090 .codeBox button.btn01 { background: #363636; } .lnd00090 .codeBox button.btn02 { background: #358DC4; } .lnd00090 .codeForm .sub_txt { text-align: left; font-size: 14px; margin-top: 22px; } .lnd00090 .guideSection { margin-top: 80px; } /*연계 요청 관리*/ .lnd00120 .bottomArea .caution { padding-left: calc(40% + 5px); } /* 직원(ID) 관리 */ .lnd00130 .grid_wrap > div:first-child { width: 45.6%; margin-right: 40px; } .lnd00130 .grid_wrap > div:last-child { width: 54.4%; } .lnd00130 .sub_title_wrap { margin-top: 0; } .lnd00130 .fl-b { gap: 4px } .lnd00130 .btnArea .btn { background: #4356BE; min-width: 102px; height: 38px; border: none; font-size: 16px; line-height: 36px; } .lnd00130 .btnArea .btn.off { background: #727786; } /*크레딧 관리*/ .popup_wrap .popup_inner.lnd00160_p { padding: 0; width: 590px; top: 30px; } .lnd00160_p .title_wrap { height: 60px; background: #f00; display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: bold; padding-left: 25px; padding-right: 20px; background: #0B5985; color: #fff; } .lnd00160_p .title_wrap .title_ i { margin-right: 8px; border: 2px solid #fff; border-radius: 50%; padding: 2px; } .lnd00160_p .title_wrap .icon-closed { color: #fff; font-weight: bold; } .lnd00160_p .cont { padding: 30px 25px; } .lnd00160_p .cont .info { border-bottom: 3px dashed #CCDFEB; padding-bottom: 20px; } .lnd00160_p .cont .info .txtWrap { background: #F1F8FF; padding: 15px; border-radius: 6px; font-size: 14px; color: #666; } .lnd00160_p .cont .info .txtWrap .txt1 { color: #444; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .lnd00160_p .cont .btn { margin-top: 20px; background: #389cfc; font-size: 18px; font-weight: bold; height: 45px; border-radius: 5px; color: #fff; text-align: center; width: 100%; display: inline-block; line-height: 45px; cursor: pointer; } .lnd00160_p .tit { font-size: 16px; font-weight: bold; color: #444; } .lnd00160_p .inputWrap input { height: 40px; font-size: 22px; color: #444; text-align: center; border: none; border-bottom: 2px solid #6A6A6A; border-radius: 0 } .lnd00160_p .inputWrap p { text-align: right; font-size: 14px; color: #666; margin-top: 5px; } .lnd00160_p .inputWrap input:hover { border: none; border-bottom: 2px solid #6A6A6A; } .lnd00160_p .inputWrap input:focus { border: none; border-bottom: 2px solid #6A6A6A; } .lnd00160_p .inputWrap input::placeholder { font-size: 22px; color: #8D8D8D; } .lnd00160_p .form1 .tit { margin: 20px 0; } .lnd00160_p .form1 .tit span { margin-left: 20px; } .lnd00160_p .form2 .tit { margin: 20px 0 15px; } .lnd00160_p .form2 .row { display: flex; margin-bottom: 13px; } .lnd00160_p .form2 .row:last-child { margin-bottom: 0; } .lnd00160_p .form2 input { height: 40px; padding: 0 10px; color: #5E5E5E; font-size: 16px; } .lnd00160_p .form2 input::placeholder { color: #5E5E5E; font-size: 16px; } .lnd00160_p .form2 .select { height: 40px; margin-right: 8px; width: 200px; flex-shrink: 0; color: #5E5E5E; font-size: 16px; } .lnd00160_p .form3 { margin-top: 40px; } .lnd00160_p .form4 .agreeWrap { border: 1px solid #D9D9D9; border-radius: 4px; padding: 15px; margin-top: 35px; } .lnd00160_p .form4 .agreeWrap .tit { font-size: 18px; margin-bottom: 4px; } .lnd00160_p .form4 .agreeWrap label { font-size: 14px; color: #666; } .lnd00160_p .cautionWrap { padding: 20px 25px; background: #F3F3F3; color: #444; } .lnd00160_p .cautionWrap p { font-size: 15px; font-weight: bold; } .lnd00160_p .cautionWrap ul { } .lnd00160_p .cautionWrap ul li { position: relative; padding-left: 16px; } .lnd00160_p .cautionWrap ul li:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #444; left: 6px; top: 6px; } /* 캐시맵 사업장 개설 lnd00180 */ .lnd00180 .table_section .detail_table2:last-child { margin-bottom: 40px; } .lnd00180 .detail_table2 .flex, .lnd00180 .detail_table2 .fl-b, .lnd00180 .detail_table2 .fl-jc { gap: 5px; } .lnd00180 .detail_table2 .flex input { width: 50%; } .lnd00180 .detail_table2 .address { border-bottom: 2px solid #AAB5C6; } .lnd00180 .detail_table2 tr.section_id { height: 100px; } .lnd00180 .detail_table2 tr.section_id td > div { height: 78px; } .lnd00180 .detail_table2:last-child tr:last-child .flex p { margin-right: 40px; } .lnd00180 .section_desc { background: #EEF1F2; padding: 18px 20px; border-radius: 10px; font-size: 14px; } .lnd00180 .icon_info02 { background: #505A7C; display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; padding-top: 2px; border-radius: 50%; font-size: 9px; line-height: 1; } .lnd00180 .btn#btnSave { display: flex; justify-content: center; align-items: center; background: #4356BE; width: 150px; height: 38px; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; color: #fff; line-height: 1; } /*문의,오류,제안 게시판 - bas10025*/ .bas10025 .paging { margin-top: 20px; } .bas10025 .paging #pageTb { width: 100%; } .bas10025 .paging #pageTb a { color: #6a6a6a; font-size: 12px; margin: 0 3px; } .bas10025 .paging #pageTb a strong { color: #389cfc; } .bas10025 .paging #pageTb td { text-align: center; } .bas10025 .paging #pageTb a img { width: 15px; height: 15px; margin: 5px; } .bas10025 .btn_btm { text-align: right; } /*.bas10025 .btn_area .btn { margin-left: 3px; width: 90px; height: 27px; border-radius: 4px; font-size: 11px; color: #fff; background: #389CFC; text-align: center; line-height: 27px; }*/ /*.bas10025 .btn_area .btn.off { background: #a2afbb; }*/ .bas10025 .tb_wr { border: 1px solid #eaeaea; padding: 8px; } .bas10025 .tb_wr table { width: 100%; } .bas10025 .tb_wr table tr { height: 20px; } .bas10025 .tb_wr table th { background: #F1F8FF; padding: 0 8px; text-align: left; } .bas10025 .tb_wr table td { padding: 0 8px; text-align: left; } .bas10025 .tb_wr table td.td_btn { text-align: right; } .bas10025 .tb_wr table #sTitle { border: 1px solid #eaeaea; } .bas10025 .tb_wr #btnSelect { background: #3d4b53; font-size: 11px; color: #f1f8ff; width: 45px; height: 20px; border-radius: 4px; } .bas10025 #mainList { width: 100%; margin-top: 15px; } .bas10025 #mainList thead { background: #f7fbfd; } .bas10025 #mainList tr { height: 30px; } .bas10025 #mainList td, .bas10025 #mainList th { border: 1px solid #eaeaea; text-align: center; padding: 0 8px; } .bas10025_p .btn_area .btn { margin-left: 3px; text-align: center; line-height: 27px; } .bas10025_v .btn_area .btn { margin-left: 3px; text-align: center; line-height: 27px; } .bas10025_p #contents { border: 1px solid #eaeaea; margin-top: 10px; height: 231px; padding: 10px; } .bas10025_p #contents::placeholder { color: #ccc; } .bas10025_v .list textarea { height: 251px; border: 1px solid #eaeaea; margin-top: 10px; padding: 10px; } /*고객관리 - lnd02130*/ .lnd02130 .hisList { font-size: 15px; } .lnd02130 .myERP_opt { display: flex; align-items: center; height: 20px; font-size: 14px; font-weight: bold; } .lnd02130 .myERP_opt .tit { background: url(/images/common/subTitleBullet.svg) no-repeat; background-position: center left; padding-left: 18px; } .lnd02130 .btnArea .btn[disabled] { cursor: default; background: #909AA9; border-color: #7A7A7A;} /*전용브랜드 ERP 신청 - lnd02210*/ .lnd02210 { font-size: 14px; } .lnd02210 .sub_title { font-size: 15px; } .lnd02210 .inner { padding-left: 18px; } .lnd02210 .agree { border: 1px solid #D5DEE8; padding: 12px 8px 12px 14px; border-radius: 10px; height: 270px; overflow-y: auto; font-size: 12px; color: #777; word-break: keep-all; } .lnd02210 .check_label { color: #777; background-size: 15px; padding-left: 18px; } .lnd02210 input[type="checkbox"]:checked + .check_label { background-image: url(/images/taxmap/icon/check_on_type2.svg); color: #777; } .lnd02210 .row { display: flex; border: 1px solid #D5DEE8; border-radius: 4px; overflow: hidden; height: 40px; margin-top: 10px; } .lnd02210 .row .th { background: #F7FAFB; width: 100px; flex-shrink: 0; border-right: 1px solid #D5DEE8; display: flex; align-items: center; justify-content: center; } .lnd02210 .row .th label { font-weight: bold; color: #222; } .lnd02210 .row input { height: 100%; padding: 0 20px; } .lnd02210 .txt > div { margin-bottom: 10px; } .lnd02210 .txt .dep { padding-left: 10px; } .lnd02210 .frontDown { font-weight: bold; color: #5673BF; display: flex; align-items: center; font-size: 14px; } .lnd02210 .frontDown .btn_ { background: #5673BF; line-height: 18px; height: 22px; width: 84px; margin-left: 10px; color: #fff; font-size: 12px; } .lnd02210 .step1 .btn_ { background: #5673BF; line-height: 18px; height: 22px; color: #fff; font-size: 12px; } .lnd02210 .processWrap { flex-shrink: 0; margin-left: 10px; } .lnd02210 .processWrap .sub_title { background: url(/images/taxmap/icon/guideTitle2.svg) no-repeat; background-size: 15px; background-position: left center } /*신청 후*/ .lnd02210 .resultSection { text-align: center; min-height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .lnd02210 .resultSection p { font-size: 16px; color: #666; } .lnd02210 .resultSection p.txt1 { font-size: 28px; font-weight: bold; color: #222; margin: 15px 0; } .lnd02210 .disc ul li { list-style: disc inside; } .lnd02210 .disc ul li span { margin-left: -10px; } /*디지털세무그룹 신청 - lnd02260*/ .lnd02260 .info { position: relative; background: #F3F6FF; border-radius: 10px; padding: 30px 40px; padding-right: 20px; font-size: 16px; } .lnd02260 .tit { font-size: 24px; font-weight: bold; color: #0c0c0c; } .lnd02260 .txt { padding-left: 10px; margin-top: 10px; } .lnd02260 .caution { font-size: 13px; padding-left: 10px; } .lnd02260 .info img { position: absolute; right: 10px; bottom: 0; } .lnd02260 .inner { padding: 0 30px; } .lnd02260 .area { display: flex; align-items: center; padding: 30px 0; border-top: 2px solid #a2afbb; border-bottom: 2px solid #a2afbb; font-size: 18px; font-weight: bold; margin-top: 50px; } .lnd02260 .req { margin-right: 20px; } .lnd02260 .req:before { content: url(/images/common/Union.png); margin-right: 4px; position: relative; top: -4px; } .lnd02260 .req:after { content: ""; } .lnd02260 .select { height: 40px; font-size: 16px; color: #222; width: 340px; margin-right: 10px; } .lnd02260 .btn { width: 120px; height: 40px; display: flex; align-items: center; justify-content: center; background: #4488fb; border-radius: 8px; color: #fff; font-size: 15px; font-weight: bold; } .lnd02260 #notEmptyAreaNm p { margin: 0 20px; } /*디매니저 협업 신청 - lnd02220*/ .lnd02220 div.right { font-size: 14px; display: flex; flex-direction: column; margin-left: 10px; } .lnd02220 .right .tit.top { font-size: 20px; font-weight: bold; margin-bottom: 6px; display: flex; align-items: center; } .lnd02220 .right .tit { font-size: 15px; font-weight: bold; margin-bottom: 6px; display: flex; align-items: center; } .lnd02220 .right .tit img { margin-left: 2px; } .lnd02220 .right .row { margin-top: 26px; } .lnd02220 .right .row:last-child { flex: 1; display: flex; flex-direction: column; } .lnd02220 .right .row label { font-size: 18px; font-weight: bold; color: #7A8495; } .lnd02220 .right .row input { height: 40px; padding: 0 15px; } .lnd02220 .right .row input::placeholder { color: #f00; } .lnd02220 .right .row input::placeholder { font-size: 15px; color: #6a6a6a; } .lnd02220 .right textarea { flex: 1; padding: 15px; font-size: 15px; font-family: "Noto Sans KR"; } .lnd02220 .left .tit.top { font-size: 20px; font-weight: bold; margin-bottom: 6px; display: flex; align-items: center; } .lnd02220 .left .tit { font-size: 15px; font-weight: bold; margin-bottom: 6px; display: flex; align-items: center; } .lnd02220 .left .row { margin-top: 26px; } .lnd02220 .processWrap .txtWrap { background: #eef2f3; border-radius: 9px; padding: 15px; } .lnd02220 .processWrap .txtWrap .inner { background: #fff; border-radius: 9px; padding: 15px; font-size: 15px; } .lnd02220 .processWrap .txtWrap .infoRow { display: flex; } .lnd02220 .processWrap .txtWrap .infoRow .step { font-size: 14px; color: #abbcea; width: 60px; } .lnd02220 .processWrap .txtWrap .infoRow .iconWrap { text-align: center; font-size: 18px; color: #3F434F; width: 90px; display: flex; flex-shrink: 0; width: 140px; align-items: center; } .lnd02220 .processWrap .txtWrap .infoRow .iconWrap img { width: 30px; margin-right: 4px; } .lnd02220 .processWrap .txtWrap .infoRow .txt { align-self: center; padding-left: 20px; } .lnd02220 .processWrap .txtWrap .infoRow .txt p { position: relative; } .lnd02220 .processWrap .txtWrap .infoRow .txt p:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #444; left: -8px; top: 8px; } /* 2care 서비스 신청/관리 - lnd02310 */ /* 2care 서비스 신청/관리 - lnd02310 */ .lnd02310 .grid_wrap { max-width: 1380px; } .lnd02310 .icon_info02 { background: #505A7C; display: flex; justify-content: center; align-items: center; width: 15px; height: 15px; padding-top: 2px; border-radius: 50%; font-size: 9px; line-height: 1; } .lnd02310 .step1 .section_title { margin-bottom: 14px; font-size: 16px; font-weight: bold; } .lnd02310 .step1 .section_left { display: flex; flex-direction: column; justify-content: space-between; width: 57%; max-height: 931px; margin-right: 40px; } .lnd02310 .step1 .section_left .section_top { margin-bottom: 45px; } .lnd02310 .step1 .section_left .section_top > .flex { gap: 10px; } .lnd02310 .step1 .section_left .section_top > .flex:first-child { min-height: 209px; margin-bottom: 10px; } .lnd02310 .step1 .section_left .section_top > .flex:last-child { min-height: 200px; } .lnd02310 .step1 .section_left .card { background: #ECF5F5; display: flex; flex-direction: column; justify-content: space-between; width: calc((100% - 30px) / 4); padding: 19px 15px 15px; gap: 16px; border-radius: 10px; color: #333; } .lnd02310 .step1 .section_left .card img { max-width: 77px; } .lnd02310 .step1 .section_left .card > div { margin-bottom: auto; } .lnd02310 .step1 .section_left .card > div span { color: #0009E5; } .lnd02310 .step1 .section_left .card > div p:last-child { font-size: 15px; } .lnd02310 .step1 .section_left .card .btn_more { display: flex; justify-content: center; align-items: center; width: 92px; height: 28px; border: 1px solid #333; font-size: 14px; cursor: pointer; } .lnd02310 .step1 .section_right { display: flex; flex-direction: column; justify-content: space-between; width: 43%; max-height: 931px; gap: 20px; } .lnd02310 .step1 .section_right > div:first-child { font-size: 16px; } .lnd02310 .step1 .section_right > div:first-child .section_title { font-size: 16px; } .lnd02310 .step1 .section_right > div:nth-child(2) { display: flex; flex-direction: column; gap: 10px; } .lnd02310 .step1 .section_right .section_title { font-size: 15px; font-weight: bold; } .lnd02310 .step1 .section_right .input_wrap { display: flex; align-items: center; width: 100%; } .lnd02310 .step1 .section_right .input_wrap .section_title { width: 18.4%; margin: 4px 0 auto; } .lnd02310 .step1 .section_right .input_wrap > div { width: 81.6%; } .lnd02310 .step1 .section_right .input_wrap .fl-jc { gap: 5px; } .lnd02310 .step1 .section_right .input_wrap .fl-jc:first-child { margin-bottom: 10px; } .lnd02310 .step1 .section_right .input_wrap input[type="text"] { height: 30px; padding: 0 10px; border: 1px solid #D5DEE8; } .lnd02310 .step1 .section_right .input_wrap span { font-size: 16px; font-weight: bold; } .lnd02310 .step1 .section_right .fl-b { gap: 20px; } .lnd02310 .step1 .section_right .fl-b label { display: inline-block; margin-bottom: 8px; font-size: 14px; } .lnd02310 .step1 .section_right ul li { position: relative; padding-left: 20px; font-size: 14px; line-height: 150%; } .lnd02310 .step1 .section_right ul li:before { position: absolute; left: 4px; top: 0; content: "▶"; font-size: 14px; color: #AAAAAA; } .lnd02310 .step1 .section_right .section_agree { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-top: 20px; } .lnd02310 .step1 .section_right .section_agree label { color: #333333; } .lnd02310 .step1 .section_right .section_desc { background: #EEF1F2; padding: 20px 20px 22px; border-radius: 8px; color: #333; } .lnd02310 .step1 .section_right .section_desc .section_title { padding-left: 0; margin-bottom: 12px; } .lnd02310 .step1 .section_right .section_desc p { padding-left: 10px; } .lnd02310 .step1 .section_right .btn { display: flex; justify-content: center; align-items: center; background: #4356BE; height: 30px; padding: 0 10px; border-radius: 4px; color: #fff; cursor: pointer; } .lnd02310 .step1 .section_right .btn.btn_pay { height: 38px; padding: 0 16px; font-size: 16px; font-weight: bold; } .lnd02310 .step2 .icon_info02 { width: 20px; height: 20px; padding-top: 3px; font-size: 12px; } .lnd02310 .step2 .grid_wrap > .section_left { width: 55%; margin-right: 40px; } .lnd02310 .step2 .grid_wrap > .section_right { width: 45%; } .lnd02310 .step2 .sub_title_wrap { margin-top: 0; } .lnd02310 .step2 .sub_title_wrap .caution { margin: 0; font-size: 14px; color: #ED2727; } .lnd02310 .step2 .section_desc { background: #EEF1F2; padding: 18px 15px; border-radius: 8px; font-size: 14px; font-weight: bold; color: #1A1A1A; } .lnd02310 .step2 .section_left .section_desc { margin-bottom: 30px; } .lnd02310 .step2 .section_left .section_desc .fl-jc { gap: 50px; } .lnd02310 .step2 .section_left .section_desc .btn_change { display: flex; justify-content: center; align-items: center; background: #23397A; height: 30px; padding: 0 17px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; cursor: pointer; } .lnd02310 .step2 .section_right .fl-jc { gap: 8px; margin-bottom: 10px; } .lnd02310 .step2 .section_right .title { font-size: 20px; font-weight: bold; color: #1A1A1A; line-height: 1; } .lnd02310 .step2 .section_right .section_desc { padding: 30px; font-size: 15px; font-weight: normal; color: #333; } .lnd02310 .step2 .section_right .section_desc > div:last-child p { line-height: 160%; } .popup_wrap .popup_inner.lnd02310_p { max-height: 90%; padding: 0; overflow-y: auto; } .lnd02310_p .section { padding: 60px; font-size: 20px; color: #333; } .lnd02310_p .section .fl-jb { margin-bottom: 40px; } .lnd02310_p .section .fl-jb p:first-child { font-size: 18px; } .lnd02310_p .section .fl-jb p.bold { margin-bottom: 6px; font-size: 28px; } .lnd02310_p .section .section_detail { width: 100%; padding: 30px 40px; border: 1px solid #C8C8C8; border-radius: 20px; font-size: 16px; } .lnd02310_p .section .section_detail > p:first-child { margin-bottom: 30px; text-align: center; font-size: 24px; font-weight: bold; color: #496AFF; } .lnd02310_p .icon_close02 { font-size: 24px; color: #414141; cursor: pointer; } .lnd02310_p .section01 .fl-jb span { color: #0009E5; } .lnd02310_p .section01 .flex { justify-content: center; align-items: center; background: #496AFF; width: 100%; height: 40px; gap: 20px; margin: 20px 0 24px; border-radius: 16px; font-size: 16px; color: #fff; } .lnd02310_p .section01 .txt { text-align: center; font-size: 20px; font-weight: bold; color: #0009E5; } .lnd02310_p .section01 .img { background: #F6F6F6; width: 100%; padding: 50px 0 100px; } .lnd02310_p .section01 .img img { display: block; width: 65%; margin: 0 auto; } .lnd02310_p .section02 { width: 782px; } .lnd02310_p .section02 .section_detail { padding: 30px 85px 50px; } .lnd02310_p .section02 .section_detail > div:nth-child(2) { margin-bottom: 50px; } .lnd02310_p .section02 .section_detail .detail_table2 { margin-bottom: 10px; } .lnd02310_p .section02 .section_detail .desc_wrap { margin-top: 6px; } .lnd02310_p .section02 .section_detail .desc_wrap .flex { gap: 4px; } .lnd02310_p .section03, .lnd02310_p .section06, .lnd02310_p .section07 { width: 880px; } .lnd02310_p .section04, .lnd02310_p .section08 { width: 894px; } .lnd02310_p .section05 { width: 870px; } .lnd02310_p .section05 .section_detail { padding: 30px 60px 50px; } .lnd02310_p .section05 .section_detail > div { padding: 0 16px; } .lnd02310_p .section05 .section_detail img { display: block; margin-bottom: 30px; } .lnd02310_p .section05 .section_detail .title { display: flex; justify-content: center; align-items: center; background: #6A759C; min-width: 100px; height: 36px; padding: 0 16px; border-radius: 20px; font-size: 18px; font-weight: bold; color: #fff; } .lnd02310_p .section05 .section_detail span.title { width: fit-content; margin-bottom: 10px; } .lnd02310_p .section05 .section_detail ul { padding-left: 16px; margin-bottom: 20px; } .lnd02310_p .section05 .section_detail .flex { align-items: center; gap: 15px; margin-bottom: 20px; } .lnd02310_p .section05 .section_detail .flex:last-child { align-items: unset; margin-bottom: 0; } .lnd02310_p .section07 .fl-jb p:first-child { font-weight: bold; } /*eventPop*/ .rs { display: flex; flex-direction: column; position: relative; width: 314px; flex-shrink: 0; } /*.banner_area { height: 554px; overflow: hidden; }*/ .popup_wrap.eventPop .popup_inner { height: 700px; overflow-y: auto; padding: 0px 40px 40px; background: #F6F8F9; } .popup_wrap.eventPop .eventList .row { margin-bottom: 20px; width: 840px; height: 280px; display: flex; position: relative; box-shadow: 0px 0px 8px 0px #909AB240; border-radius: 22px; overflow: hidden; } .popup_wrap.eventPop .eventList .row:last-child { margin-bottom: 0; } .popup_wrap.eventPop .eventList .textWrap { flex: 1; padding: 20px 40px; font-size: 14px; background: #fff; display: flex; flex-direction: column; justify-content: center; } .popup_wrap.eventPop .eventList .textWrap .mt15 { margin-top: 15px; } .popup_wrap.eventPop .eventList .textWrap .tit { font-size: 18px; font-weight: bold; margin-bottom: 20px; } .popup_wrap.eventPop .moreBtn { position: absolute; bottom: 30px; right: 30px; width: 140px; line-height: 36px; border-radius: 4px; background: #0A387D; font-size: 18px; font-weight: bold; color: #fff; text-align: center; cursor: pointer; } .popup_wrap.eventPop .popup_inner a.btnClose { width: 20px; height: 20px; color: #1F1F1F; background: none; font-size: 24px; color: #7388D2; } .popup_wrap.eventPop .popup_inner a.btnClose i { font-weight: bold; } .popup_wrap.eventPop .fixWrap { position: sticky; top: 10px; display: flex; justify-content: flex-end; margin: 0 -30px; } /************************************************************************************************************************************************ ************************************************************************************************************************************************/ /*calender*/ .dateType { display: flex; align-items: center; justify-content: space-between; } .dateType span { margin: 0 5px; } /* select */ .select { height: 20px; width: 120px; padding-left: 4px; border: 1px solid #B3BFD1; border-radius: 4px; background: #fff; } /*select_mark*/ .select_label { padding-left: 15px; background-image: url(../../images/taxmap/icon/select_bg_off.png); background-repeat: no-repeat; background-position: left center; margin-right: 15px; } .select_label:last-child { margin-right: 0; } input[type="radio"]:checked + .select_label { background-image: url(../../images/taxmap/icon/select_bg_on.png); color: #487ACC; } input[type="radio"]:checked + .check_label { background-image: url(../../images/taxmap/icon/check_on.svg); color: #487ACC; } /*check_mark*/ .check_label { padding-left: 15px; background-image: url(../../images/taxmap/icon/check_off.svg); background-repeat: no-repeat; background-position: left center; margin-right: 15px; line-height: 20px; color: #aaa; } .check_label.dis { background-image: url(../../images/taxmap/icon/check_dis.svg)!important; } .txc .check_label { margin-right: 0; } .check_label:last-child { margin-right: 0; } input[type="checkbox"]:checked + .check_label { background-image: url(../../images/taxmap/icon/check_on.svg); color: #487ACC; } /*text*/ .radio_label { min-width: 50px; padding: 0 10px; line-height: 23px; border: 1px solid #B3BFD1; border-radius: 4px; text-align: center; margin-right: 6px; } input:checked + .radio_label { background: #487ACC; border: 1px solid #487ACC; color: #fff; } .spanList { display: inline-block; padding: 0 4px; line-height: 18px; border: 1px solid #B3BFD1; border-radius: 4px; text-align: center; margin-right: 3px; cursor: pointer; color: #64808F; background: #DBE4F1; } .spanList.on { background: #487ACC; border: 1px solid #487ACC; color: #fff; } span[name="bilDivList"] { display: inline-block; padding: 0 4px; background: #DBE4F1; line-height: 18px; border: 1px solid #B3BFD1; border-radius: 4px; text-align: center; margin-right: 6px; cursor: pointer; color: #64808F; } span[name="bilDivList"].spanSelected { font-weight: bold; color: #fff; background: #487ACC; border: 1px solid #4672B8; } .deleteInput { position: relative; } .deleteInput .row-delete-btn { position: absolute; top: 50%; right: 4px; transform: translateY(-50%); display: flex; cursor: pointer; } /*v2 end*/ /************************************ common_section *************************************/ /*search*/ .search_area { border: 2px solid #cdd9e4; background: #fbfcff; border-radius: 4px; min-width: 1300px; } .search_area .inner { position: relative; padding-right: 80px; } .search_area .optWrap { display: flex; align-items: center; flex-wrap: wrap; max-width: 1228px; min-height: 50px; padding: 8px; } .search_area .optWrap .row { display: flex; width: 100%; } .search_area .optWrap .row input { border: 1px solid #B3BFD1; } .search_area .optWrap .row input:not(.date_input) { height: 25px; background: #fff; } .search_area .optWrap .row:nth-child(n+2) { margin-top: 8px; } .search_area .optWrap .section { display: flex; width: 404px; padding-right: 18px; flex-shrink: 0; } .search_area .optWrap .col4 .section { width: calc(100% / 4); } .search_area .optWrap .col5 .section { width: calc(100% / 5); } .search_area .optWrap .row.col4 .select { width: 100%; } .search_area .optWrap .row.col5 .select { width: 100%; } .search_area .optWrap .section .opt.fix .select { width: 130px; } .search_area .optWrap .section .th { width: 90px; flex-shrink: 0; line-height: 25px; background: #e2ecf5; margin-right: 6px; padding-left: 8px; border-radius: 4px; font-weight: bold; } .search_area .optWrap .section .opt { position: relative; display: flex; align-items: center; flex: 1; height: 25px; } .search_area .optWrap .section .opt .inputSearchBtn { position: absolute; right: 4px; cursor: pointer; } /*.search_area .optWrap .section .opt .select_label { line-height: 23px; }*/ .search_area .optWrap .section input[readonly]:not(.date_input) { background: #EFF5F8; } .search_area .optWrap .section.optCol-2 { width: 808px; } .search_area .optWrap .section.optCol-3 { width: 1212px; align-items: flex-start; } .search_area .optWrap .section.optCol-1 .opt { padding: 0 8px; border-radius: 4px; border: 1px solid #CDD9E4; background: #fff; } .search_area .optWrap .section.optCol-2 .opt { padding: 0 8px; border-radius: 4px; border: 1px solid #CDD9E4; background: #fff; } .search_area .optWrap .section.optCol-2 .opt.nbg { padding: 0; border-radius: 4px; border: none; background: none; } .search_area .optWrap .section.optCol-3 .opt.bg_ { padding: 0 8px; border-radius: 4px; border: 1px solid #CDD9E4; background: #fff; } /*.search_area .optWrap .section.optCol-3 .opt label { margin: 3px; }*/ .search_area .optWrap .section .opt .spanList { line-height: 23px; } .search_area .optWrap .section.optCol-3.cardOpt .opt { flex-wrap: wrap; margin: -3px; } .search_area .optWrap .section.optCol-3.cardOpt .opt > div { display: flex; flex-wrap: wrap; } .search_area .optWrap .section.optCol-3.cardOpt .opt .spanList { display: inline-block; min-width: 50px; padding: 0 10px; line-height: 23px; border: 1px solid #B3BFD1; border-radius: 4px; text-align: center; margin: 3px; cursor: pointer; } .search_area .optWrap .section.optCol-3.cardOpt .opt .spanList.on { background: #487ACC; border: 1px solid #487ACC; color: #fff; } .search_area .optWrap .section .dateType { justify-content: space-between; } .search_area .optWrap .section .dateType input.date_input { width: 130px; height: 25px; } .search_area .optWrap .section .monthType ul { display: flex; } .search_area .optWrap .section .monthType > ul li { display: flex; align-items: center; gap: 4px; } /* .search_area .optWrap .section .monthType li { margin-right: 6px; } */ .search_area .optWrap .section .monthType li:last-child { margin-right: 0; } .search_area .optWrap .section .monthType li:last-child a:last-child { margin-right: 0; } .search_area .optWrap .section .monthType div { display: flex; } .search_area .optWrap .section .monthType div font { position: relative; top: -2px; margin-right: 4px; font-size: 11px; color: #1f1f1f; } .search_area .optWrap .section .monthType div a { display: inline-block; margin-right: 4px; } .search_area .optWrap .section .monthType div input { width: 25px; height: 25px; background: #dbe4f1; border: 1px solid #b3bfd1; border-radius: 4px; font-size: 12px; color: #64808f; line-height: 23px; } .search_area .optWrap .section .monthType div .on input { background: #487acc; border-color: #4672b8; color: #fff; font-weight: bold; } .search_area .optWrap .section .select { width: 90px; height: 25px; margin-right: 6px; border: 1px solid #B3BFD1; } .search_area .optWrap .section .th .select { background: #e2ecf5; border: none; font-weight: bold; } .search_area .optWrap .section .quarterType .quarter { display: flex; } .search_area .optWrap .section .quarterType .quarter span { margin-right: 4px; } .search_area .optWrap .section .quarterType .quarter span:last-child { margin-right: 0; } .search_area .optWrap .section .quarterType .quarter input { min-width: 33px; padding: 0 6px; background: #dbe4f1; border: 1px solid #b3bfd1; border-radius: 4px; font-size: 12px; color: #64808f; line-height: 23px; } .search_area .optWrap .section .quarterType .quarter span.on input { background: #487acc; border-color: #4672b8; color: #fff; font-weight: bold; } .search_area .btnBox { position: absolute; width: 74px; height: calc(100% - 8px); max-height: 74px; top: 50%; right: 5px; transform: translateY(-50%); } .search_area .btnBox .searchBtn { width: 100%; height: 100%; background: #3e4e66; color: #fff; font-size: 15px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; } .search_area .btnBox .searchBtn i { margin-right: 3px; } /* makeMonth 월별 */ .search_area .inner .section .opt.monthType #makeMonth { gap: 10px; } .search_area .inner .section .opt.monthType { gap: 10px; } .search_area .inner .section .monthType span { margin-bottom: auto; font-size: 10px; color: #1f1f1f; } .search_area .inner .section .monthType input { background: none; width: fit-content; height: unset; border: none; font-size: 12px; font-weight: 400; color: #64808f; } .search_area .inner .section .monthType ul, .search_area .inner .section .monthType > li { display: flex; align-items: center; height: 100%; gap: 2px; } .search_area .inner .section .monthType ul li ul li, .search_area .inner .section .monthType .btn_sm { display: flex; justify-content: center; align-items: center; background: #dbe4f1; min-width: 24px; height: 100%; border-radius: 2px; border: 1px solid #b3bfd1; cursor: pointer; } /* .search_area .inner .section .monthType ul li ul li.on, */ /* .search_area .inner .section .monthType .btn_sm.on { border: 1px solid #b3bfd1; border-radius: 4px; font-size: 12px; color: #64808f; } */ .search_area .inner .section .monthType ul li ul li.on, .search_area .inner .section .monthType .btn_sm.on { background: #487acc; border-color: #4672b8; } .search_area .inner .section .monthType ul li ul li.on input, .search_area .inner .section .monthType .btn_sm.on input { background: none; color: #fff; font-weight: bold; } /* makeMonth 분기 (+ sYear) */ /* .search_area .inner .section .quarterType span { display: flex; justify-content: center; align-items: center; min-width: 48px; height: 100%; padding: 0 4px; gap: 8px; border-radius: 2px; border: 1px solid #CFD6E0; cursor: pointer; } */ /* .search_area .inner .section .quarterType span input { width: fit-content; height: unset; border: none; font-size: 0.75rem; font-weight: 400; color: #1F1F1F; } */ /* .search_area .inner .section .quarterType span.on { background: #3348FF; } */ /* .search_area .inner .section .quarterType span.on input { color: #fff; } */ .searchInputWrap { position: relative; display: flex; align-items: center; } .searchInputWrap input { padding-right: 24px; } .searchInputWrap .search_btn { position: absolute; right: 6px; cursor: pointer; } /*search*/ .tableB .search_area { border: 2px solid #E4CDCD; background: #FFFBFE; } .tableB .search_area .optWrap .row input { border: 1px solid #D1B3B3; } .tableB .search_area .optWrap .section .th { background: #FAEFEF; } .tableB .search_area .optWrap .section.optCol-1 .opt { border: 1px solid #E4CDCD; background: #fff; } .tableB .search_area .optWrap .section.optCol-2 .opt { border: 1px solid #E4CDCD; background: #fff; } .tableB .search_area .optWrap .section.optCol-2 .opt.nbg { border: none; background: none; } .tableB .search_area .optWrap .section.optCol-3 .opt.bg_ { border: 1px solid #E4CDCD; background: #fff; } .tableB .search_area .optWrap .section.optCol-3.cardOpt .opt .spanList { border: 1px solid #D1B3B3; } .tableB .search_area .optWrap .section.optCol-3.cardOpt .opt .spanList.on { background: #E05C5C; border: 1px solid #E05C5C; color: #fff; } .tableB .search_area .optWrap .section .monthType div font { color: #1f1f1f; } .tableB .search_area .optWrap .section .monthType div input { background: #F1DBDB; border: 1px solid #D1B3B3; color: #8F6464; } .tableB .search_area .optWrap .section .monthType div .on input { background: #E05C5C; border-color: #B84646; color: #fff; } .tableB .search_area .optWrap .section .select { border: 1px solid #D1B3B3; } .tableB .search_area .optWrap .section .th .select { background: #FAEFEF; border: none; } .tableB .search_area .optWrap .section .quarterType .quarter input { background: #F1DBDB; border: 1px solid #D1B3B3; color: #8F6464; } .tableB .search_area .optWrap .section .quarterType .quarter span.on input { background: #E05C5C; border-color: #B84646; color: #fff; } .tableB .search_area .btnBox .searchBtn { background: #3e4e66; color: #fff; } /*table*/ .list_table { width: 100%; table-layout: fixed; border-top: 2px solid #7BA5CB; border-bottom: 2px solid #7BA5CB; } .list_table thead tr { position: relative; height: 30px; background: #E2ECF5; border-bottom: 2px solid #CDD9E4; } .list_table thead th { font-weight: bold; border-right: 1px solid #CDD9E4; } .list_table thead tr:nth-child(n+2) th { border-top: 1px solid #CDD9E4; } .list_table thead th:last-child { border-right: none; } .list_table tbody tr { height: 26px; background: #fff; } .list_table tbody tr:nth-child(even) { background: #F8F9FB; } .list_table.nst tbody tr { background: #fff!important; } .nonStr .list_table tbody tr:nth-child(even) { background: #fff; } .list_table tbody td { padding: 0 8px; text-align: center; border-right: 1px solid #CDD9E4; border-bottom: 1px solid #CDD9E4; } .list_table tbody td:last-child { border-right: none!important; } .list_table tfoot tr { height: 30px; font-weight: bold; border-top: 2px solid #7BA5CB; } .list_table tfoot tr:nth-child(n+2) { border-top: 1px solid #CDD9E4; } .list_table tfoot th { border-right: 1px solid #CDD9E4; padding: 0 8px; } .list_table tfoot th:last-child { border-right: none; } /* ver2 */ .list_table2.tax { width: 100%; table-layout: fixed; border-top: 2px solid #AAB5C6; border-bottom: 2px solid #AAB5C6; } .list_table2.tax thead tr { position: relative; height: 36px; background: #F3F7FA; border-bottom: 2px solid #CDD9E4; } .list_table2.tax thead th { font-weight: bold; border-right: 1px solid #CDD9E4; } .list_table2.tax thead tr:nth-child(n+2) th { border-top: 1px solid #CDD9E4; } .list_table2.tax thead th:last-child { border-right: none; } .list_table2.tax tbody tr { height: 36px; background: #fff; } /* .list_table2.tax tbody tr:nth-child(even) { background: #F8F9FB; } */ /* .list_table2.tax.nst tbody tr { background: #fff!important; } */ /* .nonStr .list_table2.tax tbody tr:nth-child(even) { background: #fff; } */ .list_table2.tax tbody td { padding: 0 10px; text-align: center; border-right: 1px solid #CDD9E4; border-bottom: 1px solid #CDD9E4; } .list_table2.tax tbody td:last-child { border-right: none!important; } .list_table2.tax tfoot tr { height: 36px; font-weight: bold; border-top: 2px solid #AAB5C6; } .list_table2.tax tfoot tr:nth-child(n+2) { border-top: 1px solid #CDD9E4; } .list_table2.tax tfoot th { border-right: 1px solid #CDD9E4; padding: 0 10px; } .list_table2.tax tfoot th:last-child { border-right: none; } .list_table_wrap.tax.nbd { border-top: none; border-bottom: none; } .list_table_wrap.tax { border-top: 2px solid #AAB5C6; border-bottom: 2px solid #AAB5C6; } .list_table_wrap .list_table2.tax { border: none; } .list_table_wrap.tax .list_table_header { padding-right: 8px; background: #F3F7FA; border-bottom: 2px solid #CDD9E4; } .list_table_wrap .list_table2.tax thead tr { border: none; } .list_table_wrap.tax .list_table_footer { padding-right: 8px; border-top: 2px solid #AAB5C6; } /*fix_height*/ .list_table_wrap.nbd { border-top: none; border-bottom: none; } .list_table_wrap { border-top: 2px solid #7BA5CB; border-bottom: 2px solid #7BA5CB; } .list_table_wrap .list_table { border: none; } .list_table_wrap .list_table_header { position: relative; padding-right: 8px; background: #E2ECF5; border-bottom: 2px solid #CDD9E4; } .list_table_wrap .list_table thead tr { border: none; } .list_table_wrap .inner_table_wrap { height: 230px; overflow-y: scroll; } .list_table_wrap .list_table_footer { padding-right: 8px; border-top: 2px solid #7BA5CB; } .list_table_wrap .list_table_footer table tr { border-top: none; background: #fff; } .list_table_wrap .list_table_footer table tr:nth-child(n+2) { border-top: 1px solid #CDD9E4; } .detail_table { width: 100%; table-layout: fixed; text-align: left; border-top: 2px solid #7BA5CB!important; border-bottom: 2px solid #7BA5CB!important; } .detail_table tr { height: 30px; } .detail_table th { padding: 0 8px; background: #E2ECF5; color: #1f1f1f; font-weight: bold; border: 1px solid #CDD9E4; border-left: none; } .detail_table td { padding: 0 8px; background: #fff; color: #222; border: 1px solid #CDD9E4; border-left: none; } .detail_table td:last-child { border-right: none; } .detail_table th:last-child { border-right: none; } .detail_table2.tax { width: 100%; table-layout: fixed; border-top: 2px solid #AAB5C6!important; border-bottom: 2px solid #AAB5C6!important; text-align: left; font-size: 14px; } .detail_table2.tax tr { height: 50px; } .detail_table2.tax th { padding: 0 8px; background: #F3F7FA; color: #4A5E76; font-weight: bold; border: 1px solid #D2DBE9; border-left: none; } .detail_table2.tax td { padding: 0 8px; background: #fff; color: #424242; border: 1px solid #D2DBE9; border-left: none; } .detail_table2.tax td:last-child { border-right: none; } .detail_table2.tax th:last-child { border-right: none; } .detail_table2.tax input[type="text"] { height: 30px; border: 1px solid #859AAC; } .detail_table2.tax input[type="text"].date_input { height: 30px; border: 1px solid #859AAC!important; background: #fff url(../../images/taxmap/icon/calendarIcon2.svg) no-repeat; background-position: 4px 50%; } .detail_table2.tax input[type="radio"]:checked + .select_label { color: #4A5E76; font-weight: bold; } .detail_table2.tax label { font-size: 15px; } .detail_table2.tax .btn { display: flex; justify-content: center; align-items: center; background: #4356BE; height: 30px; padding: 0 10px; border-radius: 4px; font-size: 12px; color: #fff; cursor: pointer; } .dep_table tbody tr.tr_odd { background: #fff; } .dep_table tbody tr.tr_even { background: #F8F9FB; } .selectable_ .highligh_ { background: #DFF9EE!important; } .selectable_ .highligh_ td { border-right: 1px solid #DFF9EE!important; font-weight: 700; color: #3E4E66; } .list_table .pen_ { display: inline-block; width: 15px; height: 15px; background: url(../../images/web/table/pen.png) no-repeat; cursor: pointer; } .list_table .disabled_ { color: #aaa; } .list_table .point_ { display: inline-block; width: 15px; height: 15px; background: url(../../images/web/table/point_off.png) no-repeat; } .list_table .point_.on { display: inline-block; width: 15px; height: 15px; background: url(../../images/web/table/point.png) no-repeat; cursor: pointer; } .list_table #btnTr { background: #909aa9; cursor: pointer; text-align: center; color: #fff; } .list_table input[type="text"] { border: 1px solid transparent;} .list_table input[type="text"]:hover { border: 1px solid #389cfc; } .list_table input[type="text"]:focus { border: 1px solid #389cfc; } .tableB .list_table { border-top: 2px solid #CB7B7B; border-bottom: 2px solid #CB7B7B; } .tableB .list_table thead tr { background: #FAEFEF; border-bottom: 2px solid #E4CDCD; } .tableB .list_table thead th { font-weight: bold; border-right: 1px solid #E4CDCD; } .tableB .list_table thead th:last-child { border-right: none; } .tableB .list_table thead tr:nth-child(n+2) th { border-top: 1px solid #E4CDCD; } .tableB .list_table tbody td { border-right: 1px solid #E4CDCD; border-bottom: 1px solid #E4CDCD; } .tableB .list_table tfoot tr { border-top: 2px solid #CB7B7B; } .tableB .list_table tfoot tr:nth-child(n+2) { border-top: 1px solid #E4CDCD; } .tableB .list_table tfoot th { border-right: 1px solid #E4CDCD; } .tableB .detail_table { border-top: 2px solid #CB7B7B!important; border-bottom: 2px solid #CB7B7B!important; } .tableB .detail_table th { background: #FAEFEF; } .tableB .detail_table th { border: 1px solid #E4CDCD; border-left: none; } .tableB .detail_table td { border: 1px solid #E4CDCD; border-left: none; } .tableB .detail_table td:last-child { border-right: none; } .tableB .list_table_wrap { border-top: 2px solid #CB7B7B; border-bottom: 2px solid #CB7B7B; } .tableB .list_table_wrap .list_table { border: none; } .tableB .list_table_wrap .list_table thead tr { border: none; } .tableB .list_table_wrap .list_table_header { background: #FAEFEF; border-bottom: 2px solid #E4CDCD; } .tableB .list_table_wrap .list_table_footer table tr { border-top: none; } .tableB .list_table_wrap .list_table_footer { border-top: 2px solid #E4CDCD; } .tableB .list_table_wrap .list_table_footer table tr:nth-child(n+2) { border-top: 1px solid #CB7B7B; } .tableB .list_table_wrap .list_table tfoot th:last-child { border-right: none; } #inputContents.list_table input { border: 1px solid #B3BFD1; } #inputContents.list_table input:hover { border: 1px solid #389cfc; } #inputContents.list_table input:focus { border: 1px solid #389cfc; } #inputContents.list_table input.skAppAmt { width: calc(100% - 20px); margin-left: auto; } .innerBtnWrap .btnArea .btn { min-width: 70px; width: 70px; height: 25px; line-height: 25px; font-size: 12px; } .excelDiv { border-top: 2px solid #7BA5CB; border-bottom: 2px solid #7BA5CB; height: 486px; } .excelDiv .list_table_wrap { border-top: none; border-bottom: none; } /*popup*/ .popup_wrap { display: none; position: fixed; background: rgba(0,0,0,0.6); z-index: 1000; width: 100%; height: 100%; top:0; left: 0; } .popup_wrap.on { display: block; } .popup_wrap .popup_inner { display: none; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); padding: 20px; background: #fff; border-radius: 8px; } .popup_wrap .popup_inner.on { display: block; } .popup_wrap .popup_inner.type1 { width: 1100px; } .popup_wrap .popup_inner.type2 { width: 1200px; } .popup_wrap .popup_inner.type3 { width: 800px; } #popSchedule .popup_inner { width: 726px; } .popup_wrap .popup_inner.vc { top: 35%; left: 50%; transform: translate(-50%, -50%); } .popup_wrap .popup_inner.vt { top: 30px; } .popup_wrap .search_area .optWrap .section .dateType input.date_input { width: 93px; } /*search*/ .popup_wrap .popup_inner .search_area .inner { padding-right: 70px; } .popup_wrap .popup_inner .search_area .optWrap .section { width: 315px; padding-right: 15px; } .popup_wrap .popup_inner .search_area .optWrap .section.optCol-2 { width: 630px; } .popup_wrap .popup_inner .search_area .optWrap .section.optCol-3 { width: 945px; } .popup_wrap .popup_inner .search_area .btnBox { width: 64px; max-height: 64px; } .popup_wrap .popup_inner .search_area .optWrap .section .monthType div a { margin-right: 3px; } .popup_wrap .popup_inner .search_area .optWrap .section .monthType li { margin-right: 4px; } .popup_wrap .popup_inner .page_title_wrap { justify-content: space-between; } /*.popup_wrap .popup_inner .search_area .optWrap .section.optCol-2 .opt.nbg { padding: 0; border-radius: 4px; border: none; background: none; }*/ .popup_wrap table .monthType { display: flex; } .popup_wrap table .monthType a { display: inline-block; margin-right: 2px; } .popup_wrap table .monthType input { width: 20px; height: 20px; background: #dbe4f1; border: 1px solid #b3bfd1; border-radius: 4px; font-size: 11px; color: #64808f; line-height: 18px; } .popup_wrap table .monthType .on input { background: #487acc; border-color: #4672b8; color: #fff; font-weight: bold; } /*button*/ .btn_area { display: flex; width: 100%; margin-top: 20px; justify-content: flex-end; } .btn_area .btn { margin-left: 3px; width: 90px; height: 30px; border-radius: 4px; font-size: 13px; color: #fff; font-weight: bold; background: #4D668B; border: 1px solid #364458; } .btn_area .btn.off { background: #909AA9; border: 1px solid #7a7a7a; } /*.btn_area .btn.type2 { background: #F3792A; }*/ .date_btn { width: 50px; height: 20px; background: #fff; border-radius: 2px; border: 1px solid #eaeaea; font-size: 11px; color: #6a6a6a; text-align: center; cursor: pointer; } .date_btn.on { background: #389cfc; color: #fff; border-color: #389cfc; } /*after*/ /*loading*/ .wrap-loading { position: fixed; width: 100vw; height: 100vh; background: none; top: 0; left: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; } /*v2*/ .jq_wrap .ui-widget.ui-widget-content { border-radius: 0!important; border: none; border-top: 2px solid; border-bottom: 2px solid; border-color: #7BA5CB!important } .jq_wrap .ui-jqgrid .ui-jqgrid-view { font-size: 12px; } /*end*/ .jq_wrap table { border-collapse: separate; } /* header */ .jq_wrap .ui-jqgrid-hdiv { position: relative; z-index: 10; background: #E2ECF5!important; border: none; } .jq_wrap .ui-jqgrid-hdiv tr { height: 30px; } .jq_wrap .ui-jqgrid-hdiv tr th { border: none; border-right: 1px solid #CDD9E4; } .jq_wrap .ui-jqgrid-hdiv tr th.last_th { border-right: none!important; } .jq_wrap .ui-jqgrid-hdiv.ui-state-default { border-bottom: 2px solid #CDD9E4!important; } .jq_wrap .ui-jqgrid-hdiv.ui-state-default th { background: #E2ECF5; font-weight: bold; color: #1f1f1f; } .jq_wrap .ui-jqgrid-hdiv table tr:nth-child(n+2) th { border-top: 1px solid #CDD9E4; } /* body */ .jq_wrap .ui-jqgrid-bdiv { width: calc(100% - 2px)!important; } .jq_wrap .ui-jqgrid-bdiv table tr { border: none!important; height: 26px; background: #fff; } .jq_wrap .ui-jqgrid-bdiv table tr:nth-child(odd) { background: #F8F9FB; } .jq_wrap .ui-jqgrid-bdiv table tr.oddTr{ background: #fff!important; } .jq_wrap .ui-jqgrid-bdiv table tr.evenTr{ background: #F8F9FB!important; } .jq_wrap .ui-jqgrid-bdiv table tr.jqgfirstrow td { border: none!important; } .jq_wrap .ui-jqgrid-bdiv table tr td { border: none!important; border-right: 1px solid #CDD9E4!important; border-bottom: 1px solid #CDD9E4!important; padding: 0 8px; color: #222;} /*.jq_wrap .ui-jqgrid-bdiv table tr:nth-child(2) td { border-top: none!important; }*/ .jq_wrap .ui-jqgrid-bdiv table tr td:nth-child(1) { padding: 0 4px; } .jq_wrap .ui-jqgrid-bdiv table tr td.last_td { border-right: none!important; } .jq_wrap .ui-jqgrid-bdiv table tr .ui-state-default { background: none; } /* .jq_wrap .ui-jqgrid-bdiv table tr td.last_td { border-right: none!important; } */ .jq_wrap .ui-jqgrid-bdiv table tr:last-child td { /*border-top: 1px solid #eaeaea!important;*/ border-bottom: 1px solid #CDD9E4!important; } /* highligh */ .jq_wrap .ui-jqgrid-bdiv table tr.ui-state-highlight { position: relative;/* z-index: 100;*//* border-left: 1px solid red!important; */ } .jq_wrap .ui-jqgrid-bdiv table tr.ui-state-highlight td:not(.nonHighlight) { background: #DFF9EE!important; border-right: none!important; /*border-left: none!important;*/ font-weight: 700; color: #3E4E66; } /* footer */ .jq_wrap .ui-jqgrid .ui-jqgrid-sdiv { border-top: 2px solid #7BA4CB!important; color: #222; } .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox { position: relative; left: -1px; } .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table { border-collapse: collapse; } .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table tr { border: none; height: 30px;} .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table td { background-color: #fff!important; padding: 0 8px; border: none; font-weight: bold; } .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table td.s_bd { border-left: 1px solid #CDD9E4; border-right: 1px solid #CDD9E4; } .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table td.last_td { border-right: 1px solid transparent!important; } .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox .jqSum { background: #E2ECF5!important; text-align: center!important; } /* temp */ /* 영역을 벗어나는 부분 */ .jq_wrap .temp > div { overflow: hidden; border-color: #CDD9E4!important; } /*v2*/ .tableB .jq_wrap .ui-widget.ui-widget-content { border-radius: 0!important; border: none; border-top: 2px solid; border-bottom: 2px solid; border-color: #CB7B7B!important } .tableB .jq_wrap .ui-jqgrid-hdiv { background: #FAEFEF!important; border: none; } .tableB .jq_wrap .ui-jqgrid-hdiv tr th { border: none; border-right: 1px solid #E4CDCD; } .tableB .jq_wrap .ui-jqgrid-hdiv tr th.last_th { border-right: none!important; } .tableB .jq_wrap .ui-jqgrid-hdiv.ui-state-default { border-bottom: 2px solid #E4CDCD!important; } .tableB .jq_wrap .ui-jqgrid-hdiv.ui-state-default th { background: #FAEFEF; } .tableB .jq_wrap .ui-jqgrid-hdiv table tr:nth-child(n+2) th { border-top: 1px solid #E4CDCD; } .tableB .jq_wrap .ui-jqgrid-bdiv table tr:nth-child(odd) { background: #F8F9FB; } .tableB .jq_wrap .ui-jqgrid-bdiv table tr.jqgfirstrow td { border: none!important; } .tableB .jq_wrap .ui-jqgrid-bdiv table tr td { border: none!important; border-right: 1px solid #E4CDCD!important; border-bottom: 1px solid #E4CDCD!important; } .tableB .jq_wrap .ui-jqgrid-bdiv table tr td.last_td { border-right: none!important; } .tableB .jq_wrap .ui-jqgrid-bdiv table tr .ui-state-default { background: none; } .tableB .jq_wrap .ui-jqgrid-bdiv table tr:last-child td { border-bottom: 1px solid #E4CDCD!important; } .tableB .jq_wrap .ui-jqgrid-bdiv table tr.ui-state-highlight td:not(.nonHighlight) { background: #DFF9EE!important; border-right: none!important; } .tableB .jq_wrap .ui-jqgrid .ui-jqgrid-sdiv { border-top: 2px solid #CB7B7B!important; } .tableB .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table tr { border: none; } .tableB .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table td { border: none; } .tableB .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table td.s_bd { border-left: 1px solid #E4CDCD; border-right: 1px solid #E4CDCD; } .tableB .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table td.last_td { border-right: 1px solid transparent!important; } .tableB .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox .jqSum { background: #FAEFEF!important; } /*.tableB .jq_wrap .temp > div { overflow: hidden; border-color: #E4CDCD!important; }*/ /************************************ contents_page 06- *************************************/ /*전자결재 휴지통 - eta00900*/ .eta00900 .opt_wrap .select_label { margin-right: 8px; } .eta00900 .opt_wrap .select_label:last-child { margin-right: 0; } /*통합통장 - fun00106*/ .fun00106 .hChkYn { margin-right: 0; margin-left: 15px; } /*계좌정보등록 - bas00030*/ .bas00030 .tooltip > img { top: 1px; } /*카드정보등록 - bas00050*/ .bas00050 #hCardNm span { margin-left: 6px; } /*계정별 원장 - rpt00350*/ .rpt00350 .jq_wrap .ui-jqgrid-hdiv tr th#gridList2_itemEtc { border-right: 1px solid #CDD9E4!important; } /*계좌 담당자 정보 - bas00180*/ .bas00180 .btnBox { display: flex; justify-content: flex-end; margin-top: 10px; } /*월별 수지 현황 - rpt01440*/ .rpt01440 #gridList_oAmt { border-right: 1px solid #CDD9E4!important; } /*지출계획 - fun00920*/ .plan_btn { display: flex; justify-content: center; } .eta00060 #basDocView { width: 100%; height: 70px; padding: 4px 0; overflow-y: auto; overflow-x: hidden; } .eta00060 #fileDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; } /*.eta00060 #tagDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; }*/ .eta00070 #basDocView { width: 100%; height: 70px; padding: 4px 0; overflow-y: auto; overflow-x: hidden; } .eta00070 #fileDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; } /*.eta00070 #tagDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; }*/ .eta00120 #basDocView { width: 100%; height: 70px; padding: 4px 0; overflow-y: auto; overflow-x: hidden; } .eta00120 #fileDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; } /*.eta00120 #tagDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; }*/ .eta00160 #basDocView { width: 100%; height: 70px; padding: 4px 0; overflow-y: auto; overflow-x: hidden; } .eta00160 #fileDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; } /*.eta00160 #tagDiv0 { width: 100%; height: 70px; padding: 4px 0; overflow-y: scroll; }*/ /*iframepage_inner_grid*/ .rpt00350 .grid_wrap > .w_fix { width: 360px; } .rpt00410 .grid_wrap > .w_fix { width: 510px; } .eta00130 .grid_wrap > .w_fix { width: 390px; } .bas00170 .grid_wrap > .w_fix { width: 600px; } .bas00180 .grid_wrap > .w_fix { width: 600px; } .emp00160 .grid_wrap > .w_fix { width: 620px; } .trd00020 .grid_wrap > .w_fix { width: 400px; } .trd00080 .grid_wrap > .w_fix { width: 400px; } .bas00120 .grid_wrap > .w_fix { width: 380px; } .trd00010 .grid_wrap > .w_fix { width: 400px; } .trd00300 .grid_wrap > .w_fix { width: 370px; } .trd00210 .grid_wrap > .w_fix { width: 480px; } .tax00220 .grid_wrap > .w_fix { width: 370px; } .tax00370 .grid_wrap > .w_fix { width: 370px; } .trd00090 .w_fix { width: 400px; } /*사용자권한 - sys00220*/ .sys00220 .sub_title_wrap { justify-content: flex-start; } .sys00220 .sub_title_wrap .sub_title { margin-right: 10px; } .sys00220 .sub_title_wrap { font-size: 18px; color: #1f1f1f; font-weight: bold; font-family: "Arita_B" } .sys00220 .page_title_wrap .color03 { position: relative; top: 16px; font-size: 11px; } /* 거래처정보등록 - crm02010 */ .crm02010 .search_area .btnBox { right: 30px; } .crm02010 .search_area .btnBox .searchBtn { width: 100px; color: #fff; } .crm02010 .search_area .btnBox .searchBtn button { color: #fff; } .crm02010 #tablecustDiv td { border: none; } .crm02010 #tablecustClass td { border: none; } .memo_area .memo_wrap { padding: 15px; border-top: 1px solid #CDD9E4; margin-top: 8px; } .memo_area .memo_wrap .memo_opt { font-size: 12px; color: #353535; font-weight: 500; letter-spacing: -0.7px; display: flex; justify-content: space-between; align-items: center; } .memo_area .memo_wrap .memo_opt button { width: 93px; } .memo_area .memo_wrap .memo_opt button span { margin-left: 5px; } .memo_area .memo_wrap .memo_opt .memo_ .memo_plus { margin-left: 5px; } .memo_area .memo_wrap .memo_opt .color_box { display: flex; } .memo_area .memo_wrap .memo_opt .color_box span { display: inline-block; width: 26px; height: 26px; border-radius: 50%; cursor: pointer; margin-left: 5px; border: 2px solid #e2ecf5; } .memo_area .memo_wrap .memo_opt .color_box span.on { border-color: #4d668b; } .memo_area .memo_wrap .memo_cont { display: flex; margin-top: 10px; align-items: stretch; } .memo_area .memo_wrap .memo_cont textarea { border: 1px solid #CDD9E4; padding: 10px; font-size: 13px; letter-spacing: -0.65px; line-height: normal; outline: none; resize: none; width: 100%; border-radius: 3px; } .memo_area .memo_wrap .memo_cont textarea::placeholder { color: #b3b3b5; font-size: 12px; } .memo_area .memo_wrap .memo_cont button { width: 64px; color: #fff; background: #3d4b53; border-radius: 4px; margin-left: 5px; } .memo_list { padding: 6px; height: 601px; border: 1px solid #CDD9E4; overflow-y: auto; } .memo_list li { width: 100%; border-radius: 3px; margin-bottom: 4px; padding: 4px; } .memo_list li .memo_date { font-size: 10px; line-height: 22px; display: flex; justify-content: flex-end; align-items: center; } .memo_list li .memo_date span { margin-right: 4px; } .memo_list li:last-child { margin-bottom: 0; } .memo_list li .memo_date img { cursor: pointer; } .memo_area .memo_wrap .memo_opt .memo_ {display: inline-block; padding-top: 2px; width: 93px; height: 20px; font-size: 11px; color: #6a6a6a; background: #fff; border-radius: 2px; border: 1px solid #CDD9E4; text-align:center;} /*거래처잔액조정 - crm02050*/ .crm02050 #hCustsNm { border: none; font-family: "Arita_B"; font-size: 18px; color: #1f1f1f; font-weight: bold; } /*상품재고조정 - ivt00030*/ .ivt00030 #hGoodsNm { border: none; font-family: "Arita_B"; font-size: 18px; color: #1f1f1f; font-weight: bold; } /*온라인 거래처원장 - rpt00490*/ .rpt00490 .jqg-third-row-header #repotList_orAmt { border-right: 1px solid #CDD9E4!important; } /*카드별 입금예정 - fun00720*/ .fun00720 .jq_wrap tr.jqg-third-row-header .last_th { border-right: 1px solid #CDD9E4!important; } /*file*/ .stg00020 .jstree-default .jstree-file { background-position: -163px -4px; } .stg00020 .jstree-default .jstree-clicked > i.jstree-file { background-position: -195px -4px; } .stg00020 .jstree-default { background: transparent; } .stg00020 .jstree-default .jstree-last { background: transparent;} /*사업자정보등록 - bas00010*/ .bas00010 .page_title_wrap { justify-content: space-between; align-items: flex-end; } .bas00010 .page_title_wrap .sub_txt { position: relative; top: 4px; } .bas00010 .page_title_wrap .sub_txt span { color: #F45962; text-decoration: underline; } .bas00010 input.input_s { width: 140px; } .bas00010 .fileBox { height: 80px; display: flex; align-items: center; } .bas00010 .fileBox .imgBox { padding-left: 20px; } .bas00010 .fileBox .placeholder { color: #aaa; } .bas00010 .fileBox #logoDiv { display: flex; align-items: center; } .bas00010 .fileBox #sealDiv { display: flex; align-items: center; } .bas00010 .fileBox #logoDiv.hide { display: none; } .bas00010 .fileBox #sealDiv.hide { display: none; } .bas00010 .fileBox #logoImgBox { max-height: 70px; max-width: 300px; } .bas00010 .fileBox #sealImgBox { max-height: 70px; max-width:300px } .bas00010 .fileBox #imgFileSealDel { cursor: pointer; margin-left: 10px; } .bas00010 .fileBox #imgFileLogoDel { cursor: pointer; margin-left: 10px; } .bas00010_p1 .popCon { padding: 20px 15px; margin-bottom: 15px; background: #f5f5f5; border: 1px solid #eee; border-radius: 4px; text-align: center; color: #555; } .bas00010_p1 .popCon .type { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .bas00010_p1 .popCon .txt { font-size:13px; } .bas00010_p3 .sampleList { display: flex; width: 1052px; background: #f5f5f5; border: 1px solid #eee; border-radius: 8px; flex-wrap: wrap; } .bas00010_p3 .sampleList .item { padding: 10px 20px; } .bas00010_p3 .sampleList .item .type { font-size: 18px; color: #555; font-weight: bold; margin-bottom: 10px; } .bas00010_p3 .sampleList .item img { width: 310px; } /*견적서 - 팝업*/ .trdLayerP .list_table_wrap .inner_table_wrap.trdList { height: 182px; } /*견적서 - 메인 페이지*/ .list_table_wrap .inner_table_wrap.trdList { height: 255px; } /*수주서 - 팝업*/ .trdLayerP .list_table_wrap .inner_table_wrap.orderWork { height: 213px; } /*수주서 - 메인 페이지*/ .list_table_wrap .inner_table_wrap.orderWork { height: 286px; } /*거래면세서 - 메인*/ .list_table_wrap .inner_table_wrap.tradeS { height: 205px; } .list_table_wrap .inner_table_wrap.tradeB { height: 194px; } .trdLayerP .list_table_wrap .inner_table_wrap.tradeS { height: 133px; } .trdLayerP .list_table_wrap .inner_table_wrap.tradeB { height: 123px; } /*My Meomo*/ .sys00160 .memoList { border: 1px solid #CDD9E4; padding: 8px; height: 622px; overflow-y: auto; } .sys00160 .memoList > div { display: flex; flex-wrap: wrap; } .sys00160 .memoList .noteItem { padding: 8px; width: calc(100% / 6); max-width: 220px; } .sys00160 .memoList .noteItem .inner { width: 100%; border-radius: 10px; background: #f7fbfd; border: 1px solid #CDD9E4; padding: 14px; color: #444; display: flex; flex-direction: column; text-align: right; font-size: 13px; } .sys00160 .memoList .noteItem .inner .note { width: 100%; margin-bottom: 10px; } .sys00160 .memoList .noteItem .inner .note textarea { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; white-space: normal; text-overflow: ellipsis; overflow: hidden; padding: 0; height: 110px; border: none; font-size: 11px; background-color: transparent;} .sys00160 .memoList .noteItem.add_note .inner { display: flex; align-items: center; justify-content: center; height: 167px; } .sys00160 .memoList .noteItem.add_note img { width: 50px; cursor: pointer; } .sys00160p .memoColor { display: inline-block; width: 30px; height: 15px; border: 1px solid #CDD9E4; cursor: pointer; } .sys00160p .memoColor.on { border: 1px solid #389cfc; } .sys00160p .memoCon textarea { height: 307px; border: none; } /*메모박스 - sys00150*/ .sys00150 .memoList { border: 1px solid #CDD9E4; padding: 8px; height: 622px; overflow-y: auto; } .sys00150 .memoList > div { display: flex; flex-wrap: wrap; } .sys00150 .memoList .noteItem { padding: 8px; width: calc(100% / 6); max-width: 222px; } .sys00150 .memoList .noteItem .inner { width: 100%; border-radius: 10px; background: #f7fbfd; border: 1px solid #CDD9E4; padding: 14px; color: #444; display: flex; flex-direction: column; text-align: right; font-size: 12px; height: 167px; } .sys00150 .memoList .noteItem .inner .note { width: 100%; margin-bottom: auto; } .sys00150 .memoList .noteItem .inner .note textarea { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; white-space: normal; text-overflow: ellipsis; overflow: hidden; padding: 0; height: 104px; border: none; font-size: 11px; background: transparent;} .sys00150 .memoList .noteItem.add_note .inner { display: flex; align-items: center; justify-content: center; height: 167px; } .sys00150 .memoList .noteItem.add_note img { width: 50px; cursor: pointer; } /*전자결재 문서 팝업*/ .eta00080 #scrapList .popup_wrap .inner_table_wrap td { border-bottom: 1px solid #CDD9E4!important; padding: 0 8px!important; } .eta00080 #scrapList .popup_wrap .inner_table_wrap tbody tr { height: 26px!important; } .eta00080 #scrapList .popup_wrap .inner_table_wrap tbody tr:nth-child(even) { background: #F8F9FB; } /*검토*/ .total_row { display: flex; justify-content: space-between; align-items: center; height: 30px; font-size: 12px; font-weight: 700; } .total_row span { color: #444; } /* 전자결재[업무일지] - eta00060 */ .eta00060 .detail_table #contents { height: 507px; border: none; } /* 전자결재[업무계획] - eta00160 */ .eta00160 .detail_table #contents { height: 507px; border: none; } /* 전자결재[기안/품의] - eta00070 */ .eta00070 .detail_table #contents { height: 457px; border: none; } /* 전자결재[수입결의] - eta00230 */ .eta00230 .detail_table #docDesc { height: 250px; border: none; } /* 전자결재[정산결의] - eta00240 */ .eta00240 .detail_table #docDesc { height: 250px; border: none; } /* 전자결재[출장신청] - eta00120 */ .eta00120 .detail_table #contents { height: 428px; border: none; } /************************************ contents_page *************************************/ /* 토탈 리포트 - rpt00710 */ .rpt00710 .list_table_wrap { padding-bottom: 30px; } /*계약매출원장 Ⅱ / 계약매입원장 Ⅱ - trd00860*/ .trd00860 input[id^=romnDate] { border: 1px solid #B3BFD1; } .trd00860.tableB input[id^=romnDate] { border: 1px solid #D1B3B3; } /*건별명걔수현황 - trd00220*/ .trd00220 .sub_desc { margin-top: 3px; display: flex; } .trd00220 .sub_desc img { margin: 0 3px; } /* 매출지정상세, 매입지정상세 - trd00240 */ .trd00240 .jq_wrap .ui-jqgrid-sdiv .ui-jqgrid-hbox table td.first_td { border-right: none!important; } .trd_pop { background: rgba(0,0,0,0.6); height: 100vh; } .trd_pop .content_left { position: absolute; width: 1200px; background: #fff; padding: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*상황판(월력) - fun00030*/ .fun00030 .w_fix { width: 313px!important; min-width: 313px!important; display: flex; flex-direction: column; justify-content: space-between; } .fun00030 .list_area .list_table tbody td:nth-child(1) { text-align: left; } .fun00030 .list_area .list_table tbody td.empty { text-align: center; } /* 전자결재[지출결의] - eat00220 */ .eta00220 .detail_table #docDesc { height: 250px; border: none; } .eta00220 .tax_popup_04 { width: 900px; } .eta00220 .tax_popup_04 .cPathDel img { width: 16px; } .eta00220 .popup_wrap .input_checkbox.self_final { width: auto; padding-left: 24px; } .eta00220 .popup_wrap .tree_box { display:flex; justify-content: space-between; margin-top: 20px; } .eta00220 .popup_wrap .tree_box #gridList { border: 1px solid #eaeaea; height: 411px; } .eta00220 .popup_wrap .tree_box .arrow_box { display: flex; flex-direction: column; justify-content: space-around; padding: 0 10px; } .eta00220 .popup_wrap .tree_box .arrow_box img { cursor: pointer; } .eta00220 .tax_popup_04 .tree_box .inner_table_wrap { height: 160px; } .eta00220 .tax_popup_04 .move_btn_box img { width: 20px; cursor: pointer; } .eta00220 .tax_box .tooltip { margin-left: 3px; } .eta00220 .tax_box .tooltip > img { top: 1px; } .eta00220 .tax_box .tooltip > span { top: -150%; left: 150%; } /* 전자결재 통합 임시 */ .tax_box .tax_btn_box { margin-top: 10px; margin-bottom: 6px; display: flex; align-items: center; height: 20px; } .tax_box .tax_btn_box input { margin-right: 3px; } /*trdPopFrame*/ #trdPopFrame { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; display: none; } /*텍스트 scroll*/ .table_inDiv { white-space: normal; max-height: 120px; overflow-y: auto; width: 100%; } .w_fix.editorWrap { width: 1002px; } /* 임시 추가 2021-12-06 */ .jq_wrap table input[type="checkbox"] { display: inline-block; width: 12px; height: 12px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../../images/taxmap/icon/check_off.svg"); } .jq_wrap table input[type="checkbox"]:checked { background: url("../../images/web/input/check_on.svg"); } /* temp */ /* list_table inc_img */ .inc_img { display: flex; } .inc_img span:nth-child(1) { text-overflow: ellipsis; overflow: hidden; padding-right: 4px; margin-right: auto; margin-left: 0; } .inc_img span { margin-left: 6px; min-width: 15px; } /*초기 셋팅 포털 - crm01104*/ .crm01104 .topBox:before { content: ''; background: url(../../images/web/front/sectionLine2.png); background-repeat: repeat-x; height: 6px; display: block; width: 100%; position: absolute; top: 0; } .crm01104 .topBox:after { content: ''; background: url(../../images/web/front/sectionLine2.png); background-repeat: repeat-x; height: 6px; display: block; width: 100%; position: absolute; bottom: 0; } .crm01104 .topBox { display: flex; justify-content: center; padding: 20px 0; position: relative; margin-bottom: 30px; } .crm01104 .topBox .txtBox { font-size: 12px; color: #6a6a6a; text-align: center; margin: 0 40px; } .crm01104 .topBox .txtBox span { color: #f3792a; } .crm01104 .topBox .bold { font-size: 18px; font-weight: bold; color: #1167ff; margin-bottom: 15px; } .crm01104 .contentWrap { display: flex; } .crm01104 .contentWrap .box { display: block; } .crm01104 .contentWrap .box .title { margin-bottom: 30px; width: initial; } .crm01104 .contentWrap .box:nth-child(2) { margin: 0 20px; margin-bottom: 20px; } .crm01104 .box { display: flex; align-items: flex-start; flex: 1; border-radius: 4px; background: #f7fbfd; border: 1px solid #eaeaea; padding: 26px 30px; margin-bottom: 20px; } .crm01104 .box .title { font-size: 24px; font-weight: bold; color: #444; width: 240px; display: flex; align-items: flex-end; } .crm01104 .box .title img { margin-right: 10px; } .crm01104 .box .txt { font-size: 15px; color: #389cfc; margin-right: auto; } .crm01104 .box .txt span { color: #fc4438; } .crm01104 .box li { margin-bottom: 20px; } .crm01104 .box li p { font-size: 14px; color: #6A6A6A; } .crm01104 .box li p.link { display: flex; align-items: center; justify-content: space-between; height: 45px; border-radius: 4px; background: #ddedf5; font-size: 18px; font-weight: bold; padding: 0 16px; cursor: pointer; margin-bottom: 6px; color: #444; } .crm01104 .box .btnWrap { display: flex; max-width: 300px; flex-wrap: wrap; } .crm01104 .box .btnWrap .btn { width: 140px; height: 40px; background: #a2afbb; color: #fff; border-radius: 4px; font-size: 15px; font-weight: bold; line-height: 40px; text-align: center; margin: 4px; } .crm01104 .box.type2 { background: #fdf8f7; } .crm01104 .box.type2 .title { color: #fc4438; } .crm01104 .box.type2 .btnWrap { flex-direction: column; } .crm01104 .box.type2 .btnWrap .btn { margin: 0; } .crm01104 .box.type2 .btnWrap label { font-size: 11px; color: #000; } /*계정별 상세 출금장 - rpt00550*/ .rpt00550 .leftTable .list_table tbody tr { background: #fff; } .rpt00550 .leftTable .list_table tbody tr.dep_0 { background: #f7fbfd; } .fileListWrap { width: calc(100% + 8px); overflow-y: auto; min-height: 30px; } .fileListWrap .file_item { margin-right: 10px; display: flex; align-items: center; margin: 3px 0; margin-right: 10px; } .fileListWrap .file_item img { cursor: pointer; margin-left: 4px; } .fileWrap { width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; overflow-y: auto; } .fileListWrap .empty_box { color: #aaa; font-size: 12px; margin-top: 3px; display: block; } /*파일 리스트 - categoryList*/ /*.file_list_wrap { width: calc(100% + 7px); }*/ .file_list_wrap { max-height: 60px; overflow-y: scroll; } /*.file_list_wrap #fileTable { margin: 5px 0 5px 0; }*/ .file_list_wrap #fileTable tr td { border: none; } .file_list_wrap #fileTable tr td .empty_box { color: #ccc; } .file_list_wrap #fileTable tr td .file_item { display: flex; align-items: center; margin: 2px 0; } .file_list_wrap #fileTable tr td .file_item img { margin-left: 3px; cursor: pointer; } /* tag */ #hashTag { width: 100%; max-width: 160px; border: 1px solid #B3BFD1;} #tagDiv0 { width: 100%; height: 48px; overflow-y: scroll; display: flex; flex-wrap: wrap; margin-top: 2px; } #tagDiv0 .subDiv { background-color:#e0eaf1; color:#46799b; margin-right:5px; margin-top: 4px; padding: 0 4px; border-radius: 4px; height: 20px; line-height: 20px; } #tagDiv0 .subDiv span { margin-left: 4px; cursor: pointer; } /*서비스신청관리 - sys00510*/ .sys00510 input:checked ~ .btn.extraChk { background: #389cfc url(../../images/web/icon/extraServiceChkOn.svg) no-repeat; background-position: 22px center;} .sys00510 .serviceSection { background: url(../../images/web/img/sys00510.png) no-repeat; padding: 110px 45px 0px; } .sys00510 .serviceSection .sysDate { width: fit-content; margin: 0 auto; text-align: right; color: #fff; margin-bottom: 30px; } .sys00510 .serviceSection .sysDate p { padding-bottom: 6px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; border-bottom: 6px solid #fff; margin-bottom: 6px; } .sys00510 .serviceList { display: flex; justify-content: space-between; } .sys00510 .serviceList li { background: #f7fbfd; border: 2px solid #AABDDC; border-radius: 10px; flex: 1; margin-left: 10px; text-align: center; padding: 30px 0; color: #444; font-size: 14px; box-shadow: 0px 4px 8px 0px #4E566D40; } .sys00510 .serviceList li:first-child { margin-left: 0; } .sys00510 .serviceList li label { display: inline-block; font-size: 18px; color: #389cfc; font-weight: bold; margin-bottom: 26px; } .sys00510 .serviceList li p.txt { font-size: 12px; margin-top: 18px; font-weight: normal; } .sys00510 .serviceList .select_label { background-image: url(../../images/web/input/sys_select_off.png); background-position: left 70%; } .sys00510 .serviceSection #service_type1:checked ~ .serviceList .select_label[for="service_type1"] { background-image: url(../../images/web/input/sys_select_on.png); color: #fff; } .sys00510 .serviceSection #service_type2:checked ~ .serviceList .select_label[for="service_type2"] { background-image: url(../../images/web/input/sys_select_on.png); color: #fff; } .sys00510 .serviceSection #service_type4:checked ~ .serviceList .select_label[for="service_type4"] { background-image: url(../../images/web/input/sys_select_on.png); color: #fff; } .sys00510 #service_type1:checked ~ .serviceList li.service_type1 { background: #4488FB; color: #fff; font-weight: bold; } .sys00510 #service_type2:checked ~ .serviceList li.service_type2 { background: #4488FB; color: #fff; font-weight: bold; } .sys00510 #service_type4:checked ~ .serviceList li.service_type4 { background: #4488FB; color: #fff; font-weight: bold; } .sys00510 .termination { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; font-size: 12px; color: #6A6A6A; line-height: 18px; border-bottom: 2px solid #a2afbb; } .sys00510 .termination p { position: relative; padding-left: 10px; } .sys00510 .termination p:before { content: "·"; position: absolute; font-size: 30px; top: -3px; left: 0; } .sys00510 .termination #btn_do { background: #a2afbb; width: 132px; line-height: 72px; text-align: center; border-radius: 4px; cursor: pointer; color: #fff; font-size: 20px; font-weight: bold; } .sys00510 .extraSection { padding: 80px 45px; } .sys00510 .extraSection .sub_title_wrap { margin-top: 0; justify-content: flex-start; } .sys00510 .extraSection .sub_title_wrap span { color: #6A6A6A; margin-left: 10px; } .sys00510 .extraService { width: 100%; table-layout: fixed; font-size: 12px; } .sys00510 .extraService td { padding: 15px 20px; border: 1px solid #eaeaea; color: #6A6A6A; line-height: 1.5; } .sys00510 .extraService td:nth-child(1) { border-left: none; } .sys00510 .extraService td:nth-child(3) { border-right: none; text-align: center; } .sys00510 .extraService .extraTitle div { display: flex; align-items: center; font-size: 14px; } .sys00510 .extraService .extraTitle div img { margin-right: 10px; } .sys00510 .extraService .betaRow { background: #F2F2F2; } .sys00510 .extraService .betaRow .btn { cursor: auto; opacity: 0.4; } .sys00510 .extraService .btn { display: inline-block; width: 90px; height: 27px; line-height: 27px; background: #A2AFBB; text-align: center; border-radius: 4px; color: #fff; cursor: pointer; } .sys00510 .extraService .extraType { font-size: 11px; font-weight: bold; color: #13BE24; display: block; } .sys00510 .extraService .extraType.beta { color: #F3792A; } .sys00510 .btn.extraChk { background: #389cfc url(../../images/web/icon/extraServiceChk.svg) no-repeat; background-position: 22px center; padding-left: 10px; } .sys00510 .support { padding: 0 45px; } .sys00510 .support .btn { display: inline-block; width: 90px; height: 27px; line-height: 27px; background: #A2AFBB; text-align: center; border-radius: 4px; color: #fff; cursor: pointer; } .sys00510 .support .underLineTitle .btn:before { content: ""; position: absolute; width: 8px; height: 100%; background: #fff; left: -8px; } .sys00510 .settingWrap { display: flex; align-items: center; margin-top: 15px; } .sys00510 .settingWrap .settingBox { background: #F7FBFD; border: 1px solid #AABDDC; border-radius: 10px; text-align: center; width: 50%; margin-right: 14px; padding: 30px 0; box-shadow: 0px 4px 8px 0px #4E566D40; } .sys00510 .settingWrap .settingBox:nth-child(2) { margin-right: 0; } .sys00510 .settingWrap .settingBox label { font-size: 18px; font-weight: bold; padding-left: 16px; background-position: left 60%; } .sys00510 .settingWrap .settingBox p { font-size: 14px; color: #444; margin-top: 26px; margin-bottom: 18px; font-weight: bold; } .sys00510 .settingWrap .settingBox span { font-size: 12px; color: #444; } .sys00510 #payList { margin-bottom: 10px; } .sys00510 #payList li { font-weight: bold; display: flex; align-items: center; justify-content: space-between; padding: 18px 30px; border-bottom: 1px solid #eaeaea; color: #3D4B53; } .sys00510 #payList li:first-child { border-top: 2px solid #A2AFBB; } .sys00510 #payList li:last-child { border-bottom: 2px solid #A2AFBB; } .sys00510 #payList li p { font-size: 14px } .sys00510 #payList li div { font-size: 16px; } .sys00510 .paymentSection > p { font-size: 18px; font-weight: bold; color: #1167ff; margin-bottom: 10px; margin-top: 30px; } .sys00510 .payment { border-top: 2px solid #A2AFBB; border-bottom: 2px solid #A2AFBB; font-size: 16px; font-weight: bold; color: #3D4B53; } .sys00510 .payment > div { display: flex; align-items: center; justify-content: space-between; padding: 14px 30px; } .sys00510 .payment > div.total { color: #1167ff; border-bottom: 1px solid #EAEAEA; } .sys00510 .payment label { font-size: 16px; color: #3d4b53; font-weight: normal; margin-right: 0; margin-left: 30px; padding-left: 14px; background-position: left center; } .sys00510 .btnArea #btnPay { line-height: 50px; height: 50px; background: #389cfc; font-size: 15px; font-weight: bold; padding: 0 24px; border: none; } .sys00510 .txtArea { display: flex; color: #6A6A6A; font-size: 14px; } .sys00510 .txtArea span { font-size: 14px; font-weight: bold; margin-right: 20px; } /*일정등록 색상선택 */ .calendarChg .calendarColor { display: inline-block; width: 30px; height: 15px; border: 1px solid #CDD9E4; cursor: pointer; } .calendarChg .calendarColor.on { border: 1px solid #2e2e2e; } /*memo_color*/ .cal_color_00 { background: #85B1F2; } .cal_color_01 { background: #44D6CD; } .cal_color_02 { background: #49DA83; } .cal_color_03 { background: #9EACC9; } .cal_color_04 { background: #E888D8; } tfoot { border-collapse: collapse; border-spacing: 0; border: 0; } img, fieldset { border: 0; } button, label { background: none; cursor: pointer; } a, a:link, a:visited, a:hover, a:focus { text-decoration: none; } input { font-family: 'Noto Sans KR' } input[type="text"] { background: none; outline: none; } input[type="checkbox"], input[type="radio"], input[type="file"] { display: none; } select { background: none; outline: none; } textarea { outline: none; resize: none; vertical-align: bottom; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #222 !important; } /*텍스트 scroll*/ .table_inDiv { white-space: normal; max-height: 120px; overflow-y: auto; width: 100%; } .w_fix.editorWrap { width: 1002px; } /* 임시 추가 2021-12-06 */ .jq_wrap table input[type="checkbox"] { display: inline-block; width: 12px; height: 12px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../../images/taxmap/icon/check_off.svg"); } .jq_wrap table input[type="checkbox"]:checked { background: url("../../images/web/input/check_on.svg"); } /* temp */ /* list_table inc_img */ .inc_img { display: flex; } .inc_img span:nth-child(1) { text-overflow: ellipsis; overflow: hidden; padding-right: 4px; margin-right: auto; margin-left: 0; } .inc_img span { margin-left: 6px; min-width: 15px; } /*초기 셋팅 포털 - crm01104*/ .crm01104 .topBox:before { content: ''; background: url(../../images/web/front/sectionLine2.png); background-repeat: repeat-x; height: 6px; display: block; width: 100%; position: absolute; top: 0; } .crm01104 .topBox:after { content: ''; background: url(../../images/web/front/sectionLine2.png); background-repeat: repeat-x; height: 6px; display: block; width: 100%; position: absolute; bottom: 0; } .crm01104 .topBox { display: flex; justify-content: center; padding: 20px 0; position: relative; margin-bottom: 30px; } .crm01104 .topBox .txtBox { font-size: 12px; color: #6a6a6a; text-align: center; margin: 0 40px; } .crm01104 .topBox .txtBox span { color: #f3792a; } .crm01104 .topBox .bold { font-size: 18px; font-weight: bold; color: #1167ff; margin-bottom: 15px; } .crm01104 .contentWrap { display: flex; } .crm01104 .contentWrap .box { display: block; } .crm01104 .contentWrap .box .title { margin-bottom: 30px; width: initial; } .crm01104 .contentWrap .box:nth-child(2) { margin: 0 20px; margin-bottom: 20px; } .crm01104 .box { display: flex; align-items: flex-start; flex: 1; border-radius: 4px; background: #f7fbfd; border: 1px solid #eaeaea; padding: 26px 30px; margin-bottom: 20px; } .crm01104 .box .title { font-size: 24px; font-weight: bold; color: #444; width: 240px; display: flex; align-items: flex-end; } .crm01104 .box .title img { margin-right: 10px; } .crm01104 .box .txt { font-size: 15px; color: #389cfc; margin-right: auto; } .crm01104 .box .txt span { color: #fc4438; } .crm01104 .box li { margin-bottom: 20px; } .crm01104 .box li p { font-size: 14px; color: #6A6A6A; } .crm01104 .box li p.link { display: flex; align-items: center; justify-content: space-between; height: 45px; border-radius: 4px; background: #ddedf5; font-size: 18px; font-weight: bold; padding: 0 16px; cursor: pointer; margin-bottom: 6px; color: #444; } .crm01104 .box .btnWrap { display: flex; max-width: 300px; flex-wrap: wrap; } .crm01104 .box .btnWrap .btn { width: 140px; height: 40px; background: #a2afbb; color: #fff; border-radius: 4px; font-size: 15px; font-weight: bold; line-height: 40px; text-align: center; margin: 4px; } .crm01104 .box.type2 { background: #fdf8f7; } .crm01104 .box.type2 .title { color: #fc4438; } .crm01104 .box.type2 .btnWrap { flex-direction: column; } .crm01104 .box.type2 .btnWrap .btn { margin: 0; } .crm01104 .box.type2 .btnWrap label { font-size: 11px; color: #000; } /*계정별 상세 출금장 - rpt00550*/ .rpt00550 .leftTable .list_table tbody tr { background: #fff; } .rpt00550 .leftTable .list_table tbody tr.dep_0 { background: #f7fbfd; } .fileListWrap { width: calc(100% + 8px); overflow-y: auto; min-height: 30px; } .fileListWrap .file_item { margin-right: 10px; display: flex; align-items: center; margin: 3px 0; margin-right: 10px; } .fileListWrap .file_item img { cursor: pointer; margin-left: 4px; } .fileWrap { width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; overflow-y: auto; } .fileListWrap .empty_box { color: #aaa; font-size: 12px; margin-top: 3px; display: block; } /*파일 리스트 - categoryList*/ /*.file_list_wrap { width: calc(100% + 7px); }*/ .file_list_wrap { max-height: 60px; overflow-y: scroll; } /*.file_list_wrap #fileTable { margin: 5px 0 5px 0; }*/ .file_list_wrap #fileTable tr td { border: none; } .file_list_wrap #fileTable tr td .empty_box { color: #ccc; } .file_list_wrap #fileTable tr td .file_item { display: flex; align-items: center; margin: 2px 0; } .file_list_wrap #fileTable tr td .file_item img { margin-left: 3px; cursor: pointer; } /* tag */ #hashTag { width: 100%; max-width: 160px; border: 1px solid #B3BFD1;} #tagDiv0 { width: 100%; height: 48px; overflow-y: scroll; display: flex; flex-wrap: wrap; margin-top: 2px; } #tagDiv0 .subDiv { background-color:#e0eaf1; color:#46799b; margin-right:5px; margin-top: 4px; padding: 0 4px; border-radius: 4px; height: 20px; line-height: 20px; } #tagDiv0 .subDiv span { margin-left: 4px; cursor: pointer; } /*서비스신청관리 - sys00510*/ .sys00510 input:checked ~ .btn.extraChk { background: #389cfc url(../../images/web/icon/extraServiceChkOn.svg) no-repeat; background-position: 22px center;} .sys00510 .serviceSection { background: url(../../images/web/img/sys00510.png) no-repeat; padding: 110px 45px 0px; } .sys00510 .serviceSection .sysDate { width: fit-content; margin: 0 auto; text-align: right; color: #fff; margin-bottom: 30px; } .sys00510 .serviceSection .sysDate p { padding-bottom: 6px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; border-bottom: 6px solid #fff; margin-bottom: 6px; } .sys00510 .serviceList { display: flex; justify-content: space-between; } .sys00510 .serviceList li { background: #f7fbfd; border: 2px solid #AABDDC; border-radius: 10px; flex: 1; margin-left: 10px; text-align: center; padding: 30px 0; color: #444; font-size: 14px; box-shadow: 0px 4px 8px 0px #4E566D40; } .sys00510 .serviceList li:first-child { margin-left: 0; } .sys00510 .serviceList li label { display: inline-block; font-size: 18px; color: #389cfc; font-weight: bold; margin-bottom: 26px; } .sys00510 .serviceList li p.txt { font-size: 12px; margin-top: 18px; font-weight: normal; } .sys00510 .serviceList .select_label { background-image: url(../../images/web/input/sys_select_off.png); background-position: left 70%; } .sys00510 .serviceSection #service_type1:checked ~ .serviceList .select_label[for="service_type1"] { background-image: url(../../images/web/input/sys_select_on.png); color: #fff; } .sys00510 .serviceSection #service_type2:checked ~ .serviceList .select_label[for="service_type2"] { background-image: url(../../images/web/input/sys_select_on.png); color: #fff; } .sys00510 .serviceSection #service_type4:checked ~ .serviceList .select_label[for="service_type4"] { background-image: url(../../images/web/input/sys_select_on.png); color: #fff; } .sys00510 #service_type1:checked ~ .serviceList li.service_type1 { background: #4488FB; color: #fff; font-weight: bold; } .sys00510 #service_type2:checked ~ .serviceList li.service_type2 { background: #4488FB; color: #fff; font-weight: bold; } .sys00510 #service_type4:checked ~ .serviceList li.service_type4 { background: #4488FB; color: #fff; font-weight: bold; } .sys00510 .termination { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; font-size: 12px; color: #6A6A6A; line-height: 18px; border-bottom: 2px solid #a2afbb; } .sys00510 .termination p { position: relative; padding-left: 10px; } .sys00510 .termination p:before { content: "·"; position: absolute; font-size: 30px; top: -3px; left: 0; } .sys00510 .termination #btn_do { background: #a2afbb; width: 132px; line-height: 72px; text-align: center; border-radius: 4px; cursor: pointer; color: #fff; font-size: 20px; font-weight: bold; } .sys00510 .extraSection { padding: 80px 45px; } .sys00510 .extraSection .sub_title_wrap { margin-top: 0; justify-content: flex-start; } .sys00510 .extraSection .sub_title_wrap span { color: #6A6A6A; margin-left: 10px; } .sys00510 .extraService { width: 100%; table-layout: fixed; font-size: 12px; } .sys00510 .extraService td { padding: 15px 20px; border: 1px solid #eaeaea; color: #6A6A6A; line-height: 1.5; } .sys00510 .extraService td:nth-child(1) { border-left: none; } .sys00510 .extraService td:nth-child(3) { border-right: none; text-align: center; } .sys00510 .extraService .extraTitle div { display: flex; align-items: center; font-size: 14px; } .sys00510 .extraService .extraTitle div img { margin-right: 10px; } .sys00510 .extraService .betaRow { background: #F2F2F2; } .sys00510 .extraService .betaRow .btn { cursor: auto; opacity: 0.4; } .sys00510 .extraService .btn { display: inline-block; width: 90px; height: 27px; line-height: 27px; background: #A2AFBB; text-align: center; border-radius: 4px; color: #fff; cursor: pointer; } .sys00510 .extraService .extraType { font-size: 11px; font-weight: bold; color: #13BE24; display: block; } .sys00510 .extraService .extraType.beta { color: #F3792A; } .sys00510 .btn.extraChk { background: #389cfc url(../../images/web/icon/extraServiceChk.svg) no-repeat; background-position: 22px center; padding-left: 10px; } .sys00510 .support { padding: 0 45px; } .sys00510 .support .btn { display: inline-block; width: 90px; height: 27px; line-height: 27px; background: #A2AFBB; text-align: center; border-radius: 4px; color: #fff; cursor: pointer; } .sys00510 .support .underLineTitle .btn:before { content: ""; position: absolute; width: 8px; height: 100%; background: #fff; left: -8px; } .sys00510 .settingWrap { display: flex; align-items: center; margin-top: 15px; } .sys00510 .settingWrap .settingBox { background: #F7FBFD; border: 1px solid #AABDDC; border-radius: 10px; text-align: center; width: 50%; margin-right: 14px; padding: 30px 0; box-shadow: 0px 4px 8px 0px #4E566D40; } .sys00510 .settingWrap .settingBox:nth-child(2) { margin-right: 0; } .sys00510 .settingWrap .settingBox label { font-size: 18px; font-weight: bold; padding-left: 16px; background-position: left 60%; } .sys00510 .settingWrap .settingBox p { font-size: 14px; color: #444; margin-top: 26px; margin-bottom: 18px; font-weight: bold; } .sys00510 .settingWrap .settingBox span { font-size: 12px; color: #444; } .sys00510 #payList { margin-bottom: 10px; } .sys00510 #payList li { font-weight: bold; display: flex; align-items: center; justify-content: space-between; padding: 18px 30px; border-bottom: 1px solid #eaeaea; color: #3D4B53; } .sys00510 #payList li:first-child { border-top: 2px solid #A2AFBB; } .sys00510 #payList li:last-child { border-bottom: 2px solid #A2AFBB; } .sys00510 #payList li p { font-size: 14px } .sys00510 #payList li div { font-size: 16px; } .sys00510 .paymentSection > p { font-size: 18px; font-weight: bold; color: #1167ff; margin-bottom: 10px; margin-top: 30px; } .sys00510 .payment { border-top: 2px solid #A2AFBB; border-bottom: 2px solid #A2AFBB; font-size: 16px; font-weight: bold; color: #3D4B53; } .sys00510 .payment > div { display: flex; align-items: center; justify-content: space-between; padding: 14px 30px; } .sys00510 .payment > div.total { color: #1167ff; border-bottom: 1px solid #EAEAEA; } .sys00510 .payment label { font-size: 16px; color: #3d4b53; font-weight: normal; margin-right: 0; margin-left: 30px; padding-left: 14px; background-position: left center; } .sys00510 .btnArea #btnPay { line-height: 50px; height: 50px; background: #389cfc; font-size: 15px; font-weight: bold; padding: 0 24px; border: none; } .sys00510 .txtArea { display: flex; color: #6A6A6A; font-size: 14px; } .sys00510 .txtArea span { font-size: 14px; font-weight: bold; margin-right: 20px; } /*일정등록 색상선택 */ .calendarChg .calendarColor { display: inline-block; width: 30px; height: 15px; border: 1px solid #CDD9E4; cursor: pointer; } .calendarChg .calendarColor.on { border: 1px solid #2e2e2e; } /*memo_color*/ .cal_color_00 { background: #85B1F2; } .cal_color_01 { background: #44D6CD; } .cal_color_02 { background: #49DA83; } .cal_color_03 { background: #9EACC9; } .cal_color_04 { background: #E888D8; } /* 구글캘린더 guide */ .gooCalGuide { padding : 30px; } .gooCalGuide .page_title { margin-right : auto; } .gooCalGuide .page_title_wrap { margin-bottom : 24px; } .gooCalGuide .title { font-size : 14px; font-weight : bold; line-height : 150%; } .gooCalGuide .content { font-size : 14px; line-height : 150%; } .gooCalGuide .w100 { margin-top : 10px; } .gooCalGuide .section { margin-bottom : 30px; } .gooCalGuide #gooCalGo .btn_s { display : flex; align-items : center; height : 28px; background : #405C86; font-weight: bold; font-size: 13px; padding: 7px 11px; } .gooCalGuide #gooCalGo img { width : 18px; height : 18px; } .gooCalGuide .pointBtn { width : 16px; height : 16px; } /* 프로랜서 사업장 개설 prl00160 */ .prl00160 .table_section .detail_table2:last-child { margin-bottom: 40px; } .prl00160 .detail_table2 .flex, .lnd00180 .detail_table2 .fl-b, .lnd00180 .detail_table2 .fl-jc { gap: 5px; } .prl00160 .detail_table2 .flex input { width: 50%; } .prl00160 .detail_table2 .address { border-bottom: 2px solid #AAB5C6; } .prl00160 .detail_table2 tr.section_id { height: 100px; } .prl00160 .detail_table2 tr.section_id td > div { height: 78px; } .prl00160 .detail_table2:last-child tr:last-child .flex p { margin-right: 40px; } .prl00160 .section_desc { background: #EEF1F2; padding: 18px 20px; border-radius: 10px; font-size: 14px; } .prl00160 .btn#btnSave { display: flex; justify-content: center; align-items: center; background: #4356BE; width: 150px; height: 38px; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; color: #fff; line-height: 1; } /* 프로랜서 스테이션 - prl00030*/ /* 스테이션 초기화면*/ .prl00030 .station_intro{margin-top:20px;font-family:'Nanum Square';} .prl00030 .station_intro .station_btn1{position:absolute;bottom:243px;left:360px;display:inline-block;width:210px;height:50px;text-indent:-9999px;background:url(../images/tax_station_btn1.png) no-repeat 0 0;} .prl00030 .station_intro .station_btn2{position:absolute;bottom:92px;right:235px;display:inline-block;width:82px;height:30px;text-indent:-9999px;background:url(../images/tax_station_btn2.png) no-repeat 0 0;} .prl00030 .station_intro .station_btn3{position:absolute;bottom:243px;left:580px;display:inline-block;width:170px;height:50px;text-indent:-9999px;background:url(../images/tax_station_btn3.png) no-repeat 0 0;} /* 스테이션 */ .prl00030 .station_search {width:100%;} .prl00030 .station_search:after{content:"";display:block;clear:both;} .prl00030 .station_search .tit{float:left;font-size:24px;color:#00949e;} .prl00030 .station_search .tit span{font-size:28px;font-family:'Nanum Square Bold';} .prl00030 .station_search .tag_i{position:absolute;top:50px;;right:390px;font-size:17px;color:#666;} .prl00030 .station_search .tag_i span{margin-right:10px;} .prl00030 .station_search .tag_i span img{height:20px;position:relative;top:4px;} .prl00030 .station_search .search{float:right;} .prl00030 .station_search .search input{position:absolute;right:24px;width:350px;height:40px;font-size:14px;color:#272727;margin-left:0;padding:0 30px 0 12px;-webkit-appearance:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#fff;border:1px solid #dadada;} .prl00030 .station_search .search button{position:relative;right:-5px;top:-1px;width:40px;height:38px;cursor:pointer;text-indent:-5000px;background:#fff url(../../images/web/juso/btn-search02.png) no-repeat right 10px top 50%;margin-top:2px;border-left:1px solid #eaeaea;} .prl00030 .station_bx{position:relative;top:20px;width:99%;height:auto;float:left;} .prl00030 .station_bx > li{float:left;width:23%;height:70px;padding:12px 0 10px;margin:5px;font-size:14px;line-height:24px;letter-spacing:-1.3px;color:#575757;background:#f9f9f9;border:1px solid #e3e3e3;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .prl00030 .station_bx > li > p{margin:0 12px 0 12px;} .prl00030 .station_bx > li > p.biz{font-size:18px;margin-bottom:5px;font-weight: bold;} .prl00030 .title_part {width: 99%; font-size: 15px; border-bottom: 1px solid #b9b9b9; padding-top:5px; padding-bottom:5px; padding-left:5px;} .prl00030 .toolTip {z-index:999; background-color:#fff; border-radius: 5px; border: 1px solid #c1d1d5; border-image: none; height:100px; width:200px; float:left; position:relative; top:15px; left:40px; box-shadow:1px 1px 1px #d7d7d7;} .prl00030 .toolTip > p{width:170px; margin:0 auto; padding-bottom:3px; font-family:돋움; font-size:12px;} /********* 12.14 new **********/ .df-fr {display: flex; flex-direction: row;} .lnd02310 {max-width: 1660px;} .lnd02310 .section_title { display: flex; flex-direction: row; margin-bottom: 36px;} .lnd02310 .lnd02310_title { font-size: 22px; font-weight: bold; color: #1f1f1f; } .lnd02310 .section_contents { display: flex; flex-direction: row; width: 100%; } .lnd02310 .section_contents .section_half01 { display: flex; flex-direction: column; width: 49%; } .lnd02310 .section_contents .section_half01 .section_half01_title p { font-size: 16px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px;} .lnd02310 .section_contents .section_half02 { width: 51%; } .lnd02310 .section_contents .section_half02 .section_half02_title p { font-size: 18px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px;} .lnd02310 .section_contents .section_half02 .section_half02_desc_01 { margin-bottom: 12px; } .lnd02310 .section_contents .section_half02 .section_half02_desc_01 > p { padding-left:20px; line-height: 140%; font-size: 16px; font-weight: 400; } .lnd02310 .section_contents .section_half02 .section_half02_desc_01 ul { margin-left: 35px; } .lnd02310 .section_contents .section_half02 .section_half02_desc_01 ul li { font-size: 16px; font-weight: normal; color: #333; list-style: disc;} .lnd02310 .section_contents .section_half02 .section_half02_desc_01 ul li span { font-weight: bold;} .lnd02310 .section_contents .section_half02 .checkbox_label {padding-left: 10px;} .lnd02310 .section_half02 .section_bg { background: #F4F4F4; padding: 25px 32px; border-radius: 8px; } .lnd02310 .section_half02 .section_agree { display: flex; flex-direction: column; gap: 10px; margin-top: 20px;} .lnd02310 .section_half02 .section_agree .agree_row { display: flex; flex-direction: row; justify-content: center;} .lnd02310 .section_half02 .section_agree input { display: block;} .lnd02310 .section_half02 .section_agree label { color: #333333; font-size: 14px;} .lnd02310 .section_half02 .btn { display: flex; justify-content: center; align-items: center; background: #4356BE; height: 30px; padding: 0 10px; border-radius: 4px; color: #fff; cursor: pointer; } .lnd02310 .section_half02 .btn.btn_pay { height: 38px; padding: 0 16px; font-size: 16px; font-weight: bold; width: 230px; margin: 0 auto; margin-top: 5px;} /*****솔루션 관리*****/ .lnd02315 .section_title {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: flex-start; margin-bottom: 20px;} .lnd02315 { max-width: 1360px;} .lnd02315 .sub_title_wrap .title {padding-left: 5px;} .lnd02315 .section_title .lnd02310_2_title {font-size: 22px; font-weight: bold; color:#1f1f1f;} .lnd02315 .section_contents .section_half01 .section_half01_title img {margin-right: 5px;} .lnd02315 .section_contents .section_half01 .section_half01_title p { font-size: 15px; font-weight: bold; color: #1f1f1f;} .lnd02315 .section_contents { display: flex; flex-direction: row;} .lnd02315 .section_contents .section_half01 .section_half01_title { display: flex; flex-direction: row; margin-bottom: 15px;} .lnd02315 .section_contents .section_half01 .section_half01_frame { width: 707px; background-color: #eef1f2; border-radius: 8px; display: flex; flex-direction: row; height: 65px; vertical-align: middle; align-items: center; } .lnd02315 .section_contents .section_half01 .section_half01_frame .day { margin-left: 30px; font-size: 14px; font-weight: bold; color: #1a1a1a;} .lnd02315 .section_contents .section_half01 .section_half01_frame .card_name { margin-left: 30px; font-size: 14px; font-weight: bold; color: #1a1a1a; } .lnd02315 .section_contents .section_half01 .section_half01_frame .btn_change { margin-left: 270px; background-color: #23397a; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; border-radius: 50px; padding: 10px 17px; cursor: pointer;} .lnd02315 .section_contents .section_half01 { max-width: 707px; width: 100%; margin-right: 40px;} .lnd02315 .section_contents .section_half01 .sub_title_wrap { display: flex; flex-direction: row; justify-content: space-between; margin-top: 30px; margin-bottom: 15px; height: 15px;} .lnd02315 .section_contents .section_half01 .sub_title_wrap .title {font-size: 15px; font-weight: bold; color: #1f1f1f; font-family: 'Noto Sans KR', sans-serif;} .lnd02315 .section_contents .section_half01 .sub_title_wrap span {font-size: 14px; font-weight: normal; color: #ed2727;} .lnd02315 .section_contents .section_half01 .list_table_wrap {width: 100%;} .lnd02315 .section_contents .section_half01 .list_table_wrap .list_table_content {width: 100%; height: 32px; border-bottom: 1px solid #D2DBE9;} .lnd02315 .section_contents .section_half01 .list_table_wrap .list_table_content tbody tr td {border-right: 1px solid #cdd9e4; text-align: center; border-bottom: 1px solid #cdd9e4;} .lnd02315 .section_contents .section_half01 .list_table_wrap .list_table_content tbody tr td:last-child {border-right: none; text-align: right;} .lnd02315 .section_contents .section_half01 .list_table_wrap .list_table_content tbody tr {height: 37px;} .lnd02315 .section_contents .section_half01 .list_table_wrap .list_table_header .list_table th {font-size: 14px; font-weight: 500; color: #1f1f1f; text-align: center;} .lnd02315 .section_contents .section_half01 .list_table_wrap .inner_table_wrap .list_table_content td {font-size: 13px; font-weight: normal; color: #424242; text-align: center;} .lnd02315 .section_contents .section_half02 .section_half02_btn {background-color: #727786; max-width: 150px; width: 100%; text-align: center; padding: 11px 36px; border-radius: 4px; cursor: pointer;} .lnd02315 .section_contents .section_half02 .section_half02_btn span {font-size: 16px; color: #ffffff;} .lnd02315 .section_contents .section_half02 .section_half02_frame {margin-bottom: 20px;} .lnd02315 .section_contents .section_half02 {display: flex; flex-direction: column; vertical-align: middle; align-items: flex-end;} /* -------------- 24. 12. 04 / 프로랜서 교육 신청 new --------------------- */ .prl00170 .section_title { margin-bottom: 24px; } .prl00170 .section_contents { background: #eff2f6; padding: 16px; border-radius: 8px; } .prl00170 .section_contents ul li { position: relative; padding-left: 15px; font-size: 16px; } .prl00170 .section_contents ul li:before { content: ""; position: absolute; top:9px; left: 1px; background: #1F1F1F; width:5px; height: 5px; border-radius: 50%; } .prl00170 .section_main .title_sub { margin-top: 32px; font-size: 20px; font-weight: 700; color: #1F1F1F; } .prl00170 .section_main .title_sub span { padding-left: 20px; font-size: 14px; font-weight: 400; } .prl00170 .section_main .title_sub span.txt_red { color: #f00; } .prl00170 .section_main .section_education { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .prl00170 .section_main .section_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; background: #EFF2F6; padding: 10px; border-radius: 10px; font-size: 14px; } .prl00170 .section_main .section_wrap > img { width: 248px; height: 180px; } .prl00170 .section_main .section_wrap > .date { font-size: 18px; font-weight: 700; color: #1F1F1F; } .prl00170 .section_main .section_wrap > div:first-of-type { max-width: 248px; height: 50px; line-height: 140%; } .prl00170 .section_main .section_wrap > div > p { color: #000; } .prl00170 .section_main .section_wrap .btn_map { color: #727272; } .prl00170 .section_main .section_wrap_off { display:flex; justify-content: center; align-items: center; background: #EFF2F6; width: 100%; min-height: 404px; border-radius: 8px } .prl00170 .section_main .section_wrap_off p { font-size: 20px; color: #1F1F1F; } .prl00170 .area_btn{ display: flex; } .prl00170 .canc_btn { background: #5C5C5C; width: 100%; padding: 12px 0; border-radius: 4px; text-align: center; font-size: 14px; font-weight: 700; color: #FFF; cursor: pointer; } .prl00170 .canc_btn.bg_blue { background: #4870FF; } .prl00170 .canc_btn.bg_white { background: #5C5C5C; opacity: 0.3; } .prl00170 .section_main .btn_wrap { display: flex; justify-content: center; align-items: center; } .prl00170 .section_main .btn_wrap .comple_btn { background: #1880E2; padding: 5px 8px; border-radius: 4px; text-align: center; font-size: 12px; font-weight: 700; color: #EFF2F6 } .prl00170 .section_main .btn_wrap .comple_btn.bg_green { background: #00AF51; } .prl00170 .section_main .btn_wrap .comple_btn.bg_gray { background: #909090; } .prl00170 .section_main .btn_wrap span:last-child { padding-left: 8px; font-size: 14px; color: #000; } .prl00170 .section_main .section_bottom { margin-top: 32px; } .prl00170 .section_main .section_bottom p { font-size: 16px; font-weight: 700; } .prl00170 .section_main .section_bottom p > span { padding-right: 8px; font-size: 20px; } /* 예약 신청 팝업 */ .prl00170Pop .popup_inner { min-width: 470px; } .prl00170Pop .page_title_wrap { margin-bottom: 24px; font-size: 20px; } .prl00170Pop .page_title_wrap i { cursor: pointer; } .prl00170Pop .popup_inner > .flex { flex-direction: column; align-items: flex-start; width: 100%; gap: 24px; } .prl00170Pop .flex > p { font-size: 16px; font-weight: 700; line-height: 150%; } .prl00170Pop .flex > p > span { font-weight: 400; } .prl00170Pop .flex #map { width: 100%; border: 1px solid #ddd; height: 230px; } .prl00170Pop .cmn_input { width: 100%; } .prl00170Pop .cmn_input .section_frame { width: 100%; margin-bottom: 16px; } .prl00170Pop .cmn_input .section_frame:last-child { margin-bottom: 0; } .prl00170Pop .cmn_input .title { display: inline-block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #4A5E76; } .prl00170Pop .cmn_input input[type="text"] { width: 100%; height: 40px; border: 1px solid #99A9BD; } .prl00170Pop .cmn_section_btn { margin-top: 0; } .prl00170Pop .cmn_section_btn .cmn_btn { display: flex; justify-content: center; align-items: center; background: #4870FF; width: 100%; height: 38px; font-size: 14px; } @media screen and (max-width: 375px){ .prl00170Pop .popup_inner { min-width: 338px; } .prl00170Pop .page_title_wrap { margin-bottom: 16px; } .prl00170Pop .page_title_wrap p { font-size: 16px; } .prl00170Pop .flex > p { font-size: 14px; } .prl00170Pop .flex #map { height: 172px; } } /*******웹사이트 관리******/ .lnd02320 {max-width: 1660px;} .lnd02320 .section_title { display: flex; flex-direction: row; margin-bottom: 36px;} .lnd02320 .lnd02310_title { font-size: 22px; font-weight: bold; color: #1f1f1f;} .lnd02320 .section_contents .section_half01 .section_half01_title p { font-size: 16px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px;} .lnd02320 .section_contents .section_half02 .section_half02_title p { font-size: 16px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half02 .section_half02_frame { margin-bottom: 20px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 { margin-bottom: 30px;} .lnd02320 .section_contents { display: flex; flex-direction: row;} .lnd02320 .section_contents .section_half01 { display: flex; flex-direction: column; margin-right: 40px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 ul li::before { top: 0; content: "▶"; font-size: 14px; color: #AAAAAA;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 ul li { font-size: 14px;font-weight: bold; color: #333;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul li span {font-weight: bold;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul {margin-left: 40px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul li { font-size: 14px; font-weight: normal; color: #333; list-style: disc; margin-bottom: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc01 p { font-size: 14px; font-weight: normal; color: #333; margin-left: 15px;line-height: 1.5;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc02 p {font-size: 14px; font-weight: normal; color: #333;margin-left: 15px;line-height: 1.5;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc03 p { font-size: 14px; font-weight: normal; color: #333; margin-left: 15px; line-height: 1.5;} .lnd02320 .section_half02 .section_agree {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;} .lnd02320 .section_half02 .section_agree .agree_row { display: flex; flex-direction: row;} .lnd02320 .section_half02 .section_agree input {display: block;} .lnd02320 .section_half02 .section_agree label { color: #333333; font-size: 14px;} .lnd02320 .section_half02 .btn { display: flex; justify-content: center; align-items: center; background: #4356BE; height: 30px; padding: 0 10px; border-radius: 4px; color: #fff; cursor: pointer; } .lnd02320 .section_half02 .btn.btn_pay { height: 38px; padding: 0 16px; font-size: 16px; font-weight: bold; width: 224px; } .lnd02320 .section_contents .section_half02 .section_half02_frame input {display: block;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox {display: flex; flex-direction: row; justify-content: space-between;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox .upload-name { display: inline-block; height: 30px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; max-width: 489px; width: 100%; border-radius: 4px;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox label { display: flex; padding: 10px; color: #fff; vertical-align: middle; background-color: #4356BE; cursor: pointer; height: 30px; font-size: 12px; font-weight: normal; flex-direction: column; align-items: center; justify-content: center; border-radius: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;} .lnd02320 .section_contents .section_half02 {max-width: 563px; width: 100%;} .lnd02320 .section_contents .section_half02 .section_half02_title {max-width: 472px; width: 100%;} .lnd02320 .section_contents .section_half02 .section_half02_title p span:last-child {font-size: 14px; color: #333333; font-weight: normal; margin-left: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_title p span:first-child{font-size: 16px; color: #1f1f1f; font-weight: bold; flex-grow: 50;} .lnd02320 .section_contents .section_half02 .section_half02_title p img {flex-grow: 0;} .lnd02320 .section_contents .section_half03_frame input { width: 100%; height: 30px; background-color: #edf0f3; border: none;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title span:first-child {font-size: 16px; font-weight: bold; color: #1f1f1f; margin-right: 10px;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title span:last-child {font-size: 14px; font-weight: normal; color: #333333;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title img {margin-right: 5px;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title p { margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half04 .section_half04_frame {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_a .temp_a_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_b .temp_b_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_c .temp_c_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_a .temp_a_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_b .temp_b_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_c .temp_c_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_title span:first-child {font-size: 16px; font-weight: bold; color: #1f1f1f; margin-right: 10px;} .lnd02320 .section_contents .section_half04 .section_half04_title span:last-child {font-size: 14px; font-weight: normal; color: #333333;} .lnd02320 .section_contents .section_half04 .section_half04_title img {margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_title p { margin-top: 30px; margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half02 .domain_caution p:last-child {text-indent:18px;} .lnd02320 .section_contents .section_half02 .domain_caution p {font-size: 14px; font-weight: normal; color: #1a1a1a;} .lnd02320 .section_contents .section_half02 .domain_caution {margin-top: 30px;} .lnd02320 .section_contents .section_half02 .btn_div {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: flex-end; margin-top: 70px;} /*********프로랜서***************/ /*******웹사이트 관리******/ .lnd02320 {max-width: 1660px;} .lnd02320 .section_title { display: flex; flex-direction: row; margin-bottom: 36px;} .lnd02320 .lnd02310_title { font-size: 22px; font-weight: bold; color: #1f1f1f;} .lnd02320 .section_contents .section_half01 .section_half01_title p { font-size: 16px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px;} .lnd02320 .section_contents .section_half02 .section_half02_title p { font-size: 16px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half02 .section_half02_frame { margin-bottom: 20px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 { margin-bottom: 30px;} .lnd02320 .section_contents { display: flex; flex-direction: row;} .lnd02320 .section_contents .section_half01 { display: flex; flex-direction: column; margin-right: 40px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 ul li::before { top: 0; content: "▶"; font-size: 14px; color: #AAAAAA;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 ul li { font-size: 14px;font-weight: bold; color: #333;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul li span {font-weight: bold;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul {margin-left: 40px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul li { font-size: 14px; font-weight: normal; color: #333; list-style: disc; margin-bottom: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc01 p { font-size: 14px; font-weight: normal; color: #333; margin-left: 15px;line-height: 2.0;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc02 p {font-size: 14px; font-weight: normal; color: #333;margin-left: 15px;line-height: 1.5;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc03 p { font-size: 14px; font-weight: normal; color: #333; margin-left: 15px; line-height: 2.0;} .lnd02320 .section_half02 .section_agree {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;} .lnd02320 .section_half02 .section_agree .agree_row { display: flex; flex-direction: row;} .lnd02320 .section_half02 .section_agree input {display: block;} .lnd02320 .section_half02 .section_agree label { color: #333333; font-size: 14px;} .lnd02320 .section_half02 .btn { display: flex; justify-content: center; align-items: center; background: #4356BE; height: 30px; padding: 0 10px; border-radius: 4px; color: #fff; cursor: pointer; } .lnd02320 .section_half02 .btn.btn_pay { height: 38px; padding: 0 16px; font-size: 16px; font-weight: bold; width: 224px; } .lnd02320 .section_contents .section_half02 .section_half02_frame input {display: block;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox {display: flex; flex-direction: row; justify-content: space-between;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox .upload-name { display: inline-block; height: 30px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; max-width: 489px; width: 100%; border-radius: 4px;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox label { display: flex; padding: 10px; color: #fff; vertical-align: middle; background-color: #4356BE; cursor: pointer; height: 30px; font-size: 12px; font-weight: normal; flex-direction: column; align-items: center; justify-content: center; border-radius: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;} .lnd02320 .section_contents .section_half02 {max-width: 563px; width: 100%;} .lnd02320 .section_contents .section_half02 .section_half02_title {max-width: 472px; width: 100%;} .lnd02320 .section_contents .section_half02 .section_half02_title p span:last-child {font-size: 14px; color: #333333; font-weight: normal; margin-left: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_title p span:first-child{font-size: 16px; color: #1f1f1f; font-weight: bold; flex-grow: 50;} .lnd02320 .section_contents .section_half02 .section_half02_title p img {flex-grow: 0;} .lnd02320 .section_contents .section_half03_frame input { width: 100%; height: 30px; background-color: #edf0f3; border: none;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title span:first-child {font-size: 16px; font-weight: bold; color: #1f1f1f; margin-right: 10px;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title span:last-child {font-size: 14px; font-weight: normal; color: #333333;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title img {margin-right: 5px;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title p { margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half04 .section_half04_frame {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_a .temp_a_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_b .temp_b_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_c .temp_c_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_a .temp_a_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_b .temp_b_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_c .temp_c_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_title span:first-child {font-size: 16px; font-weight: bold; color: #1f1f1f; margin-right: 10px;} .lnd02320 .section_contents .section_half04 .section_half04_title span:last-child {font-size: 14px; font-weight: normal; color: #333333;} .lnd02320 .section_contents .section_half04 .section_half04_title img {margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_title p { margin-top: 30px; margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half02 .domain_caution p:last-child {text-indent:18px;} .lnd02320 .section_contents .section_half02 .domain_caution p {font-size: 14px; font-weight: normal; color: #1a1a1a;} .lnd02320 .section_contents .section_half02 .domain_caution {margin-top: 30px;} .lnd02320 .section_contents .section_half02 .btn_div {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: flex-end; margin-top: 70px;} /****웹사이트 신청***/ .lnd02320 {max-width: 1660px;} .lnd02320 .section_title { display: flex; flex-direction: row; margin-bottom: 36px;} .lnd02320 .lnd02310_title { font-size: 22px; font-weight: bold; color: #1f1f1f;} .lnd02320 .section_contents .section_half01 .section_half01_title p { font-size: 16px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px;} .lnd02320 .section_contents .section_half02 .section_half02_title p { font-size: 16px; font-weight: bold; color: #1a1a1a; margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half02 .section_half02_frame { margin-bottom: 20px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 { margin-bottom: 30px;} .lnd02320 .section_contents { display: flex; flex-direction: row;} .lnd02320 .section_contents .section_half01 { display: flex; flex-direction: column; margin-right: 40px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 ul li::before { top: 0; content: "▶"; font-size: 14px; color: #AAAAAA;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 ul li { font-size: 14px;font-weight: bold; color: #333;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul li span {font-weight: bold;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul {margin-left: 40px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_02 ul li { font-size: 14px; font-weight: normal; color: #333; list-style: disc; margin-bottom: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc01 p { font-size: 14px; font-weight: normal; color: #333; margin-left: 15px;line-height: 2.0;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc02 p {font-size: 14px; font-weight: normal; color: #333;margin-left: 15px;line-height: 1.5;} .lnd02320 .section_contents .section_half02 .section_half02_desc_01 .desc03 p { font-size: 14px; font-weight: normal; color: #333; margin-left: 15px; line-height: 2.0;} .lnd02320 .section_half02 .section_agree {display: flex; flex-direction: column; gap: 10px; margin-top: 20px;} .lnd02320 .section_half02 .section_agree .agree_row { display: flex; flex-direction: row;} .lnd02320 .section_half02 .section_agree input {display: block;} .lnd02320 .section_half02 .section_agree label { color: #333333; font-size: 14px;} .lnd02320 .section_half02 .btn { display: flex; justify-content: center; align-items: center; background: #4356BE; height: 30px; padding: 0 10px; border-radius: 4px; color: #fff; cursor: pointer; } .lnd02320 .section_half02 .btn.btn_pay { height: 38px; padding: 0 16px; font-size: 16px; font-weight: bold; width: 224px; } .lnd02320 .section_contents .section_half02 .section_half02_frame input {display: block;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox {display: flex; flex-direction: row; justify-content: space-between;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox .upload-name { display: inline-block; height: 30px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; max-width: 489px; width: 100%; border-radius: 4px;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox label { display: flex; padding: 10px; color: #fff; vertical-align: middle; background-color: #4356BE; cursor: pointer; height: 30px; font-size: 12px; font-weight: normal; flex-direction: column; align-items: center; justify-content: center; border-radius: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_frame .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;} .lnd02320 .section_contents .section_half02 {max-width: 563px; width: 100%;} .lnd02320 .section_contents .section_half02 .section_half02_title {max-width: 472px; width: 100%;} .lnd02320 .section_contents .section_half02 .section_half02_title p span:last-child {font-size: 14px; color: #333333; font-weight: normal; margin-left: 3px;} .lnd02320 .section_contents .section_half02 .section_half02_title p span:first-child{font-size: 16px; color: #1f1f1f; font-weight: bold; flex-grow: 50;} .lnd02320 .section_contents .section_half02 .section_half02_title p img {flex-grow: 0;} .lnd02320 .section_contents .section_half03_frame {display: flex; flex-direction: row;} .lnd02320 .section_contents .section_half03_frame input { width: 100%; height: 30px; background-color: #fff; border: 1px solid #d5dee8;} .lnd02320 .section_contents .section_half03_frame .domain_2care {font-size: 16px; font-weight: bold; color: #333333; margin-left: 5px; margin-right: 20px; display: flex; justify-content: center; align-items: center;} .lnd02320 .section_contents .section_half03_frame .checking {padding: 10px; background-color: #4356be; text-align: center; border-radius: 3px; color: #fff; height: 30px; display: flex; flex-direction: column; vertical-align: middle; align-items: center; justify-content: center; max-width: 64px; width: 100%; text-wrap: nowrap; cursor: pointer;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title span:first-child {font-size: 16px; font-weight: bold; color: #1f1f1f; margin-right: 10px;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title span:last-child {font-size: 14px; font-weight: normal; color: #333333;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title img {margin-right: 5px;} .lnd02320 .section_contents .section_half03_desc_02 .section_half03_title p { margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half04 .section_half04_frame {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: space-between;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_a .temp_a_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_b .temp_b_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_c .temp_c_radio {display: flex; flex-direction: row; margin-bottom: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_a .temp_a_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_b .temp_b_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_frame .temp_c .temp_c_radio input {display: block; margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_title span:first-child {font-size: 16px; font-weight: bold; color: #1f1f1f; margin-right: 10px;} .lnd02320 .section_contents .section_half04 .section_half04_title span:last-child {font-size: 14px; font-weight: normal; color: #333333;} .lnd02320 .section_contents .section_half04 .section_half04_title img {margin-right: 5px;} .lnd02320 .section_contents .section_half04 .section_half04_title p { margin-top: 30px; margin-bottom: 15px; display: flex; flex-direction: row; vertical-align: middle; align-items: center;} .lnd02320 .section_contents .section_half02 .domain_caution p:last-child {text-indent:18px;} .lnd02320 .section_contents .section_half02 .domain_caution p {font-size: 14px; font-weight: normal; color: #1a1a1a;} .lnd02320 .section_contents .section_half02 .domain_caution {margin-top: 30px;} .lnd02320 .section_contents .section_half02 .btn_div {display: flex; flex-direction: row; vertical-align: middle; align-items: center; justify-content: flex-end; margin-top: 70px;} /* -- 택스맵 신규 css ------------------------------------------------------------------------------------------------------------------ */ /* -- 페이지 타이틀 ------------------------------------------------------------------------------------------------------------------ */ .cmn_title_wrap { display: flex; justify-content: space-between; align-items: center; font-weight: 700; } .cmn_title_wrap > p { flex-shrink: 0;} .main_mg { margin-bottom: 16px; } .sub_mg { margin: 20px 0 10px; } .main_title01 { font-size: 1.8rem; } .main_title02 { font-size: 1.5rem; } .sub_title01 { font-size: 1.5rem; } .sub_title02 { font-size: 1.3rem; } .sub_title03 { font-size: 1rem; } .popup_title { font-size: 1.2rem; } .cmn_title_wrap.popup {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;} .cmn_title_wrap.popup i { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 20px; cursor: pointer; } .cmn_title_wrap.popup i.icon_close01 { background:#99AAC2; border-radius: 4px; color: #fff; } .cmn_title_wrap.popup i.icon_close02 { font-weight: 700; color: #1E1E1E; font-size: 22px; } /* -- 필수값 표시 등 기타 컴포넌트 ------------------------------------------------------------------------------------------------------------------ */ /* 붉은색 주의 문구 */ .caution { flex-shrink: 0; margin-top: 5px; font-size: 0.7rem; color: #F45962; } /* 필수값 표시 */ .req { position: relative; margin-right: 8px; } .req:after { position: absolute; right: -12px; top: 50%; left: unset; transform: translateY(-50%); content: "*"; width: 10px; height: 14px; font-size: 14px; color: #FF2E60; } /* 마크 */ .cmn_mark { display: flex; align-items: center; gap: 8px; } .cmn_mark span { background: #3348FF; width: 10px; height: 10px; border-radius: 50%; } .cmn_mark .bg_white01 { background: #dadada; } /* 배지 */ .cmn_badge { background: transparent; padding: 0 10px; border-radius: 12px; font-size: 1rem; color: #fff; } .cmn_badge.nbg01 { border: 1px solid #89FFD5 ; color: #89FFD5 } .cmn_badge.nbg02 { border: 2px solid #89FFD5 ; color: #89FFD5 ; font-weight: 700; } /* .cmn_badge.bg_red01 { background: #F90A0A;} */ /* .cmn_badge.bg_red01 { background: #F90A0A;} */ /* 리스트 */ .cmn_section_list { display: flex; flex-direction: column; align-items: flex-start; width: 100%; gap: 6px } .cmn_section_list > li { position: relative; width:100%; padding-left: 15px; } .cmn_section_list > li:before { position: absolute; top: 4px; left: 6px; content: ""; background: #00C999; width: 4px; height: 4px; border-radius: 50%; } /* tooltip */ .cmn_tooltip_wrap { display: inline-flex; align-items: center; gap: 6px; } .cmn_tooltip_wrap .cmn_tooltip { margin: 0; } .cmn_tooltip { position: relative; display: inline-block; width: fit-content; margin: 0 auto; line-height: 120%; cursor: pointer; } .cmn_tooltip > span { display: none; position: absolute; z-index: 9999; background: #F9FAFF; width: max-content; padding: 4px 10px; border: 1px solid #F0F3F9; border-radius: 4px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); text-align: left; font-size: 0.8rem; font-weight: 400; color: #1F2349; line-height: 150%; } .cmn_tooltip:hover > span { display: block; } /* tooltip posotion */ .cmn_tooltip > span.ct { left: 50%; transform: translateX(-50%); } .cmn_tooltip > span.lt { left: 0px; } .cmn_tooltip > span.rt { right: 0px; } .cmn_tooltip > span.top { bottom: 20px; } .cmn_tooltip > span.btm { top: 20px; } /* -- 버튼 >> .cmn_section_btn 클래스 필수 ------------------------------------------------------------------------------------------------------------------ */ .cmn_section_btn { display: flex; justify-content: flex-end; align-items: center; gap: 6px ; width: 100%; margin-top: 15px; } .cmn_section_btn .cmn_btn { flex-shrink: 0; background: #3B4FFF; min-width: 90px; padding: 0 10px; border: 1px solid #3B4FFF; border-radius: 4px; font-size: 0.938rem; font-weight: 500; color: #fff; cursor: pointer;} /* 클래스 추가용 버튼 (hide class로 컨트롤) */ .cmn_section_btn.flbtn .cmn_btn { display: flex; justify-content: center; align-items: center; height: 32px; } /* 스크립트용(show/hide) 버튼 */ .cmn_section_btn.blbtn .cmn_btn { display: block; line-height: 30px; text-align: center; } .cmn_section_btn.flbtn .cmn_btn.hide, .cmn_section_btn.blbtn .cmn_btn.hide { display: none; } /* 버튼 정렬 */ .cmn_section_btn.jus_srt { justify-content: flex-start; } .cmn_section_btn.jus_cen { justify-content: center; } /* 버튼 크기 */ .cmn_section_btn .cmn_btn.btn_s01 { height: 20px; line-height: 18px; min-width: initial; font-size: 0.5rem; } .cmn_section_btn .cmn_btn.btn_s02 { height: 24px; line-height: 22px; min-width: initial; font-size: 0.6rem; } .cmn_section_btn .cmn_btn.btn_s03 { height: 26px; line-height: 24px; min-width: initial; font-size: 0.7rem; } .cmn_section_btn .cmn_btn.btn_s04 { height: 44px; line-height: 42px; min-width: initial; font-size: 1rem; } /* 버튼 색상 */ .cmn_btn.btn_gray01 { background: #909AA9; border-color: #7a7a7a; } .cmn_btn.btn_gray02 { background: #3E4E66; border-color: #7a7a7a; } .cmn_btn.btn_gray03 { background: #9093b4; border-color: #9093b4; } .cmn_btn.btn_gray04 { background: #4d668b; border-color: #364458; } .cmn_btn.btn_gray05 { background: #494E74; border-color: #494E74; } .cmn_btn.btn_blue01 { background: #8593C3; border-color: #7a7a7a; } .cmn_btn.btn_blue02 { background: #7BA4CB; border-color: #5A7C9B; } .cmn_btn.btn_blue03 { background: #487ACC; border-color: #7a7a7a; } .cmn_btn.btn_white01, .cmn_btn.dis {background: #CED5DF; border-color: #ced5df;} .cmn_btn.btn_white02 { background: #fff; border-color: #494e74; color: #494E74; } /* -- 인풋 ------------------------------------------------------------------------------------------------------------------ */ .cmn_txt_label01 { font-size: 1rem; color: #3e4e66; } .cmn_txt_label02 { margin-bottom: 8px; font-size: 1rem; color: #3e4e66; } .cmn_check_label01 { background: url("../../images/common/module/check_off01.svg") no-repeat center left ; padding-left: 20px; color: #1F1F1F; line-height: 1.2rem; } /*line_height 넣기*/ input[type="checkbox"]:checked + .cmn_check_label01 { background: url("../../images/common/module/check_on01.svg") no-repeat center left ; color: #3348FF; } .cmn_radio_label01 { background: url("../../images/common/module/radio_off01.svg") no-repeat center left ; padding-left: 20px; color: #828282; line-height: 1.2rem; } input[type="radio"]:checked + .cmn_radio_label01 {background: url("../../images/common/module/radio_on01.svg") no-repeat center left; padding-left: 20px; color: #3348FF;} /* -- 테이블 ------------------------------------------------------------------------------------------------------------------ */ /*table_search_option*/ .table_opt { display: flex; align-items: center; height: 20px; gap: 6px; } /* .table_opt > * { margin-left: 5px; } */ .table_opt .search_word { position: relative; width: 190px; } .table_opt .search_word i { position: absolute; top: 4px; right: 6px; font-size: 0.8rem; font-weight: 700; cursor: pointer; } .table_opt .search_word input { padding-right: 20px; } /* .table_opt .search_word .reset_btn { height: 20px; } */ .table_opt .reset_btn { display: flex; justify-content: center; align-items: center; background: #A2AFBB; width: 20px; height: 20px; border-radius: 4px; font-size: 13px; color: #fff; cursor: pointer; } .table_opt .scrapTime { margin-left: 20px; font-size: 11px; color: #aaa; } /* table common style */ /*hover*/ .cmn_list_table tbody .hover_ > td { background: #E3E8FC!important; } .cmn_list_table tbody .hover_ > td:last-child { border-right: none; } /*select*/ .cmn_list_table tbody .select_ > td { background: #E3E8FC!important; } .cmn_list_table tbody .select_ > td:last-child { border-right: none; } /*check*/ .cmn_list_table tbody .checked_ > td { background: #E3E8FC!important; } .cmn_list_table tbody .checked_ > td:last-child { border-right: none; } /* table tr hover시 tr 배경색 변경 */ /* .selectable_ .highligh_ { background: #E3E8FC!important; } */ /* .selectable_ .highligh_ td { border-right: 1px solid #DFF9EE!important; font-weight: 700; color: #3E4E66; } */ /* td 안에 input이 readonly일 때 */ .cmn_list_table td.bg_rdntd, .cmn_detail_table td.bg_rdntd { background: #F8F8F8!important; } /* table 버튼 */ .cmn_list_table .pen_ { display: inline-block; width: 15px; height: 15px; background: url(../../images/common/table/pen.png) no-repeat; cursor: pointer; } .cmn_list_table .disabled_ { color: #aaa; } .cmn_list_table .point_ { display: inline-block; width: 15px; height: 15px; background: url(../../images/common/table/point_off.png) no-repeat; } .cmn_list_table .point_.on { background: url(../../images/common/table/point.png) no-repeat; cursor: pointer; } .cmn_list_table #btnTr { background: #909aa9; text-align: center; color: #fff; cursor: pointer; } .cmn_detail_table i, .cmn_list_table i { display: flex; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer; } .cmn_detail_table .icon_search01, .cmn_list_table .icon_search01 { background: #8593C3; width: 20px; height: 20px; font-size: 11px; font-weight: 700; color: #fff; } .cmn_detail_table .icon_add01, .cmn_list_table .icon_add01 { background: #8593C3; width: 20px; height: 20px; font-size: 11px; color: #fff; } .cmn_detail_table .icon_close01, .cmn_list_table .icon_close01 { background: #8593C3; width: 20px; height: 20px; font-size: 11px; color: #fff; } .cmn_detail_table .icon_delete01, .cmn_list_table .icon_delete01 { background: #8593C3; width: 20px; height: 20px; font-size: 11px; color: #fff; } .cmn_detail_table .icon_edit02, .cmn_list_table .icon_edit02 { background: #8593C3; width: 20px; height: 20px; font-size: 11px; color: #fff; } .cmn_detail_table .icon_menu02, .cmn_list_table .icon_menu02 { background: #8593C3; width: 20px; height: 20px; font-size: 11px; color: #fff; } .cmn_detail_table th .cmn_section_btn { display: inline-block; width: fit-content; margin: 0; } .cmn_detail_table th .cmn_btn { min-width: unset; } .cmn_list_table .cmn_btn.s01, .cmn_detail_table .cmn_btn.btn_s01 { height: 23px; font-size: 0.7rem; font-weight: 500; } .cmn_list_table .cmn_btn, .cmn_detail_table .cmn_btn { background: #8593C3; } .cmn_list_table input, .cmn_detail_table input { background-color: unset; width: 100%; height: 20px; } .cmn_list_table input[type=button], .cmn_detail_table input[type=button] { width: fit-content; } .cmn_list_table input.ipt_bdr01, .cmn_detail_table input.ipt_bdr01 { border: 1px solid #B3BFD1; } .cmn_list_table input:not(.date_input, .ipt_bdr01), .cmn_detail_table input:not(.date_input, .ipt_bdr01) { border: 1px solid transparent;} .cmn_list_table input:hover, .cmn_list_table input:focus .cmn_detail_table input:hover, .cmn_detail_table input:focus { border: 1px solid #389cfc; } .cmn_list_table input[readonly]:not(.date_input), .cmn_detail_table input[readonly]:not(.date_input) { border: 1px solid transparent;} .cmn_detail_table .input_wrap, .cmn_detail_table .tbl_btn, .cmn_list_table .input_wrap, .cmn_list_table .tbl_btn { display: flex; justify-content: center; align-items: center; width: 100%; gap: 4px; } .cmn_detail_table .input_wrap.sch, .cmn_detail_table .tbl_btn.sch, .cmn_list_table .input_wrap.sch, .cmn_list_table .tbl_btn.sch { justify-content: space-between; } .cmn_detail_table .input_wrap input, .cmn_detail_table .tbl_btn input, .cmn_list_table .input_wrap input, .cmn_list_table .tbl_btn input { width: 100%; border: 1px solid #B3BFD1; } .cmn_detail_table .input_wrap input[readonly]:not(.date_input), .cmn_detail_table .tbl_btn input[readonly]:not(.date_input), .cmn_list_table .input_wrap input[readonly]:not(.date_input), .cmn_list_table .tbl_btn input[readonly]:not(.date_input) { border: 1px solid transparent; } .cmn_detail_table .input_wrap i, .cmn_detail_table .tbl_btn i, .cmn_list_table .input_wrap i, .cmn_list_table .tbl_btn i { flex-shrink: 0; } /*table_sort : script 연계*/ .cmn_list_table_wrap .s_ico { position: relative; left: 4px; } .cmn_list_table_wrap .s_ico span { position: absolute; width: 7px; height: 10px; cursor: pointer; top: 50%; transform: translateY(-50%); background-position: center; background-image: url("/images/web/icon/icon_asc.png"); background-repeat: no-repeat; } .cmn_list_table_wrap .s_ico span.s_desc { transform: translateY(-50%) rotate(180deg); } /* table 여백 */ table .pd_8, .cmn_detail_table .pd_8, .cmn_list_table_wrap table .pd_8 { padding: 8px; } table .cmn_section_btn, .cmn_detail_table .cmn_section_btn, .cmn_list_table_wrap table .cmn_section_btn { justify-content: space-between; margin: 0; } .cmn_detail_table .nbdr, .cmn_list_table_wrap .cmn_list_table .nbdr, .cmn_list_table_wrap .cmn_list_table th.nbdr, .cmn_list_table_wrap .cmn_list_table td.nbdr { border-right: none; } /* table 합계 배경색 */ .cmn_list_table_wrap .tbg_blue01, .cmn_detail_table .tbg_blue01 { background: #E2ECF5; } /* table header */ .cmn_list_table_wrap .tbg_blue02, .cmn_detail_table .tbg_blue02 { background: #DAEBFF; } /* table blue */ .cmn_list_table_wrap .tbg_red01, .cmn_detail_table .tbg_red01 { background: #FFE9E9; } /* table red */ /* table 정렬 */ table .txl, .cmn_detail_table .txl, .cmn_list_table_wrap .txl { text-align: left!important; } table .txc, .cmn_detail_table .txc, .cmn_list_table_wrap .txc, .cmn_detail_table .empty_data, .cmn_list_table_wrap .empty_row, .cmn_list_table_wrap .empty_data { text-align: center!important; } table .txr, .cmn_detail_table .txr, .cmn_list_table_wrap .txr { text-align: right!important; } .cmn_list_table .cmn_section_input { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; gap: 4px; } /* detail_table (fix_height) */ .cmn_detail_table { table-layout: fixed; border-collapse: separate; border-spacing: 0 10px; width: 100%; text-align: left; font-size: 0.82rem; color: #1D1C2B; /* border-top: 2px solid #CFD6E0; border-bottom: 2px solid #CFD6E0; */ } .cmn_detail_table tr { height: 30px; } .cmn_detail_table th { background: #F0F3F9; padding: 0 8px; border: 1px solid #CFD6E0; border-right: none; font-weight: 500; } .cmn_detail_table td { background: #fff; padding: 0 8px; border: 1px solid #CFD6E0; } .cmn_detail_table td.nbd { width: 10px; padding: 0; border: none; } .cmn_detail_table .fileListWrap { height: 60px; } /* .cmn_detail_table th:last-child { border-right: none; } .cmn_detail_table td:last-child { border-right: none; } */ /* .cmn_detail_table textarea { border: 1px solid #CDD9E4; } textarea 한정 temp .cmn_detail_table textarea[readonly] { border: none; } textarea 한정 temp */ /* list_table */ .cmn_list_table_wrap { border-top: 2px solid #CFD6E0; border-bottom: 2px solid #CFD6E0; } .cmn_list_table_wrap.nbd { border-top: none; border-bottom: none; } .cmn_list_table_wrap.tblo_auto .list_table_header, .cmn_list_table_wrap.tblo_auto .inner_table_wrap, .cmn_list_table_wrap.tblo_auto .list_table_footer { overflow-x: auto; } .cmn_list_table_wrap.tblo_auto .list_table_header, .cmn_list_table_wrap.tblo_auto .inner_table_wrap { -ms-overflow-style: none; scrollbar-width: none; } .cmn_list_table_wrap.tblo_auto .list_table_footer { background: #F9FAFF; } .cmn_list_table_wrap .list_table_header { background: #F0F3F9; padding-right: 8px; border-bottom: 2px solid #CFD6E0; } .cmn_list_table_wrap .inner_table_wrap { height: 230px; overflow-y: scroll; } .cmn_list_table_wrap .cmn_list_table { border: none; } .cmn_list_table_wrap .cmn_list_table thead tr { border: none; } .cmn_list_table_wrap .list_table_footer { padding-right: 8px; border-top: 2px solid #CFD6E0; } .cmn_list_table_wrap .list_table_footer table tr { border-top: none; background: #fff; } .cmn_list_table_wrap .list_table_footer table tr:nth-child(n+2) { border-top: 1px solid #CFD6E0; border-right: 1px solid #CFD6E0; } .cmn_list_table { table-layout: fixed; width: 100%; border-top: 2px solid #CFD6E0; border-bottom: 2px solid #CFD6E0; font-size: 0.75rem; color: #1D1C2B; } .cmn_list_table thead tr { background: #F0F3F9; height: 38px; border-bottom: 2px solid #CFD6E0; font-size: 0.88rem; } .cmn_list_table thead th { border-right: 1px solid #CFD6E0; font-weight: 700; } .cmn_list_table thead tr:nth-child(n+2) th { border-top: 1px solid #CFD6E0; border-right: 1px solid #CFD6E0; } .cmn_list_table thead tr:nth-child(2n) th:last-child { border-right: none; } .cmn_list_table thead th:last-child { border-right: none; } .cmn_list_table tbody tr { height: 26px; background: #fff; } .cmn_list_table tbody tr:nth-child(even) { background: #F9FAFF; } /* .cmn_list_table.nst tbody tr { background: #fff!important; } */ .cmn_list_table tbody td { padding: 0 8px; border-right: 1px solid #CFD6E0; border-bottom: 1px solid #CFD6E0; text-align: center; } .cmn_list_table tbody td:last-child { border-right: none; } .cmn_list_table tfoot tr { height: 30px; font-weight: 700; border-top: 2px solid #CFD6E0; } .cmn_list_table tfoot tr:nth-child(n+2) { border-top: 1px solid #CFD6E0; border-right: 1px solid #CFD6E0; } .cmn_list_table tfoot th { padding: 0 8px; border-right: 1px solid #CFD6E0; font-weight: 700; } .cmn_list_table tfoot th:last-child { border-right: none; } .nonStr .list_table tbody tr:nth-child(even) { background: #fff; }