/* font */
@font-face {
    font-family: "Pretendard";
    src: url("../../font/Pretendard/Pretendard-Regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Pretendard Medium";
    src: url("../../font/Pretendard/Pretendard-Medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Pretendard SemiBold";
    src: url("../../font/Pretendard/Pretendard-SemiBold.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Pretendard Bold";
    src: url("../../font/Pretendard/Pretendard-Bold.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}

/* page layout */
body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Pretendard", sans-serif;
}
body, h1, h2, h3, h4, h5, h6, input, select, button, textarea, table, a{
    font-family: "Pretendard", sans-serif;
}

button, input, optgroup, select, textarea{
    font-family: "Pretendard", sans-serif!important;
}
.wrap{height: 100%;}
.wrap.page{min-height: 907px; overflow-y: hidden;}
.wrap.page.transPoint{min-height: 1200px;}
.wrap.main{min-width: 1400px;min-height: max-content;}
.page .header, .page .container, .page .footer {position: relative; width: 100%; min-width: 1280px; margin: 0 auto;}
.page .header .inner, .page .container .inner, .page .footer .inner {width: 100%; min-width: 1280px; max-width: 1920px; margin: 0 auto;}


table caption {
    font-size: 0;
    height: 0;
}


/* header layout */
.header {height: 60px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); background-color: #002559;}
.header .inner {position: relative;z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    min-width: initial!important;
    max-width: initial!important;
    padding: 0 16px;
    box-sizing: border-box;
}
.header .logo {float: left; width: 112px; height: 44px; font-size: 0; text-indent: -9999%; background-position: center;background-repeat: no-repeat;}
.header .logo a{display: block; width: 100%; height: 100%;}
.header .logo a img{
    vertical-align: middle;
}
.header .inner .flex {
    display: flex;
    align-items: center;
    height: 100%;
}
/* 상단 네비게이션 */

/* line 669, scss/common/renewal.scss */
.header .nav {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 32px;
}

/* line 675, scss/common/renewal.scss */
.header .nav .navD1 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* line 683, scss/common/renewal.scss */
.header .nav .navD1 > li {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

/* line 691, scss/common/renewal.scss */
.header .nav .navD1 > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    font-weight: initial;
    font-family: "Pretendard SemiBold" !important;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
}

/* line 707, scss/common/renewal.scss */
.header .nav .navD1 > li + li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #c7cfdd;
}

/* line 729, scss/common/renewal.scss */
.header .nav .navD2 {
    display: none;
    position: absolute;
    top: 52px;
    left: 50%!important;
    transform: translateX(-50%)!important;
    margin-left: 0!important;
    z-index: 9;
    min-width: 140px;
    border-radius: 4px;
    background-color: #fff;
    border-top: 0;
    padding: 10px 0;
    box-sizing: border-box;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

/* line 743, scss/common/renewal.scss */
.header .nav .navD2 li {
    border: 0;
}

/* line 746, scss/common/renewal.scss */
.header .nav .navD2 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33px;
    font-family: "Pretendard" !important;
    font-size: 14px;
    font-weight: initial;
    line-height: initial;
    color: #262d37;
    padding: 0;
    word-break: keep-all;
    word-wrap: break-word;
}

/* line 761, scss/common/renewal.scss */
.header .nav .navD2 li:hover a {
    font-family: "Pretendard Bold";
    color: #fff;
    background-color: #2f64cc;
}

/* line 771, scss/common/renewal.scss */
.header .util ul {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

/* line 777, scss/common/renewal.scss */
.header .util ul li {
    display: flex;
    align-items: center;
}

/* line 782, scss/common/renewal.scss */
.header .util ul li .button.lowfly {
    height: 36px;
    padding: 8px 16px 8px 44px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #2f64cc;
    background-image: url(../../images/common/ico-lowfly.svg);
    background-repeat: no-repeat;
    background-position: left 16px center;
    color: #fff;
    font-family: "Pretendard Bold" !important;
}

/* line 809, scss/common/renewal.scss */
.header .util ul li .btnProfile {
    position: relative;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 4px;
    background: #093472 url(../../images/common/ico-profile.svg) no-repeat center;
}

/* line 818, scss/common/renewal.scss */
.header .util ul li .btnLocation {
    position: relative;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 4px;
    background: #093472 url(../../images/common/ico-location.svg) no-repeat center;
}

/* line 827, scss/common/renewal.scss */
.header .util ul li .btnLogout {
    position: relative;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 4px;
    background: #093472 url(../../images/common/ico-logout.svg) no-repeat center;
}

/* line 836, scss/common/renewal.scss */
.header .util ul li .user {
    margin-left: 12px;
    font-size: 14px;
    color: #fff;
    font-family: "Pretendard SemiBold" !important;
}

/* line 843, scss/common/renewal.scss */
.header .util ul li .alarm {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 12px;
    height: 12px;
    padding: 0 2px;
    box-sizing: border-box;
    border-radius: 999px;
    background-color: #e73038;
    font-size: 10px;
    color: #fff;
}

/*.header .nav {float: left; margin-left: 42px;}*/
/*.header .nav .navD1{float: left;}*/
/*.header .nav .navD1 > li{float: left; padding:0 13px;}*/
/*.header .nav .navD1 > li > a{position: relative; display: block; padding: 21px 0; font-size: 16px; font-weight: 300; color: rgba(255,255,255,0.8);}*/
/*.header .nav .navD1 > li > a:after{content: '';  position: absolute; bottom: 0; left: 0; right: 0; display: none; width: 0; height: 6px; background: #517ec4;}*/
/*.header .nav .navD1 > li.active > a{font-weight: 400; color: rgba(255,255,255,1);}*/
/*.header .nav .navD1 > li.active > a:after{display: block; width: 100%;}*/
/*.header .nav .navD2 {display: none; position: absolute; top: 60px; left: 0; z-index: 9; min-width: 150px; background: #fff; border: 1px solid #bbb; border-top: 0; }*/
/*.header .nav .navD2 li{text-align: center; border-bottom: 1px solid #ddd; }*/
/*.header .nav .navD2 li:hover{background: #f1f4f8;}*/
/*.header .nav .navD2 li:last-child{border-bottom: 0;}*/
/*.header .nav .navD2 li a{display: block; font-size: 14px; font-weight: 350; line-height: 1.5em; color: #333; padding: 10px; word-break: keep-all; word-wrap: break-word;}*/
/*.header .nav .navD2 li.active a{color: #fff; background: #1a3552;}*/
/* 유저정보 */
.header .userInformation {position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.header .userInformation .userName {display: inline-block; font-size: 14px; font-weight: 350; color: #fff; vertical-align: middle;}
.header .userInformation .wrapBtn{display: inline-block; margin-left: 6px; vertical-align: middle;}
.header .userInformation .btn {float: left; font-size: 14px; font-weight: 350; color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,0.5); border-radius: 4px; -webkit-border-radius: 4px; margin-left: 10px;}


/* main */
.main .container {background: #f2f3f6;}
.main .container .inner{background: #f2f3f6;}
.main .container .wrapColumn{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: start; overflow-x: hidden}
.main .container .wrapColumn .column{height: 100%;background: #fff;}
.main .container .wrapColumn .column.columnLeft{min-width: 580px;max-width: 690px;width: 100%;}
.main .container .wrapColumn .column.columnRight{max-width: 1220px; background: #fff; margin-left: 10px;} /* 3열 가로사이즈 : 1,2열 제외한 나머지 사이즈(최대 1290px) */
.main .container .wrapColumn .column.columnLeft .grayBg{
    background: #f2f3f6;
}
/* 컴포넌트 공통 */
.column .component{position: relative; background: #fff; padding:18px 20px;}
.main .column .component h2{margin-bottom: 8px;}
.column .component h2{font-family: "Pretendard Bold"; font-size: 16px; color: #262d37;}
.column .component .wrapBtn{font-size: 0;}
.column .component .wrapBtn.floating{position: absolute; top: 5px; right: 0;}
.column .component .inputText, .ui-dialog .inputText{position: relative; display: inline-block; vertical-align: middle; font-size: 14px;}
.column .component .inputText input, .ui-dialog .inputText input{display: inline-block; width: 100%; height: 26px; font-size: 14px; font-family: "Pretendard";
    color: #3e4e62; background: #fff; border: 1px solid #d5d5d5; padding:0 10px; border-radius: 4px; -webkit-border-radius: 4px;}
.column .component .inputText input::placeholder, .ui-dialog .inputText input::placeholder{color:#828fab;}
.column .component .inputText input:-ms-input-placeholder{color: #828fab;}
.column .component .inputText.time input{text-align: center;}
.column .component .btn{display: inline-block; vertical-align: middle; height: 24px; font-size: 14px; color: #444; border: 1px solid #444; padding: 0 8px; transition:background .3s; -webkit-transition:background .3s; margin-left: 5px; border-radius: 4px; -webkit-border-radius: 4px;}
.column .component a.btn{line-height: 24px;}
.column .component .btn:first-child{margin-left: 0 !important;}
.column .component .btnBlue{border-color: #4372bb; color: #4372bb;}
.column .component .btnRed{border-color: #df4343; color: #df4343;}
.column .component .btnGreen{border-color: #389647; color: #389647;}
.column .inputText .btnSearch, .ui-dialog .inputText .btnSearch{position: absolute; top: 0; right: 0; width: 35px; height: 100%;}
.column .inputText .btnSearch button, .ui-dialog .inputText .btnSearch button{font-size: 0; width: 100%; height: 100%;}
.column .inputText .btnSearch .iconSearch, .ui-dialog .inputText .btnSearch .iconSearch{display: block; font-size: 16px; color: #444444;}
.column .inputText .btnSearch .iconSearch:before,
.ui-dialog .inputText .btnSearch .iconSearch:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background: url(../../images/common/ico-search.png) no-repeat center;
}
.column .inputText .btnSearch ~ input[type="text"],
.ui-dialog .inputText .btnSearch ~ input[type="text"]{padding-right: 35px;}

.column .inputText .btnremove{position: absolute; top: 0; right: 25px; width: 35px; height: 100%; }
.column .inputText .btnremove button{font-size: 0; width: 100%; height: 100%; }
.column .inputText .btnremove .iconClose{    display: block; font-size: 16px; color: #444444; margin-top: -2px;}

.column .inputText .es{position: absolute; top: 3px; right: 10px; font-weight: 350;}
.column .inputText .es ~ input[type="text"]{padding-right: 30px;}
.column .necessary{font-style: normal; color: #df4343;}

/* main > 1단 */
.columnLeft{}
/* main > 1단 > 일정 */
.column .componentSchedule{height: 303px; margin-bottom: 10px;}
.column .componentSchedule h2{margin-bottom:8px;}
.column .componentSchedule .scheduleStatus{position: absolute; top: 18px; right: 20px;}
.column .componentSchedule .scheduleStatus li{float: left; font-size: 14px; font-family: "Pretendard Medium" !important; color: #3e4e62; margin-left: 12px;}
.column .componentSchedule .scheduleStatus li:before{ content: ''; display: inline-block; width: 16px; height: 16px; border: 2px solid #ccc; border-color: inherit;  border-radius: 50%;  -webkit-border-radius: 50%; vertical-align: middle; margin: -3px 4px 0 0; box-sizing: border-box;}
.column .componentSchedule .scheduleStatus .statusInComplete{border-color: #f35555;}
.column .componentSchedule .scheduleStatus .statusComplete{border-color: #3578d8;}
/* main > 1단 > 미션 목록 */
.column .componentMission {background: #fff; padding: 20px;}
.column .componentMission h2{margin-bottom: 8px;}
.column .componentMission .wrapCheckBox{margin-bottom: 14px;}
.column .componentMission .missionDatePicker{display: flex; width: 50%; gap: 4px; align-items: center}
.column .componentMission .missionDatePicker span{
    font-size: 14px;
    color: #000;
}

.column .componentMission .grayType tbody tr td{
    cursor: pointer;
}

.column .componentMission .missionDatePicker .inputText input{
    position: relative;
    height: 36px;
    padding: 8px 12px;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 1px #dce2ef;
    background-color: #fff;
    font-family: "Pretendard";
    color: #3e4e62;
    font-size: 14px;
}
.column .componentMission .missionDatePicker .inputText .btnCalendar{display: block;position: absolute; top: 50%; right: 14px; transform: translateY(-50%); font-size: 16px; color: #444444; pointer-events: none;}
.column .componentMission .missionDatePicker .inputText .btnCalendar .iconCalendar{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/common/ico-calendar.png) no-repeat center;
}

.btnCalendar .iconCalendar{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/common/ico-calendar.png) no-repeat center;
}

.btnCalendar .iconCalendar:before{
    display: none;
}
.column .componentMission .missionDatePicker .inputText .btnCalendar .iconCalendar:before{
    display: none;
}
.column .componentMission .missionSearch{
    width: 50%;
}
.column .componentMission .missionSearch .inputText{
    width: 100%;
}
.column .componentMission .missionSearch .inputText input{
    width: 100%;
    height: 36px;
    padding: 8px 12px;
    border-radius: 4px;
    border: solid 1px #dce2ef;
    background-color: #fff;
}
.column .componentMission .wrapBtn.floating {top: 15px; right: 20px;}
.column .componentMission .wrapBtn .btn{height: 26px;}
/* .column .componentMission .missionList{height: 334px !important;} */
/* .column .componentMission .missionList{height: 270px !important;} */
/* .column .componentMission .missionList{height: calc(100% - 207px) !important;} */
/* .column .componentMission .missionList{height: 274px !important;}  */
/* .column .componentMission .missionList{height: 274px !important;} */
/* HEMS 메인 페이지 좌측 하단 미션 클릭 기능 확인 고정px로 변경
.column .componentMission .missionList{height: calc(100% - 207px) !important;} */
/*  .column .componentMission 또는 .column .componentMission .missionList에 나중에 발생 시 미디어쿼리짜야함
.column .componentMission 
@media (max-height: 914px) {	
  .column .componentMission{height: 321px;}
}
@media (min-height: 915px) {
  .column .componentMission{height: 297px;}
}  */

.missionList .grayType thead tr th .rowMiddle{
    border-right: 1px solid #BBC7E3;
}

.missionList .grayType thead tr th:last-child .rowMiddle{
    border-right: 0;
}

.search-container{
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.status-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.btnList {
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 4px;
    width: 100%;
}

/* line 1267, scss/common/renewal.scss */
.btnList li {
    width: 100%;
}

/* line 1270, scss/common/renewal.scss */
.btnList li .btn {
    width: 100%;
    height: 32px!important;
    padding: 8px!important;
    border-radius: 4px!important;
    background-color: #f5f7fa!important;
    font-family: "Pretendard SemiBold" !important;
    font-size: 13px!important;
    color: #828fab!important;
    white-space: nowrap;
    border: 0!important;
    transition: initial!important;
}

/* line 1283, scss/common/renewal.scss */
.btnList li.on .btn, .btnList li:hover .btn {
    background-color: #234ea1!important;
    color: #fff!important;
}

.state {
    font-family: "Pretendard SemiBold" !important;
    font-size: 14px;
}

.state::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    margin-top: -2px;
    vertical-align: middle;
}

.state.dismissal {
    color: #ff6187;
}

.state.dismissal::before {
    background-color: #ff6187;
}

.state.stop {
    color: #ff6a44;
}

.state.stop::before {
    background-color: #ff6a44;
}

.state.approval {
    color: #33b03b;
}

.state.approval::before {
    background-color: #33b03b;
}

.state.standby {
    color: #ff9600;
}

.state.standby::before {
    background-color: #ff9600;
}

.state.etc {
    color: #1DAFBC;
}

.state.etc::before {
    background-color: #1DAFBC;
}

.state.move {
    color: #698fee;
}

.state.move::before {
    background-color: #698fee;
}

.state.hold {
    color: #a969ee;
}

.state.hold::before {
    background-color: #a969ee;
}

.state.success {
    color: #6f6d8c;
}
.state.success::before {
    background-color: #6f6d8c;
}

/* main > 2단 > 출동승인 */
.column .componentApproved { background: #fff; padding: 20px 20px 10px; margin: 10px 0;}
.column .componentApproved .btnReject{width: 88px;}
/* main > 2단 > 요청자정보 */
.column .componentRegister{ background: #fff; padding: 20px;}

/* main > 3단 */
.column .componentManagement {height: 100%; padding: 20px;}
.column .componentManagement.flightContent{height: 100%}
.column .componentManagement .wrapFlightManage.ui-widget-content{ border: 0; padding: 0;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav {display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; padding: 0; margin-bottom: 20px;  border-bottom: solid 1px #dce2ef; background: #fff; border-radius: 0;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab {background: 0; margin:0 20px -2px 0;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab:last-child{margin-right: 0;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab a{font-family: "Pretendard Medium" !important; font-size: 13px; letter-spacing: -0.05em; color: #828fab; padding: 7px 0 3px; outline:0; transition: color .3s;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab [class*=" icon"]{color: #828fab; margin: 0 -.2em;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab.ui-state-active [class*=" icon"]{color: #234ea1; margin: 0 -.2em;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab.ui-state-active{}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab.ui-state-active a{font-family: "Pretendard Medium"!important; font-weight: 500; color: #234ea1; border-bottom: 2px solid #234ea1;}
.column .componentManagement .wrapFlightManage.ui-widget-content > .ui-tabs-nav > .ui-tabs-tab.ui-state-active [class*=" icon"]{color: #234ea1;}
.column .componentManagement .wrapFlightManage .tabContent{font-size: 14px; height: calc(100% - 32px);}
.column .componentManagement .tabContent {padding: 0;}
.column .componentManagement .scrollContent .flex{display: -webkit-box; display: -ms-flexbox; display: flex; align-items:center; }
.column .componentManagement .scrollContent .flex.margin2 {margin: 0 -2px;}
.column .componentManagement .scrollContent .flex.margin2 .inputText,
.column .componentManagement .scrollContent .flex.margin2 .inputSelect{margin: 0 2px !important;}
.column .componentManagement .scrollContent .flex.margin4 {margin: 0 -4px;}
.column .componentManagement .scrollContent .flex.margin4 .inputText,
.column .componentManagement .scrollContent .flex.margin4 .inputSelect{margin: 0 4px !important;}
.column .componentManagement .wrapBtn.util{margin-top: 20px; text-align: center;}
.column .componentManagement .wrapBtn.util .btn{width: 100px; height:36px; color: #fff; border: 0; vertical-align: middle; font-family: "Pretendard Bold"!important;}
.column .componentManagement .wrapBtn.util .btnModifyCancel{    border: 1px solid #000;
    color: #000;
    background: #fff;}
.column .componentManagement .wrapBtn.util .btnModify{background: #234ea1; color: #fff}
.column .componentManagement .wrapBtn.util .btnPrint{background: #fff;border: solid 1px #234ea1;color: #234ea1;}
.column .componentManagement .wrapBtn.util .btnPrintUbi{background: #fff;border: solid 1px #234ea1;color: #234ea1;}
.column .componentManagement .wrapBtn.recordHistory {position: absolute; top: 0; right: 0;}
.column .componentManagement .wrapBtn.recordHistory .btn{height: 26px; color: #234ea1; border-color: #234ea1; font-family: "Pretendard Bold"!important;}
.column .componentManagement .wrapBtn.recordHistory .btn.blue{height: 26px; color: #ffffff; border-color: #234ea1; background-color: #234ea1; font-family: "Pretendard Medium"!important;}
/* main > 3단 > 운항관리 > 미션수립 */
.column .componentManagement .tabMissionEstablish .contentTop {display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px;}
.column .componentManagement .tabMissionEstablish .contentTop > div{flex: 1 1 50%; min-height: 100px; margin: 0 10px;}
.column .componentManagement .tabMissionEstablish .contentTop .wrapCheckBox .checkBox{margin-right: 17px;}
.column .componentManagement .tabMissionEstablish .contentTop .wrapCheckBox.withoutIcon{margin-top:18px;}
.column .componentManagement .tabMissionEstablish .contentTop .wrapCheckBox.withoutIcon .checkBox{margin-right: 8px;}
/* .column .componentManagement .tabMissionEstablish .contentMid .transPointInformation{position: absolute; top: 15px; left: 50%; margin-left: -215px; width:430px; height:306px; background: #fff; padding:10px; z-index: 5;} */

/* main > 3단 > 운항관리 > 항공이송기록지 */
.column .componentManagement .tabFlightTransWrite {display: block; width: 100%; border: 0; margin: 0;}
.column .componentManagement .tabFlightTransWrite .ui-tabs-nav{display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0; margin-bottom: 8px; padding: 0; border: 0; border-radius: 0; border-bottom: 2px solid #444;}
.column .componentManagement .tabFlightTransWrite .ui-tabs-tab {flex:1 1 auto; margin: 0; padding: 0; margin-bottom: -2px; margin-right: -2px;}
.column .componentManagement .tabFlightTransWrite .ui-tabs-tab:after{content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 2px; background: #234ea1; z-index: 9;}
.column .componentManagement .tabFlightTransWrite .ui-tabs-tab a{display: block; width: 100%; font-size: 12px; font-family: "Pretendard SemiBold"!important;  padding: 5px 0; color: #99a3bb; outline:0; box-shadow: inset 0 0 0 1px #99a3bb;}
.column .componentManagement .tabFlightTransWrite .ui-tabs-tab.ui-state-hover{background:#fff;}
.column .componentManagement .tabFlightTransWrite .ui-tabs-tab.ui-state-active{background: none; padding: 0}
.column .componentManagement .tabFlightTransWrite .ui-tabs-tab.ui-state-active:after{background: #fff; width: calc(100% - 4px); height: 3px;}
.column .componentManagement .tabFlightTransWrite .ui-tabs-tab.ui-state-active a{color: #234ea1; background: #fff; box-shadow: inset 0 0 0 2px #234ea1; z-index: 1; position: relative;}

.column .component.componentManagement.flightContent .defaultTable{
    border-top: 1px solid #BDC6D7;
    border-bottom: 1px solid #BDC6D7;
}

.column .component.componentManagement.flightContent .defaultTable .row .td{
    border-right: 1px solid #BBC7E3;
}

.column .component.componentManagement.flightContent .defaultTable .row .td:focus{
    border-left: 1px solid #BBC7E3;
}

.column .component.componentManagement.flightContent .defaultTable.border .row.pd0 .th{
    padding: 0;
}


.column .component.componentManagement.flightContent .defaultTable .row .th{
    background: #7280A0;
    font-family: "Pretendard SemiBold" !important;
    color: #fff;
}

.column .scrollTable .row .td .rowMiddle {
    height: initial;
}

.column .scrollTable .row .td {
    border-right: 1px solid #BBC7E3;
}

.column .scrollTable .row .td:first-child {
    border-left: 1px solid #BBC7E3;
}


.column .scrollTable > tbody {
    margin-bottom: 0;
}

.column .component.componentManagement.flightContent .defaultTable .row .th .wrapRadio .radioBox input[type="radio"] + span + em{
    color: #fff;
}

.defaultTable .defaultTable th{
    border-right: 1px solid #BDC6D7;
}

.column .component.componentManagement.flightContent .defaultTable .row .td{
    color: #3e4e62;
}

.column .component.componentManagement.flightContent .defaultTable .row .th,
.column .component.componentManagement.flightContent .defaultTable .row .td{
    border-bottom: 1px solid #BDC6D7;
}

.column .component.componentManagement.flightContent .defaultTable .row:last-child .th,
.column .component.componentManagement.flightContent .defaultTable .row:last-child .td{
    border-bottom: 0;
}

.evaluate+.defaultTable{
    margin-top: 10px;
}
.main .container .wrapColumn .column{
    height: initial;
}
.main .column .componentManagement{
    height: initial;
    padding-bottom: 50px;
}

/*.main .column .componentManagement.flightContent{*/
/*    height: 100%;*/
/*}*/

.main .column .componentManagement.flightContent .wrapFlightManage{
    height: 100%;
}

/* main > 3단 > 운항관리 > 항공이송기록지 > 컨텐츠 기본 레이아웃 */
/*.column .componentManagement .tabFlightTransWrite .tabSecondContent.tabCommon{height: 1130px;}*/
.column .componentManagement .tabFlightTransWrite .tabSecondContent.tabDoctor{}
.column .componentManagement .tabFlightTransWrite .tabSecondContent{height: 100%; padding: 0;}
/*.column .componentManagement .tabFlightTransWrite div.scrollContent{height: calc(100% - 57px);}*/
.column .componentManagement .tabFlightTransWrite .scrollContent h3{font-size: 14px; font-family: "Pretendard SemiBold" !important; color: #262d37; margin-bottom:10px; padding-left: 10px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .inputText{width: 100%;}
.column .componentManagement .tabFlightTransWrite .scrollContent .btn{background: #fff; color: #888; border: 1px solid #d5d5d5;}
.column .componentManagement .tabFlightTransWrite .scrollContent .defaultTable {margin-bottom:20px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .defaultTable .row .th{height: 46px; padding:5px 10px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .defaultTable .row .td{height: 46px; padding:10px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .defaultTable .defaultTable + .defaultTable{margin-top: 10px !important;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapCheckBox {margin: -6px -5px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapCheckBox .checkBox{margin:3px 5px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapCheckBox .checkBox label{color: #626262;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapCheckBox .checkBox .inputText{width: auto; vertical-align: middle; margin:3px 0 3px 5px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapCheckBox .checkBox .inputText input{width: 100px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapRadio {margin: -6px -5px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapRadio .radioBox{margin:3px 5px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapRadio .radioBox .inputText{width: auto; vertical-align: middle; margin:3px 0 3px 5px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .wrapRadio .radioBox:last-child .inputText input{width: 100px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .oxygen .td,
.column .componentManagement .tabFlightTransWrite .scrollContent .sap .td{border-right: 1px solid #e6e6e6;}
.column .componentManagement .tabFlightTransWrite .scrollContent .oxygen .td .es ~ input[type="text"],
.column .componentManagement .tabFlightTransWrite .scrollContent .sap .td .es ~ input[type="text"]{width: calc(100% - 45px); margin-left: 3px; padding-right: 55px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .oxygen .td:last-child,
.column .componentManagement .tabFlightTransWrite .scrollContent .sap .td:last-child{border-right: 0;}
/* main > 3단 > 운항관리 > 항공이송기록지 > 공통 > 환자 추가/삭제 테이블 */
.column .componentManagement .tabFlightTransWrite .tabCommon div.scrollContent{padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .scrollTable tbody{max-height: 70px; height: 100%;}
.column .componentManagement .tabFlightTransWrite .scrollTable .th:nth-of-type(1),
.column .componentManagement .tabFlightTransWrite .scrollTable .td:nth-of-type(1){width: 7%;}
.column .componentManagement .tabFlightTransWrite .scrollTable .th:nth-of-type(2),
.column .componentManagement .tabFlightTransWrite .scrollTable .td:nth-of-type(2){width: 25%;}
.column .componentManagement .tabFlightTransWrite .scrollTable .th:nth-of-type(3),
.column .componentManagement .tabFlightTransWrite .scrollTable .td:nth-of-type(3){width: 32%;}
.column .componentManagement .tabFlightTransWrite .scrollTable .th:nth-of-type(4),
.column .componentManagement .tabFlightTransWrite .scrollTable .td:nth-of-type(4){width: 12%;}
.column .componentManagement .tabFlightTransWrite .scrollTable .th:nth-of-type(5),
.column .componentManagement .tabFlightTransWrite .scrollTable .td:nth-of-type(5){width: 18%;}
.column .componentManagement .tabFlightTransWrite .scrollTable .th:nth-of-type(6),
.column .componentManagement .tabFlightTransWrite .scrollTable .td:nth-of-type(6){width: 10%;}
.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .vitalSigns .inputText{width: auto; margin-left: 10px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .vitalSigns .inputText:first-child{margin-left: 0;}
.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .vitalSigns .inputText input{width: 34px; padding: 0 2px; text-align: center;}
.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .vitalSigns .inputText input:nth-of-type(1){margin-left: 3px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .presumeDiagnosis .wrapCheckBox .checkBox:last-child .inputText input{width: 235px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .transReason .inputSelect{margin-bottom: 6px;}
.column .componentManagement .tabFlightTransWrite .scrollContent .HopsitalTrans .transReason .inputSelect{margin-bottom: 6px;}
/* main > 3단 > 운항관리 > 항공이송기록지 > 의사기본 > 진단정보 */
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .defaultTable:nth-of-type(2){margin-top: -14px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .symptom .inputText{margin-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .symptom .inputText input{width: calc(100% - 34px); margin-left: 5px; vertical-align: middle;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .pastHistory .defaultTable .row .td{padding: 10px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .pastHistory .wrapCheckBox{margin:-6px 0 20px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .pastHistory .wrapCheckBox .checkBox .inputText input{width: 60px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .doseDrug .wrapCheckBox {margin:-6px 0 -3px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .doseDrug .wrapCheckBox .checkBox:last-child .inputText input{width: 235px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .ProgressHistory tbody .td{border-right: 1px solid #e6e6e6;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .ProgressHistory tbody .td:last-child{border-right: 0;}
/* main > 3단 > 운항관리 > 항공이송기록지 > 간호사/구조사 */
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .defaultTable.patientWriteTable{margin-top: -14px;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .defaultTable.patientWriteTable thead .row .th{height: 30px;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .defaultTable.patientWriteTable thead .row.time .th{border-right: 1px solid #BDC6D7;    border-bottom: 1px solid #BDC6D7;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .defaultTable.patientWriteTable tbody .row .th{background: #7280A0;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .defaultTable.patientWriteTable tbody .row.status .td{border-right: 1px solid #BDC6D7;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .defaultTable.patientWriteTable tbody .row.status .td:last-child{border-right: 0;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .vitalSigns .th{border-right: 1px solid #e5e5e5;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .vitalSigns .inputText{width: auto; margin-left: 10px;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .vitalSigns .inputText:first-child{margin-left: 0;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .vitalSigns .inputText input{width: 34px; padding: 0 2px; text-align: center;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .vitalSigns .inputText input:nth-of-type(1){margin-left: 3px;}
/* main > 3단 > 운항관리 > 항공이송기록지 > 중증외상 */
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma div.scrollContent{height: calc(100% - 144px); padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .damage .wrapCheckBox .checkBox .inputText input{width: 71px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .oxygen .inputText input{width: 79px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .sap .td{padding-right: 0;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .sap .wrapCheckBox .checkBox .inputText input{width: 41px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .presumeDiagnosis .defaultTable tbody .td{border-right: 1px solid #e6e6e6; padding: 5px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .presumeDiagnosis .defaultTable tbody .td:last-child{border-right: 0;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .presumeDiagnosis .wrapCheckBox .checkBox{margin: 3px 4px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .diagnosisInformation .pain .inputText{float: left; width: auto; margin-right: 20px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .diagnosisInformation .pain .inputText:last-child{margin-right: 0;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .diagnosisInformation .pain .inputText input{width: 100px;}
/* main > 3단 > 운항관리 > 항공이송기록지 > 급성 뇌졸중 */
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke div.scrollContent{height: calc(100% - 144px); padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .consciousnessDisorder .th .inputText{width: auto;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .consciousnessDisorder .th .inputText input{width: 50px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .wrapRadio ~ .wrapRadio{margin-top: 3px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .wrapRadio ~ .wrapCheckBox{margin-top: 3px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .strokeCheck .wrapRadio{float: left; margin: 0;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .strokeCheck .wrapCheckBox{float: left; margin: 0 0 0 20px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .diagnosisInformation .wrapRadio .wrapCheckBox{display: inline-block; vertical-align: middle; margin-left: 5px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .diagnosisInformation .wrapRadio .wrapCheckBox:before{content: '('; display: inline-block; vertical-align: middle; font-size: 14px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .diagnosisInformation .wrapRadio .wrapCheckBox:after{content: ')'; display: inline-block; vertical-align: middle; font-size: 14px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .diagnosisInformation .wrapRadio .wrapRadio{display: inline-block; vertical-align: middle; margin-left: 5px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .diagnosisInformation .wrapRadio .wrapRadio:before{content: '('; display: inline-block; vertical-align: middle; font-size: 14px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke .diagnosisInformation .wrapRadio .wrapRadio:after{content: ')'; display: inline-block; vertical-align: middle; font-size: 14px;}


/* main > 3단 > 운항관리 > 항공이송기록지 > 급성 관상동맥 */
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery div.scrollContent{height: calc(100% - 144px); padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .scrollContent .diagnosisInformation .symptom .inputText{margin-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .scrollContent .diagnosisInformation .symptom .inputText input{width: calc(100% - 34px); margin-left: 5px; vertical-align: middle;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .check .wrapCheckBox .checkBox{display: block;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .check .wrapCheckBox .inputText{width: 100%; margin: 3px 0;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .check .wrapCheckBox .inputText input{width: 100%;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .check .defaultTable{border-left: 0;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .check .th{ border-bottom: 0;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .check .td.vat{vertical-align: top; border-bottom: 0;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .presumeDiagnosis .isRadio{display: block;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .presumeDiagnosis .wrapCheckBox .inputText input{width: 100px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .presumeDiagnosis .wrapCheckBox .wrapRadio{display: inline-block; vertical-align: middle; margin-left: 5px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .presumeDiagnosis .wrapCheckBox .wrapRadio:before{content: '('; display: inline-block; vertical-align: middle; font-size: 14px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .diagnosisInformation .presumeDiagnosis .wrapCheckBox .wrapRadio:after{content: ')'; display: inline-block; vertical-align: middle; font-size: 14px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .ngtAct .th {height: 35px; border-right: 1px solid #e6e6e6; padding: 10px 5px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .ngtAct .td {padding: 10px 5px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .ngtAct .td .inputText{margin-bottom: 5px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .ngtAct .td .inputText:last-child{margin-bottom: 0;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .ngtAct .td .inputText input{padding: 0 3px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .bloodPressure .inputText{width: 75%; }
/* main > 3단 > 운항관리 > 항공이송기록지 > 기타 */
.column .componentManagement .tabFlightTransWrite .tabEtcetera div.scrollContent{height: calc(100% - 144px); padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabEtcetera .diagnosisInformation .pain .inputText{float: left; width: auto; margin-right: 20px;}
.column .componentManagement .tabFlightTransWrite .tabEtcetera .diagnosisInformation .pain .inputText:last-child{margin-right: 0;}
.column .componentManagement .tabFlightTransWrite .tabEtcetera .diagnosisInformation .pain .inputText input{width: 100px;}
/* main > 3단 > 운항관리 > 항공이송기록지 > 운항관리 > 운항보고서 */
.column .componentManagement .tabFlightReport div.scrollContent{height: calc(100% - 57px);}
.column .componentManagement .tabFlightReport .inputText {width: 100%;}
.column .componentManagement .tabFlightReport .inputText input{height: 26px;}
.column .componentManagement .tabFlightReport .inputText .btnSearch {width: 26px; right: -5px;}
.column .componentManagement .tabFlightReport .inputText .btnSearch ~ input[type="text"]{border: 0; padding-left: 0; padding-right: 25px;}
.column .componentManagement .tabFlightReport .th{padding: 5px 8px;}
.column .componentManagement .tabFlightReport .th small{display: block;}
.column .componentManagement .tabFlightReport .td{padding: 10px;}
.column .componentManagement .tabFlightReport .td .inputSelect ~ .inputText{margin-top: 6px;}
.column .componentManagement .tabFlightReport .td .time{text-align: center;}
.column .componentManagement .tabFlightReport .table1 {margin-bottom: 10px;}
.column .componentManagement .tabFlightReport .table1 .th,
.column .componentManagement .tabFlightReport .table1 .td{height: 46px;}
.column .componentManagement .tabFlightReport .table2 .work .inputText input{height: 73px;}
.column .componentManagement .tabFlightReport .table2 .flightTime .inputText:nth-of-type(1) input{padding-right: 40px;}
.column .componentManagement .tabFlightReport .table2 .dispatchProgress .inputSelect {width: auto;}
.column .componentManagement .tabFlightReport .table2 .dispatchProgress .inputSelect select{width: 100px;}
.column .componentManagement .tabFlightReport .table2 .defaultTable .th{padding: 0 10px;height: 47px;}
.column .componentManagement .tabFlightReport .table2 .defaultTable .td{padding: 0 10px;height: 35px;}
.column .componentManagement .tabFlightReport .table2 .defaultTable .wrapBtn{height: 24px;}
.column .componentManagement .tabFlightReport .table2 .defaultTable .wrapBtn .btn {border-color: #d5d5d5; background: #fff; color: #888;}
.column .componentManagement .tabFlightReport .table2 .defaultTable .wrapBtn .btnSearch{width: 30px; height: 24px; vertical-align: middle; font-size: 0; color: #444; padding: 0;}
.column .componentManagement .tabFlightReport .table2 .defaultTable .wrapBtn .btnModify{width: 30px; height: 24px; vertical-align: middle; font-size: 0; color: #444; padding: 0;}
.column .componentManagement .tabFlightReport .table2 .defaultTable .wrapBtn .btn .icon{font-size: 15px;}
.column .componentManagement .tabFlightReport .table3 {margin: -1px 0 10px; border-top: 1px solid #e6e6e6;}
/* main > 3단 > 운항관리 > 항공이송기록지 > 운항관리 > 소모품관리대장 */
.column .componentManagement .tabConsumablesTargetItem div.scrollContent{height: calc(100% - 57px);}
.column .componentManagement .tabConsumablesTargetItem .inputText {width: 100%;}
.column .componentManagement .tabConsumablesTargetItem .inputText input{height: 26px;}
.column .componentManagement .tabConsumablesTargetItem .th{padding: 5px 8px;}
.column .componentManagement .tabConsumablesTargetItem .td{padding: 10px;}
.column .componentManagement .tabConsumablesTargetItem .defaultTable .th,
.column .componentManagement .tabConsumablesTargetItem .defaultTable .td{height: 46px;}
.column .componentManagement .tabConsumablesTargetItem .table1 {margin-bottom: 10px;}
.column .componentManagement .tabConsumablesTargetItem .table2 .td{border-right: 1px solid #e6e6e6;}
.column .componentManagement .tabConsumablesTargetItem .table2 .td:last-child{border-right: 0;}
.column .componentManagement .tabConsumablesTargetItem .table2 .wrapBtn{height: 24px;}
.column .componentManagement .tabConsumablesTargetItem .table2 .wrapBtn .btn {border-color: #d5d5d5; background: #fff; color: #888;}


/* 서브페이지 공통 */
.sub {background: #f2f3f6;}
.sub .pageTitle{padding:0 20px; height: 54px; line-height: 54px; background: #fff;}
.sub .pageTitle h2{font-size: 18px; font-family: "Pretendard Bold";}
.sub .container {height: calc(100% - 60px); background: #f2f3f6;}
/* inner 를 세로 flex 로 — pageTitle 높이를 차감한 잔여 공간을 wrapColumn 이 차지 (舊 height:inherit 는
   pageTitle 만큼 카드가 바닥을 넘던 원인) */
.sub .container .inner{height: 100%; display: flex; flex-direction: column;}
/* 카드(.column)는 상·하 동일 간격(10px)으로 뷰포트 안에서 끝나고, 넘치는 내용은 카드 내부 스크롤로 본다(2026-07-22) */
.sub .wrapColumn{flex: 1 1 auto; min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: start; padding: 10px 0;}
/* 여백을 padding 이 아니라 흰색 border 로 — 스크롤 클리핑이 padding 가장자리에서 일어나
   내용이 카드 상·하단 여백을 침범하던 것을 차단(시각 결과는 동일한 20px 안쪽 여백) */
.sub .column{width: 100%; height: 100%; padding: 0; border: 20px solid #fff; background: #fff; overflow-y: auto; overflow-x: hidden;}
.sub .column::-webkit-scrollbar{width: 6px;}
.sub .column::-webkit-scrollbar-thumb{background: rgba(114, 128, 160, .45); border-radius: 3px;}
.sub .column::-webkit-scrollbar-track{background: transparent;}
.sub .column.columnLeft{width: 386px; margin-right: 10px;}
.sub .column.columnRight{flex:1; margin-left: 0;}
.sub .column .component{padding: 0;}
/* 컴포넌트 타이틀(h2) 밑줄 — 화면마다 .line 클래스 유무로 갈리던 것을 공통 통일(2026-07-22, .line 은 잔재 클래스) */
.sub .column h2{font-family: "Pretendard SemiBold"; font-size: 18px; font-weight: 500; padding-left: 0;
    border-bottom: 1px solid #e2e3e4; margin-bottom: 27px; padding-bottom: 12px;}
.sub .column h3{font-size: 14px; font-weight: 500; margin-bottom: 11px; color: #444;}
.sub .column .inputText {width: 100%;}
.sub .column .component .wrapBtn .btn{height: 26px; margin-left: 5px;}
.sub .column .component .wrapBtn .btnDown{width: 100px; color: #234EA1; border-color: #234EA1;}
.sub .column .component .wrapBtn .btnBlue{color: #234EA1; border-color: #234EA1;}
.sub .column .component .wrapBtn .btnSearch{width: 65px; vertical-align: middle; background: #234ea1; color: #fff; border-color: #234ea1; padding-left: 5px;}
.sub .column .component .wrapBtn .btnSearch .icon{font-size: 15px; margin-right: -3px;}
.sub .column .componentFilter {border-bottom: 1px solid #e6e6e6;  }
.sub .column .componentFilter .flex {display: flex; flex-wrap:wrap; align-items:center;}
.sub .column .componentFilter .flex > div{margin:0 15px 10px 0;}
.sub .column .componentFilter .flex > div:last-child{margin-right: 0;}
.sub .column .componentFilter .tit{display: inline-block; vertical-align: middle; font-size: 14px; font-family: "Pretendard SemiBold"; color: #000; margin-right: 7px;}
.sub .column .componentFilter .wrapRadio{margin: 0 10px 10px -10px;}
.sub .column .componentFilter .wrapRadio .radioBox{margin: 0 10px;}
.sub .column .componentFilter .wrapRadio.mg5 .radioBox{margin: 0 5px;}
.sub .column .componentFilter .inputText,
.sub .column .componentFilter .inputSelect{width: auto;}
.sub .column .componentFilter .inputText input{display: inline-block; vertical-align: middle; width: 100px;}

.sub .column .componentFilter .inputText input.w200{width: 200px;}
.sub .column .componentFilter .inputText input.w400{width: 400px;}

.sub .column .componentFilter .inputSelect select{display: inline-block; vertical-align: middle; width: 100px;}
.sub .column .componentFilter .inputText.width125 input,
.sub .column .componentFilter .inputSelect.width125 select{width: 125px;}
.sub .column .componentFilter .inputText.width145 input,
.sub .column .componentFilter .inputSelect.width145 select{width: 145px;}
.sub .column .componentFilter .inputText.width170 input,
.sub .column .componentFilter .inputSelect.width170 select{width: 170px;}
.sub .column .componentFilter .inputText.width200 input,
.sub .column .componentFilter .inputSelect.width200 select{width: 200px;}
.sub .column .componentFilter .inputText.width215 input,
.sub .column .componentFilter .inputSelect.width215 select{width: 215px;}
.sub .column .componentFilter .inputText.width235 input,
.sub .column .componentFilter .inputSelect.width235 select{width: 235px;}
.sub .column .componentFilter .inputText.width270 input,
.sub .column .componentFilter .inputSelect.width270 select{width: 270px;}
.sub .column .componentFilter .wrapCheckBox{display: inline-block; vertical-align: middle;}
.sub .column .componentFilter .datePicker .inputText{padding-left: 26px;}
.sub .column .componentFilter .datePicker .inputText:before{content: ''; display: block; position: absolute; top: 13px; left: 6px; width: 10px; height: 1px; background: #ccc;}
.sub .column .componentFilter .datePicker .inputText:first-of-type{padding-left: 0;}
.sub .column .componentFilter .datePicker .inputText:first-of-type:before{display: none;}
.sub .column .componentFilter .datePicker .inputText input{font-size: 14px; font-weight: 350; width: 150px; height: 26px;}
.sub .column .componentFilter .datePicker .inputText .btnCalendar{position: absolute; top: 3px; right: 7px; font-size: 16px; color: #444444; pointer-events: none;}
.sub .column .componentFilter .wrapBtn.floating{top: auto; bottom: 10px; margin: 0;}
.sub .column .componentResult {margin-top: 20px;}
.sub .column .componentResult .scrollTable .td{min-height: 41px;}

.sub .column .componentResult .result{margin:0 -13px 10px;}
.sub .column .componentResult .result span{position: relative; float: left; font-size: 12px; font-weight: 350; color: #626262; padding:0 13px;}
.sub .column .componentResult .result span:before{content: ''; position: absolute; top: 0; left:0; display: block; width: 1px; height: 100%; background: #d5d5d5;}
.sub .column .componentResult .result span:first-child:before{display: none;}
.sub .column .componentResult .result span em{font-style: normal; font-weight: 500; color: #444; margin-left: 5px;}
.sub .column .componentResult .wrapBtn.floating{top: -7px; }


/* 회의록 관리 */
.meetingWrite .inputText input{height: 100%;}
.meetingWrite .componentSearch {height: 100%;}
/* 검색 필드 2행 배치(2026-07-22): 1행 지역·병원(절반폭), 2행 년·월(고정폭)+검색 버튼 */
.meetingWrite .componentSearch .location{float: left; width: calc(50% - 6px); margin: 0 10px 10px 0;}
.meetingWrite .componentSearch .area{float: left; width: calc(50% - 6px); margin-bottom: 10px;}
.meetingWrite .componentSearch .year{float: left; width: 160px; margin-right: 10px;}
.meetingWrite .componentSearch .month{float: left; width: 130px;}
.meetingWrite .componentSearch .wrapBtn{float: right;}                 /* 검색 버튼 우측 정렬 */
.meetingWrite .componentSearch .gridBox{margin-top: 20px;}            /* 일자 목록이 검색 폼에 붙던 것 — 舊 요약표 margin 승계 */
/* 일자 목록에서 오늘 행 강조 — 옅은 파랑 배경 + 일자 굵게(2026-07-22) */
.meetingWrite .componentSearch .gridBox .row.todayRow .td{background: #eaf1fc;}
.meetingWrite .componentSearch .gridBox .row.todayRow .td:first-child{font-family: "Pretendard SemiBold"; color: #234ea1;}
/* 관리 타이틀 — 시작(파랑)/종료(빨강) 구분 강조 + 날짜 분리 표기 */
.meetingWrite .componentManage .manageTitle .meetKind{font-family: "Pretendard Bold";}
.meetingWrite .componentManage .manageTitle .meetKind.start{color: #234ea1;}
.meetingWrite .componentManage .manageTitle .meetKind.end{color: #c0392b;}
.meetingWrite .componentManage .manageTitle .manageDate{color: #8a97ad; font-family: "Pretendard SemiBold"; font-size: 15px;}
.meetingWrite .componentManage {height: 100%;}
.meetingWrite .componentManage .list{float: left; width: 36.237%;}
.meetingWrite .componentManage .list .inputText .btnSearch {width: 26px; right: -5px;}
.meetingWrite .componentManage .list .inputText .btnSearch ~ input[type="text"]{border: 0; padding-left: 0; padding-right: 25px;}
.meetingWrite .componentManage .list .defaultTable{margin-bottom: 20px;}
.meetingWrite .componentManage .list .scrollTable tbody{height: 175px;}
.meetingWrite .componentManage .list .toggleBtn {position: relative; display: inline-block; vertical-align: middle; width: 44px; height: 18px; color: #df4344; background: #df4344; border-radius:18px;}
.meetingWrite .componentManage .list .toggleBtn input{position: absolute; left:0; right:0; width: 100%; height: 100%; opacity: 0; z-index: 9; cursor:pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.meetingWrite .componentManage .list .toggleBtn .round{content: ''; position: absolute; top: 2px; left: 3px; width: 14px; height: 14px; background: #fff; border-radius:50%; transition: all .2s ease-in-out;}
.meetingWrite .componentManage .list .toggleBtn .txt{position: absolute; top: -1px; left: 50px; display: block;}
.meetingWrite .componentManage .list .toggleBtn.active {color: #4372bb; background: #4372bb;}
.meetingWrite .componentManage .list .toggleBtn.active .round{left: 26px;}
.meetingWrite .componentManage .content{position: relative; float: right; width: 58.838%;}
.meetingWrite .componentManage .content .scrollTable .th:nth-child(1),
.meetingWrite .componentManage .content .scrollTable .td:nth-child(1){width: 20.601%;}
.meetingWrite .componentManage .content .scrollTable .th:nth-child(2),
.meetingWrite .componentManage .content .scrollTable .td:nth-child(2){width: 54.077%;}
.meetingWrite .componentManage .content .scrollTable .th:nth-child(3),
.meetingWrite .componentManage .content .scrollTable .td:nth-child(3){width: 25.322%;}
.meetingWrite .componentManage .content .scrollTable tbody .th{background: #7280A0; min-height: 57px;}
.meetingWrite .componentManage .content .scrollTable tbody .row:last-child .th{width: 20.765%;}
.meetingWrite .componentManage .content .scrollTable tbody .row:last-child .td{width: 79.235%;}
.meetingWrite .componentManage .content .scrollTable .inputText input{height: 36px;}
/* 회의내용 입력칸: 셀 상하좌우 여백 동일화 (minutes 전용 — 공통 그리드 td 는 5/10 비대칭) */
.meetingWrite .componentManage .content .gridBox tbody .row .td{padding: 8px;}
.meetingWrite .componentManage .content .wrapBtn{top: -6px;}
.meetingWrite .componentManage .content .wrapBtn .btn{width: 45px; height: 26px;}

/* 임무기록대장 */
.missionWrite .column .componentWorkConpose {margin-top: 20px;}
.missionWrite .column .componentWorkConpose .defaultTable .wrapBtn{right: 10px;}
.missionWrite .column .componentWorkConpose .wrapBtn.util{top: -5px;}

/*인계점관리*/
.scroll-y{
    width: 100%;
    overflow-y: auto;
    max-width: 1880px;
    white-space: nowrap;
}
.scroll-y .defaultTable{
    overflow: visible;
}

.scroll-y .defaultTable .row .th{
    padding: 8px 0;
}

.scroll-y .defaultTable .row .td {
    color: #626262;
    background: #fff;
    padding: 5px 10px;
    white-space: initial;
}
/* 그리드 셀 체크박스 — 舊 .tablecell1 래퍼 제거로 td 직속 input 에 직접 건다(2026-07-22) */
.gridBox .gridScroll .td input[type=checkbox] {
    border:solid 1px #D5D5D5;
    border-radius: 4px;
}

/* 헬기 및 헬기사업자 관리 */
.helicopterManage .column .component .wrapBtn {top: -7px;}
.helicopterManage .column .component .wrapBtn .btn{margin-left: 10px;}
.helicopterManage .column .component .wrapBtn .btnDown{width: 100px; margin-left: 20px;}
.helicopterManage .column .componentResult .result span{font-size: 14px; font-weight: 500; color: #444;}
.helicopterManage .column .componentResult .result em{font-size: 12px;}
/* 상하 분할(2026-07-22): 상단 헬기사업자 / 하단 헬기기체 목록. 좌우 float → 전체폭 세로 스택
   상단 사업자 그리드는 고정 높이(JSP data-grid-height), 하단 목록은 화면 바닥까지 responsive */
.helicopterManage .column .componentLeft{width: 100%; margin-bottom: 30px;}
.helicopterManage .column .componentRight{width: 100%;}
/* 밀도 높은 2단 그리드 — 셀 좌우 패딩 축소로 개행 억제 (콘텐츠 총폭 > 가용폭 화면) */
.helicopterManage .gridBox .defaultTable .row .th,
.helicopterManage .gridBox .defaultTable .row .td{padding: 5px 6px;}
/* 길이 상한 없는 컬럼(좌: 주소, 우: 배치병원)만 말줄임 — 폭 배분으로 해결 불가. 전체 값은 수정 팝업에서 확인 */
/* 주소·이메일 열 말줄임 — 舊 .tablecell1 제거로 td 에 직접(table-layout:fixed + colgroup 폭이라 ellipsis 작동) */
.helicopterManage .componentLeft .gridBox .defaultTable .row .td:nth-child(3),
.helicopterManage .componentRight .gridBox .defaultTable .row .td:nth-child(6){
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 근무조 편성 */
.workConpose .column .componentFilter .flex > div.year{margin-right: 10px;}
.workConpose .column .componentFilter .flex > div.month{margin-right: 10px;}
.workConpose .column .componentFilter .wrapBtn .btnDown{color:#234ea1; border-color: #234ea1;}
.workConpose .column .componentResult .result .wrapBtn{position: absolute; top: -7px; left: 120px; padding-left: 10px; }

/* 게시판 공통 */
.board .column .componentFilter .flex > div{margin: 0 10px 10px 0;}

/* 게시판 글쓰기 공통 */
.boardWrite .column {display: flex; flex-direction: column;}
.boardWrite .column .componentFilter {border-bottom: 0;}
.boardWrite .column .componentFilter .defaultTable .th,
.boardWrite .column .componentFilter .defaultTable .td{height: 41px;}
.boardWrite .column .componentFilter .defaultTable .td {padding: 5px 10px;}
.boardWrite .column .componentFilter .defaultTable .td .wrapBtn{margin: 5px 0;}
.boardWrite .column .componentFilter .defaultTable .td .uploadFile{max-height:80px;}
.boardWrite .column .componentFilter .defaultTable .td .uploadFile li{margin: 3px 0;}
.boardWrite .column .componentFilter .defaultTable .td .uploadFile li button{display: inline-block; vertical-align: middle; width: 13px; height: 13px; font-size: 10px; background: #b4b4b4; color: #fff;}
.boardWrite .column .componentFilter .defaultTable .td .uploadFile li .iconClose{display: block; transform: scale(0.7);}
.boardWrite .column .componentFilter .defaultTable .td .uploadFile li .iconClose:before{margin: 0;}
.boardWrite .column .componentFilter .defaultTable .td .uploadFile li span{display: inline-block; vertical-align: middle; color: #b3b3b3; font-weight: 350; padding-left: 5px;}
.boardWrite .column .componentFilter .inputText{width: 100%;}
.boardWrite .column .componentFilter .inputText input{width: 100%;}
.boardWrite .column .componentFilter .datePicker {display: inline-block; vertical-align: middle; margin-right: 7px;}
.boardWrite .column .componentFilter .datePicker .inputText {width: auto;}
.boardWrite .column .componentWrite{margin-top: 10px; height: calc(100% - 136px); display: flex; flex-direction: column;}
.boardWrite .column .componentWrite textarea{width: 100%; height: 100%; font-size: 14px; color: #444; border: 1px solid #ccc; border-radius:3px; padding: 20px; outline:0; resize: none; outline:0;}
.boardWrite .column .componentWrite .wrapBtn{text-align: right; margin-top: 20px;}

/* 게시판 뷰페이지 공통 */
.boardView .column .componentFilter {border-bottom: 0;}
.boardView .column .componentFilter .defaultTable .th,
.boardView .column .componentFilter .defaultTable .td{height: 41px;}
.boardView .column .componentFilter .defaultTable .file .td .btnDown{color: #4372bb;}
.boardView .column .componentView {padding: 20px; border-bottom: 1px solid #e6e6e6;}
.boardView .column .componentView article{font-size: 14px; color: #626262; line-height: 1.5em;}
.boardView .column .componentComment .commnetList{}
.boardView .column .componentComment .commnetList .commnetItem{position: relative; border-bottom: 1px dashed #e6e6e6; padding: 20px 70px 20px 20px;}
.boardView .column .componentComment .commnetList .commnetItem:last-child{border-bottom: 0;}
.boardView .column .componentComment .commnetList .commnetItem .commentInfo{font-size: 12px; color: #626262; font-weight: 350; margin-bottom: 10px;}
.boardView .column .componentComment .commnetList .commnetItem .commentInfo li{position: relative; float: left; padding:0 12px;}
.boardView .column .componentComment .commnetList .commnetItem .commentInfo li:before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 14px; background: #d5d5d5;}
.boardView .column .componentComment .commnetList .commnetItem .commentInfo li:first-child{padding-left: 30px;}
.boardView .column .componentComment .commnetList .commnetItem .commentInfo li:first-child:before{display: none;}
.boardView .column .componentComment .commnetList .commnetItem .commentInfo .thumb{position: absolute; top: -3px; left: 0; width: 19px; height: 19px; background:#999 url('/common/iconUser.png') 50% 50% no-repeat; overflow: hidden; border-radius:50%; -webkit-border-radius:50%;}
.boardView .column .componentComment .commnetList .commnetItem .commentContent{font-size: 14px; line-height: 1.4em; color: #626262;}
.boardView .column .componentComment .commnetList .commnetItem .wrapBtn{top: 50%; right: 20px; margin: auto; transform: translateY(-50%);}
.boardView .column .componentComment .commnetList .commnetItem .btnDelete{width: 26px; height: 26px; font-size: 0; background: #ccc; padding: 0; border: 0; border-radius:50%; -webkit-border-radius:50%;}
.boardView .column .componentComment .commnetList .commnetItem .btnDelete .iconClose{font-size: 13px; color: #fff;}
.boardView .column .componentComment .commnetWrite {border: 1px solid #ccc; padding: 10px; background: #fff; margin-top: 22px; border-radius:4px; -webkit-border-radius:4px;}
.boardView .column .componentComment .commnetWrite textarea {display: inline-block; vertical-align: middle; width: calc(100% - 103px); height: 64px; font-size: 14px; background: #f5f5f8; color: #626262; padding: 20px; resize: none; outline:0;}
.boardView .column .componentComment .commnetWrite .btnWrite{width: 90px; height: 64px; border-color: #234EA1; color: #234EA1;}
.boardView .column .componentComment .commnetWrite .btnWrite .iconComment{font-size: 28px;}
.boardView .column .componentComment .wrapBtn{text-align: right; margin-top: 20px;}

/* 문자메시지 전송 (2026-07-22 세로 스택 레이아웃)
   좌측: [받는사람 설정 1행] → [수신인 목록] → [메시지 작성(본문 전체폭·바닥까지)]
   우측: [전송목록 검색 1행] + [그리드(바닥까지)] */
.message .column.columnLeft{width: 760px; display: flex; flex-direction: column;}

/* 받는사람 설정 — 보내는/받는 입력 + 추가·검색 버튼을 한 행에 */
.message .columnLeft .componentReceive{width: 100%; margin-bottom: 24px; display: flex; flex-direction: column; flex: 1; min-height: 0;}
/* 받는사람 바 — 조회조건(componentFilter)처럼 하단 구분선 + 동일 여백(padding10+border1+margin20)
   으로 우측 검색필터와 높이를 맞춰 좌우 그리드 헤더 정렬 */
.message .columnLeft .componentReceive .recvBar{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.message .columnLeft .componentReceive .recvBar .inputText{width: auto; flex: 0 0 auto; display: flex; align-items: center; gap: 8px;}
.message .columnLeft .componentReceive .recvBar .inputText input{width: 150px;}
.message .columnLeft .componentReceive .recvBar .tit{font-size: 13px; color: #444; white-space: nowrap;}
.message .columnLeft .componentReceive .recvBar .wrapBtn{flex: 0 0 auto; margin-left: auto;} /* 버튼 그룹 우측 끝 정렬 */
.message .columnLeft .componentReceive .recvBar .wrapBtn .btn{margin-left: 8px;}

/* 수신인 목록 — 적당한 높이 + 스크롤(공통 그리드 디자인 그대로: 프레임 테두리 없음) */
.message .columnLeft .componentReceive .componentResult{position: relative; display: flex; flex-direction: column; flex: 1; min-height: 0;}
/* 그리드 자체(gridBox·gridScroll)는 공통 css 높이 모드 기본형이 담당 — 화면 전용 선언 불필요 */

/* 메시지 작성 — textarea 고정 높이(2,000byte에 과하지 않게), 카운터는 입력칸 하단-우측
   (컬럼 남는 세로 여백은 위쪽 수신인 그리드가 flex 로 흡수하고, 이 영역은 자연 높이로 바닥에 위치) */
.message .columnLeft .componentContent{width: 100%;}
.message .columnLeft .componentContent .msgTypeSel{display: flex; gap: 20px; margin-bottom: 12px;}
.message .columnLeft .componentContent .msgTypeSel label{display: flex; align-items: center; gap: 5px; font-size: 14px; color: #444; cursor: pointer;}
.message .columnLeft .componentContent .msgTypeSel .hint{font-size: 12px; color: #8a97ad;}
.message .columnLeft .componentContent .inputText{margin-bottom: 12px;}
.message .columnLeft .componentContent .inputText .byteHint{display: block; text-align: right; margin-top: 4px; font-size: 12px; color: #8a97ad;}
.message .columnLeft .componentContent .inputText input:disabled{background: #f0f0f2; color: #aaa; cursor: not-allowed;}
.message .columnLeft .componentContent .content .messageWrite{height: 240px; border: 1px solid #ccc; background: #fff; border-radius: 4px; -webkit-border-radius: 4px;}
.message .columnLeft .componentContent .content .messageWrite textarea{width: 100%; height: 100%; font-size: 14px; background: #f5f5f8; color: #626262; padding: 15px; resize: none; outline: 0; border-radius: 4px;}
.message .columnLeft .componentContent .content .countTxt{text-align: right; margin-top: 6px; font-size: 12px; color: #626262; font-weight: 350;}
.message .columnLeft .componentContent .content .countTxt em{font-style: normal; color: #444; font-weight: 500;}
.message .columnLeft .componentContent .content .countTxt em.over{color: #d64545;}
.message .columnLeft .componentContent .content .wrapBtn{text-align: center; margin-top: 15px;}
.message .columnLeft .componentContent .content .wrapBtn .btnSend{color: #4372bb; border-color: #4372bb;}

/* 우측 전송 목록 — 검색 1행 + 그리드 바닥까지 */
.message .column.columnRight{display: flex; flex-direction: column;}
.message .columnRight .componentFilter{margin-bottom: 20px;}
.message .columnRight .componentResult{display: flex; flex-direction: column; flex: 1; min-height: 0;}
.message .column.columnRight .componentFilter .inputText input{width: 119px;}
/* 전송목록 검색 필터 1줄 배치(기간·수신인명·수신번호·검색) */
.message .column.columnRight .componentFilter .flex{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;}


/* ── 폼·문서 스크롤 (2026-07-21, mCustomScrollbar 퇴출) ──────────────────────
   .scrollContent 는 舊 mCS 가 감싸던 스크롤 영역 — 이제 네이티브 overflow 가 담당.
   높이는 화면별 기존 규칙(calc/px)이 그대로 유효. 데이터 그리드는 아래 gridBox 규약 사용. */
.scrollContent{overflow-y: auto;}

/* ── 공통 데이터 그리드: css/common/grid.css + hems2.grid.js 로 이관(2026-07-22) ──
   gridBox 규약·스타일·마크업 규약은 grid.css 한 곳에서 관리한다(로드 순서: grid.css → style.css,
   그래서 아래 각 화면 절의 그리드 확장이 공통을 이긴다). 여기에는 화면 전용 그리드 확장만 남긴다. */

/* NEDIS 연계 조회 (이송환자 조회 transferPatient + 환자번호 팝업 searchNedisPatientNo) */
.nedis{}
.nedis .column .componentFilter .wrapRadio .radioBox{margin: 0; margin-right: 10px;}
.nedis .column .componentFilter .inputText.age input{width: 65px;}


/* 지도 초기값 설정 */
.mapSetting{}
.mapSetting .column.columnLeft{width: 440px;}
.mapSetting .column .wrapBtn{text-align: right; margin-top: 10px;}
.mapSetting .column .wrapBtn .btnMove{color: #4372bb; border-color: #4372bb;}
.mapSetting .column .checkArea {position: relative;}
.mapSetting .column .checkArea .sort {margin-bottom: 15px;}
.mapSetting .column .checkArea .sort .wrapCheckBox{float:left; margin:0 45px 0 -10px;}
.mapSetting .column .checkArea .sort .wrapCheckBox:last-child{margin-right: 0;}
.mapSetting .column .checkArea .sort .wrapCheckBox .checkBox{margin:0 10px;}
.mapSetting .column .checkArea .location {width:690px;}
.mapSetting .column .checkArea .location .wrapCheckBox {float: left; margin:0 20px -4px -2px;}
.mapSetting .column .checkArea .location .wrapCheckBox:nth-of-type(1){width:30%;}
.mapSetting .column .checkArea .location .wrapCheckBox:nth-of-type(2){width:40%;}
.mapSetting .column .checkArea .location .wrapCheckBox:nth-of-type(3){width:20%;}
.mapSetting .column .checkArea .location .wrapCheckBox .checkBox{width:65px; min-width:auto; margin:0 2px 4px;}
.mapSetting .column .contentMap {position: relative; width: 100%; height: calc(100% - 119px); background: #e9e9e9; margin: 20px 0 0; overflow: hidden;}

/* 천문자료 관리 — 공통 그리드(gridBox) 전환(2026-07-22)으로 舊 전용 선·패딩 규칙 제거.
   세로선·헤더 구분선·패딩 모두 위 '공통 데이터 그리드' 규약이 담당한다. */
.sub.astronomy{}

/* 입력 충실도 현황(dispatchHistory2) — 26컬럼(순번·항목 + 지역 8 × 미입력/전체/비율) 통계 크로스탭.
   공통 gridBox 로 sticky 2줄 헤더·스크롤을 얻되, 지역 경계 세로선은 통계 가독성상 유지한다(type02, common.css).
   공통 헤더 구분선(th::after)은 type02 의 border-right 와 겹쳐 이중선이 되므로 이 화면에서만 끈다.
   컬럼 폭 합이 넓어 가로 스크롤을 공통 세로 스크롤에 더한다. */
.dispatchHistory2 .gridBox .gridScroll{overflow-x: auto;}
.dispatchHistory2 .gridBox .gridScroll thead .th::after{display: none;}

/* 권한 관리 */
.authority{}
/* 화면 높이에 맞춰 좌·우 컬럼이 바닥을 공유하고, 그리드는 각자 내부 스크롤을 갖는다(2026-07-20).
   높이 체인: vueApp → container → inner(flex) → wrapColumn(flex:1) → column → … → gridScroll(flex:1)
   중간에 height 가 auto 인 요소가 하나라도 끼면 그리드가 화면 바닥을 뚫고 나가므로 체인을 끊지 말 것.
   그리드는 data-grid-height="css" 로 두어 JS 가 높이에 개입하지 않게 한다. */
.authority .vueApp{height: calc(100% - 60px);}  /* 이 파일 하단(병합분)의 .vueApp{height:100%} 는 헤더(60px)를 안 뺀다 */
.authority .container{height: 100%;}            /* 헤더 차감은 위에서 끝났다 — .sub .container 처럼 또 빼면 60px 모자란다 */
.authority .container .inner{display: flex; flex-direction: column;}
.authority .wrapColumn{height: auto; flex: 1; min-height: 0;}  /* pageTitle(54px)이 쓴 만큼 자동으로 빠진다(height:inherit 는 안 빠져 넘쳤다) */

/* 좌측: 권한 목록·사용자 목록이 컬럼 높이를 반씩 나눠 갖는다 */
.authority .column.columnLeft{width: 440px; display: flex; flex-direction: column;}
.authority .column.columnLeft .flex{display: flex; flex-direction: column; flex: 1; min-height: 0; margin-bottom: 30px;}
.authority .column.columnLeft .flex:last-child{margin-bottom: 0;}

/* 우측: 권한 수정 그리드가 컬럼의 남는 높이를 전부 차지한다(옛 900px 고정은 작은 화면에서 넘쳤다) */
.authority .column.columnRight{display: flex; flex-direction: column;}
.authority .column.columnRight > .component{display: flex; flex-direction: column; flex: 1; min-height: 0;}
.authority .column.columnRight #grpAuthForm{display: flex; flex-direction: column; flex: 1; min-height: 0;}

/* ⚠ flex 컨테이너 안에서는 자식의 margin 병합이 사라진다 — 그대로 두면 h2.line 의
   margin-bottom(27px)에 .componentResult 의 margin-top(20px)이 더해져 47px 이 되어 그리드
   시작이 20px 밀린다. 좌우 모두 margin-top 을 없애 27px 로 맞춘다(2026-07-20) */
.authority .column .componentResult{display: flex; flex-direction: column; flex: 1; min-height: 0; margin-top: 0;}
/* 공통 그리드 전환(2026-07-20): 컬럼 폭은 JSP colgroup, 스크롤 높이는 gridBox 의
   data-grid-height 로 이관 — 옛 nth-child 폭 규칙·tbody 높이 규칙은 제거했다.
   여기 남는 것은 이 화면 고유의 '행 머리(th)' 표현뿐이다. */
.authority .column.columnLeft .componentResult .gridBox tbody .th{height: 35px; text-align: left; padding:10px;}
.authority .column.columnLeft .componentResult .gridBox tbody .td{height: 35px; min-height: 35px;}

.authority .column.columnRight .componentResult .gridBox tbody .th{height: auto; min-height: 52px; text-align: left; padding:10px}

/* 통화내역 조회 — 컬럼 폭은 callHistory.jsp colgroup 으로 이관(공통 그리드 전환) */

/* 출동요청 관리 기록 — 컬럼 폭은 moveReq.jsp colgroup 으로 이관(공통 그리드 전환) */

/* 근태이력 — 컬럼 폭은 workHistory.jsp colgroup 으로 이관(공통 그리드 전환) */

/* 회원가입 */
.join .container{height: calc(100% - 60px); background: #f2f3f6;}
.join .container .inner{height: 100%; padding: 10px;}
.join .wrapColumn{height: 100%; background: #fff;}
.join .column{width: 740px; margin: 0 auto; padding:80px 0 0 0;}
.join .column .component{padding: 0;}
.join h2 {font-family: "Pretendard SemiBold"!important; font-size: 28px; color: #000; text-align: center; margin-bottom: 30px;}
.join .joinStep {height: 50px; margin-bottom: 20px;}
.join .joinStep li{font-size: 0; text-align: -9999px;}
.join .joinStep.joinStep1 {background: url('/misc/img_join1.jpg') 0 0 no-repeat;}
.join .terms h3{font-family: "Pretendard Medium"!important; margin-bottom: 20px; font-size: 18px;letter-spacing: normal;text-align: center;color: #262d37;}
.join .terms .item h3{font-family: "Pretendard Bold"!important;margin-top: 16px; margin-bottom: 8px; font-size: 16px;letter-spacing: normal;text-align: left;color: #262d37;}
.join .terms .item .scrollContent{height: 300px;  border-radius: 4px; border: solid 1px #dce2ef; margin-bottom: 10px;}
.join .terms .item .scrollContent dl{padding: 20px;}
.join .terms .item .scrollContent dt{font-size: 14px; font-weight: 350; color: #434343; line-height: 1.5em;}
.join .terms .item .scrollContent dd{font-size: 12px; font-weight: 350; color: #434343;margin-bottom: 7px; line-height: 1.5em;}
.join .terms .item:last-child .scrollContent{margin-bottom: 0;}
.join .terms .item .scrollContent table tr th{
    height: 40px;
    font-family: "Pretendard SemiBold" !important;
    font-size: 14px;
    color: #fff;
    background-color: #7280A0;
    text-align: center;
}
.join .terms .item .scrollContent table thead tr th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.join .terms .item .scrollContent table thead tr th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.join .terms .item .scrollContent table tr td{
    height: 50px;
    padding: 18px 16px;
    box-sizing: border-box;
    background-color: #fff;
    color: #262d37;
    font-size: 14px;
    font-family: "Pretendard" !important;
    text-align: left;
    border-bottom: solid 1px #dce2ef;
}
.join .terms .noticeBox{
    margin-top: 8px;
    padding: 12px 12px 12px 36px;
    border-radius: 4px;
    background-color: #f5f7fa;
    background-image: url(../../images/common/ico-exclamation.png);
    background-repeat: no-repeat;
    background-position: top 12px left 12px;
    font-size: 13px;
    text-align: left;
    color: #697b9b;
}
.join .wrapCheckBox {margin: 10px 0 0 0; padding: 20px; border-radius: 4px; border: solid 1px #dce2ef;}
.join .wrapCheckBox .checkHead{margin-bottom: 10px; font-family: "Pretendard SemiBold" !important; font-size: 14px;letter-spacing: normal;text-align: left; color: #262d37;}
.join .wrapCheckBox .checkCont{}
.join .wrapCheckBox .checkCont>.flex{display: flex;align-items: center}
.join .wrapCheckBox .checkCont strong{display: inline-block;margin-right: 16px; font-size: 14px;text-align: left;color: #262d37;}
.join .wrapCheckBox .checkCont p{font-size: 14px;text-align: left;color: #262d37;}
.join .wrapCheckBox .checkCont .msg{
    margin-top: 16px;
    padding: 12px;
    background-color: #f4f4f4;
}

.join .wrapCheckBox .checkCont .msg p{
    font-size: 12px;
    text-align: left;
    color: #d71921;
}
.join .wrapCheckBox .checkBox {margin: 0 0 0 10px;}
.join .wrapCheckBox .checkBox label{padding:0;}
.join .wrapCheckBox .checkBox input[type="checkbox"] + span{top: 0px;width: 16px; height: 16px; background: #fff;}
.join .wrapCheckBox .checkBox input[type="checkbox"] + span:before{top: 2px; font-size: 12px; color: #4372bb; text-align: center; transform: scale(1);}
.join .wrapCheckBox .checkBox input[type="checkbox"] + span + em{font-size: 14px; color: #444; font-weight: 500; padding-left: 25px;}
.join .wrapCheckBox.allAgree {text-align: center; margin: 12px 0 0 0; padding-bottom: 11px; border-bottom: 1px solid #ccc;}
.join .wrapCheckBox.allAgree .checkBox input[type="checkbox"] + span{top: 9px;}
.join .wrapCheckBox.allAgree .checkBox input[type="checkbox"] + span + em{font-size: 18px; color: #444; font-weight: 500; padding-left: 35px;}
.join .componentForm {position: relative;}
.join .componentForm h3{font-size: 14px; margin-bottom: 10px;}
.join .componentForm .msg{position: absolute; top: 3px; right: 0; font-size: 12px; font-weight: 350;}
.join .componentForm em{font-size: 12px; color: #df4343; font-weight: 350; font-style: normal; margin-left: 5px;}
.join .componentForm .flex{display: flex; align-items: center;}
.join .componentForm .inputText{width: 305px;}
.join .componentForm .inputSelect{display: inline-block; vertical-align: middle; width: 305px;}
.join .componentForm .email .inputText{width: 79px;}
.join .componentForm .email .inputSelect{width: 120px; margin-left: 4px;}
.join .componentForm .email .inputSelect select{line-height: 1.5em;}
.join .componentForm .email span{margin: 0 5px;}
.join .componentForm .wrapBtn{display: inline-block; vertical-align: middle; margin-left: 5px;}
.join .wrapBtn.util{font-size: 0; text-align: center; margin-top: 16px;}
.join .wrapBtn.util .btn{width: 100px; height: 36px; display: inline-block; vertical-align: middle; font-size: 14px; text-align: center; border: 1px solid #444; border-radius:4px;}
.join .wrapBtn.util .btnAgree{background: #234ea1; border: 0; color: #fff; margin-right: 5px;}

/* 로그인 */
.login {background: url('/images/misc/bg_login.webp') 50% 50% no-repeat; background-size: cover;}
.login .container{height: calc(100% - 100px);}
.login .inner{position: relative; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.login .logo{width: 94px; height: 23px; font-size: 0; text-indent: -9999%; background: url('/images/misc/logo.png') 0 0 no-repeat; margin-bottom: 24px;}
.login h2{font-size: 24px; font-weight: 300; color: #fff; margin-bottom: 70px;}
.login .footer{height: 100px; background: rgba(20,20,30,.1); text-align: center; padding-top: 30px;}
.login .footer .addr {font-size: 0;}
.login .footer .addr li{position: relative; display: inline-block; font-size: 14px; font-weight: 300; color: #abb3bd; padding:0 10px; line-height: 1.8em;}
.login .footer .addr li:before{content: ''; display: block; position: absolute; top: 6px; left: 0; width: 1px; height: 14px; background: #abb3bd;}
.login .footer .addr li:first-child:before{display: none;}
.login .footer .copy{font-size: 14px; font-weight: 300; color: #abb3bd;}


/* 팝업 */
.popup .container{height: 100%; background: #f2f3f6;}
.popup .wrapColumn{margin:0 auto;}
.popup h1{height: 50px; font-size: 18px; font-weight: 350; text-align: center; line-height:50px; color: #fff; background: #234EA1;}
.popup .pageTitle{padding:0 20px; height: 54px; line-height: 54px; background: #fff; margin-bottom: 10px;}
.popup .pageTitle h2{font-size: 18px; font-family: "Pretendard Bold";}
.popup .column{width: 100%; height: 100%; background: #fff;}
.popup .column .component {height: 100%; padding: 30px 20px;}
.popup .column h3{font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.popup .column .inputText{width: 100%;}
.popup .column .datePicker .inputText{padding-left: 26px;}
.popup .column .datePicker .inputText:before{content: ''; display: block; position: absolute; top: 13px; left: 6px; width: 10px; height: 1px; background: #ccc;}
.popup .column .datePicker .inputText:first-of-type{padding-left: 0;}
.popup .column .datePicker .inputText:first-of-type:before{display: none;}
.popup .column .datePicker .inputText input{    height: 36px;font-size: 14px; font-weight: 350;cursor: pointer;}
.popup .column .datePicker .inputText .btnCalendar{position: absolute; top: 8px; right: 7px; font-size: 16px; color: #444444; pointer-events: none; transform: initial;}
.popup .column .wrapBtn.util{margin-top: 30px; text-align: center;}
.popup .column .wrapBtn.util .btn{width: 100px; height:36px; color: #000; border: 1px solid #000; vertical-align: middle;}
.popup .column .wrapBtn.util .btnSave{color: #fff; background: #234EA1; border: 0; }
.popup .column .wrapBtn.util .btnDelete{color: #df4343; border: 1px solid #df4343; }
.popup .column .wrapBtn .btnSearch{width: 30px; height: 26px; vertical-align: middle; font-size: 0; color: #444; border-color: #d5d5d5; background: #fff; padding: 0;}
.popup .column .wrapBtn .btnSearch .icon{font-size: 16px;}

/* 운항상황판 */
.popup.flightSituation .container{min-width: 1200px;}
.popup.flightSituation .wrapColumn{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: start;height: calc(100% - 60px);}
.popup.flightSituation .column{padding:26px 20px 20px; height: auto;}
.popup.flightSituation .column.columnLeft{width: 410px; margin-right: 10px;}
.popup.flightSituation .column.columnRight{flex:1; background: #fff;}
.popup.flightSituation .column.columnLeft .ui-tabs-nav{display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0; margin-bottom: 25px; padding: 0; border: 0; border-radius: 0; border-bottom: 2px solid #234ea1;}
.popup.flightSituation .column.columnLeft .ui-tabs-tab {flex:1 1 33.333%; width: auto; height: auto; border-radius: 0; margin: 0; padding: 0; margin-bottom: -2px; margin-right: -2px;}
.popup.flightSituation .column.columnLeft .ui-tabs-tab:after{content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 2px; background: #234ea1; z-index: 9;}
.popup.flightSituation .column.columnLeft .ui-tabs-tab a{display: block; width: 100%; font-size: 12px; padding: 5px 0; color: #b4b4b4; outline:0; box-shadow: inset 0 0 0 1px #d5d5d5;}
.popup.flightSituation .column.columnLeft .ui-tabs-tab.ui-state-hover{background:#fff;}
.popup.flightSituation .column.columnLeft .ui-tabs-tab.ui-state-active{background: none; padding: 0}
.popup.flightSituation .column.columnLeft .ui-tabs-tab.ui-state-active:after{background: #fff; width: calc(100% - 4px); height: 3px;}
.popup.flightSituation .column.columnLeft .ui-tabs-tab.ui-state-active a{color: #234ea1; background: #fff; box-shadow: inset 0 0 0 2px #234ea1; z-index: 1; position: relative;}
.popup.flightSituation .column .tabContent{padding: 0;}
.popup.flightSituation .column .component{height: auto; padding: 0; margin-bottom: 20px;}
.popup.flightSituation .column .component:last-child{margin-bottom: 0;}
.popup.flightSituation .column .component h2{display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; padding-left: 0; margin-bottom: 5px;}

.popup.flightSituation .column .inputSelect select{width: 100%;}

/* 운항상황판 > 실시간운항관제 */
.popup.flightSituation .column .realTimeFlightControl .result{position: absolute; top: 0; right: 0; margin:0 -13px;}
.popup.flightSituation .column .realTimeFlightControl .result span{position: relative; float: left; font-size: 12px; font-weight: 350; color: #626262; padding:0 13px;}
.popup.flightSituation .column .realTimeFlightControl .result span:before{content: ''; position: absolute; top: 0; left:0; display: block; width: 1px; height: 100%; background: #d5d5d5;}
.popup.flightSituation .column .realTimeFlightControl .result span:first-child:before{display: none;}
.popup.flightSituation .column .realTimeFlightControl .result span em{font-style: normal; font-weight: 500; color: #444; margin-left: 5px;}

/* 운항상황판 > 운항이력조회 */
.popup.flightSituation .column .flightHistory .datePicker{margin-bottom: 10px;}
.popup.flightSituation .column .flightHistory .datePicker .inputText{width: auto; padding-left: 26px;}
.popup.flightSituation .column .flightHistory .datePicker .inputText:first-child{padding-left: 0;}
.popup.flightSituation .column .flightHistory .datePicker .inputText:before{content: ''; display: block; position: absolute; top: 13px; left: 6px; width: 10px; height: 1px; background: #ccc;}
.popup.flightSituation .column .flightHistory .datePicker .inputText:first-child:before{display: none;}
.popup.flightSituation .column .flightHistory .datePicker .inputText input{font-weight: 350; width: 170px;}
.popup.flightSituation .column .flightHistory .datePicker .inputText .btnCalendar{position: absolute; top: 7px; right: 7px; font-size: 16px; color: #444444; pointer-events: none;}
.popup.flightSituation .column .flightHistory .historySearch {margin-bottom: 15px;}
.popup.flightSituation .column .flightHistory .historySearch .inputSelect {width: 330px; display: inline-block; vertical-align: middle;}
.popup.flightSituation .column .flightHistory .historySearch .inputSelect .icon{top: 6px;}
.popup.flightSituation .column .flightHistory .historySearch .wrapBtn {display: inline-block; vertical-align: middle; margin-left: 6px;}
.popup.flightSituation .column .flightHistory .result{margin-bottom: 10px;}
.popup.flightSituation .column .flightHistory .result span{font-size: 12px; font-weight: 350; color: #626262;}
.popup.flightSituation .column .flightHistory .result span.total{float: left;}
.popup.flightSituation .column .flightHistory .result span.select{float: right;}
.popup.flightSituation .column .flightHistory .result span em{font-style: normal; font-weight: 500; color: #444; margin-left: 5px;}
.popup.flightSituation .column .flightHistory .componentRoute .scrollTable tbody{height: 75px;}

/* 운항상황판 > 위치검색 */
.popup.flightSituation .column .locationSearch .search {position: relative;}
.popup.flightSituation .column .locationSearch .search .defaultTable{width: 310px;}
.popup.flightSituation .column .locationSearch .search .wrapBtn{position: absolute; top: 0;right: 0; height: 100%;}
.popup.flightSituation .column .locationSearch .search .wrapBtn .btn{width: 50px; height: 100%;}
.popup.flightSituation .column .locationSearch .list{margin-top: 10px;}
.popup.flightSituation .column .locationSearch .list .scrollTable{border-right: 0; border-left: 0; border-radius: 0;}
.popup.flightSituation .column .locationSearch .list .scrollTable .th{min-height: 35px;}
.popup.flightSituation .column .locationSearch .componentTransPoint .list .scrollTable tbody{height: 136px;}
.popup.flightSituation .column .locationSearch .componentTransPoint .search .wrapBtn .btn{border-color: #444;}
.popup.flightSituation .column .locationSearch .componentHospital .list .scrollTable tbody{height: 105px;}
.popup.flightSituation .column .checkArea {position: relative;}
.popup.flightSituation .column .checkArea .sort {margin-bottom: 15px;}
.popup.flightSituation .column .checkArea .sort .wrapCheckBox{float:left; margin:0 45px 0 -10px;}
.popup.flightSituation .column .checkArea .sort .wrapCheckBox:last-child{margin-right: 0;}
.popup.flightSituation .column .checkArea .sort .wrapCheckBox .checkBox{margin:0 10px;}
.popup.flightSituation .column .checkArea .location {width:600px;}
.popup.flightSituation .column .checkArea .location .wrapCheckBox {float: left; margin:0 20px -4px -2px;}
.popup.flightSituation .column .checkArea .location .wrapCheckBox:nth-of-type(1){width:30%;}
.popup.flightSituation .column .checkArea .location .wrapCheckBox:nth-of-type(2){width:40%;}
.popup.flightSituation .column .checkArea .location .wrapCheckBox:nth-of-type(3){width:20%;}
.popup.flightSituation .column .checkArea .location .wrapCheckBox .checkBox{width:56px; min-width:auto; margin:0 2px 4px;}
.popup.flightSituation .column .checkArea .wrapBtn{position: absolute; top: 35px; right: 0;}
.popup.flightSituation .column .checkArea .wrapBtn .btn{display: inline-block; width: 94px; height: 64px; font-size: 14px; color: #389647; border: 1px solid #389647; border-radius: 4px; -webkit-border-radius: 4px; }
.popup.flightSituation .column .contentMap {position: relative; width: 100%; height: 436px; background: #e9e9e9; margin: 20px 0 30px; overflow: hidden;}
.popup.flightSituation .column .componentFlightcontrol {}
.popup.flightSituation .column .componentFlightcontrol .scrollTable tbody{height: 173px;}
.popup.flightSituation .column .componentHistoryinfo {}
.popup.flightSituation .column .componentHistoryinfo .result{display: inline-block; vertical-align: middle; margin:0 0 5px 10px;}
.popup.flightSituation .column .componentHistoryinfo .result span{font-size: 12px; color: #626262;}
.popup.flightSituation .column .componentHistoryinfo .result span em{font-style: normal; font-weight: 500; color: #444; margin-left: 5px;}
.popup.flightSituation .column .componentHistoryinfo .defaultTable .th{padding:2px 8px}
.popup.flightSituation .column .componentHistoryinfo .scrollTable {margin-top:10px;}
.popup.flightSituation .column .componentHistoryinfo .scrollTable tbody{height: 105px;}
.popup.flightSituation .column .componentHistoryinfo .scrollTable .th,
.popup.flightSituation .column .componentHistoryinfo .scrollTable .td{padding: 8px 0;}

/* 항공이송기록지 관리 */
.popup.editFlightTransWrite{padding: 0;}
.popup.editFlightTransWrite .wrapColumn{width: 780px;}
.popup.editFlightTransWrite .column{padding: 20px;}
.popup.editFlightTransWrite .column .component{height: calc(100% - 37px); padding: 0;}
.popup.editFlightTransWrite .column .componentManagement .tabFlightTransWrite {height: 100%; padding: 0;}
.popup.editFlightTransWrite .column .componentManagement .tabFlightTransWrite .tabSecondContent{height: calc(100% - 60px); padding: 0;}
.popup.editFlightTransWrite .column .componentManagement .tabFlightTransWrite .tabSecondContent .scrollContent{height: calc(100% - 66px); padding-top: 0;}
.popup.editFlightTransWrite .column .componentManagement .tabFlightTransWrite .wrapBtn.util .btnSave{background: #4372bb;}
.popup.editFlightTransWrite .column .componentManagement .tabFlightTransWrite .wrapBtn.util .btnClose{border: 1px solid #000; color: #000; background: #fff;}
.popup.editFlightTransWrite .column .information {margin:4px 0 20px;}
.popup.editFlightTransWrite .column .information ul{display: flex; justify-content: space-between;}
.popup.editFlightTransWrite .column .information li{position: relative; float: left; font-size: 0; padding:0 16px;}
.popup.editFlightTransWrite .column .information li:last-child{padding-right: 0;}
.popup.editFlightTransWrite .column .information li:first-child{padding-left: 0;}
.popup.editFlightTransWrite .column .information li:before{content: ''; position: absolute; top: -1px; left: -18px; width: 1px; height: 14px; display: block; background: #d5d5d5;}
.popup.editFlightTransWrite .column .information li:first-child:before{display: none;}
.popup.editFlightTransWrite .column .information li em{display: inline-block; font-size: 12px; font-weight: 500; font-style: normal; color: #444;}
.popup.editFlightTransWrite .column .information li span{display: inline-block; font-size: 12px; font-weight: 350; color: #626262; margin-left: 19px;}

/* 항공이송기록지 출력 */
.popup.printFlightTransWrite .column {position: relative; height: auto; padding: 75px 50px 30px;}
.popup.printFlightTransWrite .component{height: auto; padding: 0; margin-top: 20px;}
.popup.printFlightTransWrite .column .printArea{width: 800px; height: 1132px; margin: 0 auto; border: 1px solid #000; margin-bottom: 30px;}
.popup.printFlightTransWrite .column .componentManagement .tabContent{padding: 0;}
.popup.printFlightTransWrite .column .wrapBtn.floating{position: absolute; top: 40px; right: 50px;}
.popup.printFlightTransWrite .column .wrapBtn {text-align: center;}
.popup.printFlightTransWrite .column .wrapBtn .btn{display: inline-block; vertical-align: middle; height: 24px; font-size: 14px; color: #444; border: 1px solid #444; padding: 0 8px; border-radius: 4px;}
.popup.printFlightTransWrite .column .wrapBtn .btnClose{width: 100px; height: 36px;}
.popup.printFlightTransWrite .column .wrapBtn .btn:first-child{margin-left: 0;}

/* 운항보고서 관리 */
.popup.editFlightReport .column .componentManagement {padding: 0;}
.popup.editFlightReport .column .componentManagement .tabFlightReport{height: 100%;}
.popup.editFlightReport .column .componentManagement .scrollContent{height: calc(100% - 76px); padding-top: 0;}

/* 운항보고서 출력 */
.popup.printFlightReport .column {position: relative; height: auto; padding: 75px 50px 30px;}
.popup.printFlightReport .column .printArea{width: 800px; /*height: 1132px;*/ margin: 0 auto; border: 1px solid #000; margin-bottom: 30px;}
.popup.printFlightReport .column .wrapBtn.floating{position: absolute; top: 40px; right: 50px;}
.popup.printFlightReport .column .wrapBtn {text-align: center;}
.popup.printFlightReport .column .wrapBtn .btn{display: inline-block; vertical-align: middle; height: 24px; font-size: 14px; color: #444; border: 1px solid #444; padding: 0 8px; border-radius: 4px;}
.popup.printFlightReport .column .wrapBtn .btnClose{width: 100px; height: 36px;}
.popup.printFlightReport .column .wrapBtn .btn:first-child{margin-left: 0;}

/* 의료진 거부 */
.popup.reject .wrapColumn{height: calc(100% - 50px)}
.popup.reject .column .component{height: calc(100% - 64px);}
.popup.reject .column .scrollContent{height: 100%;}
.popup.reject .column .rejectContent{margin-bottom: 20px;}
.popup.reject .column .rejectContent:first-child .defaultTable{margin-bottom: -1px;}
.popup.reject .column .rejectContent .defaultTable{margin-bottom: 10px;}
.popup.reject .column .defaultTable .th,
.popup.reject .column .defaultTable .td{padding: 10px;}
.popup.reject .column .defaultTable .inputText input{height: 26px;}
.popup.reject .column .defaultTable .defaultTable .inputText input{height: 36px;}

/* 요청자정보수정 */
.popup.editRequestorInformation .column .contentLeft{float: left; width: 47.297%; margin-bottom: 30px;}
.popup.editRequestorInformation .column .contentLeft .defaultTable .flex{display: flex; align-items:center;}
.popup.editRequestorInformation .column .contentLeft .defaultTable .iconClose{font-size: 9px; margin: 0 5px;}
.popup.editRequestorInformation .column .contentLeft .defaultTable .note .inputText {width: calc(100% - 80px);}
.popup.editRequestorInformation .column .contentLeft .defaultTable .note .inputText input{width: 100%;}
.popup.editRequestorInformation .column .contentLeft .defaultTable .note .wrapBtn {display: inline-block; vertical-align: middle; height: 26px; margin-left: 5px;}
.popup.editRequestorInformation .column .contentLeft .defaultTable .note .wrapBtn .btn{width: 71px; height: 26px;}
.popup.editRequestorInformation .column .contentLeft .list{position: relative;margin-top: 30px;}
.popup.editRequestorInformation .column .contentLeft .list.list-type2 { margin-top: 15px;}
.popup.editRequestorInformation .column .contentLeft .list .scrollTable tbody{height: 119px;}
.popup.editRequestorInformation .column .contentLeft .list .listPhoto{height: 166px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px; overflow: auto;}
.popup.editRequestorInformation .column .contentLeft .list .listPhoto .item{position: relative; float: left; display: block; width: 64px; height: 64px; background: #e6e6e6; margin:0 4px 4px 0;}
.popup.editRequestorInformation .column .contentLeft .list .listPhoto .item:last-child{margin-right: 0;}
.popup.editRequestorInformation .column .contentLeft .list .listPhoto .item.focus{border: 2px solid #1a3552;}
.popup.editRequestorInformation .column .contentLeft .list .listPhoto .item .btnClose{position: absolute; top: 0; right: 0; width: 13px; height: 13px; border: 0; background: #1a3552; color: #fff; border-radius:0; margin: 0; padding: 0;}
.popup.editRequestorInformation .column .contentLeft .list .listPhoto .item .btnClose .iconClose{transform: translate(0,-1px) scale(0.8); display: block; font-size: 10px;}
.popup.editRequestorInformation .column .contentLeft .list .wrapBtn.floating{top: -2px;right: 1px;}
.popup.editRequestorInformation .column .contentRight{float: right; width: 50%; height: 650px; background: #e9e9e9; margin-bottom: 30px; overflow: hidden;}
.popup.editRequestorInformation .column .wrapBtn{clear: both;}

/* 출동팀정보수정 */
.popup.editTeamInformation .wrapColumn{width: 780px;}
.popup.editTeamInformation .column .defaultTable .td{padding: 2px 6px;}
.popup.editTeamInformation .column .defaultTable .td{border-right: 1px solid #e6e6e6;}
.popup.editTeamInformation .column .defaultTable .td:last-child{border-right: 0;}
.popup.editTeamInformation .column .defaultTable:nth-of-type(2){margin-top: 20px;}
.popup.editTeamInformation .column .btn{color: #888; background: #fff; border: 1px solid #d5d5d5;}
.popup.editTeamInformation .column .wrapBtn.util{margin-top: 30px;}

/* 녹취이력 */
.popup.recordHistory .wrapColumn{width: 780px; height: 100%;}
.popup.recordHistory .column .component .call{display: block; width: 44px; height: 24px; border: 1px solid #000; border-radius: 4px; line-height: 22px; margin: 0 auto; box-sizing: border-box; }
.popup.recordHistory .column .component .call.inBound{color: #df4343; border-color: #df4343;}
.popup.recordHistory .column .wrapBtn .iconDown{display: inline-block; padding-top: 3px; font-size: 18px; color: #1a3552;}
.popup.recordHistory .column .wrapBtn.util{margin-top: 30px;}

/* 팝업검색공통 */
.popup.searchWrap .column .search {position: relative;}
.popup.searchWrap .column .search .defaultTable{width: calc(100% - 60px);}
.popup.searchWrap .column .search .defaultTable .row .th,
.popup.searchWrap .column .search .defaultTable .row .td{height: 46px;}
.popup.searchWrap .column .search .wrapBtn{position: absolute; top: 0;right: 0; height: 100%;}
.popup.searchWrap .column .search .wrapBtn .btn{width: 50px; height: 100%;}
.popup.searchWrap .column .list .result{margin: 20px 0 10px; font-size: 14px; color: #444;}
.popup.searchWrap .column .wrapBtn.util{margin-top: 30px;}
.popup.searchTransPoint .column .list .scrollTable tbody{height: 330px;}
.popup.searchUser .column .list .scrollTable tbody{height: 330px;}
.popup.searchSymptom .column .list .scrollTable tbody{height: 377px;}
.popup.searchDiagnosis .column .list .scrollTable tbody{height: 377px;}
.popup.searchMedicalCenter .column .list .scrollTable tbody{height: 377px;}

/* 응급의료기관 정보 등록 */
.popup.regEmgMediCntr .wrapColumn{width: 780px;}
.popup.regEmgMediCntr .column .search{position: relative;}
.popup.regEmgMediCntr .column .search .defaultTable{width: 100%;}
.popup.regEmgMediCntr .column .search .wrapBtn{position: absolute; top: 0;right: 0; height: 100%;}
.popup.regEmgMediCntr .column .search .wrapBtn .btn{width: 50px; height: 100%;}
.popup.regEmgMediCntr .column h3{margin: 15px 0 10px 0;}
.popup.regEmgMediCntr .column .defaultTable:last-child{margin-top: -1px; border-top: 1px solid #e6e6e6;}
.popup.regEmgMediCntr .column .defaultTable .row .th,
.popup.regEmgMediCntr .column .defaultTable .row .td{padding: 2px 8px;}
.popup.regEmgMediCntr .column .wrapRadio{display: inline-block; vertical-align: middle;}
.popup.regEmgMediCntr .column .wrapRadio ~ .inputText{width: calc(100% - 159px); margin-left: 8px;}
.popup.regEmgMediCntr .column .wrapRadio ~ .inputText input{}

/* 사용자 등록, 수정 */
.popup.userInformation .column .flex{display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;}
.popup.userInformation .column .msg{display: block; font-size: 12px; line-height: 1.3em; color: #df4343; margin-top: 5px;}
.popup.userInformation .column p{position: absolute; top: 30px; right: 20px; font-size: 12px; font-weight: 350; color: #626262;}
.popup.userInformation .column p em{font-size: 14px;}
.popup.userInformation .column .email span{margin: 0 5px;}
.popup.userInformation .column .email .inputText{width: auto;}
.popup.userInformation .column .email .inputText input{width: 49px; padding: 0 5px;}
.popup.userInformation .column .email .inputSelect {width: 120px; margin-left: 4px; flex:0 0 auto;}
.popup.userInformation .column .defaultTable .row .td{padding: 4px 10px;}
.popup.userInformation .column .wrapBtn{text-align: center; margin-top: 10px;}
.popup.userInformation .column .wrapBtn.util{margin-top: 30px;}

/* 헬기 사업자 등록, 수정 */
.popup.helicopterBusiness .column .flex{display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;}
.popup.helicopterBusiness .column .email span{margin: 0 5px;}
.popup.helicopterBusiness .column .email .inputText{width: auto;}
.popup.helicopterBusiness .column .email .inputText input{width: 116px; padding: 0 5px;}
.popup.helicopterBusiness .column .email .inputSelect {width: 120px; margin-left: 4px;}
.popup.helicopterBusiness .listPhoto{overflow: hidden;}
.popup.helicopterBusiness .listPhoto .item{position: relative; float: left; display: block; width: 160px; height: 120px; background: #e6e6e6; margin: 0 0 4px 0;}
.popup.helicopterBusiness .listPhoto .item img{width: 100%; height: 100%; object-fit: cover;}
.popup.helicopterBusiness .listPhoto .item .btnClose{position: absolute; top: 0; right: 0; width: 18px; height: 18px; border: 0; background: #1a3552; color: #fff; border-radius: 0; margin: 0; padding: 0;}
.popup.helicopterBusiness .listPhoto .item .btnClose .iconClose{transform: translate(0,-1px) scale(0.8); display: block; font-size: 12px;}
.popup.helicopterBusiness .component .wrapBtn label.btn{line-height: 22px;}

/* 근무교대 시간 변경 */
.popup.workTime .wrapColumn {height: 100%;}
.popup.workTime .column p{font-size: 12px; color: #4372bb; font-weight: 350; margin-bottom: 9px;}
.popup.workTime .column .msg{display: block; font-size: 14px; color: #444; text-align: center; margin-top: 30px;}
.popup.workTime .column .inputText{width: auto; }
.popup.workTime .column .inputText{width: 90px; }
.popup.workTime .column .defaultTable .row .th{height: 52px;}
.popup.workTime .column .defaultTable .row .td{border-right: 1px solid #e6e6e6;}
.popup.workTime .column .defaultTable .row .td:last-child{border-right: 0;}
.popup.workTime .column .defaultTable .wrapBtn{display: inline-block; vertical-align: middle; margin-left: 5px;}
.popup.workTime .column .wrapBtn.util{margin-top: 29px;}

/* 근무조 비고 수정 */
.popup.downWork .wrapColumn {height: 100%;}
.popup.downWork .column .inputSelect{float: left; width: calc(50% - 10px); margin-right: 10px;}
.popup.downWork .column .inputSelect:last-child{margin-right: 0;}

/* 근무조 일괄 수정 */
.popup.workTimeAll .column .component{padding: 30px;}
.popup.workTimeAll .column .scrollTable tbody{height: 677px;}

/* 약품/소모품 관리 대장 */
.popup.consumablesManage .column .defaultTable {margin-bottom: 10px;}
.popup.consumablesManage .column .defaultTable .td .wrapBtn{display: inline-block; vertical-align: middle; margin-left: 5px;}
.popup.consumablesManage .column .scrollTable {margin: 20px 0 0 0;}
.popup.consumablesManage .column .scrollTable tbody{height: 91px;}
.popup.consumablesManage .column .scrollTable .td .inputText{width: 100%;}

/* 병원 약품 등록 */
.popup.regDrug .column .defaultTable .td {padding: 4px 10px;}
.popup.regDrug .column .defaultTable .td .inputFile{}
.popup.regDrug .column .defaultTable .td .inputFile .fileName{width: 100%; height: 26px; border: 1px solid #d5d5d5; padding: 0 10px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 6px;}
.popup.regDrug .column .defaultTable .td .wrapBtn.floating{top: auto; bottom: 4px; left: 85px;}

/* 비품 및 장비대장 등록 */
.popup.fixtures .column p{font-size: 12px; font-weight: 350; color: #626262; text-align: right; margin-bottom: 6px;}
.popup.fixtures .column .defaultTable .td .wrapBtn{display: inline-block; vertical-align: middle; margin-left: 5px;}
.popup.fixtures .column .scrollTable {margin-bottom: 20px;}
.popup.fixtures .column .scrollTable tbody{height: 595px;}
.popup.fixtures .column .scrollTable .td {min-height: 35px;}
.popup.fixtures .column .scrollTable .td .inputText{width: 100%;}

/* NEDIS 데이터 세부 조회 */
.popup.detailNedis{}
.popup.detailNedis .column .flex{display: flex;}
.popup.detailNedis .column .flex .content{width: 100%;}
.popup.detailNedis .column .flex .content.width50{width: 50%; margin-right: 40px;}
.popup.detailNedis .column .flex .content:last-child{margin-right: 0;}
.popup.detailNedis .column .flex.flex4 .scrollTable{}
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(1),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(1),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(2),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(2),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(3),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(3),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(4),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(4),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(5),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(5),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(6),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(6),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(7),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(7),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(8),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(8),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(9),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(9),
.popup.detailNedis .column .flex.flex4 .scrollTable .th:nth-of-type(10),
.popup.detailNedis .column .flex.flex4 .scrollTable .td:nth-of-type(10){width: 10%;}
.popup.detailNedis .column .flex.flex5 .scrollTable tbody{height: 140px;}
.popup.detailNedis .column .flex.flex6 .scrollTable tbody{height: 140px;}

/* 메세지 보기 */
.popup.message .column .defaultTable .scrollContent{height: 214px; padding: 10px; }

/* 천문자료 일별 확인 */
.popup.astronomy .column .search{position: relative;}
.popup.astronomy .column .search .defaultTable{width: calc(100% - 60px);}
.popup.astronomy .column .search .wrapBtn{position: absolute; top: 0;right: 0; height: 100%;}
.popup.astronomy .column .search .wrapBtn .btn{width: 50px; height: 100%;}
.popup.astronomy .column .search .period .inputSelect{float: left; width: calc(50% - 10px); margin: 0 5px;}
.popup.astronomy .column .list{position: relative; margin-top: 25px;}
.popup.astronomy .column .list .result{margin: 0 -13px 10px;}
.popup.astronomy .column .list .result span{position: relative; float: left; font-size: 12px; font-weight: 350; color: #626262; padding: 0 13px;}
.popup.astronomy .column .list .result span em{font-style: normal; font-weight: 500; color: #444; margin-left: 5px;}
.popup.astronomy .column .list .wrapBtn.floating{top: -5px;}
.popup.astronomy .column .list .wrapBtn .btnDown{color: #389647; border-color: #389647;}

/* 의약품 검색 */
.popup.searchMedicine{}
.popup.searchMedicine .column {padding: 0;}
.popup.searchMedicine .column .component{padding-top: 38px;}
.popup.searchMedicine .column .ui-tabs-nav{display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 0; margin-bottom: 25px; padding: 0; border: 0; border-radius: 0; border-bottom: 2px solid #444;}
.popup.searchMedicine .column .ui-tabs-tab {flex:1 1 33.333%; width: auto; height: auto; border-radius: 0; margin: 0; padding: 0; margin-bottom: -2px; margin-right: -2px;}
.popup.searchMedicine .column .ui-tabs-tab:after{content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 2px; background: #444; z-index: 9;}
.popup.searchMedicine .column .ui-tabs-tab a{display: block; width: 100%; font-size: 12px; padding: 5px 0; color: #b4b4b4; outline:0; box-shadow: inset 0 0 0 1px #d5d5d5;}
.popup.searchMedicine .column .ui-tabs-tab.ui-state-hover{background:#fff;}
.popup.searchMedicine .column .ui-tabs-tab.ui-state-active{background: none; padding: 0}
.popup.searchMedicine .column .ui-tabs-tab.ui-state-active:after{background: #fff; width: calc(100% - 4px); height: 3px;}
.popup.searchMedicine .column .ui-tabs-tab.ui-state-active a{color: #444; background: #fff; box-shadow: inset 0 0 0 2px #444; z-index: 1; position: relative;}
.popup.searchMedicine .column .tabContent{padding: 0;}
.popup.searchMedicine .column .tabContent1 .scrollTable tbody{height: 335px;}
.popup.searchMedicine .column .tabContent2 .scrollTable tbody{height: 276px;}
.popup.searchMedicine .column .search {position: relative; margin-bottom: 20px;}
.popup.searchMedicine .column .search .defaultTable{width: 91.892%;}
.popup.searchMedicine .column .search .wrapBtn{position: absolute; top: 0; right: 0; height: 100%;}
.popup.searchMedicine .column .search .wrapBtn .btn{width: 50px; height: 100%;}
.popup.searchMedicine .column .result {margin: 0 -13px 10px;}
.popup.searchMedicine .column .result span{position: relative; float: left; font-size: 12px; font-weight: 350; color: #626262; padding: 0 13px;}
.popup.searchMedicine .column .result span em{font-style: normal; font-weight: 500; color: #444; margin-left: 5px;}

/* 출동 검색 */
.popup.searchDispatch .column .search {position: relative; margin-bottom: 20px;}
.popup.searchDispatch .column .search .datePicker .inputText{width: auto;}
.popup.searchDispatch .column .search .datePicker .inputText input{width: 150px;}
.popup.searchDispatch .column .search .defaultTable{width: 91.892%;}
.popup.searchDispatch .column .search .wrapBtn{position: absolute; top: 0; right: 0; height: 100%;}
.popup.searchDispatch .column .search .wrapBtn .btn{width: 50px; height: 100%;}
.popup.searchDispatch .column .scrollTable tbody{height: 367px;}

/* 운항일지 관리 */
.popup.manageFlightWrite{}
.popup.manageFlightWrite .column .content{position: relative; margin-bottom: 20px;}
.popup.manageFlightWrite .column .content:last-child{margin-bottom: 0;}
.popup.manageFlightWrite .column .content .wrapBtn.floating{top: -2px;}
.popup.manageFlightWrite .column .content .inputFile{margin-left: 5px;}
.popup.manageFlightWrite .column .scrollTable tbody{height: 151px;}

/* 통화내역 수정 */
.popup.modCall .column .content{margin-bottom: 30px;}
.popup.modCall .column .content:last-child{margin-bottom: 0;}
.popup.modCall .column .content .wrapBtn {display: inline-block; vertical-align: middle; margin-left: 5px;}
.popup.modCall .column .content .callFile {color: #4372bb;}
.popup.modCall .column .content .inputText {height: 58px; margin: 8px 0;}
.popup.modCall .column .content .inputText textarea{width: 100%; height: 100%; color: #444; border: 1px solid #d5d5d5; border-radius: 4px; resize:none; outline:0; padding: 10px;}

/* 통화 수신 */
.popup.responseCall .column .search {position: relative; margin: 30px 0;}
.popup.responseCall .column .search .datePicker .inputText{width: auto;}
.popup.responseCall .column .search .datePicker .inputText input{width: 150px;}
.popup.responseCall .column .search .defaultTable{width: 91.892%;}
.popup.responseCall .column .search .wrapBtn{position: absolute; top: 0; right: 0; height: 100%;}
.popup.responseCall .column .search .wrapBtn .btn{width: 50px; height: 100%;}

.popup.responseCall .column .wrapBtn.util .btn{color: #fff; border-color: transparent;}
.popup.responseCall .column .wrapBtn.util .btn.connect{background: #4372bb;}

/*나이트메어*/
.meetingWrite .componentManage .content textarea{min-height: 80px;}
.meetingWrite .componentManage .content .scrollTable .row .th{height: auto;}
.sub .column .component .wrapBtn  span.btn{line-height: 26px;}
.boardWrite .column .componentFilter .defaultTable .td ul.uploadFile{max-height: none;}
.sub .column #searchForm .wrapRadio .radioBox input[type="radio"] + span{
    top: 3px;
}
.sub .column .componentFilter .inputSelect.width145 .multiSelect{
    width: 145px;
}

.sub .column .componentFilter .multiSelect{
    display: inline-block;
    vertical-align: middle;
    height: 26px;
}

.multiSelect{
    position: relative;
    z-index: 5;
}
.multiSelect .SumoSelect .SumoUnder{
    position: absolute;
    height: 26px;
}

.multiSelect .SumoSelect{
    position: relative;
    width: 100%;
    height: 26px;
    font-size: 14px;
    color: #626262;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    padding: 0 20px 0 10px;
    z-index: 2;
    cursor: pointer;
    line-height: 1.5em;
}

.multiSelect .SumoSelect:before{
    content: '\e811';
    font-size: 10px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    position: absolute;
    top: 6px;
    right: 5px;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
}

.multiSelect .SumoSelect .CaptionCont{
    position: absolute;
    top: 0!important;
    left: 0;
    right: initial!important;
    width: 100%;
    min-height: 100%;
    border: 0;
    padding: 0 20px 0 10px;
    background-color: transparent;
    margin: 0;
    font-size: 14px!important;
    font-weight: initial;
    color: #626262!important;
    z-index: 10;
    cursor: pointer;
}

.multiSelect .SumoSelect>.CaptionCont>span.placeholder{
    font-size: 14px;
    color: #626262;
    font-style: normal;
    cursor: pointer;
    line-height: 24px;
}

.SumoSelect>.CaptionCont>span{
    font-size: 14px;
    color: #626262;
    font-style: normal;
    line-height: 24px;
}

.SumoSelect>.CaptionCont>label{
    display: none!important;
}
.SumoSelect>.CaptionCont>label>i{
    display: none!important;
}

.multiSelect .SumoSelect select[multiple]{
    width: 100%;
}

.multiSelect .SumoSelect.open>.optWrapper{
    top: 27px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #626262;
    background-color: #fff;
    overflow: hidden;
}

.multiSelect .SumoSelect>.optWrapper>.options{
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: initial;
    position: initial;
    max-height: initial;
    overflow: initial;
}

.multiSelect .SumoSelect>.optWrapper>.options li.opt:hover{
    background-color: initial;
}

.multiSelect .SumoSelect>.optWrapper.multiple>.options li.opt {
    display: flex;
    align-items: center;
    height: 18px;
    padding-left: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    border-bottom: 0;
}

.multiSelect .SumoSelect.open>.CaptionCont, .multiSelect .SumoSelect:focus>.CaptionCont, .multiSelect .SumoSelect:hover>.CaptionCont {
    box-shadow: initial;
    border-color: initial;
}

.multiSelect .SumoSelect>.optWrapper>.options li.opt label{
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    line-height: 0.93;
    text-align: left;
    color: #626262;
}

.multiSelect .SumoSelect > .optWrapper.multiple > .options li.opt span{
    position: relative;
    width: 13px;
    height: 13px;
    margin: 0;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: border-color .2s;
    -webkit-transition: border-color .2s;
}

.multiSelect .SumoSelect > .optWrapper.multiple > .options li.opt.selected span:before{
    content: '\e804';
    position: absolute;
    top: -3px;
    left: 1px;
    right: 0;
    display: inline-block;
    font-family: 'fontello';
    font-size: 10px;
    color: #3f4041;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    opacity: 1;
}

.multiSelect.btntype .SumoSelect>.optWrapper.multiple>.MultiControls{
    display: block;
    border-top: initial;
    background-color: #fff;
    box-shadow: initial;
    border-radius: initial;
    text-align: center;
    margin-top: 10px;
}

.multiSelect.btntype .SumoSelect>.optWrapper.multiple>.MultiControls>p{
    flex: 1;
    border-right: initial;
    position: initial;
    top: initial;
    right: initial;
    font-size: 14px;
    font-weight: initial;
    color: initial;
    padding: initial;
    width: 60px;
    height: 24px;
    border-radius: 4px;
    text-align: center;
}

.multiSelect.btntype .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{
    color: #4371bc;
    border: 1px solid #4371bc;
}

.multiSelect.btntype .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{
    color: #000;
    border: 1px solid #000;
    margin-left: 5px;
}

.multiSelect .SumoSelect > .optWrapper.multiple > .options li.opt span i{
    position: initial;
    display: none;
}

.popup.editRequestorInformation.full .wrapColumn{
    width: 100%;
}

.popup.editRequestorInformation.full .column .component{
    padding: 0;
}

.popup.editRequestorInformation.full .column .contentLeft{
    width: 384px;
    height: 890px;
    padding: 30px 20px 0;
}

.popup.editRequestorInformation.full .column .contentRight{
    width: calc(100% - 385px);
    height: 975px;
}

.custom_typecontrol4{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 453px;
    height: 42px;
    z-index: 10;
}

.custom_typecontrol4 table{
    width: 100%;
    height: 42px;
    border-radius: 4px;
    border: solid 1px #919191;
    background-color: #fff;
}

.custom_typecontrol4 table .row .th{
    height: 42px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 0.93;
    word-break: keep-all;
    word-wrap: break-word;
    color: #000;
    background-color: #f5f5f8;
}

.custom_typecontrol4 table .row .td{
    height: 42px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 0.93;
    text-align: left;
    color: #626262;
    background-color: #fff;
    word-break: break-all;
}

.attachArea{
    width: 100%;
    padding: 0 20px;
}

.attachArea label{
    font-size: 14px;
    font-weight: 500;
    line-height: 0.93;
    text-align: left;
    color: #000;
    white-space: nowrap;
}

.attachArea .pr{
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 100%;
}

.attachArea .uploadFile{
    width: 100%;
    height: 40px;
    padding: 8px 35px 8px 10px;
    font-size: 14px;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: #626262;
    border-radius: 3px;
    border: solid 1px #d5d5d5;
    background-color: #fff;
}

.attachArea .icon.iconUpload{
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.attachArea .hidden{
    display: none;
}

.attachArea ~.info{
    margin-top: 12px;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    color: #626262;
}

.attachArea .info{
    margin-top: 10px;
    text-align: left;
}

.attachArea .row{
    display: flex;
    align-items: center;
}

.attachArea ~.info:before{
    content: '!';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-top: -2px;
    background-color: #bbb;
    border-radius: 50%;
    vertical-align: middle;
    color: #fff;
    text-align: center;
}

.new{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    margin-top: -2px;
    border-radius: 2px;
    background-color: #4372bb;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    vertical-align: middle;
}

.info dl dt{
    font-size: 14px;
    font-weight: 500;
    line-height: 0.93;
    text-align: left;
    color: #000;
}

.info dl dd{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #666;
}

.info dl dt+dd{
    margin-top: 5px;
}

.info dl dd+dt{
    margin-top: 8px;
}

.grayType {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.grayType.vertical {
    border-collapse: separate;
    border-spacing: 8px;
    transform: scale(100%) translateY(-8px);
}

.grayType.vertical tbody tr td{
    border-bottom: solid 1px #dce2ef;
    height: 38px;
    padding: 3px 16px 0;
    vertical-align: top;
}

.grayType.vertical tbody tr td .flex.center{
    justify-content: space-between;
    align-items: center;
    height: 24px;
}

.grayType.vertical tbody tr td .flex.center .btnArea{
    margin-left: 8px;
}

.grayType.vertical span{
    font-family: "Pretendard Medium"!important;
    font-size: 14px;
    text-align: left;
    color: #262d37;
}
.grayType.vertical span.blue{
    color: #2f64cc;
}
.grayType.vertical span.red{
    color: #e73038;
}

.grayType.vertical .btnArea{
    display: flex;
    align-items: center;
    gap: 4px;
}

.grayType.vertical .btnArea button{
    height: 24px;
    padding: 0 9px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
}
.grayType.vertical .btnArea button.red{
    border: solid 1px #e73038;
    color: #df4343;
}
.grayType.vertical .btnArea button.blue{
    border: solid 1px #2f64cc;
    color: #2f64cc;
}

.grayType.vertical .btnArea button:disabled{
    border: solid 1px #c2cbdc;
    background-color: #e9ecf5;
    color: #828fab;
    cursor:default;
}

.grayType thead tr th {
    height: 40px;
    font-family: "Pretendard SemiBold" !important;
    font-size: 14px;
    color: #fff;
    background-color: #7280A0;
    text-align: center;
}

.grayType.vertical thead tr th{
    border-radius: 4px;
}

.grayType thead tr th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.grayType thead tr th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.grayType tbody tr td {
    height: 50px;
    padding: 0 16px;
    box-sizing: border-box;
    background-color: #fff;
    color: #262d37;
    font-size: 14px;
    font-family: "Pretendard" !important;
    text-align: center;
}

.grayType tbody tr:nth-child(2n) td {
    background-color: #f5f7fa;
}

.grayType tbody tr:last-child td {
    border-bottom: solid 1px #BBC7E3;
}

.grayType .wrapRadio{
    margin: 0;
}
.grayType .wrapRadio .radioBox{
    width: 13px;
    height: 13px;
    margin: 0;
}
.grayType .wrapRadio .radioBox label{
    width: 13px;
    height: 13px;
}

.grayType .wrapRadio .radioBox input[type="radio"] + span{
    top: 0;
}

.defaultType{
    width: 100%;
}

.defaultType .line{
    height: 40px;
    padding: 0;
}

.defaultType .line .lineDiv{
    width: 100%;
    height: 1px;
    padding: 0;
    background-color: #dce2ef;
}

.defaultType th{
    height: 44px;
    padding: 4px 0;
    font-family: "Pretendard SemiBold"!important;
    font-size: 14px;
    text-align: left;
    color: #262d37;
    white-space: nowrap;
}

.defaultType .notice{
    padding: 8px 0;
}

.defaultType .notice .noticeBox{
    padding: 12px 12px 12px 36px;
    border-radius: 4px;
    background-color: #f5f7fa;
    background-image: url(../../images/common/ico-exclamation.png);
    background-repeat: no-repeat;
    background-position: top 12px left 12px;
    font-size: 13px;
    text-align: left;
    color: #697b9b;
}

.column .component .btnBlue.lg{
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 36px;
    font-family: "Pretendard Bold"!important;
    font-size: 14px;
    border: 0;
    padding: 0 8px;
    transition: initial;
    margin-left: initial;
    border-radius: 4px;
    background-color: #234ea1;
    -webkit-border-radius: 4px;
    color: #fff;
}

.main .column .component .inputText, .ui-dialog .inputText{
    width: 100%;
}

.main .column .component .inputText+.wrapBtn{
    display: flex;
    align-items: center;
    margin-left: 5px;
    gap: 5px;
}

.main .column .component .inputText+.wrapBtn .btn{
    width: 64px;
    font-family: "Pretendard Bold"!important;
    font-size: 14px;
    height: 36px;
    white-space: nowrap;
}

.main .column .component .wrapBtn #btn-address-search{
    padding-left: 30px;
    border-radius: 4px;
    color: #fff;
    text-align: left;
    border: 0;
    font-family: "Pretendard Medium"!important;
    background: #234ea1 url(../../images/common/ico-search-w.png) no-repeat left 9px center;
}

.main .inputText.pr{
    position: relative;
}

.main .inputText.pr .btnDelete {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 36px;
    width: 20px;
    height: 20px;
}

.main .inputText.pr .btnDelete button{
    font-size: 0;
}

.column .inputText .btnDelete .iconClose:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/common/ico-form-close.png) no-repeat center;
}

.main .inputText.pr .btnSearch {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 20px;
    height: 100%;
}

.main .inputText.pr +p{
    margin-top: 8px;
    font-family: "Pretendard Medium"!important;
    font-size: 13px;
    text-align: left;
    color: #697b9b;
}

.main .column .component .wrapBtn .btn.border{
    color: #234ea1;
    border-radius: 4px;
    border: solid 1px #234ea1;
    background-color: #fff;
    margin-left: 0;
}
.column .componentRegister .defaultType th:nth-of-type(2n),
.ui-dialog .defaultType th:nth-of-type(2n){
    padding-left: 24px;
    padding-right: 8px;
}


.defaultType th.subTitle{
    height: initial;
    font-family: "Pretendard Bold"!important;
    font-size: 14px;
    text-align: left;
    color: #234ea1;
}

.defaultType th.subTitle.right-btn{
    position: relative;
    height: 40px;
}

.defaultType th.subTitle.right-btn .btnBlue{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: 32px;
    background-color: #234ea1;
    border-color: #234ea1;
    color: #fff;
    font-family: "Pretendard Bold" !important;
}

.main .column .datePicker .inputText .btnCalendar, .ui-dialog .datePicker .inputText .btnCalendar{display: block;position: absolute; top: 50%; right: 14px; transform: translateY(-50%); font-size: 16px; color: #444444; pointer-events: none;}
.main .column .datePicker .inputText .btnCalendar .iconCalendar, .ui-dialog .datePicker .inputText .btnCalendar .iconCalendar{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../images/common/ico-calendar.png) no-repeat center;
}
.main .column .datePicker .inputText .btnCalendar .iconCalendar:before,
.ui-dialog .datePicker .inputText .btnCalendar .iconCalendar:before{
    display: none;
}

.defaultType td{
    height: 44px;
    padding: 4px 0;
    font-size: 14px;
    color: #262d37;
}

.main .column .inputText input, .ui-dialog .inputText input {
    width: 100%;
    height: 36px;
    padding: 8px 12px;
    border-radius: 4px;
    border: solid 1px #dce2ef;
    background-color: #fff;
}

.main .column .form-select, .ui-dialog .form-select {
    position: relative;
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #3e4e62;
    padding: 8px 12px;
    border-radius: 4px;
    border: solid 1px #dce2ef;
    background-color: #fff;
    z-index: 1;
    cursor: pointer;
    background-image: url(../../images/common/ico-arrow-down.png);
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.defaultTable .wrapRadio .radioBox input[type="radio"] + span{
    top: 3px;
}

.pagiArea {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pagiArea div.pager{
    margin-top: 0;
}

.pagiArea .num {
    display: inline-block;
    margin-left: 20px;
    font-family: "Pretendard" !important;
    font-size: 13px;
    line-height: 1.54;
    color: #828fab;
}

.column .component .pagiArea .btn{
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    font-size: 14px;
    font-family: "Pretendard Bold"!important;
    color: #444;
    padding: 0 8px;
    border: solid 1px #444;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.flex {
    display: flex;
}

.flex.ac {
    align-items: center;
}

.flex.js {
    justify-content: space-between;
}

.ui-dialog .flex >.datePicker{
    max-width: 160px;
}
.defaultType .datePicker+.inputText{
    margin-left: 5px;
    max-width: 60px;
}
.datePicker+.inputText input{
    padding: 0 5px!important;
}

.padding-inner .defaultType th{
    padding-right: 10px;
}

.detailPopup{
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: sub;
}

.detailPopup .icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../images/common/ico-tooltip.png) no-repeat center;
    cursor: pointer;
}

.detailPopup .detailText{
    display: none;
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    width: 220px;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
    border: solid 2px #234ea1;
    background-color: rgba(255, 255, 255, 0.8);
}

.detailPopup .detailText dl{
    display: grid;
    grid-template-columns: 55px 1fr;
    row-gap: 6px;
}

.detailPopup .detailText.type2 dl{
    grid-template-columns: 1fr;
}

.detailPopup .detailText dl dt{
    font-family: "Pretendard SemiBold"!important;
    font-size: 13px;
    text-align: left;
    color: #234ea1;
}

.detailPopup .detailText dl dd{
    font-size: 13px;
    text-align: left;
    color: #3e4e62;
}

.detailPopup .btn.close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    padding: 0;
    background: #828fab url(../../images/common/ico-close-w.png) no-repeat center;
    border-radius: 50%;
    border: 0;
}

.detailPopup.active .detailText {
    display: block;
}

.coordinateRow dl{
    display: grid;
    grid-template-columns: 35px 1fr;
}

.coordinateRow dl dt{
    padding-top: 3px;
    font-size: 14px;
    text-align: left;
    color: #000;
}

.coordinateRow dl dt.border{
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #dce2ef;
}

.coordinateRow dl dd.border{
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #dce2ef;
}

.coordinateRow dl dd{
    font-size: 14px;
    text-align: left;
    color: #000;
}

.coordinateRow dl dd p{
    margin-top: 2px;
    font-size: 14px;
    text-align: left;
    color: #3e4e62;
}

.coordinateRow dl dd .flex{
    column-gap: 4px;
}

.coordinateRow dl dd .flex span{
    font-size: 14px;
    color: #444;
}

.coordinateRow dl dd .inputText.sm{
    width: 45%;
}

.coordinateRow .wrapBtn{
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.coordinateRow .wrapBtn .btn{
    flex: 1;
    height: 26px;
    border-radius: 4px;
    border: solid 1px #000;
    background-color: #fff;
}

.editRequestorInformation.popup .container{
    background: #ffffff;
}

.join .terms .item .scrollContent table th .rowMiddle{ border-right: 1px solid #9fabc6; }
.join .terms .item .scrollContent table th:last-child .rowMiddle{border-right: 0}

.radioBox.flex{
    display: flex;
    align-items: center;
    gap: 3px;
}

.iframeWrapper{
    height: 100%;
}

.iframeWrapper .popup.editFlightTransWrite{
    height: 100%;
}

/* ============================================================
   style-dev.css 병합 (2026-07-20)
   -dev 라는 이름과 달리 distribution.mode 와 무관하게 늘 로드되던 파일이라,
   화면 뼈대 규칙(.vueApp 등)이 여기 있는 줄 모르고 원인을 엉뚱한 파일에서
   찾게 만들었다. 로드 순서상 style.css 바로 뒤였으므로 파일 끝에 그대로
   이어붙여 캐스케이드(겹치는 29개 셀렉터의 우선순위)를 보존한다.
   ============================================================ */
textarea:disabled{background:#f5f5f8 !important;}

.vueApp{width:100%;height: 100%;}
.tooltip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.scheduleCalendar table tbody td.total button{background: url('/main/images/common/total.png');background-size: 100%;background-repeat: no-repeat;border: none;}
.scheduleCalendar table tbody td.incomplete button{background: url('/main/images/common/incomplete.png');background-size: 100%;background-repeat: no-repeat;border: none;}
.scheduleCalendar table tbody td.complete button{background: url('/main/images/common/complete.png');background-size: 100%;background-repeat: no-repeat;border: none;}
.scheduleCalendar table tbody td.today button{background: #f5f7fa; border-color: #f5f7fa; color:#234ea1;font-family: "Pretendard Bold" !important;}
.column .component .inputText .spanText{display: inline-block; width: 100%; font-size: 14px; font-weight: 350; color: #626262; background: #fff; border: 1px solid #d5d5d5; padding:0; border-radius: 4px; -webkit-border-radius: 4px;}
.column .component .inputText .spanText{box-sizing:border-box;border: none;}
.column .component .inputText .spanText.spanText-type2{text-align: left; padding-left: 10px; }
.column .component .wrapBtn.rightBtn{text-align: right;padding-bottom: 10px;}

.column .component .wrapCheckBox .inputText .spanText{color:#b4b4b4}
.column .component .wrapCheckBox .inputText .spanText[data-active="true"]{color:#626262}
.column .component .wrapCheckBox .inputText .spanText[data-active="true"]:BEFORE{content: '(';}
.column .component .wrapCheckBox .inputText .spanText[data-active="true"]:AFTER{content: ')';}
.column .component .wrapRadio .inputText .spanText{color:#b4b4b4}
.column .component .wrapRadio .inputText .spanText[data-active="true"]{color:#626262}
.column .component .wrapRadio .inputText .spanText[data-active="true"]:BEFORE{content: '(';}
.column .component .wrapRadio .inputText .spanText[data-active="true"]:AFTER{content: ')';}

.inputTextarea{width: 100%;height: 100%;}
.inputTextarea textarea{width: 100%;height: 100%;font-size: 14px;font-weight: 350;color: #626262;background: #fff;border: 1px solid #d5d5d5;padding: 5px;border-radius: 4px;-webkit-border-radius: 4px;resize: none;}

.column .componentManagement .tabFlightTransWrite .scrollContent .inputTextarea{width: 100%;height: 100%;}
.column .componentManagement .tabFlightTransWrite .scrollContent .inputTextarea textarea{width: 100%;height: 100%;font-size: 14px;font-weight: 350;color: #626262;background: #fff;border: 1px solid #d5d5d5;padding: 5px;border-radius: 4px;-webkit-border-radius: 4px;resize: none;}
.column .componentManagement .tabFlightTransWrite .defaultTable{overflow: visible;}

.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .vitalSigns .inputText .spanText{width: 34px; padding: 0 2px; text-align: center;}

.column .componentManagement .tabFlightTransWrite .scrollContent .patientInformation .transReason .inputTextarea{max-height: 50px;}

/* 의사기본 */
.column .componentManagement .tabFlightTransWrite .tabDoctor div.scrollContent{height: calc(100% - 180px);padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .inputTextarea{width: 100%;height: 100%;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .diagnosisInformation .inputTextarea textarea{width: 100%;height: 100%;font-size: 14px;font-weight: 350;color: #626262;background: #fff;border: 1px solid #d5d5d5;padding: 5px;border-radius: 4px;-webkit-border-radius: 4px;resize: none;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .DiagnosisMeans .prevTrfCure .wrapCheckBox .checkBox .inputText input{width:auto;}
.column .componentManagement .tabFlightTransWrite .tabDoctor .scrollContent .scrollTable tbody{max-height: 138px;}

/* 간호사 */
.column .componentManagement .tabFlightTransWrite .tabNurseResque div.scrollContent{height: calc(100% - 180px);padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .vitalSigns .inputText{margin: 0;display: block;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .vitalSigns .inputText span{display: inline-block;width: 35px;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .status .inputTextarea{width: 100%;height: 100%;}
.column .componentManagement .tabFlightTransWrite .tabNurseResque .scrollContent .patientWrite .status .inputTextarea textarea{width: 100%;height: 100%;font-size: 14px;font-weight: 350;color: #626262;background: #fff;border: 1px solid #d5d5d5;padding: 5px;border-radius: 4px;-webkit-border-radius: 4px;resize: none;}

/* 중증외상 */
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma div.scrollContent{height: calc(100% - 180px);padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .oxygen .inputText .spanText{width: 79px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .sap .wrapCheckBox .checkBox .inputText .spanText{width: 41px !important;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .symptom .inputText{margin-top:20px;}
.column .componentManagement .tabFlightTransWrite .tabSevereTrauma .scrollContent .diagnosisInformation .symptom .inputText input{width: calc(100% - 34px); margin-left: 5px; vertical-align: middle;}

/* 뇌졸중 */
.column .componentManagement .tabFlightTransWrite .tabAcuteStroke  div.scrollContent{height: calc(100% - 180px);padding-top: 20px;}

/* 관상동맥 */
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery  div.scrollContent{height: calc(100% - 180px);padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .bloodPressure .inputText{width:100%;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .bloodPressure .inputText input{width:34px;}
.column .componentManagement .tabFlightTransWrite .tabAcuteArtery .deal .bloodPressure .inputText .spanText{width:auto;}

/* 기타 */
.column .componentManagement .tabFlightTransWrite .tabEtcetera  div.scrollContent{height: calc(100% - 180px);padding-top: 20px;}
.column .componentManagement .tabFlightTransWrite .tabEtcetera .diagnosisInformation .pain .inputText{float: left; width: auto; margin-right: 20px;}
.column .componentManagement .tabFlightTransWrite .tabEtcetera .diagnosisInformation .pain .inputText:last-child{margin-right: 0;}
.column .componentManagement .tabFlightTransWrite .tabEtcetera .diagnosisInformation .pain .inputText .spanText{width: 100px;}

.column .componentManagement .tabFlightTransWrite .parenthesis{display: inline-block;vertical-align: middle;}
.column .componentManagement .tabFlightTransWrite .parenthesis:BEFORE{content: '(';display: inline-block;vertical-align: middle;font-size: 14px;}
.column .componentManagement .tabFlightTransWrite .parenthesis:AFTER{content: ')';display: inline-block;vertical-align: middle;font-size: 14px;}

.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .th:nth-of-type(1),
.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .td:nth-of-type(1) {width:10.412%;}
.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .th:nth-of-type(2),
.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .td:nth-of-type(2) {width:36.206%;}
.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .th:nth-of-type(3),
.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .td:nth-of-type(3) {width:36.206%;}
.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .th:nth-of-type(4),
.column .componentManagement .tabFlightTransWrite .symptom .scrollTable .td:nth-of-type(4) {width:17.176%;}

.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .th:nth-of-type(1),
.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .td:nth-of-type(1) {width:10.412%;}
.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .th:nth-of-type(2),
.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .td:nth-of-type(2) {width:36.206%;}
.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .th:nth-of-type(3),
.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .td:nth-of-type(3) {width:36.206%;}
.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .th:nth-of-type(4),
.column .componentManagement .tabFlightTransWrite .estmDiag .scrollTable .td:nth-of-type(4) {width:17.176%;}

.column .componentManagement .tabFlightTransWrite .scrollContent .defaultTable .row .noPad{padding:0;}

.sizeFullTable{width:100%;height: 100%;border-collapse: collapse;}

.popup.searchUser .column .scrollTable .th, .popup.searchUser .column .scrollTable .td{width:20%}

.column .componentManagement .tabFlightTransWrite .scrollContent .oxygen .td .es ~ span.spanText,
.column .componentManagement .tabFlightTransWrite .scrollContent .sap .td .es ~ span.spanText{width: calc(100% - 95px);margin-left: 3px;padding-right: 55px;}

.column .componentManagement .tabFlightReport .table2 .work .inputTextarea{height: 73px;}
.column .componentManagement .tabFlightReport .table2 .work .inputTextarea textarea{width: 100%;height: 100%;font-size: 14px;font-weight: 350;color: #626262;background: #fff;border: 1px solid #d5d5d5;padding: 5px;border-radius: 4px;-webkit-border-radius: 4px;resize: none;}

.popup.editRequestorInformation .column .contentLeft{float: left;width: 384px; padding: 30px 20px 0;margin-bottom: 30px;}
.popup.editRequestorInformation .column .contentRight{float: right;width: calc(100% - 385px);height: 650px;background: #e9e9e9;margin-bottom: 30px;overflow: hidden;}
.pager{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
}
div.pager{
    margin-top: 10px;
}

.pager a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0;
    font-size: 13px;
    color: #828fab;
    font-family: "Pretendard SemiBold" !important;
}
.pager i{text-indent: -10000px;display: inline-block;height: 100%;}
.pager .pager-first i{background: url('/main/images/common/ico-pagi-first.png');width: 24px;background-repeat: no-repeat;background-position:center;}
.pager .pager-next i{background: url('/main/images/common/ico-pagi-next.png');width: 24px;background-repeat: no-repeat;background-position:center;}
.pager .pager-prev i{background: url('/main/images/common/ico-pagi-prev.png');width: 24px;background-repeat: no-repeat;background-position:center;}
.pager .pager-last i{background: url('/main/images/common/ico-pagi-last.png');width: 24px;background-repeat: no-repeat;background-position:center;}

.container .wrapColumn.wait .wrapBtn .btnState  {background-color:rgb(245,167,37);color:rgb(255,255,255);}
.container .wrapColumn.ok .wrapBtn .btnState  {background-color:rgb(0,176,80);color:rgb(255,255,255);}
.container .wrapColumn.move .wrapBtn .btnState  {background-color:rgb(0,102,255);color:rgb(255,255,255);}
.container .wrapColumn.hold .wrapBtn .btnState  {background-color:rgb(120,120,222);color:rgb(255,255,255);}
.container .wrapColumn.complete .wrapBtn .btnState  {background-color:rgb(0,32,96);color:rgb(255,255,255);}
.container .wrapColumn.success .wrapBtn .btnState  {background-color:rgb(157,165,190);color:rgb(255,255,255);}
.container .wrapColumn.reject .wrapBtn .btnState  {background-color:rgb(246,81,121);color:rgb(255,255,255);}
.container .wrapColumn.stop .wrapBtn .btnState  {background-color:rgb(245,122,85);color:rgb(255,255,255);}
.container .wrapColumn.etc .wrapBtn .btnState  {background-color:rgb(29,175,188);color:rgb(255,255,255);}

.container .wrapColumn.wait .wrapBtn .btnState {border-color:rgb(245,167,37);}
.container .wrapColumn.ok .wrapBtn .btnState {border-color:rgb(0,176,80);}
.container .wrapColumn.move .wrapBtn .btnState {border-color:rgb(0,102,255);}
.container .wrapColumn.hold .wrapBtn .btnState {border-color:rgb(120,120,222);}
.container .wrapColumn.complete .wrapBtn .btnState {border-color:rgb(0,32,96);}
.container .wrapColumn.success .wrapBtn .btnState {border-color:rgb(157,165,190);}
.container .wrapColumn.reject .wrapBtn .btnState {border-color:rgb(246,81,121);}
.container .wrapColumn.stop .wrapBtn .btnState {border-color:rgb(245,122,85);}
.container .wrapColumn.etc .wrapBtn .btnState {border-color:rgb(29,175,188);}

.defaultTable .row.focus td{background: #F1F4F8; cursor: pointer;}

/**/
.popup.responseCall .column .search .datePicker .inputText input{width:120px;}
.popup.responseCall .column .wrapBtn.mssnType{ margin-top: 30px;text-align: center;}
.popup.responseCall .column .wrapBtn.mssnType button{color: #444;border-color: #444;height: 34px;width:100px;}
.popup.responseCall .column .search{margin: 30px 0 10px 0;}

/* 로그인 */
.login {background: url('/main/images/misc/bg_login.webp') 50% 50% no-repeat; background-size: cover;}
.login .logo{width: 94px; height: 23px; font-size: 0; text-indent: -9999%; background: url('/main/images/misc/logo.png') 0 0 no-repeat; margin-bottom: 24px;}


.column .componentManagement .tabMissionEstablish.tabMissionEstablish-type2 {
    padding-top: 20px;
}


.contentMap .transPointInformation{width:430px; padding:10px; z-index: 5;}
.contentMap .transPointInformation .defaultTable .th,
.contentMap .transPointInformation .defaultTable .td{padding: 0 10px;}
.contentMap .transPointInformation .list{margin-top: 7px;}
.contentMap .transPointInformation .list h3{font-size: 14px; font-weight: 500; margin-bottom: 7px;}
.contentMap .transPointInformation .listPhoto{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px; overflow: auto;}
.contentMap .transPointInformation .listPhoto .item{position: relative; float: left; display: block; width: 64px; height: 64px; background: #e6e6e6; margin:0 4px 0 0;}
.contentMap .transPointInformation .listPhoto .item:last-child{margin-right: 0;}
.contentMap .transPointInformation .listPhoto .item.focus{border: 2px solid #1a3552;}
.contentMap .transPointInformation .wrapBtn.floating{position: absolute;top: -10px; right: -13px; margin: 0;}
.contentMap .transPointInformation .wrapBtn.floating button{width: 26px; height: 26px; background: #1a3552; border-radius:50%; text-align: center; color: #fff; font-size: 10px;}


.column .componentManagement .tabFlightReport .inputText .btnSearch ~ input[type="text"]{border: 1px solid #d5d5d5; padding-left: 0; padding-right: 25px;}
.column .componentManagement .tabFlightReport .inputText .btnSearch{width: 26px;right: 0px;}

.iconReport { color: #389647 !important; }
.iconManage { color: #df4343 !important; }

/*항공이송기록지 출력*/
.popup.printFlightReport .column .printArea{border: none;}
.popup.printFlightReport .column .printArea .printTitle{text-align: center; margin-bottom: 0.5%;}
.popup.printFlightReport .column .printArea .printHeader .printRequestNo,
.popup.printFlightReport .column .printArea .printHeader .printDate{width: 50%; float: left; margin-bottom:0.5%;}
.popup.printFlightReport .column .printArea .printHeader .printDate{text-align: right;}
.popup.printFlightReport .column .printArea .printTitle .printTitleSpan{text-decoration: underline; font-size: 18px;}
.popup.printFlightReport .column .printArea .mainTable td
, .popup.printFlightReport .column .printArea .mainTable th{border: 1px solid black; text-align: center;}

.popup.printFlightReport .column .printArea .mainTable{width: 100%; height: 90%; border-collapse: collapse; border-top: 2px solid black; border-left: 2px solid black; border-right: 2px solid black;}

.popup.printFlightReport .column .printArea .printFooter{height: 4%; border-left: 1px solid black; border-right: 1px solid black;border-bottom: 1px solid black;}
.popup.printFlightReport .column .printArea .printFooter table{width:100%; height:100%; border:1px solid black; border-collapse: collapse;}
.popup.printFlightReport .column .printArea .printFooter table th{border-left: 1px solid black;}
.popup.printFlightReport .column .printArea .printFooter table td{border-left: 1px solid black; text-align: center;}

/* .container .wrapColumn .scrollContent tr td { cursor: pointer; } */
.container .wrapColumn .scrollContent tr.selected td { background-color: #d7e3fc;  }

.pager a{padding:0;}
.pager .pager-first{padding:0;}
.pager .pager-prev{padding:0;}
.pager .pager-next{padding:0;}
.pager .pager-last{padding:0;}
.pager .on{color: #234ea1;}


.record.page  .wrapColumn .ui-tabs-nav{border-bottom: 0; margin-bottom: 25px; padding: 0; border: 0; border-radius: 0; border-bottom: 2px solid #234EA1;background: none;}
.record.page  .wrapColumn .ui-tabs-tab {box-sizing:border-box;border-radius: 0; margin: 0; padding: 0; margin-bottom: -2px; margin-right: -2px;}
.record.page  .wrapColumn .ui-tabs-tab:after{content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 2px; background: #234EA1; z-index: 1;}
.record.page  .wrapColumn .ui-tabs-tab a{font-size: 12px; padding: 5px 15px; color: #b4b4b4; outline:0; box-shadow: inset 0 0 0 1px #d5d5d5;}
.record.page  .wrapColumn .ui-tabs-tab.ui-state-hover{background:#fff;}
.record.page  .wrapColumn .ui-tabs-tab.ui-state-active{background: none; padding: 0}
.record.page  .wrapColumn .ui-tabs-tab.ui-state-active:after{background: #fff; width: calc(100% - 4px); height: 3px;}
.record.page  .wrapColumn .ui-tabs-tab.ui-state-active a{color: #234EA1; background: #fff; box-shadow: inset 0 0 0 2px #234EA1; z-index: 1; position: relative;}


/* 미션목록 전체~기각 건수 도출 */
.countDiv {display: flex;align-items: center;}
.countDiv span{color: #3e4e62;font-size: 14px;border-right:1px solid #c2cbdc; padding-right: 8px; margin-right: 8px;}
.countDiv span:LAST-CHILD{border-right:none;}
.countDiv span em{font-family: "Pretendard Bold"; margin-left: 4px;font-style:normal;}
.countDiv span em.blue{color: #234ea1;}
.countDiv span em.gray{color: #8a88a1;}
.countDiv span em.orange{color: #ff6a44;}
.countDiv span em.pink{color: #ff6187;}

/* select Row */
#tbodyList tr.selected td,
.container .wrapColumn .scrollContent tr.selected td{background: #d7e3fc; color: #444;}

/* 지도 뷰어 CSS */
.radius_border{border:1px solid #919191;border-radius:5px;box-sizing: content-box;}
.custom_typecontrol {position:absolute;bottom:56px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:100;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .map_btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol .map_btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .map_btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}

.custom_typecontrol2 {position:absolute;top:10px;right:50px;overflow:hidden;width:260px;height:30px;margin:0;padding:0;z-index:100;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol2 span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol2 .func_btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol2 .func_btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol2 .func_btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol2 .func_selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol2 .func_selected_btn:hover {color:#fff;}
.custom_typecontrol2 .information {}

.custom_typecontrol3 {
    position:absolute;top:12px;right:10px; margin:0;padding:0;z-index:100;}
.custom_typecontrol3 a {
    display:block;
    position: relative;
}
.custom_typecontrol3 a > span {
    position: absolute;
    top: 0; right: 0;

    display: block;
    width: 30px;
    height: 30px;
    background: #fff url(/main/images/mapIcon/info.svg) no-repeat 0 0;
    background-size: 30px 30px;
    text-indent: -9999px;
    z-index: -1;
    opacity: 0.7;
    border-radius: 15px;
}
.custom_typecontrol3 a .tooltip {
    display: none;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    border:solid 1px #ddd;
}
.custom_typecontrol3 a:hover .tooltip {
    display: block;

}
.custom_typecontrol3 a .tooltip p {
    line-height: 24px;
}


/*인계점 정보 - 하단 CSS*/

.column .componentManagement .wrapBtn.util .btnPrint{background: #fff;border: solid 1px #234ea1;color: #234ea1;}
.popup .column .wrapBtn.util .btnPrint{background: #4d9e59;border: 0;color: #fff;}

#fltMoveWritNursList{width:100%;display:block;}
#fltMoveWritNursList tbody,#fltMoveWritNursList thead{display:block;}
#fltMoveWritNursList .row{display: -webkit-box;display: -ms-flexbox;display: flex;}
#fltMoveWritNursList .row th:nth-child(1),
#fltMoveWritNursList .row td:nth-child(1){width:11.54%;height: auto;}
#fltMoveWritNursList .row th:nth-child(2),
#fltMoveWritNursList .row td:nth-child(2){width:21.692%;height: auto;}
#fltMoveWritNursList .row th:nth-child(3),
#fltMoveWritNursList .row td:nth-child(3){width:16.692%;height: auto;}
#fltMoveWritNursList .row th:nth-child(4),
#fltMoveWritNursList .row td:nth-child(4){width:16.692%;height: auto;}
#fltMoveWritNursList .row th:nth-child(5),
#fltMoveWritNursList .row td:nth-child(5){width:16.692%;height: auto;}
#fltMoveWritNursList .row th:nth-child(6),
#fltMoveWritNursList .row td:nth-child(6){width:16.692%;height: auto;}
#fltMoveWritNursList .row .th .rowMiddle,
#fltMoveWritNursList .row .td .rowMiddle{position: relative;display: block;top: 50%;transform: translateY(-50%);}
.column .componentManagement .tabFlightTransWrite .scrollContent .defaultTable:LAST-CHILD {margin-bottom: 0px;}

/* 필수값 별 이미지 화*/
.column .necessary{font-style: normal; color: #df4343;background-image: url(/main/images/common/required_24px.png);text-indent: -10000px;background-size: 100%;background-repeat: no-repeat;width: 12px;height: 14px;display: inline-block;vertical-align: middle;}


.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }


/* 舊 .tablecell1/.table-cell1 셀 래퍼 제거(2026-07-22) — td 기본(vertical-align:middle + text-align:center)이
   중앙 정렬을 담당하므로 래퍼 불필요. 말줄임·체크박스 등 특수 셀은 각 화면 td 셀렉터로 이관. */
/** 맵 점타이틀 표시 **/
.dotpoint-text {
}
#viewMap.show-tranpont .dotpoint-text {
}
.dotpoint-text .dotpoint-tilte {
    background: #fff;
    border:solid 1px #2a2a2b;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    height: 20px;

    visibility: hidden;
}
#viewMap.show-tranpont .dotpoint-tilte {
    visibility: visible;
}
.dotpoint-text .dotpoint-gap {
    height: 12px;
}