/* defaultSetting */
.wBox {
    background-color: #fff;
    box-shadow: 5px 5px 20px rgba(133,149,169,0.2);
}
.wBox.btm {
    margin-top: 20px;
}
.wBox .topTit {
    padding: 15px 30px;
    border-bottom: 1px solid #e9eceb;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(to top, #fcfcfc, transparent);
}
.wBox .topTit .titAr {
    padding-left: 30px;
}
.wBox .topTit .titAr h4 {
    font-weight: 700;
    color: #003366;
}
.wBox .hasPd {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width:992px){
    .wBox .topTit h4 {
        font-size: 22px;
    }
}
@media (max-width:768px){
    .wBox {
        border-radius: 10px;
    }
    .wBox .topTit {
        border-radius: 10px 10px 0 0;
        padding: 10px 15px;
    }
    .wBox .topTit .titAr {
        padding-left: 22px;
        background-size: 17px !important;
    }
}
/* subboxType1 */
.subboxType1 {
    padding: 30px;
}
@media (max-width:768px){
    .subboxType1 {
        padding: 15px;
    }
}

/* btnMini */
.btnMini {
    text-align: right;
} 
.btnMini button,
.btnMini input,
.btnMini a {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
    background-color: #14273f;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #14273f;
    margin-left: 2px;
}
/* btnAr */
.btnAr {
    text-align: right;
} 
.btnAr button,
.btnAr input,
.btnAr a {
    text-decoration: none;
    display: inline-block;
    padding: 0 20px;
    font-size: 15px;
    line-height: 32px;
    background-color: #14273f;
    border-radius: 100px;
    color: #fff;
    border: 1px solid #14273f;
    margin-left: 2px;
}
.btnAr a span {
    display: inline-block;
    width: 9px;
    height: 9px;
    vertical-align: middle;
    background: url(../img/btnArMr.png) center center no-repeat;
    margin: 0 0 3px 3px;
}
.btnAr .cancle {
    background-color: #c3c4cd;
    border-color: #c3c4cd;
}
@media (max-width:768px){
    .btnAr button,
    .btnAr input,
    .btnAr a {
        padding: 0 10px;
        line-height: 26px;
        font-size: 12px;
    }
    .btnAr a span {
        width: 5px;
        height: 5px;
    }
}
/* infoFormsWrp */
#infoFormsWrp {
    background-color: #fff;
    padding: 35px;
    box-shadow: 5px 5px 20px rgba(133,149,169,0.2);
}
#infoFormsWrp .inForm.row {
    margin: 0 -3px;
}
#infoFormsWrp .inForm.row > div,
#infoFormsWrp .inForm.row > li {
    padding: 0 3px;
}
#infoFormsWrp ul li {
    position: relative;
}
#infoFormsWrp > ul > li:not(:first-child):before {
    content: "";
    position: absolute;
    background-color: #eee;
}
#infoFormsWrp > ul > li:last-child:before {
    display: none;
}
#infoFormsWrp.goOut > ul > li:last-child:before {
    display: block;
}
#infoFormsWrp.addReward > ul > li:last-child:before {
    display: block;
}
#infoFormsWrp .fTit {
    margin-bottom: 5px;
    font-weight: 400;
    color: #666;
}
#infoFormsWrp .input-group .input-group-addon {
    background-color: #fff;
    border-radius: 4px 0 0 4px;
}
#infoFormsWrp .input-group.input-daterange .input-group-addon {
    border-left-width: 1px;
}
#infoFormsWrp .input-group.input-daterange .input-group-addon.borderRnone {
    border-left: 0px;
}
#infoFormsWrp .input-group.input-daterange .borderRnone {
    border-radius: 0;
    margin-left: 0px;
}
#infoFormsWrp .input-group .form-control {
    box-shadow: 0 0 0;
    border-radius: 0 4px 4px 0;
}
#infoFormsWrp ul li .btnSet.row {
    margin: 0 -5px;
}
#infoFormsWrp ul li .btnSet.row > div,
#infoFormsWrp ul li .btnSet.row > li {
    padding: 0 5px;
}
#infoFormsWrp ul li .smtBtn {
    display: inline-block;
    text-decoration: none;
    border-radius: 0px;
    font-size: 14px;
    line-height: 70px;
    font-weight: 400;
    padding: 0px 20px;
    border: 1px solid #3977e1;
    border-radius: 5px;
    border-color: #3977e1;
    background-color: #3977e1;
    color: #fff;
    width: 100%;
    text-align: center;
}
.smtBtn1 {
    display: inline-block;
    text-decoration: none;
    border-radius: 0px;
    font-size: 14px;
    line-height: 70px;
    font-weight: 400;
    padding: 0px 20px;
    border: 1px solid #3977e1;
    border-radius: 5px;
    border-color: #3977e1;
    background-color: #3977e1;
    color: #fff;
    width: 100%;
    text-align: center;
}
.smtBtnAll {
    border-color: #aaa;
    background-color: transparent;
    color: #727272;
}
#infoFormsWrp ul li .smtBtn2 {
    display: inline-block;
    text-decoration: none;
    border-radius: 0px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    padding: 0px 20px;
    border: 1px solid #3977e1;
    border-radius: 5px;
    border-color: #3977e1;
    background-color: #3977e1;
    color: #fff;
    width: 100%;
    text-align: center;
}
#infoFormsWrp ul li .smtBtnAll {
    border-color: #aaa;
    background-color: transparent;
    color: #727272;
}
#infoFormsWrp .multiBox {
    position: relative;
    padding-right: 99px;
}
#infoFormsWrp .multiBox input {
    border-radius: 4px 0 0 4px;
}
#infoFormsWrp .multiBox .selectMulti {
    border-radius: 0 4px 4px 0;
    position: absolute;
    right: 0;
    line-height: 34px;
    top: 0;
    background-color: #474747;
    width: 100px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
