@charset "utf-8"; /* layout ------------------------------------------------------------------------------------------------- */ .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .tal {text-align:left;} .tac {text-align:center;} .tar {text-align:right;} .vat {vertical-align: top;} .fc_red {color:red !important;} #company_page .body_header {background-color:#fefefe; border-bottom:1px solid #e2eaec; height:36px; padding:0 20px;} #company_page .body_header .location {font-size:0; line-height:36px;} #company_page .body_header .location span, #company_page .body_header .location strong {display:inline-block; vertical-align:middle; font-weight:normal; padding-left:26px; font-size:11px; position:relative; color:#333;} #company_page .body_header .location span::after, #company_page .body_header .location strong::after {content:""; width:5px; height:9px; margin-top:-5px; position:absolute; left:11px; top:50%; background:url(../../img/company/bul_arrow02.gif) no-repeat 0 0;} #company_page .body_header .location a {font-size:11px; display:inline-block; vertical-align:middle; background:url('../../img/company/ico_home01.gif') 0 center no-repeat; padding-left:20px; color:#848484;} #company_page .table_type01 {border:1px solid #ccc;} #company_page .table_type01 table {width:100%;} #company_page .table_type01 thead th {background-color:#eee; border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7; text-align:center; padding:5px 10px; color:#333;} #company_page .table_type01 tbody td {background-color:#f8f8f8; border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; text-align:center; padding:5px 10px; height:36px; box-sizing:border-box; color:#333;} #company_page .table_type01 tbody tr:first-child td {border-top:0;} #company_page .table_type01 tr th:first-child, #company_page .table_type01 tr td:first-child {border-left:0;} #company_page .table_type01 tr.nodata td {text-align:center; font-size:16px;} #company_page .table_type01 .tal {text-align:left;} #company_page .table_type01 .imp01 {color:#f00;} #company_page .table_type01 .ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #company_page .table_type01.emphasis {} #company_page .table_type01.emphasis thead th {font-size:15px; color:#666; background-color:#e1e1e1; padding:10px 10px 10px 35px; border-left:0;} #company_page .table_type01.emphasis thead th strong {color:#333;} #company_page .table_type01.emphasis tbody td {height:50px; padding-left:35px; font-size:15px; border-left:0;} #company_page .table_type02 {} #company_page .table_type02 table {width:100%;} #company_page .table_type02 th {font-size:18px; padding:10px 5px; color:#333;} #company_page .table_type02 td {font-size:18px; padding:10px 5px; text-align:right; color:#333;} #company_page .table_type02 td.won {font-size:13px; text-align:left;} #company_page .table_type02 tbody th {} #company_page .table_type02 tbody td {} #company_page .table_type02 tfoot th {border-top:1px solid #b6b6b6;} #company_page .table_type02 tfoot td {color:#f00; border-top:1px solid #b6b6b6;} #company_page .link {text-decoration:underline;} #company_page .dimmed {display:none; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0); z-index:999;} /* popup */ #company_page .popup_container {} #company_page .popup_container.layer {display:none; position:fixed; left:0; top:0; bottom:0; right:0; text-align:center; z-index:999; background-color:rgba(0,0,0,0.6); overflow-y:auto;} #company_page .popup_container.layer .popup_inner {display:inline-block; vertical-align:middle; border:1px solid #333; position:relative; top:10%; margin-bottom:100px;} /* #company_page .popup_container.layer::after {content:""; display:inline-block; vertical-align:middle; height:100%;} */ #company_page .popup_container.layer .p_body {/*min-height:200px; max-height:600px; overflow-y:auto; */} #company_page .popup_container.window {} #company_page .popup_container .popup_inner {text-align:left; position:relative;} #company_page .popup_container .p_header {height:49px; padding:0 20px; background-color:#333;} #company_page .popup_container .p_header h1 {line-height:49px; color:#fff; font-size:20px;} #company_page .popup_container .p_body {padding:20px; background-color:#fff;} #company_page .popup_container .p_body #wrapper {padding:0;} #company_page .popup_container .p_body h2 {background:url(../../img/company/bul_circle01.png) no-repeat 0 6px; color:#006d88; padding-left:15px; padding-top:0; margin-top:10px; margin-bottom:10px; font-size:16px;} #company_page .popup_container .p_close {position:absolute; right:20px; top:15px;} #company_page .popup_container .table_type01 thead th {background-color:#f9f9f9;} #company_page .popup_container .table_type01 tbody td {background-color:#fff;} #company_page .popup_container .rowT table, #company_page .popup_container .colT table {width:100%;} #company_page .popup_container .rowT th, #company_page .popup_container .rowT td, #company_page .popup_container .colT th, #company_page .popup_container .colT td {white-space:normal; word-break:break-all; /*width:auto;*/} #company_page .popup_container .searchWrapper {padding-right:111px;} #company_page .popup_container .searchWrapper .btnWrap {padding:0;} #company_page .popup_container .searchWrapper .btnWrap .button {width:94px;} #company_page .popup_container .searchWrapper .btnWrap .button a, #company_page .popup_container .searchWrapper .btnWrap .button button {padding:0 10px;} #company_page .popup_container .searchWrapper .inner table {table-layout:fixed;} #company_page .popup_container .searchWrapper .inner table th {min-width:0;} #company_page .popup_container .searchWrapper.simple .btnWrap .button a, #company_page .popup_container .searchWrapper.simple .btnWrap .button button {line-height:26px; height:28px; margin-bottom:0;} /* 서브페이지 */ #company_page.subpage {} #company_page.subpage #body_container {background:url(../../img/company/bg_sub01.gif) repeat-x 0 0;} #company_page.subpage #body_container .body_inner {padding-top:30px;} #company_page.subpage .titleWrap {margin-top:15px;} #company_page.subpage .titleWrap h4 {padding-left:10px;} /* asis ------------------------------------------------------------------------------------------------- */ #company_page #wrapper {line-height:20px; padding:5px 20px; min-height:0;} #company_page #menu #searchMenu {width:200px; vertical-align:middle; height:28px;} #company_page #menu .button {vertical-align:middle;} #company_page #wrapper h2, #company_page #wrapper h3 {display:inline-block; vertical-align:middle; background:url(../../img/company/ico_title01.png) no-repeat 0 center; color:#333; padding-left:15px; padding-top:0; margin-top:10px;} #company_page #wrapper h2 {margin-bottom:10px; font-size:18px;} #company_page #wrapper .titleDesc {display:inline-block; vertical-align:middle; font-size:12px; color:#666; margin:4px 0 0 5px;} #company_page .GridMain1 .GridMain2 .GMCellHeader, #company_page .GridMain1 .GridMain2 .GMCellHeaderEmpty {background-color:#eee; border-color:#dcdcdc; padding:0; height:27px; color:#333; font-weight:bold;} #company_page .GridMain1 .GridMain2 .GMMainTable {border-color:#ccc;} #company_page .titleWrap {background:#eee; border-top:1px solid #ccc; padding:0; /*margin-top:20px;*/ height:auto; min-height:38px;} #company_page .titleWrap h4 {color:#333; /* background:url(../../img/company/etbs_dot_h4.png) no-repeat 0 center; padding:0 0 0 45px; */ background:none; padding:0 0 0 15px; height:36px; line-height:36px;} #company_page .titleWrap .rbox {position:absolute; right:0; top:0;} #company_page .titleWrap .btnArea {top:2px;} #company_page .titleWrap .imp {color:#f50;} #company_page .titleWrap.new {background:transparent; border:0;} #company_page .titleWrap.new h4 {padding:0; font-size:13px;} #company_page .titleWrap.new .btnArea {right:0;} #company_page .GridMain1 * {font-family:"Nanum Gothic","Malgun Gothic","돋움",Dotum,"굴림",Gulim,sans-serif;} #company_page .GridMain1 .GridMain2 .GMHeaderText {font-size:11px;} #company_page .GridMain1 .GridMain2 .GMCell, #company_page .GridMain1 .GridMain2 .GMCellPanel, #company_page .GridMain1 .GridMain2 .GMCellFilter, #company_page .GridMain1 .GridMain2 .GMHeaderDrag, #company_page .GridMain1 .GridMain2 .GMHeaderGroup {font-size:11px;} #company_page .GridMain1 .GridMain2 .GMCell, #company_page .GridMain1 .GridMain2 .GMCellPanel, #company_page .GridMain1 .GridMain2 .GMCellFilter, #company_page .GridMain1 .GridMain2 .GMHeaderDrag, #company_page .GridMain1 .GridMain2 .GMHeaderGroup {border-color:#dcdcdc;} #company_page .GridMain1 .GridMain2 .GMStatus, #company_page .GridMain1 .GridMain2 .GMSeq, #company_page .GridMain1 .GridMain2 .GMPopup, #company_page .GridMain1 .GridMain2 .GMPopupEdit, #company_page .GridMain1 .GridMain2 .GMHtml, #company_page .GridMain1 .GridMain2 .GMText, #company_page .GridMain1 .GridMain2 .GMLines, #company_page .GridMain1 .GridMain2 .GMPass, #company_page .GridMain1 .GridMain2 .GMInt, #company_page .GridMain1 .GridMain2 .GMFloat, #company_page .GridMain1 .GridMain2 .GMDate, #company_page .GridMain1 .GridMain2 .GMLink, #company_page .GridMain1 .GridMain2 .GMImg, #company_page .GridMain1 .GridMain2 .GMRadio, #company_page .GridMain1 .GridMain2 .GMRadioText, #company_page .GridMain1 .GridMain2 .GMList, #company_page .GridMain1 .GridMain2 .GMEnum, #company_page .GridMain1 .GridMain2 .GMDropCols, #company_page .GridMain1 .GridMain2 .GMAbs, #company_page .GridMain1 .GridMain2 .GMPagerEdit, #company_page .GridMain1 .GridMain2 .GMUser, #company_page .GridMain1 .GridMain2 .GMResult, #company_page .GridMain1 .GridMain2 .GMNumber, #company_page .GridMain1 .GridMain2 .GMBtn {padding-top:7px; padding-bottom:7px; /* color:#333; */} #company_page .GridMain1 .GridMain2 .GMFillRow {background-color:#f8f8f8;} #company_page .GridMain1 .GridMain2 .GMCountRowBottom {background-color:#eee; border-top:1px solid #d4d4d4;} #company_page .GridMain1 .GridMain2 .GMCountFont {color:#333; font-size:13px; font-weight:bold;} #company_page .GridMain1 .GridMain2 .GMToolPagerFirst, #company_page .GridMain1 .GridMain2 .GMToolPagerFirst1, #company_page .GridMain1 .GridMain2 .GMToolPagerPrev, #company_page .GridMain1 .GridMain2 .GMToolPagerPrev1, #company_page .GridMain1 .GridMain2 .GMToolPagerNext, #company_page .GridMain1 .GridMain2 .GMToolPagerNext1, #company_page .GridMain1 .GridMain2 .GMToolPagerLast, #company_page .GridMain1 .GridMain2 .GMToolPagerLast1 {background-image:url(../../img/company/etbs_pager.png);} #company_page .GridMain1 .GridMain2 .GMToolPagerFirst1 {background-position:0 center;} #company_page .GridMain1 .GridMain2 .GMToolPagerFirst {background-position:-30px center;} #company_page .GridMain1 .GridMain2 .GMToolPagerPrev1 {background-position:-120px center;} #company_page .GridMain1 .GridMain2 .GMToolPagerPrev {background-position:-150px center;} #company_page .GridMain1 .GridMain2 .GMToolPagerNext1 {background-position:-180px center;} #company_page .GridMain1 .GridMain2 .GMToolPagerNext {background-position:-210px center;} #company_page .GridMain1 .GridMain2 .GMToolPagerLast1 {background-position:-300px center;} #company_page .GridMain1 .GridMain2 .GMToolPagerLast {background-position:-330px center;} #company_page .GridMain1 .GridMain2 .GMPagerTotal, #company_page .GridMain1 .GridMain2 .GMPagerEdit {padding-top:0 !important; padding-bottom:0; vertical-align:middle;} #company_page .GridMain1 .GridMain2 .GMCountRowBottom table td {height:30px; padding-top:0; padding-bottom:0; vertical-align:middle;} #company_page .rowT, #company_page .colT {border-top:2px solid #e7e7e7;} #company_page .rowT tr > *:first-child, #company_page .colT tr > *:first-child {border-left:0;} #company_page .rowT tr > *:last-child, #company_page .colT tr > *:last-child {border-right:0;} #company_page .rowT th, #company_page .colT th {color:#333; padding:4px 15px; background-color:#f9f9f9; border-color:#e7e7e7; font-size:11px;} #company_page .rowT td, #company_page .colT td {padding:4px 8px; border-color:#e7e7e7; background-color:#fff; font-size:11px;} #company_page .rowT .button a, #company_page .rowT .button button, #company_page .colT .button a, #company_page .colT .button button {height:24px; line-height:22px;} #company_page .rowT.new th, #company_page .colT.new th, #company_page .rowT.new td, #company_page .colT.new td {width:auto;} #company_page .rowT.new .brn, #company_page .colT.new .brn {border-right:0;} #company_page .rowT.new .bln, #company_page .colT.new .bln {border-left:0;} #company_page .button a, #company_page .button button {background:#999; height:28px; line-height:26px; padding:0 20px; font-size:14px; color:#fff; border-radius:0; font-size:12px;} #company_page .button a:hover, #company_page .button button:hover {background:#888;} #company_page .button.ico button, #company_page .button.ico a {padding:0; border:1px solid #999; background-color:#fff; height:22px; line-height:20px;} #company_page .button.on a, #company_page .button.on button, #company_page .button button[type='submit'] {border-color:#2e6da4; background:#08c;} #company_page .button.on a:hover, #company_page .button.on button:hover, #company_page .button button[type='submit']:hover {border-color:#204d74; background:#04c;} #company_page .button.off a, #company_page .button.off button, #company_page .button.cancel a, #company_page .button.cancel button, #company_page .button button[type='reset'] {border-color:#adadad; background:#fff; color:#333;} #company_page .button.off a:hover, #company_page .button.off button:hover, #company_page .button.cancel a:hover, #company_page .button.cancel button:hover, #company_page .button button[type='reset']:hover {background:#e6e6e6; border-color:#adadad; color:#333;} #company_page .btnDatePicker {/*border:1px solid #a9a9a9;*/ box-sizing:border-box; /*width:28px; height:28px; line-height:26px; text-align:center; background-color:#fff;*/ background-position:center center; background:url(../../img/company/etbs_btn_canlendar.gif) center center no-repeat;} #company_page .btnWrap {padding:10px 0 30px;} #company_page .btnWrap .button a, #company_page .btnWrap .button button {height:29px; line-height:27px; padding:0 25px;} #company_page .button.small button {height:22px; line-height:20px; font-size:11px; padding:0 8px;} #company_page input[type='month'], #company_page input[type='url'], #company_page input[type='tel'], #company_page input[type='color'], #company_page input[type='datetime'], #company_page input[type='datetime-local'], #company_page input[type='text'], #company_page input[type='number'], #company_page input[type='password'], #company_page input[type='date'], #company_page input[type='email'], #company_page select {/*height:28px; padding:0 7px; font-size:12px; line-height:1.2; border:1px solid #a9a9a9; color:#333;*/ font-size:12px;} /*#company_page select {padding-right:20px;}*/ #company_page #datePicker .wrap {} #company_page #datePicker .nav {height:auto; margin-bottom:5px;} #company_page #datePicker .nav select {height:22px; line-height:20px; font-size:12px; padding:0 6px;} #company_page #datePicker .btn_prev {left:10px; top:50%; margin-top:-7px;} #company_page #datePicker .btn_next {right:10px; top:50%; margin-top:-7px;} #company_page #datePicker .btnWrap {padding-bottom:15px;} #company_page #datePicker .btnWrap .button.small button {font-size:12px;} #company_page #datePicker .con {padding-top:15px; padding-bottom:15px;} #company_page #datePicker table td span {line-height:21px;} #company_page .datePicker input.dateInput {width:80px;} #company_page .searchWrapper {min-height:94px; padding:10px 178px 10px 15px; background-color:#fff; position:relative; margin-bottom:20px;} #company_page .searchWrapper .inner {display:inline-block; vertical-align:middle; width:100%;} #company_page .searchWrapper .inner table {width:100%; table-layout:auto;} #company_page .searchWrapper .inner table th {min-width:75px; background:transparent url(../../img/company/etbs_search_dot.gif) no-repeat 15px center; font-size:12px; padding-right:0; color:#666;} #company_page .searchWrapper .inner table th::after {/* top:50%; margin-top:-8px; line-height:16px; height:16px; text-align:center; */ content:normal;} #company_page .searchWrapper .inner table td {padding:7px 15px; background-color:transparent;} #company_page .searchWrapper .inner table td select, #company_page .searchWrapper .inner table td input {margin-right:4px;} #company_page .searchWrapper .vam {display:inline-block; vertical-align:middle; min-height:78px;} #company_page .searchWrapper .btnWrap {padding:0; position:absolute; right:17px; top:13px; width:auto;} #company_page .searchWrapper .btnWrap .button {display:block; width:144px;} #company_page .searchWrapper .btnWrap .button button {border-color:#ddd; background:#f5f5f5; height:33px; line-height:31px; font-size:14px; color:#333; width:100%; margin-bottom:8px; box-shadow:none;} #company_page .searchWrapper .btnWrap .button button[type='submit'] {border-color:#363636; background:#363636; /* height:63px; line-height:61px; */ color:#fff;} #company_page .popup_container .searchWrapper {min-height:0;} #company_page .popup_container .btnWrap {padding:10px 0 0;} #company_page #alert .btnWrap {padding-bottom:10px;} #company_page #alert .btnWrap .button button, #company_page #alert .btnWrap .button a {height:22px; line-height:20px; font-size:11px;} #company_page .sheetBtnWrap {min-height:30px; height:auto;} /* body .GridMain1 .GridMain2 .GMCellHeader, body .GridMain1 .GridMain2 .GMCellHeaderEmpty {background-color:#249cff;} */ body .GridMain1 .GridMain2 .GMFocusRowBackground {background:#0cadd6 !important;} /* 원래 연두색 _ 선택된 행의 tr 배경색 */ body .GridMain1 .GridMain2 .GMFocusRowBorder {border-color:#7c9de8 !important;} /* 원래 연두색 _ 선택된 행의 tr border */ body .GridMain1 .GridMain2 .GMFocusCellBorder {border-color:#7c9de8 !important;} /* 원래 연두색 _ 선택된 셀의 border */ /* hack ------------------------------------------------------------------------------------------------- */ #company_page select { padding-right:0\9; } /* IE8, IE9 */ @media all and (-ms-high-contrast:none) { #company_page select {padding-right:0;} /* IE10 */ *::-ms-backdrop, #company_page select { padding-right:0; } /* IE11 */ }