/* 교육 게시판 스타일 */
.bbsViewTop div.bbsTitleInfo{
    height: auto;
    flex-wrap: wrap;
    border-bottom: 0;
    border-top: 1px solid #e5e5e5;
}
div.bbsViewTop h3.viewTitle{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
div.bbsBottom{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0px;
    gap: 5px;
    padding-top: 25px;
    border-top: 1px solid #e5e5e5;
}
div.bbsBottom > .cancel_div{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}





div.bbsBottom div.bbsBtn{
    margin-bottom: 0px;
    text-align: center;
    margin-left: 0;
    line-height: 1.5;
}
div.bbsBottom div.bbsBtn button{
    margin-left: 0;
}
div.bbsBottom div.bbsBtn a{
    margin-left: 0;
    min-width: auto;
}
div.bbsBottom div.bbsBtn a.btn{
    min-width: 110px;
}
div.bbsBottom div.bbsBtn a.text_inner_btn{
    padding: 0 5px;
    color: #004A9C;
    border: 0;
    height: auto;
    font-weight: 500;
}
div.bbsBottom div.bbsBtn.cancel{
    display: block;
    width: 100%;
}
div.bbsBottom div.bbsBtn.cancel + .list{
    margin-top: 27px;
}
div.bbsBottom div.bbsBtn.list{
    margin-bottom: 0;
}
div.bbsBottom div.bbsBtn.list a{
    margin-left: 0;
}
div.bbsBottom div.bbsBtn.cancel strong{
    margin-left: 5px;
}
div.bbsBottom div.bbsBtn.txt + .txt_list{
    margin-top: 27px;
}
div.bbsBottom div.bbsBtn + .txt_list{
    margin-top: 25px;
}
@media screen and (max-width:767px){
    div.bbsBottom div.bbsBtn{
        margin-bottom: 0;
    }
    div.bbsBottom div.bbsBtn.txt{

    }
    div.bbsBottom div.bbsBtn.cancel{
        
    }
}









div.bbsBtn a.myapply_btn{
    border: 0;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    color: #004A9C;
    font-weight: 400;
    height: auto;
    margin-top: 5px;
}
.duplicate_text{
    font-size: 18px;
    font-weight: 600;
}
.pull-right.active{
    /* display: none; */
}
.add_btn_st01{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}
.add_btn_st01 .add_btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin-left: 5px;
    padding: 0 20px 2px;
    text-align: center;
    background: #ffffff;
    font-size: 16px;
    color: rgb(87, 87, 87);
    border-radius: 8px;
    border: 1px solid #d3d2d2;
}
.add_btn_st01 .btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin-left: 5px;
    padding: 0 20px 2px;
    text-align: center;
    background: #ffffff;
    font-size: 16px;
    color: rgb(87, 87, 87);
    border-radius: 8px;
    border: 1px solid #d3d2d2;
}
.pull-right {
    display: block;
    width: auto;
    text-align: center;
    border-radius: 50px;
    font-size: 14px;
    padding: 3px 15px 3px 10px;
    cursor: pointer;
    font-weight: normal;
    position: relative;
}

.pull-right::before{
    content: "";
    position: absolute;
    background: url(/assets/ccd01/image/icon_arrow_black_bottom.svg) center center no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    transition: 0.3s;
}
.pull-right.active::before{
    transform: translateY(-50%) rotate(180deg);
}
@media screen and (max-width:767px)
{
    .pull-right .arrow_span {
        top:20px;
        right:28px;
    }
    .pull-right.active .arrow_span {
        top:16px;
        right:28px;
    }
    .bbsViewTop div.bbsTitleInfo{
        gap: 0;
    }
    .add_btn_st01 .add_btn{
        height: 36px;
        padding: 0 14px 2px 13px;
        font-size: 15px;
        line-height: 28px;
        margin-left: 0;
    }
}

@media screen and (max-width:420px) 
{
   

    .pull-right .arrow_span {
        top:18px;
        right:21px;
    }

    .pull-right.active .arrow_span {
        top:14px;
        right:21px;
    }

}


ul.edu_List {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    gap: 30px;
}

