@charset 'utf-8';
:root{
    --bs-border-color:rgba(203, 208, 221, 0.54);
    --bs-gray-200: #e9ecef;
    --bs-primary : #3874ff;
    --bs-secondary-bg:#e9ecef;
    --adm-sidebar-width: 15.875rem;
    --adm-sidebar-collapsed-width: 4rem;
}



body {background-color:var(--phoenix-body-bg)}
header .logo {width:100px}
header .logo img{filter: grayscale(100)}
header .bi-house {font-size:16px; padding-right:3px}
/* 관리자 세로 메뉴 토글(사이드바-본문 경계에 플로팅) */
.adm .navbar-vertical { overflow: visible !important; }
.adm .navbar-vertical-toggle {
    line-height: 1;
    vertical-align: middle;
    position: fixed;
    top: calc(var(--phoenix-navbar-top-height) + 0.75rem);
    left: calc(var(--adm-sidebar-width) - 0.75rem);
    z-index: 40;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.35rem;
    border: 1px solid var(--phoenix-border-color);
    background-color: var(--phoenix-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.adm .navbar-vertical-toggle .navbar-vertical-toggle-icon { font-size: 0.825rem !important; }
.adm .navbar-vertical-toggle:focus { box-shadow: none; }
.adm .navbar-vertical-toggle:hover { background-color: var(--phoenix-gray-200); }

/* Phoenix 접힘 시 기본은 dropdown-indicator-icon-wrapper 전체 숨김 → 본 프로젝트는 아이콘만 이 안에 있으므로 래퍼는 보이고 .nav-link-text만 테마 규칙로 숨김 */
@media (min-width: 992px) {
  .adm .navbar-vertical-toggle { display: inline-flex !important; }
  .navbar-vertical-collapsed .adm .navbar-vertical-toggle {
    left: calc(var(--adm-sidebar-collapsed-width) - 0.75rem);
  }
  /* 접힘 상태에서 nav 폭이 줄어들며 버튼이 잘릴 수 있어 overflow를 강제로 보정 */
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg { overflow: visible !important; }
  html.navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .dropdown-indicator-icon-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 1.25rem;
    height: auto !important;
    margin-left: 0 !important;
  }
  html.navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .dropdown-indicator-icon-wrapper > i {
    margin-right: 0 !important;
  }
  /* 접힘 상태 hover 시 텍스트/팝아웃 메뉴는 숨기고 아이콘만 hover 효과 */
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .collapsed-nav-item-title,
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .parent-wrapper.label-1,
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .nav-link-text-wrapper,
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .nav-link-text,
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .parent-wrapper.label-1 > .parent {
    display: none !important;
  }
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .nav-link {
    background: transparent !important;
  }
  .navbar-vertical-collapsed .adm .navbar-vertical.navbar-expand-lg .nav-item-wrapper:hover .dropdown-indicator-icon-wrapper {
    background-color: var(--phoenix-navbar-vertical-link-hover-bg) !important;
    border-radius: 0.35rem;
  }
}
@media (max-width: 991.98px) {
  .adm .navbar-vertical-toggle { display: none !important; }
}
.navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {padding-left:30px; padding-right:30px; padding-bottom:30px; height:100vh}
/*.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active {color:var(--bs-theme)}*/

footer {border-top:none}



/*
.accordion-button {padding:0; font-size:14px; padding-left:10px}
.accordion-button:not(.collapsed),
.accordion-button::after {color:var(--phoenix-accordion-btn-color)}
.accordion-button.collapsed {color:var(--phoenix-accordion-active-color)}
.accordion-button.collapsed::after {--phoenix-accordion-btn-icon:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='000' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E");--phoenix-accordion-btn-active-icon:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='000' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E")}
*/

.content h3 span {font-size:16px}
.content .area {height:calc(100% - 30px); width:100%}



.table thead {top:0; background-color:var(--phoenix-white)}
.table .link {text-decoration:underline}
.table td {padding-top:8px; padding-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.tableexport-caption {display:none}

.area .bottom .btn {min-width:100px}
.area .bottom .btn:not(:hover) {background-color:var(--phoenix-white)}

.file_list2 .btn_del,
.file_list .btn_del {background-color:var(--phoenix-dark); color:var(--phoenix-white); font-size:12px; text-align:center}


.select2-search__field:focus-visible {outline:none}
.selection {position:relative}
.selection  > span {border-color:var(--phoenix-border-color) !important; height:37px !important}
.selection .select2-selection__rendered {line-height:37px !important; font-size:0.8rem !important; border-radius:var(--phoenix-border-radius) !important; padding-left:1rem !important}
.selection .select2-selection__arrow {right:0px !important; top:5px !important}
.select2-selection:focus-visible {outline:none}



.src {display:inline-block; width:100%}
.src:not(.src_0) {padding:15px 0}
.src ul,
.src li,
.src li span,
.src li span + div  {display:inline-block}
.src ul {width:calc(100% - 280px); margin-left:-15px}
.src li {margin-left:15px}
.src li > span {padding-right:15px; padding-left:0; font-size:12px}
.src li > span.form-label {float:left; line-height:37px}
.src li > div:not(.date_area) {width:150px}


.src li .date_area {float:left}
.src li .date_area  > div:first-child {width:330px}

.src li span.selection {width:100%}

.src ul + div {min-width:100px}
.src ul + div .btn-outline-success:not(:hover){background-color:var(--phoenix-white)}
.src ul + div .btn + .btn {margin-left:10px}

.src_2 ul + .float-end {padding-top:59px}
.src_3 ul + .float-end {padding-top:119px}
/*.src_2 ul {width:calc(100% - 190px)}*/

.src_0 + .list_area {height: 100%}
.src_1 + .list_area {height:calc(100% - 78px)}
.src_2 + .list_area {height:calc(100% - 130px)}
.src_3 + .list_area {height:calc(100% - 190px)}



.list_area .body {height:calc(100% - 53px); margin-bottom:15px; background-color:var(--phoenix-white); border-radius:5px; overflow-y:auto; border:1px solid var(--bs-border-color); position:relative}
.list_area .spinner-border {position:absolute; left:calc(50% - 20px); top:calc(50% - 80px)}
.list_area .bottom {width:100%; display:inline-block; position:relative; text-align:center}
/*.list_area .bottom ul {width:calc(100% - 100px); display:inline-block}*/
.list_area .bottom ul.paging {position: absolute;
    left: 100px;
    top: 5px;
    width: 80%;
    padding-left: 100px;}
.list_area .bottom ul.paging:not(.paging_2) {right:100px}
.list_area .bottom ul.paging_2 {padding:0 10px; }
.list_area .bottom ul.paging_2 + .float-end {position:absolute; right:0; z-index: 1;}


.cont_005 .cont_005-map-wrap {position:relative}
.cont_005 .cont_005-map-wrap .map_area {border:1px solid var(--bs-border-color); height:340px}
.cont_005 .cont_005-map-filter {position:absolute; top:10px; left:10px; z-index:9}
.cont_005 .cont_005-project-panel {min-height:340px; padding:18px}
.cont_005 .box {width:25%; float:left}
.cont_005 .box:not(:last-child){padding-right:40px; position:relative}
.cont_005 .box:not(:last-child):after {content:''; width:1px; height:100%; position:absolute; top:0; right:20px; background-color:var(--bs-border-color)}
.cont_005 #calendar_005 {min-height:250px}
.cont_005 .cont_005-extra-stats {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px}
.cont_005 .cont_005-extra-stats .item {border:1px solid var(--bs-border-color); border-radius:6px; padding:8px 10px}
.cont_005 .cont_005-extra-stats .item .tit {font-weight:600; margin-right:8px}
.cont_005 .cont_005-extra-stats .item .val {color:var(--phoenix-secondary-color)}

.cont_019 .src_2 ul {width:calc(100% - 400px)}


.cont_007 .src li:nth-child(6),
.cont_007 .src li:nth-child(7),
.cont_008 .src li:nth-child(6),
.cont_008 .src li:nth-child(7),
.cont_008 .src li:nth-child(8),
.cont_010 .src li:nth-child(2),
.cont_012 .src li,
.cont_014 .src li{float:left}

.cont_006 .src li:nth-child(6),
.cont_006 .src li:nth-child(7),
.cont_007 .src li:nth-child(6),
.cont_007 .src li:nth-child(7),
.cont_007 .src li:nth-child(8),
.cont_008 .src li:nth-child(6),
.cont_008 .src li:nth-child(7),
.cont_008 .src li:nth-child(8),
.cont_008 .src li:nth-child(9),
.cont_009 .src li:nth-child(6),
.cont_018 .src ul li:nth-child(6),
.cont_019 .src ul li:nth-child(5),
.cont_033 .src ul li:nth-child(6),
.cont_033 .src ul li:nth-child(9),
.cont_034 .src ul li:nth-child(7),
.cont_035 .src ul li:nth-child(7),
.cont_036 .src ul li:nth-child(7) {margin-top:1rem}


.cont_006 .src li:nth-child(6) .date_area > div:first-child { width: 150px !important}

/* mudi_010: 검색 필터 y축 정렬 보정 */
.cont_010-sch .src ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.cont_010-sch .src ul li {
    float: none;
    display: flex;
    align-items: center;
}
.cont_010-sch .src li > span.form-label {
    line-height: 1;
    margin-bottom: 0;
}
.cont_010-sch .src li .date_area {
    display: flex;
    align-items: center;
    float: none;
}
.cont_010-sch .src li .date_area .form-check {
    margin-bottom: 0;
}

.cont_006-cal-head {
    justify-content: space-between;
}
.cont_006-cal-head .cont_006-cal-toolbar {
    min-width: 0;
}
.cont_006-cal-head .cont_006-cal-actions {
    flex-wrap: nowrap;
}
.cont_006-cal-head #calendar_period_sel { min-width: 7rem; }
.cont_006-cal-head .cont_006-cal-stat { line-height: 1.35; }
.cont_006-cal-head .cont_006-cal-period .btn { min-width: 3.5rem; }

/* mudi_006: 일별 이벤트 영역 세로 상한(펼쳐도 칸·행이 과도하게 커지지 않게, 나머지는 스크롤) */
.cont_006 #calendar .fc-dayGridMonth-view .fc-daygrid-day-events,
.cont_006 #calendar .fc-dayGridWeek-view .fc-daygrid-day-events {
    max-height: 25rem;
    overflow-y: auto;
}

.cont_006 #calendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
    max-height: 10rem;
    overflow-y: auto;
}

