@charset "UTF-8";

/* 조회 */
.searchBox{padding:8rem 0;display:flex;align-items:center;flex-direction:column;overflow:hidden;position:relative;border-top:2px solid #222;border-bottom:1px solid #DDD;}
.searchBox h2{font-size:2.6rem;line-height:1.1;font-family:'pre-b';text-align:center;}
.searchBox p{text-align:center;padding-top:1rem;}
.searchBox p::after{width:1rem;height:3px;background:#222;margin:3rem auto;content:"";display:block;}
.searchBox .item{width:60rem;margin-top:1rem;}
.searchBox select,
.searchBox input{width:100%;padding:1.5rem 1rem;font-size:1.6rem;font-family:'pre-m';color:#AAA;line-height:1.1;border:1px solid #CCC;background:#fafafa;}
.searchBox select{background:#fafafa url('../images/input_select.png') right center no-repeat;appearance: none;}
.searchBox dl{width:100%;margin-top:1rem;display:flex;align-items:center;}
.searchBox dl dt{width:15rem;font-size:1.8rem;font-family:'pre-sb';}
.searchBox dl dd{width:calc(100% - 15rem);display:flex;align-items:center;}
.searchBox dl dd span{padding:0 0.5rem;}
@media screen and (max-width:768px){
	.searchBox .item{width:90%;}
	.searchBox dl{display:block;}
	.searchBox dl dt{width:100%;padding-bottom:0.5rem;}
	.searchBox dl dd{width:100%;}
}


/* 쓰기 */
.writeForm{border-top:2px solid #a32b30;border-bottom:1px solid #555;}
.writeForm label{cursor:unset;}
.writeForm input,
.writeForm select,
.writeForm textarea{padding:1.5rem 1.1rem;font-size:1.8rem;font-family:'pre-sb';line-height:1.1;border:1px solid #CCC;background:#fafafa;}
.writeForm select{background:#fafafa url('../images/input_select.png') right center no-repeat;appearance:none;padding-right:3rem;}
.writeForm input::placeholder,
.writeForm select::placeholder,
.writeForm textarea::placeholder{font-size:1.6rem;color:#c0c0c0;}
.writeForm .artclForm{display:flex;border-bottom:1px solid #e1e1e1;}
.writeForm .artclLabel,
.writeForm .artclInsert{padding:2rem;}
.writeForm .artclLabel{width:24rem;font-size:1.7rem;font-family:'pre-m';color:#050505;line-height:1.1;background:#f6f6f6;display:flex;align-items:center;}
.writeForm .artclInsert{width:calc(100% - 24rem);font-size:1.6rem;font-family:'pre-m';color:#333;line-height:1.3;}
.writeForm .multselBox{width:100%;}
.writeForm .atchmnBtns{margin-top:0.5rem;}
.writeForm .atchmnBtns input{color:#222;padding:1rem 2rem;}
.writeForm .atchmnBtns input:hover{background:#CCC;}

.writeForm .must{display:block;text-indent:-99999999px;background:#c00000;width:0.5rem;height:0.5rem;border-radius:50%;margin-left:0.5rem;}

.writeForm .privacyAgree{margin-top:2rem;display:flex;align-items:center;}
.writeForm .privacyAgree span{margin-right:2rem;}
.writeForm .privacyAgree input{width:2rem;height:2rem;margin-right:0.5rem;vertical-align:-0.3rem;}

.writeForm .w60px{width:6rem;}
.writeForm .w100px{width:10rem;}
.writeForm .w120px{width:12rem;}
.writeForm .w150px{width:15rem;}
.writeForm .w200px{width:20rem;}
.writeForm .w15{width:15%;}
.writeForm .w25{width:25%;}
.writeForm .w50{width:50%;}
.writeForm .w75{width:75%;}
.writeForm .w100{width:100%;}

@media screen and (max-width:768px){
	.writeForm .artclForm{flex-wrap:wrap;}
	.writeForm .artclLabel,
	.writeForm .artclInsert{padding:0;}
	.writeForm .artclLabel{width:100%;padding:2rem 0 1rem 0;background:none;font-family:'pre-b';font-size:1.8rem;}
	.writeForm .artclInsert{width:100%;padding-bottom:1rem;}
	.writeForm .w15,
	.writeForm .w25,
	.writeForm .w50,
	.writeForm .w75{width:100%;}
}


/* 버튼 */
.btnItem{margin-top:5rem;display:flex;justify-content:center;}
.btnItem input{font-size:1.6rem;font-family:'pre-m';line-height:1.1;margin:0 0.5rem;padding:0 1.5rem;min-width:13rem;height:5rem;border:1px solid transparent;display:flex;align-items:center;justify-content:center;}
.btnItem input.btnC1{background:#a32b30;border-color:#a32b30;color:#FFF;}
.btnItem input.btnC2{background:#f7f7f7;border-color:#333;color:#333;}
.btnItem input:hover{background:#333;border-color:#333;color:#FFF;}
@media screen and (max-width:768px){
	.btnItem{margin-top:3rem;}
	.btnItem input{min-width:10rem;}
}


/* PAGING */
._paging{margin-top:5rem;text-align:center;}
._paging ._inner {overflow:hidden;position:relative;height:3.8rem;display:inline-block;}
._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul{float:left;}
._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev{font-size:0;text-indent:-9999px;}
._paging ._inner a,._fnctWrap ._paging ._inner strong{width:3.6rem;height:3.6rem;line-height:1;text-align:center;margin:0 1px;}
._paging ._inner ul{display:inline-block;margin:0 1rem;}
._paging ._inner ul li{float:left;margin:0 0.3rem;}
._paging ._inner ul li a{font-size:1.6rem;width:3.5rem;height:3.5rem;line-height:1;text-align:center;margin:0 1px;color:#555;font-family:'pre-m';border-width:0;display:flex;align-items:center;justify-content:center;}
._paging ._inner .pg-arrow{width:3.5rem;height:3.5rem;}
._paging ._inner li strong{background-color:#6d6e72 !important;border-color:#6d6e72 !important;color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;}
._paging ._inner ._pageState{display:none;padding:0 1em}
._paging ._inner ._first{background: url('../images/arrow_first.png') center no-repeat;}
._paging ._inner ._listPrev{background: url('../images/arrow_prev.png') center no-repeat;}
._paging ._inner ._listNext{background: url('../images/arrow_next.png') center no-repeat;}
._paging ._inner ._last{background: url('../images/arrow_last.png') center no-repeat;}
._paging ._inner ul li a:hover{border:2px solid #DDD;border-radius:50%;}


/* DATAPICKER */
/* 1. 기본 컨테이너 설정 */
#ui-datepicker-div {
    width: 280px !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    z-index: 9999 !important; /* 다른 요소보다 위에 보이게 */
}

/* 2. 헤더 스타일 (년/월 선택박스) */
.ui-datepicker-header {
    background: transparent !important;
    border: none !important;
    margin-bottom: 5px;
}

.ui-datepicker-title select {
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 14px;
}

/* 3. 날짜(숫자) 영역 초기화 및 수정 */
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important; /* 숫자가 상하로 쏠리는 것 방지 */
    text-align: center !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 13px;
    text-decoration: none !important;
}

/* 마우스 호버(Hover) */
#ui-datepicker-div .ui-datepicker-calendar .ui-state-hover {
    background: #f0f0f0 !important;
    border-radius: 50% !important;
}

/* 오늘 날짜 (Highlight) */
#ui-datepicker-div .ui-state-highlight {
    color: #007bff !important;
    font-weight: bold !important;
    border: 1px solid #007bff !important;
    border-radius: 50% !important;
}

/* 선택된 날짜 (Active) - 파란색 원형 */
#ui-datepicker-div .ui-state-active {
    background: #007bff !important;
    color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 5px rgba(0,123,255,0.4);
}

/* 4. 하단 버튼 영역 (Today, X) 깨짐 방지 */
.ui-datepicker-buttonpane {
    display: flex !important;
    justify-content: space-between !important;
    margin-top: 10px !important;
    padding: 8px 0 0 0 !important;
    border-top: 1px solid #eee !important;
}

/* 버튼 공통 스타일 */
#ui-datepicker-div .ui-datepicker-buttonpane button {
    float: none !important; /* jQuery UI 기본 float 제거 */
    margin: 0 !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 6px !important;
    opacity: 1 !important; /* 흐릿해지는 현상 방지 */
    min-width: 60px;
}

/* TODAY 버튼 */
.ui-datepicker-current {
    background: #e9ecef !important;
    color: #333 !important;
}

/* X (닫기) 버튼 */
.ui-datepicker-close {
    background: #333 !important;
    color: #fff !important;
}

/* 5. 이전/다음 화살표 아이콘 */
.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer !important;
	display:none;
}
.ui-datepicker-prev-hover, .ui-datepicker-next-hover {
    background: #f0f0f0 !important;
    border: none !important;
    top: 2px !important; /* 기본 위치 유지 */
}