#infoFormsWrp .multiBox.borderRnone .selectMulti {
    border-radius: 4px;
}
@media (max-width:1200px){
    #infoFormsWrp.afterSchool > ul > li:before,
    #infoFormsWrp.addReward > ul > li:before {
        opacity: 0;
    }
    #infoFormsWrp.afterSchool > ul > li:last-child{
        margin-top: 15px;
    }
    #infoFormsWrp.addReward > ul > li:nth-child(3){
        margin-top: 15px;
    }
}
@media (min-width:992px){
    #infoFormsWrp > .row {
        margin: 0 -30px;
    }
    #infoFormsWrp > .row > li {
        padding: 0 30px;
    }
}
@media (max-width:992px){
    #infoFormsWrp.afterSchool > ul > li:nth-child(3),
    #infoFormsWrp.afterSchool > ul > li:nth-child(4){
        margin-top: 15px;
    }
    #infoFormsWrp ul li .smtBtn:focus-visible,
    #infoFormsWrp ul li .smtBtn {
        line-height: 45px;
        margin-top: 10px;
    }
}
@media (min-width:768px){
    #infoFormsWrp .inForm.row > div,
    #infoFormsWrp .inForm.row > li {
        margin: 5px 0
    }
    #infoFormsWrp .multiBox .selectMulti {
        line-height: 40px;
    }
    #infoFormsWrp .input-group .form-control {
        height: 40px;
    }
    #infoFormsWrp > ul > li:not(:first-child):before {
        left: 0;
        top: 10%;
        height: 80%;
        width: 1px;
    }
    #infoFormsWrp.addReward > ul > li:nth-child(4):before {
        opacity: 0;
    }
}
@media (max-width:768px){
    #infoFormsWrp {
        padding: 20px;
    }
    #infoFormsWrp .local_sch > li {
        margin: 10px 0 !important;
        padding: 0px;
    }
    #infoFormsWrp > ul > li {
        padding: 10px 0;
    }
    #infoFormsWrp.addReward ul {
        margin: 0px;
    }
    #infoFormsWrp.goOut ul {
        margin: 0 -5px;
    }
    #infoFormsWrp.goOut ul li {
        padding: 10px 5px;;
    }
    #infoFormsWrp.afterSchool > ul > li:nth-child(2),
    #infoFormsWrp.afterSchool > ul > li:nth-child(3){
        padding: 3px 0;
    }
    #infoFormsWrp.afterSchool > ul > li,
    #infoFormsWrp.addReward > ul > li {
        margin: 0px !important;
    }
    /* #infoFormsWrp > ul > li:last-child {
        padding: 0;
    } */
    #infoFormsWrp.goOut > ul > li:last-child {
        padding: 10px 5px;;
    }
    #infoFormsWrp.addReward > ul > li:last-child {
        padding: 10px 0;
    }
    #infoFormsWrp:not(.goOut) > ul > li:not(:first-child):before {
        left: 0;
        bottom: 100%;
        width: 100%;
        height: 1px;
    }
    #infoFormsWrp .fTit {
        margin-bottom: 0;
    }
    #infoFormsWrp ul li .smtBtn {
        margin-top: 10px;
    }
    #infoFormsWrp ul li .smtBtn:focus-visible,
    #infoFormsWrp ul li .smtBtn {
        font-size: 13px;
        line-height: 34px;
        margin-top: 0;
    }
    #infoFormsWrp .multiBox .selectMulti {
        font-size: 13px;
    }
}

