@charset "utf-8";
/* 동영상 */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.popup_youtube, .popup_imgview{/* cursor: pointer; */}

/* 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_img {margin-top: 50px;}
#bo_v_img a{pointer-events: none;cursor: auto;} */
#bo_v #bo_v_con img {display: inline-block;border-radius: 0 !important;}
#bo_v_data{width: calc(100% - 40px);max-width:100%;margin: 50px auto 0;}
#bo_v_data ul{}
#bo_v_data ul li{}
#bo_v_data ul li>div{display: flex !important; justify-content: space-between; flex-flow: row wrap;}
#bo_v_data ul li>div:first-child{padding: 0 !important; width: 100%; color: #000; font-size: .75em; line-height: 50px;}
#bo_v_data ul li>div:last-child{padding: 0 !important;width: 100%;}
#bo_v_data ul li>div>div{width: 100%; color: #939393}
#bo_v_data ul li>div>div a{color: #939393; font-size: .67em;}
.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;}



/* list */
#bo_list_wrap{margin-bottom: 200px;}
#bo_list_wrap form{width: 100%;max-width: 100%;margin: 0 auto;}
#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: 18px;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; */cursor: pointer;}
#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: 17px 10px;text-align: center;}
/* #bo_list_wrap form #bo_list .list_head p:first-child,
#bo_list_wrap form #bo_list .list_con  p:first-child{width: 120px;font-size: .75em;}
#bo_list_wrap form #bo_list .list_head p:last-child,
#bo_list_wrap form #bo_list .list_con  p:last-child{width: 150px;} */
#bo_list_wrap form #bo_list .list_head p.num,
#bo_list_wrap form #bo_list .list_con  p.num {width: 120px;}
#bo_list_wrap form #bo_list .list_con  p.num {font-size: .75em;}
#bo_list_wrap form #bo_list .list_head p:last-child,
#bo_list_wrap form #bo_list .list_con  p:last-child{width: 150px;}
#bo_list_wrap form #bo_list .list_con li  p.num {font-size: .75em;}
#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% - 270px);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;padding: 0 10px;font-weight: 500;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap p:first-child,
#bo_list_wrap form #bo_list .list_con li .subject_wrap p:first-child {width: 40% !important;!i;!;}
#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;}






/* write */
#bo_w{margin-bottom: 200px;}
#bo_w form{width: calc(100% - 40px);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: 70px;font-size: 18px;}
#bo_w form>ul li > label span{/* color: var(--color5); *//* margin-left: 10px; */display: block;font-weight: normal;padding-left: 0 !important;!i;!;}
#bo_w form>ul li>div{width: calc(100% - 80px);display: flex;align-items: center;flex-flow: row wrap;margin: 0 !important;}
#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 input[type='text']{width: 100%;height: 50px;line-height: 50px;background: #fff;border-radius: 5px;border: 1px solid #D9D9D9;padding: 0 20px;font-size: 20px;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;}

@media screen and (max-width:1199px){
	#bo_v{margin-bottom: 150px;}
	#bo_list_wrap{margin-bottom: 150px;}
	#bo_w{margin-bottom: 150px;}
	#bo_list_wrap form #bo_list .list_head li p.num,
	#bo_list_wrap form #bo_list .list_con li p.num{width: 66px;}
	#bo_list_wrap form #bo_list .list_head li .subject_wrap p, #bo_list_wrap form #bo_list .list_con li .subject_wrap p {width: 100px;font-size: 18px;}
	#bo_list_wrap form #bo_list .list_head p:last-child, 
	#bo_list_wrap form #bo_list .list_con p:last-child,
	#bo_list_wrap form #bo_list .list_con li span {width: 100px;}
	#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% - 166px);}
	#bo_list_wrap form #bo_list .list_con li span.na-notice{width: 66px;}
	#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>ul li>div>label{width: 50%;margin-right: 0;margin-bottom: 10px;}
	#bo_w form>ul li>div>.privacy_label{width: fit-content;margin-bottom: 0;}
}
@media screen and (max-width:600px){
	#bo_list_wrap form #bo_list .list_head p.num,
	#bo_list_wrap form #bo_list .list_con p.num {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%}
}
@media all and (max-width: 480px){
	#bo_list_wrap form #bo_list .list_head li .subject_wrap p, 
	#bo_list_wrap form #bo_list .list_con li .subject_wrap p,
	#bo_list_wrap form #bo_list .list_head p:last-child,
	#bo_list_wrap form #bo_list .list_con li span {font-size: 16px;}
	#bo_btn_top>div>div {display: flex;flex-wrap: wrap;}
	#bo_btn_top>div>div> * {width: 100%;margin: 5px 0;}
}