.cont_006 #calendar .fc-daygrid-day.fc-day.fc-day-thu.fc-day-past {
    max-height: 10rem;
    overflow-y: auto;
}

/* mudi_006 상담 모달: 날짜 입력 캘린더 picker 아이콘 노출 */
#mudi_p002 input[type='date']::-webkit-calendar-picker-indicator {
    display: block;
    opacity: 1;
    cursor: pointer;
}

/* mudi_033 발주 모달: 배송일자 캘린더 picker 아이콘 노출 */
#mudi_p033 input[type='date']::-webkit-calendar-picker-indicator {
    display: block;
    opacity: 1;
    cursor: pointer;
}

/* 업무일지 캘린더: FC가 계산한 과한 harness margin-top 보정 */
.cont_010 #calendar .fc-daygrid-day-events .fc-daygrid-event-harness {
  margin-top: 0.2rem !important;
}
.cont_010 #calendar .fc-daygrid-day-events .fc-daygrid-event-harness:first-child {
  margin-top: 0 !important;
}

.cont_010 #calendar .fc-popover { z-index:1000 !important; }
.cont_010-sch .select2-container--default .select2-selection--multiple {
    min-height: 38px;
    height: 38px;
    padding: 0 28px 0 12px;
    display: flex;
    align-items: center;
    position: relative;
}
.cont_010-sch .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.cont_010-sch .select2-container--default .select2-selection--multiple .select2-search--inline {
    display: none;
}
.cont_010-sch .select2-container--default .select2-selection--multiple::before {
    content: attr(data-summary);
    color: var(--bs-secondary-color);
    font-size: .875rem;
    line-height: 1;
}
.cont_010-sch .select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}
.cont_010-sch .cont_010-selected {font-size:.85rem; color:var(--bs-secondary-color)}
.cont_010-sch .cont_010-selected:empty {display:none}
.cont_010-sch .cont_010-selected .sel-row + .sel-row {margin-top:.15rem}

