@charset "utf-8";

div.board_info fieldset input {border-top:1px solid #ddd}

/*평생학습강좌*/
.academy_list {clear:both; overflow:hidden; padding:10px 0}
.academy_list > div > ul{border:1px solid #ddd; border-top:1px solid #333; float:left; margin-right:2%; width:31.97%; max-width:100%; transition:all .3s}
.academy_list > div > ul:nth-child(3n) {margin-right:0}
.academy_list > div > ul:nth-child(n+4) {margin-top:20px}
.academy_list > div ul li {border-bottom:1px solid #ddd}
.academy_list > div ul li:last-child {border-bottom:0}
.academy_list > div ul li > strong.th {border-right:1px solid #ddd; display:inline-block; padding:15px 10px; text-align:center; vertical-align:middle; width:37%; max-width:110px}
.academy_list > div ul li > span {display:inline-block; padding:15px 10px; vertical-align:middle; width:62%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.academy_list > div .name {background:#f9f9f9; padding:10px 20px; text-align:center}
.academy_list > div .name .tt {color:#333; display:block; font-size:1.25rem; font-weight:500; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .3s}
.academy_list > div .type {background:#666; border-radius:100px; color:#fff; display:block; font-size:0.9rem; font-weight:normal; padding:4px 10px; text-align:center; width:auto; max-width:75px; margin:0 auto 5px}
.academy_list > div .type.wait {background:#66a1e1}
.academy_list > div .type.ing {background:#55b995}
.academy_list > div .btn-more a {display:block; padding:15px 20px; text-align:center; width:100%}
.academy_list > div .btn-more a span {position:relative; transition:all .3s}
.academy_list > div .btn-more a span:before {content:''; position:absolute; right:0; top:7px; width:6px; height:6px; transform:rotate(45deg)}
.academy_list > div .btn-more a span:after {content:''; position:absolute; right:0; top:10px; width:0; height:1px; background:#aaa}

.academy_list > div ul.nodata {width:100%; padding:50px 30px}

/*효과*/
.academy_list > div > ul:hover {box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.1); transform:translateY(-5px); transition:transform 220ms}
.academy_list > div > ul:hover .name a  {text-decoration:underline}
.academy_list > div > ul:hover .btn-more a span {padding-right:20px}
.academy_list > div > ul:hover .btn-more a span:before {border-top:1px solid #666; border-right:1px solid #666}
.academy_list > div > ul:hover .btn-more a span:after {width:15px}

/*교육접수*/
.tstyle_view > div .type {background:#666; border-radius:100px; color:#fff; font-size:0.9rem; font-weight:normal; padding:4px 10px; text-align:center; width:auto; max-width:75px; margin:0 auto 5px}
.tstyle_view > div .type.wait {background:#66a1e1}
.tstyle_view > div .type.ing {background:#55b995}

.tstyle_write tbody tr td select {border:1px solid #ddd; height:30px; padding:5px}
.tstyle_write tbody tr td input {padding:5px}

/*수강신청*/
.education_view li strong{line-height:130%}
.education_view li.file-down {width:100%}
.education_view li.file-down strong {width:15%}
.education_view li.file-down span {padding:9px 15px 8px; width:82.5%}

/*개인정보 수집 동의*/
.privacy_agree .group .bul_dot div {margin-bottom:10px}


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

	.education_view li:nth-child(n+7) {float:none; width:100%}
	.education_view li:nth-child(n+7) strong {width:17.5%}
	.education_view li:nth-child(n+7) span {width:82.5%}	
	
}

@media screen and (max-width:768px) {
	.academy_list > div > ul {width:49%}
	.academy_list > div ul:nth-child(3n) {margin-right:2%}
	.academy_list > div ul:nth-child(2n) {margin-right:0}
	.academy_list > div ul:nth-child(n+3) {margin-top:20px !important}
}

@media screen and (max-width:530px) {
	.academy_list > div > ul {width:100%}
	.academy_list > div ul:nth-child(n+2) {margin-top:20px !important}
	.btn-go{margin-top:5px !important}
}

.education_view li span{height:43px}