.checkbox-custom,
.radio-custom {
    display: inline-block;
    margin: 5px;
    margin-right: 15px;
    text-align: left;
}
.checkbox-custom label,
.radio-custom label {
    font-size: 15px;
    color: #333;
    font-weight: 400;
}
@media (max-width:768px){
    .checkbox-custom,
    .radio-custom {
        margin-right: 10px;
    }
    .checkbox-custom label,
    .radio-custom label {
        font-size: 13px;
    }
}
/* makeInline */
.makeInline .checkbox-custom,
.makeInline .radio-custom {
    display: inline-block;
    margin: 5px;
    margin-right: 15px;
    text-align: left;
}
.makeInline .checkbox-custom label,
.makeInline .radio-custom label {
    font-size: 15px;
    color: #333;
    font-weight: 400;
}
@media (max-width:992px){
    .makeInline .checkbox-custom,
    .makeInline .radio-custom {
        margin-right: 10px;
    }
    .makeInline .checkbox-custom label,
    .makeInline .radio-custom label {
        font-size: 13px;
    }
}

/* form-control */
select.form-control {    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/slt_arr.png) no-repeat 98% 50%;
    padding-right: 30px;
}
.form-control {
    box-shadow: 0 0 0 !important;
    padding: 6px;
}
.form-control.inlineFrom {
    display: inline-block;
}
@media (min-width: 768px){
    .form-control {
        height: 40px;
    }
}
@media (max-width: 768px){
    select.form-control {    
        background-size: 7px !important;
        padding-right: 13px;
    }
}


