@charset "utf-8";
#customer_tail{display: none;}




/* view */
#bo_v header{}
#bo_v #bo_v_info{width:100%;max-width:1320px;margin: 0 auto; border-bottom: 1px solid #ddd;}
#bo_v #bo_v_info a{}
#bo_v h1#bo_v_title{font-size: var(--font24); padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid var(--color); word-break: break-all; line-height: 1.4;}
#bo_v #bo_v_con{width:100%;max-width:1320px;margin: 0 auto;padding: 20px 0;border-radius: 5px;margin-top: 20px; overflow: hidden; word-break: break-all; word-wrap: break-word;}
#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(--font20); font-weight: bold;width: 100px;}
#bo_v #bo_v_con ul li span{font-size: var(--font20); color: var(--color);width: calc(100% - 100px);display: block; word-break: break-all;}
#bo_v #bo_v_con img{max-width: 100%;}
.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;}
#bo_v_data{margin-top: 50px;}
#bo_v_data li.prev_list,
#bo_v_data li.next_list{padding: 10px; gap: 10px; align-items: center; color: #787878;}
#bo_v_data li.prev_list .prev_tit{width: 50px;}
#bo_v_data li.prev_list .prev_txt {overflow: hidden; width:calc(100% - 50px);}
#bo_v_data li.prev_list .prev_txt .alink{width: 95%;}
#bo_v_data li.prev_list .prev_txt .alink a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%;}
#bo_v_data li.next_list .next_tit{width: 50px;}
#bo_v_data li.prev_list .next_txt {overflow: hidden; width:calc(100% - 50px);}
#bo_v_data li.prev_list .next_txt .alink{width: 95%;}
#bo_v_data li.prev_list .next_txt .alink a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%;}
#bo_v_data li.prev_list div:hover a,
#bo_v_data li.next_list div:hover a{color: var(--color);}
#bo_v_data li.prev_list div i,
#bo_v_data li.next_list div i{color: #787878;}





/* lisr */
#bo_list_wrap form{width:100%;max-width:1320px;margin: 0 auto;}
#bo_list_wrap form #bo_list{border-bottom: 3px solid var(--color);}
#bo_list_wrap form #bo_list .list_head{font-weight: bold;font-size: var(--font18);color: var(--color);font-weight: 100;}
#bo_list_wrap form #bo_list .list_head a{color: var(--color) !important}
#bo_list_wrap form #bo_list .list_con{font-size: var(--font24);}
#bo_list_wrap form #bo_list .list_head li{height: 50px; border-bottom: 3px solid var(--color);}
#bo_list_wrap form #bo_list .list_con li{border-top: 1px solid #E9E9E9;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,
#bo_list_wrap form #bo_list .list_head li p a{width: 50px;font-size: var(--font18); font-weight: 500;}
#bo_list_wrap form #bo_list .list_head li p.date{width:150px;}
#bo_list_wrap form #bo_list .list_head li p.download,
#bo_list_wrap form #bo_list .list_head li p.target{width:150px;}
#bo_list_wrap form #bo_list .list_con li p{font-size: var(--font18); font-weight: 500;color: #000;}
#bo_list_wrap form #bo_list .list_con li p.num{width: 50px;}
#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% - 200px);display: flex; align-items: center; padding: 0 10px;}
#bo_list_wrap form #bo_list .list_con li .subject_wrap p.name{font-size: var(--font24); font-weight: 500; color: #000; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap p{display: block;width: 100%;}
#bo_list_wrap form #bo_list .list_con li span{width: 150px;font-size: var(--font18);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 p.edit {width: auto !important; margin-right: 10px; cursor: pointer;font-size: var(--font16) !important;background: var(--color);border-radius: 5px;padding: 5px 10px;color: #fff !important;}
#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: 100px auto 50px !important;}
#bo_search{}
#bo_search>.alert{padding: 0 !important;margin: 0 !important;}
@media all and (max-width:1024px){
	#bo_list_wrap form #bo_list .list_con li{height: auto; padding: 20px 10px;}
	#bo_list_wrap form #bo_list .list_head li p.date,
	#bo_list_wrap form #bo_list .list_con li span{width: 150px;}
}
@media all and (max-width:800px){
	#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% - 50px) !important;}
	#bo_list_wrap form #bo_list .list_head li p.date,
	#bo_list_wrap form #bo_list .list_con li span{display: none;}
	#bo_list_wrap form #bo_list .list_head li p.download,
	#bo_list_wrap form #bo_list .list_head li p.target{width: 100px;}
}
@media all and (max-width:600px){	
	#bo_list_wrap form #bo_list .list_con li .file-links div a p{display: block !important;}
	#bo_list_wrap form #bo_list .list_head li .subject_wrap, 
	#bo_list_wrap form #bo_list .list_con li .subject_wrap{width:100%; min-width: 150px;}
	#bo_list_wrap form #bo_list .list_head li p.download,
	#bo_list_wrap form #bo_list .list_head li p.target{width: 70px;}
}



