/*교육내용 toggle_btn*/

.pull-right {
    display:block;
    width:105px;
    height:30px;
    line-height:30px;
    background:#83b271;
    text-align:center;
    color:#ffffff;
    border-radius:50px;
    font-size:13px;
    font-family:'Malgun Gothic', sans-serif;
    border:1px solid #608353;
	padding-right:15px;
	cursor:pointer;
}

.pull-right .arrow_span
{
	position:absolute;
	top:27px;
	right:33px;
	display:block;
	width:10px;
	height:10px;
	font-size:0;
	transition:all .3s;
}
.pull-right.active .arrow_span
{
	transform:rotate(180deg);
	top:24px;
}
.pull-right .arrow_span:before,
.pull-right .arrow_span:after
{
	content:'';
	display:block;
	width:1px;
	height:7px;
	background-color:#ffffff;
	position:absolute;
	top:0;
	transition:all .3s;
	font-size:0px;
}
.pull-right .arrow_span:before
{
	left:2px;
	transform:rotate(135deg);
}
.pull-right .arrow_span:after
{
	right:2px;
	transform:rotate(-135deg);
}

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

    .pull-right {
        margin-top:-5px;
    }
    .pull-right .arrow_span {
        top:20px;
        right:28px;
    }
    .pull-right.active .arrow_span {
        top:16px;
        right:28px;
    }
}

@media screen and (max-width:420px) 
{
    .pull-right {
        width:97px;
    }

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

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

}

.sub_title_right
{
	display:none;
}

h3.secondTitle
{
	text-align:center;
	margin-bottom:10px;
}

h3.secondTitle.applyTitle {
    margin-bottom:25px;

}

ul.edu_List {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    margin-left: -20px;
    clear: both;
    overflow: hidden;
    margin-top:20px;    
}

ul.edu_List li {
    position: relative;
    display: block;
    float: left;
    width: calc(25% - 20px);
    border: 1px solid #dcdcdc;
    border-top: 2px solid #333;
    margin: 0px 0px 20px 20px;
    overflow: hidden;
}
ul.edu_List li:hover {
    border: 1px solid #b6d2e6;
    border-top:2px solid #d79a3e;
    box-shadow: 3px 3px 0px rgba(0,0,0,0.07);
}

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

ul.edu_List li div.edu_title {
    position: relative;
    display: block;
    width: 100%;
    min-height: 120px;
    padding: 15px 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 {
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-family: 'malgun gothic',sans-serif;
    background: #FFF;
    border: 1px solid #333;
    color: #333;
    padding: 0 15px;
    line-height: 20px;
    margin: 0 0 10px;
    border-radius: 30px;
}

ul.edu_List li div.edu_title h3 {
    position: relative;
    display: block;
    width: 100%;
    font-family: 'SpL';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

ul.edu_List li div.edu_con {
    position: relative;
    display: block;
    width: 100%;
    font-family: 'malgun gothic',sans-serif;   
    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;
}

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;    
}

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

span.txt_rea {
    color: #0a739c;
}

span.txt_end {
    color: #000;
    font-weight: bold;
}

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


ul.edu_List li a.edu_btn {
    position: relative;
    display: block;
    width: calc(100% - 10px);
    margin: 20px 5px 5px;
    line-height: 40px;
    text-align: center;
    background: #8b8b8b;
    color: #FFF;
    font-family: 'malgun gothic',sans-serif;   
    font-size: 15px;
}

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;
    color: #000;
}

.bbsWriteTitle .typeTitle {
    font-size: 16px;
    font-family: 'SpR';
    font-weight: 500;
}

.bbsWriteTitle .typeTitle span {
    position: relative;
    display: inline-block;
    font-family: 'SpR';
    font-weight: 500;
    background: #FFF;
    border: 1px solid #333;
    color: #333;
    padding: 0 12px;
    line-height: 27px;
    margin: 0 10px 0px 0;
    border-radius: 5px;
}

.eduViewTop { border-bottom: 0px !important; }

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

.edu_titleInfo dl {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    border-bottom: 1px dashed #dcdcdc;
    border-right: 1px solid #dcdcdc;  
    font-family: 'malgun gothic',sans-serif;   
    font-size: 14px;
    line-height: 40px;     
}

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

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

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

.eduViewCon {
    padding: 15px 10px 50px !important;
    margin-bottom: 30px;
}

