#schedulearea { width: 100%; margin-top: 32px;} #schedule .button a {color:#000;} #schedule .button a:hover {color:red;} #schedule .button.f10px a {font-size:10px; color:#999;} #schedule .button.f10px a:hover {color:red;} #schedule .yyyymm {clear:both;float:left;} #schedule .move_yyyymm {float:left; margin-left:15px;} #schedule .fon2 {font-family:malgun gothic;font-size:15pt;font-weight:bold; color:#000;} #schedule .fon3 {font-family:malgun gothic;font-size:12pt;font-weight:bold; color:#000;} #schedule .fon4 {font-family:malgun gothic;font-size:11pt;font-weight:bold; color:#000;} #schedule {width: 100%;} #schedule .sche { } #schedule .sche th {text-align:center; height:60px; border:1px solid #ddd; font-weight:500; background-color:#fcfcfc;} #schedule .sche th {border-left: none; border-right: none;} #schedule .sche th:first-of-type {border-left: 1px solid #ddd} #schedule .sche th:last-of-type {border-right: 1px solid #ddd} #schedule .sche .sun, #schedule .sche .sun a {color:#eb5757;} #schedule .sche .sat, #schedule .sche .sat a {color:#1e4cd2;} #schedule .sche .week a {color:#222;} #schedule .sche .cosmos a {font-size:8pt;color:#eb5757;} #schedule .sche .today {color:#000000 !important;} /* Today-background-color*/ #schedule .sche tbody td {border:1px solid #ddd; text-align: center; padding-top:12px;} #schedule .sche tbody td.hts {min-height:80px; height:80px; vertical-align:top;} /* #schedule .sche tbody td:hover {background:#dbf9ff;}*/ #schedule .sche tbody td .days {font-weight:500; padding-bottom:12px; } #schedule .sche tfoot td {border:0px none;} #schedule .sche td img {vertical-align:middle; margin-left:5px;} #schedule .sche td p {font-size:9pt;} #schedule .layers {line-height:15px;} #schedule .hiddendiv {display:none; position:absolute; z-index:1; background-color:#eee; padding:10px;border:1px solid #ccc; min-width: 180px;} #schedule .hiddendiv th {background-color:#fbfbfb; width:90px;} #schedule .hiddendiv td {color:#7a7a7a; padding:4px 7px 4px 7px;line-height:17px; font-weight:normal;} #schedule.dateList h2 {font-size:16pt;} #schedule.dateList .dlist {margin-top:30px;} #schedule.dateList .title {font-size:11pt; font-weight:bold;} #schedule.dateList th {border:1px solid #ccc; background-color:#eee;} #schedule.dateList td {border:1px solid #ccc; padding:7px 0px 7px 7px;} #schedule.dateList .btn_area {text-align:center; padding-top:30px;} #schedule .button a {color:#000;} #schedule .button a:hover {color:red;} #schedule .button.f10px a {font-size:10px; color:#999;} #schedule .button.f10px a:hover {color:red;} #schedule .yyyymm {display: flex; justify-content: start; align-items: center; position: relative;} #schedule .move_yyyymm {float:right;margin-bottom:10px;} #schedule .yyyymm span { font-size: 17px; font-weight: 600; letter-spacing: -0.02em; margin-left: -3px;} #schedule .yyyymm .numb { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500; color: #000; letter-spacing: -0.04em;} #schedule .yyyymm .arrow {margin-left: 7px;} #schedule .yyyymm .arrow img {transition: .3s ease-in;} #schedule .yyyymm .div_wrap { margin-right: 8px;} #schedule .yyyymm .select_wrap { width: calc(100% + 20px); position: absolute; left: 50px; bottom: 5px; transform: translate(-50%, 100%); opacity: 0; text-align: center; transition: all .2s ease-in; display: flex; justify-content: flex-start;} #schedule .yyyymm .select_wrap .numb { font-size: 18px; color: #6b6b6b;} #schedule .yyyymm .select_wrap ul{ max-height: 0; overflow-y: scroll; cursor: pointer; text-align: center;} #schedule .yyyymm .select_wrap ul.year{ width: 81px;} #schedule .yyyymm .select_wrap ul.month{ width: 30px;} #schedule .yyyymm .select_wrap ul::-webkit-scrollbar{ width: 3px; display: none;} #schedule .yyyymm.select .select_wrap { opacity: 1; background: #fff; box-shadow: 0 6px 7px 1px #00000015; border-radius: 10px; padding-top: 10px; padding-left: 8px;} #schedule .yyyymm.select .select_wrap ul{ max-height: 200px; padding: 3px; } #schedule .yyyymm.select .arrow img {transform: rotate(180deg);} /* 탑메뉴 */ .sche_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;} .sche_top .dots {gap: 5px;} .sche_top .dots div { padding: 5px 15px; font-size: 14px; font-weight: 600; color: #444444; letter-spacing: -0.02em; border-radius: 16px;} .sche_top .dots div:has(.oneday) { background: #e5f6f7;} .sche_top .dots div:has(.success) { background: #eaf2fd;} .sche_top .dots div span {margin-right: 6px;} /* 원데이, 석세스 표시 */ #schedule .dots{ display: flex; justify-content: center; gap: 2px;} #schedule .dots span{ width: 10px; height: 10px; display: inline-block;} #schedule .dots .oneday{ background: #55bfc8;} #schedule .dots .success{ background: #4c72ee;} #schedule .sche .week a.onedaytxt { display: inline-block; margin-top:3px; padding: 0 5px; border-radius: 3px; font-size: 14px; font-weight: 400; background: #e5f6f7; color: #55bfc8;} #schedule .sche .week a.successtxt { display: inline-block; margin-top:3px; padding: 0 5px; border-radius: 3px; font-size: 14px; font-weight: 400; background: #eaf2fd; color: #4c72ee;} /*schedule.asp화면*/ #schedule.schedule_full { width: 800px; margin: 0 auto;} #schedule.schedule_full .sche tbody td.hts { min-height: 110px; height: 110px;} #schedule.schedule_full .sche .week a.onedaytxt { background: #e5f6f7; color: #55bfc8;} #schedule.schedule_full .sche .week a.successtxt { background: #eaf2fd; color: #4c72ee;} /* 상단 헤더 컨테이너 (양쪽 정렬) */ .schedule_header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 12px; width: 100%;} /* 년/월 타이틀 (2026.07) */ .calendar_title { font-size: 26px; font-weight: 800; color: #333333; letter-spacing: -0.5px; line-height: 1;} /* 네비게이션 버튼 영역 */ .calendar_nav { display: flex; gap: 4px; align-items: center;} /* 버튼 공통 스타일 */ .btn_nav { display: inline-flex; align-items: center; justify-content: center; height: 30px; min-width: 30px; padding: 0 8px; border: 1px solid #cccccc; background-color: #fcfcfc; color: #555555; font-size: 12px; text-decoration: none; border-radius: 2px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8); transition: all 0.15s ease; box-sizing: border-box;} .btn_nav:hover { background-color: #f0f0f0; border-color: #b0b0b0; color: #111111;} /* 오늘(이번달) 버튼 강조 */ .btn_today { font-weight: bold; padding: 0 10px; color: #222222;}