@charset 'utf-8';

:root{
    --bg-green : #0e8c65;
    --bg-yellow :#ffba00;
    --bg-purple :#b269d2;
    --bs-point:  #0F8FB6;
    --bs-primary-focus:#003153;
    --bs-theme:#e63895;
    --bs-theme-active:#b92b77;
    
}

*::-webkit-scrollbar {width:8px !important; height:8px !important}
*::-webkit-scrollbar-track{background-color:transparent}
*::-webkit-scrollbar-thumb{background: rgba(135, 139, 144, 0.5); border-radius:5px}
*::-webkit-scrollbar-thumb:hover{background: rgba(135, 139, 144, 0.5); width:8px}


html {margin:0; padding:0}
body {font-family:'SUIT', '맑은 고딕', 'Gothic', '고딕'; font-size:13px; width:100%; overflow-x:hidden}
ul {margin-bottom:0; padding-left:0}
ul li {list-style:none}
img {width:100%}
a {display:inline-block; cursor:pointer; color:inherit}
a:not(.link){text-decoration:none}
a.link {text-underline-position: under}
a.link:hover {text-underline-position:under; text-decoration:underline}
a.link-primary {color:var(--bs-primary) !important; text-decoration-color:var(--bs-primary) !important}
input,
textarea {border:none; background-color:transparent}


input[readonly='readonly']:not(.date){background-color:var(--bs-secondary-bg)!important; opacity:0.65}
input[type=text]:read-only:focus{box-shadow:inherit; border-color:var(--bs-secondary-bg)}
input[type=file] {display:none}
input:disabled + label {color:var(--bs-gray-500)}
input[type='file'] {display:none}


.required {position:relative}
.required .form-control {padding-right:20px}
.required .form-control + span.text-danger {position:absolute; right:8px; top:5px}
[name=addr3] + span.text-danger {position:absolute; right:8px; top:auto !important; bottom:15px !important}

textarea {resize:none; min-height:11rem !important}
textarea:focus-visible {outline:none}
button, 
button:focus,
button:focus-visible{outline:none; border:none}




.form-select{font-weight:normal}
.form-check-input + label {margin-left:5px}

.form-control:focus,
.form-select:focus {box-shadow:0 0 0 0.25rem rgba(32,69,111,0.2); border-color:var(--bs-primary-focus)}
.form-check-input{margin-top:1.5px}
.form-check-input:checked {background-color:var(--bs-primary); border-color:var(--bs-primary)}



.body_fix {height:100vh; overflow:hidden}
.body_bg {background-color:var(--bs-tertiary-bg)}
.b_scroll header { box-shadow:rgba(0, 0, 0, 0.07) 0px 5px 10px}



.date_area .date{width:calc(50% - 15px); display:inline-block; position:relative}
.date_area .date:first-child:after {content:'\007e'; position:absolute; right:-20px; top:calc(50% - 10px)}
.date_area .date:last-child {float:right}

.table {table-layout:fixed}
.table thead {position:sticky}
.table a {display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.table .btn_arrow {cursor:pointer}
.table .btn_arrow:after {display:inline-block; font-family:bootstrap-icons !important; font-style:normal; font-weight:normal !important; font-variant:normal; text-transform:none; line-height:1; vertical-align:-.125em; -webkit-font-smoothing:antialiased; background-color:transparent; opacity:.2; margin-left:5px;position: absolute;}
.table .btn_arrow.down:after {content:'\f229'}
.table .btn_arrow.up:after {content:'\f235'}
.table .btn_arrow.active:after {opacity:1}

.point {position:relative; padding-right:15px}
.point:after {content:'\0050'; position:absolute; right:0; top:0}

.addr_area .btn_zip {width:37px; height:37px; line-height:37px; margin-left:10px; border:1px solid var(--bs-border-color); border-radius:5px; padding:0; }



.flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}

.w-10 {width:10% !important}
.w-15 {width:15% !important}
.w-20 {width:20% !important}

.w-100px {min-width:100px}
.w-150px {min-width:150px}
.w-200px {min-width:200px}
.w-300px {min-width:300px}


.file_area {width:calc(100% + 10px); margin-left:-10px; display:inline-block}
.file_area .file_list {display:inline-block; margin:8px 0 0 10px; position:relative}
/*.file_list .img {width:100px; height:100px; background:center/contain no-repeat var(--bs-gray-200); border:1px solid var(--bs-gray-200) overflow:hidden}*/
.file_list .img {width:100px; height:100px; overflow:hidden}
.file_list .btn_del{position:absolute; width:25px; height:25px; background-color:var(--bs-dark); opacity:.7; color:var(--bs-white); right:0; top:0px; font-size:24px; line-height:25px}
.file_list.no_date {width:100%}

