@charset "utf-8";
/* 공통 */
.sub-page {padding-top: 30px;border-top: 3px solid #000;}
/* view */
#bo_v{margin-bottom: 200px;}
#bo_v .bo_v_wrap {margin-bottom: 40px;padding-bottom: 60px;border-bottom: 1px solid #E5E5E5;}
#bo_v #bo_v_info{width: 100%;margin: 0 auto;}
#bo_v #bo_v_info a{}
#bo_v_atc{margin-top: 30px;}
#bo_v_atc>.bo-name {font-weight: 600;}
#bo_v_atc>.title{width: 100%;margin-bottom: 60px;padding: 20px 0;border-bottom: 2px solid #000;position: relative;top: 0;left: 0;}
#bo_v_atc>.title p{/*padding-right: 15rem;*/font-size: 2.20em;font-weight: 700;text-align: left;line-height: 1.3;}
#bo_v_atc>.title span{display: block;margin-top: 1.60rem;color: #666;font-size: 18px;}
#bo_v #bo_v_con{border-radius: 0px 0px 5px 5px;margin-bottom: 0 !important;}
#bo_v_img {margin-top: 50px;}
#bo_v_img a{pointer-events: none;cursor: auto;display: block;}
#bo_v_data .data-cont {margin: 1.2rem 0;padding: 1.2rem;border: 1px solid #E5E5E5;border-radius: 10px;box-sizing: border-box;/* background: #F6F6F6; */}
#bo_v_data .data-cont .tit {margin-bottom: 10px;color: #000;font-weight: 800;}
#bo_v_data .data-cont .content {color: #86868B;font-size: 16px;}
#bo_v_data .data-cont .content a {color: #86868B;margin-left: 10px;}
#bo_v_data ul{}
#bo_v_data ul li{}
#bo_v_data ul li>div{display: flex !important; justify-content: space-between; flex-flow: row wrap;}
#bo_v_data ul li>div:first-child{}
#bo_v_data ul li>div:last-child{padding: 0 !important;width: 100%;}
#bo_v_data ul li>div>div{width: 100%;margin: 0 !important;color: #939393}
#bo_v_data ul li>div>div a{}

.bo_v_nb {display: flex;justify-content: space-between;align-items: center;}
.bo_v_nb > a {color: #000;font-size: 16px;font-weight: 500;position: relative;}
.bo_v_nb > a.btn-list {padding: 11px 73px;border-radius: 24px;background: #000;color: #fff;font-weight: 600;}
.bo_v_nb > a[class*=btn_] {display: inline-block;width: 142px;padding: 6px 22px;border: 1px solid #aaa;border-radius: 19px;box-sizing: border-box;text-align: center;transition: .35s;}
.bo_v_nb > a[class*=btn_]:hover {border-color: #000;background: #000;color: #fff;}




.d-none{display: block !important;flex-grow: 1 !important;}
#bo_v_btn * {font-size: 16px;}
#bo_btn_top>div>div{padding: 0 !important;}
#bo_btn_top>div>div .border-top{border-top: unset !important;}



/* list */
#bo_list_wrap{margin-bottom: 200px;}
#bo_list {margin-bottom: 80px;border-bottom: 1px solid #bbbbbb;}
#bo_list .bo_inner {max-width: 1460px;margin: 0 auto;}

#bo_list_wrap .bo-top-cont {display: flex;justify-content: space-between;align-items: center;max-width: 1460px;margin: 0 auto;}
#bo_list_wrap .bo-top-cont .order-list {min-width:180px;}
#bo_list_wrap .bo-top-cont .order-list .order-btn {color: #B2B2B2;font-size: 16px;font-weight: 700;}
#bo_list_wrap .bo-top-cont .order-list .order-btn.active {color: #000;text-decoration: underline;text-underline-offset: 4px;}



#bo_list_wrap .bo-top-cont #bo_cate {display: flex;width: 100%;justify-content: center;}
#bo_list_wrap .bo-top-cont #bo_cate_ul {    display: flex;align-items: center;background: #f6f6f6;padding: 20px 30px;border-radius: 50px;gap:10px 30px;flex-wrap:wrap;}
#bo_list_wrap .bo-top-cont #bo_cate_ul li a {color:#333!important; font-size:18px;font-weight:500}
#bo_cate_ul li {position: relative;}
#bo_cate_ul li a {background:#fff;display: flex;align-items: center;gap: 6px;font-size: 15px;color: #555;text-decoration: none;border-radius: 20px;transition: all 0.2s ease;padding: 6px 15px 6px 35px !important;}
#bo_cate_ul li a::before {
	content: '';
    display: block;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 50%;
    box-sizing: border-box;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
}

#bo_cate_ul li a:hover {
  color: #000;
}

#bo_cate_ul li.active a {
  color: #000;
  font-weight: 600;
}
#bo_cate_ul li.active a::before {

    background: #cacaca;
}
#bo_cate_ul li.active a::after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 16px;
    bottom: 0;
    margin: auto;
}
.pagination .page-prev ,
.pagination .page-next  {display:none}
#bo_gallery {padding: 80px 0;}
#bo_gallery>ul{display: flex;align-items: center;flex-wrap: wrap;gap: 100px 24px;}
#bo_gallery>ul>li{width: calc(25% - 18px);overflow: hidden;position: relative;top: 0;left: 0;transition: all .6s;position: relative;}
#bo_gallery .pop_wrap{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;/* background: #000000cf; */z-index: 999999;cursor: auto;}
#bo_gallery .pop_wrap .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 60px);max-width: 600px;overflow: hidden;}
#bo_gallery .pop_wrap .wrap .pop_close{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;border-radius: 50%;background: #000000;cursor: pointer;}
#bo_gallery .pop_wrap .wrap .pop_close i{font-size: 16px !important;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#bo_gallery .pop_wrap .wrap img{width: 100%;border: 3px solid #000;box-sizing: border-box;}
#bo_gallery>ul>li .visual{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#bo_gallery>ul>li .visual span{position: absolute;background: var(--color5);transition: all .6s;}
#bo_gallery>ul>li .visual span:nth-child(1){width: 0%;height: 2px;top: 0;left: 0;}
#bo_gallery>ul>li .visual span:nth-child(2){height: 0%;width: 2px;top: 0;right: 0;}
#bo_gallery>ul>li .visual span:nth-child(3){width: 0%;height: 2px;bottom: 0;right: 0;}
#bo_gallery>ul>li .visual span:nth-child(4){height: 0%;width: 2px;bottom: 0;left: 0;}
#bo_gallery>ul>li:hover{/* box-shadow: 0px 0px 10px #00000038; */}
#bo_gallery>ul>li:hover .visual span:nth-child(1){width: 100%;}
#bo_gallery>ul>li:hover .visual span:nth-child(2){height: 100%;}
#bo_gallery>ul>li:hover .visual span:nth-child(3){width: 100%;}
#bo_gallery>ul>li:hover .visual span:nth-child(4){height: 100%;}
#bo_gallery>ul>li:hover .img-wrap .img-item{/* scale: 1.2; */}

