main.total_search div.comm ul.notice_list > li > span.type {position:relative; width:110px; color:#0036ce;}
main.total_search div.course_kocw ul.card_list {padding:20px 0; 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;}
main.total_search div.course_kocw ul.card_list li {box-sizing:border-box; position:relative; width:calc(25% - 24px); margin:24px 12px 12px 12px;}
main.total_search div.course_kocw ul.card_list li:nth-child(n+1):nth-child(-n+4) {margin-top:12px;}
main.total_search div.course_kocw ul.card_list li:nth-of-type(4n) {margin-right:0;}
main.total_search div.course_kocw ul.card_list li > a {box-sizing:border-box; position:relative; width:100%; height:100%; display:block;}
main.total_search div.course_kocw ul.card_list li > a > div.card_img {box-sizing:border-box; position:relative; width:100%; max-height:160px; padding-top:14px; padding-left:14px; padding-bottom:56.81%; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
main.total_search div.course_kocw ul.card_list li > a > strong {display:-webkit-box; width:100%; height:45px; margin:20px 0 10px; font-size:16px; font-weight:bold; line-height:22px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
main.total_search div.course_kocw ul.card_list li > a > strong.line {margin-bottom:10px;}
main.total_search div.course_kocw ul.card_list li > a > p {height:40px; font-size:14px; line-height:20px; color:#808080;}
main.total_search div.course_kocw ul.card_list li > a > div.univer {margin-top:10px;}
main.total_search div.course_kocw ul.card_list li > a > div.univer > i {display:inline-block; width:24px; height:24px; margin-right:10px; background:url(../image/ico_kocw_list_01.png) no-repeat center; vertical-align:middle;}
main.total_search div.course_kocw ul.card_list li > a > div.univer > span {display:inline-block; vertical-align:middle; font-size:14px;}
main.total_search div.course_kocw ul.card_list li 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); }
main.total_search div.course_kocw ul.card_list li button.favorite > i {display:block; width:33px; height:33px; line-height:33px; text-align:center;}
main.total_search div.course_kocw ul.card_list li button.favorite > i:before {display:block; width:33px; height:33px; line-height:36px; text-align:center;}
main.total_search div.course_kocw ul.card_list li button.favorite.favorite_select {color:#ee137b;}
main.total_search div.course_kocw ul.card_list li button.favorite.favorite_select > i:before {content:"\ea10";}
main.total_search div.course_micro ul.card_list {padding:20px 0;}
main.total_search div.course_micro ul.card_list li.card_item {height:335px;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_content {height:175px;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_content strong.title {height:41px; margin-bottom:12px;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_img small.num {display:inline-block; width:28px; height:27px; font-size:12px; font-weight:bold; line-height:24px; text-indent:-4px; background:url(../image/ico_open_num.png) no-repeat center; text-align:center; color:#fff; box-sizing:border-box; vertical-align:middle;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_img small.people {padding:3px 6px; font-size:12px; font-weight:bold; border-radius:2px; background:rgba(195,32,230,0.9); color:#fff; box-sizing:border-box; vertical-align:middle;}
main.total_search div.world ul.card_list {padding:20px 0; 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;}
main.total_search div.world ul.card_list li {box-sizing:border-box; position:relative; width:calc(25% - 24px); margin:24px 12px 12px 12px;}
main.total_search div.world ul.card_list li:nth-child(n+1):nth-child(-n+4) {margin-top:12px;}
main.total_search div.world ul.card_list li > a {box-sizing:border-box; position:relative; width:100%; height:100%; display:block;}
main.total_search div.world ul.card_list li > a > div.card_img {box-sizing:border-box; position:relative; width:100%; max-height:160px; padding-top:14px; padding-left:14px; padding-bottom:56.81%; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
main.total_search div.world ul.card_list li > a > strong {display:-webkit-box; width:100%; height:44px; margin:20px 0 18px; font-size:16px; font-weight:bold; line-height:22px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
main.total_search div.world ul.card_list li > a > p {line-height:20px; color:#808080;}
main.total_search div.world ul.card_list li 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); }
main.total_search div.world ul.card_list ul.list li button.favorite > i {display:block; width:33px; height:33px; line-height:33px; text-align:center;}
main.total_search div.world ul.card_list ul.list li button.favorite > i:before {display:block; width:33px; height:33px; line-height:36px; text-align:center;}
main.total_search div.world ul.card_list ul.list li button.favorite.favorite_select {color:#ee137b;}
main.total_search div.world ul.card_list ul.list li button.favorite.favorite_select > i:before {content:"\ea10";}
main.total_search div.box_search > div.search_wrap > div.search {width:100%;}
main.total_search div.search > input[type="search"] {padding:0 10px;}
main.total_search ul.series {padding:20px 0;}
main.total_search ul.series li {cursor:pointer;}
main.total_search div.lists ul > div.box_error {margin-top:10px; padding:190px 0 45px; width:100%; box-sizing:border-box; background:#e3f0fc url('../image/search_ico_error.png') no-repeat top 50px center; text-align:center;}
main.total_search div.lists ul > div.box_error > p {font-size:20px; font-weight:bold;}
main.total_search div.lists ul.notice_list > div.box_error {margin-top:30px;}

main.total_search div.course_liberalart ul.card_list li.card_item > a > div.card_img small.title {box-sizing:border-box; display:inline-block; position:absolute; left:14px; bottom:14px; width:58px; height:23px; font-size:12px; color:#fff; line-height:23px; text-align:center; border-radius:2px;}
main.total_search div.course_liberalart ul.card_list li.card_item > a > div.card_img small.title.live {line-height:20px; background:rgba(247,32,39,0.9);}
main.total_search div.course_liberalart ul.card_list li.card_item > a > div.card_img small.title.caption {background:rgba(73,65,215,0.9);}
main.total_search div.course_liberalart ul.card_list li.card_item > a > div.card_img small.title.sign {background:rgba(0,215,207,0.9);}
main.total_search div.course_liberalart ul.card_list li.card_item > a > div.card_img small.title.mooc {background:rgba(0,214,30,0.9);}

main.total_search div.course_udemy ul.card_list li button.favorite.favorite_select {color:#ee137b;}
main.total_search div.course_udemy ul.card_list li button.favorite.favorite_select > i {vertical-align:baseline;}
main.total_search div.course_udemy ul.card_list li button.favorite.favorite_select > i:before {content:"\ea10";}

main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover {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;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li {width:100%; display:table; padding-bottom:30px;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li span.icon {display:table-cell; width:46px; vertical-align:top;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li span.icon i.icon {display:block; width:46px; height:46px; background:url(../image/program_ico_operate_01.png)no-repeat center #00A85D;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li.week span.icon i.icon {background-image:url(../image/program_ico_operate_02.png);}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li.time span.icon i.icon {background-image:url(../image/program_ico_operate_03.png);}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li.plus span.icon i.icon {background-image:url(../image/program_ico_plus.png);}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li.like span.icon i.icon {background-image:url(../image/program_ico_like.png);}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li p {display:table-cell; padding-left:10px; vertical-align:top;}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li p span.info {display:block; padding-bottom:10px; font-size:13px; color:rgba(255,255,255,0.6);}
main.total_search div.course_micro ul.card_list li.card_item > a > div.card_cover ul.info > li p strong {display:block; font-size:20px; font-weight:700; color:#fff; line-height:20px; word-break:keep-all;}

main.total_search div.course_cb ul.card_list[data-role="program"] li.card_item > a > div.card_content {height: initial;}
main.total_search div.course_cb ul.card_list[data-role="program"] li.card_item {height: initial;}
/*main.total_search div.course_cb .card_content > p {height: 22px;}*/
main.total_search div.course_cb .card_content .credit {display: inline-block; font-size: 12px; line-height: 16px; font-weight: 700; color: #0035DD; border: 1px solid #0035DD; border-radius: 2px; padding: 2px 8px;}
main.total_search div.course_cb .card_content .title {padding-top: 8px;}
main.total_search div.course_cb .card_content .date {display: flex; flex-direction: column; gap: 2px;}
main.total_search div.course_cb .card_content .date:before {display: block; content: ""; margin: 8px 0; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.07);}
main.total_search div.course_cb .card_content .date p {font-size: 14px; font-weight: 500; color: #999999; line-height: 22px;}
main.total_search div.course_cb .card_content .date strong {font-weight: 700; color: rgba(0, 0, 0, 0.6);}
main.total_search div.course_cb .class.notyet {background: rgba(99, 60, 210, 0.9);}
main.total_search div.course_cb .class.opened {background: rgba(224, 17, 42, 0.9);}
main.total_search div.course_cb .class.end, main.total_search div.course_cb .class.deadline {background: rgba(102, 102, 102, 0.9) !important;}
main.total_search div.course_cb ul.card_list[data-role="program"] li.card_item > a > div.card_img small.class,
main.total_search div.course_cb > div.list ul.view > li.image div.card_img small.class {box-sizing: border-box; padding: 0 4px; min-width: 58px; width: initial; white-space: nowrap;}
main.total_search div.course_cb ul.card_list[data-role="program"] li.card_item > a > div.card_cover ul.info > li.credit span.icon i.icon {background: url(../image/program_ico_operate_04.png) no-repeat center #00A85D;}

/* 검색 결과 */
div.tab_list {padding:60px 0 20px;}
div.tab_list h4 {margin-bottom:30px; font-size:24px; line-height:34px; word-break:keep-all;}
div.tab_list span.blue {color:#0035dd;}
div.tab_list ul {font-size:0; border-left:1px solid #e0e0e0;}
div.tab_list ul::after {content:''; display:block; clear:both;}
div.tab_list ul > li {display: inline-block; width:20%; margin-top:-1px; box-sizing:border-box; height:59px; font-size:16px; font-weight:bold; line-height:60px; border:1px solid #e0e0e0; border-left:0; text-align:center;}
div.tab_list ul > li.selected {background:#0035dd; color:#fff;}
div.tab_list ul > li.selected > a > span.blue {color:#fff;}
div.tab_list ul > li > a {display:inline-block; width:100%; height:100%;}
div.tab_list ul > li > a > span {margin-left:5px; font-weight:normal;}
div.tab_list ul .tab_refine {letter-spacing: -1px;}

div.counsel {margin-top:60px; padding:50px 40px; border-radius:10px; background:#0036ce; box-sizing:border-box;}
div.counsel::after {content:''; display:block; clear:both;}
div.counsel > div {float:left;}
div.counsel > div.text {width:60%;}
div.counsel > div.text > h5 {margin-bottom:30px; font-size:24px; line-height:26px; color:#fff;}
div.counsel > div.text > p.dot {font-size:16px; line-height:26px; color:rgba(250,250,250,0.8); word-break:keep-all;}
div.counsel > div.text > p.dot:before {background:#fff;}
div.counsel > div.button {width:40%;}
div.counsel > div.button > a {float:left; width:200px; height:88px; padding:35px 12px; font-size:18px; font-weight:bold; border-radius:4px; box-sizing:border-box; background-color:#fff; background-repeat:no-repeat; background-position:center right 20px;}
div.counsel > div.button > a:last-child {margin-left:4px;}
div.counsel > div.button > a.chat {background-image:url(../image/about_ico_chat.png);}
div.counsel > div.button > a.email {background-image:url(../image/about_ico_email.png);}
@media screen and (max-width:1199px) {
    div.counsel > div.text {width:100%; margin-bottom:30px;}
    div.counsel > div.button {width:100%;}
    div.tab_list ul .tab_refine {letter-spacing: -2.5px;}
}
@media screen and (max-width:1020px) {
    main.total_search div.course_kocw ul.card_list li {width:calc(33.3333% - 24px); margin-right:12px !important;}
    main.total_search div.course_kocw ul.card_list li:nth-child(n+1):nth-child(-n+4) {margin-top:24px;}
    main.total_search div.course_kocw ul.card_list li:nth-child(n+1):nth-child(-n+3) {margin-top:12px;}
    main.total_search div.world ul.card_list li {width:calc(33.3333% - 24px);}
    main.total_search div.world ul.card_list li:nth-child(n+4) {margin-top:24px !important;}
    div.tab_list ul .tab_refine {letter-spacing: -4px;}
}
@media screen and (max-width:768px) {
    main.total_search div.course_kocw ul.card_list li {width:calc(50% - 24px);}
    main.total_search div.course_kocw ul.card_list li {margin:20px 12px;}
    main.total_search div.course_kocw ul.card_list li > a > div.card_img {padding-bottom:54.485%;}
    main.total_search div.course_kocw ul.card_list li:nth-child(n+1):nth-child(-n+3) {margin-top:24px;}
    main.total_search div.course_kocw ul.card_list li:nth-child(n+1):nth-child(-n+2) {margin-top:12px;}
    main.total_search div.world ul.card_list li {width:calc(50% - 24px);}
    main.total_search div.world ul.card_list li:nth-child(n+3) {margin-top:24px !important;}
    div.tab_list ul > li {width:calc((100% - 3px) / 2);}
    div.tab_list ul > li.last {border-bottom:1px solid #e0e0e0;}
    div.tab_list ul .tab_refine {letter-spacing: initial;}
}
@media screen and (max-width:550px) {
    div.counsel > div.button > a {width:100%;}
    div.counsel > div.button > a.email {margin-left:0; margin-top:10px;}
    div.tab_list ul .tab_refine {letter-spacing: -2px;}
}
@media screen and (max-width:480px) {
    main.total_search div.course_kocw ul.card_list li {width:100%; margin-right:0;}
    main.total_search div.course_kocw ul.card_list li:not(:first-child) {margin-top:30px !important;}
    main.total_search div.world ul.card_list li {width:100%; margin-right:0;}
    main.total_search div.world ul.card_list li:nth-child(n+2) {margin-top:24px !important;}
    div.tab_list ul .tab_refine {letter-spacing: -3.5px;}
}
@media (max-width:321px) {
    /* 검색창 노출화면 */
    div.tab_list h4 {font-size:21px;}
}