@charset "utf-8";

input[type="submit"]{height:38px;line-height:38px;font-size:16px;}
input[type="text"], input[type="password"], input[type="email"], input[type="time"], input[type="number"] {height:38px;line-height:38px;font-size:16px;border:1px solid #ccc;text-indent:10px;vertical-align:top;}
input[type="checkbox"]{width:17px;height:17px;-webkit-appearance:checkbox;cursor:pointer;}
select{padding:0 0 0 5px;width:135px;height:38px;line-height:38px;font-size:14px;background:url(/www/img/skin/calendar/selecticon.png) center right 8px no-repeat;border:1px solid #d0d0d0;}
th{font-size:17px;}
td{font-size:17px;}
td.mhide{color:#828282;font-size:14px;}
strong{font-weight:500;}
.labelhidden, .hidden, .mshow{display:none;}




/* 공통 버튼 스타일*/
.adminbtn{float:left;}
.btnbox{width:100%;text-align:right;margin:20px 0;clear:both;}
.btnbox input[type="submit"]{height:38px;font-size:14px;font-family:'Nanum Gothic', sans-serif;}
.btnbox span input{cursor:pointer;}
.btn{display:inline-block;vertical-align:top;padding:0 25px;height:38px;line-height:38px;text-align:center;font-size:14px;letter-spacing:0;border:1px solid transparent;box-sizing:border-box;}
.btn-default{color:#333;border:1px solid #dfdfdf;border-bottom:1px solid #c4c4c4;background:#fff;}
.btn-default:hover{color:#333;font-weight:400;background:linear-gradient(#fff, #f5f5f5);}
.btn_apply{color:#fff;border:1px solid #141414;border-bottom:1px solid #000000;background:#141414;}
.btn_apply:hover{color:#fff;font-weight:400;border:1px solid #414141;border-bottom:1px solid #000000;background:#414141;}
.btn-enter{color:#fff;background:#464e6b;border:1px solid #036;}
.btn-enter:hover{color:#fff;background:#000000;}
.btn-basic{color:#fff;background:#666;border:1px solid #555;}
.btn-basic:hover{color:#fff;}
.btn_basic1{float:left;display:inline-block;width:auto;text-align:left;}
.btn_basic2{display:inline-block;width:auto;text-align:right;}
.btn-red{color:#fff;background:#F33;border:1px solid #F00;}
.btn-red:hover{color:#fff;}
.btn-right{padding-left:15px;padding-right:15px;float:right;font-weight:normal;margin-bottom:5px;}
@media screen and (max-width:1024px){
	.btnbox input[type="submit"]{padding:0 9px;font-size:97%;}
	.btnbox a.btn{padding:0 9px;font-size:80%;}
}


/*캘린더*/
/* 캘린더 */
.calendar-box { width: 1400px; position: relative; }
.calendar-box .month { overflow: hidden; position: relative; height: 35px; line-height: 35px; width: 220px; margin: 0 auto 55px; }
.calendar-box .month .prev, .calendar-box .month .next { position: absolute; cursor: pointer; }
.calendar-box .month .prev { left: 0; }
.calendar-box .month .next { right: 0; }
.calendar-box .month .now { font-size: 22px; text-align: center; letter-spacing: 0; }
.calendar-box .calendar-category { text-align: right; position: absolute; right: 4px; top: 50px; }

/* 아이콘 */
.i-con { color: #7e7e7e; font-size: 13px; padding-left: 5px; }
.i-con em { width: 18px; height: 18px; display: inline-block; color: #fff; font-size: 12px; font-weight: 500; line-height: 18px; text-align: center; margin-right: 3px; }
.i-con-a00 em { background: #cda954; } 
.i-con-a01 em { background: #0d266e; }
.i-con-a02 em { background: #11bec9; }
.i-con-a03 em { background: #008fd7; }
.i-con-a04 em { background: #901ba3; }
.i-con-a05 em { background: #9ca1af; }
.i-con-a06 em { background: #1dbd2c; }
.i-con-a07 em { background: #a3bd1d; }
.i-con-a08 em { background: #bda11d; }
.i-con-a09 em { background: #bd7b1d; }
.i-con-a10 em { background: #bd431d; }
.i-con-a11 em { background: #bd1d51; }
.i-con-a12 em { background: #bd1dbb; }


/* 주말 및 요일 */
.calendar-box .weekdays { border-top: 2px solid #585858; width: 100%; font-weight: 600; }
.calendar-box .weekdays li { display: block; width: 14.2%; text-align: center; height: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px solid #a0a0a0; float: left; color: #000; box-sizing: border-box; }

/* 날짜 */
.calendar-box .days { display: inline-block; width: 100%; }
.calendar-box .days>li { border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; height: 180px; width: 14.2%; float: left; box-sizing: border-box; position: relative; font-size: 14px; overflow-y: auto; }
.calendar-box .days>li>.con { margin-top: 7px !important; display: flex; word-break: keep-all; }
.calendar-box .days .daynum { border-bottom: 1px solid #f3f3f3; height: 38px; line-height: 38px; padding-left: 10px; font-weight: 600; }
.calendar-box .days .daynum .mweekday { display: none; }
.calendar-box .days .gray .daynum { color: #d8dde6; font-weight: normal; }
.calendar-box .days .sun .daynum { color: #f00; }
.calendar-box .days .sat .daynum { color: #00f; }

/* 보너스 */
.bono { border: none !important; }

@media only all and (max-width:1400px) {
	.calendar-box{width:100%;}
}

@media only all and (max-width:1024px) {
	.calendar-box { width: 95vw; float: none; padding: 0; }
	.calendar-box .calendar-category { width: 95vw; text-align: center; right: 9px; top: 80px; }
	.calendar-box .month { display: block; margin: 0 auto 15px; }
	.calendar-box .weekdays { display: none; }
	.calendar-box .days li { width: 100%; min-height: 40px; height: auto; position: relative; border-left: none !important; }
	.calendar-box .days .gray { display: none; }
	.calendar-box .days .daynum { float: left; width: 10%; height: 20px; border-radius: 50%; line-height: 30px; text-align: center; font-weight: 500; position: relative; padding: 3px 0; font-size: 14px; font-weight: 600; font-family: 'Futura-Medium'; letter-spacing: -2px; }
	.calendar-box .days .daynum>span { font-size: 13px; font-weight: 400; color: #9b9b9b; }
	.calendar-box .days .daynum .mweekday { display: inline; }
	.calendar-box .days .con { float: right; width: calc(100% - 12%); margin-left: 2%; padding: 3px 0; }
	.calendar-box .days .con .carlender-pop { width: 100%; left: 0; }
	.calendar-box .days .con .carlender-pop .car-pimg { float: left; width: 30%; }
	.calendar-box .days .con .carlender-pop .car-plist { float: right; width: 69%; }
	.calendar-box .days .con .pop_s .car-plist { width: 100%; }
	.calendar-box .days { margin: 60px 0; border-top: 1px solid #222; }
	.calendar-box .days li:has(.daynum:empty) { display: none; }
}


/*view */
.page_view .titlebox{width:100%;}
.page_view .subject{text-align: center; padding:25px 15px 23px 15px;color:#141414;font-size:22px;letter-spacing:-1px;font-weight:500;border-top:2px solid #000000;border-bottom:1px solid #e8e8e8;background:#f9f9f9;word-wrap:break-word;word-break:keep-all;}
.page_view .datestat{display:grid;grid-template-columns: repeat(3, 1fr);
	& dl{border-bottom:1px solid #ddd;}
}
.post_info{display: flex; padding:16px 0; align-items: center;
	& dt{color:#222; font-weight: 600; min-width:100px; text-align: center;}
	& dt+dd{ border-left: 1px solid #ddd; padding-left:20px;}
	& dd{width: 100%;}
}
.page_view .substance{width:100%; border-bottom:1px solid #d1d1d1;}
.page_view .smartOutput{padding:40px 15px 70px 15px;font-size:16px;}
.page_view .smartOutput a{word-wrap:break-word;word-break:break-all;}
.page_view .smartOutput a:hover{color:#2470e6;}
.page_view ~ .btnbox{text-align: center;
	& a{font-weight: 600;}
	& .modify{border-color:#666;}
	& .delete{border-color:#d3093f; color:#d3093f;}
}
.page_view  .file{width:100%;padding:7x 15px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;background-color:#fafafa;
	.post_info dt{align-self: flex-start;}
}
@media screen and (max-width:1024px){
	/* view */
	.page_view .subject{padding:12px 0;font-size:18px;}
	.page_view .smartOutput img{max-width:100%;min-width:100%;height:auto;}
	.page_view .file ul{display: flex;}
}
@media screen and (max-width:700px){
	.page_view .datestat{display:grid;grid-template-columns: repeat(2, 1fr);}
	.page_view.post_info dt{min-width: auto; text-align: left; border-right: none; margin-right:15px;}
	.page_view .fileinfo{display: none;}
}




/*view  이전글 / 다음글*/
.bottom_list{margin-bottom:100px;width:100%;border-top:1px solid #222; border-bottom:1px solid #222;}
.bottom_list ul li{padding:15px 0 13px 0;border-bottom:1px solid #ddd;overflow:hidden;}
.bottom_list ul li a{display:block;color:#646464;overflow:hidden;font-size:97%;}
.bottom_list ul li a strong{display:inline-block;margin:0 15px 0 20px;padding-right:20px;width:85px;color:#333;border-right:1px solid #e8e8e8;}
.bottom_list ul li a:hover{color:#e5551a;}
@media screen and (max-width:1024px){
	.bottom_list ul li{padding:0;width:100%;height:27px;line-height:27px;}
	.bottom_list ul li a{width:100%;height:27px;line-height:27px;font-size:11px;letter-spacing:-1px;}
	.bottom_list ul li a strong{margin:0 10px;padding-right:10px;width:15%;}
}