#bo_gallery>ul>li .adm-btn {position: absolute;top: 12px;right: 15px;font-size: 14px;background: #333;border-radius: 5px;padding: 5px 10px;color: #fff;z-index: 999;cursor: pointer;}
/* #bo_gallery>ul>li .cate {padding: 13px 0;background: #004269;color: #fff;font-size: 18px;font-weight: 700;text-align: center;} */

#bo_gallery>ul>li .chk-box{position: absolute;top: 15px;left: 15px;height: 20px;width: 20px;z-index: 1;}
#bo_gallery>ul>li .chk-box input{width: 100%;height: 100%;position: absolute;}
#bo_gallery>ul>li .img-wrap{ padding-bottom: 76% !important;margin-bottom: 28px;border: 1px solid #e0e0e0;border-radius: 10px;}
#bo_gallery>ul>li .img-wrap .img-item{display: flex;justify-content: space-between;align-items: center;transition: all .6s;}
#bo_gallery>ul>li .img-wrap .img-item .img{width: 100%;height: 100%;background: #ededed;transition: .35s;}
#bo_gallery>ul>li .img-wrap a:hover .img-item .img {transform: scale(1.1);}
#bo_gallery>ul>li .img-wrap .img-item .img.before_img{cursor: pointer;}
#bo_gallery>ul>li .img-wrap .img-item .img.before_img.no_member{position: relative;top: 0;left: 0;}
#bo_gallery>ul>li .img-wrap .img-item .img.before_img.no_member .login_go{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-flow: column;background: #000000b3;}
#bo_gallery>ul>li .img-wrap .img-item .img.before_img.no_member .login_go img{width: 25px;height: fit-content;}
#bo_gallery>ul>li .img-wrap .img-item .img.before_img.no_member .login_go p{font-size: var(--font-18);color: #fff;text-align: center; margin: 15px auto 40px; line-height: var(--lh-25);}
#bo_gallery>ul>li .img-wrap .img-item .img.before_img.no_member .login_go span{font-size: var(--font-18);color: #fff;border: 1px solid #fff;border-radius: 50px;width: 160px;height: 42px;line-height: 40px;text-align: center;display: block;}
#bo_gallery>ul>li .img-wrap .img-item .img img{width: 100%;height: 100%;border-radius: 0 !important;object-fit: cover;}

