/* ------------------------------------------------------------------------------------------------------------
    formGroup
------------------------------------------------------------------------------------------------------------ */
.formGroup { display: flex; justify-content:flex-start; align-items: center; margin:0 0; width:100%; }
.formGroup .title { width:150px; text-align: left; }
.formGroup .title h4 { color:#555555; font-weight: 900; }
.formGroup .title h4 sup { color:#f00; font-size:75%; /* top:-0.5rem; */ }
.formGroup .formItem { position: relative; margin:0; }
.formGroup label { font-size: 1.6rem; }
.formGroup input:disabled { background:#f1f1f1; cursor: not-allowed; }
.formGroup.radio { flex-flow: row nowrap; }

.formItem { margin:1rem 0 0; }
.formControl { width:100%; height:40px; font-size:1.6rem; padding:0.6rem 1rem; background: var(--formBack); border-radius:10px; }
.formControl:hover, .formControl:active, .formControl:focus { outline:none; box-shadow:0px 0px 3px 1px #00b8ed; }

.formGroup.calendar { display: flex; justify-content:flex-start; align-items: center; margin:0 0; width:100%; }
.formGroup .formItem.divide { display: flex; justify-content:flex-start; align-items: center; }

.formGroup.radio .formItem { width:100%; }
.formGroup.radio .radioGroup { width:40%; }


/* ------------------------------------------------------------------------------------------------------------
    panel - searchBox
------------------------------------------------------------------------------------------------------------ */
.panel { display: flex; justify-content: flex-start; align-items: center; flex-flow: column nowrap; padding:0; background:transparent; }

.panelHead { display: flex; justify-content:flex-start; align-items: center; position: relative; width:100%; height:40px; padding:0 10px; margin:0 0 10px 0; border-bottom:1px solid #c4c4c430; }
.panelHead h4 { position: relative; font-size: 2.0rem; font-weight: 700; color:#2d4393; margin:0 auto 0 0; }
.panelHead h4:before { position:absolute; top:0; left:-10px; content:''; width:5px; height:100%; background:#2d4393; }
.panelHead .btn { width:140px; height:3.0rem; }

.panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: column nowrap; width:100%; height:auto; max-height:100%; padding:2rem; background: var(--panel); border:1px solid var(--panelBorder); border-radius:5px; box-shadow: 1px 1px 5px 1px #00000040; }
.panelBody .filter { display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; }
.panelBody .formGroup { width:100%; }

/* ------------------------------------------------------------------------------------------------------------
    postLayer
------------------------------------------------------------------------------------------------------------ */
#postLayer { display: none; position: fixed; z-index: 1000; /* 레이어가 오버레이 위에 나타나도록 설정 */ background-color: white; border: 1px solid #e5f1fd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.postOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); /* 반투명 검은색 배경 */ }


/* ------------------------------------------------------------------------------------------------------------
    common
------------------------------------------------------------------------------------------------------------ */
.contentsTop .formGroup { width:450px; margin:0 0 10px; }
.contentsTop .formGroup .title { width:100px; text-align: center; }
.contentsTop .formGroup .formItem { width:calc(100% - 110px); margin:0; }

.panel.full { width:100%; height:100% }
.panel.full .panelBody { height:100%; }

.panel.Left { width:25%; height:100%; }
.panel.Right { width:calc(75% - 20px); height:100%; margin:0 0 0 auto; }

.panelBody .filter { width:100%; }
.panelBody .filter .formGroup { width:49%; }
.panelBody .filter .formGroup:nth-child(2) { width:49%; margin:0 0 0 auto; }
.panelBody .filter .formGroup:last-child { width:100%; margin:10px 0 0; }
.panelBody .filter .formGroup .formItem { width:100%;; }

.panelBody .list { width:100%; height:780px; margin:10px 0 0; padding:2px; overflow-y:auto; }
.panelBody .list .listItem { display: flex; justify-content:flex-start; align-items: center; width:100%; height:6.0rem; font-size:1.6rem; padding:0.6rem 1rem; margin:0 0 10px; background: var(--formBack); border:1px solid #e6e6e6; border-radius:10px; }
.panelBody .list .listItem h4 { font-size: 1.6rem; font-weight: 500; color:#555555; margin:0 auto 0 0; }
.panelBody .list .listItem:hover, .panelBody .list .listItem:active, .panelBody .list .listItem:focus { outline:none; background:#effcff; box-shadow:0px 0px 3px 1px #00b8ed; }
.panelBody .list .listItem:hover h4, .panelBody .list .listItem:active h4, .panelBody .list .listItem:focus h4 { color:#2d4393; font-weight: 900; }
.panel.Right .panelBody .formGroup { width:49%; margin:0 0 2.0rem; }

.panel.Right .regMemberInfo { width:100%; }

#map { width:100%; height:100%; }

@media screen and (max-width:1919px){
    .panelBody .list { max-height:600px; }
    .panel.Right .panelBody .formGroup { margin:0 0 5px; }
}
@media screen and (max-width:1200px){
    .panel.Left { width:100%; height:calc((100vh - 10rem - 230px) / 2); }
    .panel.Right { width:100%; height:calc((100vh - 10rem - 230px) / 2); margin:auto 0 0 0; }
}
@media screen and (max-width:769px){
    .contentsTop .formGroup .title { width:55px; }
    .contentsTop .formGroup .formItem { width:calc(100% - 55px); margin:0; }
    .panel.Left { width:100%; height:calc((100vh - 10rem - 300px) / 2); }
    .panel.Right { width:100%; height:calc((100vh - 10rem - 300px) / 2); margin:auto 0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    loa
------------------------------------------------------------------------------------------------------------ */
.loa .panel.Right .panelHead { justify-content: flex-end; }
.loa .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.loa .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }
.loa .panel.Right .panelBody .formGroup:nth-child(2n) { width:49%; margin:0 0 0 auto; }
.loa .panel.Right .panelBody .formGroup:nth-child(5) { width:100%; }
.loa .panel.Right .panelBody .formGroup:nth-child(6) { width:100%; margin:0 0 2.0rem; }
.loa .panel.Right .panelBody .formGroup:nth-child(7) { width:100%; }
.loa .panel.Right .panelBody .formGroup:nth-child(8) { width:100%; margin:0 0 2.0rem; }
.loa .panel.Right .panelBody .formGroup:nth-child(13) { width:100%; }
.loa .panel.Right .panelBody .formGroup:nth-child(14) { width:100%; margin:0 0 2.0rem; }
.loa .panel.Right .panelBody .formGroup .formItem { position: relative; width:calc(100% - 150px); margin:0; }
.loa .panel.Right .panelBody .formItem a { position:absolute; top:6px; right:6px; width:90px; cursor: pointer; }
.loa .panel.Right .regMemberInfo h4 { font-weight: bold; }
.loa .panel.Right .regMemberInfo span { color:#0036ff; }

@media screen and (max-width:1200px){
    .loa .contentsTop .formGroup { width:calc(100% / 3); }
    .contentsTop .formGroup .title { width:65px; }
    .loa .panel.Left { width:100%; height:calc((100vh - 10rem - 230px) / 2); }
    .loa .panel.Right { width:100%; height:calc((100vh - 10rem - 230px) / 2); margin:auto 0 0 0; }
    .loa .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .loa .panel.Right .panelBody .formGroup .title { width:100px; }
    .loa .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .loa .panel.Right .panelBody { overflow-y:auto; }
    .loa .panel.Right .panelBody .formGroup { margin:0 0 10px; }
    .loa .panel.Right .panelBody .formGroup:nth-child(2n) { width:49%; margin:0 0 10px auto; }
    .loa .panel.Right .panelBody .formGroup:nth-child(5) { width:100%; }
    .loa .panel.Right .panelBody .formGroup:nth-child(6) { width:100%; }
    .loa .panel.Right .panelBody .formGroup:nth-child(7) { width:100%; }
    .loa .panel.Right .panelBody .formGroup:nth-child(8) { width:100%; }
    .loa .panel.Right .panelBody .formGroup:nth-child(13) { width:100%; }
    .loa .panel.Right .panelBody .formGroup:nth-child(14) { width:100%; }
}
@media screen and (max-width:769px){
    .loa .contentsTop .formGroup { width:49%; }
    .loa .contentsTop .formGroup:nth-child(3) { width:100%; margin:0 0 0 0; }
    .loa .panel.Right .panelBody .formGroup { width:100%; }
    .loa .panel.Right .panelBody .formGroup:nth-child(2n) { width:100%; margin:0 0 10px; }
    .loa .panel.Left { width:100%; height:calc((100vh - 10rem - 300px) / 2); }
    .loa .panel.Right { width:100%; height:calc((100vh - 10rem - 300px) / 2); margin:auto 0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    loa01
------------------------------------------------------------------------------------------------------------ */
.loa01 .panel.Right .panelHead { justify-content: flex-end; }
.loa01 .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.loa01 .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }

.loa01 .panel.Right .shipperInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #00b8ed; border-radius:5px; margin:0 0 10px; }
.loa01 .panel.Right .shipperInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa01 .panel.Right .panelBody .formGroup:nth-child(3) { margin:0 0 0 auto; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(5) { margin:0 0 0 auto; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(6) { width:100%; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(8) { margin:0 0 0 auto; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(10) { margin:0 0 0 auto; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(12) { margin:0 0 0 auto; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(13) { width:100%; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(15) { margin:0 0 0 auto; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(16) { width:100%; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(17) { width:100%; }
.loa01 .panel.Right .panelBody .formGroup:nth-child(18) { width:100%; }
.loa01 .panel.Right .panelBody .formGroup .formItem { position: relative; width:calc(100% - 150px); margin:0; }
.loa01 .panel.Right .panelBody .formItem a { position:absolute; top:6px; right:6px; width:90px; cursor: pointer; }

.loa01 .panel.Right .consigneeInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #2ed368; border-radius:5px; margin:0 0 10px; }
.loa01 .panel.Right .consigneeInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa01 .panel.Right .regMemberInfo h4 { font-weight: bold; }
.loa01 .panel.Right .regMemberInfo span { color:#0036ff; }

@media screen and (max-width:1200px){
    .loa01 .contentsTop .formGroup { width:calc(100% / 3); }
    .loa01 .contentsTop .formGroup .title { width:65px; }
    .loa01 .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .loa01 .panel.Right .panelBody .formGroup .title { width:100px; }
    .loa01 .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .loa01 .panel.Right .panelBody { overflow-y:auto; }
    .loa01 .panel.Right .panelBody .formGroup { margin:0 0 10px; }
    .loa01 .panel.Right .regMemberInfo { width:100%; }
}
@media screen and (max-width:769px){
    .loa01 .contentsTop .formGroup { width:49%; }
    .loa01 .contentsTop .formGroup:nth-child(3) { width:100%; margin:0 0 0 0; }
    .loa01 .panel.Right .panelBody .formGroup { width:100%; }
    .loa01 .panel.Right .panelBody .formGroup:nth-child(2n) { width:100%; margin:0 0 10px; }
    .loa01 .panel.Right .panelBody .formGroup:nth-child(3) { margin:0 0 10px }
    .loa01 .panel.Right .panelBody .formGroup:nth-child(5) { margin:0 0 10px }
    .loa01 .panel.Right .panelBody .formGroup:nth-child(8) { margin:0 0 10px }
    .loa01 .panel.Right .panelBody .formGroup:nth-child(10) { margin:0 0 10px }
    .loa01 .panel.Right .panelBody .formGroup:nth-child(12) { margin:0 0 10px }
    .loa01 .panel.Right .panelBody .formGroup:nth-child(15) { margin:0 0 10px }
}

/* ------------------------------------------------------------------------------------------------------------
    loa02
------------------------------------------------------------------------------------------------------------ */
.loa02 .panelBody .filter .formGroup:nth-child(2) { width:50%; margin:0 0 0 auto; }
.loa02 .panel.Right .panelHead { justify-content: flex-end; }
.loa02 .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.loa02 .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }

.loa02 .panel.Right .shipperInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #00b8ed; border-radius:5px; margin:0 0 10px; }
.loa02 .panel.Right .shipperInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa02 .panel.Right .panelBody .formGroup:nth-child(3) { margin:0 0 0 auto; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(5) { margin:0 0 0 auto; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(6) { width:100%; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(7) { width:100%; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(9) { margin:0 0 0 auto; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(11) { margin:0 0 0 auto; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(13) { margin:0 0 0 auto; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(14) { width:100%; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(16) { margin:0 0 0 auto; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(17) { width:100%; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(18) { width:100%; }
.loa02 .panel.Right .panelBody .formGroup:nth-child(19) { width:100%; }
.loa02 .panel.Right .panelBody .formGroup .formItem { position: relative; width:calc(100% - 150px); margin:0; }
.loa02 .panel.Right .panelBody .formItem a { position:absolute; top:6px; right:6px; width:90px; cursor: pointer; }

.loa02 .panel.Right .consigneeInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #2ed368; border-radius:5px; margin:0 0 10px; }
.loa02 .panel.Right .consigneeInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa02 .panel.Right .regMemberInfo h4 { font-weight: bold; }
.loa02 .panel.Right .regMemberInfo span { color:#0036ff; }

@media screen and (max-width:1200px){
    .loa02 .contentsTop .formGroup { width:calc(100% / 3); }
    .loa02 .contentsTop .formGroup .title { width:65px; }
    .loa02 .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .loa02 .panel.Right .panelBody .formGroup .title { width:100px; }
    .loa02 .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .loa02 .panel.Right .panelBody { overflow-y:auto; }
    .loa02 .panel.Right .panelBody .formGroup { margin:0 0 10px; }
    .loa02 .panel.Right .regMemberInfo { width:100%; }
}
@media screen and (max-width:769px){
    .loa02 .contentsTop .formGroup { width:49%; }
    .loa02 .contentsTop .formGroup:nth-child(3) { width:100%; margin:0 0 0 0; }

    .loa02 .panel.Right .panelBody .formGroup { width:100%; }
    .loa02 .panel.Right .panelBody .formGroup:nth-child(2n) { width:100%; margin:0 0 10px; }
    .loa02 .panel.Right .panelBody .formGroup:nth-child(3) { margin:0 0 10px }
    .loa02 .panel.Right .panelBody .formGroup:nth-child(5) { margin:0 0 10px }
    .loa02 .panel.Right .panelBody .formGroup:nth-child(9) { margin:0 0 10px }
    .loa02 .panel.Right .panelBody .formGroup:nth-child(11) { margin:0 0 10px }
    .loa02 .panel.Right .panelBody .formGroup:nth-child(13) { margin:0 0 10px }
    .loa02 .panel.Right .panelBody .formGroup:nth-child(16) { margin:0 0 10px }
}

/* ------------------------------------------------------------------------------------------------------------
    loa03
------------------------------------------------------------------------------------------------------------ */
.loa03 .contentsTop { justify-content:center; }
.loa03 .contentsTop .formGroup { margin:0 0 0 10px; }

.loa03 .panelBody .filter .formGroup:nth-child(2) { width:50%; margin:0 0 0 auto; }

.loa03 .panel.Right .panelHead { justify-content: flex-end; }
.loa03 .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.loa03 .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }

.loa03 .panel.Right .shipperInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #00b8ed; border-radius:5px; margin:0 0 10px; }
.loa03 .panel.Right .shipperInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa03 .panel.Right .panelBody .formGroup:nth-child(2) { margin:0 0 10px auto; }
.loa03 .panel.Right .panelBody .formGroup:nth-child(4) { margin:0 0 10px auto; }
.loa03 .panel.Right .panelBody .formGroup:nth-child(5) { width:100%; }
.loa03 .panel.Right .panelBody .formGroup:nth-child(7) { margin:0 0 10px auto; }
.loa03 .panel.Right .panelBody .formGroup:nth-child(9) { margin:0 0 10px auto; }

.loa03 .panel.Right .panelBody .formGroup .formItem { position: relative; width:calc(100% - 150px); margin:0; }
.loa03 .panel.Right .panelBody .formItem a { position:absolute; top:6px; right:6px; width:90px; cursor: pointer; }

.loa03 .panel.Right .consigneeInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #2ed368; border-radius:5px; margin:0 0 10px; }
.loa03 .panel.Right .consigneeInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa03 .panel.Right .regMemberInfo h4 { font-weight: bold; }
.loa03 .panel.Right .regMemberInfo span { color:#0036ff; }

@media screen and (max-width:1200px){
    .loa03 .contentsTop .formGroup { width:calc(100% / 3); }
    .loa03 .contentsTop .formGroup .title { width:65px; }
    .loa03 .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .loa03 .panel.Right .panelBody .formGroup .title { width:100px; }
    .loa03 .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .loa03 .panel.Right .panelBody { overflow-y:auto; }
    .loa03 .panel.Right .panelBody .formGroup { margin:0 0 10px; }
    .loa03 .panel.Right .regMemberInfo { width:100%; }
}
@media screen and (max-width:769px){
    .loa03 .contentsTop .formGroup { width:49%; margin:0 0 0; }
    .loa03 .contentsTop .formGroup:nth-child(2) { margin:0 0 0 auto; }
        .loa03 .panel.Right .panelBody .formGroup { width:100%; }
    .loa03 .panel.Right .panelBody .formGroup:nth-child(2n) { width:100%; margin:0 0 10px; }
    .loa03 .panel.Right .panelBody .formGroup:nth-child(3) { margin:0 0 10px }
    .loa03 .panel.Right .panelBody .formGroup:nth-child(5) { margin:0 0 10px }
    .loa03 .panel.Right .panelBody .formGroup:nth-child(7) { margin:0 0 10PX; }
    .loa03 .panel.Right .panelBody .formGroup:nth-child(9) { margin:0 0 10px }
    .loa03 .panel.Right .panelBody .formGroup:nth-child(11) { margin:0 0 10px }
}

/* ------------------------------------------------------------------------------------------------------------
    loa04
------------------------------------------------------------------------------------------------------------ */
.loa04 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }

@media screen and (max-width:1200px){
    .loa04 .contentsTop .formGroup { width:calc(100% / 3); }
    .loa04 .contentsTop .formGroup .title { width:65px; }
    .loa04 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .loa04 .contentsTop .formGroup { width:49%; margin:0 0 0; }
    .loa04 .contentsTop .formGroup.calendar { width:100%; margin:0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    loa05
------------------------------------------------------------------------------------------------------------ */
.loa05 .contentsTop { justify-content:center; }
.loa05 .contentsTop .formGroup { margin:0 0 0 10px; }
.loa05 .panel.Right .panelHead { justify-content: flex-end; }
.loa05 .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.loa05 .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }

.loa05 .panel.Right .shipperInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #00b8ed; border-radius:5px; margin:0 0 10px; }
.loa05 .panel.Right .shipperInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa05 .panel.Right .panelBody .formGroup:nth-child(2) { margin:0 0 0 auto; }
.loa05 .panel.Right .panelBody .formGroup:nth-child(4) { margin:0 0 0 auto; }
.loa05 .panel.Right .panelBody .formGroup:nth-child(5) { width:100%; }
.loa05 .panel.Right .panelBody .formGroup:nth-child(7) { margin:0 0 0 auto; }
.loa05 .panel.Right .panelBody .formGroup:nth-child(9) { margin:0 0 0 auto; }
.loa05 .panel.Right .panelBody .formGroup:nth-child(11) { margin:0 0 0 auto; }

.loa05 .panel.Right .panelBody .formGroup .formItem { position: relative; width:calc(100% - 150px); margin:0; }
.loa05 .panel.Right .panelBody .formItem a { position:absolute; top:6px; right:6px; width:90px; cursor: pointer; }

.loa05 .panel.Right .consigneeInfo { display: flex; justify-content: center; align-items: center; width:100%; padding:10px; background: #2ed368; border-radius:5px; margin:0 0 10px; }
.loa05 .panel.Right .consigneeInfo h4 { color:var(--btnTxt); font-weight: 900; }

.loa05 .panel.Right .regMemberInfo h4 { font-weight: bold; }
.loa05 .panel.Right .regMemberInfo span { color:#0036ff; }

@media screen and (max-width:1200px){
    .loa05 .contentsTop .formGroup { width:calc(100% / 3); }
    .loa05 .contentsTop .formGroup .title { width:65px; }
    .loa05 .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .loa05 .panel.Right .panelBody .formGroup .title { width:100px; }
    .loa05 .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .loa05 .panel.Right .panelBody { overflow-y:auto; }
    .loa05 .panel.Right .panelBody .formGroup { margin:0 0 10px; }
    .loa05 .panel.Right .regMemberInfo { width:100%; }
}
@media screen and (max-width:769px){
    .loa05 .contentsTop .formGroup { width:100%; margin:0 0 0; }
    .loa05 .panel.Right .panelBody .formGroup { width:100%; }
    .loa05 .panel.Right .panelBody .formGroup:nth-child(2n) { width:100%; margin:0 0 10px; }
    .loa05 .panel.Right .panelBody .formGroup:nth-child(3) { margin:0 0 10px }
    .loa05 .panel.Right .panelBody .formGroup:nth-child(5) { margin:0 0 10px }
    .loa05 .panel.Right .panelBody .formGroup:nth-child(7) { margin:0 0 10PX; }
    .loa05 .panel.Right .panelBody .formGroup:nth-child(9) { margin:0 0 10px }
    .loa05 .panel.Right .panelBody .formGroup:nth-child(11) { margin:0 0 10px }
}

/* ------------------------------------------------------------------------------------------------------------
    loa06
------------------------------------------------------------------------------------------------------------ */
.loa06 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }

@media screen and (max-width:1200px){
    .loa06 .contentsTop .formGroup { width:calc(100% / 3); }
    .loa06 .contentsTop .formGroup .title { width:65px; }
    .loa06 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .loa06 .contentsTop .formGroup { width:49%; margin:0 0 0; }
    .loa06 .contentsTop .formGroup.calendar { width:100%; margin:0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    loa07
------------------------------------------------------------------------------------------------------------ */
.loa07 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }

@media screen and (max-width:1200px){
    .loa07 .contentsTop .formGroup { width:calc(100% / 3); }
    .loa07 .contentsTop .formGroup .title { width:65px; }
    .loa07 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .loa07 .contentsTop .formGroup { width:49%; margin:0 0 0; }
    .loa07 .contentsTop .formGroup.calendar { width:100%; margin:0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    lma01
------------------------------------------------------------------------------------------------------------ */
.lma01 .panel.Left .panelBody .filter .formGroup:nth-child(2) { width: 49%; margin: 0 0 0 auto; }
.lma01 .panel.Right .panelHead { justify-content: flex-end; }
.lma01 .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.lma01 .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }

@media screen and (max-width:1200px){
    .lma01 .contentsTop .formGroup { width:calc(100% / 3); }
    .lma01 .contentsTop .formGroup .title { width:65px; }
    .lma01 .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .lma01 .panel.Right .panelBody .formGroup .title { width:100px; }
    .lma01 .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .lma01 .panel.Right .panelBody { overflow-y:auto; }
}
@media screen and (max-width:769px){
    .lma01 .contentsTop .formGroup { width:49%; }
    .lma01 .panel.Right .panelBody .formGroup { width:100%; }
}

/* ------------------------------------------------------------------------------------------------------------
    lma02
------------------------------------------------------------------------------------------------------------ */
.lma02 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }

@media screen and (max-width:1200px){
    .lma02 .contentsTop .formGroup { width:calc(100% / 3); }
    .lma02 .contentsTop .formGroup .title { width:65px; }
    .lma02 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .lma02 .contentsTop .formGroup { width:49%; margin:0 0 0; }
    .lma02 .contentsTop .formGroup:nth-child(3) { width:100%; margin:0 0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    lma03
------------------------------------------------------------------------------------------------------------ */
.lma03 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }

@media screen and (max-width:1200px){
    .lma03 .contentsTop .formGroup { width:calc(100% / 3); }
    .lma03 .contentsTop .formGroup .title { width:65px; }
    .lma03 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .lma03 .contentsTop .formGroup { width:49%; margin:0 0 0; }
    .lma03 .contentsTop .formGroup:nth-child(3) { width:100%; margin:0 0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    lma04
------------------------------------------------------------------------------------------------------------ */

.lma04 .summaryItem { display: flex; justify-content:flex-start; align-items: center; flex-flow: row wrap; width:calc((100% / 5) - 8px); height:100%; margin:0 10px 0 0; padding:10px; background: var(--panel); border:1px solid var(--panelBorder); border-radius:5px; box-shadow: 1px 1px 5px 1px #00000040; }

.lma04 .summaryItem:first-child { background: #113569; /* #2d4393 */ }
.lma04 .summaryItem:nth-child(2) { background: #029ADC;}
.lma04 .summaryItem:nth-child(3) { background: #327CCB;}
.lma04 .summaryItem:nth-child(4) { background: #55CCFF;}
.lma04 .summaryItem:last-child { background: #CAEDFA; margin:0 0 0 0; }

.lma04 .summaryTitle { display: flex; justify-content: flex-start; align-items: center; flex-flow: column nowrap; width:30%; height:100%; font-size:1.6rem; font-weight: 900; color:#fff; }
.lma04 .summaryNumber { display: flex; justify-content: center; align-items: center; width:70%; font-size:4.8rem; font-weight: 900; color:#fff; }

.lma04 .contentsTop .formGroup { width:calc(100% / 4); margin:0 0 10px; }
.lma04 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }
.lma04 .panel.full .panelHead a:last-child { margin:0 0 0 10px; }

@media screen and (max-width:1200px){
    .lma04 .contentsTop .formGroup { width:calc(100% / 3); }
    .lma04 .contentsTop .formGroup .title { width:65px; }
    .lma04 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .lma04 .contentsTop .formGroup { width:49%; margin:0 0 10px; }
    .lma04 .summaryItem { height:60px; margin:0 0 5px; }
    .lma04 .summaryItem:first-child { width:100%; }
    .lma04 .summaryItem:nth-child(2) { width:49%; }
    .lma04 .summaryItem:nth-child(3) { width:49%; margin:0 0 0 auto; }
    .lma04 .summaryItem:nth-child(4) { width:49%; }
    .lma04 .summaryItem:last-child { width:49%; margin:0 0 0 auto; }
}

/* ------------------------------------------------------------------------------------------------------------
    lma05
------------------------------------------------------------------------------------------------------------ */
.lma05 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }
.lma05 .panel.full .panelHead { display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; width:100%; }
.lma05 .panel.full .panelHead a:last-child { margin:0 0 0 10px; }
.lma05 .panel.full .panelHead .formGroup { margin:0 0 0 auto; justify-content: flex-end; }
.lma05 .panel.full .panelHead .formGroup h4:before { width:0; }
.lma05 .panel.full .panelBody { margin:0 0 10px; }
.lma05 .panel.full .panelBody:last-child { margin:0 0; }

@media screen and (max-width:1200px){
    .lma05 .contentsTop .formGroup { width:calc(100% / 3); }
    .lma05 .contentsTop .formGroup .title { width:65px; }
    .lma05 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .lma05 .contentsTop .formGroup { width:49%; margin:0 0 10px; }
    .lma05 .contentsTop .formGroup:nth-child(3) { width:100%; margin:0 0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------
    lma07
------------------------------------------------------------------------------------------------------------ */
.lma07 .panel.Left .panelBody .filter .formGroup:nth-child(2) { width: 49%; margin: 0 0 0 auto; }
.lma07 .panel.Right .panelHead { justify-content: flex-end; }
.lma07 .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.lma07 .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }

@media screen and (max-width:1200px){
    .lma07 .contentsTop .formGroup { width:calc(100% / 3); }
    .lma07 .contentsTop .formGroup .title { width:65px; }
    .lma07 .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .lma07 .panel.Right .panelBody .formGroup .title { width:100px; }
    .lma07 .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .lma07 .panel.Right .panelBody { overflow-y:auto; }
}
@media screen and (max-width:769px){
    .lma07 .contentsTop .formGroup { width:49%; }
    .lma07 .panel.Right .panelBody .formGroup { width:100%; }
}

/* ------------------------------------------------------------------------------------------------------------
    lta01
------------------------------------------------------------------------------------------------------------ */
.lta01 .contentsTop .formGroup { width:calc(100% / 4); margin:0 0 10px; }
.lta01 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }

.lta01 .panel.Left { display: flex; justify-content: flex-start; align-items: center; flex-flow: column nowrap; width:70%; height: 100%; }
.lta01 .panel.Left .leftUp { width:100%; height:50%; }
.lta01 .panel.Left .leftDown { width:100%; height:50%; margin:10px 0 0; }

/*.lta01 .panel.Left .leftDown .panelBody { flex-flow: row wrap; }*/
.lta01 .panel.Left .leftDown .panelBody .infoSection { display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; width:100%; margin:0 0 10px; }
.lta01 .panel.Left .leftDown .panelBody .infoSection:last-child { margin:0; }
.lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup { width:calc(100% / 3);  margin:0 0 10px; }
.lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup .title { width:125px; text-align: center; }
.lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup .formItem { width:calc(100% - 150px); }
.lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup.radio .formItem { display: flex; justify-content: center; align-items: center; width:100%; }


.lta01 .panel.Right { width:calc(30% - 20px); height: 100%; margin:0 0 0 auto; }
.lta01 .panel .panelHead a:last-child { margin:0 0 0 10px; }
.lta01 .panel .panelBody { height:100%; }

@media screen and (max-width:1919px){
    .lta01 .panel.Left .leftUp { height:35%; }
    .lta01 .panel.Left .leftDown { height:65%; }
    .lta01 .panel.Left .leftDown .panelBody { overflow-y: auto; }
    .lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup { width:49%; margin:0 0 10px; }
    .lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup .title { width:90px; text-align: center; }
    .lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup .formItem { width:calc(100% - 115px); }
}

@media screen and (max-width:1200px){
    .lta01 .contentsTop .formGroup { width:calc(100% / 3); }
    .lta01 .contentsTop .formGroup .title { width:65px; }
    .lta01 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }

    .lta01 .panel.Left .leftDown { height:64%; }
}
@media screen and (max-width:769px){
    .lta01 .contentsTop .formGroup { width:49%; margin:0 0 10px; }
    .lta01 .panel.Left { width:100%; height:60%; }
    .lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup .title { width:80px; text-align: center; }
    .lta01 .panel.Left .leftDown .panelBody .infoSection .formGroup .formItem { width:calc(100% - 90px); }
    .lta01 .panel.Right { justify-content: flex-start; width:100%; height:35%; margin:10px 0 0; }
    .lta01 .panel.Right .panelHead { display: none; }
    .lta01 .panel.Right .panelBody { padding:0; }

}

/* ------------------------------------------------------------------------------------------------------------
    lta03
------------------------------------------------------------------------------------------------------------ */
.lta03 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }
.lta03 .panel.full .panelHead { display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; width:100%; }
.lta03 .panel.full .panelHead a:last-child { margin:0 0 0 10px; }
.lta03 .panel.full .panelHead .formGroup { margin:0 0 0 auto; justify-content: flex-end; }
.lta03 .panel.full .panelHead .formGroup h4:before { width:0; }
.lta03 .panel.full .panelBody { margin:0 0 10px; }
.lta03 .panel.full .panelBody:last-child { margin:0 0; }

@media screen and (max-width:1200px){
    .lta03 .contentsTop .formGroup { width:calc(100% / 3); }
    .lta03 .contentsTop .formGroup .title { width:65px; }
    .lta03 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .lta03 .contentsTop .formGroup { width:49%; margin:0 0 10px; }
    .lta03 .contentsTop .formGroup:nth-child(3) { width:100%; margin:0 0 0 0; }
    .lta03 .panel.full #grid_json { max-height:300px; }
    .lta03 .panel.full #grid_json1 { max-height:300px; }
}

/* ------------------------------------------------------------------------------------------------------------
    lta04
------------------------------------------------------------------------------------------------------------ */

.lta04 .summaryItem { display: flex; justify-content:flex-start; align-items: center; flex-flow: row wrap; width:calc((100% / 4) - 8px); height:100%; margin:0 10px 0 0; padding:10px; background: var(--panel); border:1px solid var(--panelBorder); border-radius:5px; box-shadow: 1px 1px 5px 1px #00000040; }

.lta04 .summaryItem:first-child { background: #113569; /* #2d4393 */ }
.lta04 .summaryItem:nth-child(2) { background: #029ADC;}
.lta04 .summaryItem:nth-child(3) { background: #327CCB;}
.lta04 .summaryItem:last-child { background: #55CCFF; margin:0 0 0 0; }

.lta04 .summaryTitle { display: flex; justify-content: flex-start; align-items: center; flex-flow: column nowrap; width:30%; height:100%; font-size:1.6rem; font-weight: 900; color:#fff; }
.lta04 .summaryNumber { display: flex; justify-content: center; align-items: center; width:70%; font-size:4.8rem; font-weight: 900; color:#fff; }

.lta04 .contentsTop .formGroup { width:calc(100% / 4); margin:0 0 10px; }
.lta04 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }
.lta04 .panel.full .panelHead a:last-child { margin:0 0 0 10px; }

@media screen and (max-width:1200px){
    .lta04 .contentsTop .formGroup { width:calc(100% / 3); }
    .lta04 .contentsTop .formGroup .title { width:65px; }
    .lta04 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .lta04 .summaryItem:nth-child(2n) { width:49%; margin:0 0 5px auto; }
    .lta04 .summaryItem { width:49%; height:60px; margin:0 0 5px; }
    .lta04 .contentsTop .formGroup { width:49%; margin:0 0 10px; }
}

/* ------------------------------------------------------------------------------------------------------------
    lta05
------------------------------------------------------------------------------------------------------------ */
.lta05 .controlPanel .panelBody { height:100%; }
.lta05 .controlPanel .panelBody .filter { flex-flow: column nowrap; }
.lta05 .controlPanel .panelBody .filter .formGroup { width:100%; margin:0 0 10px; }
.lta05 .controlPanel .panelBody .filter .btnArea a:last-child { margin:0 0 0 10px; }
.lta05 .controlPanel .panelBody .list { height:100%; }

.lta05 .overlayInfo { display: flex; justify-content: flex-start; align-items: center; flex-flow: column nowrap; width:250px; height:auto; padding:0; margin:0 0 20px; background: #fff; border:1px solid #c4c4c4; border-radius:10px; }
.lta05 .infoItem { display: flex; justify-content: center; align-items: center; flex-flow: row nowrap; width:100%; height:30px; margin:0; padding:0; border-bottom:1px solid #c4c4c4; }
.lta05 .infoItem:last-child { border:none; }
.lta05 .infoItem .tag { display: flex; justify-content: center; align-items: center; width:30%; height:100%; font-size:1.4rem; cursor: pointer; border-right:1px solid #c4c4c4; }
.lta05 .infoItem .detailInfo { display: flex; justify-content: flex-start; align-items: center; width:70%; height:100%; padding:0 0 0 10px; font-size:1.4rem; cursor: pointer; }

@media screen and (max-width:1200px){
    .lta05 .controlPanel .panelBody .filter { flex-flow: row wrap; }
    .lta05 .controlPanel .panelBody .filter .formGroup { width:calc((100% / 3) - 5px); margin:0 5px 10px 0; }
    .lta05 .controlPanel .panelBody .filter .formGroup:last-child { margin:0 0 10px; }
    .lta05 .controlPanel .panel.Left { height:50%; }
    .lta05 .controlPanel .panel.Right { height:49%; margin:1% 0 0; }
}
@media screen and (max-width:769px){
    .contentsArea { padding: 18rem 1rem 2rem; }
}


/* ------------------------------------------------------------------------------------------------------------
    lta06
------------------------------------------------------------------------------------------------------------ */
.lta06 .contentsTop .btnArea a:last-child { margin:0 0 0 10px; }
.lta06 .panel.full .panelHead { display: flex; justify-content: flex-start; align-items: center; flex-flow: row nowrap; width:100%; }
.lta06 .panel.full .panelHead a:last-child { margin:0 0 0 10px; }
.lta06 .panel.full .panelHead .formGroup { margin:0 0 0 auto; justify-content: flex-end; }
.lta06 .panel.full .panelHead .formGroup h4:before { width:0; }
.lta06 .panel.full .panelBody { margin:0 0 10px; }
.lta06 .panel.full .panelBody:last-child { margin:0 0; }

@media screen and (max-width:1200px){
    .lta06 .contentsTop .formGroup { width:calc(100% / 3); }
    .lta06 .contentsTop .formGroup .title { width:65px; }
    .lta06 .contentsTop .formGroup .formItem { width:calc(100% - 75px); margin:0; }
}
@media screen and (max-width:769px){
    .lta06 .contentsTop .formGroup { width:49%; margin:0 0 10px; }
}

/* ------------------------------------------------------------------------------------------------------------
    rsa01
------------------------------------------------------------------------------------------------------------ */
.rsa01 .contentsTop { justify-content:center; }
.rsa01 .contentsTop .formGroup { margin:0 0 0 10px; }

.rsa01 .panel.Right .panelHead { justify-content: flex-end; }
.rsa01 .panel.Right .panelHead a:last-child { margin:0 0 0 10px; }
.rsa01 .panel.Right .panelBody { display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; }
.rsa01 .panel.Right .panelBody .formGroup .formItem { position: relative; width:calc(100% - 150px); margin:0; }
.rsa01 .panel.Right .panelBody .formItem a { position:absolute; top:6px; right:6px; width:90px; cursor: pointer; }

.rsa01 .panel.Right .panelBody .formGroup:nth-child(2) { width:49%; margin:0 0 10px auto; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(3) { width:100%; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(3) .formItem { display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; height:40px; }
.rsa01 .panel.Right .panelBody .checkGroup { margin:0 0 0 10px; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(4) { width:100%; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(6) { margin:0 0 10px auto; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(8) { margin:0 0 10px auto; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(10) { margin:0 0 10px auto; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(12) { margin:0 0 10px auto; }
.rsa01 .panel.Right .panelBody .formGroup:nth-child(14) { margin:0 0 10px auto; }





@media screen and (max-width:1200px){
    .rsa01 .contentsTop .formGroup { width:calc(100% / 3); }
    .contentsTop .formGroup .title { width:65px; }
    .rsa01 .panel.Left { width:100%; height:calc((100vh - 10rem - 230px) / 2); }
    .rsa01 .panel.Right { width:100%; height:calc((100vh - 10rem - 230px) / 2); margin:auto 0 0 0; }
    .rsa01 .panelBody .list { width:100%; height:70%; margin:10px 0 0; padding:2px; overflow-y:auto; }
    .rsa01 .panel.Right .panelBody .formGroup .title { width:100px; }
    .rsa01 .panel.Right .panelBody .formGroup .formItem { width:calc(100% - 100px); }
    .rsa01 .panel.Right .panelBody { overflow-y:auto; }
    .rsa01 .panel.Right .panelBody .formGroup { margin:0 0 10px; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(2n) { width:49%; margin:0 0 10px auto; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(5) { width:100%; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(6) { width:100%; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(7) { width:100%; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(8) { width:100%; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(13) { width:100%; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(14) { width:100%; }
}
@media screen and (max-width:769px){
    .rsa01 .contentsTop .formGroup { width:49%; }
    .rsa01 .panel.Right .panelBody .formGroup { width:100%; }
    .rsa01 .panel.Right .panelBody .formGroup:nth-child(2n) { width:100%; margin:0 0 10px; }
    .rsa01 .panel.Left { width:100%; height:calc((100vh - 10rem - 300px) / 2); }
    .rsa01 .panel.Right { width:100%; height:calc((100vh - 10rem - 300px) / 2); margin:auto 0 0 0; }
}