@charset "utf-8";

#board .board_total{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px;}
#board .board_total_left{font-size:1.5rem;color:#555;}
#board .board_total_left img{margin-right:5px;vertical-align:middle;}
#board .board_total_left .board_orange{color:#F96F00;}
#board .board_total_right .board_code{display:flex;}
#board .board_total_right .board_code select{width:120px;}
#board .board_total_right .board_code input{margin-left:5px;padding:0 10px;border:0;background:#888;font-size:1.3rem;color:#fff;cursor:pointer;}

#board .guide{margin-bottom:8px;font-size:1.5rem;font-weight:500;color:#000;text-align:right;}
#board .guide img{vertical-align:middle;margin-right:3px;}

#board .board_input{height:35px;padding:0 10px;border:1px solid #d5d5d5;background:#fff;font-size:1.5rem;line-height:35px;font-weight:500;color:#000;cursor:text;box-sizing:border-box;}

/* Calendar_top */
#board .top{display:flex;position:relative;justify-content:center;margin-bottom:20px;}
#board .cal_top,
#board .cal_top form,
#board .cal_top form > div{display:flex;align-items:center;}
#board .cal_top .t_date{padding:0 10px;font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:400;color:#000;}
#board .cal_top .t_date strong{margin-left:5px;font-weight:700;}

#board .cal_top select{position:relative;margin:0 7px;padding:10px 40px 10px 15px; background: url(/nanum/site/builder/skin/common/img/sub_menuok.png) no-repeat center right 15px;border:1px solid #999;-webkit-appearance: none;-webkit-border-radius: 0;box-sizing: border-box;}

#board .cal_top .t_arrow{display:inline-block;width:30px;height:30px;margin:0 3px;border-radius:100%;border:1px solid #e5e5e5;background-repeat:no-repeat;background-size:auto 10px;background-position:50% 50%;}
#board .cal_top .t_arrow.y_pre{background-image:url(/nanum/site/board/nninc_calendar2/img/calendar_y_pre.gif);}
#board .cal_top .t_arrow.m_pre{background-image:url(/nanum/site/board/nninc_calendar2/img/calendar_m_pre.gif);}
#board .cal_top .t_arrow.y_next{background-image:url(/nanum/site/board/nninc_calendar2/img/calendar_y_next.gif);}
#board .cal_top .t_arrow.m_next{background-image:url(/nanum/site/board/nninc_calendar2/img/calendar_m_next.gif);}

#board .cal_top .t_today{margin-left:20px;padding:3px 15px;border:1px solid #000;font-size:1.5rem;line-height:1.7;font-weight:700;color:#000;background:#fff;-webkit-appearance: none;-webkit-border-radius: 0;box-sizing: border-box;cursor:pointer;}