#bo_gallery>ul>li .info-wrap {}
#bo_gallery>ul>li .info-wrap .top {display: flex;align-items: center;gap: 0 20px;margin-bottom: 10px;}
#bo_gallery>ul>li .info-wrap .top > .cate {font-size: 16px;font-weight: 600;}
#bo_gallery>ul>li .info-wrap .top > .date {color: #86868B;font-size: 16px;}
#bo_gallery>ul>li .info-wrap .subject {min-height: 54px;color: #000;font-size: 18px;font-weight: 700;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
#bo_gallery>ul>li .info-wrap .subject:hover {text-decoration: underline;text-underline-offset: 6px;}

#bo_list_wrap .paging-wrap {display: flex;justify-content: space-between;align-items: center;font-size: 16px;font-weight: 700;}
#bo_list_wrap .paging-wrap .page-btns {}
#bo_list_wrap .paging-wrap .page-btns > a {display: inline-block;padding: 6px 43px;border: 1px solid #aaa;border-radius: 19px;box-sizing: border-box;transition: .35s;}
#bo_list_wrap .paging-wrap .page-btns > a:hover {border-color: #000;color: #000;}
#bo_list_wrap .paging-wrap .pagination {}
#bo_list_wrap .paging-wrap .pagination #page_select {margin-right: 10px;padding: 8px 30px;border: 3px solid #757575;border-radius: 22px;box-sizing: border-box;background: #fff;color: #000;font-size: 16px;text-align: center;}
#bo_list_wrap .paging-wrap .pagination .total-page {color: #aaa;}

#bo_btn_top {max-width: 1460px;margin: 20px auto;text-align: right;}
#bo_btn_top * {font-size: 16px;}

#bo_search{/*display: none;*/}
#bo_search>.alert{padding: 0 !important;margin: 0 !important;}
#bo_search form#fsearch {display: flex;gap: 0 16px;}
#bo_search form#fsearch .search-wrap {display: flex;gap: 0 5px;width: 300px;border-bottom: 1px solid #e0e0e0;}
#bo_search form#fsearch .search-wrap > input {outline: none;flex: 1;display: block;width: 1000%;border: 0;font-size: 16px;line-height: 100%;}
#bo_search form#fsearch .option-wrap {position: relative;}
#bo_search form#fsearch .option-wrap > .option-btn {height: 36px;padding: 0 21px;border: 1px solid #aaa;border-radius: 18px;background: #fff;color: #000;font-size: 14px;font-weight: 700;}
#bo_search form#fsearch .option-wrap > .option-btn.on {border-color: #000;background: #000;color: #fff;}
#bo_search form#fsearch .option-wrap > .option {display: none;}
#bo_search form#fsearch .option-wrap > .option.show{display: flex;align-items: center;gap: 0 15px;width: 500px;padding: 30px;border-radius: 20px;background: #f6f6f6;position: absolute;top: 130%;right: 0;z-index: 10;}
#bo_search form#fsearch .option-wrap > .option > .rdo {}
#bo_search form#fsearch .option-wrap > .option > .rdo input[type=radio] {width: 1px;height: 1px;overflow: hidden;position: absolute;top: -9999em;left: -9999em;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;opacity: 0;}
#bo_search form#fsearch .option-wrap > .option > .rdo label {margin-bottom: 0;padding-left: 27px;font-size: 18px;font-weight: 500;position: relative;cursor: pointer;}
#bo_search form#fsearch .option-wrap > .option > .rdo label:before {content: '';display: block;background: #fff;border: 1px solid #cacaca;border-radius: 50%;box-sizing: border-box;width: 22px;height: 22px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
#bo_search form#fsearch .option-wrap > .option > .rdo input[type=radio]:checked + label:before {background: #cacaca;}
#bo_search form#fsearch .option-wrap > .option > .rdo input[type=radio]:checked + label:after {content: '';display: block;width: 10px;height: 5px;border: 2px solid #fff;border-top: 0;border-right: 0;transform: rotate(-45deg);position: absolute;top: 0;left: 6px;bottom: 0;margin: auto;}