.cont_011 .fc-view {height:calc(100% - 60px); overflow:hidden}
.cont_011 .body{padding:1.5rem; overflow:hidden}

.cont_011 .list {float:left; height:100%; border-top:1px solid var(--bs-border-color)}
.cont_011 .list tbody th,
.cont_011 .table {height:100% }
.cont_011 .table table {border-style:solid; border-color:var(--bs-border-color); border-collapse:separate; border-spacing: 0; border-top:0}
.cont_011 .table thead {position:sticky; z-index:9}
.cont_011 .table thead th {height:24px; line-height:24px; border-style:solid; border-color:var(--bs-border-color); border-width:0px 1px 1px 0}
.cont_011 .table tbody th,
.cont_011 .table tbody td {height:58px; line-height:35px; padding:10px; border:none; border-width:0 1px 1px 0; border-style:solid; border-color:var(--bs-border-color)}

.cont_011 .list_1 table th,
.cont_011 .list_2 table th {border-top:0}
.cont_011 .list_1 {width:100px; overflow-y:auto; height:calc(100% - 0px); border-right:0}
.cont_011 .list_1::-webkit-scrollbar{display:none}
.cont_011 .list_2 {width:calc(100% - 100px); overflow:auto}
.cont_011 .list_2 .table {min-width:100%; width:960px}
.cont_011 .list_2 table {border-left:0}
.cont_011 .list_2 table td {padding:0 !important}
.cont_011 .list_2 table td a {margin:0 !important; height:100%}