/* 검색창 */
.bo_sch_wrap {width:100%;height:100%;z-index:999;}
#bo_list_wrap form#fsearch {text-align:left;width:450px;margin: 0 auto; max-height:300px;overflow-y:auto;border-radius:0;}
#bo_list_wrap form#fsearch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
#bo_list_wrap form#fsearch legend {background:red}
#bo_list_wrap form#fsearch form {display:block}
#bo_list_wrap form#fsearch select {float:left;margin-right:13px; border:0;width:150px;height:45px;border:1px solid #E6E6E6;border-radius:0;padding: 0 5px; color: #C5C5C5; font-weight: 300; font-size: var(--font18);-webkit-appearance: none;-moz-appearance: none; appearance: none; background: url('/img/sch_arrow.svg') no-repeat 98% 50%;}
#bo_list_wrap form#fsearch select:focus{border: 1px solid var(--color) !important; outline: none !important; box-shadow: none !important;color: #000; border-radius:0;}
#bo_list_wrap form#fsearch select option{color: #000;}
#bo_list_wrap form#fsearch .sch_bar {display:inline-block;width:calc(100% - 165px);float:left;border-radius:0;}
#bo_list_wrap form#fsearch .sch_input {width:calc(100% - 45px);height:45px;padding:0 10px;background-color:transparent;float:left;border:1px solid #E6E6E6;font-size: var(--font18);color: #000;font-weight: 400; border-radius: 0 !important;}
#bo_list_wrap form#fsearch .sch_input:focus{border:1px solid var(--color) !important; outline: none !important;} 
#bo_list_wrap form#fsearch .sch_input::placeholder{color: #C5C5C5;}
#bo_list_wrap form#fsearch .sch_btn {height:45px;float:right;color:#fff;background:var(--color);width:45px;font-size:15px; border:1px solid var(--color1);border-radius: 0;}
#bo_list_wrap form#fsearch .sch_btn:hover{background: var(--color) !important; border-color: var(--color) !important;}
#bo_list_wrap form#fsearch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
@media all and (max-width:768px){
	#bo_list_wrap form#fsearch {width: 70%;}
	#bo_list_wrap form#fsearch select{width: 120px;}
	#bo_list_wrap form#fsearch .sch_bar{width: calc(100% - 135px);}
}
@media all and (max-width:600px){
	#bo_list_wrap form#fsearch {width: 100%;}
}
@media all and (max-width:420px){
	#bo_list_wrap form#fsearch select{width: 100px;}
	#bo_list_wrap form#fsearch .sch_bar{width: calc(100% - 115px);}
}

#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 */
.col{padding: 0;}
#bo_w .sub_title{text-align: center; width: 100%;}
#bo_w .sub_title p{margin: 0; font-size: var(--font20); color: #7a7a7a; font-weight: 400; display: inline-block; line-height: 1.4;}
#bo_w .sub_title span{padding-left: 15px; font-size: var(--font20); color: #7a7a7a; font-weight: 400; display: inline;position: relative;}
#bo_w .sub_title span::before{content: '·'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 30px;}
#bo_w .downbtn {text-align: right; display: block; margin-bottom: 40px;}
#bo_w .downbtn a{text-align:center;color: #fff; font-size: var(--font20); height: 45px; padding: 0 15px; background: var(--color); border-radius: 10px; display: inline-block; transition: all .1s ease-in;}
#bo_w .downbtn a p{display: flex; justify-content: center; align-items: center; gap: 10px; height: 100%;}
#bo_w .downbtn a:hover,
#bo_w .downbtn a:active{background: var(--color);}
#bo_w form{width:100%;max-width:1320px;margin: 0 auto;}
#bo_w form>ul{}
#bo_w form>ul li{width:100%;display: flex;flex-direction:column;justify-content: space-between;align-items: start; gap: 10px;}
.form-group{padding-left: 15px;}
#bo_w form>ul li label{display: flex;align-items: center;font-size:var(--font20);color:#000;font-weight:500;margin-bottom:0;}
#bo_w form>ul li label span{color:var(--color);font-weight:500;padding-left: 5px;}
#bo_w form>ul li>div{width: 100%;padding-left: 0;}
#bo_w form>ul li input{width:100%;height: 50px;line-height: 48px;border: 1px solid #E9E9E9;padding: 0 10px;font-size:var(--font20);font-weight:500;color: #000;transition: 0.3s;border-radius: 5px;}
#bo_w form>ul li input::placeholder{color: #9F9F9F; font-weight: 400;}
#bo_w form>ul li input:active,
#bo_w form>ul li input:focus{outline: none; border: 1px solid var(--color) !important;}
#bo_w form>ul>li input[type='number']::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#bo_w form>ul li select{height: 50px; font-size: var(--font20); cursor: pointer; color: #000; padding:10px; border: 1px solid #E9E9E9; border-radius: 5px; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
#bo_w form>ul li select:focus{outline: none; border: 1px solid var(--color) !important;}
#bo_w form>ul li select.select_c{background: url('/img/select_arrow.svg') no-repeat 97% 50% #fff;}
.list-group-item{border-left: 0; border-right: 0;}