.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: #0096d3;
    background: none;
    line-height: 1;
    border: 0px;
    box-shadow: none;
    padding: 0 5px 0 0;
    height: auto;
}


/* 교육 신청 st */
.eduWriteCon {
    position: relative;
    display: block;
    clear: both;
    /* border-top: 1px solid #535353; */
    margin: 30px 0 10px;
}

.eduWriteCon {
    margin: 30px 0;
}

.eduWriteCon h3 {
    position: relative;
    font-family: 'SpR';
    font-size: 18px;
    color: #000000;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 25px;
}

.eduWriteCon h3:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #575757;
    border-radius: 100%;
}
 
.eduWriteCon .eduWriteList {
    position: relative;
    border-bottom: 1px solid #d7d7d7;
    padding: 10px 0px;
    line-height: 22px;
    overflow: hidden;
}

.eduTableBox .eduTable {
    font-family: 'sp_light', Sans-serif;
    width: 100%;
}

.eduTableBox .eduTable th, .eduTableBox .eduTable td {
    border: 1px solid #d7d7d7;
    border-left: 0;
    border-right: 0;
    text-align: left;
    padding: 10px;
    line-height: 22px;
}

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

.eduTableBox .eduTable td {
    color: #000;
}

/*단체정보수정 - 이메일*/
.eduWriteCon .eduWriteList.Group_e {
    height:84px;
}

.eduGWriteBox .eduWriteList {
    width: 50%;
    float: left;
}




/* .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 {
    position: absolute;
    display: table-cell;    
    width: 150px;
    height: 100%;
    padding: 10px;
    top: 0%;
    left: 0px;
    font-family: 'sp_light', Sans-serif;
    font-size: 14px;
    color: #000;
    background: #efefef;
    vertical-align: middle;
    line-height: 22px;
}

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

.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 10px;
    margin: 0 10px 0 0;
}

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

.eduWriteCon .eduWriteList > div span.Hyphen {
    display:inline-block;
    margin:0;
}

.eduWriteCon .eduWriteList > div span.at {
    display:inline-block;
    margin:0;
}

/*개인 input css */

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



.eduWriteCon .eduWriteList > div > input.info_email_f-i {
    width:31%;
    margin:0;
}

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


.eduWriteCon .eduWriteList > div span {
    display:block;
    margin-top:5px;
    color:#12579f;
    font-size:13px;
    margin-left:5px;

}

/*단체 input css */
.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 span {
    display:block;
    margin-top:5px;
    color:#12579f;
    font-size:13px;
    margin-left:5px;

}

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

.eduWriteCon .eduWriteList > div > select#g_email_sel
 {
    width: 36%;
    margin:0;
}

.eduWriteCon .eduWriteList > div > select#i_email_sel {
    width: 34.5%;
    margin:0;

}

.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 #d7d7d7;
}

.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;
    font-family: 'Malgun Gothic', sans-serif;
}

.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;
    font-family: 'Malgun Gothic', sans-serif;
    cursor: pointer;
    line-height: 30px;
}

.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;
}

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


.eduApplyListbm {    
    margin: 0px;
}

.eduApplyList h2 {
    position: relative;
    font-family: 'SpR';
    font-size: 18px;
    color: #000000;
    padding-left: 25px;
    margin-bottom: 15px;
    line-height: 25px;
}

.eduApplyList h2:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #575757;
    border-radius: 100%;
}

.eduApplyList h2 > span,
.spanCount {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'malgun gothic',sans-serif;
    background: #0357a9;
    /* border: 1px solid #333; */
    color: #FFF;
    padding: 0 10px;
    line-height: 20px;
    margin: 0 10px;
    border-radius: 30px;
}

.spanCount {
    display: none;
}

.raCho {
    display: block;
    width: 100%;
    margin: 4px 0px;
}

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

.eduBtn a,
.eduBtn button {
    height: auto !important;
    border: 1px solid #333 !important;
    background: #FFF !important;
    line-height: 25px !important;
    font-size: 12px !important;
    padding: 0 10px !important;
    color: #333 !important;
}

.eduList {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 20px;
    padding: 0px;
    font-family: 'Malgun Gothic', sans-serif;
    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 #d7d7d7;
}

.eduList li.eduBody:last-child {
    border-bottom: 1px 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-family: 'Verdana','Malgun Gothic';
}

.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:1200px;
    margin: 50px auto 150px;
}

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

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

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




