@charset "utf-8";

/* 210220 추가 */
	table .dep2 {background: #f4f4f4 !important;}
	.bdr {border-right: 1px solid #d9d9d9 !important;}
	/* 튜터 시험결과 팝업 */
	.test_result .imgFull {width:100%;}
	.test_result .tb_form_wrap {margin:0;}
	.test_result .tb_form_wrap .textarea {width:90%;height:100px;margin:10px 0 0 7%;}
	/* 과정명 */
	.program_top {margin-bottom:20px;}
	.program_top .name {display:inline-block;height:22px;padding:0 10px;margin-right:10px;line-height:22px;font-size:12px;font-weight:400;color:#fff;background:#f19c01;border-radius:3px;text-align:center;}
	.normal_box + .normal_box {margin-top:30px;}
	/* 0324 */
	.test_result .test_box {margin-bottom:20px; border:1px solid #d9d9d9;background: #f4f4f4;padding:10px 20px;}
	.test_result .test_box .score_in {width:50px;margin:0 20px 0 0;}
	.test_result .test_box .checkbox label:before {background-image: url(../images/common/checkbox02.png);}
	.test_result .test_box .checkbox input[type=checkbox]:checked + label:before {background-image: url(../images/common/checkbox02_on.png);}
	.prevnext {margin-top: 25px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9}
	.prevnext dl:after {content: ''; display: block; clear: both}
	.prevnext dt, .prevnext dd {float: left; height: 42px; line-height: 41px; box-sizing: border-box}
	.prevnext dt:after {content: ''; display: inline-block; margin-left: 7px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #999; vertical-align: middle}
	.prevnext dt {width: 78px; font-weight: 500; color: #333; border-right: 1px solid #d9d9d9; text-indent: 15px}
	.prevnext dd {width: calc(100% - 78px); padding: 0 12px}
	.prevnext dd a {display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
	.prevnext .prev {border-bottom: 1px solid #d9d9d9}
	.prevnext .prev dt:after {border-top: 0; border-bottom: 4px solid #999}
	.file_exp {margin:10px 0;}
	.txt_must_r {margin:10px 0;text-align:right;}
	.txt_must {font-weight: 500; color: #d71921}
	.txt_must:before {content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 3px; background: url(../images/common/icon_must.gif); background-size: 100%}
	.date_wrap input[type="date"] {width:100%;border-radius: 0; box-sizing: border-box; border: 1px solid #d9d9d9; background-color: #fff;height: 30px;padding-left: 7px;font-size: 12px;}
	.table_desc {display: block; margin-top: 5px}
	.table_desc:before {content: '※'; display: inline-block; margin-right: 2px}
	.cmt_box {margin:20px 0 0 0;}
	.cmt_box .textarea.cmt {height:90px;}
	.cmt_box .cmt_btn:after {content: ''; display: block; clear: both}
	.cmt_box .cmt_btn .table_desc {float:left;}
	.cmt_box .cmt_btn .btn_s_normal {float:right;}
	
	.comment_box {margin-top:30px;padding:15px 20px;border-top: 1px solid #333;border-bottom:1px solid #333;background:#f8f8f8;}
	.comment_box:after {content: ''; display: block; clear: both}
	.comment_box .tit {display:block;margin-top:5px;margin-bottom:10px;font-weight: 500;color: #333;}
	.comment_box .btn_s_normal {margin-top:5px;}
	.comment_box .cont {width:100%;}
	.comment_box .textarea.cmt {width:100%;height:90px;}
	.comment_box .cmt_cont:after {content: ''; display: block; clear: both}
	.comment_box .normal_table03 {margin:20px 0 0 0;border-top:1px solid #7b7979;}
	.comment_box .normal_table03 th {background:#efefef}
	.comment_box .normal_table03 td {background:#fff;}
	.comment_box .normal_table03 td .btn {text-align:center;}
	.comment_box .normal_table03 tbody tr:last-child td {border-bottom:1px solid #7b7979;}

@media screen and (min-width: 1280px){
	.normal_box + .normal_box {margin-top: 50px;}
	.file_exp {width:50%;}
	.date_wrap input[type="date"] {width:200px;height: 40px;padding-left: 14px;font-size: 14px;}
	.comment_box .tit {display:inline-block;float:left;width:110px;}
	.comment_box .cont {float:left;width:calc(100% - 110px);}


}