/* 일반강좌 상세 페이지 */
main.basic_view > div.list {padding-bottom:40px; background:url(../image/about_bg_basic01.png) no-repeat center / cover;}
main.basic_view > div.list div.breadcrumb {height:auto; padding:25px 0 40px; line-height:30px; border:none; background:transparent; box-shadow:none; color:#fff;}
main.basic_view > div.list div.breadcrumb > a {display:inline-block; margin-right:5px; font-size:14px; vertical-align:middle;}
main.basic_view > div.list div.breadcrumb > a:hover {text-decoration: underline;}
main.basic_view > div.list div.breadcrumb > i {display:inline-block; margin-right:5px; font-size:14px; vertical-align:middle;}
main.basic_view > div.list div.breadcrumb > a.share {float:right; display:inline-block; width:41px; height:41px;}
main.basic_view > div.list div.breadcrumb > a.share > i {display:inline-block; width:100%; height:100%; background:url(../image/ico_basic_view_01.png) no-repeat center;}
main.basic_view > div.list ul.view {display:flex; flex-wrap:wrap;}
main.basic_view > div.list ul.view > li {width:calc((100% - 40px) / 2);}
main.basic_view > div.list ul.view > li.image {margin-right:40px;}
/* 23.09.06 썸네일비율 스타일 수정 { */
main.basic_view > div.list ul.view > li.image div.card_img {padding-bottom:55.86%; box-sizing:border-box; position:relative; width:100%; padding-top:14px; padding-left:14px;background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;background-size:100% 100%;}
/* } 23.09.06 썸네일비율 스타일 수정 */
main.basic_view > div.list ul.view > li.image div.card_img small.class {box-sizing:border-box; display:inline-block; width:58px; height:23px; font-size:13px; color:#fff; line-height:23px; text-align:center; border-radius:2px; }
main.basic_view > div.list ul.view > li.image div.card_img small + small {margin-left:3px;}
/* 23.06.29 허만우 스타일 수정 { */
main.basic_view > div.list ul.view > li.image div.card_img small.class.prev {background:rgba(0,182,98,0.9);}
main.basic_view > div.list ul.view > li.image div.card_img small.class.ing {background:rgba(8,119,240,0.9);}
main.basic_view > div.list ul.view > li.image div.card_img small.class.end {background:rgba(126,129,140,0.9);}
main.basic_view > div.list ul.view > li.image div.card_img small.class.audit {background:rgba(140,42,108,0.9);}
/* } 23.06.29 허만우 스타일 수정 */
main.basic_view > div.list ul.view > li.image 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);}
main.basic_view > div.list ul.view > li.image div.tag {height:28px; margin-top:10px; font-size:0; color:#fff; overflow:hidden;}
main.basic_view > div.list ul.view > li.image div.tag > a {display:inline-block; padding:5px 15px; margin-right:5px; margin-bottom:5px; font-size:16px; border:1px solid rgba(250,250,250,0.8); border-radius:20px; vertical-align:top; box-sizing:border-box;}
main.basic_view > div.list ul.view > li.text > div.title > h4 {display:inline-block; font-size:26px; font-weight:bold; line-height:38px; word-break:keep-all; color:#fff; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.title > span {display:inline-block; margin-right:10px; padding:10px; font-size:16px; line-height:17px; font-weight:bold; border-radius:2px; background:#ee137b; color:#fff; box-sizing:border-box; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.list > ul {display:flex; flex-wrap:wrap; margin-top:30px; box-sizing:border-box;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li {display:flex; flex-direction:column; width:50%; gap:14px; flex-wrap:wrap; margin-bottom:14px; box-sizing:border-box;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot {box-sizing:border-box; width:100%; min-height:32px; font-size:0;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot:before {background:#fff;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot:last-child {margin-bottom:0;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span {display:inline-block;width:calc(100% - 100px);min-height:32px;vertical-align:top;font-size:14px;line-height:18px;word-break:keep-all;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.catagory {width:100px; font-weight:normal; color:rgba(250,250,250,0.8);}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.catagory > i {display:inline-block; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.catagory > b {display:inline-block; font-weight:normal; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.catagory > a {display:inline-block; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.catagory > a > i.question {display:inline-block; width:18px; height:18px; background:url(../image/ico_basic_view_02.png) no-repeat center; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content {color:#fff;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > i {display:inline-block; font-weight:bold; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > b {display:inline-block; word-break:break-all; vertical-align:middle; font-size:14px;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > a {display:inline-block; font-weight:bold; vertical-align:middle; font-size:14px;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > a > i.xi-home {margin-left:5px; padding:5px; border:1px solid #fff; border-radius:15px; box-sizing:border-box; text-align:center;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > a > i.addview {display:none; margin-left:5px; width:16px; height:16px; background:url(../image/ico_basic_view_08.png) no-repeat center; vertical-align:top;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.star > i {font-size:18px; color:#ffc82e;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.star > i.gray {color:#b9bdc3;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.star > strong {display:inline-block; padding-left:10px; font-size:16px; vertical-align:middle;}
/* 23.04.24 허만우 스타일 추가 { */
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:100px;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > a {vertical-align:top;}
main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > a > i.xi-home {padding:3px;}
/* } 23.04.24 허만우 스타일 추가 */
main.basic_view > div.list ul.view > li.text > div.list > div.button {margin-top:40px;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > a {display:inline-block;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > a > i.heart {display:inline-block; width:58px; height:56px; border-radius:4px; background:#fff url(../image/ico_basic_view_03.png) no-repeat center; vertical-align:middle;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > a > i.heart.heart_select {background:#fff url(../image/ico_basic_view_09.png) no-repeat center;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > div {display:inline-block; float:right; width:calc(100% - 58px);}
main.basic_view > div.list ul.view > li.text > div.list > div.button > div > button {float:left; display:inline-block; width:calc((100% - 8px) / 2); height:56px; font-size:16px; font-weight:bold; line-height:56px; border-radius:4px; vertical-align:middle; text-align:center;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > div > button.apply {margin:0 4px; background:#00A85D; color:#fff;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > div > button.class {margin:0 4px; background:#fff; color:#000;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > div > button.audit {margin:0 4px; background:#0035dd; color:#fff;}
main.basic_view > div.list ul.view > li.text > div.list > div.button > div > button.end {margin:0 4px; background:gray; color:#fff; cursor:default;}
main.basic_view > div.list ul.view > li.text > div.list > div.course_btn > div > button {float:left; display:inline-block; width:calc(100% - 8px); height:56px; font-size:16px; font-weight:bold; line-height:56px; border-radius:4px; vertical-align:middle; text-align:center;}
main.basic_view div[data-role='tab_menu'] {padding-top:0;}
main.basic_view div[data-role='tab_menu'] ul.tab_wrap {visibility:hidden;}
main.basic_view div[data-role="tab_menu"] ul.tab_wrap li {width:183.1px;}
main.basic_view div[data-role="context_list"] {padding-top:0;}
main.basic_view div[data-role="context_list"] > div.list_header {padding:60px 0 30px; border-bottom:none;}
main.basic_view div[data-role="context_list"] > div.list_header > strong {display:inline-block; width:100%; font-size:24px; font-weight:bold;}
main.basic_view div[data-role="context_list"] > ul.group_list {padding:0;}
main.basic_view div[data-role="intro_list"] {margin-top:60px; margin-bottom:40px;}
main.basic_view div[data-role="intro_list"]::after {content:''; display:block; clear:both;}
main.basic_view div[data-role="intro_list"] > div {float:left;}
main.basic_view div[data-role="intro_list"] > div.intro {width:64%; margin-right:40px;}
main.basic_view div[data-role="intro_list"] > div.application {float:right; width:32%;}
/* 23.03.17 oz15 스타일 수정 { */
main.basic_view div[data-role="intro_list"] > div.intro article + article {margin-top: 10px;}
main.basic_view div[data-role="intro_list"] > div.intro article h6 {padding:12px 0; margin-bottom:0; font-size:16px; font-weight:bold;}
main.basic_view div[data-role="intro_list"] > div.intro article h5,
main.basic_view div[data-role="intro_list"] > div.intro article h4,
main.basic_view div[data-role="intro_list"] > div.intro article h3 {margin-bottom:0.5rem; font-weight:500; line-height:1.2; color:inherit;}
main.basic_view div[data-role="intro_list"] > div.intro article h5 {font-size:1.25rem;}
main.basic_view div[data-role="intro_list"] > div.intro article h4 {font-size:1.5rem;}
main.basic_view div[data-role="intro_list"] > div.intro article h3 {font-size:1.75rem;}
main.basic_view div[data-role="intro_list"] > div.intro article p {padding-left:10px; font-size:14px; color:#666; line-height:1.4;}
main.basic_view div[data-role="intro_list"] > div.intro article pre {display:block; font-size:87.5%; color:#212529;}
main.basic_view div[data-role="intro_list"] > div.intro article i {font-style:italic;}
main.basic_view div[data-role="intro_list"] > div.intro article ul.dot {padding-left:1rem; list-style:none;}
main.basic_view div[data-role="intro_list"] > div.intro article ul li {list-style:inherit; position:relative; padding:4px 0 4px 11px; font-size:14px; color:#666; line-height:1.4;}
main.basic_view div[data-role="intro_list"] > div.intro article ul li:first-child {padding:0 0 4px 11px;}
main.basic_view div[data-role="intro_list"] > div.intro article ul.dot li::before {box-sizing:border-box; content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background:#666; border-radius:50%;}
main.basic_view div[data-role="intro_list"] > div.intro article ul b {font-weight:bolder;}
main.basic_view div[data-role="intro_list"] > div.intro article ul pre {display:block; margin-top:0; margin-bottom:1rem; overflow:auto; white-space:pre; font-size:87.5%; line-height:1.2; font-weight:500; color:#212529;}
main.basic_view div[data-role="intro_list"] > div.intro article ol,
main.basic_view div[data-role="intro_list"] > div.intro article ul,
main.basic_view div[data-role="intro_list"] > div.intro article dl {padding-left:1rem; list-style:inherit; margin-top: 0; margin-bottom: 1rem}
main.basic_view div[data-role="intro_list"] > div.intro article ol {list-style-type:decimal; list-style-type: decimal; margin-block-start: 0px; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}
main.basic_view div[data-role="intro_list"] > div.intro article ol li {display:list-item; list-style:inherit; text-align:-webkit-match-parent; font-size:14px; color:#666; line-height:1.4;}
main.basic_view div[data-role="intro_list"] > div.intro article ul {padding-left:1rem; display:block; list-style-type:disc; margin-block-start:0px; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px;}
main.basic_view div[data-role="intro_list"] > div.intro article ul li {display:list-item; text-align:-webkit-match-parent;}
main.basic_view div[data-role="intro_list"] > div.intro article ul li::marker {unicode-bidi:isolate; font-variant-numeric:tabular-nums; text-transform:none; text-indent:0px !important; text-align:start !important; text-align-last:start !important;}
/* } 23.03.17 oz15 스타일 수정 */
/* 23.04.21 oz8 스타일 추가 { */
main.basic_view div[data-role="intro_list"] > div.intro section {line-height:160%; width:98%; margin-top:40px;}
main.basic_view div[data-role="intro_list"] > div.intro section h2 {font-size:1.4rem; margin:1.25rem 0 0.28rem 0;}
main.basic_view div[data-role="intro_list"] > div.intro section article {padding-top:10px; padding-left:15px;}
main.basic_view div[data-role="intro_list"] > div.intro section article h3 {font-size: 1.1rem; margin: 0.25rem 0 0.25rem 0;}
main.basic_view div[data-role="intro_list"] > div.intro section .article_contents {padding-left:10px; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro section .fa {display:inline-block; font-family:FontAwesome; font-feature-settings:normal; font-kerning:auto; font-size:inherit; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1; text-rendering:auto; transform:translate(0px, -1.5px); width:30px;}
main.basic_view div[data-role="intro_list"] > div.intro section .youtubewrap {position:relative; max-width:100%; height:auto; padding-bottom:5px !important; padding-top:5px; overflow:hidden;}
main.basic_view div[data-role="intro_list"] > div.intro section video {width:100%; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor,
main.basic_view div[data-role="intro_list"] > div.intro article.staff {padding:0;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor:after,
main.basic_view div[data-role="intro_list"] > div.intro article.staff:after {content:''; display: block; clear:both;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor img,
main.basic_view div[data-role="intro_list"] > div.intro article.staff img {float:left; width:110px; height:145px; overflow:hidden; border:1px solid #eee; border-radius:5px;vertical-align:middle; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor dl,
main.basic_view div[data-role="intro_list"] > div.intro article.staff dl {float:left; width:calc(100% - 110px); margin:0; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor dt,
main.basic_view div[data-role="intro_list"] > div.intro article.staff dt {margin-top:10px; margin-bottom:0.3125rem; font-weight:700;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor dd,
main.basic_view div[data-role="intro_list"] > div.intro article.staff dd {margin-left:18px;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor dd + dd,
main.basic_view div[data-role="intro_list"] > div.intro article.staff dd + dd {margin-top:10px;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor dt i,
main.basic_view div[data-role="intro_list"] > div.intro article.staff dt i {width:17px;}
main.basic_view div[data-role="intro_list"] > div.intro article.professor dt i.staff-name,
main.basic_view div[data-role="intro_list"] > div.intro article.staff dt i.staff-name {font-style:normal;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.image > span {border-radius: 5px;height:145px;}
main.basic_view div[data-role="intro_list"] > div.intro article + article {margin-top:10px;}
main.basic_view div[data-role="intro_list"] > div.intro table {width:100%; background-color:#ffffff; font-size:13px; border-spacing:0; border-collapse:collapse; border:1px solid #c8c8c8;}
main.basic_view div[data-role="intro_list"] > div.intro table caption {position:absolute; width:1px; height:1px; margin:-1px; clip-path:polygon(0 0, 0 0, 0 0);}
main.basic_view div[data-role="intro_list"] > div.intro table th {padding:10px 10px; border-left:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background-color:#eeeeee;}
main.basic_view div[data-role="intro_list"] > div.intro table td {padding:10px 10px; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; line-height:140%;}
main.basic_view div[data-role="intro_list"] > div.intro article.question h4 {font-size: 1.1rem; margin: 0.25rem 0 0.25rem 0;}
main.basic_view div[data-role="intro_list"] > div.intro article.question h4 .fa {width:20px;}
/* } 23.04.21 oz8 스타일 추가 */
/* 23.04.25 마이그레이션 강좌소개 스타일 추가 - 기존사이트 적용 css { */
/*main.basic_view div[data-role="intro_list"] > div.intro section .title-box {position:absolute; top:-25px; padding:10px 30px 10px 25px; color:#fff; background:linear-gradient(to right, #57c792, #7ad7c9); background:-webkit-linear-gradient(to right, #57c792, #7ad7c9); background:-moz-linear-gradient(to right, #57c792, #7ad7c9); background:-o-linear-gradient(to right, #57c792, #7ad7c9); border-radius:0 50px 50px 0;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .title-box.alone {display:inline-block; position:relative; top:0; margin-top:20px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .title-box img {width:18px; vertical-align:middle; margin-top:-2px}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .one-depth {clear:both; margin:20px 0 0; padding:2px 0 0 30px; font-size:16px; font-weight:bold;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .one-depth.alone {margin:20px 0 0 15px; padding-left:0px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .two-depth {margin:15px 0 10px 30px; padding:10px 20px; border-left:1px solid #57c791 ; background-color:#f9f9f9;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .two-depth.no-line {border:1px solid #57c791; border:0px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .two-depth.no-bg {background-color:transparent;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .two-depth.alone {width:calc(100% - 15px); margin:15px 0 0 15px ;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .two-depth p {margin:5px 0; color:#666;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .special {color:#57c791; font-weight:bold;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .special.big {font-size:23px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .arrow-bg {display:inline-block; float:left; background-color:#57c792; padding:0; width:22px; height:22px; line-height:22px; text-align:center; border-radius:100px; box-sizing:border-box;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .arrow-bg img {width:12px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .row-text {margin-left:32px; line-height:1.7; color:#666;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .row-text.alone {margin-left:5px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .space {padding-top:15px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .basic-table td {vertical-align:middle; border:1px solid #ddd; border-right:0; border-left:0;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .basic-table td p {margin:15px 0;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .btn_style {display:inline-block; margin-top:20px; padding:12px 35px; color:#fff; text-decoration:none;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .btn_style.blue {background-color:#0075b4;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna {border:1px solid #ddd; box-sizing:border-box; border-radius:50px; padding:0; background:#f4f4f4; width:100%; display:inline-block;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna dl {width:100%; display:inline-block; box-sizing:border-box; padding:50px; margin:0; position:relative;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .question {padding:50px 50px 20px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .question dt {position:absolute; top:40px; left:50px; font-size:30px; font-weight:bold; color:#808080;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .question dd {padding-left:40px; line-height:1.4em; font-size:15px; font-weight:bold;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .answer {background:#fff; box-sizing:border-box; border-radius:50px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .answer dt {position:absolute; top:40px; left:50px; font-size:30px; font-weight:bold; color:#57c791;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .answer dd {padding-left:40px; line-height:1.4em; font-size:15px; font-weight:400;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .answer dd .download {margin:10px 0; padding:0 20px; border:1px solid #0075b4; display:inline-block; position:relative; border-radius:5px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .answer dd .download-btn img {position:absolute; top:20px; left:20px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .answer dd .download-btn img {width:27px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .qna .answer dd .download a {padding:20px 0 20px 40px; display:inline-block; text-decoration:none;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .notice {font-weight:bold; color:#F90; }*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .time-table .t-center {text-align:center;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .time-table .t-subject {font-weight:bold;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .time-table .t-test {background-color:#dcdcdc}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .professor .teacher_image {width:100%; max-width:100%; min-width:auto; border-bottom:3px solid #57c792;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section .course-info .details dt {font-size:23px; padding:15px 0 10px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section #toggle + label {padding:15px 10px; font-size:17px;}*/
/* 기존사이트랑 불러올 때 구조가 달라 스타일 추가 */
/*main.basic_view div[data-role="intro_list"] > div.intro p.mt-35 {margin-top:35px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro blockquote {line-height:1.5;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro blockquote + blockquote table {border-top:none;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro blockquote p,*/
/*main.basic_view div[data-role="intro_list"] > div.intro section p {line-height:1.5;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section p > a {color:#0036ce;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section h2 + video {margin:5px 0;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section ul li {line-height:1.4;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro section.coursepage {margin-top:0;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro article > img {float:left; width:110px; height:110px; overflow:hidden; border:1px solid #eee; vertical-align:middle; box-sizing:border-box;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro article:after {content:''; display:block; clear:both;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro article > img ~ h3,*/
/*main.basic_view div[data-role="intro_list"] > div.intro article > img ~ p {float:left; width:calc(100% - 110px); padding-left:1rem; box-sizing:border-box;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro img + h5 {font-size:14px; margin:10px 0;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .introduce {line-height:24px;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .introduce p {line-height:1.5;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .introduce table {width:100% !important;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro article.staff + article {padding-left:0;}*/


/*강좌 상세*/
/*main.basic_view div[data-role="intro_list"] > div.intro .syllabus_table table {max-width: 100%; width: 100% !important;table-layout:fixed;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .syllabus_table table td{height:56px;vertical-align: middle !important;text-align: center !important;padding: 10px !important;border: 1px solid #e0e0e0 !important;word-wrap:break-word;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .syllabus_table table td:nth-child(1) {width:8%}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .syllabus_table table td:nth-child(2) {width:30% !important;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .syllabus_table table td:nth-child(3) {width:8%}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .syllabus_table table td:nth-child(5) {width:15% !important;}*/
/*main.basic_view div[data-role="intro_list"] > div.intro .syllabus_table table td p {line-height: 1.4;}*/


/* } 23.04.25 마이그레이션 강좌소개 스타일 추가 - 기존사이트 적용 css */
main.basic_view div[data-role="intro_list"] > div.intro > h5 {display:inline-block; width:100%; margin-bottom:29px; font-size:24px; font-weight:bold; line-height:24px;}
main.basic_view div[data-role="intro_list"] > div.intro > h5.margin_b {margin-bottom:0;}
main.basic_view div[data-role="intro_list"] > div.intro > h5.plan {margin-bottom:15px;}
main.basic_view div[data-role="intro_list"] > div.intro > h5.management {margin-bottom:23px;}
main.basic_view div[data-role="intro_list"] > div.intro > h5 > span {display:inline-block; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > h5 > button {float:right; display:inline-block; padding:12px 13px; border:1px solid #e0e0e0; border-radius:2px; box-sizing:border-box; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > h5 > button > i {display:inline-block; font-size:15px; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > h5 > button > span {display:inline-block; vertical-align:middle; color:#333;}
main.basic_view div[data-role="intro_list"] > div.intro > strong {display:inline-block; width:100%; margin-bottom:28px; font-size:16px; font-weight:bold; line-height:24px; word-break:keep-all;}
main.basic_view div[data-role="intro_list"] > div.intro > p {line-height:24px; color:#666; word-break:keep-all;}
main.basic_view div[data-role="intro_list"] > div.intro > div.line {margin:40px 0; height:1px; background:#e5e5e5;}
/* 23.02.24 oz15 스타일 추가 { */
main.basic_view div[data-role="intro_list"] > div.intro > div.preview {display:none; width:100%;  margin:0 auto;}
main.basic_view div[data-role="intro_list"] > div.intro > div.preview.show {display:block;}
main.basic_view div[data-role="intro_list"] > div.intro > div.preview > h5 {display:inline-block; width:100%; margin-bottom:29px; font-size:24px; font-weight:bold; line-height:24px;}
main.basic_view div[data-role="intro_list"] > div.intro > div.preview > div.conts  {width:100%; height:auto; padding-bottom:56.25%; position:relative }
main.basic_view div[data-role="intro_list"] > div.intro > div.preview > div.conts > * {width:100%; height:100%; position:absolute; left:0; top:0; background:#f5f5f5;}
main.basic_view div[data-role="intro_list"] > div.intro > div.preview > div.line {margin:40px 0; height:1px; background:#e5e5e5;}
/* } 23.02.24 oz15 스타일 추가 */
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan {border:1px solid #e6e6e6;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li {padding:25px 30px; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li:last-child {border-bottom:0;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > strong {display:inline-block; width:100%; margin-bottom:20px; font-size:16px; line-height:30px;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > strong > span {color:#666;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > strong > a {float:right; display:inline-block; font-size:14px; color:#0877f0;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > strong > a > span {display:inline-block; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > strong > a > i {display:inline-block; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div.margin_b {margin-bottom:12px;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > span {display:inline-block; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > span.margin_r {margin-right:20px;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > i {display:inline-block; width:24px; height:24px; margin-right:8px; line-height:24px; border-radius:30px; text-align:center; color:#fff; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > i.justify {background:#ef984e;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > i.qna {font-size:10px; background:#e65c73;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > i.caret {font-size:18px; background:#8c8985; text-indent:3px;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > b.date {display:inline-block; font-size:12px; color:#f0933c; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li {padding:20px 30px; margin-bottom:10px; border:1px solid #e6e6e6; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li:last-child {margin-bottom:0;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li::after {content:''; display:block; clear:both;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div {float:left;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.image {width:20%;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info {width:80%;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.image > span {display:inline-block; width:110px; height:145px; margin-right:20px; border:1px solid #e6e6e6; border-radius:5px; background:#e6e6eb; overflow:hidden; text-align:center; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.image > span > img {width:100%; height:100%;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title {padding-bottom:17px; border-bottom:1px solid #e6e6e6;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > strong {display:inline-block; margin-right:10px; font-size:18px; font-weight:bold; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > span {display:inline-block; padding:6px 9px; font-weight:bold; border-radius:2px; vertical-align:sub; box-sizing:border-box; background:#ff1957; color:#fff;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns {display:inline-block; float:right;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns.padding_t {padding-top:5px;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a {display:inline-block; width:20px; height:20px; margin-right:20px; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i {display:inline-block; width:100%; height:100%; font-size:18px;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i:last-child {margin-right:0;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i.youtube {background:url(../image/ico_basic_view_06.png) no-repeat center;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i.instargram {background:url(../image/ico_basic_view_05.png) no-repeat center;}
/* 23.03.03 oz-15 스타일 추가 { */
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i.blog {background:url(../image/ico_basic_view_10.png) no-repeat center;}
/* } 23.03.03 oz-15 스타일 추가 */
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.text {margin:23px 0 0;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.text > p.bar {line-height:24px; word-break:keep-all;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email {margin-top:29px}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email > div {display:flex; flex-wrap:wrap;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email > div:last-child {margin-top:10px;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email > div > i.envelope {display:inline-block; width:15px; height:12px; padding:13px 0; background:url(../image/ico_basic_view_07.png) no-repeat center; vertical-align:middle; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email > div > i.chat {display:inline-block; width:16px; height:13px; padding:13px 0; background:url(../image/ico_basic_view_08.png) no-repeat center; vertical-align:middle; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email > div > span {display:inline-block; width:calc(100% - 34px); margin-left:8px; line-height:20px; vertical-align:middle; color:#666;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.line {height:1px; margin:20px 0; border-bottom:1px dotted #e6e6e6; background:#fff;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.text > p::after {content:''; display:block; clear:both;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.text > p > i {float:left; display:inline-block; width:24px; height:24px; margin-right:9px; line-height:24px; border-radius:30px; background:#ddd; text-align:center; color:#fff;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.text > p > span {float:left; display:inline-block; width:95%; font-size:16px; line-height:24px;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.text > p.question {margin-bottom:8px; font-weight:bold;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.text > p.question > i {background:#0036ce;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.text > p.answer > i {background:#00A85D;}
main.basic_view div[data-role="intro_list"] > div.intro > div.qna > div.text > p.answer > span {color:#666;}
main.basic_view div[data-role="intro_list"] > div.application > div.info {padding:30px; border:1px solid #e0e0e0; border-radius:3px; box-sizing:border-box;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot {margin-bottom:25px; font-size:0;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot:last-child {margin-bottom:0;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot:before {top:8px;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.catagory {display:inline-block; width:97px; margin-right:20px; font-size:14px;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.catagory > b {font-weight:normal;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content {display:inline-block; width:calc(100% - 117px); vertical-align:top; font-size:14px;}
/* 23.01.11 스타일 수정 { */
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content > b {font-weight:bold; word-break:break-all;}
/* } 23.01.11 스타일 수정 */
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span > b {display:inline-block; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span > i {display:inline-block; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span > a {display:inline-block; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span > a > i.qna {display:inline-block; width:18px; height:18px; background:url(../image/ico_basic_view_04.png) no-repeat center;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content > a > i.xi-home {margin-left:5px; padding:5px; border:1px solid #eeeeee; border-radius:15px; box-sizing:border-box; text-align:center; color:#808080;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content > a > i.addview {display:none; margin-left:5px; width:16px; height:16px; background:url(../image/ico_basic_view_08.png) no-repeat center; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.star > i {font-size:18px; color:#ffc82e;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.star > i.gray {color:#b9bdc3;}
/* 23.04.24 허만우 스타일 추가 { */
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:130px;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > a {vertical-align:top;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > a > i.xi-home {padding:3px;}
/* } 23.04.24 허만우 스타일 추가 */
/* 23.04.21 oz8 스타일 추가 { */
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.operator {font-size:0;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.operator b {display:inline-block; font-size:14px;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.operator a.link {display:inline-block; font-size:14px; word-break:break-all; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.operator a.link > i.xi-home {margin-left:6px; padding:5px; border:1px solid #eeeeee; border-radius:15px; box-sizing:border-box; text-align:center; color:#808080;}
main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.operator a.link > i.xi-home:before {position:relative; top:-1px;}
/* } 23.04.21 oz8 스타일 추가 */
main.basic_view div[data-role="intro_list"] > div.application > div.button {margin-top:20px;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > button {display:inline-block; width:100%; height:60px; font-size:16px; font-weight:bold; line-height:60px; border-radius:4px; background:#00A85D; color:#fff; text-align:center;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link {margin-top:4px;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > a {display:inline-block;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > a > i.heart {display:inline-block; width:60px; height:58px; border-radius:4px; border:1px solid #e0e0e0; background:url(../image/ico_basic_view_03.png) no-repeat center; vertical-align:middle;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > a > i.heart_select {background:#fff url(../image/ico_basic_view_09.png) no-repeat center;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > button {float:right; display:inline-block; width:calc((100% - 6px) - 60px); font-weight:bold; height:60px; margin-left:4px; border:1px solid #e0e0e0; border-radius:4px;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > button.apply {background:#00A85D; color:#fff;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > button.class {background:#fff; color:#000;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > button.audit {background:#0035dd; color:#fff;}
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link > button.end {background:gray; color:#fff; cursor:default;}
main.basic_view div.recommend {padding:40px 0; background:#f7f7f7;}
main.basic_view div.recommend h5 {margin-bottom:25px; font-size:24px;}
main.basic_view div.recommend div.line {margin:40px 0; height:1px; background:#e5e5e5;}
main.basic_view div.recommend div.program {position:relative;}
main.basic_view div.recommend div.program ul.card_list {box-sizing:border-box; margin-left:-12px; margin-right:-12px; }
main.basic_view div.recommend div.program ul.card_list li.card_item {box-sizing:border-box; position:relative; width:260px; height:320px; margin:0 12px; }
main.basic_view div.recommend div.program ul.card_list li.card_item > a {box-sizing:border-box; position:relative; width:100%; height:100%; display:block; }
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_img {box-sizing:border-box; position:relative; width:100%; height:160px; padding-top:14px; padding-left:14px;background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; }
main.basic_view div.recommend div.program ul.card_list 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:#ee137b; transform:rotate(45deg);}
main.basic_view div.recommend div.program ul.card_list 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;}
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_img small.class {box-sizing:border-box; display:inline-block; width:58px; height:23px; font-size:12px; color:#fff; line-height:23px; text-align:center; border-radius:2px; }
/* 23.08.01 스타일 추가 { */
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_img small.class.prev {background:rgba(0,182,98,0.9);}
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_img small.class.ing {background:rgba(8,119,240,0.9);}
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_img small.class.end {background:rgba(126,129,140,0.9);}
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_img small.class.audit {background:rgba(140,42,108,0.9);}
/* } 23.08.01 스타일 추가 */
main.basic_view div.recommend div.program ul.card_list 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);}
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_content {box-sizing:border-box; height:160px; padding-top:15px; }
/* 23.07.01 스타일 수정 { */
main.basic_view div.recommend div.program ul.card_list 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;}
main.basic_view div.recommend div.program ul.card_list 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;}
main.basic_view div.recommend div.program ul.card_list 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;}
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_content p.institution + div.date { margin-bottom:6px;}
/* } 23.07.01 스타일 수정 */
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_content div.date {margin-bottom:20px; line-height:20px; }
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_content div.date i.dday {height:20px; padding:0 5px; color:#ee137b; font-size:12px; line-height:12px; font-weight:700; font-style:normal; border-radius:2px; border:1px solid #ee137b; }
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_content div.date span {color:#808080; font-size:14px; }
/* 23.01.05 태그 스타일 수정 { */
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_content div.tag_wrap {height:22px; width:100%; overflow:hidden;}
main.basic_view div.recommend div.program ul.card_list 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; }
/* } 23.01.05 태그 스타일 수정 */

main.basic_view div.recommend div.program 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:20px 20px; background:rgba(0,0,0,0.8); color:#fff; z-index:2;  box-shadow:3px 15px 20px 0px #8080804d; }
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_cover ul.info > li {width:100%; display:table; padding-bottom:30px; }
main.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_cover ul.info > li span.icon {display:table-cell; width:40px;vertical-align:top; }
main.basic_view div.recommend div.program ul.card_list 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; }
main.basic_view div.recommend div.program 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.basic_view div.recommend div.program 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.basic_view div.recommend div.program ul.card_list li.card_item > a > div.card_cover ul.info > li p {display:table-cell; padding-left:10px; vertical-align:top; }
main.basic_view div.recommend div.program ul.card_list 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); }
main.basic_view div.recommend div.program ul.card_list 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; }
main.basic_view div.recommend div.program ul.card_list 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; }

main.basic_view div.recommend div.program ul.card_list 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); }
main.basic_view div.recommend div.program ul.card_list li.card_item button.favorite > i {display:block; width:33px; height:33px; line-height:33px; text-align:center;}
main.basic_view div.recommend div.program ul.card_list li.card_item button.favorite > i:before {display:block; width:33px; height:33px; line-height:36px; text-align:center;}
main.basic_view div.recommend div.program ul.card_list li.card_item button.favorite.favorite_select {color:#ee137b;}
main.basic_view div.recommend div.program ul.card_list li.card_item button.favorite.favorite_select > i:before {content:"\ea10";}
main.basic_view div.recommend div.program button.program_prev {position:absolute; left:-20px; top:100px; transform:translateY(-40px); width:40px; height:40px; border:1px solid #f1f1f1; border-radius:50%; background:#fff; font-size:14px; color:#000; font-size:14px; box-shadow:3px 5px 5px 0px #8080804d; z-index: 1;}
main.basic_view div.recommend div.program button.program_next {position:absolute; right:-20px; top:100px; transform:translateY(-40px); width:40px; height:40px; border:1px solid #f1f1f1; border-radius:50%; background:#fff; font-size:14px; color:#000; font-size:14px; box-shadow:3px 5px 5px 0px #8080804d; }

/* 22.12.14 Udemy 상세페이지 스타일 추가 { */
main.basic_view.udemy div[data-role="tab_menu"] ul.tab_wrap li {width:33.3333%;}
main.basic_view.udemy div[data-role="context_info"] {padding-top:60px;}
main.basic_view.udemy div[data-role="context_info"] > strong {display:block; width:100%; margin-bottom:29px; font-size:24px; font-weight:bold;}
main.basic_view.udemy > div.list ul.view > li.text > div.list > div.button > div {}
main.basic_view > div.list ul.view > li.text > div.list > div.button > div > button.apply {width:100%; margin-right:0;}
/* main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link {margin-top:0;} */
main.basic_view div[data-role="intro_list"] > div.application > div.button > div.link button.apply {display:inline-block; height:60px; font-size:16px; font-weight:bold; line-height:60px; border-radius:4px; background:#00A85D; color:#fff; text-align:center;}
/* } 22.12.14 Udemy 상세페이지 스타일 추가 */
main.basic_view > div.list ul.view {width: 100%;}

#introduce_area, #preview_area, #operate_area, #question_area, #etc_area, #recommend_area, #institution_area {display:none;}
main.basic_view div[data-role='tab_menu'] {padding-top:0;}
main.basic_view div[data-role='tab_menu'] ul.tab_wrap {visibility:hidden;}
main.basic_view div.recommend, main.basic_view div.recommend div.program {display:none;}
main.basic_view > div.list div.breadcrumb > a.share {margin-right:0;}
main.basic_view > div.list ul.view li.image 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);}
main.basic_view > div.list ul.view li.image div.card_img 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;}
main.basic_view > div.context {padding-bottom:0;}
main.basic_view > div.context > div.container {margin-bottom:20px;}
main.basic_view > div.context > div.container div.list_header {display:none;}
main.basic_view > div.context > div.container ul.group_list {cursor:pointer;}
main.basic_view > div.context > div.container div.intro video {height:auto;}
main.basic_view > div.context > div.container div.intro div.etc {padding-bottom:20px; font-size:15px;}

@media screen and (max-width:1200px) {
    main.basic_view > div.list ul.view > li {width:100%;}
    main.basic_view > div.list ul.view > li.image {margin-right:0; margin-bottom:40px;}
    main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:170px;}
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:170px;}
    main.basic_view.lecture_detail div.recommend div.program ul.card_list {margin-left:0; margin-right:0;}
}
@media screen and (max-width:1199px) {
    main.basic_view > div.list ul.view > li.text > div.list > ul > li p.dot {width:100%;}
    main.basic_view div[data-role="intro_list"] > div.intro {width:100%; margin-right:0; margin-bottom:40px;}
    main.basic_view div[data-role="intro_list"] > div.application {width:100%;}
}
@media screen and (max-width:768px) {
    main.basic_view > div.list ul.view > li.text > div.list > ul > li {width:100%;}
    main.basic_view > div.list ul.view > li.text > div.list > ul > li p {width:100%;}
    main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.image {width:100%; margin-bottom:30px;}
    main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info {width:100%;}
    main.basic_view.detail_info > div.list ul.view > li.text > div.list > ul > li {flex-direction:column; gap:initial;}
    main.basic_view.detail_info > div.list ul.view > li.text > div.list > ul > li > p.dot {width:100%;}
    main.basic_view div.recommend div.program button.program_prev {position:static; top:auto; left:auto; transform:translateY(0); margin:0;}
    main.basic_view div.recommend div.program button.program_next {position:static; top:auto; left:auto; transform:translateY(0); margin:0;}
}
@media screen and (max-width:480px) {
    main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li > div > b.date {width:100%; margin-top:5px; line-height:18px;}
    main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns {float:inherit; width:100%; margin-top:15px;}
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:150px;}
}
@media (max-width:420px) {
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:120px;}
}
@media (max-width:380px) {
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:110px;}
}
@media (max-width:370px) {
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:100px;}
}
@media screen and (max-width:360px) {
    main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:130px;}
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:130px;}
}
@media (max-width:350px) {
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content.institution > b {max-width:80px;}
}
@media (max-width:321px) {
    main.basic_view > div.list ul.view {width:100%;}
    main.basic_view > div.list ul.view > li.text > div.title > h4 {font-size:22px;}
    main.basic_view div[data-role="intro_list"] > div.intro > ul.plan > li {padding:25px 20px;}
    main.basic_view div[data-role="intro_list"] > div.intro > ul.professor > li {padding:20px;}
    main.basic_view div[data-role="intro_list"] > div.application > div.info {padding:10px;}
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.catagory {width:87px; font-size:12px;}
    main.basic_view div[data-role="intro_list"] > div.application > div.info > p.dot > span.content {font-size:12px;}
    main.basic_view > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:100px;}
}