@charset "utf-8";

/* Mobile */

/*status*/
.status em {display:inline-block;padding: 3px 15px;font-weight:500;font-style: normal;color: #fff;border-radius: 3px;text-align: center;}
.status .tbox_ing {background: #345df3;}
.status .tbox_ready {background: #4931c3;}
.status .tbox_done {background: #46495a;}
.status .tbox_canc {background: #cf4747;}
.status .tbox_end {background: #dedede;color: #333;}
@media all and (max-width:1023px) {
.bbs_list2 .bbs_table .status[data-cell-header]:before, .bbs_list2 .bbs_table .status:after {display: none;}
.bbs_list2 .bbs_table .status {display: block;text-align: left;}
}

/*budget*/
.budget ul {border: 1px dashed #dedede; padding: 20px 20px 0;}
.budget li {border: 1px solid #9a92c5; padding: 12px;margin-bottom: 20px;text-align: right;}
.budget li span {display: block;float: left;}
.budget li span em{font-style:normal;font-size:14px;letter-spacing:-1px;line-height:23px;}
.budget li a {display: inline-block;padding: 4px 10px 4px 24px; font-size: 14px; background: url("/images/common/btn_down.png") no-repeat 8px center #382d70; border-radius: 20px; color: #fff;}
.budget li a.btn_view {background: url("/images/common/new_win.png") no-repeat 8px center #f4f4f8; color: #46495a;}
.budget li a:hover, .budget li a:focus {background-color: #f25252;color: #fff;}
.bbs_search3.info_box .form_sel {width:180px;}

/*stat_list*/
.stat_list li {position: relative;margin: 0 0 20px 0;padding: 20px; border: 1px solid #dedede; background: #f4f4f8;text-align: center;}
.stat_list li img {width: 212px;height: 300px; border: 1px solid #dedede;}
.stat_list li strong {display: block;margin: 20px 0 12px;font-size: 18px;color: #46495a;}
.stat_list li span>a {display: inline-block;padding: 8px 16px;background: #fff;border: 1px solid #9a92c5;color: #000;}
.stat_list li span>a:hover, .stat_list li span>a:focus {;background: #CF4747; color: #fff;}
.stat_list li input {position: absolute;top: 10px;left: 10px;width: 20px;height: 20px;}

/*jeongbo*/
.jeongbo .bbs_cate {margin-bottom: 20px;}
.jeongbo .bbs_cate li a {display: block;padding: 12px 20px; background: #f4f4f8;color: #46495a;border: 1px solid #fff;}
.jeongbo .bbs_cate li a:hover, .jeongbo .bbs_cate li a:focus {border: 1px solid #382d70;background: #fff;text-decoration: underline;}
.jeongbo .bbs_cate li.on a {background: #382d70;color: #fff;font-weight: 500;}
.jeongbo .basic_table .tit a {font-weight: 500;}
.jeongbo .basic_table .tit a:hover, .jeongbo .basic_table a:focus {text-decoration: underline;}
.jeongbo .basic_table tr:hover, .jeongbo .basic_table tr:focus {background: #fff9f9;}

/*finance*/
.finan .bbs_search2 .sc_box {padding-bottom: 12px; border-bottom: 1px solid #dedede;}
.finan .bbs_search2 .sc_box:last-child {padding: 0;margin: 0; border: none;}
.finan .bbs_search2 .sc_box .form_sel, .finan .bbs_search2 .sc_box .form_sm {width: auto;}
.finan .bbs_search2 .sc_box .form_sm {min-width:70px;}
.finan .fin_btn {display: block;padding: 12px 0 8px;border-top: 1px solid #dedede;}
.finan .basic_table tr:hover {background: #fff9f9;}
.finan span.minus, .finan span.plus {font-weight: 500;}
.finan span.minus:before, .finan span.plus:before {display: inline-block;width: 14px;height: 14px;margin-right: 4px;line-height: 14px;color: #fff;text-align: center;font-size: 14px;}
.finan span.minus:before {background: #46495a; content: "-";}
.finan span.plus:before {background: #4931c3; content: "+";}


/* Tablet */
@media all and (min-width:768px) {
.budget ul{padding: 20px 10px 0;}
.budget ul:after {display: block;clear: both;content: "";}
.budget li {float: left;width: calc(50% - 20px);margin: 0 10px 20px;padding: 20px;}

.stat_list ul:after, .stat_list li:after {display: block;clear: both;content: "";}
.stat_list li {float: left; width: calc((100% - 20px)/2);}
.stat_list li:nth-child(2n+1) {margin-right: 20px;}
.stat_list li img {float: left;width: 120px;height: auto;margin-right: 20px;}
	
.jeongbo .bbs_cate:after {display: block;clear: both;content: "";}
.jeongbo .bbs_cate li {float: left;width: 25%;}
.jeongbo .bbs_cate li a {padding: 26px 0; text-align: center;}
.jeongbo .bbs_cate li a span {display: block;padding-top: 73px;background:url(/images/01_potal/contents/sub01/jeongbo_icon.png) center top;}
.jeongbo .bbs_cate li:nth-child(2) a span {background-position: center -96px;}
.jeongbo .bbs_cate li:nth-child(3) a span {background-position: center -192px;}
.jeongbo .bbs_cate li:nth-child(4) a span {background-position: center -288px;}
.jeongbo .bbs_cate li:nth-child(5) a span {background-position: center -384px;}
.jeongbo .bbs_cate li:nth-child(6) a span {background-position: center -480px;}
.jeongbo .bbs_cate li:nth-child(7) a span {background-position: center -576px;}
.jeongbo .bbs_cate li:nth-child(8) a span {background-position: center -672px;}
.jeongbo .bbs_cate li:nth-child(9) a span {background-position: center -768px;}
.jeongbo .bbs_cate li:nth-child(10) a span {background-position: center -864px;}
.jeongbo .bbs_cate li:nth-child(11) a span {background-position: center -960px;}
.jeongbo .bbs_cate li:nth-child(12) a span {background-position: center -1056px;}

.finan .bbs_search2 .sc_box {margin-bottom: 12px;}
.finan .bbs_search2 .sc_box:after {display: block;clear: both;content: "";}
.finan .bbs_search2 .sc_box .left, .finan .bbs_search2 .sc_box .right {float: left;width: 50%;text-align: left;}
.finan .fin_btn {padding: 0;border-top: none;}
.finan .bbs_search3 .right {margin: 10px 0;}
}

/* Desktop */
@media all and (min-width:1023px) {
.stat_list li:hover {border-color: #4931c3;}
.stat_list li strong {margin: 30px 0 30px; font-size: 20px;}

.jeongbo .bbs_cate li {width: calc(100%/6);}
.jeongbo .bbs_search2 {padding: 25px 18px;}

.finan .bbs_search2 .left {width: 30%;}
.finan .bbs_search2 .right {width: 70%;}
}  
.agree_area .agree_box{border:1px solid #e9e9e9;height:200px;padding:30px;overflow-y:auto}
.agree_area p{background:#f3f5f8;padding:20px 0;text-align:center}
.agree_area p input{width:20px;height:20px;margin:0 5px 0 0;vertical-align:middle}
.agree_area p label{vertical-align:middle}          

.course_agree .ag_txt{padding:20px;margin-bottom:20px;border-radius: 10px;border: 1px #ededed solid;}
.course_agree .ag_txt h5{background:none;padding:0;margin: 0 0 6px;line-height: 1.2em;word-break: keep-all;font-size: 16px;}
.course_agree .ag_txt p{font-size: 14px;word-break: keep-all;margin-bottom: 16px;}
.course_agree .ag_txt p:last-child{margin-bottom:0;}
.course_agree .agree_select{display:flex;gap:6px 0;flex-direction:column;}
.course_agree .agree_select input[type="radio"]{display:inline-block;width: 15px;height: 15px;vertical-align: baseline;}
@media all and (min-width:768px) {
.course_agree .agree_select{flex-direction:row;gap:0 10px;justify-content: end;} 
}
@media all and (min-width:1023px) {
.course_agree .ag_txt{padding: 40px;} 
}