ul.edu_List li {
    position: relative;
    display: block;
    width: calc(33.3333% - 20px);
    border: 1px solid #dcdcdc;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}
ul.edu_List li:hover {
    border: 1px solid #004A9C;
}

ul.edu_List li:hover a.edu_btn {
    background: #004A9C;
}

ul.edu_List li div.edu_title {
    position: relative;
    display: block;
    width: 100%;
    padding: 18px 20px;
    margin: 0px;
    background: #f9f9f9;
    border-bottom: 1px solid #e4e4e4;  
    text-align: center;  
    overflow: hidden;
}

ul.edu_List li div.edu_title_apply {
    min-height: 80px !important;
}

ul.edu_List li div.edu_title h4 {
    padding: 1px 10px 3px;
    font-size: 13px;
    color: #004A9C;
    border: 1px solid #004A9C;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    background-color: #fff;
}

ul.edu_List li div.edu_title h3 {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
ul.edu_List li div.edu_title h3 a{
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

ul.edu_List li div.edu_con {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 30px; 
}

ul.edu_List li div.edu_con dl {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    margin: 0px 0;
    border-bottom: 1px dashed #dcdcdc;
    padding: 5px 5px;
    padding-bottom: 6px;
    font-size: 15px;
}
ul.edu_List li div.edu_con dl:last-child {
    border-bottom: 0px;
}

ul.edu_List li div.edu_con dl dt {
    position: relative;
    display: block;
    width: 100px;
    float: left;
    padding-left: 10px;
    color: #777;    
}

ul.edu_List li div.edu_con dl dd {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    float: left;    
}

ul.edu_List li.close {
    background: #f9f9f9;
}

ul.edu_List li.close:hover {
    border: 1px solid #616161;
    background: #FFF;
}

ul.edu_List li.close a.edu_btn {
    background: #a9a9a9;
}

ul.edu_List li.close:hover a.edu_btn {
    background: #616161;
}

ul.edu_List li.close div.edu_title h4 {
    color: #807a7d;
    border: 1px solid #807a7d;
    background: transparent;
}

ul.edu_List li.close:hover div.edu_title h4 {
    color: #004A9C;
    border: 1px solid #004A9C;
    background: #FFF;
}

ul.edu_List li.close div.edu_title h3 a {
    color: #7a7d80;
}

ul.edu_List li.close:hover div.edu_title h3 a {
    color: #222;
}

ul.edu_List li.close div.edu_con dl dd {
    color: #807a7d;
}

ul.edu_List li.close div.edu_con dl:last-child dd span {
    background: #616161;
    color: #FFF;
    border-radius: 30px;
    padding: 3px 10px;
}

span.txt_empty { 
    line-height: 20px;
    color: rgb(170, 170, 170); 
    /* font-size: 17px;  */
}

span.txt_rea {
    color: #0a739c;
}

span.txt_end {
    font-weight: bold;
}

span.txt_ing {
    color: #FF5722;
    font-weight: bold;
}


ul.edu_List li a.edu_btn {
    display: flex;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
    background: #385d87;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    letter-spacing: -0.8px;
    transition: all .3s;
    padding: 13px 0 16px;
    width: 100%;
}

div.btn_bottom {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px 0px 20px;
}

div.btn_bottom a {
    display: table;
    margin: 20px auto 50px;
    text-align: center;
    padding: 13px 75px;
    border: 1px solid #dcdcdc;
    border-radius: 150px;
}
@media screen and ( max-width: 767px ){
    ul.edu_List li div.edu_con dl dt{
        width: 90px;
    }
    ul.edu_List li div.edu_con dl dd{
        width: calc(100% - 90px);
    }
}















.typeTitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.typeTitle.in_margin{
    margin-top: 30px;
}

.typeTitle span {
    position: relative;
    display: inline-block;
    font-weight: 500;
    background: #FFF;
    border: 1px solid #333;
    color: #333;
    padding: 0 12px 3px;
    line-height: 27px;
    margin: 0 10px 0px 0;
    border-radius: 5px;
    border: 1px solid #004A9C;
    color: #004A9C;
    font-size: 16px;
}
@media screen and ( max-width: 767px ){
    .typeTitle{
        font-size: 17px;
        margin: 0;
        margin-bottom: 15px;
    }
    .typeTitle span{
        padding-left: 11px;
        padding-top: 0;
        padding-bottom: 2px;
    }
}

















.eduViewTop { 

    border-bottom: 0px !important; 
    border-top: 1px solid #000;
}

.edu_titleInfo { 
    overflow: hidden; 
    padding: 0px !important;
}

.edu_titleInfo dl {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    border-bottom: 1px dashed #dcdcdc;
    font-size: 15px;
    padding: 13px 7px 15px;
    line-height: 1.2;
}

.edu_titleInfo dl:nth-child(even) {
    border-right: 0px;
}

.edu_titleInfo dl dt {
    position: relative;
    display: block;
    width: 100px;
    float: left;
    color: #777;       
}

.edu_titleInfo dl dd {
    position: relative;
    display: block;
    width: calc(100% - 100px);
    color: #333;  
    letter-spacing: 0px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    
}

.eduViewCon {

}

.eduViewCon span.eduContit {
    position: relative;
    display: block;
    color: #777;    
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.eduViewCon span.eduContit:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background: #777;
}


.eduBottom > div > a.btn_loginTxt {
    text-decoration: underline;
    color: #004A9C;
    background: none;
    line-height: 1;
    border: 0px;
    box-shadow: none;
    padding: 0 5px 0 0;
    height: auto;
}



.eduWriteCon {
    position: relative;
    display: block;
}
.eduWriteCon .eduBottom{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 30px;

}
@media screen and ( max-width: 767px ){
    .eduWriteCon .eduBottom .bbsBtn + .bbsBtn{
        margin-top: 20px;
    }
    .eduWriteCon .eduBottom .bbsBtn + .bbsBtn a{
        margin-left: 0;
    }
}







.eduWriteCon h3 {
    position: relative;
    margin-bottom: 10px;
    margin-top: 30px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: normal;
}
@media screen and ( max-width: 767px ){
    .eduWriteCon h3 {
        margin-bottom: 13px;
        font-size: 17px;
    }
}







 
.eduWriteCon .eduWriteList {
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0px;
    line-height: 22px;
    overflow: hidden;
    display: flex;
}
.eduWriteCon .eduWriteList:last-of-type{
    border-bottom: 0;
}

.eduTableBox .eduTable {
    width: 100%;
}
.eduTableBox .eduTable tr:first-of-type th{
    border-top: 1px solid #222;
}
.eduTableBox .eduTable tr:first-of-type td{
    border-top: 1px solid #222;
}
.eduTableBox .eduTable tr th{
    text-align: center;
}
.eduTableBox .eduTable th, .eduTableBox .eduTable td {
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    text-align: left;
    padding: 10px;
    line-height: 22px;
}
.eduTableBox .eduTable th:last-of-type, 
.eduTableBox .eduTable td:last-of-type{
    border-bottom: 0;
}

.eduTableBox .eduTable th {
    background-color: #f9f9f9;
    width: 20%;
}

.eduTableBox .eduTable td {
}


.eduGWriteBox .eduWriteList {
    width: 50%;
    width: 100%;
}


/* .eduGWriteBox .eduWriteList:nth-child(5),
.eduGWriteBox .eduWriteList:nth-child(6) {
    border-bottom: 0px;
} */

.eduWriteCon .edulistApply {
    min-height: 70px;
}

.eduWriteCon .edulistApply2 {
    min-height: 45px;
    line-height: 25px;    
}

.eduWriteCon .edulistApply2 input {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    -webkit-appearance: checkbox;
}

/* .eduWriteCon .eduWriteList:last-child {
    border-bottom: 0px;
} */

.eduWriteCon .eduWriteList > label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    padding: 10px;
    top: 0%;
    left: 0px;
    font-size: 15px;
    font-weight: 600;
    word-break: break-all;
    line-height: 1.3;
    text-align: center;
}
.eduWriteCon .eduWriteList > label[for="i_tel"] + div{
    display: flex;
    align-items: center;
}

.eduWriteCon .eduWriteList > div {
    width: calc(100% - 160px);
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.eduWriteCon .eduWriteList > div > input,
.eduWriteCon .eduWriteList > div > select,
.eduWriteCon .eduWriteList > div > textarea.a_content {
    /* background: #f3f3f3; */
    width: calc(100% - 10px);
    height: 36px;
    border: 1px solid #ebebeb;
    padding: 0 7px;
    font-size: 15px;
    border-radius: 3px;
}
.eduWriteCon .eduWriteList > div > input{
    max-width: 195px;
    width: 100%;
}

.eduWriteCon .eduWriteList > div span.Hyphen {
    display:inline-flex;
    justify-content: center;
    margin:0;
    width: 10px;
    min-width: 10px;
}

.eduWriteCon .eduWriteList > div span.at {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    margin:0;
    width: 20px;
}

/*개인 input css */

.eduWriteCon .eduWriteList > div > input.info_mobile-i,
.eduWriteCon .eduWriteList > div > input.info_tel-i {
    flex: 1;
    margin:0;
}





.eduWriteCon .eduWriteList > div span {
    display:inline-flex;
    align-items: center;
    justify-content: center;
    font-size:13px;
    line-height: 1;
}
.eduWriteCon .eduWriteList > div > input.info_mobile-g{
    width:calc(32.333% - 8px);
    margin:0;
    
}
.eduWriteCon .eduWriteList > div > input.info_email_f-g {
    width:26%;
    margin:0;
}

.eduWriteCon .eduWriteList > div > input.info_email_b-g {
    width:30%;
    margin:0;
}


.eduWriteCon .eduWriteList > div > input.a_name_input {
    width: 30%;
}





.eduWriteCon .eduWriteList > div > select
 {
    width: 100%;
    max-width: 195px;
    margin:0;
    -webkit-appearance: none;  /* Safari 및 Chrome */
    -moz-appearance: none;     /* Firefox */
    appearance: none; 
    background: #fff url(/assets/ccd01/image/icon_arrow_black_bottom.svg) right 10px center no-repeat;
    margin-left: 10px;
}




.eduWriteCon .eduWriteList > div > textarea.a_content {
    min-height:400px;
    padding: 10px;
    resize: none;
}

.eduWriteCon .eduWriteList > div > ul > li.attachList,
.eduWriteCon .eduWriteList > div > label.attachList {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 0;
    line-height: 25px;
    border-bottom: 1px dashed #e5e5e5;
}

.eduWriteCon .eduWriteList > div > label.attachList:last-child { border-bottom: 0px; }

.eduWriteCon .eduWriteList > div > ul > li.attachList > .btnAttach {
    border: 1px solid #d8d7d7;
    background: #FFF;
    border-radius: 3px;
    padding: 1px 5px;
    line-height: 18px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
    color: #dc6258;
    font-size: 12px;   
    letter-spacing: -1px;
}

.eduWriteCon .eduWriteList > div > label > input.valid {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    border: 1px solid #a3a3a3;
    margin: 3px 0 0;
    padding: 0 5px;
    border-radius: 3px;
}

.eduWriteCon .eduWriteList > div > label > div > span {
    position: absolute;
    content: '';
    bottom: 11px;
    right: 0px;
    width: 80px;
    height: 30px;
    z-index: 10;
    background: #777777;
    color: #FFF;
    border-radius: 0 3px 3px 0;
    text-align: center;
    font-size: 13px;   
    letter-spacing: 0px;
    cursor: pointer;
    line-height: 30px;
}
.eduWriteCon .eduWriteList > div .seCho{
    display: flex;
    align-items: center;
    gap: 4px;
}
.eduWriteCon .eduWriteList > div:has(.seCho) {
    gap: 4px 10px;
}
.eduWriteCon .eduWriteList > div .seCho + .seCho{

}
.eduWriteBox {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid #535353; 
    /* box-shadow: 0px 5px 0px rgba(0,0,0,0.04); */
    overflow: hidden;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    
}

.eduApplyList {
    position: relative;
    display: block;
    margin: 0 0 100px;
    overflow: hidden;
}

.eduApplyListbm {    
    margin: 0px;
}

.eduApplyList h2 {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -1.56px;
    line-height: 1.5;
    color: #1E1E1E;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 12px;
}

.eduApplyList h2 .left{
    
}
.eduApplyList h2 .right{
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 25px;
}
.eduApplyList h2 .right span{
    margin: 0 0px 0 3px;
    font-weight: 600;
    color: #004A9C;
}

.spanCount {
    display: none;
}

.raCho {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin: 4px 0px;
}

.seCho input,
.raCho input {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    -webkit-appearance: checkbox;
    transform: translateY(1px);
}



.eduList {
    position: relative;
    display: block;
    width: 100%;
    padding: 0px;
    font-size: 14px;
    letter-spacing: -0.5px;
    overflow: hidden;
    border-top: 1px solid #333;
}

.eduList li.eduHead {
    position: relative;
    display: block;
    width: 100%;
    background: #f9f9f9;
    color: #333;
    border-radius: 0;
    line-height: 50px;
    font-weight: 600;    
    border-bottom: 1px solid #e4e4e4;
    height: 50px;
}

.eduList li.eduBody {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.eduList li.eduBody:last-child {
    border-bottom: 0px solid #ddd;
}

.eduList li span {
    position: relative;
    display: block;
    float: left;
    width: 19%;
    line-height: 23px;
    text-align: center;
    padding: 13px 0;
    margin: 0px;
    font-size: 15px;
}

.eduList li span.num { width: 5% !important; }
/* .eduList li span:nth-child(2) { width: 15% !important; } */
/* .eduList li span:last-child { 
    width: 35%;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} */

.eduList li span.title-long { width: 65%; }


.eduList li.eduBody span {
    color: #535353;
}

.eduList li.eduBody span:nth-child(2) { font-weight: bold; color: #333; }

.eduList li.eduBody span > span.sTit {
    display: none;
}

/* START 나의교육신청 조회 - 리스트 없을 때 */

.noapply {
    width:100%;
    margin: 50px auto 150px;
}

.noapply img {
    display:block;
    width:68px;
    margin:0 auto;
}

.noapply p {
    font-size:20px;
    text-align:center;
    color:#666;
    padding-top:25px;
}



@media screen and (max-width: 1024px) {
    ul.edu_List li {

    }

    .edu_titleInfo dl {
        width: 100%;
        border-right: 0px;
    }

    .noapply {
        width:100%;
        margin:30px auto 100px;
    }

    .eduWriteCon .eduWriteList > div > input.info_mobile-i, .eduWriteCon .eduWriteList > div > input.info_tel-i {
        width:calc(32.333% - 10px);
    }

    .eduWriteCon .eduWriteList > div > input.info_mobile-g {
        width:calc(32.333% - 10px);
    }
  
}

@media screen and (max-width:1023px)
{

}

@media screen and (max-width: 767px) {
    div.bbsViewTop h3.viewTitle {
        font-size: 15px;
        padding: 14px 7px;
    }
    ul.edu_List{
        gap: 15px;
    }
    ul.edu_List li div.edu_title {
        min-height: 100px;
        padding: 15px 10px 10px;
    }

    ul.edu_List li div.edu_title_apply {
        min-height: 60px !important;
    }

    ul.edu_List li div.edu_title h4 {
        font-size: 12px;
        padding: 0 12px;
        line-height: 18px;
        margin: 0 0 8px;
    }

    ul.edu_List li div.edu_title h3 {
 
    }

    ul.edu_List li div.edu_con {
        font-size: 13px;
        line-height: 27px;
    }

    ul.edu_List li a.edu_btn {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .eduGWriteBox .eduWriteList {
        width: 100%;
    }


    .spanCount {
        display: inline-block;
    }

    .eduWriteCon span.num {
        display: none;
    }

    .eduList li.eduBody span {
        text-align: left;
        line-height: 18px;
        padding: 0px;
        width: 100%;
    }
    .eduList li.eduBody > span{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .eduList li.eduBody > span.num{
        padding: 5px 10px;
        padding-left: 0;
        padding-top: 0;
    }

    .eduList li.eduBody span > span.sTit {
        display: inline-block;
        font-size: 15px;
        color: #8b8b8b;
        width: auto;
        text-align: right;
        line-height: 18px;
        padding: 5px 10px;
    }
       
    .eduList li.eduBody span:nth-child(2),
    .eduList li.eduBody span:last-child {
        display: block;
        width: 100%;
        text-align: left;
        padding: 15px 0px;
    }

    .eduList li.eduBody span:nth-child(2) {
        padding-left: 10px;
    }

    .eduList li.eduHead { display: none; }
    
    .noapply img {
        width:60px;
    }

    .noapply p {
        font-size:18px;
        padding-top:20px;
    }

    .edu_titleInfo dl dd {
        white-space:normal;
    }
    .eduWriteBox{

    }
    .eduWriteCon .eduWriteList{
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 11px;
    }
    .eduApplyList{
        padding-top: 20px;
    }
}


@media screen and (max-width: 670px) {
    
    ul.edu_List li {
        width: calc(50% - 8px);
    }


    .eduWriteCon .eduWriteList > label {
        width: 100px;
    }

    .eduWriteCon .eduWriteList > div {
        width: calc(100% - 110px);
    }

    .eduWriteCon .edulistApply {
        min-height: 90px;
    }

    .eduWriteCon .eduWriteList > div > select{
        max-width: 100%;
        width: 100%;
        margin-top: 7px;
        margin-left: 0;
    }
    
    .eduList li.eduBody span,
    .eduList li.eduBody span:nth-child(2),
    .eduList li.eduBody span:last-child {
        width: 100%;
        padding: 3px 0px;
    }

    .eduList li.eduBody span > span.sTit {
        width: auto;
        text-align: left;
        padding: 0 5px 0 0;
    }

    .eduList li.eduBody {
        padding: 10px;
    }
    .bbsWriteTitle .typeTitle span{
        padding-bottom: 2px;
        padding-left: 11px;
    }
    .eduWriteCon .eduWriteList > div > input.info_email{
        width: calc(50% - 10px);
    }
    .eduWriteCon .eduWriteList > div > input{
        padding-bottom: 3px;
    }
}


@media screen and (max-width: 425px) {
    ul.edu_List {
        margin-left: 0px;
    }

    ul.edu_List li {
        width: 100%;
        margin-left: 0px;
    }

    ul.edu_List li div.edu_title {
        min-height: auto !important;
    }

    ul.edu_List li div.edu_title h3 {

    }

    ul.edu_List li a.edu_btn {
 
    }

    .edu_titleInfo dl {  

    }

    .edu_titleInfo dl dt {
        width: 85px;
    }

    .edu_titleInfo dl dd {
        width: calc(100% - 85px);
    }

    .bbsWriteTitle .typeTitle span {
        font-size:14px;
    }



   


    .noapply {
        margin:10px auto 50px;
    }
    
    .noapply img {
        width:50px;
    }

    .noapply p {
        font-size:15px;
    }

    .eduWriteCon .eduWriteList > div > input.info_mobile-i, .eduWriteCon .eduWriteList > div > input.info_tel-i {
        width:28%;
    }

    .eduWriteCon .eduWriteList > div > select#i_email_sel {
        width:100%;
        margin-top:8px;
    }

   

    .eduWriteCon .eduWriteList > div > input.info_email_b-i {
        width:45%;
    }

    .eduWriteCon .eduWriteList > div > input.info_mobile-g {
        flex: 1;
    }

    .eduWriteCon .eduWriteList > div > input.info_email_f-g {

    }

    .eduWriteCon .eduWriteList > div > input.info_email_b-g {
        width:45%;
    }
    
    .eduWriteCon .eduWriteList > div > select#g_email_sel {
        width: 100%;
        margin-top:5px;
    }


}


@media screen and (max-width: 320px) {
    
    .eduWriteCon .eduWriteList > label {
        width: 90px;
        padding: 7px;
    }

    .eduWriteCon .eduWriteList > div {
        width: calc(100% - 100px);
    }

    .eduWriteCon .edulistApply {
        min-height: 80px;
    }

    .eduWriteCon .edulistApply2 {
        min-height: 40px;
        line-height: 1;
    }

    .eduWriteCon .eduWriteList > div > input.info_mobile-i, .eduWriteCon .eduWriteList > div > input.info_tel-i {
        width:27%;
    }

    .eduWriteCon .eduWriteList > div > input.info_email_p-i {
        width:34%;
    }

    .eduWriteCon .eduWriteList > div > input.info_email_b-i {
        width:53%;
    }

    .eduWriteCon .eduWriteList > div > select#i_email_sel {
        width:97%;
    }

    .eduWriteCon .eduWriteList > div > input.info_mobile-g {
        width:27%;
    }

    .eduWriteCon .eduWriteList > div > input.info_email_p {
        width:34%;
    }

    .eduWriteCon .eduWriteList > div > input.info_email_b {
        width:51%;
    }

    .eduWriteCon .eduWriteList > div > select {
        width:95%;
    }


}


/*나의교육신청 st*/

ul.edu_List_My,
ul.edu_List_Group
 {

    position:relative;
    display:block;
    width:100%;
    padding:0px;
    overflow:hidden;

}

ul.edu_List_My li,
ul.edu_List_Group li
 {
    position:relative;
    display:table;
    width:100%;
    font-size:15px;
    font-weight:normal;
    letter-spacing:-0.8px;

}

ul.edu_List_My li > div,
ul.edu_List_Group li > div
 {
	position: relative;
	display: table-cell;
	overflow: hidden;
	text-align: center;
	padding: 13px 5px;	
	vertical-align: middle;
}

ul.edu_List_My li.listHead,
ul.edu_List_Group li.listHead
{
    color:#fff;
    overflow:hidden;
    color: #222;
    border-top: 1px solid #231915;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;

}

ul.edu_List_My li.listHead > div,
ul.edu_List_Group li.listHead > div
 {
    line-height:45px;
    padding:0;

}

ul.edu_List_My li > div.num,
ul.edu_List_Group li > div.num
 {
    width:12%;

}


ul.edu_List_My li > div.edu_title_apply,
ul.edu_List_Group li > div.edu_title_apply
 {
    width:auto;

}

ul.edu_List_My li > div.edu_title_apply a:hover ,
ul.edu_List_Group li > div.edu_title_apply a:hover {
    text-decoration:underline;


}

ul.edu_List_My li > div.condition,
ul.edu_List_Group li > div.condition
 {
    width:20%;

}

ul.edu_List_My li > div.condition .check,
ul.edu_List_Group li > div.condition .check {
    color:#004A9C;
}

ul.edu_List_My li > div.condition .end,
ul.edu_List_Group li > div.condition .end {
    color:#2f2f2f;
}



ul.edu_List_My li > div.date,
ul.edu_List_Group li > div.date
{
    width:20%;

}

ul.edu_List_My li > div.state, ul.edu_List_Group li > div.state {
    width: 10%;
    /* border-bottom: none; */
}

ul.edu_List_My li.listBody,
ul.edu_List_Group li.listBody
 {
    border-bottom:1px solid #e5e5e5;
    color:#2f2f2f;
    line-height:1.5;

}
ul.edu_List_Group li.listBody:last-of-type{
    border-bottom: 0;
}

ul.edu_List_My li.listBody > div.edu_title_apply,
ul.edu_List_Group li.listBody > div.edu_title_apply
 {
    text-align:left;
    font-weight: 700;
    font-size: 16px;
    color: #231915;
}

ul.edu_List_My li.listBody > div.edu_title_apply a,
ul.edu_List_Group li.listBody > div.edu_title_apply a {
    display:block;

}

@media screen and (max-width:767px)
{
    ul.edu_List_My,
    ul.edu_List_Group {
        border-top:1px solid #231915;
    }

    ul.edu_List_My li,
    ul.edu_List_Group li {
        display:block;
        padding:7px 10px;
    }

    
    ul.edu_List_My li.listHead,
    ul.edu_List_Group li.listHead {
        display:none;

    }

    ul.edu_List_My li > div,
    ul.edu_List_Group li > div {
        display:block;
        padding:0;

    }

    ul.edu_List_My li  > div.num,
    ul.edu_List_Group li  > div.num {
        display:none;

    }

    ul.edu_List_My li > div.edu_title_apply,
    ul.edu_List_Group li > div.edu_title_apply {
        display:block;
        width:100%;
        padding-bottom:10px;
        padding-top:5px;
        font-weight:bold

    }

    ul.edu_List_My li > div.condition,
    ul.edu_List_Group li > div.condition {
        width:100%;
        text-align:left;
        padding-bottom:6px;

    }

    ul.edu_List_My li > div.date,
    ul.edu_List_Group li > div.date {
        width:100%;
        text-align:left;
        padding-bottom:5px;

    }

    ul.edu_List_My li > div.state, 
    ul.edu_List_Group li > div.state {
        width:100%;
        text-align:left;
        border-top:1px dashed #ddd;
        padding-top:10px;
        padding-bottom:5px;
    }
    ul.edu_List_My li > div.state, 
    ul.edu_List_Group li > div.state {
        position: absolute;
        bottom: 15px;
        right: 0;
        width: auto;
        padding: 2px 10px 2px;
        font-size: 13px;
        border: 1px solid #555555;
        border-radius: 250px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
    }
    .eduApplyList{
        margin: 0 0 30px;
    }
    .eduApplyList h2{
        font-size: 17px;
    }
}

@media screen and (max-width:500px)
{
    .eduApplyList h2 {

    }

    .eduApplyList h2:after {
        width:10px;
        height:10px;
        top:7px;
    }
}






.board_count{
    padding-bottom: 20px;
    margin-top: 40px;
}
.myapply_div{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.list_bk_btn{
    background-color: olivedrab;
}
.list_bk_btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    margin-left: 5px;
    padding: 0 20px 1px;
    text-align: center;
    background: #ffffff;
    font-size: 16px;
    color: rgb(87, 87, 87);
    border-radius: 8px;
    border: 1px solid #d3d2d2;
}
.list_bk_btn:hover{
    background: #ffffff;
    color: #004A9C;
    border: 1px solid #004A9C;
}
.list_bk_btn i{
    margin-right: 7px;
    margin-top: 1px;
}
@media screen and (max-width:767px){
    .myapply_div{

    }
    .list_bk_btn{
        padding-bottom:  0;
    }
    .list_bk_btn i{
        margin-top: -1px;
    }
}






.bbsViewCon{
    position: relative;
    display: block;
    width: 100%;
    padding: 26px 30px 30px;
    font-size: 15px;
    letter-spacing: -1px;
    word-break: break-word;
    line-height: 24px;
    overflow: auto;
}
div.bbsViewTop h3.viewTitle{
    position: relative;
    display: block;
    width: 100%;
    /* height: 53px; */
    line-height: 25px;
    font-size: 17px;
    padding: 11px 13px 15px;
    font-weight: 600;

    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
@media screen and (max-width:767px){
    div.bbsViewCon{
        padding-left: 7px;
    }
    div.bbsWrite div.bbsWriteTitle{
        margin-bottom: 0px;
    }
}








.search_wrap{
    padding: 40px 120px;
    background-color: #f2f4f9;
    border-radius: 20px;
}
.search_wrap .search_click{
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 7px 20px 9px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -0.9px;
    color: #fff;
    background-color: #004A9C;
    font-weight: 600;
    border-radius: 0 10px 10px 0;
    border: 0;
	position: relative;
}
.search_wrap .search_click[type="submit"]{
	cursor: pointer;
}
.search_wrap input.input_text{
    padding: 0 14.5px 2.4px 14.5px;
    font-size: 16px;
    letter-spacing: -0.9px;
    border: none;
    width: 100%;
    border-radius: 10px 0px 0px 10px;
}

.search_wrap .button_wrap{
    display: flex;
    gap: 10px;
}
.search_wrap .button_wrap.radio_ver{
	display: flex;
	flex-direction: column;
}
.search_wrap .button_wrap .area{
    position: relative;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 10px;
}
.search_wrap .button_wrap .area.small{
    width: 120px;
	min-width: 120px;
}

.search_wrap .button_wrap .area.small select{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    padding: 0 15px;
    background: #fff url(/assets/bsd02/image/program/education/icon_arrow_black_bottom.svg) no-repeat right 15px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
	border-radius: 10px;
	padding-bottom: 2px;
}
.search_wrap .button_wrap .area.big{
    display: flex;
}
@media screen and ( max-width: 1300px ){
	.search_wrap{
		padding: 40px 90px;
	}
}
@media screen and ( max-width: 1024px ){
	.search_wrap{
		padding: 20px 30px;
	}
	.search_wrap .search_click{
	    padding: 7px 20px 9px;
	}
}
@media screen and ( max-width: 767px ){
	.search_wrap{
		padding: 20px;
	}
	.search_wrap .button_wrap{
		flex-direction: column;
	}
	.search_wrap .button_wrap .area.small{
		width: 100%;
	}
	.search_wrap .button_wrap .area.small select{
		width: 100%;
		min-height: 43px;
		padding-bottom: 2px;
	}
	
}









div.bbsFile {
    position: relative;
    display: block;
    margin: 30px 0px 0;
    padding: 18px 0;
    padding-bottom: 20px;
    background: #f7f7f7;
    border-radius: 8px;
}

div.bbsFile > span.title { display: none; }

div.bbsFile ul.bbsFileList{
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding-right: 15px;
}
div.bbsFile ul.bbsFileList > li {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    padding-left: 20px;    
    text-align: left;
}

div.bbsFile ul.bbsFileList > li > a  {
    color: #848484;
    display: flex;
    line-height: 1.2;
}

div.bbsFile ul.bbsFileList > li > a > i {
    margin-right: 7px;
    margin-top: 2px;
}

i.fa-file-text-o { color: #6e6e6e; }
i.fa-file-archive-o { color: #b97800; }
i.fa-file-image-o { color: #777; }
i.fa-file-word-o { color: #3d70cc; }
i.fa-file-powerpoint-o { color: #ff6c95; }
i.fa-file-excel-o { color: #08a008; }
i.fa-file-pdf-o { color: #d41c1c; } 












.eduWriteCon h3 {
    position: relative;
    margin-bottom: 10px;
    margin-top: 30px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: normal;
}
@media screen and ( max-width: 767px ){
    .eduWriteCon h3 {
        margin-bottom: 13px;
        font-size: 17px;
    }
}



.education_write{}
@media screen and ( max-width: 767px ){
    .education_write{
        padding-top: 20px;
    }
}

.education_modify{

}
@media screen and ( max-width: 767px ){
    .education_modify{
        padding-top: 20px;
    }
}