.cont_013 .src ul {width:calc(100% - 400px)}
.cont_013 .src ul li:nth-child(4) {margin-top:1rem}


.cont_014 .link {text-decoration:underline}
.cont_014 .tree {height:100%}
.cont_014 .tree ul {width:100%; min-height:33px; display:block}
.cont_014 .tree li {min-height:33px; line-height:33px; display:inline-block; text-align:center}
.cont_014 .tree li {width:100%; display:inline-block}
.cont_014 .tree li > *:not(ul) {float:left}
.cont_014 .tree li .form-check-input {margin:10px 10px 0 10px }
.cont_014 .tree label {width:20%; text-align:left}
.cont_014 .tree label + div {width:calc(80% - 40px)}
.cont_014 .tree label + div > div{float:left; width:16%}

.cont_014 .tree .t_body {width:100%; display:inline-block}
.cont_014 .tree .t_body ul li {border-top:1px solid rgba(203, 208, 221, 0.54)}
.cont_014 .tree .t_body ul > li + li {border-top:1px solid rgba(203, 208, 221, 0.54)}
.cont_014 .tree .t_body ul:not(.t_dpeth1) {display:none}
.cont_014 .tree .t_body .chk_depth {display:none}
.cont_014 .tree .t_body .chk_depth + label:before {content:'\f282'; padding:0 10px}
.cont_014 .tree .t_body .chk_depth:checked + label:before {content:'\f286'}
.cont_014 .tree .t_body .chk_depth:checked ~ ul {display:block}
.cont_014 .tree .t_body > ul > li > ul > label.bi {padding-left: 20px}
.cont_014 .tree .t_body > ul > li > ul > li {margin-bottom:-10px}
.cont_014 .tree .t_body > ul > li > ul > li > label.bi {padding-left:30px}
.cont_014 .tree .t_body > ul > li > ul > li > ul > li > label {padding-left:50px}
.cont_014 .tree .t_body > ul > li > ul > li > ul > li > ul > li > label {padding-left:90px}

.cont_033 .src li:nth-child(5) > div:not(.date_area) {width:200px}
.cont_033 .src ul,
.cont_034 .src ul,
.cont_035 .src ul, 
.cont_036 .src ul{width:calc(100% - 180px)}




