input:not(:focus) + .callout {
    transform: scale(0);
    animation-timing-function: ease;
}


td {
	vertical-align:middle;
}


.callout {
    display: block;
    padding:8px 15px;
    background-color: #fff;
    border: 1px solid green;
    border-radius: 8px;
    transition: .5s transform cubic-bezier(.68,.29,.55,1.65);
    transform-origin: 1.4em -.4em;
}

.btn_program {
    padding: 8px 18px;
    border-radius: 4px;
    border: 1px solid green;
    background-color:#fff;
}

.btn {
    border: 1px solid green;
    background-color:#fff;
    transition: all 0.5s;
}

.btn:hover {
    border: 1px solid green;
    color:#fff;
    background: #3372e6;
}


a#program_add.btn_program:disabled {
    border: 1px solid gray;
}

.bo_v_left li {
    float: left;
    padding-right: 5px
}

.write_div {
    padding: 15px;
}

.sound_only {
    display: inline-flex;
}


.tbl_wrap {width:100%;}

.program_tit { display:inline-flex; width:100%; justify-content: space-between; list-style-type: none; 
	font-weight: 500;  font-size:1.3rem; }
.program_tit .tsp {font-size:1.1rem; }

@media all and (max-width: 992px) { 
	.program_tit { font-size:1.2rem; }
	.program_tit > div { }
	.program_tit .tsp { font-size:1rem;  }
}


.tr_row.hand{cursor:pointer;}
.tr_row:hover { background-color: #f4f4f4;}
.tr_row {text-align: center;}
.tr_row .left{text-align: left;}
.tr_row > .t_num {width:50px;}
.tr_row > .t_chk {width:10px;}
.tr_row > .t_subject { }
.tr_row > .t_dt{ width:120px;}
.tr_row > .t_loc {width:18%;}
.tr_row > .t_class {width:15%;}
.tr_row > .t_cnt {width:9%;}

.tr_row td.t_num {width:50px; font-weight: 500; color:#222; font-size:1.1rem; }
.tr_row td.t_chk {width:10px; font-weight: 500; color:#222; font-size:1.1rem; }
.tr_row td.t_subject { font-weight: 500;  color:#222; font-size:1.2rem; }
.tr_row td.t_dt{ width:120px; font-weight: 500; color:#222; font-size:1.1rem; }
.tr_row td.t_loc {width:20%; font-weight: 500; color:#222; font-size:1.1rem; }
.tr_row td.t_class {width:15%; font-weight: 500; color:#222; font-size:1.1rem; }
.tr_row td.t_cnt {width:9%; font-weight: 500; color:#222; font-size:1.1rem; }

@media (max-width: 768px) { 
	.tr_row td.t_num {font-size:1rem; }
	.tr_row td.t_chk {font-size:1rem;  }
	.tr_row td.t_subject { font-size:1.1rem; }
	.tr_row td.t_dt{font-size:1rem; }
	.tr_row td.t_loc {font-size:1rem; }
	.tr_row td.t_class {font-size:1rem;  }
	.tr_row td.t_cnt {font-size:1rem;  }

}


#bo_v_info strong,
#bo_v_info span { font-size:1rem; }

/*접수비 숨김*/
/*.tr_row > .t_item:nth-last-child(3){display:none;}*/

.tr_row > .t_item {width:8%; font-weight: 500; color:#222; font-size:1.1rem; }

.excel_download { width:100%; text-align: right; padding:5px 0;}
.excel_disabled {
    pointer-events: none;
    cursor: default;
    background-color: #333;
}

/* 접수폼 */
.redbox { margin:2px 0; border:2px solid red;}

.program_add { width:100%; background-color: #f5f8f9; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.program_add .t_item {padding-left:5px; background-color: #fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.program_add th {background-color: #f5f8f9; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}

/* 체크박스 또는 라디오버튼 체크시 색 변경 */
#program_w input:checked + label ,
#program_w input:checked + span ,
.write_div input:checked + label { color:blue; font-weight: bold;}

@media all and (max-width: 768px) {
    /*list*/

    /*write*/
    .program_add colgroup {display:none;}
    .program_add th {display:none;}

    /*view*/
    .tbl_frm01 colgroup {display:none}
    .tbl_frm01 th {width:25%;}
}

@media all and (max-width: 410px) {
    /*view*/
    .tbl_frm01 th {width:35%;}
}

.tbl_frm01 th {padding:10px 10px; font-size:1.1rem; }
.tbl_frm01 td {font-weight: 500; color:#222; font-size:1.2rem; }

 @media (max-width: 768px) { 

	.tbl_frm01 th {font-size:1rem; }
	.tbl_frm01 td {font-size:1.1rem; }
}

.req:after {content: " * ";color:red;}
a.btn_b02 {transition: all .5s;}
a.btn_b02:hover { background-color: #012f84; background-color: var(--primary); color: #fff;}

.btn_del:hover {cursor:pointer;background-color:#b10808;}

/* 라디오 체크 시 배경색 사용자 정의 */
#a_YN_N:checked~a.btn:hover { background-color:#b10808; }
#program_w #a_YN_N:checked + label {color:#b10808;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.hand {cursor:pointer;}

.program_bo_fx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
    font-size: small;
}