@charset "utf-8";
/* view */
#bo_v{margin-bottom: 200px;}
#bo_v #bo_v_info{max-width: 100%;margin: 0 auto;}
#bo_v #bo_v_info a{}
#bo_v #bo_v_info a.btn {padding: 6px 23px;font-size: 16px;}
#bo_v_atc{}
#bo_v_atc>.title{width: 100%;max-width:100%;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: 1.08em; 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: .67em; color: #5b5b5b;}
#bo_v #bo_v_con{width: 100%;max-width:100%;margin: 0 auto;padding: 20px;border-radius: 0px 0px 5px 5px;border: 1px solid #f5f5f5;margin-bottom: 0 !important;font-size: .83em;}
#bo_v #bo_v_con > ul {width: 80%;margin: 0 auto;list-style: none;padding: 0 !important;border: 1px solid #ddd;border-bottom: 0;box-sizing: border-box;}
#bo_v #bo_v_con > ul > li {display: flex;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#bo_v #bo_v_con > ul > li > label {width: 15%;padding: 10px 0;text-align:center;margin-bottom: 0;border-right: 1px solid #ddd;box-sizing: border-box;background: var(--color-main);color: #fff;}
#bo_v #bo_v_con > ul > li > div {width: 85%;padding: 10px 15px;box-sizing: border-box;}
#bo_v #bo_v_con img {display: inline-block;border-radius: 0 !important;}

@media all and (max-width: 768px){
	#bo_v #bo_v_con > ul {width: 100%;}
}
@media all and (max-width: 640px){
	#bo_v #bo_v_con > ul > li {flex-wrap: wrap;}
	#bo_v #bo_v_con > ul > li > label,
	#bo_v #bo_v_con > ul > li > div {width: 100%;}
}

/* list */
#bo_list_wrap{margin-bottom: 200px;}
#bo_list_wrap form{width: 100%;max-width: 100%;/* margin: -43px auto 0; */}
#bo_list_wrap form #bo_list{border-bottom: 2px solid var(--color-main);}
#bo_list_wrap form #bo_list .list_head{font-weight: 500;font-size: .75em;color: var(--color-main);}
#bo_list_wrap form #bo_list .list_head a{color: var(--color-main) !important;}
#bo_list_wrap form #bo_list .list_con{font-size: 1em;}
#bo_list_wrap form #bo_list .list_head li{height: 50px; border-bottom: 2px solid var(--color-main);}
#bo_list_wrap form #bo_list .list_con > li{border-top: 1px solid #ddd;height: 90px;}
#bo_list_wrap form #bo_list .list_con > li.notice{background: #2ea7e01a;height: 70px;}
#bo_list_wrap form #bo_list .list_head li,
#bo_list_wrap form #bo_list .list_con > li{display: flex; justify-content: space-between; align-items: center; padding: 0 10px; text-align: center;}
#bo_list_wrap form #bo_list .list_head li > p:first-child,
#bo_list_wrap form #bo_list .list_con > li > p:first-child{width: 120px;font-size: .75em;}
#bo_list_wrap form #bo_list .list_head li > p:nth-child(3),
#bo_list_wrap form #bo_list .list_con > li > p:nth-child(3){width: calc(50% - 400px);}
#bo_list_wrap form #bo_list .list_con > li > p:nth-child(3) span {color: #000;font-size: 1em;}
#bo_list_wrap form #bo_list .list_head li > p:last-child,
#bo_list_wrap form #bo_list .list_con > li > p:last-child{width: 150px;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap,
#bo_list_wrap form #bo_list .list_con > li .subject_wrap{width: 50%;display: flex;align-items: center;padding: 0 10px;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap p,
#bo_list_wrap form #bo_list .list_con > li .subject_wrap p {display: block;width: 100% !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
#bo_list_wrap form #bo_list .list_con > li .subject_wrap p i {padding-right: 10px;color: #283C82;font-size: .83em !important;}
#bo_list_wrap form #bo_list .list_con > li > span{width: 150px;font-size: 18px;color: #787878;}
#bo_list_wrap form #bo_list .list_con > li > span.na-notice{height: 30px; width: 100px; background-size: auto 100%;background-position: center;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap label{margin: 0;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap label input{margin-right: 10px;}
#bo_list_wrap form #bo_list .list_con > li{}
#bo_list_wrap form #bo_list .list_con > li .subject_wrap input{}
#bo_list_wrap .pagination{margin: 80px auto 50px !important;}
#bo_search{}
#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;font-size: .83em;}
#bo_list_wrap form#fsearch .input-group-append{width: 50px;}
#bo_list_wrap form#fsearch .input-group-append button{width: 100%;background-color: var(--color3) !important;border-color: var(--color3) !important;padding: 0;}
#bo_list_wrap .btn {padding: 6px 23px;font-size: .83em;}