.cir_twr{text-align:right;margin-top:10px;}
.cir_txt{display:inline-flex;gap:20px;justify-content: center;align-items: center;padding:0 20px;background:#f9f9f9;border-radius:5px}
.cir_txt p{display:flex;gap:10px;align-items: center;line-height:40px !important;font-size:1.4rem;font-weight:600;color:#000;}
.cir_txt p span{display:block;width:8px;height:8px;border-radius:50%}
.cir_txt p span.red{background:#ff5e44;}
.cir_txt p span.green{background:#0ed526;}

.cir_txt p.c_red span{background:#e74c3c;}
.cir_txt p.c_orange span{background:#e67e22;}
.cir_txt p.c_green span{background:#2ecc71;}
.cir_txt p.c_blue span{background:#4c85f5;}
.cir_txt p.c_purple span{background:#9b59b6;}


/* List */
#board .cal_blist table{table-layout:fixed;width:100%;border-collapse:collapse;border:1px solid #e5e5e5;}
#board .cal_blist table caption{display:none;}
#board .cal_blist thead th{padding:10px 0;font-size:1.4rem;font-weight:700;color:#000;border-bottom:1px solid #e5e5e5;text-align:center;}
#board .cal_blist thead th.sun{color:#f00;}
#board .cal_blist thead th.sat{color:#0076ff;}
#board .cal_blist tbody th,
#board .cal_blist tbody td{border-left:1px solid #e5e5e5;background:#fff;vertical-align:top;box-sizing:border-box;}
#board .cal_blist tbody th{padding:5px 10px;}
#board .cal_blist tbody td{height:80px;border-bottom:1px solid #e5e5e5;}
#board .cal_blist tbody th.day{background:#f9f9f9;text-align:left;border-right:1px solid #e5e5e5;font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:600;}
#board .cal_blist tbody th.day a{text-decoration:none;}
#board .cal_blist tbody td img {vertical-align:middle; padding-right:3px;}
#board .cal_blist tbody td > div{margin:10px 0;}
#board .cal_blist tbody td a{position:relative;display:block;margin:7px 10px;font-size:1.3rem;min-height:25px;line-height:1.25;font-weight:500;color:#fff;background:transparent !important}
#board .cal_blist tbody td a .viewtxt{padding:5px 10px;width: calc(100% - 20px);border-radius:5px;}
#board .cal_blist tbody td a .only_txt{display:block;}
#board .cal_blist tbody td a .viewtxt2 span:first-child{position:absolute;top:0;width: calc(100% - 20px);padding:5px 10px;border-radius:5px;z-index:2;}
#board .cal_blist tbody td .cate{display:inline-block;margin-bottom:5px;padding:3px 8px;color:#fff;font-size:1.3rem;line-height:1.2;font-weight:700;}
#board .cal_blist tbody td .dayend{font-size:1.4rem;font-weight:700;color:#b5b5b5;}

.red_day{background:#f44d4d;color:#fff;}
.blue_day{background:#2894e0;color:#fff;}
.orange_day{background:#ff7302;color:#fff;}
.green_day{background:#64aa20;color:#fff;}
.yellow_day{background:#ffd200;color:#000;}
.purple_day{background:#9f29dc;color:#fff;}
.gray_day{color: #818181;font-weight: 600;font-size: 1.4rem;}
.none_day{color:#fff;}

/* 색상 테마 */
.blue_day { background: #3498db; }
.green_day { background: #2ecc71; }
.purple_day { background: #9b59b6; }
.orange_day { background: #e67e22; }
.red_day { background: #e74c3c; }

.weekdays { display: grid; grid-template-columns: repeat(7, 1fr); background: #fff; border:1px solid #e5e5e5;}
.weekday { text-align: center; padding: 12px 0; font-weight: 700; font-size: 1.4rem; }
.sun { color: #e74c3c; }
.sat { color: #3498db; }

.calendar { border: 1px solid #e5e5e5; border-top: none; }
.week-container { position: relative; border-bottom: 1px solid #e5e5e5; min-height: 140px; }
.week-container:last-child {border-bottom: none;}

.date-grid { display: grid; grid-template-columns: repeat(7, 1fr); height: 100%; position: absolute; width: 100%; top: 0; }
.day-cell { border-right: 1px solid #e5e5e5; padding:5px 8px 8px; font-weight: 600; font-family:'Poppins',sans-serif; font-size: 1.3rem; }
.day-cell:last-child { border-right: none; }
.not-current { opacity: 0.3; }

.events-layer { position: relative; padding-top: 30px; width: 100%; height: 100%; pointer-events: none;background: #2222220d;}
.event-bar {position: absolute; height: 24px; line-height: 24px;font-size: 1.3rem; color: white; border-radius: 3px;}
.event-text{padding: 0 8px; pointer-events: auto;text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{padding:10px 20px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f9f9f9;font-size:1.6rem;color:#000;text-align:left;font-weight:700;}
#board .table_bwrite tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite tbody td{padding:15px 10px;border-bottom:1px solid #d5d5d5;font-size:1.6rem;text-align:left;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:5px 0;text-align:center;}
#board .table_bwrite tbody td span.text1{color:#555;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite tbody td ul.add_file_tip li{font-size:1.3rem;line-height:1.5;font-weight:500;color:#DF0101}
#board .table_bwrite tbody td.filetable table{width:100%;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666;text-align:center;vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:#fff;text-align:left;}

#board .lib_datew .board_input{width:46%;}


/* View */
#board .table_bview .title{padding:15px 20px;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;font-size:1.9rem;line-height:1.5;font-weight:700;color:#000;text-align:center;}
#board .table_bview .info{display:flex;padding:15px 20px;border-bottom:1px solid #e5e5e5;}
#board .table_bview .info dl{display:inline-flex;position:relative;font-size:1.6rem;line-height:1.5;}
#board .table_bview .info dl:nth-child(n+2){margin-left:20px;padding-left:20px;}
#board .table_bview .info dl:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#d5d5d5;}
#board .table_bview .info dt{margin-right:10px;font-weight:600;color:#222;}
#board .table_bview .info dd{color:#555;}
#board .table_bview .info dd .size{font-size:1.2rem;color:#888;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;font-size:1.6rem;color:#000;}
#board .table_bview .content img{display:block;max-width:100%;}
#board .table_bview .content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview .content .sns a{float:left; padding-left:3px;}
#board .table_bview .content .photodown{background-color:#336699; color:#ffffff; padding:5px;}



/* Comment */
#board .board_comment {clear:both; padding-top:20px;}
#board .board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
#board .board_comment table caption{display:none;}
#board .board_comment tbody td {height:31px; text-align:left; line-height:140%;}
#board .board_comment tbody td.dr01 {height:5px; background:url(/nanum/site/board/nninc_calendar/img/dr01.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr02 {height:5px; background:url(/nanum/site/board/nninc_calendar/img/dr02.gif); background-repeat: repeat-x;}
#board .board_comment tbody td.dr03 {height:5px; background:url(/nanum/site/board/nninc_calendar/img/dr03.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr04 {background:url(/nanum/site/board/nninc_calendar/img/dr04.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.text {padding:0; margin:0; height:20px;}
#board .board_comment tbody td dl.info {margin:0; padding-left:10px;}
#board .board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
#board .board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
#board .board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
#board .board_comment tbody td.dr05 textarea {width:88%;height:38px;}
#board .board_comment tbody td.dr06 {background:url(/nanum/site/board/nninc_calendar/img/dr06.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.dr07 {height:5px; background:url(/nanum/site/board/nninc_calendar/img/dr07.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr08 {height:5px; background:url(/nanum/site/board/nninc_calendar/img/dr08.gif);  background-repeat: repeat-x;}
#board .board_comment tbody td.dr09 {height:5px; background:url(/nanum/site/board/nninc_calendar/img/dr09.gif); background-repeat:no-repeat;}

.cmt_list {margin-top:5px;}
.cmt_list div.h {margin:0 0 1px; background:transparent url(/nanum/site/board/nninc_calendar/img/human_ic.gif) no-repeat scroll 0 0.1em; text-align:left; padding-left:15px;}
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
.cmt_list  li.line {height:1px; background:transparent url(/nanum/site/board/nninc_calendar/img/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}


.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}


.colorPicker {border:1px solid #777777; background-color:#ffffff; padding:8px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
.colorPicker li {float:left; padding:0px 2px 0px 2px;}

.error_check {float:left;width:80%;min-height:90px;border:5px solid #DDE7F0;margin-bottom:15px;background:url(/nanum/site/board/nninc_calendar/img/error_bg.gif); background-repeat:no-repeat;padding-left:19%;padding-top:15px;padding-bottom:12px;}
.error_check .error_list {float:left;line-height:19px;}
.error_check .error_list li {background:url(/nanum/site/board/nninc_calendar/img/error_ic.gif) no-repeat 8px 6px;padding-left:15px;}
.error_check .error_list li strong.error {color:#DE5410;}


.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check label {color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}


/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}

/* 모달 배경 */
.modal-overlay {
    display: none; /* 기본 숨김 */
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}
/* 모달이 활성화되었을 때 */
.modal-overlay.active { display: flex; }

.modal-content {
    background: white;
    width: 90%; max-width: 500px;
    padding: 20px; border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.modal-header { display: flex; justify-content: space-between; align-items: center; gap:15px;border-bottom: 1px solid #eee; padding-bottom: 15px; }
.modal-header #modalTitle{font-size:2.2rem;line-height:1.3;}
.modal-header .pbtn{position:static;display: inline-block;width:auto;margin-top:3px;padding:8px 10px;font-size: 1.3rem;line-height:1;color:#fff;transform:none;border-radius: 5px;}
.close-btn { background: none; border: none; font-weight: 300;font-size:4.5rem;line-height: 1; cursor: pointer; }
.modal-body { padding: 20px 0 10px; line-height: 1.6; }
.modal-footer { border-top: 1px solid #eee; padding-top: 10px; text-align: right; }
.btn-view { background: #2894e0; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; }
.btn-close { background: #666; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; margin-left: 5px; }


.modal-body .search_w .search_cate .cate_listw ul::-webkit-scrollbar {width: 5px;}
.modal-body .search_w .search_cate .cate_listw ul::-webkit-scrollbar-thumb {background-color: #525252;border-radius: 10px; background-clip: padding-box;}
.modal-body .search_w .search_cate .cate_listw ul::-webkit-scrollbar-track {background-color: #f7f7f7;border-radius: 10px;}

.modal-body .incumbent_pro .pro_vieww .view_tlistw{justify-content: flex-start;flex-direction: column;gap: 0;align-items: center;max-height:calc(100vh - 300px);overflow-y: auto;}
.modal-body .incumbent_pro .pro_vieww .view_tlistw .info{text-align:center;}
.modal-body .incumbent_pro .pro_vieww .view_tlistw .info .info_txt{display:inline-block;text-align:left;}
.modal-body .incumbent_pro .pro_vieww .view_tlistw .info dl{margin: 10px 0;}
.modal-body *::-webkit-scrollbar {width: 5px;}
.modal-body *::-webkit-scrollbar-thumb {background-color: #525252;border-radius: 10px; background-clip: padding-box;}
.modal-body *::-webkit-scrollbar-track {background-color: #f7f7f7;border-radius: 10px;}
.modal-body .incumbent_pro .pro_vieww .view_tlistw + .btn_w{padding-bottom:0;} 




/******************************모바일******************************/
@media(max-width:767px){

#board .table_bwrite tbody td span.text1{display:block;}
#board .top{margin-bottom:0;}


#board .board_total_left{float:none;width:100%;margin-bottom:5px;}
#board .board_total_right{float:none;width:100%;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}

#board .board_total_left{float:none;width:100%;margin-bottom:5px;font-size:13px;}
#board .board_total_right{float:none;width:100%;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}

#board .cal_top select{padding: 6px 30px 6px 10px;background-position:center right 10px;}
#board .cal_top .t_today{font-size:1.4rem !important;}

/* View */
#board .table_bview table{table-layout:fixed;}
#board .table_bview tbody td.content img{display:block;width:100%;min-width:300px;}

#board .cal_blist tbody td a{min-height:50px;}
#board .cal_blist tbody td a span{font-size: 13px !important;line-height:1.4 !important;}


.weekdays,
.calendar{width:780px;}


}

/******************************모바일******************************/
@media(max-width:420px){

#board .cal_top form{flex-direction: column;gap: 10px;}
#board .cal_top .t_today{margin-left:0;}


}