@media screen and (max-width: 1024px) {
    ul.edu_List {
        margin-left: -15px;
    }
    
    ul.edu_List li {
        width: calc(33.3333% - 15px);
        margin: 0px 0px 20px 15px;
    }

    .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)
{


    .eduWriteCon .eduWriteList > div > input.info_email_f-i {
        width:23%;
    }

    .eduWriteCon .eduWriteList > div > input.info_email_f-g {
        width:23%;
    }
}



@media screen and (max-width: 768px) {
    ul.edu_List li div.edu_title {
        min-height: 100px;
        padding: 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 {
        font-size: 15px;
        line-height: 20px;
        height: 40px;        
        overflow: hidden; 
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word; 
        display: -webkit-box; 
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical;
    }

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

    ul.edu_List li a.edu_btn {
        width: calc(100% - 6px);
        margin: 15px 3px 3px;
        line-height: 35px;   
        font-size: 14px;
    }


    .eduGWriteBox .eduWriteList {
        width: 100%;
    }


    .spanCount {
        display: inline-block;
    }

    .eduWriteCon span.num {
        display: none;
    }

    .eduList li.eduBody span {
        width: 33.33333%;
        text-align: left;
        line-height: 18px;
        padding: 0px;
    }

    .eduList li.eduBody span > span.sTit {
        display: inline-block;
        font-size: 13px;
        color: #8b8b8b;
        width: 67px;
        text-align: right;
        line-height: 18px;
        padding: 0 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 {
        text-overflow: clip;
        overflow:auto;
        white-space:normal;
    }

}


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


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

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

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

    .eduWriteCon .eduWriteList > div > input, 
    .eduWriteCon .eduWriteList > div > select, 
    .eduWriteCon .eduWriteList > div > textarea.a_content {
        height: 30px;
    }
    
    .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;
    }

}


@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 {
        font-size: 14px;
        line-height: 20px;
        height: auto;
        margin-bottom: 5px;
        overflow: hidden;
        display: block;
    }

    ul.edu_List li a.edu_btn {
        line-height: 30px;
        font-size: 13px;
    }

    .edu_titleInfo dl {  
        line-height: 18px;
        padding: 8px 0;
    }

    .edu_titleInfo dl dt {
        width: 85px;
    }

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


    .bbsWriteTitle .typeTitle span {
        padding:0 10px;
        line-height:23px;
        font-size:14px;

    }
    div.bbsViewTop h3.viewTitle {
        font-size: 15px;
        padding: 10px 10px;
    }
    
    .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:97%;
        margin-top:8px;
    }

    .eduWriteCon .eduWriteList > div > input.info_email_f-i {
        width:43%;
    }

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

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

    .eduWriteCon .eduWriteList > div > input.info_email_f-g {
        width:43%;
    }

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


}


@media screen and (max-width: 320px) {
    
    .eduWriteCon .eduWriteList > label {
        width: 90px;
        padding: 7px;
        font-size: 13px;
        line-height: 18px;
    }

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

    .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%;
    margin:5px 0 10px;
    padding:0px;
    border-bottom:2px solid #535353;
    overflow:hidden;

}

ul.edu_List_My li,
ul.edu_List_Group li
 {
    position:relative;
    display:table;
    width:100%;
    font-size:15px;
    font-weight:normal;
    font-family:'Verdana','Malgun Gothic', sans-serif;
    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

{
    background:#535353;
    color:#fff;
    border-radius:5px;
    line-height:45px;
    overflow:hidden;

}

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:#ca2239;
    font-weight:bold;

}

ul.edu_List_My li > div.condition .end,
ul.edu_List_Group li > div.condition .end {
    color:#327dbb;
    font-weight:bold;

}



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.listHead > div:not(:last-child):after,
ul.edu_List_Group li.listHead > div:not(:last-child):after
 {
    content:'';
    position:absolute;
    top:15px;
    right:0;
    width:1px;
    height:14px;
    background:#d7d7d7;
    z-index:5;

}

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

}

ul.edu_List_My li.listBody > div.edu_title_apply,
ul.edu_List_Group li.listBody > div.edu_title_apply
 {
    text-align:left;
    
}

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:768px)
{
    ul.edu_List_My,
    ul.edu_List_Group {
        border-top:2px solid #535353;

    }

    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;
        margin-top:0;
    }


}

@media screen and (max-width:500px)
{
    .eduApplyList h2 {
        font-size:16px;
        padding-left:15px;
        margin-bottom:10px;
    }

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