/* list-notice 부분 */
#bo_notice {margin-bottom: 80px;padding-bottom: 30px;border-bottom: 1px solid #000;position: relative;}
#bo_notice .ntcSwiper {max-width: 1270px;margin: 0 auto;}
#bo_notice .ntcSwiper .swiper-wrapper{justify-content: center;}
#bo_notice .ntcSwiper .swiper-slide {position: relative;}
#bo_notice .ntcSwiper .swiper-slide .chk-box {position: absolute;top: 15px;left: 15px;height: 20px;width: 20px;z-index: 1;}
#bo_notice .ntcSwiper .swiper-slide .chk-box input{width: 100%;height: 100%;position: absolute;}
#bo_notice .ntcSwiper .swiper-slide .adm-btn {position: absolute;top: 12px;left: 45px;font-size: 14px;background: #333;border-radius: 5px;padding: 5px 10px;color: #fff;z-index: 999;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap {padding-bottom: 123% !important;border: 1px solid #e0e0e0;border-radius: 25px;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item{display: flex;justify-content: space-between;align-items: center;/* padding: 30px; *//* border: 1px solid #eee; */transition: all .6s;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img{width: 100%;height: 100%;background: #ddd;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img.before_img{cursor: pointer;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img.before_img.no_member{position: relative;top: 0;left: 0;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img.before_img.no_member .login_go{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-flow: column;background: #000000b3;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img.before_img.no_member .login_go img{width: 25px;height: fit-content;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img.before_img.no_member .login_go p{font-size: var(--font-18);color: #fff;text-align: center; margin: 15px auto 40px; line-height: var(--lh-25);}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img.before_img.no_member .login_go span{font-size: var(--font-18);color: #fff;border: 1px solid #fff;border-radius: 50px;width: 160px;height: 42px;line-height: 40px;text-align: center;display: block;}
#bo_notice .ntcSwiper .swiper-slide .img-wrap .img-item .img img{width: 100%;height: 100%;border-radius: 0 !important;}
#bo_notice .ntcSwiper .swiper-slide .date {color: #8c8c8c;font-size: 16px;position: absolute;top: 10px;right: 30px;}
#bo_notice .swiper-btn {width: 40px;height: 40px;border-radius: 50%;background: #000;}
#bo_notice .swiper-btn::after, 
#bo_notice .swiper-btn::after {color: #fff;font-size: 20px;font-weight: 500;}
#bo_notice .swiper-button-prev {left: -14px;}
#bo_notice .swiper-button-next {right: -14px;}



/* write */
#bo_w{margin-bottom: 200px;}
#bo_w form{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto;}
#bo_w form>ul{}
#bo_w form>ul li{display: flex;justify-content: space-between;align-items:center ;flex-flow: row wrap;margin-bottom: 20px;}
#bo_w form>ul li:last-child{margin-bottom: 80px;}
#bo_w form>ul li>label{color: #000;font-size: var(--font-18);display: flex;align-items: center;font-weight: bold;width: 70px;}
#bo_w form>ul li>label span{color: var(--color5);margin-left: 10px;display: block;font-weight: normal;}
#bo_w form>ul li>div{width: calc(100% - 80px);display: flex;align-items: center;flex-flow: row wrap;margin: 0 !important;}
#bo_w form>ul li>div>label{font-size: var(--font-20); font-weight: normal; cursor: pointer; margin-right: 25px; display: flex; align-items: center; width: fit-content;}
#bo_w form>ul li div input[type='text']{width: 100%;height: 50px;line-height: 50px;background: #fff;border-radius: 5px;border: 1px solid #D9D9D9;padding: 0 20px;font-size: var(--font-20);color: #000;}
#bo_w form>ul li div>input:active,
#bo_w form>ul li div>input:valid,
#bo_w form>ul li div>input:focus{box-shadow: unset;}
#bo_w form>ul li div.link_wrap{}
#bo_w form>ul li div.link_wrap>div{width: 100%;}
#bo_w form>ul li div.file_wrap{}
#bo_w form .btn_wrap{display: flex;justify-content: space-between;align-items: center;height: 70px; flex-flow: row-reverse;margin-top: 80px;}
#bo_w form .btn_wrap button,
#bo_w form .btn_wrap a{display: block;height: 100%;padding: 0;margin: 0;line-height: 68px;font-size: var(--font-26);text-align: center;font-weight: bold;border-radius: 5px !important;width: calc(50% - 10px);}
.cke_sc{display: none !important;}
.sub_title{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto; padding: 200px 0 100px;}
.sub_title b{display: block;width: 100%;text-align: center;font-size: var(--font-50);}
.sub_title span{display: block;width: 100%;text-align: center;font-size: var(--font-18);margin-top: 10px;}