/* LIST */
/* 카테고리 */
#bo_cate {/* margin-bottom: 50px; */}
#bo_cate .bo_cate_img {margin-bottom: 100px;}
#bo_cate .bo_cate_img .img {position: relative;overflow-x: auto;}
#bo_cate .bo_cate_img .img img {min-width: 1520px;}
/* #bo_cate .bo_cate_img .img::before {content: '';display: block;width: 0;padding-top: 46.711%;}
#bo_cate .bo_cate_img .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} */
#bo_cate_list {}
#bo_cate_ul {display: flex;gap: 10px;}
#bo_cate_ul > li {cursor: pointer;}
#bo_cate_ul > li > span {display: block;padding: 5px 50px;border-radius: 23px;background: #C4C4C4;color: var(--color1);font-weight: 500;text-align: center;}
#bo_cate_ul > li.selected > span {color: #fff;background: var(--color-main);}
#bo_cate2_ul {display: flex;flex-wrap: wrap;/* gap: 10px; */justify-content: center;margin: 80px 0 30px;}
#bo_cate2_ul > li {/* margin: 0 30px; *//* padding: 0 30px; *//* position: relative; */margin: 2px 0;cursor: pointer;}
#bo_cate2_ul > li > span {/* display: block; *//* width: 100%; *//* height: 100%; */padding: 0 37px;border-radius: 23px;/* background: #C4C4C4; *//* color: var(--color1); */color: #646464;font-weight: 500;text-align: center;position: relative;}
#bo_cate2_ul > li:hover > span,
#bo_cate2_ul > li.active> span {/* color: #fff; *//* background: var(--color-main); */color: var(--color-main);font-weight: 600;text-decoration: underline;text-underline-offset: 6px;}
#bo_cate2_ul > li:not(:last-child) span::after {content: '';display: block;width: 1px;height: 100%;background: #ccc;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}

/* 목록 */
#bo_list_wrap form #bo_list #networkList {}
#bo_list_wrap form #bo_list #networkList > li {display: block;width: 100%;height: auto;padding: 19px 40px;box-sizing: border-box;position: relative;}
#bo_list_wrap form #bo_list #networkList li > input {position: absolute;top: 0;left: 10px;bottom: 0;margin: auto;}
#networkList .cont {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;margin: 10px 0;position: relative;}
#networkList .cont > ul {display: flex;width: calc(100% - 23px);}
#networkList .cont > ul > li {text-align: left;}
#networkList .cont > ul > li:not(:last-child) {margin-right: 32px;}
#networkList .cont > ul > li.name {width: 15%;}
#networkList .cont > ul > li.tel {width: 14%;}
#networkList .cont > ul > li.mail {width: 20%;}
#networkList .cont > ul > li.address {width: 40%;}
#networkList .cont > ul > li a, 
#networkList .cont > ul > li p {font-size: 1em;font-weight: 500;}
#networkList .cont > ul > li a {position: relative;}
#networkList .cont > ul > li a:hover,
#networkList .cont > ul > li a:focus {color: var(--color-main);}
#networkList .cont > ul > li a.ncursor:hover,
#networkList .cont > ul > li a.ncursor:focus {color: unset;}
#networkList .cont > .btn-more {width: 23px;height: 23px;position: relative;}
#networkList .cont > .btn-more.empty::after {transform: rotate(180deg);}
#networkList .cont > .btn-more::before,
#networkList .cont > .btn-more::after {content: '';display: block;width: 100%;height:2px;background:#283C82;position:absolute;top:0;left:0;bottom:0;right:0;margin: auto;transition: transform .3s;}
#networkList .cont > .btn-more::after {transform: rotate(90deg);}
#networkList .cont > .btn-more.active::after {transform: rotate(180deg);}
#networkList .more-cont {display: none;width: calc(100% - 15% - 28px);margin-left: auto;}
#networkList .more-cont > ul {display: flex;padding-right: 27px;}
#networkList .more-cont > ul > li {width: 33.333%;}
#networkList .more-cont > ul > li > p {font-size: 1em;font-weight: 500;text-align: left;}
#networkList .more-cont > ul > li > p > a:hover {color: #000;text-decoration: underline;text-underline-offset: 6px;}
#networkList .more-cont > ul > li > p > .label {}

