@charset "utf-8";
/****************************************************
         사용자정의 스타일
*****************************************************/
html, body {font-family: '나눔고딕', 'NanumGothic', "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;font-size: 10pt;}
.content-wrapper {background-color: #fff;}
.content-header h1 {font-size: 18px;}
.content-header .container-fluid {border-bottom: 1px solid #ccc;}
.area-content {padding: 20px 20px 20px 20px;border: 1px solid #d4d8e1;margin-bottom: 15px;
  background: #f2f4f9;}
/*custom css*/
.navbar-light .navbar-nav .nav-link {color: #000000}
.area-content-logo {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 40px 40px;
  background-position: center center;
  vertical-align: middle;
  box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0, 0, 0, .2);
  margin-right: 5px;
}
.navbar-light .navbar-nav .nav-link:hover {color: #012c9b;}
.navbar-badge {font-size: 10px;top: 3px;right: 3px;}
/*.mail-notify-section ul li {list-style-type: none;margin: 0;padding:5px;line-height: 28px;vertical-align: middle;border-top: 1px solid rgba(128,128,128,.5);}*/
/*.mail-notify-section .settings-head{font-size:1rem; padding:5px;}*/
/*.mail-notify-section ul li .k-switch {float: right;}*/


.grid_link:hover { text-decoration: underline; cursor: pointer;}

#editorView {font-family: "Malgun Gothic", "Nanum Gothic", Verdana, Helvetica, sans-serif;font-size: 10pt;font-weight: normal;
  width: 19cm; min-height: 21cm; padding: 1cm 1cm 1cm; margin: 0 auto; border: 1px #D3D3D3 solid; background: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-sizing: initial;color: #000000;line-height: 2;word-wrap: break-word;}
#editorView p {margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;}
/*도움말윈도우*/
#winHelp .winHelpEditorView{
  font-family: "Malgun Gothic", "Nanum Gothic", Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  width: 19cm;
  min-height: 21cm;
  padding: 1cm 1cm 1cm;
  margin: 0 auto;
  border: 1px #D3D3D3 solid;
  background: white;
  box-shadow: 0 0 5px rgb(0 0 0 / 10%);
  box-sizing: initial;
  color: #000000;
  line-height: 2;
  word-wrap: break-word;
}
#winHelp .winHelpEditorView p{margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;}
#winHelp .winHelpEditorViewArea{
  resize: vertical;
  height: 500px;
  border: 1px solid #cccccc;
  margin: 0px;
  padding: 0px;
  width: 100%;
  overflow: auto;
  background: #efefef;
}
/*공통 */
.k-button-sm {line-height: 10px;}
.k-button-xs {line-height: 8px;}
.k-grid tbody button.k-button{margin: 0;padding: 0 5pt;font-size: 8pt;min-width: 10pt;line-height: 11pt;}
.k-window-content .w-body{height:300px; overflow: hidden;}
.k-window-content .w-footer{
  padding: 5px;border-top: 1px solid #e5e5e5;
  text-align: right;margin-top:10px;position: absolute;
  width: 95%;
  bottom: 0;
}



#horizontal {position: absolute;left: 0;right: 0;height: auto;top: 66px;bottom: 0;}
#right-pane {height: 100%; display: flex; flex-direction: column;}
#divForm {height: 100%; display: flex; flex-direction: column; overflow: hidden;}
#divForm .grid-h-wrap {flex-shrink: 0;}
#divForm #gridSub {flex: 1; overflow: hidden;}
#grid .k-grid-content table, #grid1 .k-grid-content table, #grid2 .k-grid-content table {border-bottom-width: 1px;}
.k-grid, .k-toolbar {font-size: 9pt;}
.k-grid td {line-height: 1.5em;font-size: 9pt;border-bottom-width: 1px;white-space: nowrap;vertical-align: middle;}
.k-grid-header .k-header > .k-link, .k-treemap-title {line-height: 1.5em;font-size: 9pt;}
.k-grid-content-locked, .k-grid-content-locked td, .k-grid-header-locked, .k-grid-header-locked .k-header{    border-left-color: #cccccc; border-right-color:#cccccc;}
input.k-textbox {height: 2.12em;line-height: 2em;text-indent: 0.5em;font-size: 9pt;padding-right: 0.5em;}
.k-input {text-indent: 0.5em !important}
.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {line-height: 2em;padding: 0;}
.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {line-height: 2em}
.k-readonly {background-color: #efefef !important;}
.window-footer {position: absolute;bottom: 0;display: block;width: 95%;margin-top: 150px;padding: 10px 0;text-align: right;border-top: 1px solid #e5e5e5;}
.ft9 {font-size: 9px !important;}
.ft10 {font-size: 10px !important;}
.ft11 {font-size: 11px !important;}
.ft12 {font-size: 12px !important;}
.btn-xs {font-size: 0.8rem;}

.combo-td {width: 150px;}
.combo-hd-td {width: 150px;padding: 3px;background-color: #efefef;text-align: center;border: 1px solid #ccc}
.combo-hd-td-30 {width: 30px;}

.clsKddlDiv span {display: inline-block;border: 0px solid;}

.profile-photo {
  display: inline-block;
  width: 80px;height: 80px;
  background-repeat: no-repeat;
  background-size: 100%; background-position: center center;vertical-align: middle;
  line-height: 32px;box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0, 0, 0, .2);

}


#controll_button .k-button {padding: 3px 6px;}
#controll_button > div {margin-right: 3px;}
#searchBox ul {display: flex; height: 26px; align-items:center;}
#searchBox ul li {padding-right: 5px;}
#searchBox ul li label {padding-right: 5px;}
#searchBox p {display:inline; vertical-align:middle;}
/*결재연동 공통*/
.edi-issue-wrap {display: flex;}
.edi-issue-wrap > div{padding: 5px;}
.edi-issue-wrap .edi-issue-title{font-weight: bold;}
.tbl-edi-issue{width:100%;border-collapse:collapse;border:1px solid #999!important;}
.tbl-edi-issue th, .tbl-edi-issue td{padding:3px;border:1px solid !important;}
.tbl-edi-issue th {background-color:#e3e3e3; text-align: center;}

.tbl-edi-slim th{ font-weight: normal;}
.tbl-edi-slim input{border:0!important;}

/*memo 공통*/
#divMemo{display: flex;}
#divMemo > div:nth-child(1){width:80%;margin-right: 3px;}
#divMemo textarea{width:100%;height: 60px;}

.dropdown-header{display: flex;padding: 3px;font-size: 0.98rem;}
.dropdown-body{display: flex;font-size: 0.98rem;}
.dropdown-header span {border: 0}

.dropdown-header{padding:0;}
.dropdown-header span{
  border:0px solid;
  display:inline-block;
  text-align:center;
}
.cboSitCd{
  width:47px;
  text-align: center;
  float: left;
}
.cboBzmnNo{
  width:75px;
  text-align: center;
  float: left;
}
.cboIdUser{	width:75px;	text-align: center;	float: left;}
.cboNmUser{	width:50px;}
.cboCnstNm{min-width:150px;}
.dropdown-body span:not(.badge) {border: 0px solid #999;font-size: 12px;padding: 2px;overflow: hidden;display:inline-block;}




/*grid-top button*/
.gridBtn-xs-wrap{display: flex;justify-content: space-between;}
.gridBtn-xs-wrap i{cursor: pointer;color: #ffffff;padding: 2px 4px;border-radius: 3px;}
.gridBtn-xs-wrap i:before{margin-right: 5px;}

.btn-grid{padding: 0 3px;line-height: 14px;}
.grid-h-wrap {display: flex; justify-content: space-between;margin: 3px;}
.grid-h-wrap-search input{padding: 2px 5px;}
.grid-h-wrap-btn{display: flex;margin: 2px 0;}



/*  인사기록카드 */
.isCardBody-wrapper{margin: 0 auto; width: 190mm;}
.if-title {font-size: 20pt; padding: 20pt;text-align: center;}
.isCardBody {border: 1px solid #cccccc;margin: 0 auto;width: 100%;}
.if-base-wrap {display: flex;}
.if-pic-wrap {width: 150px;margin: 0 auto}
.if-pic-inner {border: 1px solid #efefef; height: 100%;}
.if-pic-info {height: 100%; width: 100%;}
.if-pic-src{width:100%}
.is-tbl , .is-tbl-base{width: 100%;}
.is-tbl-base td{padding: 0;}
.is-tbl th {text-align: center; font-weight: normal; background-color: #efefef;}
.is-tbl th, .is-tbl td {border: 1px solid #000000;padding: 3px;}
.if-01-01 {display: flex;width: 100%;border: 1px solid;}
.if-th {background-color: #efefef;}

/*공통으로 이관할 것*/
.gridReadOnly{background-color: #efefef;}
.k-state-selected .gridReadOnly {background-color: initial;}
.gridDeleteItem{text-decoration: line-through;}

.k-textbox-xs{height: 1.75em!important;}
.k-split-container .k-button{padding: 0.3em 0.6em;}
.k-grid-header th.k-header{padding: 0.3em 0.6em;}
.bg-required{background-color: #fffacc!important;}
.bg-required .k-dropdown-wrap{background-color: #fffacc;}
.bg-required:disabled{color:#707070;}
.bg-required[readonly]{color:#707070;}
.contentPrint{top:0!important;}
/*공종레벨 들여쓰기 */
.clsCtpLvl {display: inline-block;}
.clsCtpLvl1{}
.clsCtpLvl2{margin-left: 10px;}
.clsCtpLvl3{margin-left: 20px;}
.clsCtpLvl4{margin-left: 30px;}
.clsCtpLvl5{margin-left: 40px;}
.clsCtpLvl6{margin-left: 50px;}
.clsCtpLvl7{margin-left: 60px;}
.clsCtpLvl8{margin-left: 70px;}
.clsCtpLvl9{margin-left: 80px;}
/*공사출력물 공통*/
.bg-sum {background-color: #efefef; font-weight: 600;}
.prn-wrap { font-size: 10pt; color: #000000;}
.prn-wrap .prn-header {display: flex;justify-content: space-between;}
.prn-wrap .prn-header .prn-title {font-size: 16pt;}
.prn-signroom {border-collapse: collapse;table-layout: fixed;line-height: 120%;width:400px;margin-bottom: 3px;}
.prn-signroom tr:nth-child(1){height: 20px;}
.prn-signroom td {border: 1px solid; padding: 3px; text-align: center;}
.prn-signroom td:nth-child(1) {width:25px;}
.prn-signroom td:nth-child(2) {width:70px;}
.prn-signroom td:nth-child(4) {width:70px;}
.prn-wrap .prn-info {display: flex; justify-content: space-between;}
.prn-tbl {width: 100%; border-collapse: collapse;}
.prn-tbl td, .prn-tbl th {word-break: break-all;border:1px solid #000000;padding: 3px;text-align: center;}
.prn-tbl th{background-color: #efefef;}
.border-bottom-dot{border-bottom: 1px dotted #000000!important;}

.table_custom {border-collapse: collapse;}
.table_custom td, .table_custom th{border:1px solid #cccccc;}
.table_custom th{text-align: center;padding: 3px; background-color: #f5f5f5; font-weight: normal;line-height: 150%}
.table_custom td{padding: 0 3px;}
.table_custom input{border:0!important;}



/*사실확인서*/
.prn-wrap {margin: 0 auto; border: 1px solid;font-size: 12pt;line-height: 200%;color: #000;}
.prn-wrap .prn-outer {padding: 30px;border: 3px solid;}
.prn-wrap .prn-h .prn-h-info {display: flex;}
.prn-wrap .prn-h .prn-h-info > div:nth-child(1) {margin-right: 10px;}
.prn-wrap .prn-h .prn-h-info .prn_logo {width: 100px;height: 100%;background-image: url(/static/custom/img/logo.png);background-size: contain;background-repeat: no-repeat;}
.prn-wrap .prn-b .p_title {font-size: 20pt;text-align: center;padding: 10pt;margin: 10pt 0; letter-spacing: 5px; border-top: 2px solid; border-bottom: 2px solid;}
.prn-wrap .prn-b .p_tbl {width: 100%; border-collapse: collapse;}
.prn-wrap .prn-b .p_tbl td, .prn-b .p_tbl th {padding: 5px 5px 5px 10px; border: 1px solid #cccccc;}
.prn-wrap .prn-b .p_tbl th {background-color: #efefef;}
.prn-wrap .prn-f {text-align: right;padding: 20px;}
.prn-wrap .prn-f .print-dt {padding: 20px 10px 40pt;}
.prn-wrap .prn-f .stamp-wrap {display: flex;justify-content: flex-end;}
.prn-wrap .prn-f .stamp-wrap > div:nth-child(1) {margin-right: 10pt;}
.prn-wrap .prn-stamp {width: 100px;height: 100%;background-size: contain;background-repeat: no-repeat;}
.prn-wrap .p-contents-wrap{max-width: 1000px;margin: 0 auto;}
.prn-wrap .prn-stamp-HA {background-image: url(/fileinfo/displayStamp?cdSaup=HA);}
.prn-wrap .prn-stamp-22 {background-image: url(/fileinfo/displayStamp?cdSaup=22);}
.prn-wrap .prn-stamp-MA {background-image: url(/fileinfo/displayStamp?cdSaup=MA);}
.prn-wrap .prn-stamp-HL {background-image: url(/fileinfo/displayStamp?cdSaup=HL);}
.prn-wrap .prn-stamp-DP {background-image: url(/fileinfo/displayStamp?cdSaup=DP);}
.prn-wrap .prn-stamp-HD {background-image: url(/fileinfo/displayStamp?cdSaup=HD);}
.prn-wrap .prn-stamp-PE {background-image: url(/fileinfo/displayStamp?cdSaup=PE);}



/*확인서 출력*/
.p-contents-wrap{max-width: 900px;margin: 0 auto;}
.prn-wrap {margin: 0 auto; border: 1px solid;font-size: 12pt;line-height: 200%;color: #000;}
.prn-wrap.prn-ft10{font-size: 10pt;}
.prn-wrap .prn-outer {padding: 30px;border: 3px solid;}

.prn-wrap .prn-h-pay {margin-top:20px;}
.prn-wrap .prn-h-pay .prn-h-info {display: flex; justify-content: space-between;line-height: 60px;}
.prn-wrap .prn-h-pay .prn-h-info .prn_logo {width: 100px;height: 60px;background-image: url(/static/custom/img/logo.png);background-size: contain;background-repeat: no-repeat;}
.prn-wrap .prn-h-pay .p_title {font-size: 20pt;text-align: center;letter-spacing: 5px;}
.prn-wrap .prn-h-pay .stamp_empty{    border: 1px solid #9E9E9E;padding: 10px;}

.prn-wrap  .prn-b .p_tbl {width: 100%; border-collapse: collapse;}
.prn-wrap .prn-b .p_tbl td, .prn-b .p_tbl th {padding: 5px 5px 5px 10px; border: 1px solid #cccccc;}
.prn-wrap .prn-b .p_tbl th {background-color: #efefef;}

.prn-wrap .prn-f {text-align: right;padding: 20px;}
.prn-wrap .prn-f .print-dt {padding: 20px 10px 40pt;}
.prn-wrap .prn-f .stamp-wrap {display: flex;justify-content: flex-end;}
.prn-wrap .prn-f .stamp-wrap > div:nth-child(1) {margin-right: 10pt;}
.prn-wrap .prn-stamp {width: 100px;height: 100%;background-size: contain;background-repeat: no-repeat;}

/*입주예정확인서*/
.prn-ipju .prn-h .prn-h-info {display: flex;}
.prn-ipju .prn-h .prn-h-info .prn_logo {width: 100px;height: 100%;background-image: url(/static/custom/img/logo.png);background-size: contain;background-repeat: no-repeat;}
.prn-ipju .prn-b .p_title {font-size: 20pt;text-align: center;padding: 10pt;margin: 10pt 0; letter-spacing: 5px; border-top: 2px solid; border-bottom: 2px solid;}
/*분양대금납부확인서*/
.prn-wrap .borderDotBottom {border-bottom: thin dotted !important;}
.prn-wrap .border-right {border-right: 1px solid #000 !important;}
.prn-wrap .table_black {border-color: #000; width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.prn-wrap .table_black td, .table_black th {padding: 3px 10px !important;}
.prn-wrap .table_black th {line-height: 150%;}
.prn-wrap .table_black .compulsoryNone {border-color: #000 !important;}
.prn-wrap .table_black td {border-color: #000 !important;}
.prn-wrap .table_black .border-bottom {border-color: #000 !important;}
.prn-wrap .payTbtm {border: 2px solid;line-height: 160%;}
.prn-wrap .payTbtm td, .payTbtm th {padding: 3px 10px; border: 1px solid #000;}


/*controll_button 공통*/
#controll_button .k-numeric-wrap .k-link {height: 1em;}
.page-row {max-width: 800px;margin: 0 auto}

@media (min-width: 992px) {
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0rem !important;
  }
}
@media (min-width: 992px) {
  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
    margin-left: 0;
    width: 0;
  }
}

/* Privacy Policy Page Styles */
.privacy-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  line-height: 1.8;
}

.privacy-container h5.h5_tit {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-top: 28px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #3498db;
}

.privacy-container h5.h5_tit:first-child {
  margin-top: 0;
}

.privacy-container p {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: #34495e;
  word-break: keep-all;
}

.privacy-container p.info_text1 {
  margin-left: 16px;
  text-align: justify;
}

.privacy-container p.info_text2 {
  margin-left: 16px;
  text-align: justify;
  font-weight: 500;
  color: #2c3e50;
}

.privacy-container ul.info_help,
.privacy-container ol.info_help {
  margin: 12px 0 12px 40px;
  padding: 0;
}

.privacy-container ul.info_help li,
.privacy-container ol.info_help li {
  margin-bottom: 8px;
  font-size: 14px;
  color: #34495e;
  line-height: 1.6;
}

.privacy-container ol.info_help li {
  list-style: decimal;
  margin-left: 0;
}

.privacy-container ul.info_help li {
  list-style: disc;
  margin-left: 0;
}

.privacy-container a {
  color: #3498db;
  text-decoration: none;
  font-weight: 500;
}

.privacy-container a:hover {
  text-decoration: underline;
  color: #2980b9;
}

/* Responsive Design for Privacy Page */
@media (max-width: 768px) {
  .privacy-container {
    padding: 16px;
  }

  .privacy-container h5.h5_tit {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .privacy-container p {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .privacy-container ul.info_help,
  .privacy-container ol.info_help {
    margin-left: 32px;
  }
}

@media (max-width: 480px) {
  .privacy-container {
    padding: 12px;
  }

  .privacy-container h5.h5_tit {
    font-size: 14px;
    margin-top: 16px;
  }

  .privacy-container p {
    font-size: 12px;
  }

  .privacy-container ul.info_help,
  .privacy-container ol.info_help {
    margin-left: 24px;
  }
}