.paging {/*width:100%;*/ text-align:center}
.paging li {display:inline-block}
.paging li a {width:30px; height:30px; text-align:center; line-height:30px;}
.paging li a:hover {color:var(--bs-primary-focus)}
.paging li a.active {color:var(--bs-primary); font-weight:bold;}





footer {border-top:1px solid var(--bs-border-color); padding:20px 0; background-color:var(--bs-white); position: relative;}
footer .link {padding-bottom:10px}
footer .link a{font-weight:bold; position:relative; padding-right:20px}
footer .link a:not(:last-child):after {content:'\007c'; position:absolute; right:7px; font-weight:normal}
footer .link + div {padding-bottom:5px}
footer span:not(:first-child) {padding:0 5px}
footer .btn_link {font-size:12px}



.select2 + .text-danger { position: absolute;right: 8px;z-index: 9999; }
.mudi_016 .body { height: 658px !important}
input[type=radio], input[type=radio] + label,
input[type=checkbox], input[type=checkbox] + label { cursor: pointer;}

.modal-body .row > div { position: relative;}
span.d-inline-block.pt-2 { position: absolute; right:30px; top:36px }
.src > form > ul > li  { position: relative;}
.src > form > ul > li span.d-inline-block.pt-2 { top:0px; right:50px }

.modal-body span.float-end { position: absolute; top:43px; right:25px; }
.file_area .mt-2 { position: relative;}
.file_area .btn.btn-sm.btn-light.border { position: absolute; right: 2px; top: 2px; }
.form-check-input[type=radio], .form-check-input[type=checkbox] { margin-top: 0.3em;}

select option:disabled { background-color: rgba(135, 139, 144, 0.2) !important}
input[type=text]:read-only,
input[type=number]:read-only { background-color: rgba(135, 139, 144, 0.2) !important}
#accordion td { line-height: 3em ;}
#accordion input:read-only { padding: 0.5rem 0.5rem }
#mudi_p003 .list_area { max-height:250px !important; overflow-y: auto;}

.total_amount td.text-start b { font-size:14px !important}

#list .btn-sm { 
    --phoenix-btn-padding-y: 0.2rem;
    --phoenix-btn-padding-x: 0.5rem;
    --phoenix-btn-font-size: 0.8rem;
    --phoenix-btn-border-radius: 0.18rem;    
    margin-top:-2px
}