#bo_w form .txtBox{margin: 20px 0;}
#bo_w form .txtBox label{display: flex;align-items: center;font-size:var(--font20);color:#000;font-weight:500;margin-bottom:10px;}
#bo_w form .txtBox label span{color:var(--color);font-weight:500;padding-left: 5px;}
#bo_w form .txtBox textarea{width: 100%; height: 180px !important; padding: 15px 10px; font-size: var(--font20); color:#000; font-weight: 400; border: 1px solid #E9E9E9 !important;}
#bo_w form .txtBox textarea:focus{outline: none; border: 1px solid var(--color) !important; box-shadow: none !important;}
#bo_w form .txtBox textarea::placeholder{color: #9F9F9F;}

#bo_w form .download{background: transparent; border: 0; padding: 0;}
#bo_w form .download .form-group{flex-direction: column; margin: 0; gap: 10px;}
#bo_w form .download .form-group .col{padding: 0;}
#bo_w form .download .col-form-label{padding: 0;font-size:var(--font20);color:#000;font-weight:500;max-width: 100%;}
#bo_w form .download .col-form-label span{color:var(--color1);font-weight:500;padding-left: 5px;}
#bo_w form .download .custom-file{height: 50px;position: relative;}
#bo_w form .download .custom-file::after{content:'파일 업로드'; position: absolute; top: 0; right: 0; font-size: var(--font20); font-weight: 400; border-radius: 5px; background: var(--color); color: #fff; width: 120px; height: 50px;line-height: 50px; padding: 0 10px; text-align: center;}
#bo_w form .download .custom-file-input{height: 50px; cursor: pointer;}
#bo_w form .download .custom-file-input:focus~.custom-file-label{box-shadow: none; border:none !important; outline: none !important;}
#bo_w form .download .custom-file-label{height: 50px; line-height: 50px; padding: 0 10px; font-size: var(--font20); color: #9F9F9F; font-weight: 400; cursor: pointer; border: 1px solid #E9E9E9; margin-bottom: 0; width: calc(100% - 130px);}
#bo_w form .download .custom-file-label::after{display: none;}


#bo_w form .agreeBox{display: flex;justify-content: start;align-items: center; margin-top:20px;}
#bo_w form .agreeBox label{color: #000;font-size:var(--font16);margin: 0;}
#bo_w form .agreeBox 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 .agreeBox input[type="checkbox"] + label {display: inline-block;position: relative;padding-left: 26px;cursor: pointer;}
#bo_w form .agreeBox input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 2px;width: 15px;height: 15px;text-align: center;background: #fff;box-sizing: border-box;border-radius: 2px;border: 1px solid #ddd;}
#bo_w form .agreeBox input[type="checkbox"]:checked + label:after {content: "";position: absolute;top: 2px;left: 0;width: 15px;height: 15px;line-height: 19px;background: url('/img/check_on.svg')no-repeat;background-position: center center;border-radius: 2px;}
#bo_w form .agreeBox input[type="checkbox"] + label span {line-height: 15px; letter-spacing: -1px;color: #000;font-weight:400;font-size:var(--font16);}
#bo_w form>button{width: 100%;text-align: center;display: block;font-size: var(--font28);font-weight: 500;color: #fff;background:var(--color) !important;border-radius: 5px;height: 70px;margin-top: 80px;}
#bo_w form>button:hover{background: var(--color) !important;}
.sub_title{width:100%;max-width:1320px;margin: 0 auto; padding: 200px 0 100px;}
.sub_title p{width: fit-content; margin: 0 auto 50px; color: #fff; font-size: var(--font20); border-radius: 80px;}
.sub_title b{display: block;width: 100%;text-align: center;font-size: var(--font50);}
.sub_title span{display: block;width: 100%;text-align: center;font-size: var(--font24);margin-top: 10px;}

#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(--font26);text-align: center;font-weight: bold;border-radius: 5px !important;width: calc(50% - 10px);}


@media screen and (max-width:1024px){	
	#bo_w form>button{margin-top: 60px;}
}
@media screen and (max-width:800px){
	#bo_list_wrap .pagination{margin: 50px auto !important;}
	#bo_w form>ul li{padding: 12px 0 !important;}
	#bo_w form>ul li input{height: 45px; line-height: 45px;}
	#bo_w form>ul li select{height: 45px;}
	#bo_w form .download .custom-file,
	#bo_w form .download .custom-file-input,
	#bo_w form .download .custom-file-label{height: 45px; line-height: 45px;}
	#bo_w form .download .custom-file::after{height: 45px; line-height: 45px;}
	#bo_w form .btn_wrap{margin-top:40px; height: 50px;}
	#bo_w form .btn_wrap button, #bo_w form .btn_wrap a{line-height: 50px;}
}
@media screen and (max-width:600px){
	#bo_w form .download .custom-file-label{width: calc(100% - 105px);}
	#bo_w form .download .custom-file-label::placeholder{font-size: 14px;}
	#bo_w form .download .custom-file::after{width: 100px; font-size: 16px;}
}