@charset "utf-8";

/* list */
#bo_search{}
#bo_search form{display: flex;justify-content: flex-end;}
#bo_search form .input_wrap{width: 100%;max-width: 300px;display: flex;align-items: center;}
#bo_search form .input_wrap input{width: calc(100% - 47px); height: 47px; line-height: 45px; border-radius: 0; border-color: #E6E6E6; box-shadow: unset; outline: unset;}
#bo_search form .input_wrap button{width: 47px; height: 47px; border-radius: 0; display: block; background: #006241; color: #fff;}
#bo_search form .input_wrap button i{font-size: var(--font-16) !important;}
.pagination{margin-top: 80px;}
.pagination li.page-first,
.pagination li.page-last{display: none;}
.pagination li.page-item{}
.pagination li.page-item a.page-link{background-color: unset !important; border: unset !important; color: #7E7E7E !important; font-size: var(--font-18) !important; padding: 0; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.pagination li.page-item.active a.page-link{color: #006241 !important;}
#bo_list{}
#bo_list .list_head{display: flex;justify-content: space-between;align-items: center;border-top: 3px solid #252D32;border-bottom: 1px solid #C2C2C2;margin-top: 30px;}
#bo_list .list_head p{font-size: var(--font-24);color: #000;font-weight: 600;text-align: center;line-height: calc(var(--font-60) + 28px);}
#bo_list .list_head p:nth-child(1){width: 14%;position: relative;top: 0;left: 0;}
#bo_list .list_head p:nth-child(2){width: 72%;}
#bo_list .list_head p:nth-child(3){width: 14%;}
#bo_list .list_head p label{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#bo_list .list_head p label input{}
#bo_list .list_con{}
#bo_list .list_con li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #C2C2C2;cursor: pointer;}
#bo_list .list_con li>.check_wrap{width: 14%;position: relative; top: 0; left: 0;}
#bo_list .list_con li>.check_wrap input{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#bo_list .list_con li>.check_wrap p{width: 100%;text-align: center;font-size: var(--font-24);line-height: calc(var(--font-60) + 28px);font-weight: 600;}
#bo_list .list_con li.notice_li>.check_wrap p{padding: 0 20px;}
#bo_list .list_con li>p{width: 72%;font-size: var(--font-24);line-height: calc(var(--font-60) + 28px);font-weight: 600;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_list .list_con li>span{width: 14%;text-align: center;font-size: var(--font-24);color: #7a7a7a;line-height: calc(var(--font-60) + 28px);font-weight: 600;}
span.na-notice{height: calc(var(--font-60) + 28px) !important;width: 100% !important;max-width: 90px !important;min-width: unset !important;background-position: center !important;background-size: contain !important;}
@media screen and (max-width:800px){
	#bo_list .list_con li>span{font-size: var(--font-20);}
}
@media screen and (max-width:700px){
	#bo_list .list_head p:nth-child(1){display: none;}
	#bo_list .list_head p:nth-child(2){width: calc(100% - 100px);}
	#bo_list .list_head p:nth-child(3){width: 100px;}
	#bo_list .list_con li>.check_wrap{display: none;}
	#bo_list .list_con li>p{width: calc(100% - 90px);font-size: var(--font-18);}
	#bo_list .list_con li>span{width: 90px;font-size: var(--font-14);}
}





/* write */
#bo_w>b{color:#006241;font-size: var(--font-30);display: block;text-align: center;}
#bo_w>P{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;}
.call{display: flex;justify-content: space-between;align-items: center;background: #F5F5F5;border-radius: 20px;padding: 70px;margin-top: 80px;margin-bottom: 200px;}
.call li{}
.call li:nth-child(1){width: 45%;padding-right: 20px;border-right: 1px solid #C5C5C5;padding: 15px 0;}
.call li:nth-child(2){width: 55%;padding-left: 60px;}
.call li img{height: 50px;}
.call li>b{font-size: var(--font-40);line-height:var(--font-40); display: flex;align-items: flex-start;margin-bottom: 40px;}
.call li>b span{padding-left: 10px;}
.call li>p{font-size: var(--font-30);line-height: calc(var(--font-30) + 5px); font-weight: 500;margin-bottom: 15px;}
.call li>span{font-size: var(--font-24);line-height: calc(var(--font-24) + 5px);}
.call li:nth-child(2) p{padding-left: 20px;position: relative;top: 0;left: 0;}
.call li:nth-child(2) p:last-child{margin-bottom: 0;}
.call li:nth-child(2) p::after{content: ""; position: absolute; top: calc(var(--font-30) / 1.8); left: 0; width: 5px; height: 5px; border-radius: 3px; display: block; background: #000;}


#bo_w form{background: #F5F5F5;border-radius: 20px;padding: 100px 200px;margin-top: 80px;}
#bo_w form .write_wrap2{display: flex;align-items: center;flex-flow: row wrap;column-gap: 30px;row-gap: 30px;}
#bo_w form .write_wrap2 .write_list{width: calc(50% - 15px);}
#bo_w form .write_wrap2 .write_list.list_100{width: 100%;}
#bo_w form .write_wrap2 .write_list>label{font-size: var(--font-24);margin-bottom: 0;line-height: 47px;font-weight: 500;}
#bo_w form .write_wrap2 .write_list>label span{color: #006241;}
#bo_w form .write_wrap2 .write_list>div{width: 100%;max-width: unset ; flex: unset;}
#bo_w form .write_wrap2 .write_list>div.option{height: 47px;display: flex;align-items: center;}
#bo_w form .write_wrap2 .write_list>div input[type="text"],
#bo_w form .write_wrap2 .write_list>div input[type="number"]{font-size: var(--font-18); height: 47px; line-height: 45px; border: 1px solid #E6E6E6; box-shadow: unset; outline: unset; width: 100%; border-radius: 5px; padding: 0 10px;}
#bo_w form .write_wrap2 .write_list>div input[type="number"]::-webkit-inner-spin-button {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
#bo_w form .write_wrap2 .write_list>div input::placeholder{color: #9F9F9F !important;}
#bo_w form .write_wrap2 .write_list>div textarea{font-size: var(--font-18); border: 1px solid #E6E6E6; box-shadow: unset; outline: unset; width: 100%; border-radius: 5px; padding: 10px;height: 150px;resize: none;}
#bo_w form .write_wrap2 .write_list .radio_wrap{display: flex;align-items: center;gap: 40px;}
#bo_w form .write_wrap2 .write_list .radio_wrap>div{position: relative;top: 0;left: 0;}
#bo_w form .write_wrap2 .write_list .radio_wrap>div input[type="radio"]{position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0;}
#bo_w form .write_wrap2 .write_list .radio_wrap>div>label{display: flex;align-items: center;cursor: pointer;padding: 0;margin: 0;height: fit-content;line-height: 47px;}
#bo_w form .write_wrap2 .write_list .radio_wrap>div>label span{position: relative; top: 0; left: 0; width: 20px; height: 20px; display: block; background: #fff; border: 1px solid #E9E9E9; border-radius: 30px;}
#bo_w form .write_wrap2 .write_list .radio_wrap>div>label b{margin-left: 10px;color: #000;font-size: var(--font-20);font-weight: 400;}
#bo_w form .write_wrap2 .write_list .radio_wrap>div input[type="radio"]:checked + label span::after{content:""; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #006241;width: 10px;height: 10px;border-radius: 10px;}
#bo_w form .write_wrap2 .write_list .check_wrap{position: relative;top: 0;left: 0;}
#bo_w form .write_wrap2 .write_list .check_wrap input[type="checkbox"]{position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0;}
#bo_w form .write_wrap2 .write_list .check_wrap label{float: right; display: flex;align-items: center;cursor: pointer;padding: 0;margin: 0;height: fit-content;line-height: 47px;width: fit-content;}
#bo_w form .write_wrap2 .write_list .check_wrap label span{position: relative; top: 0; left: 0; width: 15px; height: 15px; display: block; background: #fff; border: 1px solid #E9E9E9; border-radius: 2px;}
#bo_w form .write_wrap2 .write_list .check_wrap label b{margin-left: 10px;color: #000;font-size: var(--font-18);font-weight: 400;}
#bo_w form .write_wrap2 .write_list .check_wrap input[type="checkbox"]:checked + label span::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #006241; background-image: url(/../../img/check_icon.png); border-radius: 3px; background-repeat: no-repeat; background-size: 80%; background-position: center; width: 100%; height: 100%;}
#bo_w form .btn_wrap button{width: 100% !important;    height: 77px !important;line-height: 75px !important;font-size: var(--font-30) !important;}
@media screen and (max-width:1500px){
	#bo_w form{padding: 100px 50px;}
}

@media screen and (max-width:1000px){
	#bo_w>P{line-height: calc(var(--font-60) + 10px);}
	.call{flex-flow: column;row-gap: 30px;padding: 30px;}
	.call li>p{margin-bottom: 10px;}
	.call li:nth-child(1){width: 100%;padding-right: 0px;border-right:unset; border-bottom: 1px solid #C5C5C5;padding: 0 0 30px;}
	.call li:nth-child(2){width: 100%;padding-left: 0px;}
	.call li:nth-child(2) p{font-size: var(--font-24);line-height: calc(var(--font-24) + 5px);padding-left: 15px;}
	.call li:nth-child(2) p::after{top: calc(var(--font-24) / 1.8);width: 4px;height: 4px;}
	#bo_w form{padding: 50px 20px;}
}
@media screen and (max-width:500px){
	.call{margin-top: 50px;margin-bottom: 150px;}
	#bo_w form{margin-top: 50px;}
	#bo_w form .write_wrap2{row-gap: 20px;}
	#bo_w form .write_wrap2 .write_list{width: 100%;}
    #bo_w form .btn_wrap{margin-top: 0 !important;}
	#bo_w form .btn_wrap button{height: 60px !important; line-height: 58px !important;}
}