@media all and (max-width: 1400px){
	#bo_cate_ul > li {width: calc(100% / 7);}
	#bo_cate_ul > li > span {padding: 5px 31px;}
	#bo_list_wrap form #bo_list #networkList > li {padding: 14px 40px;}
	#networkList .cont > ul > li a, 
	#networkList .cont > ul > li p,
	#networkList .more-cont > ul > li > p {font-size: .83em;}
}
@media all and (max-width: 1199px){
	#bo_cate_ul > li > span {padding: 5px 27px;}
	#bo_cate2_ul {/* justify-content: center; */margin: 50px 0 20px;}
	#bo_list_wrap form{/* margin: 40px auto 0; */}
	#bo_list_wrap form #bo_list #networkList > li {padding: 14px 30px;}
	#networkList .cont {margin: 0;}
	#networkList .cont > ul {flex-wrap: wrap;margin: 0 20px;}
	#networkList .cont > ul > li {width: 50% !important;margin: 5px 0;}
	#networkList .cont > ul > li:not(:last-child) {margin-right: 0;}
	#networkList .cont > ul > li a, 
	#networkList .cont > ul > li p,
	#networkList .more-cont > ul > li > p {font-size: 1em;}
	#networkList .cont > ul > li a {padding-left: 0;}
	#networkList .more-cont {width: 100%;margin: 0 20px;}
	#networkList .more-cont > ul {flex-wrap: wrap;padding-right: 61px;}
	#networkList .more-cont > ul > li {width: 50%;margin: 5px 0;}
	
}
@media all and (max-width: 1024px){
	#bo_cate_ul {flex-wrap: wrap;justify-content: center;}
	#bo_cate_ul > li {width: auto;}
	#bo_cate_ul > li > span {padding: 5px 37px;}
	#bo_list_wrap form #bo_list #networkList > li {padding: 10px 20px;}
	#networkList .cont > ul > li {width: 50% !important;margin: 3px 0;}
	#networkList .cont > .btn-more {width: 18px;height: 18px;}
}
@media all and (max-width: 640px){
	#bo_cate_ul {gap: 5px 4px;}
	#bo_cate_ul > li > span {padding: 5px 17px;}
	#bo_cate2_ul {/* margin-top: 30px; */margin: 30px 0 20px;}
	#bo_cate2_ul > li > span  {padding: 0 16px;}
	#bo_list_wrap form{/* margin: 20px auto 0; */}
	#bo_list_wrap form #bo_list #networkList > li {padding: 10px;}
	#networkList .cont::before {width: 4px;height: 4px;top: 8px;}
	#networkList .cont > ul {margin: 0 14px;}
	#networkList .cont > ul > li {width: 100% !important;margin: 0;}
	#networkList .more-cont {margin: 0;}
	#networkList .more-cont > ul {margin: 0 13px;padding-right: 0;}
	#networkList .more-cont > ul > li {width: 100%;}
}

/* write */
#bo_w{margin-bottom: 200px;}
#bo_w form{width: 100%;max-width: 100%;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 .custom-control-inline {padding-left: 1.5rem;align-items: center;}
#bo_w form>ul li > label{color: #000;display: flex;align-items: center;font-weight: bold;margin-bottom: 0;width: 90px;font-size: 18px;}
#bo_w form>ul li > label span{display: block;font-weight: normal;padding-left: 0 !important;}
#bo_w form>ul li>div{width: calc(100% - 100px);display: flex;align-items: center;flex-flow: row wrap;margin: 0 !important;font-size: 18px;}
#bo_w form>ul li div > div {width: 100%;}
#bo_w form>ul li>div>label{font-size: 20px;font-weight: normal;cursor: pointer;display: flex;align-items: center;width: fit-content;margin: 0 15px 0 5px;}
#bo_w form>ul li div select {width: 100%;height: 50px;font-size: 1em;color: #000;}
#bo_w form>ul li div > div select {margin-top: 5px;}
#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: 1em;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: 30px;}
#bo_w form .btn_wrap button,
#bo_w form .btn_wrap a{display: block;height: 100%;padding: 15px 0;margin: 0;/* line-height: 68px; */font-size: 1em;text-align: center;font-weight: bold;border-radius: 5px !important;width: calc(50% - 10px);}
.cke_sc{display: none !important;}


.custom-checkbox .custom-control-label::before, 
.custom-checkbox .custom-control-label::after, 
.custom-radio .custom-control-label::before, 
.custom-radio .custom-control-label::after {/* top: 0.35rem !important; */width: .9rem !important;height: .9rem !important;}
#bo_w form .file_wrap .btn {font-size: 16px;padding: 6px 12px;}
.custom-checkbox .custom-control-label span, .custom-radio .custom-control-label span {padding-left: 0 !important;}



/* 게시글 순서 변경 */
#bo_list p.list_num{font-size: 14px;text-align: left;}
.list_num_update{border: 1px solid #eee; padding: 10px;}
.list_num_update .informBox .tit{text-align: left;}
.list_num_update .informBox .tit h2{font-size: 16px;}
.list_num_update .informBox .tit h2 span{font-weight: 400;}
.list_num_update .informBox .tit p{font-size: 16px; margin: 5px 0;}
.list_num_update .informBox .tit h3{margin-top: 15px; font-size: 16px; font-weight: 500;}
.list_num_update .informBox .tit h3 b{font-weight: 600; background: aliceblue; padding: 0 3px;}
.list_num_update .informBox .tit h3 span{color: #ef8310;padding-right: 5px;}
.list_num_update .informBox .inputBox{display: flex; justify-content: start; align-items: center; gap: 5px;}
.list_num_update .informBox input{outline: none; border: 1px solid #ef8310; padding: 3px;font-size: 14px;} 
.list_num_update .informBox input.btn_list{background: #ef8310; color: #fff; cursor: pointer; border-radius: 50px; padding: 5px 10px;}


@media all and (max-width: 640px) {
	#bo_w form>ul li {flex-wrap: wrap;margin-bottom: 10px;}
	#bo_w form>ul li > label,
	#bo_w form>ul li>div {width: 100%;}
	#bo_w form>ul li > label {margin-bottom: 5px;}
}