@charset "utf-8";

#bo_list_total{padding-left:25px}
#bo thead .col1{display:block;border-left:0}
#bo tbody th, #bo tbody td,.tbl_head02 tbody th,.tbl_head02 tbody td{border-bottom:0;background:transparent}
#bo tbody tr:hover th,#bo tbody tr:focus th,#bo tbody tr:hover td,#bo tbody tr:focus td{background:transparent}
#bo tbody tr:hover{border-left:2px solid transparent}
.tbl_head02 tbody th, .tbl_head02 tbody td{border-left:0}
#bo tr.disable{background-color:#fafafa;color:#777}
#bo tr.disable a{text-decoration:none}
#bo tr.disable .bo_cate span{background-color:#ccc}
#bo tr.disable .bo_tit a{font-weight:normal;color:#777 !important;text-decoration:none}
#bo tr.disable .btn_b01{border-color:#ddd;background-color:#f7f7f7;color:#777}
#bo tr.active td,#bo tr.active a{color:#000}
#bo tbody tr{display:block;position:relative;height:180px;padding-left:40px}
@media screen and (min-width:480px){
	#bo tbody tr{height:140px}
}
@media screen and (min-width:620px){
	#bo tbody tr{height:130px}
}
@media screen and (min-width:767px){
	#bo tbody tr{border-left:2px solid transparent}
	#bo tbody tr:hover{border-left:2px solid #253dbe}
	#bo tbody .even,#bo tbody .even td{background-color:#fbfbfb}
	#bo table{display:block;width:100%}
	#bo thead tr{height:0}
	#bo thead th,#bo thead td{display:none}
	#bo tbody{display:block;width:100%}
	#bo tr{display:block;position:relative;width:100%;height:120px}
	#bo th,#bo td{display:inline-block;height:auto;border-bottom:0}
	#bo tbody th,#bo tbody th a,#bo tbody td,#bo tbody td a{color:#707070}
	#bo thead th,#bo thead th a{font-size:1rem !important;color:#000 !important;text-align:center !important}
	#bo th, #bo td,.tbl_head02 tbody th,.tbl_head02 tbody td{padding:8px 0;border-bottom:0}
	#bo tbody tr:hover{border-left:2px solid transparent}
}
@media screen and (min-width:1000px){
	#bo_list_total{padding-left:0}
	.tbl_head02 tbody th, .tbl_head02 tbody td,#bo tbody td{border-left:1px solid #dfdfdf}
	#bo thead{display:revert}
	#bo tbody .even,#bo tbody .even td{background:transparent}
	#bo table,#bo thead,#bo tbody,#bo tr,#bo th,#bo td{display:revert;height:revert}
	#bo th,#bo td{height:50px;border-bottom:0}
	#bo tbody tr:hover td{background-color:#fafafa}
	#bo thead th{text-align:center}
	#bo thead tr{height:revert}
	#bo thead th,#bo thead td{display:revert}
	#bo tbody i{display:none}
	#bo tbody .td_subject i{display:inline-block}
	#bo tbody .td_subject i{margin-right:0}
	#bo tbody tr{display:revert;height:revert;padding-left:0}
	#bo tbody tr:hover th,#bo tbody tr:focus th,#bo tbody tr:hover td,#bo tbody tr:focus td{background:transparent}
}

