[data-title="program_list"] {overflow:hidden; }/* margin 때문에 스크롤 발생해서 추가 */
div.search > input[type="search"] {padding:0 10px;}
ul.card_list[data-role="program"] {box-sizing:border-box; display:-ms-flexbox; display:-webkit-box; display:-moz-box; display:flex; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-left:-12px; margin-right:-12px; }
ul.card_list[data-role="program"] li.card_item {box-sizing:border-box; position:relative; width:calc(25% - 24px); height:320px; margin:12px; }
ul.card_list[data-role="program"] li.card_item > a {box-sizing:border-box; position:relative; width:100%; height:100%; display:block; }
ul.card_list[data-role="program"] li.card_item > a > div.card_img {box-sizing:border-box; position:relative; width:100%; max-height:160px; padding-top:14px; padding-left:14px; padding-bottom:47.86%; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; background-size:100% 100%; }
ul.card_list[data-role="program"] li.card_item > a > div.card_img div.tags {display: flex;}
ul.card_list[data-role="program"] li.card_item > a > div.card_img span.ico_year {position:absolute; display:inline-block; right:-45px; bottom:-45px; width:94px; height:94px; background-color:#0036ce; transform:rotate(45deg);}
ul.card_list[data-role="program"] li.card_item > a > div.card_img span.ico_year i {position:absolute; display:inline-block; width:33px; height:32px; left:0; top:30%; background:url(../image/program_ico_year.png)no-repeat center; transform:rotate(-45deg); z-index:2;}
ul.card_list[data-role="program"] li.card_item > a > div.card_img small.class {box-sizing:border-box; display:inline-block; width:58px; height:23px; vertical-align:top; font-size:12px; color:#fff; line-height:23px; text-align:center; border-radius:2px; }
ul.card_list[data-role="program"] li.card_item > a > div.card_img small + small {margin-left:3px;}
ul.card_list[data-role="program"] li.card_item > a > div.card_img small.class.prev {background:rgba(0,119,66,0.9);}
ul.card_list[data-role="program"] li.card_item > a > div.card_img small.class.ing {background:rgba(0,93,201,0.9);}
ul.card_list[data-role="program"] li.card_item > a > div.card_img small.class.end {background:rgba(105,105,105,0.9);}
ul.card_list[data-role="program"] li.card_item > a > div.card_img small.class.audit {background:rgba(140,42,108,0.9);}
ul.card_list[data-role="program"] li.card_item > a > div.card_img small.certificate {box-sizing:border-box; display:inline-block; width:58px; height:23px; padding-left:15px; font-size:12px; color:#fff; line-height:23px; text-align:center; border-radius:2px; background:url(../image/program_ico_certificate.png)no-repeat 5px center rgba(69,69,76,0.9);}
ul.card_list[data-role="program"] li.card_item > a > .no_backimg {display:inline-block; margin-top:9px; width:60px; height:31px; }
ul.card_list[data-role="program"] li.card_item > a > div.card_img small.match_label {display:inline-block; margin-top:9px; width:60px; height:31px; background:url(../image/match_img_label.png) no-repeat center;}
ul.card_list[data-role="program"] li.card_item > a > div.card_img span.step {padding-left:15px; position:absolute; left:0; bottom:0; width:100%; height:20px; line-height:20px; color:#fff; font-size:14px; font-weight:bold;}
ul.card_list[data-role="program"] li.card_item > a > div.card_img span.step.basic {background:linear-gradient(to left, rgba(255,255,255, 0),#ffc20a); }
ul.card_list[data-role="program"] li.card_item > a > div.card_img span.step.intensive {background:linear-gradient(to left, rgba(255,255,255, 0),#ff4a29); }
ul.card_list[data-role="program"] li.card_item > a > div.card_content {box-sizing:border-box; height:160px; padding-top:15px; position:relative;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content strong.title {display:block; display:-webkit-box; width:100%; min-height:40px; margin-bottom:13px; font-size:16px; color:#000; line-height:1.3; font-weight:700; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; vertical-align:middle; letter-spacing:-1px;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content p.name {min-height:14px; margin-bottom:7px; font-size:14px; line-height:14px; font-weight:bold; color:#555;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content p.institution {min-height:14px; margin-bottom:9px; font-size:14px; line-height:14px; color:#808080; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content div.date { margin-bottom:20px; line-height:20px;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content p.institution + div.date { margin-bottom:6px;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content div.date i.dday {display:inline-block; box-sizing:border-box; height:20px; margin-right:9px; padding:0 5px; color:#ee137b; font-size:12px; line-height:15px; font-weight:700; font-style:normal; border-radius:2px; vertical-align:top; border:1px solid #ee137b; }
ul.card_list[data-role="program"] li.card_item > a > div.card_content div.date span {color:#808080; font-size:14px; vertical-align:top;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content div.tag_wrap {height:22px; width:100%; overflow:hidden;}
ul.card_list[data-role="program"] li.card_item > a > div.card_content span.tag {display:inline-block; padding:5px 8px; background:#f2f2f2; border-radius:2px; color:#808080; font-size:12px; }
ul.card_list[data-role="program"] li.card_item > a > div.card_content span.tag + span.tag {margin-left:3px;}
ul.card_list[data-role="program"] li.card_item > a > div.card_cover {display:none; box-sizing:border-box; position:absolute; left:0; top:0; width:100%; height:100%; padding:20px 20px; background:rgba(0,0,0,0.8); color:#fff; z-index:2;  box-shadow:3px 15px 20px 0px #8080804d; }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info {}
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li {width:100%; display:table; padding-bottom:30px; }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li span.icon {display:table-cell; width:40px;vertical-align:top; }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li span.icon i.icon {display:block; width:40px; height:40px; background:url(../image/program_ico_operate_01.png)no-repeat center #00A85D; }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li.week span.icon i.icon {background-image:url(../image/program_ico_operate_02.png); }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li.time span.icon i.icon {background-image:url(../image/program_ico_operate_03.png); }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li.plus span.icon i.icon {background-image:url(../image/program_ico_plus.png);}
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li.like span.icon i.icon {background-image:url(../image/program_ico_like.png);}
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li p {display:table-cell; padding-left:10px; vertical-align:top; }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li p span.info {display:block; padding-bottom:10px; font-size:12px; color:rgba(255,255,255,0.6); }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li p strong {display:block; font-size:16px; font-weight:700; color:#fff; line-height:20px; word-break:keep-all; }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li p strong > span {display:block; font-size:16px; font-weight:normal; color:#fff; word-break:keep-all; }
ul.card_list[data-role="program"] li.card_item button.favorite {position:absolute; top:10px; right:12px; width:33px; height:33px; line-height:33px; font-size:22px; color:#fff; text-align:center; border-radius:50%; background:rgba(0,0,0,0.2); }
ul.card_list[data-role="program"] li.card_item button.favorite > i {display:block; width:33px; height:33px; line-height:33px; text-align:center;}
ul.card_list[data-role="program"] li.card_item button.favorite > i:before {display:block; width:33px; height:33px; line-height:36px; text-align:center;}
ul.card_list[data-role="program"] li.card_item button.favorite.favorite_select {color:#ee137b;}
ul.card_list[data-role="program"] li.card_item button.favorite.favorite_select > i:before {content:"\ea10";}
ul.card_list[data-role="program"] li.card_item > a > div.card_cover.micro {display:none; box-sizing:border-box; position:absolute; left:0; top:0; width:100%; height:100%; padding:100px 48px; background:rgba(0,0,0,0.8); color:#fff; z-index:2;  box-shadow:3px 15px 20px 0px #8080804d; }
ul.card_list[data-role="program"] li.card_item > a > div.card_cover.micro ul.info > li p strong {word-break:break-all;}
@media screen and (max-width:1020px) {
    /* data-role="program" */
    ul.card_list[data-role="program"] li.card_item {width:calc(33.3333% - 24px);}
}
@media screen and (max-width:768px) {
    ul.card_list[data-role="program"] li.card_item {width:calc(50% - 24px); height:auto; min-height:320px;}
    ul.card_list[data-role="program"] li.card_item > a > div.card_img {max-height:none;}
}
@media screen and (max-width:480px) {
    /* data-role="program" */
    ul.card_list[data-role="program"] li.card_item {width:100%;}
}