@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_info{width: calc(100% - 40px);max-width:var(--max-width1);margin: 0 auto;}
#bo_v #bo_v_info a{}
#bo_v_atc{}
#bo_v_atc>.title{width: calc(100% - 40px);max-width:var(--max-width1);margin: 20px auto 0;padding: 20px;background: #F5F5F5;border-radius: 5px 5px 0 0;position: relative;top: 0;left: 0;}
#bo_v_atc>.title p{font-size: var(--font-26); font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_v_atc>.title span{position: absolute; right: 20px; bottom: 5px; font-size: var(--font-16); color: #5b5b5b;}
#bo_v #bo_v_con{width: calc(100% - 40px);max-width:var(--max-width1);margin: 0 auto;padding: 20px;border-radius: 0px 0px 5px 5px;border: 1px solid #f5f5f5;margin-bottom: 0 !important;}
#bo_v_img {margin-top: 50px;}
#bo_v_img a{pointer-events: none;cursor: auto;}
#bo_v_data{width: calc(100% - 40px);max-width:var(--max-width1);margin: 50px auto 0;}
#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{padding: 0 !important; width: 100%; color: #000; font-size: var(--font-18); line-height: 50px;}
#bo_v_data ul li>div:last-child{padding: 0 !important;width: 100%;}
#bo_v_data ul li>div>div{width: 100%; color: #939393}
#bo_v_data ul li>div>div a{color: #939393; font-size: var(--font-16);}
.d-none{display: block !important;flex-grow: 1 !important;}
#bo_btn_top * {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: stretch;flex-wrap: wrap;gap: 100px 20px;}
#bo_gallery>ul>li{display: flex;flex-direction: column;align-items: stretch;width: calc(25% - 15px);padding: 20px 0;border: 1px solid #000;border-radius: 25px;box-sizing: border-box;overflow: hidden;position: relative;top: 0;left: 0;transition: all .6s;}
#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;cursor: pointer;z-index: 999;}
#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: 100% !important;}
#bo_gallery>ul>li .img-wrap .img-item{display: flex;justify-content: space-between;align-items: center;padding: 30px;transition: all .6s;}
#bo_gallery>ul>li .img-wrap .img-item .img{width: auto;height: 100%;margin: 0 auto;}
#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: auto;height: 100%;border-radius: 0 !important;border: 1px solid #000;box-sizing: border-box;}
#bo_gallery>ul>li .txt-wrap {display: flex;flex-direction: column;align-items: stretch;padding: 0 20px;box-sizing: border-box;}
#bo_gallery>ul>li .txt-wrap .cate {margin-bottom:  10px;color: #000;font-size: 18px;font-weight: 700;text-align: center;}
#bo_gallery>ul>li .txt-wrap .subject {height:auto;color: #000;font-size: 1.10em;line-height: 1.2;text-align: center;}
#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 {gap: 60px 20px;}
	#bo_gallery>ul>li .txt-wrap .subject {font-size: 1.00em;}
}

@media all and (max-width: 1199px){
	#bo_v{margin-bottom: 150px;}
	#bo_list_wrap{margin-bottom: 150px;}
	#bo_gallery>ul>li .txt-wrap .subject {font-size: 18px;}
	#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>li{width: calc(50% - 10px);}
	#bo_list_wrap .paging-wrap .page-btns > a {padding: 6px 30px;}
}
@media all and (max-width: 768px){
	#bo_gallery>ul>li{width: calc(50% - 12px);}
	#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>li{width: 100%;}
	#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%}
}
@media all and (max-width: 480px){
	#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;}
}