#mudi_p004_1 .modal-body { max-height: 80vh !important;}
.bg-gray .fc-event-main::after { border:4px solid #808080 !important}
.bg-red .fc-event-main::after { border:4px solid #c70a0a !important}
.bg-blue .fc-event-main::after { border:4px solid #3874ff !important}
.bg-green .fc-event-main::after { border:4px solid #07a757 !important}

#mudi_p004_3 table td input[type=checkbox] {
    font-size: 16px;
    margin-top: 2px;
}

input[type=checkbox]+label { cursor: pointer;}

.fc .fc-daygrid-day-number { width: 1.5em; height: 1.5em; line-height: 1.5em;}
.fc .fc-daygrid-day-top { margin-bottom: 0px !important;}
.fc .fc-daygrid-event { padding:0.2rem 0.2rem !important}
.fc .fc-daygrid-day-frame { padding:0px !important }

.fc-day-number-custom.red {color:#c70a0a}
.fc-day-number-custom.blue {color:#3874ff}
.cont_011 .list_1 { height: calc(100% - 8px) !important}
.cont_011 #list2 thead th { width:160px }
.cont_011 #list2 tbody td { width:160px }

.cont_011 #list2 td .fc-event-main {
    align-items: center; 
    display: flex;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;  /* 최대 3줄 */
    -webkit-box-orient: vertical;
}

.gall .info p > span:not(:last-child):after {
    content: '\007c';
    position: absolute;
    right: -3px;
}

#mudi_p002 .file_list { float:left }

.mudi_001 .gall li {width: 386px}
.mudi_001 #list .box {text-align:center; }
.mudi_001 #list .box img {height: 290px;}


.mudi_002 .py-3.mt-4 div { width:40% }
.mudi_002 .py-3.mt-3 div { width:40% }

.mudi_002 .wrap aside + .area { min-height: 700px;}
.mudi_002 .gall li { width:494px; height:450px }
.mudi_002 .gall .box img {height: 370px;}


/*.mudi_005 .list_area .body { height:calc(100% - 37px) !important;}
.mudi_005 .src_0 + .list_area {margin-top: -20px;}*/

.mudi_005 #list tbody tr {cursor: pointer;}
.mudi_005 #list tbody tr.active { background-color: var(--phoenix-secondary-lighter);}

.mudi_005 .table > thead > tr > th,
.mudi_005 .table > tbody > tr > td  {
    padding-top: 0.646rem;
    padding-bottom: 0.646rem;
}
.login .btn-theme {background-color: var(--bs-theme) !important;}

#mudi_p003 .total_amunt .table td { text-overflow: unset; }
.content.cont_010 .area {height: auto; overflow-y: auto;}
#lbt-lightbox-media > img { width:auto !important}

#mudi_p004_1 .fc-daygrid-event {white-space: normal; }
#mudi_p004_1 .fc-event-title.fc-sticky { line-height: 1.3em !important;}
.cont_010 .fc-daygrid-event {white-space: normal; }
.cont_010 .fc-event-title.fc-sticky { line-height: 1.3em !important;}

#mudi_p003 .text_search { position: relative; padding-bottom: 10px;}
#mudi_p003 [name="text_search"] ~ a { position: absolute; top:0px; right:-5px}

/* Pastel backgrounds across the hue wheel (S=55%, L=85%, A=0.5) */
.calendar_bg1  { background-color: hsl(0   55% 85% / 0.5); }
.calendar_bg2  { background-color: hsl(4   55% 85% / 0.5); }
.calendar_bg3  { background-color: hsl(7   55% 85% / 0.5); }
.calendar_bg4  { background-color: hsl(11  55% 85% / 0.5); }
.calendar_bg5  { background-color: hsl(14  55% 85% / 0.5); }
.calendar_bg6  { background-color: hsl(18  55% 85% / 0.5); }
.calendar_bg7  { background-color: hsl(22  55% 85% / 0.5); }
.calendar_bg8  { background-color: hsl(25  55% 85% / 0.5); }
.calendar_bg9  { background-color: hsl(29  55% 85% / 0.5); }
.calendar_bg10 { background-color: hsl(32  55% 85% / 0.5); }
.calendar_bg11 { background-color: hsl(36  55% 85% / 0.5); }
.calendar_bg12 { background-color: hsl(40  55% 85% / 0.5); }
.calendar_bg13 { background-color: hsl(43  55% 85% / 0.5); }
.calendar_bg14 { background-color: hsl(47  55% 85% / 0.5); }
.calendar_bg15 { background-color: hsl(50  55% 85% / 0.5); }
.calendar_bg16 { background-color: hsl(54  55% 85% / 0.5); }
.calendar_bg17 { background-color: hsl(58  55% 85% / 0.5); }
.calendar_bg18 { background-color: hsl(61  55% 85% / 0.5); }
.calendar_bg19 { background-color: hsl(65  55% 85% / 0.5); }
.calendar_bg20 { background-color: hsl(68  55% 85% / 0.5); }
.calendar_bg21 { background-color: hsl(72  55% 85% / 0.5); }
.calendar_bg22 { background-color: hsl(76  55% 85% / 0.5); }
.calendar_bg23 { background-color: hsl(79  55% 85% / 0.5); }
.calendar_bg24 { background-color: hsl(83  55% 85% / 0.5); }
.calendar_bg25 { background-color: hsl(86  55% 85% / 0.5); }
.calendar_bg26 { background-color: hsl(90  55% 85% / 0.5); }
.calendar_bg27 { background-color: hsl(94  55% 85% / 0.5); }
.calendar_bg28 { background-color: hsl(97  55% 85% / 0.5); }
.calendar_bg29 { background-color: hsl(101 55% 85% / 0.5); }
.calendar_bg30 { background-color: hsl(104 55% 85% / 0.5); }
.calendar_bg31 { background-color: hsl(108 55% 85% / 0.5); }
.calendar_bg32 { background-color: hsl(112 55% 85% / 0.5); }
.calendar_bg33 { background-color: hsl(115 55% 85% / 0.5); }
.calendar_bg34 { background-color: hsl(119 55% 85% / 0.5); }
.calendar_bg35 { background-color: hsl(122 55% 85% / 0.5); }
.calendar_bg36 { background-color: hsl(126 55% 85% / 0.5); }
.calendar_bg37 { background-color: hsl(130 55% 85% / 0.5); }
.calendar_bg38 { background-color: hsl(133 55% 85% / 0.5); }
.calendar_bg39 { background-color: hsl(137 55% 85% / 0.5); }
.calendar_bg40 { background-color: hsl(140 55% 85% / 0.5); }
.calendar_bg41 { background-color: hsl(144 55% 85% / 0.5); }
.calendar_bg42 { background-color: hsl(148 55% 85% / 0.5); }
.calendar_bg43 { background-color: hsl(151 55% 85% / 0.5); }
.calendar_bg44 { background-color: hsl(155 55% 85% / 0.5); }
.calendar_bg45 { background-color: hsl(158 55% 85% / 0.5); }
.calendar_bg46 { background-color: hsl(162 55% 85% / 0.5); }
.calendar_bg47 { background-color: hsl(166 55% 85% / 0.5); }
.calendar_bg48 { background-color: hsl(169 55% 85% / 0.5); }
.calendar_bg49 { background-color: hsl(173 55% 85% / 0.5); }
.calendar_bg50 { background-color: hsl(176 55% 85% / 0.5); }
.calendar_bg51 { background-color: hsl(180 55% 85% / 0.5); }
.calendar_bg52 { background-color: hsl(184 55% 85% / 0.5); }
.calendar_bg53 { background-color: hsl(187 55% 85% / 0.5); }
.calendar_bg54 { background-color: hsl(191 55% 85% / 0.5); }
.calendar_bg55 { background-color: hsl(194 55% 85% / 0.5); }
.calendar_bg56 { background-color: hsl(198 55% 85% / 0.5); }
.calendar_bg57 { background-color: hsl(202 55% 85% / 0.5); }
.calendar_bg58 { background-color: hsl(205 55% 85% / 0.5); }
.calendar_bg59 { background-color: hsl(209 55% 85% / 0.5); }
.calendar_bg60 { background-color: hsl(212 55% 85% / 0.5); }
.calendar_bg61 { background-color: hsl(216 55% 85% / 0.5); }
.calendar_bg62 { background-color: hsl(220 55% 85% / 0.5); }
.calendar_bg63 { background-color: hsl(223 55% 85% / 0.5); }
.calendar_bg64 { background-color: hsl(227 55% 85% / 0.5); }
.calendar_bg65 { background-color: hsl(230 55% 85% / 0.5); }
.calendar_bg66 { background-color: hsl(234 55% 85% / 0.5); }
.calendar_bg67 { background-color: hsl(238 55% 85% / 0.5); }
.calendar_bg68 { background-color: hsl(241 55% 85% / 0.5); }
.calendar_bg69 { background-color: hsl(245 55% 85% / 0.5); }
.calendar_bg70 { background-color: hsl(248 55% 85% / 0.5); }
.calendar_bg71 { background-color: hsl(252 55% 85% / 0.5); }
.calendar_bg72 { background-color: hsl(256 55% 85% / 0.5); }
.calendar_bg73 { background-color: hsl(259 55% 85% / 0.5); }
.calendar_bg74 { background-color: hsl(263 55% 85% / 0.5); }
.calendar_bg75 { background-color: hsl(266 55% 85% / 0.5); }
.calendar_bg76 { background-color: hsl(270 55% 85% / 0.5); }
.calendar_bg77 { background-color: hsl(274 55% 85% / 0.5); }
.calendar_bg78 { background-color: hsl(277 55% 85% / 0.5); }
.calendar_bg79 { background-color: hsl(281 55% 85% / 0.5); }
.calendar_bg80 { background-color: hsl(284 55% 85% / 0.5); }
.calendar_bg81 { background-color: hsl(288 55% 85% / 0.5); }
.calendar_bg82 { background-color: hsl(292 55% 85% / 0.5); }
.calendar_bg83 { background-color: hsl(295 55% 85% / 0.5); }
.calendar_bg84 { background-color: hsl(299 55% 85% / 0.5); }
.calendar_bg85 { background-color: hsl(302 55% 85% / 0.5); }
.calendar_bg86 { background-color: hsl(306 55% 85% / 0.5); }
.calendar_bg87 { background-color: hsl(310 55% 85% / 0.5); }
.calendar_bg88 { background-color: hsl(313 55% 85% / 0.5); }
.calendar_bg89 { background-color: hsl(317 55% 85% / 0.5); }
.calendar_bg90 { background-color: hsl(320 55% 85% / 0.5); }
.calendar_bg91 { background-color: hsl(324 55% 85% / 0.5); }
.calendar_bg92 { background-color: hsl(328 55% 85% / 0.5); }
.calendar_bg93 { background-color: hsl(331 55% 85% / 0.5); }
.calendar_bg94 { background-color: hsl(335 55% 85% / 0.5); }
.calendar_bg95 { background-color: hsl(338 55% 85% / 0.5); }
.calendar_bg96 { background-color: hsl(342 55% 85% / 0.5); }
.calendar_bg97 { background-color: hsl(346 55% 85% / 0.5); }
.calendar_bg98 { background-color: hsl(349 55% 85% / 0.5); }
.calendar_bg99 { background-color: hsl(353 55% 85% / 0.5); }
.calendar_bg100{ background-color: hsl(356 55% 85% / 0.5); }

.cont_011 .fc .fc-daygrid-event { border:0px !important}

#mudi_p004_1 .fc-h-event { background-color: #fff; cursor: pointer !important;}
#mudi_p004_1 .fc-h-event > div { cursor: pointer !important;}
@media (min-width: 1025px) {
    .paging_2 { width:100%; padding-right: 200px !important }
    
}
@media (max-width: 1024px) {
    footer .area {padding:0 20px}
}


@media (max-width: 834px) {


}


@media (max-width: 785px) {
}