#bo .col1{position:absolute;top:28px;left:0;width:40px;text-align:center;background:transparent}
#bo thead .col1{display:block;z-index:2;top:-35px;width:17px;height:17px;padding:0}
#bo .col2{position:absolute;top:0;left:0;width:40px;padding:16px 5px 0;font-size:13px;text-align:center}
#bo .col3{display:block;padding:15px 5px 10px 0;width:calc(100% - 40px);text-align:left}
#bo .col4{display:block;padding:0 5px 5px 0;font-size:13px}
#bo .col5{display:block;float:left;padding:0 5px 5px 0;font-size:13px}
#bo .col6{display:block;float:left;padding:0 5px 5px 0;font-size:13px}
#bo .col7{clear:both;display:block;float:left;padding:5px 5px 5px 0;font-size:13px}
#bo .col8{display:block;float:left;padding:5px 5px 5px;font-size:13px}
#bo .bo_cate{display:block;margin-left:-10px;vertical-align:middle}
#bo .bo_cate span{display:inline-block;padding:5px;background-color:#aaa;border-radius:5px;font-size:12px;color:#fff;line-height:1}
#bo .bo_tit{display:block;width:100%;margin-top:10px;margin-left:-10px;vertical-align:middle}
#bo tbody .col4{display:block}
#bo tbody .col4_1,#bo tbody .col4_2{display:block}
#bo tbody .col5_1,#bo tbody .col5_2{display:inline-block}
#bo tbody .col4_1:before{content:"교육기간 :";display:inline-block;margin:0 5px 0 0}
#bo tbody .col4_2:before{content:"접수기간 :";clear:both;display:inline-block;margin:0 5px 0 0}
#bo tbody .col5_1:before{content:"모집 :";display:inline-block;margin:0 5px 0 0}
#bo tbody .col5_2:before{content:"접수 :";display:inline-block;margin:0 5px 0 5px}
#bo tbody .col6:before{content:"수강료 :";display:inline-block;margin:0 5px 0 0}
#bo .tbl_head02 tbody .btn{min-width:60px}
#bo thead .col1 span{display:block !important}
#bo thead .col2,#bo thead .col3,#bo thead .col4,#bo thead .col5,#bo thead .col6,#bo thead .col7,#bo thead .col8{display:none}
@media screen and (min-width:480px){
	#bo .col7{position:absolute;top:15px;right:0;padding:0 5px 5px}
	#bo .col8{position:absolute;top:45px;right:0;padding:0 5px 5px}
}
@media screen and (min-width:620px){
	#bo tbody .col4_1,#bo tbody .col4_2{display:inline-block}
}
@media screen and (min-width:767px){
	#bo .col7{position:absolute;top:10px}
	#bo .col8{position:absolute;top:65px}
}
@media screen and (min-width:1000px){
	#bo thead .col1,#bo thead .col2,#bo thead .col3,#bo thead .col4,#bo thead .col5,#bo thead .col6,#bo thead .col7,#bo thead .col8{display:revert}
	#bo .col1{position:revert;top:revert;left:revert;width:40px;padding:0 5px}
	#bo thead .col1{display:revert;z-index:revert;top:revert;width:40px;height:revert;padding:0 5px;background-color:#fafafa}
	#bo .col2{position:revert;top:revert;left:revert;width:80px;padding-top:0;padding:10px 5px;font-size:15px}
	#bo .col3{display:revert;width:auto;padding:10px 5px}
	#bo .col4{display:revert;width:220px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col5{display:revert;float:none;width:80px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col6{display:revert;float:none;width:130px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col7{display:revert;float:none;position:revert;top:revert;right:revert;width:80px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col8{display:revert;float:none;position:revert;top:revert;right:revert;width:80px;padding:10px 5px;font-size:15px;text-align:center}
	#bo tbody .col1,#bo tbody .col2,#bo tbody .col3,#bo tbody .col6,#bo tbody .col7,#bo tbody .col8{height:100px}
	#bo tbody .col4,#bo tbody .col5{display:revert;padding:0}
	#bo tbody .col4_1,#bo tbody .col4_2{display:block;height:50px;line-height:50px}
	#bo tbody .col5_1,#bo tbody .col5_2{display:block;height:50px;line-height:50px}
	#bo tbody .col4_1,#bo tbody .col5_1{border-bottom:1px dashed #dfdfdf}
	#bo thead span{display:none}
	#bo .bo_cate{display:block;margin-right:0;margin-bottom:10px;margin-left:0}
	#bo .bo_cate span{font-size:14px}
	#bo .bo_tit{display:block;margin-left:0}
	#bo tbody .col4_1:before,
	#bo tbody .col4_2:before,
	#bo tbody .col5_1:before,
	#bo tbody .col5_2:before,
	#bo tbody .col6:before{display:none}
}
@media screen and (min-width:1400px){
	#bo thead span{display:inline-block}
	#bo .col5{width:100px}
	#bo .col7{width:100px}
	#bo .col8{width:100px}
}

#bo_w .write_div2 .input_date{max-width:150px;width:calc(50% - 9px);float:none}
#bo_w .write_div2 .input_number{max-width:150px;width:calc(50% - 9px);float:none}
#bo_w .write_div2 span{padding:0 5px;color:#777}
@media screen and (min-width:767px){
	#bo_w .write_div2 span{padding:0 10px}
	#bo_w .write_div2 .input_date{float:left;margin-right:0}
	#bo_w .write_div2 .input_number{float:left;margin-right:0}
}

#bo_v_atc{padding-top:20px}
#bo_v_head{display:block;width:100%}
#bo_v_head:after{content:" ";display:block;clear:both}
#bo_v_head div.head-item{}
#bo_v_img_wrap{width:100%}
#bo_v_img_wrap .bx-wrapper{border:0;box-shadow:0 0 0 transparent}
#bo_v_img a.view_image{display:block;width:100%;margin:0;padding:0}
#bo_v_img img{/*width:100%;*/width:auto !important;margin-bottom:0;margin:0 auto}
#bo_v_title{border-bottom:1px solid #e5e5e5}
#bo_v_title .bo_v_cate{margin-bottom:10px;padding:5px 10px;text-align:left}
#bo_v_title_wrap{display:flex;flex-wrap:wrap;width:100%}
#bo_v_title_wrap h2{margin:0 0 20px;padding-bottom:20px}
#bo_v_title_wrap .bo_v_div{position:relative;width:50%;padding-left:15px}
#bo_v_title_wrap .bo_v_div:before{content:"";display:inline-block;position:absolute;top:16px;left:0;width:4px;height:4px;background-color:#006940}
#bo_v_title_wrap .bo_v_div .tit{display:inline-block;width:75px;color:#006940}
#bo_v_title_wrap .bo_v_div5 .tit{letter-spacing:.6rem}
@media screen and (min-width:767px){
	#bo_v_atc{padding-top:30px}
	#bo_v_head h2{margin:0 0 30px;padding-bottom:30px}
	#bo_v_title .bo_v_cate{margin-bottom:20px}
}
@media screen and (min-width:1000px){
	#bo_v_atc{padding-top:2rem}
	#bo_v_head h2{margin:0 0 3rem;padding-bottom:3rem}
	#bo_v_title .bo_v_cate{margin-bottom:30px}
}