@charset "utf-8";
/* 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 #bo_v_con{width: calc(100% - 40px);max-width:var(--max-width1);margin: 0 auto;padding: 20px;background: #F5F5F5;border-radius: 5px;margin-top: 20px;}
#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{font-size: var(--font-20); color: var(--color1);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;}

@media screen and (max-width:1200px){
	#bo_v{margin-bottom: 150px;}
}





/* list */
#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: 2px solid var(--color1);}
#bo_list_wrap form #bo_list .list_head{font-weight: bold;font-size: var(--font-18);color: var(--color1);font-weight: 100;}
#bo_list_wrap form #bo_list .list_head a{color: var(--color1) !important}
#bo_list_wrap form #bo_list .list_con{font-size: var(--font-24);}
#bo_list_wrap form #bo_list .list_head li{height: 50px; border-bottom: 2px 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: var(--font-18);}
#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;}
#bo_list_wrap form #bo_list .list_con li span{width: 80px;font-size: var(--font-18);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_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%;}

@media screen and (max-width:1200px){
	#bo_list_wrap{margin-bottom: 150px;}
}
@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);}
}



/* write */
#bo_w{margin-bottom: 200px;}
#bo_w form {}
#bo_w form > .ntc-txt {color: #333;font-size: 18px;text-align: right;}
#bo_w form > .ntc-txt > span {color: var(--color-main);}
#bo_w form > ul {display: flex;justify-content: space-between;gap: 0 100px;flex-wrap: wrap;}
#bo_w form > ul > li {display: flex;width: 100%;margin-bottom: 32px;padding: 18px 0;border-bottom: 2px solid #333;box-sizing: border-box;}
#bo_w form > ul > li:last-child {margin-bottom: 0;}
#bo_w form > ul > li.col2 {width: calc(50% - 50px);}
#bo_w form > ul > li > label {width: 154px;margin-bottom: 0;font-weight: 500;position: relative;}
#bo_w form > ul > li > label::after {content: '';display: block;width: 1px;height: 20px;background: #D9D9D9;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
#bo_w form > ul > li > label > span {color: var(--color-main);}
#bo_w form > ul > li > div {width: calc(100% - 154px);padding: 0 20px;}
#bo_w form > ul > li > div > label {position: relative;margin-bottom: 0;padding-left: 25px;}
#bo_w form > ul > li > div > label:not(:last-child) {margin-right: 25px;}
#bo_w form > ul > li > div > label > input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
#bo_w form > ul > li > div > label::before,
#bo_w form > ul > li > div > label::after { content: ''; display: block; box-sizing: border-box; position: absolute; top: -1px; bottom: 0; margin: auto; }
#bo_w form > ul > li > div > label::before {border-radius: 2px;width: 20px;height: 20px;border-radius: 3px;border: 1px solid #E6E6E6;background: #fff;left: 0;}
#bo_w form > ul > li > div > label::after {border: 2px solid #fff;border-top: 0;border-right: 0;width: 10px;height: 6px;transform: rotate(-45deg);margin: 3px 0 0 3px;opacity: 0;top: -4px;left: 5px;margin: auto;}
#bo_w form > ul > li > div > label:has(input[type="checkbox"]:checked)::before { background: var(--color-main);border: 0; }
#bo_w form > ul > li > div > label:has(input[type="checkbox"]:checked)::after { opacity: 1; transition: .35s linear; } 
#bo_w form > ul > li > div > input[type="text"],
#bo_w form > ul > li > div > input[type="email"],
#bo_w form > ul > li > div > input[type="number"]{width: 100%;height: 100%;font-size: 18px;}
#bo_w form > ul > li > div > select {width: 100%;border: 0;color: #000;font-size: 18px;}
#bo_w form > ul > li > div > select:required:invalid {color: #898989;}
#bo_w form > ul > li > div > select > option {color: #000;}
#bo_w form > ul > li:has(textarea) {flex-direction: column;border: 0;}
#bo_w form > ul > li:has(textarea) > label {margin-bottom: 20px;}
#bo_w form > ul > li:has(textarea) > label::after {display: none;}
#bo_w form > ul > li > div:has(textarea) {width: 100%;padding: 0;}
#bo_w form > ul > li > div:has(textarea) > textarea {width: 100%;height: 250px;padding: 20px;border: 2px solid #333;box-sizing: border-box;font-size: 18px;resize: none;}
#bo_w form > ul > li > div.file_wrap {}
#bo_w form > ul > li > div.file_wrap .custom-file-input {height: 100%;font-size: 18px;}
#bo_w form > ul > li > div.file_wrap .custom-file {height: 100%;}
#bo_w form > ul > li > div.file_wrap .custom-file-label {height: 100%;margin-bottom: 0;border: 0;font-size: 18px;line-height: 1.0;}
#bo_w form > ul > li > div.file_wrap .custom-file-label::after {height: 100%;padding: 4px 46px;border-radius: 5px;background-color: #222F36;color: #fff;font-size: 16px;}
#bo_w form > ul > li.agree-cont {flex-direction: column;border: 0;}
#bo_w form > ul > li.agree-cont > label {width: auto;margin-bottom: 20px;}
#bo_w form > ul > li.agree-cont > label::after {display: none;}
#bo_w form > ul > li.agree-cont > div {width: 100%;padding: 0;}
#bo_w form > ul > li.agree-cont .privacy-con {width: 100%;height: 250px;padding: 20px;margin-bottom: 10px;border: 2px solid #333;box-sizing: border-box;font-size: 18px;overflow-y: scroll;}
#bo_w form > ul > li.agree-cont .privacy-con::-webkit-scrollbar { width: 10px; }
#bo_w form > ul > li.agree-cont .privacy-con::-webkit-scrollbar-thumb { background-color: var(--color-main); }
#bo_w form > ul > li.agree-cont .privacy-con::-webkit-scrollbar-track { background-color: #f9f9f9; }
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con{margin-top: 30px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li{margin-bottom: 30px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li:last-child{margin-bottom:0px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li>b{word-break: keep-all;display: flex;align-items: flex-start;line-height: 22px;margin-bottom: 10px;font-family: var(--font-pretendard);font-size:20px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li>b span{display: block;word-break: keep-all;margin-right: 10px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li p{display: block;word-break: keep-all;color: #000;font-family: var(--font-pretendard);font-weight: 500;font-size: 18px;margin-bottom: 10px;line-height: 20px;}
#bo_w form > ul > li.agree-cont .privacy-con #privacy>.list_con li>span{display: block;word-break: keep-all;color: #666666;font-size: 17px;margin-bottom: 10px;}

#bo_w form > ul > li.agree-cont input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label {display: inline-flex;align-items: center;margin-bottom: 0;padding-left: 22px;color: #333;font-size: 18px;position: relative;cursor: pointer;}
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label:before,
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label:after { content: ''; display: block; box-sizing: border-box; position: absolute; top: -1px; bottom: 0; margin: auto; } 
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label:before {border-radius: 2px;width: 15px;height: 15px;border: 1px solid #d1d1d1;border-radius: 2px;background: #fff;left: 0;}
#bo_w form > ul > li.agree-cont input[type="checkbox"] + label:after { border: 2px solid #fff; border-top: 0; border-right: 0; width: 10px; height: 6px; transform: rotate(-45deg); margin: 3px 0 0 3px; opacity: 0; top: -4px; left: 2px; margin: auto; }
#bo_w form > ul > li.agree-cont input[type="checkbox"]:checked + label:before { background: var(--color-main); }
#bo_w form > ul > li.agree-cont input[type="checkbox"]:checked + label:after { opacity: 1; transition: .35s linear; }
#bo_w form > .btn-submit {display: block;max-width: 200px;width: 100%;margin: 0 auto;padding: 15px 20px;border-radius: 30px;background: var(--color-main);color: #fff;font-weight: 600;text-align: center;transition: .35s;}
#bo_w form > .btn-submit:hover,
#bo_w form > .btn-submit:focus {filter: grayscale(.4);}




@media all and (max-width: 1399px){
	#bo_w {margin: 0 20px;}
	#bo_w form > ul {gap: 0 50px;}
	#bo_w form > ul > li.col2 {width: calc(50% - 25px);}
	#bo_w form > ul > li > label {width: 120px;}
	#bo_w form > ul > li > div {width: calc(100% - 120px);}
}
@media all and (max-width: 1199px){
	#bo_w form > ul {gap: 0 20px;}
	#bo_w form > ul > li.col2 {width: calc(50% - 10px);}
}
@media all and (max-width: 1024px){
	#bo_w form > ul {gap: 0 20px;}
	#bo_w form > ul > li {margin-bottom: 18px;}
	#bo_w form > ul > li.col2 {width: 100%;}
}
@media all and (max-width: 768px){
	#bo_w form > .ntc-txt {font-size: 1.0em;}
	#bo_w form > ul > li > label {font-size: 18px;}
	#bo_w form > ul > li > div > label {font-size: 18px;}
}
@media all and (max-width: 640px){
	#bo_w {margin: 0;}
	
	#bo_w form > ul > li {flex-direction: column;gap: 10px 0;}
	#bo_w form > ul > li > label::after {display: none;}
	#bo_w form > ul > li > div {width: 100%;padding: 0;}
	#bo_w form > ul > li > div:has(textarea) > textarea {height: 200px;}
	#bo_w form > ul > li:has(textarea) > label,
	#bo_w form > ul > li.agree-cont > label {margin-bottom: 0;}
	#bo_w form > ul > li.agree-cont input[type="checkbox"] + label {font-size: 16px;}
}

@media all and (max-width: 480px){
	#bo_w form > ul > li > div.file_wrap .custom-file-label::after {padding: 4px 24px;}
}