@media all and (max-width: 1399px){
	#bo_gallery>ul {max-width: 100%}
}

@media all and (max-width: 1199px){
	#bo_v{margin-bottom: 150px;}
	#bo_list_wrap{margin-bottom: 150px;}
	/* #bo_gallery>ul>li .subject {font-size: 18px;padding: 15px 20px;} */
	/* #bo_gallery .pop_wrap{display: none !important;} */
	#bo_gallery>ul {gap: 60px 30px;}
	#bo_gallery>ul>li{width: calc(33.333% - 21px);}
	#bo_gallery>ul>li .img-wrap {margin-bottom: 15px;}
	#bo_w{margin-bottom: 150px;}
	#bo_w form>ul li>label{width: 110px;}
	#bo_w form>ul li>div{width: calc(100% - 120px);}
}
@media all and (max-width: 1024px){
	#bo_search form#fsearch .search-wrap {width: 260px;}
	#bo_gallery>ul {gap: 40px 20px;}
	#bo_gallery>ul>li{width: calc(33.333% - 14px);}
	#bo_gallery>ul>li .info-wrap .subject {}
	#bo_list_wrap .paging-wrap .page-btns > a {padding: 6px 30px;}
	#bo_v_atc>.title p {padding-right: 0;font-size: 2.50em;}
}
@media all and (max-width: 768px){
	#bo_search form#fsearch .search-wrap {width: 220px;}
	#bo_search form#fsearch .option-wrap > .option.show {width: 446px;padding: 20px 30px;}
	#bo_search form#fsearch .option-wrap > .option > .rdo label {padding-left: 24px;font-size: 16px;}
	#bo_search form#fsearch .option-wrap > .option > .rdo label:before {width: 18px;height: 18px;}
	#bo_search form#fsearch .option-wrap > .option > .rdo input[type=radio]:checked + label:after {width: 9px;height: 5px;top: -2px;left: 5px;}
	#bo_gallery>ul>li{width: calc(50% - 10px);}
	#bo_w form>ul li>div>label{width: 50%;margin-right: 0;margin-bottom: 10px;}
	#bo_w form>ul li>div>.privacy_label{width: fit-content;margin-bottom: 0;}
}
@media all and (max-width: 640px){
	#bo_notice ul {gap: 10px;}
	#bo_notice ul > li {width: calc(50% - 5px);position: relative;}
	#bo_notice ul > li .img-wrap {padding-bottom: 80% !important;border-radius: 10px;}
	#bo_list_wrap .bo-top-cont {flex-direction: column;align-items: normal;gap: 40px;}
	#bo_search form#fsearch {justify-content: center;}
	#bo_search form#fsearch .option-wrap > .option.show {flex-direction: column;align-items: flex-start;gap: 5px 0;width: auto;padding: 20px 30px;border-radius: 10px;}
	#bo_gallery {padding: 60px 0;}
	#bo_gallery>ul {gap: 40px 10px;}
	#bo_gallery>ul>li{width: calc(50% - 5px);border-radius: 10px;}
	
	#bo_gallery>ul>li .info-wrap .top {margin-bottom: 0;}
	#bo_list_wrap .paging-wrap {font-size: 14px;}
	#bo_list_wrap .paging-wrap .page-btns > a {padding: 6px 17px;border-radius: 16px;}
	#bo_list_wrap .paging-wrap .pagination #page_select {width: 74px;padding: 8px 20px;}
	#bo_v_atc>.title p {font-size: 2.0em;}
	#bo_v_btn * {font-size: 14px;padding: 5px 5.5px;}
	#bo_w form>ul li>label{width: 100%}
	#bo_w form>ul li>div{width: 100%}
	.bo_v_nb > a[class*=btn_] {width: 105px;font-size: 14px;padding: 6px 11px;}
	.bo_v_nb > a.btn-list {padding: 6px 35px;font-size: 14px;}
	#bo_notice .ntcSwiper .swiper-wrapper{justify-content:unset;} 
}
@media all and (max-width: 480px){
	#bo_search form#fsearch .option-wrap > .option-btn {padding: 0 15px;}
	#bo_gallery>ul>li {width: 100%;}
	#bo_list_wrap .paging-wrap {position: relative;}
	#bo_list_wrap .paging-wrap .page-btns {position: relative;top: 64px;}
	#bo_list_wrap .paging-wrap .pagination {width: 109px;position: absolute;top: 0;left: 0;right: 0;margin: auto;}
}