@charset "utf-8";

/* 게시판 목록 */
#bo_cate {}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {display: flex; margin: 0 -6px;}
#bo_cate li {padding: 0 6px;}
#bo_cate a {display:block;padding:9px 16px;border:1px solid #999999;color:#999999; font-size: 16px;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#292929;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#292929;color:#fff;font-weight:bold;border:1px solid #292929;}

.new_icon {padding: 2px 5px; font-size: 10px; background-color: #292929; color: #fff; border-radius: 5px;}

/* sch-wrap */
.gallery-top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.sch-wrap {display: flex;}
.list_total {font-size: 18px;}

#gall_ul {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 40px;}
#gall_ul li {padding: 30px 0 0; border-top: 2px solid #707070;}
.gall_img {position: relative; transition: .3s; overflow: hidden;}
.gall_img img {width: 100%; object-fit: cover; transition: .3s;}
.gall_img:hover img {scale: 1.08;}


.bo_tit {display: flex; flex-direction: column; color: #282828;}
.bo_tit .gall-cate {padding: 6px 16px; font-size: 16px; font-weight: 500; border: 1px solid #282828; width: fit-content;}
.bo_tit .gall-tit {font-size: 18px; font-weight: 700; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bo_tit .gall-date {font-size: 14px; font-weight: 500; margin: 20px 0 16px;}

/*게시판 상세*/
#bo_v {max-width: calc(1160px + 80px); margin: 0 auto; margin-bottom:20px;background:#fff;box-sizing:border-box;}
#bo_v header {display: flex; align-items: end; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #000;}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {font-size: 14px;}
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;font-weight: 600;line-height:1.3; word-break: break-word;}
#bo_v_title .sv_member, #bo_v_title .bo_v_date {font-size: 14px; color: #757575;}
/* #bo_v_title .sv_member::after {content:'|'; display:inline-block; color: #757575; margin: 0 5px 0 7px;} */

#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}

.profile_info_ct {display: flex; align-items: center; width: max-content;}
.profile_info_ct span {margin: 0 5px;}
.profile_info_ct strong {font-size: 14px;}
#bo_v .ico-hit {background: url("../../../assets/images/ico/ico-hit.svg"); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 25px; height: 25px;}
.bo_v_nb {position:relative;margin:60px 0 30px;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:20px;display:flex;}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li a {font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bo_v_nb li i {font-size:13px;color:#b3b3b3;margin-left:14px;}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:40px;color:#000;min-width: 90px; font-size:14px;}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3;display:none;}
.go-list {display:flex; align-items: center; justify-content: center; width: 173px; height: 50px; border: 1px solid #000; border-radius: 3px; margin: 0 auto; font-size: 16px; margin-top: 40px;}


/*program-detail*/
#bo_v_con {padding: 30px 0; display: flex; border-top: 2px solid #707070; border-bottom: 2px solid #707070;}
.program-detail {}
.program-detail a {cursor: unset;}
.program-detail img {width: 100%; height: 100%; max-width: 380px; max-height: 480px; object-fit: cover;}

.program-info {margin-left: 30px; width: 100%; flex: 1;}
.program-info .program-cate {padding: 6px 16px; font-size: 16px; font-weight: 500; border: 1px solid #282828; width: fit-content;}
.program-info .program-tit {font-size: 30px; font-weight: 700; margin: 18px 0 20px;}
.program-info .program-display {display: flex; align-items: center; flex-wrap: wrap;}
.program-info .program-display div:nth-child(n+3) {margin-top: 10px;}
.program-info .program-display .program-date {display: flex; align-items: center; font-size: 22px; width: 50%;}
.program-info .program-display .program-time {display: flex; align-items: center; font-size: 22px; width: 50%;}
.program-info .program-display .program-location {display: flex; align-items: center; font-size: 22px;}
/* .program-info .program-display .program-date + .program-location {margin-left: 50px;} */
.program-info .program-display .info-tit {font-size: 22px; font-weight: 700; margin-right: 10px;}
.program-info .program-info-detail {margin-top: 40px;}
.program-info .program-info-detail ul {}
.program-info .program-info-detail ul li {display: flex; font-size: 20px; max-width: 90%; word-break: keep-all;}
.program-info .program-info-detail ul li:not(:last-child) {margin-bottom: 10px;}
.program-info .program-info-detail ul li .info-tit {font-size: 20px; font-weight: 600; min-width: 70px; margin-right: 50px;}

.gall-detail-top {font-size: 22px; font-weight: 600; margin: 40px 0 20px;}
.gall-detail-cont {font-size: 18px; font-weight: 400; line-height: 1.8; word-break: keep-all;}

.program-slide-wrap {position: relative}
.program-slide {overflow: hidden; margin-top: 100px;}
.program-slide .program-slide-tit {font-size: 22px; font-weight: 600; margin-bottom: 20px;}
.program-slide ul {display: flex;}
.program-slide ul li {width: calc(100% / 3); max-width: 380px; max-height: 380px;}
.program-slide ul li a {width: 100%; height: 0; max-width: 380px; max-height: 380px; position: relative; padding-bottom: 100%; display: flex; cursor: zoom-in;}
.program-slide ul li img {width: 100%; height: 100%; max-width: 380px; max-height: 380px; object-fit: cover; position: absolute;}
.program-prev, .program-next {position: absolute; top: 55%; transform:translateY(-50%); cursor: pointer;}
.program-prev {background-image: url("../../../assets/images/user/program-slide-prev.svg"); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 30px; height: 60px; left: -55px;}
.program-next {background-image: url("../../../assets/images/user/program-slide-next.svg"); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 30px; height: 60px; right: -55px;}
.program-prev.swiper-button-disabled {opacity: 0.2;}
.program-next.swiper-button-disabled {opacity: 0.2;}

/*pg-wrap*/
.pg_wrap {margin: 50px auto 0; width: 100%; float: unset; text-align: center;}
.pg_page {font-size: 14px;}
.pg_current {background: #424242; border: 1px solid #424242;}


@media screen and (max-width:1400px) {
    .program-prev, .program-next {width: 20px; height: 40px;}
    .program-prev {left: -30px;}
    .program-next {right: -30px;}
}

@media screen and (max-width:1280px) {
    #bo_cate a {font-size: 16px;}
    .list_total {font-size: 16px;}
    /*상세페이지*/
    .program-detail img {max-width: 300px;}
    .program-info {margin-left: 25px;}
    .program-info .program-cate {padding: 5px 15px;}
    .program-info .program-tit {font-size: 26px; margin: 14px 0 16px;}
    .program-info .program-display .info-tit, .program-info .program-display .program-date, .program-info .program-display .program-location, .program-info .program-display .program-time {font-size: 18px;}
    /* .program-info .program-display .program-date + .program-location {margin-left: 40px;} */
    .program-info .program-info-detail {margin-top: 30px;}
    .program-info .program-info-detail ul li, .program-info .program-info-detail ul li .info-tit {font-size: 18px;}
    .program-info .program-info-detail ul li .info-tit {margin-right: 40px;}

    .gall-detail-top {font-size: 20px;}
    .gall-detail-cont {font-size: 20px;}

    .program-slide .program-slide-tit {font-size: 16px;}
}

@media screen and (max-width:1000px) {
    /*상세페이지*/
    .program-detail img {max-width: 230px;}
    .program-info {margin-left: 20px;}
    .program-info .program-cate {padding: 4px 13px;}
    .program-info .program-tit {font-size: 20px; margin: 12px 0 14px;}
    .program-info .program-display {flex-direction: column; align-items: baseline;}
    .program-info .program-display div:nth-child(n+3) {margin: 0;}
    .program-info .program-display div:not(:first-child) {margin-top: 5px;}
    .program-info .program-display .info-tit, .program-info .program-display .program-date, .program-info .program-display .program-location, .program-info .program-display .program-time {font-size: 16px; width: auto;}
    /* .program-info .program-display .program-date + .program-location {margin-left: 22px;} */
    .program-info .program-info-detail {margin-top: 30px;}
    .program-info .program-info-detail ul li, .program-info .program-info-detail ul li .info-tit {font-size: 16px;}
    .program-info .program-info-detail ul li .info-tit {margin-right: 24px;}

    .gall-detail-top {font-size: 16px;}
    .gall-detail-cont {font-size: 16px;}

    .program-slide ul li {width: 50%;}
}

@media screen and (max-width:768px) {
    /*상세페이지*/
    #gall_ul li {padding: 20px 0 0;}
    .gallery-top {flex-direction: column; align-items: baseline;}
    #bo_cate a {font-size: 14px; padding: 5px 14px;}
    .list_total {font-size: 14px;margin-top: 14px;}
    #bo_v_con  {flex-direction: column; padding: 20px 0;}
    .program-detail img {max-width: 100%; max-height: 100%;}
    .program-info {margin: 20px 0 0;}
    .program-info .program-cate {font-size: 12px;}
    .program-info .program-tit {font-size: 16px; margin: 10px 0 16px;}
    .program-info .program-display .info-tit, .program-info .program-display .program-date, .program-info .program-display .program-location, .program-info .program-display .program-time {font-size: 14px;}
    .program-info .program-display .program-location {padding-bottom: 16px; border-bottom: 1px solid #E4E4E4; width: 100%;}
    .program-info .program-display .program-date + .program-location {margin: 10px 0 0;}
    .program-info .program-info-detail {margin-top: 16px;}
    .program-info .program-info-detail ul li {max-width: 100%;}
    .program-info .program-info-detail ul li:not(:last-child) {margin-bottom: 8px;}
    .program-info .program-info-detail ul li, .program-info .program-info-detail ul li .info-tit {font-size: 14px;}
    .program-info .program-info-detail ul li .info-tit {margin-right: 20px;}

    .gall-detail-top {font-size: 14px; margin: 30px 0 20px;}
    .gall-detail-cont {font-size: 14px;}

    .program-slide .program-slide-tit {font-size: 14px;}
    .program-slide ul li {width: 100%; max-width: 100%; padding: 0 40px;}
    .program-prev, .program-next {width: 18px; height: 36px;}
    .program-prev {left: 0; z-index: 1;}
    .program-next {right: 0; z-index: 1;}

    /*페이징*/
    .bo_v_nb li {padding: 15px 5px;}
    .bo_v_nb li .nb_tit {min-width: 84px; padding-right: 20px;}
}