/*calc_list*/
.calc_list .top_area_op.end {
    margin: 0px;
}
.calc_list li {
    margin-bottom: 30px;
}
.calc_list li:last-child .con_area_op {
    border-radius: 10px;
}
.calc_list a.top_area_op {
    text-decoration: none;
    display: block;
    padding: 45px 30px;
    border: 1px solid transparent;
    background-color: #fff;
    box-shadow: 5px 5px 20px rgba(133,149,169,0.2);
    border-radius: 10px;
}
.calc_list .top_area_op {
    text-align: center;
    display: block;
}
.calc_list a.top_area_op h5 {
    font-weight: 500;
}
.calc_list a.top_area_op span {
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    color: #333;
    margin-top: 15px;
    line-height: 1em;
    padding: 10px 25px;
}
.calc_list a.top_area_op:hover {
    border-color: #263097;
}
.calc_list a.top_area_op:hover span {
    background-color: #263097;
    color: #fff;
    border-color: #263097;
}
.calc_list a.top_area_op .ibox i {
    font-size: 60px;
    color: #aaa;
    display: inline-block;
    line-height: 1em;
}
.calc_list a.top_area_op p  {
    height: 50px;
    margin-top: 10px;
    line-height: 1.2em;
}
@media (min-width:992px) {
    .calc_list a.top_area_op span {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
}
@media (max-width:992px) {
    .calc_list.row {
        margin: 0 -5px;
    }
    .calc_list.row > li {
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .calc_list a.top_area_op {
        padding: 25px 15px;
    }
    .calc_list a.top_area_op .ibox i {
        font-size: 30px;
    }
    .calc_list a.top_area_op p  {
        height: 60px;
        margin-top: 5px;
    }
}

/* progress */
.graphTit span {
    display: inline-block;
    vertical-align: middle;
}
.graphTit .nm {
    padding: 7px;
    border: 1px solid #ddd;
    font-size: 0.8em;
    line-height: 1.1em;
    font-weight: 400;
    color: #666;
}
.graph .cap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background-color: #f7f7f7;
    border-radius: 4px;
    margin: 5px 0;
}
.graph .cap.cap2 {
    background-color: #ecf6ff;
}
.graph .cap > .w70 {
    width: 70%;
}
.graph .cap > .w20 {
    width: 20%;
}
.graph .progress {
    display: inline-block;
    width: calc(100% - 20px);
    background-color: #f7f7f7;
    vertical-align: middle;
    margin: 0px 10px;
    border-radius: 2px;
}
.graph .progress .progress-bar {
    text-align: center;
    padding: 2px;
    border-radius: 2px;
}
.graph .cap1 .progress .progress-bar {
    background-color: #ddd;
    color: #333;
}
.graph .cap2 .progress .progress-bar {
    background-color: #10a9cf;
    color: #fff;
}
.graph .cap i {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1px;
    margin-right: 3px;
}
.graph .cap h6 {
    display: inline-block;
    color: #333;
    line-height: 28px;
    vertical-align: middle;
}
.graph .cap .dateTit {
    display: inline-block;
    background-color: rgba(0,0,0,0.05);
    padding: 1px 11px;
    border-radius: 20px;
    color: #888;
    font-size: 0.9em;
}
.graph .cap .dateTit.dateTit2 {
    background-color: rgba(208, 246, 255, 0.8);
    color: #10a9cf;
}
@media (max-width:768px){
    .graph .cap {
        display: block;
    }
    .graph .cap > div {
        width: 100% !important;
    }
    .graph .cap > .w10 {
        display: inline-block;
        width: auto !important;
        margin-right: 10px;
    }
    .graph .progress {
        margin: 5px 0 10px;
    }
}
/* thFilter */
.thFilter {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}
.thFilter .up,
.thFilter .dw {
    position: absolute;
    right: 0;
    top: -4px;
    width: 14px;
    line-height: 12px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 10px;
    cursor: pointer;
    color: #888;
}
.thFilter .dw {
    top: 14px;
}
@media (max-width:992px){
    .thFilter {
        display: none;
    }
}

/* tTip */
.tTip {
    vertical-align: middle;
    display: inline-block;
}

/*modal_nwcon*/
.modal_nwcon .modal-content {
    overflow: hidden;
    border-radius: 10px;
    border: 0px;
}
.modal_nwcon .modal-header {
    background-color: #f7f7f7;
    padding: 15px;
    position: relative;
}
.modal_nwcon .modal-header .cls_btn {
    position: absolute;
    right: 20px;
    height: 18px;
    background: url(../img/cls_btn.png) center center no-repeat;
    width: 18px;
    top: 20px;
    cursor: pointer;
    border: 0px;
}
.modal_nwcon .modal-header h4 {
    font-weight: 600;  
    line-height: 1.2em; 
}
.modal_nwcon .modal-header p {
    color: #999;
    font-weight: 400;
    line-height: 1.2em;
    margin-top: 10px;
}
.modal_nwcon .modal-body {
    padding: 30px 20px;
}
.modal_nwcon .modal-body > p {
    font-weight: 600;
    margin-bottom: 15px;
}
.modal_nwcon .modal-body > .bt_cmt {
    color: #999;
    font-weight: 400;
    margin-top: 10px;
    font-size: 14px;
}
.modal_nwcon .modal-body .row {
    margin: 0 -5px;
}
.modal_nwcon .modal-body .row > li {
    padding: 0 5px;
    margin: 5px 0;
}
/* .modal_nwcon .modal-body ul li a {
    text-decoration: none;
    display: block;
    text-align: center;
    border: 2px solid #ddd;
    padding: 15px;
    border-radius: 10px;
} */
.modal_nwcon .modal-body ul li a h6 {
    color: #666;
    margin-top: 5px;
}
@media (max-width:768px){
    .modal_nwcon .modal-body > p {
        margin-bottom: 5px;
    }
    .modal_nwcon .modal-body ul li a h6 {
        font-size: 13px;
    }
    .modal_nwcon .modal-body > .bt_cmt {
        font-size: 12px;
    }
}


/* topHasSch */
.topHasSch .schBox {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}
.topHasSch .schBox.type4{
    max-width: 700px;
}
.schBox .select2,
.topHasSch .schBox > .form-control  {
    display: block;
    width: 40%;
    box-shadow: 0 0 0;
    float: left;
}
.topHasSch .schBox > select.form-control  {
    border: 1px solid #b0b6c3;
    color: #626875;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    vertical-align: middle;
    border-radius: 4px;
    width: 39%;
    margin-right: 1%;
    padding: 0 12px;

    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background: url(../img/slt_arr.png) no-repeat 93% 50%;
}
.schBox .select2 {
    color: #626875;
    background-color: transparent;
    vertical-align: middle;
    border-radius: 4px;
    width: 39%;
    margin-right: 1%;
    padding: 0;

    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
}
.schBox .select2-selection {
    text-align: left;
    border: 1px solid #b0b6c3;
    color: #626875;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    vertical-align: middle;
    border-radius: 4px;
    margin-right: 1%;
    padding: 0 12px;
    box-shadow: 0 0 0;

    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background: url(../img/slt_arr.png) no-repeat 93% 50%;
}
.schBox .select2-selection .select2-selection__arrow {
    display: none;
}
.select2-container--bootstrap,
.select2-container--bootstrap .select2-results__option .select2-results__option {
    font-size: 12px;
    font-family: 'Noto Sans KR';
    color: #333;
    line-height: 1.2em;
}
.select2-container--bootstrap .select2-results__option {
    line-height: 1.2em;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #f7f7f7;
    color: #333;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    box-shadow: 0 0 0;
}
.topHasSch .schBox.type2  .select2  {
    width: 25% !important;
}
.topHasSch .schBox > .btnSch {
    display: block;
    width: 20%;
    float: left;
    background-color: #474747;
    border: 0px;
    color: #fff;
}
.topHasSch .schBox > .btnSch,
.topHasSch .schBox > input.form-control  {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0px 15px;
    border-color: #b0b6c3;
    vertical-align: middle;
}
.topHasSch .schBox > input.form-control  {
    border-radius: 4px 0 0 4px;
}
.topHasSch .schBox > .btnSch  {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
}
.topHasSch .schBox.type4 > .btnSch  {
    border-radius: 4px;
    margin-left: 0px;
}
.topHasSch .schBox.type3 .select2,
.topHasSch .schBox.type3 > .form-control  {
    width: 70%;
}
.topHasSch .schBox.type3 > .btnSch  {
    width: 30%;
}
.topHasSch .schBox.type4 .select2,
.topHasSch .schBox.type4 > .form-control  {
    width: 25% !important;
}
.topHasSch .schBox.type4 > .btnSch  {
    width: 20%;
}
@media (min-width:768px){
    .topHasSch {
        text-align: right;
    }
    .topHasSch .schBox.type3 {
        max-width: 300px;
    }
    .select2-container--bootstrap .select2-results__option {
        font-size: 14px;
    }
}
@media (max-width:768px){
    .topHasSch {
        text-align: right;
    }
    .topHasSch .schBox {
        padding-top: 15px;
        max-width: 100%;
    }
    .topHasSch .schBox.type4 {
        width: 100%;
    }
    .topHasSch .schBox  .select2,
    .topHasSch .schBox > select.form-control  {
        border-width: 1px;
        height: 32px;
        line-height: 32px;
        font-size: 13px;
    }
    .schBox .select2-selection,
    .topHasSch .schBox > .btnSch,
    .topHasSch .schBox > input.form-control  {
        height: 34px;
        line-height: 34px;
        font-size: 13px;
    }
    .topHasSch .schBox  .select2-selection,
    .topHasSch .schBox > select.form-control  {
        background-size: 7px !important;
    }
    .topHasSch .schBox.type4 .select2,
    .topHasSch .schBox.type4 > .form-control  {
        width: 49% !important;
        margin: 3px 1px;
    }
    .topHasSch .schBox.type4 > .btnSch  {
        width: 49%;
        margin: 3px 1px;
    }
    
    .schBox .select2 {
        width: 60% !important;
    }
}

.bg-wh{
	background-color: #fff !important;
}


.panel-actions a, .panel-actions .panel-action {
    font-size: 30px;
	color:#3b5bd9;
}