@charset "utf-8";
/* view */
#bo_v{margin-bottom: 200px;}
#bo_v #bo_v_info{width: 100%;margin: 0 auto;}
#bo_v #bo_v_info a{}
#bo_v #bo_v_con{width: 100%;margin: 30px auto 0;padding: 40px;border: 1px solid #e8e8e8;}
#bo_v #bo_v_con ul{padding: 0; list-style: none;margin: 0;}
#bo_v #bo_v_con ul li{display: flex;margin-bottom: 20px;}
#bo_v #bo_v_con ul li:last-child{margin-bottom: 0px;}
#bo_v #bo_v_con ul li p{font-size: var(--font-20); font-weight: bold;width: 100px;}
#bo_v #bo_v_con ul li span{width: calc(100% - 100px);display: block;word-break: break-all;}
.d-none{display: block !important;flex-grow: 1 !important;}
#bo_btn_top>div>div{padding: 0 !important;}
#bo_btn_top>div>div .border-top{border-top: unset !important;}






/* lisr */
#bo_list_wrap{margin-bottom: 200px;}
#bo_list_wrap form{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto;}
#bo_list_wrap form #bo_list{border-bottom: 1px solid var(--color1);}
#bo_list_wrap form #bo_list .list_head{font-weight: bold;font-size: .90em;;color: var(--color1);font-weight: 100;}
#bo_list_wrap form #bo_list .list_head a{color: var(--color1) !important;font-size: .90em;font-weight: 500;}
#bo_list_wrap form #bo_list .list_head li{height: 50px;border-bottom: 1px solid var(--color1);}
#bo_list_wrap form #bo_list .list_con li{border-top: 1px solid #ddd;height: 90px;cursor: pointer;}
#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: 50px;font-size: .90em;font-weight: 500;}
#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: 80px;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap,
#bo_list_wrap form #bo_list .list_con li .subject_wrap{width: calc(100% - 130px);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%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;}
#bo_list_wrap form #bo_list .list_con li span{width: 80px;font-size: .90em;color: #787878;}
#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_list_wrap .pagination .page-first,
#bo_list_wrap .pagination .page-last {display: none;}
#bo_list_wrap .pagination .page-prev .fa,
#bo_list_wrap .pagination .page-next .fa {font-size: 1.0em !important;}
#bo_list_wrap .pagination .page-link {padding: 0 14px;border: 0;color: #7E7E7E;}
#bo_list_wrap .pagination .page-link:hover {background: none;color: #C6A181;}
#bo_list_wrap .pagination .page-item.active .page-link {color: #C6A181 !important;border: 0 !important;}
#bo_list_wrap .pagination .page-link:focus {box-shadow: none;}
#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;}
#bo_list_wrap form#fsearch .input-group-append{width: 50px;}
#bo_list_wrap form#fsearch .input-group-append button{width: 100%;}





/* write */