.adm.banner .area {padding-top:20px}
.adm.banner .card-header {font-size:14px}
.adm.banner .card-body {min-height:473px; max-height:650px; overflow:hidden}
.adm.banner .file_area {margin-top:15px}
.adm.banner .file_list {width:calc(100% - 10px)}
.adm.banner .file_list .img {max-height:360px; height:auto; width:100%; overflow:hidden}
.adm.banner .file_list.no_data {text-align:center; font-size:13px}




.auth .area {overflow-y:auto}
.auth .area .bg-white {border:1px solid var(--bs-border-color); border-radius:5px; height:calc(100% - 53px); margin-bottom:15px; overflow-y:auto}
.auth table {width:400px; float:left; border-right:1px solid var(--bs-border-color)}
.auth table th {line-height:52px !important}
.auth table td {line-height:1.5; height:36.5px}
.auth table +  div {max-width:calc(100% - 400px); float:left; display:inline-block; overflow-x:auto}
.auth table +  div ul {display:inline-block; width:1950px}
.auth table +  div li {width:150px; float:left; border-right:1px solid var(--bs-border-color)}

.auth table +  div li .form-check-input {margin:12px 15px 0 15px}
.auth table +  div li > div {width:100%; text-align:center; border-bottom:1px solid var(--bs-border-color)}
.auth table +  div li > div:not(.a_list){height:36.5px; line-height:36.5px}
.auth table +  div li .a_list {height:39px; line-height:39px}
.auth table +  div li .a_list > div {display:inline-block;}
.auth table +  div li .a_tit span {display:block; float:left; width:33.33%}
.auth table +  div li .a_tit span:nth-child(2) {border-width:0 1px; border-style:solid; border-color:var(--bs-border-color); padding:0 10px}

#mudi_p003 h4 { padding:10px 5px }
#mudi_p003 h4 b { float:right; font-size:16px; font-weight: normal;}

.modal-fullscreen { width:90% !important; /*height: 80% !important; margin:1.5% auto !important*/ margin:0 auto}
.modal-fullscreen .modal-content{height:auto !important}
.modal-fullscreen .modal-body { max-height: 75vh; max-height:75dvh; overflow-x: hidden; }

#mudi_p033 select option:disabled { display: none;}
#mudi_p033 [aria-disabled="true"] { display: none;}
#mudi_p033 .modal-title .float-end { position:absolute; right:30px; top:0px }
#mudi_p033 .mt-3 { position: relative; }
#mudi_p033 .mt-3 .float-end { position:absolute; right:20px; top:-10px }
#mudi_p033_01 .modal-body { overflow-x: hidden;}

#mudi_p034_01 .table thead { z-index:10}
@media (max-width: 1919px) {
    .src_2 form {display:inline-block}
    /*.src_2 ul {width:auto !important}
    .src_2 ul + div {padding-top:10px !important}
    */
    
}


@media (max-width: 1559px) {
    :root { --adm-sidebar-width: 180px; }
    .navbar-vertical.navbar-expand-lg {width:180px}
    .navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {margin-left:180px; padding:90px 25px 25px; min-height:100vh; height:auto}
    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link {padding-left:40px}
    
    .content h3 {font-size:18px}
    .content .src:not(.src_0) {display:inline-block}

    .cont_005 {height:100vh !important}
    .cont_005 h3{margin-bottom:24px !important}
    .cont_005 .row {overflow:hidden}
    .cont_005 .row .map_area{height:670px}

    .cont_007 .src li:nth-child(5),
    .cont_007 .src li:nth-child(6),
    .cont_012 .src li:nth-child(4),
    .cont_014 .src li:nth-child(4) {margin-top:1rem}

    
     
    .cont_012 .src ul + div,
    .cont_014 .src ul + div {padding-top:53px}

    /*
    .content .bottom .paging,
    .content .bottom .paging + .float-end{position:unset !important}
    .content .bottom .paging {width:auto; margin-right:90px}
    .content .bottom .paging + .float-end{float:unset !important; padding-top:20px; text-align:right}
    */

    
}

