@charset 'UTF-8';

/*
 * --------------------------------------------------------------------
 * 공통
 * --------------------------------------------------------------------
 */
.TRAN { opacity: 0; transition: all 0.5s; transition-property: transform, opacity; }
.ANI.TRAN { transform: translateX(0px) translateY(0px) scale(1) !important; opacity: 1.0 !important; }
.ANI .TRAN { transform: translateX(0px) translateY(0px) scale(1) !important; opacity: 1.0 !important; }

/* width */
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w100 { width: 100px !important; }
.w200 { width: 200px !important; }
.w300 { width: 300px !important; }

/* height */
.h300 { height: 300px; }
.h200 { height: 200px; }
.h100 { height: 100px; }

.mH350 { min-height: 350px !important; }

/* font */
.f18 { font-size: 18px; }

.ff-d { font-family: 'SpoqaHanSansNeo-Bold'; }



/* a태그 링크 없애기 disable */
.disabled-link {
    pointer-events: none;
}

/*
 * --------------------------------------------------------------------
 * 공통 - jquery ui 캘린더 수정
 * --------------------------------------------------------------------
 */
.ui-datepicker-year, .ui-datepicker-month { font-size: 20px; }
.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-highlight {
    color: var(--gray);
    background-color: var(--weak-gray);
    border: 2px solid var(--weak-gray);
}
.ui-datepicker-calendar tbody tr td a.ui-state-default.ui-state-active {
    background-color: var(--mint);
    border: 2px solid var(--mint);
}
.ui-datepicker .ui-datepicker-title { margin-bottom: 0; }

/*
 * --------------------------------------------------------------------
 * 공통 - summernote 수정
 * --------------------------------------------------------------------
 */
.note-editing-area p, .content-area p { margin-bottom: 0; }
.note-editable ul, .content-area ul {
    list-style: disc !important;
    list-style-position: inside !important;
}

.note-editable ol, .content-area ol {
    list-style: decimal !important;
    list-style-position: inside !important;
}

.note-modal-footer { margin-bottom: 20px; }

/*
 * --------------------------------------------------------------------
 * 공통 - 페이지 처리
 * --------------------------------------------------------------------
 */
.page-area > nav { display: inline-block; }
.pagination { display: inline-block; overflow: hidden; }
.pagination .icon-link svg { top: 4px; position: relative; }
.pagination li { float: left; opacity: 1 !important; }
.pagination li.active a.page-link { background: #495057; border-color: #495057; color: #fff; }
.pagination li a.page-link { color: #495057; text-decoration: none; border-right: 0; }
.pagination li:last-child a.page-link { border-right: 1px solid #dee2e6; }

/*
 * --------------------------------------------------------------------
 * 공통 - Form input validate
 * --------------------------------------------------------------------
 */
.invalid-feedback {
	color: var(--red) !important;
	padding: 5px 0 0 20px;
    font-size: 14px;
}

.form-control:focus {
	border-color: var(--mint);
    box-shadow: 0 0 5px var(--mint);
}

/*
 * --------------------------------------------------------------------
 * 공통 - 미승인 팝업
 * --------------------------------------------------------------------
 */
.unapproved-div { margin-top: 30px; }
.unapproved-div .container-sm {
    background: #19B2A7;
    opacity: 0.9;
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 25px 0;
    max-width: 500px;
    position: relative;
}
.unapproved-div ul { text-align: center; }
.unapproved-div ul li:nth-child(1) { 
    font-family: 'Spoqa Han Sans Neo';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}
.unapproved-div ul li:nth-child(2) { margin-top: 15px; }
.unapproved-div ul li:nth-child(2) a {
    background: #FFFFFF;
    border-radius: 25px;
    width: 200px;
    display: inline-block;
    text-align: center;
    font-family: 'Spoqa Han Sans Neo';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #19B2A7;
    padding: 10px 0;
}
.unapproved-div .m-icon-close {
    position: absolute;
    right: 26px;
    top: 26px;
    cursor: pointer;
}

/*
 * --------------------------------------------------------------------
 * 공통 - input file 모양 수정
 * --------------------------------------------------------------------
 */
.filebox { position: relative; }
.filebox label {
	display: inline-block;
    position: relative;
    padding: 15px 20px;
    height: 55px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F0 100%);
    border: 1px solid var(--weak-gray);
    box-shadow: inset -1px -2px 3px rgb(255 255 255 / 80%), inset 1px 2px 3px rgb(0 0 0 / 20%);
    border-radius: 28px;
    font-family: 'SpoqaHanSansNeo-Bold';
    color: var(--dark-gray);
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.filebox label:hover {
	color: var(--mint) !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.filebox input[type="file"] {  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px !important;
	height: 1px !important;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox2 label { cursor: pointer; }
.filebox2 input[type="file"] {  /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

/*
 * --------------------------------------------------------------------
 * GNB - 네비
 * --------------------------------------------------------------------
 */
.mobile-gnb-menu .open-menu .tier-2 {
    visibility: hidden;
    opacity: 0;
    height: 1px;
    -webkit-transition: all .5s; transition: all .5s;
}

.mobile-gnb-menu .open-menu.VIEW .tier-2 {
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: all .5s; transition: all .5s;
}

/*
 * --------------------------------------------------------------------
 * GNB - 네비
 * 모바일 슬라이딩 메뉴
 * --------------------------------------------------------------------
 */
.offcanvas.offcanvas-end { width: 340px; }
.offcanvas-header { padding: 27px 27px 25px 30px; }

/*
 * --------------------------------------------------------------------
 * 메인
 * --------------------------------------------------------------------
 */
.event-popup .indicator .active {
    border: 2px solid var(--gray);
    background-color: var(--white);
}
.event-popup .event-popup-today, .event-popup .event-popup-button { z-index: 3; }

/*
 * --------------------------------------------------------------------
 * 서브
 * --------------------------------------------------------------------
 */
.content-area p { padding: 0; }
.content-area img { min-height: auto; }
/*.modal-popup-body .form-with-button .large-button { top: 46px; }*/
.form-container .form-row .age-form input { min-width: auto; }
/*.modal-popup-body .form-with-button .medium-input { width: 100% !important; }*/
.comment-counter { display: none; }

/*
 * --------------------------------------------------------------------
 * 미디어 쿼리
 * --------------------------------------------------------------------
 */
/* xxl */
@media (max-width: 1399.98px) { 
}

/* xl */
@media (max-width: 1199.98px) {
}

/* lg */
@media (max-width: 991.98px) {
}

/* md */
@media (max-width: 767.98px) {
    .event-popup .banner-image { position: relative; bottom: 0; }
}

/* sm */
@media (max-width: 575.98px) {
    .board-community-item.text-only .description { margin-bottom: 60px; }
    /* 게시판 사진 제어 */
    /*.gallery-carousel .prev, .gallery-carousel .next {  }
    .gallery-carousel { padding: 0; }*/
    .unapproved-div { margin-top: 20px; }
}