@charset "utf-8";
/* 공통 */
.bd-tabs {display: flex;gap: 0 44px;margin-bottom: 115px;flex-wrap: wrap;}
.bd-tabs > li {}
.bd-tabs > li > a {color: #898989;font-size: 1.10em;font-weight: 700;transition: .35s;}
.bd-tabs > li > a:hover,
.bd-tabs > li.active > a {color: #000;text-decoration: underline;text-underline-offset: 6px;}

.bd-title {margin-bottom: 80px;}
.bd-title > .tit {margin-bottom: 10px;font-size: 2.10em;font-weight: 700;}
.bd-title > .txt {font-size: 1.20em;font-weight: 700;}

@media all and (max-width: 1024px){
	.bd-tabs {margin-bottom: 70px;gap:15px 40px;}
}
@media all and (max-width: 640px){
	.bd-title > .tit {font-size: 2.0em;}
	.bd-title > .txt {font-size: 1.11em;}
}


/* 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{/* padding: 20px; */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;}
#bo_v_data .data-cont {margin: 1.2rem 0;padding: 1.2rem;border: 1px solid #E5E5E5;border-radius: 10px;box-sizing: border-box;}
#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_wrap form{width: 100%;margin: 0 auto;}
#bo_list {margin-bottom: 80px;padding: 80px 0;border-top: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;}
#bo_gallery>ul{display: flex;align-items: center;flex-wrap: wrap;gap: 100px 60px;max-width: 1350px;margin: 0 auto;}
#bo_gallery>ul>li{width: calc(33.333% - 40px);border: 1px solid #e0e0e0;border-radius: 25px;box-sizing: border-box;overflow: hidden;position: relative;top: 0;left: 0;transition: all .6s;cursor: pointer;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 .visual p{position: absolute;bottom: 5px;right: 5px;font-size: 16px;background: var(--color-blue);border-radius: 5px;padding: 5px 10px;color: #fff;} */
#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;left: 45px;font-size: 14px;background: #333;border-radius: 5px;padding: 5px 10px;color: #fff;z-index: 999;}
/* #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: 123% !important;}
#bo_gallery>ul>li .img-wrap .img-item{display: flex;justify-content: space-between;align-items: center;/* padding: 30px; *//* border: 1px solid #eee; */transition: all .6s;}
#bo_gallery>ul>li .img-wrap .img-item .img{width: 100%;height: 100%;background: #ddd;}
#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;}
/* #bo_gallery>ul>li .subject {display: flex;justify-content: center;align-items: center;min-height: 86px;padding: 15px 30px;background: #004269;color: #fff;font-size: 1.20em;line-height: 1.2;text-align: center;} */
#bo_gallery>ul>li .date {color: #8c8c8c;font-size: 16px;position: absolute;top: 10px;right: 30px;}
#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;background: #000;color: #fff;}
#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_search{display: none;}
#bo_search>.alert{padding: 0 !important;margin: 0 !important;}
#bo_list_wrap form#fsearch{}
#bo_list_wrap form#fsearch>div.form-row{margin: 0 auto; width: 100%; max-width: 450px; justify-content: space-between;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(1){width: 30%;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(2){width: calc(70% - 5px);}
#bo_list_wrap form#fsearch input,
#bo_list_wrap form#fsearch select{height: 50px;box-shadow: unset;}
#bo_list_wrap form#fsearch .input-group-append{width: 50px;}
#bo_list_wrap form#fsearch .input-group-append button{width: 100%;}






/* 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_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_gallery>ul {gap: 40px 20px;}
	#bo_gallery>ul>li{width: calc(33.333% - 14px);}
	#bo_list_wrap .paging-wrap .page-btns > a {padding: 6px 30px;}
	#bo_v_atc>.title p {padding-right: 0;}
}
@media all and (max-width: 768px){
	#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_gallery>ul {gap: 30px 10px;}
	#bo_gallery>ul>li{width: calc(50% - 5px);border-radius: 10px;}
	#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_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;}
}
@media all and (max-width: 480px){
	#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;}
}