main.series_detail > div.list div.breadcrumb > a.share {margin-right:0;}
main.series_detail > div.list div.button button.apply {margin:0 4px; background:#00A85D; color:#fff;}
main.series_detail > div.list div.button button.class {margin:0 4px; background:#fff; color:#000;}
main.series_detail > div.list div.button button.end {margin:0 4px; background:gray; color:#fff; cursor:default;}

main.series_detail ul.class_list > li div.content small.class {box-sizing:border-box; display:inline-block; height:23px; font-size:13px; color:#fff; line-height:23px; text-align:center; border-radius:2px; padding: 0 4px; position: absolute;}
main.series_detail ul.class_list > li div.content small + small {margin-left:3px;}
main.series_detail ul.class_list > li div.content small.class.prev {background:rgba(0,182,98,0.9);}
main.series_detail ul.class_list > li div.content small.class.ing {background:rgba(8,119,240,0.9);}
main.series_detail ul.class_list > li div.content small.class.end {background:rgba(126,129,140,0.9);}
main.series_detail ul.class_list > li div.content small.class.audit {background:rgba(140,42,108,0.9);}

main.series_detail div[data-role="editor"] {margin:0; box-sizing:border-box; font-family:'Noto Sans Kr', "Apple SD Neo Gothic", "malgun gothic", dotum, sans-serif; font-weight:400;}
main.series_detail div[data-role="editor"] article + article {margin-top:18px;}
main.series_detail div[data-role="editor"] * {margin:0; padding:0;}
main.series_detail div[data-role="editor"] h6 {padding:12px 0; font-size:18px; font-weight:bold;}
main.series_detail div[data-role="editor"] p {font-size:14px; color:#666; line-height:1.4;}
main.series_detail div[data-role="editor"] ul.dot {list-style:none;}
main.series_detail div[data-role="editor"] ul.dot > li {position:relative; padding:4px 0 4px 11px; font-size:14px; color:#666; line-height:1.4;}
main.series_detail div[data-role="editor"] ul.dot > li:before {content:''; position:absolute; left:0; top:11px; width:3px; height:3px; background:#666; border-radius:50%;}

main.series_detail div[data-role="editor"] article div.border_box {padding:22px; border:1px solid #e5e5e5; box-sizing:border-box;}
main.series_detail div[data-role="editor"] article div.border_box strong.title {display:block; padding-bottom:12px; font-size:16px; font-weight:bold;}
main.series_detail div[data-role="editor"] article div.border_box div.wrap + div.wrap {padding-top:20px;}
main.series_detail div[data-role="editor"] article div.border_box.teacher_list {padding:0;}

main.series_detail div[data-role="editor"] ul.teacher_list {list-style:none; display:flex; flex-wrap:wrap; box-sizing:border-box;}
main.series_detail div[data-role="editor"] ul.teacher_list > li {width:20%; padding:25px 0; text-align:center; box-sizing:border-box;}
main.series_detail div[data-role="editor"] ul.teacher_list > li div.img {overflow:hidden; width:150px; height:150px; margin:0 auto 15px auto; background:#eee; border-radius:50%; font-size:0;}
main.series_detail div[data-role="editor"] ul.teacher_list > li div.img > img {width:100%;}
main.series_detail div[data-role="editor"] ul.teacher_list > li strong.name {display:block; margin-bottom:2px; font-size:16px; color:#000;}
main.series_detail div[data-role="editor"] ul.teacher_list > li span.info {display:block; font-size:15px; color:#666; line-height:1.4;}

main.series_detail div[data-role="editor"] div.faq + div.faq {margin-top:20px;}
main.series_detail div[data-role="editor"] div.faq > strong.question {display: block; position: relative; padding: 5px 0; padding-left: 32px; margin-bottom: 3px; font-size:16px; color:#000;}
main.series_detail div[data-role="editor"] div.faq > strong.question:before {content:'Q'; position: absolute; left: 0; top: 6px; width: 24px; height: 24px; background: #0036ce; border-radius:50%; font-size: 15px; color:#fff; font-weight: bold; text-align: center; line-height:24px;}
main.series_detail div[data-role="editor"] div.faq > p.answer {position: relative; padding: 5px 0; padding-left: 32px; font-size:14px; color:#666;}
main.series_detail div[data-role="editor"] div.faq > p.answer:before {content:'A'; position: absolute; left: 0; top: 4px; width: 24px; height: 24px; background: #00A85D; border-radius:50%; font-size: 15px; color:#fff; font-weight: bold; text-align: center; line-height:24px;}

/* 묶음강좌 상세페이지 */
main.series_detail > div.list {padding-bottom:40px; background:url(../images/about_bg_group01.png) no-repeat center / cover;}
main.series_detail > div.list div.breadcrumb {height:auto; padding:25px 0 40px; line-height:30px; border:none; background:transparent; box-shadow:none; color:#fff;}
main.series_detail > div.list div.breadcrumb > a {display:inline-block; margin-right:16px; font-size:14px; vertical-align:middle;}
main.series_detail > div.list div.breadcrumb > i {display:inline-block; margin-right:16px; font-size:14px; vertical-align:middle;}
main.series_detail > div.list div.breadcrumb > a.share {float:right; display:inline-block; width:41px; height:41px;}
main.series_detail > div.list div.breadcrumb > a.share > i {display:inline-block; width:100%; height:100%; background:url(../images/ico_basic_view_01.png) no-repeat center;}
main.series_detail > div.list ul.view {display:flex; flex-wrap:wrap; }
main.series_detail > div.list ul.view > li {flex-grow:1;}
main.series_detail > div.list ul.view > li.image {width:500px; margin-right:40px;}
main.series_detail > div.list ul.view > li.image div.card_img {padding-bottom:61%; box-sizing:border-box; position:relative; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
main.series_detail > 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.series_detail > div.list ul.view > li.image div.card_img small + small {margin-left:3px;}
main.series_detail > div.list ul.view > li.image div.card_img small.class.prev {background:rgba(10,173,99,0.9);}
main.series_detail > div.list ul.view > li.image div.card_img small.class.ing {background:rgba(8,119,240,0.9);}
main.series_detail > 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(../images/program_ico_certificate.png)no-repeat 5px center rgba(69,69,76,0.9);}
main.series_detail > div.list ul.view > li.image div.tag {margin-top:10px; color:#fff;}
main.series_detail > div.list ul.view > li.image div.tag > a {display:inline-block; padding:5px 15px; font-size:16px; border:1px solid rgba(250,250,250,0.8); border-radius:20px; box-sizing:border-box;}
main.series_detail > div.list ul.view > li.text {width:560px;}
main.series_detail > div.list ul.view > li.text > div.title {margin-bottom:20px;}
main.series_detail > div.list ul.view > li.text > div.title > h4 {display:inline-block; font-size:28px; font-weight:bold; line-height:28px; word-break:keep-all; color:#fff; vertical-align:middle;}
main.series_detail > 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.series_detail > div.list ul.view > li.text > p.description {padding:20px 0; margin-bottom:20px; border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.8); word-break:keep-all; font-size:14px; line-height:20px;}
main.series_detail > div.list ul.view > li.text > div.list > ul {display:flex; flex-wrap:wrap; margin-bottom:20px;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li {width:calc(100% / 2);}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot {margin-bottom:13px; height:20px;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot:before {background:#fff;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span {display:inline-block; vertical-align:middle;}
main.series_detail > 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.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.catagory > i {display:inline-block; vertical-align:middle;}
main.series_detail > 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.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.catagory > a {display:inline-block; vertical-align:middle;}
main.series_detail > 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(../images/ico_basic_view_02.png) no-repeat center; vertical-align:middle;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content {color:#fff;}
main.series_detail > 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.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > b {display:inline-block; vertical-align:middle;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > a {display:inline-block; font-weight:bold; vertical-align:middle;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > a > i.xi-home {margin-left:5px; width:20px; height:20px; border:1px solid #fff; border-radius:15px; box-sizing:border-box; text-align:center; line-height:17px; font-size:10px;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.star > i {font-size:18px; color:#ffc82e;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.star > i.gray {color:#b9bdc3;}
main.series_detail > 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;}
main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:110px;}
main.series_detail > div.list ul.view > li.text > div.list > div.button > a {display:inline-block;}
main.series_detail > 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(../images/ico_basic_view_03.png) no-repeat center; vertical-align:middle;}
main.series_detail > div.list ul.view > li.text > div.list > div.button > a > i.heart.heart_select {background:#fff url(../images/ico_basic_view_09.png) no-repeat center;}
main.series_detail > div.list ul.view > li.text > div.list > div.button > div {display:inline-block; float:right; width:calc(100% - 58px);}
main.series_detail > div.list ul.view > li.text > div.list > div.button > 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.series_detail > div.list ul.view > li.text > div.list > div.button > div > button.apply {margin:0 4px; background:#00A85D; color:#fff;}
main.series_detail > div.list ul.view > li.text > div.list > div.button > div > button.class {background:#fff;}
main.series_detail div[data-role="tab_menu"] ul.tab_wrap li {width:183.1px;}
main.series_detail div[data-role="intro_list"] {margin-top:20px;}
main.series_detail div[data-role="intro_list"]::after {content:''; display:block; clear:both;}
main.series_detail div[data-role="intro_list"] > div {float:left;}
main.series_detail div[data-role="intro_list"] > div.intro {width:100%;}
main.series_detail div[data-role="intro_list"] > div.intro > h5 {display:inline-block; width:100%; margin-bottom:30px; font-size:24px; font-weight:bold; line-height:24px;}
main.series_detail div[data-role="intro_list"] > div.intro > h5.margin_b {margin-bottom:0;}
main.series_detail div[data-role="intro_list"] > div.intro > h5.plan {margin-bottom:15px;}
main.series_detail div[data-role="intro_list"] > div.intro > h5.management {margin-bottom:23px;}
main.series_detail div[data-role="intro_list"] > div.intro > h5.composition {margin-bottom:23px;}
main.series_detail div[data-role="intro_list"] > div.intro > h5 > span {display:inline-block; vertical-align:middle;}
main.series_detail div[data-role="intro_list"] > div.intro > h5 > button {float:right; display:inline-block; padding:10px 15px; border:1px solid #e0e0e0; border-radius:2px; box-sizing:border-box; vertical-align:middle;}
main.series_detail div[data-role="intro_list"] > div.intro > h5 > button > i {display:inline-block; font-size:15px; vertical-align:middle;}
main.series_detail div[data-role="intro_list"] > div.intro > h5 > button > span {display:inline-block; vertical-align:middle; color:#333;}
main.series_detail div[data-role="intro_list"] > div.intro > strong {display:inline-block; width:100%; margin-bottom:30px; font-size:16px; font-weight:bold; line-height:24px; word-break:keep-all;}
main.series_detail div[data-role="intro_list"] > div.intro > p {line-height:24px; color:#666; word-break:keep-all;}
main.series_detail div[data-role="intro_list"] > div.intro > div.line {margin:60px 0 40px; height:1px; background:#e5e5e5;}
main.series_detail 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.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li:last-child {margin-bottom:0;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li::after {content:''; display:block; clear:both;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div {float:left;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.image {width:20%;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info {width:80%;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.image > span {display:inline-block; width:86px; height:86px; margin-right:20px; border:1px solid #e6e6e6; border-radius:100px; background:#fff; overflow:hidden; text-align:center; box-sizing:border-box;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.image > span > img {width:100%; height:100%;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title {padding-bottom:17px; border-bottom:1px solid #e6e6e6;}
main.series_detail 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.series_detail 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.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns {display:inline-block; float:right;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns.padding_t {padding-top:5px;}
main.series_detail 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.series_detail 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.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i:last-child {margin-right:0;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i.youtube {background:url(../images/ico_basic_view_06.png) no-repeat center;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns > a > i.instargram {background:url(../images/ico_basic_view_05.png) no-repeat center;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.text {margin:23px 0 0;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.text > p.bar {line-height:24px; word-break:keep-all;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email {margin-top:29px;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email > div {display:flex; flex-wrap:wrap;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.email > div:last-child {margin-top:10px;}
main.series_detail 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(../images/ico_basic_view_07.png) no-repeat center; vertical-align:middle; box-sizing:border-box;}
main.series_detail 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(../images/ico_basic_view_08.png) no-repeat center; vertical-align:middle; box-sizing:border-box;}
main.series_detail 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:24px; vertical-align:middle; color:#666;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li {padding:30px; background:#e3f0fc; box-sizing:border-box;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li {margin-bottom:30px;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li:last-child {margin-bottom:0;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list {display:flex; flex-wrap:wrap; padding-bottom:23px;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.image {width:260px; height:160px; margin-right:30px;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.image > img {width:100%; height:100%;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content {width:calc(100% - 290px); min-width:570px; border-bottom:1px dashed #b6c0ca; font-size:0;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > strong {display:inline-block; width:100%; margin-bottom:22px; font-size:20px; font-weight:bold; line-height:26px;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot {box-sizing:border-box; display:inline-block; width:50%; margin-bottom:15px; font-size:0px;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot:last-child {margin-bottom:0;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot:before {top:8px;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.catagory {display:inline-block; width:130px; padding-right:5px; font-weight:normal; font-size:14px; vertical-align:top;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.content {display:inline-block; width:calc(100% - 135px); font-weight:bold; font-size:14px; vertical-align:top;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span > b {display:inline-block; vertical-align:middle;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span > i {display:inline-block; vertical-align:middle;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span > i.qna {display:inline-block; width:18px; height:18px; background:url(../images/ico_basic_view_04.png) no-repeat center;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.catagory > b {font-weight:normal;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.content > b {font-weight:bold;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.content.star > i {font-size:18px; color:#ffc82e;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.content.star > i.gray {color:#b9bdc3;}
main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.text > p {line-height:20px; word-break:keep-all;}
main.series_detail div[data-role="intro_list"] > div.intro > div.qna > div.line {height:1px; margin:20px 0; border-bottom:1px dotted #e6e6e6; background:#fff;}
main.series_detail div[data-role="intro_list"] > div.intro > div.qna > div.text > p::after {content:''; display:block; clear:both;}
main.series_detail 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.series_detail 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.series_detail div[data-role="intro_list"] > div.intro > div.qna > div.text > p.question {margin-bottom:8px; font-weight:bold;}
main.series_detail div[data-role="intro_list"] > div.intro > div.qna > div.text > p.question > i {background:#0036ce;}
main.series_detail div[data-role="intro_list"] > div.intro > div.qna > div.text > p.answer > i {background:#00A85D;}
main.series_detail div[data-role="intro_list"] > div.intro > div.qna > div.text > p.answer > span {color:#666;}
/* } 22.11.17 oz-10 묶음강좌 상세페이지 스타일 수정 */

@media screen and (max-width:1200px) {
    main.series_detail > div.list ul.view > li {width:100%;}
    main.series_detail > div.list ul.view > li.image {margin-right:0; margin-bottom:40px;}
    main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:170px;}
}

@media screen and (max-width:1199px) {
    main.series_detail div[data-role="intro_list"] > div.intro {width:100%; margin-right:0; margin-bottom:40px;}
    main.series_detail div[data-role="intro_list"] > div.application {width:100%;}
}

@media screen and (max-width:1020px) {
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.image {width:100%; margin:0;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.image { height: auto; margin-bottom:20px;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content {width:100%; min-width:auto; padding-bottom:23px;}
}

@media screen and (max-width:920px) {
    main.series_detail div[data-role="editor"] ul.teacher_list > li {width:25%;}
}

@media screen and (max-width:768px) {
    main.series_detail > div.list ul.view > li.text > div.list > ul > li {width:100%;}
    main.series_detail > div.list ul.view > li.text > div.list > ul > li:last-child {margin-top:0;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.image {width:100%; margin-bottom:30px;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info {width:100%;}
    main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot {height:auto;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content p.dot {display:block; width:100%;}
}

@media screen and (max-width:700px) {
    main.series_detail div[data-role="editor"] ul.teacher_list > li {width:33.3333%;}
}

@media screen and (max-width:660px) {
    main.series_detail div[data-role="editor"] ul.teacher_list > li div.img {width:130px; height:130px;}
}

@media screen and (max-width:560px) {
    main.series_detail div[data-role="editor"] ul.teacher_list > li {width:50%;}
}

@media screen and (max-width:550px) {
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.catagory {width:100px;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.content {width:calc(100% - 105px);}
    main.series_detail > div.list ul.view > li.text > div.list > div.button > div > button.apply {width:100%;}
}

@media screen and (max-width:480px) {
    main.series_detail div[data-role="intro_list"] > div.intro > ul.professor > li > div.info > div.title > div.sns {float:inherit; width:100%; margin-top:15px;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li > div.list > div.content > p.dot > span.catagory {margin-bottom:10px;}
    main.series_detail > div.list ul.view > li.image div.tag > a:nth-of-type(3) {margin-top:10px;}
}

@media screen and (max-width:360px) {
    main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:130px;}
}

@media (max-width:321px) {
    main.series_detail > div.list ul.view {width:100%;}
    main.series_detail > div.list ul.view > li.text > div.title > h4 {font-size:22px;}
    main.series_detail div[data-role="intro_list"] > div.intro > ul.class_list > li {padding:10px;}
    main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content.institution > b {max-width:100px;}
    main.series_detail > div.list ul.view > li.text > div.list > ul > li > p.dot > span.content > a > i.xi-home {margin-left:0;}
}