/*mac pro-13*/
@media (max-width: 1280px) {
    .content .src ul{width:100%}
    .content .src ul + div {padding-top:0px}

    .content .src ul li {float:left}

    .cont_006 .src li:nth-child(5),
    .cont_008 .src li:nth-child(5),
    .cont_008 .src li:nth-child(6),
    .cont_009 .src li:nth-child(5)
    {margin-top:1rem}

    .cont_016 .src ul {width:calc(100% - 75px)}
    .cont_016 .src ul + div {padding-top:0; min-width:auto}

    .cont_018 .src ul li,
    .cont_019 .src ul li {float:unset}
    .cont_018 .src li:nth-child(5),
    .cont_019 .src li:nth-child(5) {float:left; margin-top:1rem}

    .cont_006 .list_area .bottom ul.paging_2 {width:calc(100% - 460px); padding-right:10px !important}
    .cont_008 .list_area .bottom ul.paging_2 {width:calc(100% - 350px); padding-right:10px !important}
    .cont_009 .list_area .bottom ul.paging_2 {width:calc(100% - 220px); padding-right:10px !important}
    .cont_014 .list_area .bottom ul.paging_2,
    .cont_015 .list_area .bottom ul.paging_2{width:calc(100% - 320px); padding-right:10px !important}
    .cont_018 .list_area .bottom ul.paging_2,
    .cont_019 .list_area .bottom ul.paging_2{width:calc(100% - 570px); padding-right:10px !important}
}


/*ipad 4세대 - 가로모드*/
@media (max-width: 1194px) {
    .src li .date_area > div {float:left}
    .src li .date_area > div:last-child {padding-top:8px}


    .cont_005 .area {height: calc(100% - 40px)}
    

    .cont_006 .src li:nth-child(5),
    .cont_006 .src li:nth-child(6),
    .cont_008 .src li:nth-child(5),
    .cont_008 .src li:nth-child(6),
    .cont_009 .src li:nth-child(5) {margin-top:1rem}
    
    
}

@media (max-width: 991px) {
    .navbar-expand .navbar-collapse {position:relative}
    .navbar-expand .navbar-collapse  .logo {position:absolute; left:40px; top:10px}
    .navbar-vertical.navbar-expand-lg {width:100%}
    .navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {margin-left:0px}
    
    
    

    /*
    .cont_005 .row .col-7,
    .cont_005 .row .col-5 {width:100%}
    .cont_005 .row .col-5 {padding-top:25px}
    .cont_005 .list_area .body {height:100%}
    */
    
    
    
    .cont_005 .row .map_area {height:100%}
    .cont_005 .row .col-5 .table th:nth-child(2),
    .cont_005 .row .col-5 .table th:nth-child(3),
    .cont_005 .row .col-5 .table td:nth-child(2),
    .cont_005 .row .col-5 .table td:nth-child(3) {width:50%}
    .cont_005 .row .col-5 .table th:nth-child(4),
    .cont_005 .row .col-5 .table th:nth-child(5),
    .cont_005 .row .col-5 .table th:nth-child(6),
    .cont_005 .row .col-5 .table td:nth-child(4),
    .cont_005 .row .col-5 .table td:nth-child(5),
    .cont_005 .row .col-5 .table td:nth-child(6) {display:none}

    .cont_012 .src ul,
    .cont_014 .src ul {width:auto}
    .cont_012 .src ul + div,
    .cont_014 .src ul + div {padding-top:10px}
    .cont_015 .src ul {width:calc(100% - 100px)}

    .cont_006 .src li:nth-child(4),
    .cont_006 .src li:nth-child(5),
    .cont_008 .src li:nth-child(4),
    .cont_008 .src li:nth-child(5),
    .cont_008 .src li:nth-child(6),
    .cont_009 .src li:nth-child(4),
    .cont_009 .src li:nth-child(5),
    .cont_018 .src li:nth-child(4),
    .cont_018 .src li:nth-child(5),
    .cont_019 .src li:nth-child(4) {margin-top:1rem}

}

/*ipad 4세대 - 세로모드*/
@media (max-width: 834px) {
    
    .content:not(.cont_010) .src ul li {float:unset}
    
    .paging li a{width:21px}
    
}