.list-btn {display: block;max-width: 220px;width: 100%;margin: 0 auto 50px;padding: 10px 0;border-radius: 25px;background: var(--color1);color: #fff;font-weight: 500;text-align: center;cursor: pointer;}
.list-btn:hover {background: var(--color2);}
#bo_w{margin-bottom: 200px;}
#bo_w form{width: 100%;margin: 0 auto;}
#bo_w form>ul{}
#bo_w form>ul>li{display: flex;justify-content: space-between;align-items:flex-start;flex-flow: row wrap;margin-bottom: 10px;}
#bo_w form>ul>li:last-child{margin-bottom: 80px;}
#bo_w form>ul>li>label{color: #000;display: flex;align-items: center;font-weight: 500;width: 140px;}
#bo_w form>ul>li>label span{color: #EA0000;margin-left: 10px;display: block;font-weight: normal;}
#bo_w form>ul>li div{width: calc(100% - 150px);display: flex;align-items: center;flex-flow: row wrap;}
#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 label input[type='radio'] {flex-shrink:0;-webkit-appearance: none; /* 웹킷 브라우저에서 기본 스타일 제거*/-moz-appearance: none; /* 모질라 브라우저에서 기본 스타일 제거*/ appearance: none; /*기본 브라우저에서 기본 스타일 제거*/width: 13px;height: 13px;border: 1px solid #D9D9D9; /*체크되지 않았을 때의 테두리 색상*/border-radius: 50%;outline: none; /*focus 시에 나타나는 기본 스타일 제거*/cursor: pointer;background-color: #fff; /*체크 시 내부 원 색상*/width: 25px;height: 25px;margin-right: 10px;}
/* 체크 시 버튼 모양 스타일*/
#bo_w form>ul>li div label input[type='radio']:checked {background-color: var(--color5); /*체크 시 내부 원 색상*/border: 6px solid #fff; /*라인이 아닌, 라인과 원 사이 색상*/box-shadow: 0 0 0 1px #D9D9D9; /*라인*/}
#bo_w form>ul>li div input[type='text'],
#bo_w form>ul>li div input[type='number']{width: 100%;height: 50px;/* line-height: 50px; */background: #fff;border-radius: 5px;border: 1px solid #D9D9D9;padding: 0 20px;color: #000;}
#bo_w form>ul>li div input[type='number']::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#bo_w form>ul>li div input::placeholder{color: #CFCFCF;}
#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: 0px 0px 0px 1px #E9E9E9 inset;border: none;}
#bo_w form>ul>li div #wr_content{resize: none;height: 200px !important;width: 100%;background: #fff;border-radius: 5px;border: 1px solid #D9D9D9;padding: 10px 20px;color: #000;}
#bo_w form>ul>li div #wr_content:active,
#bo_w form>ul>li div #wr_content:valid,
#bo_w form>ul>li div #wr_content:focus{box-shadow: 0px 0px 0px 1px #E9E9E9 inset;border: none;}
#bo_w form>ul>li div #wr_content::placeholder{color: #CFCFCF;}

#bo_w .privacy {margin-bottom: 80px}
#bo_w .privacy .tit {margin-bottom: 15px;font-size: 1.20em;font-weight: 600;}
#bo_w .privacy .tit > span {color: #FF0000;font-weight: 400;}
#bo_w .privacy .privacy_wrap {width: 100%;height: 220px;overflow-y: auto;border: 1px solid #E0E0E0;background: #F8F8F8;padding: 40px;margin-bottom: 14px;}
#bo_w .privacy .privacy_wrap div#privacy{padding-top: 0;width: 100%;display: block;margin-bottom: 0;}
#bo_w .privacy .privacy_wrap div#privacy>b{display: block;margin-bottom: 15px;font-weight: 600;}
#bo_w .privacy .privacy_wrap div#privacy>p{font-size: var(--font-16);}
#bo_w .privacy .privacy_wrap div#privacy>ul li b{font-size: .90em;font-weight: 500;}
#bo_w .privacy .privacy_wrap div#privacy>ul li p{font-size: .90em;color: #707070;}
#bo_w .privacy .privacy_wrap div#privacy>p.list_style::after,
#bo_w .privacy .privacy_wrap div#privacy>ul li p.list_style::after{width: 3px;height: 3px;top: 9px;}
#bo_w .privacy .privacy_wrap div#privacy p:last-child{margin-bottom: 0;}
@media all and (max-width: 768px){
	#bo_w .privacy .privacy_wrap div#privacy>ul li b,
	#bo_w .privacy .privacy_wrap div#privacy>ul li p {font-size: 15px;}
}


#bo_w form>ul>li>div>.privacy_label{font-size: var(--font-16);color: #a0a0a0;align-items: center; display: flex;margin-top: 20px;}
#bo_w form>ul>li>div>.privacy_label input{margin-right: 5px;}
#bo_w form>button{display: block;margin: 0 auto;padding: 12px 46px;border-radius: 5px;color: #fff;font-weight: 600;}
.sub_title{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto; padding: 200px 0 100px;}
.sub_title p{width: fit-content; margin: 0 auto 50px; color: #fff; font-size: var(--font-20); border-radius: 80px;}
.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-24);margin-top: 10px;}
@media screen and (max-width:1200px){
	#bo_v{margin-bottom: 150px;}
	#bo_list_wrap{margin-bottom: 150px;}
	#bo_w{margin-bottom: 150px;}
	#bo_w form{padding: 50px;}
	#bo_w form>ul>li>label{width: 110px;}
	#bo_w form>ul>li div{width: calc(100% - 120px);}
    .sub_title{padding: 100px 0 100px;}
    .sub_title p{margin-top: 50px;}
}
@media screen and (max-width:800px){
	#bo_w form{padding: 20px;}
	#bo_w form>ul>li div label{width: 50%;margin-right: 0;margin-bottom: 10px;}
	#bo_w form>ul>li:last-child{margin-bottom: 40px;}
	#bo_w .privacy .privacy_wrap {padding: 30px;}
}
@media screen and (max-width:600px){
	#bo_list_wrap form #bo_list .list_head li p:first-child,
	#bo_list_wrap form #bo_list .list_con li p:first-child{display: none;}
	#bo_list_wrap form #bo_list .list_head li .subject_wrap,
	#bo_list_wrap form #bo_list .list_con li .subject_wrap{width: calc(100% - 100px);}
	#bo_w form>ul>li div label{width: 50%;margin-right: 0;margin-bottom: 10px;}
	#bo_w form>ul>li>label{width: 100%}
	#bo_w form>ul>li div{width: 100%}
}