@charset "UTF-8";
/*
.c-thumb-list .slick-slide .c-thumb-list__item .c-thumb-list__thumb {height: 156px;}
.course-list .c-thumb-list__wrap:not(.slick-slider) .c-thumb-list__item .c-thumb-list__thumb {height: 156px;}
*/
.detail-top .detail-top__thumb > a > img, .detail-top .detail-top__thumb > a > a > img { width: 100%; }

.c-thumb-list__thumb { height: 155px; }

.c-basic-list__image { height: 127px; }

/*
.c-thumb-list .slick-slide .c-thumb-list__item.type-small .c-thumb-list__thumb {height: 156px;}
*/
.c-thumb-list__content .c-thumb-list__prevbtn, .c-thumb-list__content .c-thumb-list__nextbtn { top: 82px; height: 50px; }

/*
.c-basic-list__image {height: 128px;}
*/
.course-image__like { right: 11px; bottom: 11px; }

.c-list-info--chip { margin-bottom: 15px; }


table.dataTable.c-table * { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.dataTables_wrapper table.dataTable.c-table.no-footer { border-bottom: none !important; }

.dataTables_wrapper table.dataTable.c-table thead th { border-bottom: 1px solid #ccc !important; }

.dataTables_wrapper table.dataTable.c-table thead th, .dataTables_wrapper table.dataTable.c-table tbody th, .dataTables_wrapper table.dataTable.c-table tbody td { padding: 10px 10px !important; }

.dataTables_wrapper table.dataTable.c-table.c-table--col thead th { padding: 8px 10px !important; }

.dataTables_wrapper table.dataTable.c-table.c-table--col tbody th, .dataTables_wrapper table.dataTable.c-table.c-table--col tbody td { padding: 14px 10px !important; }

.dataTables_wrapper table.dataTable.c-table.c-table--module thead th, .dataTables_wrapper table.dataTable.c-table.c-table--module tbody th, .dataTables_wrapper table.dataTable.c-table.c-table--module tbody td { padding: 8px 5px !important; }

.dataTables_wrapper table.dataTable.c-table.c-table--row thead th, .dataTables_wrapper table.dataTable.c-table.c-table--row tbody th, .dataTables_wrapper table.dataTable.c-table.c-table--row tbody td { padding: 14px 10px !important; }

.dataTables_wrapper .c-table + .dataTables_paginate { font-size: 0; padding-top: 0; height: 35px; width: 100%; margin-top: 25px; text-align: center; }

.dataTables_wrapper .c-table + .dataTables_paginate * { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button { margin: 0 0 0 1px; font-size: 15px; min-width: 35px; line-height: 35px; padding: 0; height: 35px; border-radius: 0; font-weight: 500; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button:hover { border: 1px solid #00adfb; background: #ffffff; color: #333 !important; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button:active { -webkit-box-shadow: none !important; box-shadow: none !important; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.current, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.current:hover { color: #ffffff !important; background: #00adfb; border: 1px solid #00adfb; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.next, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last { padding: 0; vertical-align: top; height: 35px; min-width: 15px; width: 15px; display: inline-block; position: relative; top: 0; left: 0; margin: 0 15px 0 0; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.previous:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.next:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last:before { content: ''; height: 0; width: 0; display: block; border: 7px transparent solid; border-right-width: 0; border-left-color: #666666; position: absolute; top: 50%; left: 50%; margin-left: -3px; margin-top: -8px; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:hover, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last:hover { border-color: transparent; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.disabled:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.disabled:after { border-left-color: #cccccc !important; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:after, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last:after { content: ''; height: 0; width: 0; display: block; border: 7px transparent solid; border-right-width: 0; border-left-color: #666666; position: absolute; top: 50%; margin-top: -8px; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last:before { left: 2px; margin-left: 0; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:after, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last:after { left: 8px; margin-left: 0; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.previous { margin-right: 15px; -webkit-transform: rotate(-180deg); -khtml-transform: rotate(-180deg); transform: rotate(-180deg); }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:after, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.first:before, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.previous:after, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.previous:before { margin-top: -7px; }

.dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.next, .dataTables_wrapper .c-table + .dataTables_paginate .paginate_button.last { margin: 0 0 0 15px; }

.dataTables_wrapper .dataTables_filter { visibility: hidden; margin-bottom: 15px; }

.dataTables_wrapper .dataTables_filter label { font-size: 0; }

.dataTables_wrapper .dataTables_filter input { border: 1px solid #f5f5f5; color: #555; height: 40px; line-height: 40px; width: 220px; background-color: #f5f5f5; background: url("../img/common/ico_search.png"); background-position: right 15px top 50%; background-repeat: no-repeat; padding: 0 40px 0 15px; }

.dataTables_wrapper .dataTables_filter input:focus { outline: none; border: 1px solid #00adfb; }

.paging { display: table; width: 100%; font-size: 0; text-align: center; }

.paging__number { display: inline-block; min-width: 35px; height: 35px; font-size: 15px; line-height: 35px; margin-left: 1px; border: 1px solid #fff; font-weight: 500; }

.paging__number:hover { border-color: #00adfb; color: #666; }

.paging__number--current, .paging__number--current:hover { color: #fff; background-color: #00adfb; border-color: #00adfb; }

.paging__btn { vertical-align: top; height: 35px; width: 15px; display: inline-block; position: relative; }

.paging__btn:before { content: ''; height: 0; width: 0; display: block; border: 7px transparent solid; border-right-width: 0; border-left-color: #666666; position: absolute; top: 50%; left: 50%; margin-left: -3px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.paging__btn.is-disabled:before, .paging__btn.is-disabled:after { border-left-color: #cccccc; }

.paging__btn--first:before, .paging__btn--first:after, .paging__btn--last:before, .paging__btn--last:after { content: ''; height: 0; width: 0; display: block; border: 7px transparent solid; border-right-width: 0; border-left-color: #666666; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.paging__btn--first:before, .paging__btn--last:before { left: 2px; margin-left: 0; }

.paging__btn--first:after, .paging__btn--last:after { left: 8px; margin-left: 0; }

.paging__btn--first, .paging__btn--prev { margin-right: 15px; -webkit-transform: rotate(-180deg); -khtml-transform: rotate(-180deg); transform: rotate(-180deg); }

.paging__btn--next, .paging__btn--last { margin-left: 15px; }

* + .paging { margin-top: 25px; }

.paging + .c-bbs-footer--with-paging { margin-top: 0; float: right; }

.paging + .c-bbs-footer--with-paging .o-button-wrap--with-paging { margin-top: -35px; }

.toggle-select { position: relative; }

.toggle-select .toggle-anchor { cursor: pointer; display: block; text-align: left; width: 100%; height: 40px; background-color: #f5f5f5; padding: 0 2.6em 0 20px; border: none; border-radius: 0; font-size: 15px; color: #939393; }

.toggle-select .toggle-anchor:before { position: absolute; top: 50%; right: 17px; margin-top: -3px; content: ''; height: 0; width: 0; display: block; border-width: 6px 4px; border-style: solid; border-color: transparent; border-bottom-width: 0; border-top-color: #666; }

.toggle-select .toggle-anchor.is-active { color: #1e1e1e; }

.toggle-select .toggle-anchor.is-active:before { -webkit-transform: rotate(-180deg); -khtml-transform: rotate(-180deg); transform: rotate(-180deg); }

.toggle-select .toggle-anchor.is-active + .toggle-panel { z-index: 1; }

.toggle-select .toggle-anchor[disabled] { color: #aaa; }

.toggle-select .toggle-anchor[disabled]:before { border-top-color: #ccc; }

.toggle-select .toggle-panel { position: absolute; width: 100%; top: 100%; display: none; border: 1px solid #111;  }

.toggle-select .toggle-panel .c-scrollbox, .toggle-select .toggle-panel .scroll-wrapper, .toggle-select .toggle-panel .c-scrollbox__content { max-height: 200px !important; }

.toggle-select .toggle-panel.has-iscroll { overflow: hidden; }

.toggle-select .toggle__scroll { display: block; }

.toggle-select .toggle__content { position: relative; }

.list-viewtype { display: table; font-size: 0; }

.list-viewtype__button { padding: 0; cursor: pointer; border: none; background-color: #fff; position: relative; display: inline-block; width: 40px; height: 40px; background: url("../img/common/icon_list_selector.png"); background-repeat: no-repeat; margin-left: -1px; border-width: 1px; border-style: solid; border-color: #ccc; }

.list-viewtype__button--list { background-position-x: 0; }

.list-viewtype__button--thumb { background-position-x: -40px; }

.list-viewtype__button--gallery { background-position-x: -80px; }

.list-viewtype__button.is-active { background-position-y: -40px; background-color: #00adfb; border-color: #00adfb; z-index: 1; }

.sns-share { font-size: 0; width: 360px; }

.sns-share__toggle { display: inline-block; position: relative; }

.o-button + .sns-share__toggle { margin-left: 10px; }

.sns-share__item { display: inline-block; vertical-align: top; }

.sns-share__item:nth-child(n+2) { margin-left: 10px; }

.sns-share__input { float: left; width: 210px; margin-right: 10px; }

.sns-share__input .o-input--text { color: #939393; }

.sns-share__btn { width: 40px; height: 40px; display: inline-block; text-indent: -9999em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }

.sns-share__btn--facebook { background: url("../img/common/ico_facebook.png"); }

.sns-share__btn--twitter { background: url("../img/common/ico_twitter.png"); }

.sns-share__btn--url { background: url("../img/common/ico_url.png"); }

.sns-share__btn--url { border: 1px solid #777; background-position: 50% 0; }

.sns-share__btn--url:hover, .sns-share__btn--url:focus { background-position: 50% -40px; background-color: #1e1e1e; border-color: #1e1e1e; }

.course-index { margin-bottom: 20px; }

.course-index .c-scrollbox, .course-index .scroll-wrapper { max-height: 240px; }

.course-index__list { background: #f6f7fa; padding: 10px 30px; }

.course-index .index__item { padding: 20px 0 20px 12px; font-size: 0; position: relative; }

.course-index .index__item:after { content: ''; display: block; clear: both; }

.course-index .index__item:nth-child(n+2) { border-top: 1px solid #e5e5e5; }

.course-index .index__item:before { content: ""; width: 4px; height: 4px; background: #666; position: absolute; left: 0; top: 50%; margin-top: -4px; border-radius: 50%; }

.course-index .index__item .o-icon__loso { margin-right: 8px; }

.course-index .index__item--text-only { padding-left: 13px; }

.course-index .index__th, .course-index .index__title, .course-index .index__time, .course-index .index__like { font-size: 15px; color: #1e1e1e; display: inline-block; vertical-align: middle; }

.course-index .index__th { padding-right: 40px; }

.course-index .index__right { float: right; }

.course-index .index__time { color: #666; }

.course-index .index__like { margin-left: 40px; }

.course-index--mooc .index__item { padding-left: 0; }

.course-index--mooc .index__item:before { display: none; }

.course-index--phone .course-index__list { padding: 25px 30px; font-size: 15px; line-height: 23px; }

.c-list-more { text-align: center; }

.c-list-more__btn { font-size: 16px; display: inline-block; padding: 30px 20px 20px 20px; position: relative; }

.c-list-more__arrow { width: 16px; height: 16px; position: absolute; margin-top: -8px; top: 50%; top: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: auto; width: 18px; height: 12px; }

.c-list-more__arrow:before, .c-list-more__arrow:after { content: ''; display: block; background-color: #6b6b6b; position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }

.c-list-more__arrow:before { width: 1px; height: 16px; }

.c-list-more__arrow:after { width: 16px; height: 1px; }

.c-list-more__arrow:before, .c-list-more__arrow:after { -webkit-transform: rotate(-135deg); -khtml-transform: rotate(-135deg); transform: rotate(-135deg); left: 50%; top: 100%; }

.c-list-more .is-closeable .c-list-more__arrow { width: 18px; }

.c-list-more .is-closeable .c-list-more__arrow:before, .c-list-more .is-closeable .c-list-more__arrow:after { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 0; }

.c-list-more__text { color: #1e1e1e; display: inline-block; padding-right: 5px; }

.c-list-more__count { color: #00adfb; }

.c-list-more__total { color: #777777; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt20 { margin-top: 20px; }

.mt40 { margin-top: 40px !important; }

.ml30 { margin-left: 30px !important; }

.inline-ele > * { display: inline-block !important; vertical-align: middle !important; width: auto !important; }

.inline-ele > *:first-child { margin-right: 10px; }

.inline-ele .o-input-wrap { padding: 5px 0; }

.inline-ele .o-input-wrap + .o-input-wrap { padding: 5px 0; margin-right: 10px; }

.ele-hidden { visibility: hidden; }

.bul-bil { padding-left: 1em; text-indent: -1em; word-break: keep-all; }

th .bul-bil { margin-top: 5px; font-size: 13px; }

.totalsearch__no-list { font-size: 16px; min-height: 138px; position: relative; margin-top: -1px; z-index: 1; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #cdcdcd; }

.totalsearch__no-list p { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; padding-left: 0px; }

.course-download-btn { position: absolute; right: 0; top: 0; z-index: 101; }

.course-download-btn.type-2 { top: 60px; }

.course-submain .c-open-more { text-align: center; padding: 5px 0 15px 0; }

.course-submain .c-open-more .c-open-more__btn { color: #1e1e1e; }

.course-submain .c-open-more .open-txt { display: inline-block; }

.course-submain .c-open-more .close-txt { display: none; }

.course-submain .c-open-more.is-open .c-open-more__btn--size1 .c-open-more__arrow { left: 35%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.course-submain .c-open-more.is-open .open-txt { display: none; }

.course-submain .c-open-more.is-open .close-txt { display: inline-block; }

.course-submain .course-category { padding-bottom: 65px; }

.course-submain .course-category__wrap { margin-left: -15px; }

.course-submain .course-category__wrap:after { content: ''; display: block; clear: both; }

.course-submain .course-category__item { float: left; padding: 0 0 15px 15px; width: 33.33%; }

.course-submain .course-category__item:nth-child(n+7) { display: none; }

.course-submain .course-category__link { display: block; position: relative; width: 100%; height: 180px; overflow: hidden; }

.content-wide .course-submain .course-category__link { height: 218px; }

.course-submain .course-category__link:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.course-submain .course-category__link:hover .course-category__img img, .course-submain .course-category__link:focus .course-category__img img { -webkit-transform: scale(1.07); transform: scale(1.07); }

.course-submain .course-category__img { width: 100%; }

.course-submain .course-category__img img { width: 100%; -webkit-transition: -webkit-transform 600ms ease-in-out; transition: -webkit-transform 600ms ease-in-out; transition: transform 600ms ease-in-out; transition: transform 600ms ease-in-out, -webkit-transform 600ms ease-in-out; }

.course-submain .course-category__txt { color: #fff; font-size: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; z-index: 1; width: 90%; font-weight: 500; }

.course-submain .course-category__txt strong { display: block; padding-bottom: 13px; font-size: 28px; font-weight: 500; }

.course-submain .submain-course:after { content: ''; display: block; clear: both; }

.course-submain .submain-course__list { margin-top: 80px; float: left; }

.course-submain .submain-course__list--new { width: 60%; padding-right: 28px; }

.course-submain .submain-course__list--new .c-basic-list__image { width: 160px; height: 120px; }

.course-submain .submain-course__list--popular { width: 40%; padding-left: 28px; }

.course-submain .submain-course__list--popular .c-basic-list__contents-wrap { padding: 22px 0; min-height: 96px; }

.course-submain .submain-course__list--popular .c-basic-list__item:last-child .c-basic-list__contents-wrap { padding: 21px 0; min-height: 94px; }

.course-submain .submain-course__list--recommend { width: 100%; }

.course-submain .submain-course__list--recommend .c-thumb-list__cont { min-height: 177px; }

.course-submain .submain-course__tit { position: relative; margin-bottom: 15px; }

.course-submain .submain-course__tit > strong { font-size: 22px; font-weight: 500; color: #1e1e1e; }

.course-submain .submain-course__tit .c-all-more { position: absolute; right: 0; bottom: 0; }

.course-submain .submain-banner img { width: 100%; }

.course-submain .recommend-box { background: #f6f7fa; padding: 70px 50px 50px; text-align: center; }

.course-submain .recommend-box__tit { display: block; font-size: 22px; line-height: 26px; color: #1e1e1e; margin-bottom: 50px; font-weight: 500; }

.course-submain .recommend-box__desc1 { font-size: 18px; line-height: 26px; color: #1e1e1e; margin-bottom: 7px; }

.course-submain .recommend-box__desc2 { font-size: 16px; line-height: 24px; color: #666; }

.course-submain .recommend-box .o-button { margin-top: 50px; }

.course-list__select-filter { border-top: 1px solid #1e1e1e; padding: 10px 0; }

.course-list__select-filter.line01 { border-top: 2px solid #1e1e1e; }

.course-list__filter { z-index: 3; margin-bottom: 40px; position: relative; border-bottom: 1px solid #ccc; }

.course-list__filter-tit { font-weight: 700; margin: 0; font-size: 18px; padding-bottom: 15px; }

.course-list__filter-toggle { vertical-align: top; text-align: center; padding: 0; cursor: pointer; border: none; background-color: #fff; display: inline-block; width: 30px; height: 18px; }

.course-list__filter-toggle span { display: block; text-align: center; position: relative; color: #777; }

.course-list__filter-toggle span:before, .course-list__filter-toggle span:after { position: absolute; display: block; content: ''; }

.course-list__filter-toggle span:before { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); transform: rotate(-45deg); }

.course-list__filter-toggle span:after { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); }

.course-list__filter-toggle.is-active span:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); }

.course-list__filter-toggle.is-active span:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); transform: rotate(-45deg); }

.course-list__filter-toggle span:before, .course-list__filter-toggle span:after { width: 12px; height: 2px; }

.course-list__filter-toggle span:before { right: 0; }

.course-list__filter-toggle span:after { right: 7px; }

.course-list__filter-toggle > span { display: block; }

.course-list__filter-toggle > span:before, .course-list__filter-toggle > span:after { background-color: #111; }

.course-list__filter-toggle > span > span { overflow: hidden; position: absolute; z-index: -1; width: 1px; height: 1px; font-size: 1px; line-height: 2; opacity: 0; }

.course-list__filter .toggle-panel { width: 100%; }

.course-list__filter .course-list__select-list { margin-left: -10px; }

.course-list__filter .filter-select__list { width: 100%; list-style: none; background-color: #fff; margin-bottom: 0; }

.course-list__filter .filter-select__item { width: 100%; overflow: hidden; padding: 10px 20px; word-break: break-word; font-size: 15px; line-height: 1.2; color: #666; cursor: pointer; font-weight: normal; text-align: left; }

.course-list__filter .filter-select__item:last-child { border-bottom: none; }

.course-list__filter .filter-select__item:focus, .course-list__filter .filter-select__item:hover { background-color: #f1f5fe; color: #1e1e1e; }

.course-list__filter .filter-select__item label, .course-list__filter .filter-select__item input[type="checkbox"] { cursor: pointer; margin-bottom: 0; }

.course-list__filter .combobox { display: block; position: relative; }

.course-list__filter .combobox select { width: 100%; height: 50px; background-color: #f5f5f5; padding: 0 2.6em 0 .7em; border: none; border-radius: 0; font-family: inherit; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.course-list__filter .combobox select::-ms-expand { display: none; }

.course-list__filter .combobox:before { position: absolute; top: 50%; right: 15px; content: ''; height: 0; width: 0; display: block; border-width: 7px 4px; border-style: solid; border-color: transparent; border-bottom-width: 0; border-top-color: #333; }

.course-list__filter .course-list__select-toggle { padding-left: 10px; width: 25%; float: left; }

.course-list__filter .course-list__select-toggle:nth-child(n+5) { padding-top: 10px; }

.course-list__filter .course-list__select-toggle:after { content: ''; display: block; clear: both; }

.course-list__filter .course-list__input--search { padding-left: 10px; width: 25%; float: left; }

.course-list__filter .course-list__input--search:nth-child(n+5) { padding-top: 10px; }

.course-list__filter .course-list__input--search:after { content: ''; display: block; clear: both; }

.course-list__filter .course-list__input--search:nth-child(4n+1) { width: 100%; }

.course-list__filter .course-list__input--search:nth-child(4n+2) { width: 75%; }

.course-list__filter .course-list__input--search:nth-child(4n+3) { width: 50%; }

.course-list__filter .course-list__input--search:nth-child(4n+4) { width: 25%; }

.course-list__filter .course-list__input--search .o-input-wrap { width: auto; }

.course-list .filter-check { display: table; width: 100%; font-size: 0; padding-bottom: 10px; border-top: 1px solid #e5e5e5; }

.course-list .filter-check__content { position: relative; padding-right: 178px; min-height: 50px; }

.course-list .filter-check__item { display: inline-block; position: relative; margin-top: 10px; margin-right: 10px; }

.course-list .filter-check__btn { position: absolute; right: 0; bottom: 0; }

.course-list .c-thumb-list .c-thumb-list__cont { min-height: 177px; }

.course-list .c-thumb-list .c-thumb-list__dotwrap { display: none; }

.course-list .c-thumb-list + .course-list__filter { margin-top: 60px; }

.course-list__loadmap { margin: 0 0 40px; }

.course-list__loadmap--tit { color: #1e1e1e; margin-bottom: 10px; font-size: 18px; font-size: 22px; line-height: 30px; font-weight: 500;  }

.course-list__loadmap-header { display: table; table-layout: fixed; width: 100%; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #ccc; font-size: 0; }

.course-list__loadmap-header--item { color: #1e1e1e; width: 33.33%; position: relative; height: 40px; line-height: 40px; text-align: center; display: table-cell;  font-size: 16px; border-width: 0 1px 0 0; border-style: solid; border-color: #e5e5e5; }

.course-list__loadmap-header--item:last-child { border-right: none; }

.course-list__loadmap-content { position: relative; max-height: 235px; overflow: hidden; border-bottom: 1px solid #ccc; }

.course-list__loadmap-list { position: relative; height: 100%; }

.course-list__loadmap-list .c-scrollbox__content { max-height: 234px !important; }

.course-list__loadmap-list--container { table-layout: fixed; display: table; width: 100%; font-size: 0; }

.course-list__loadmap-list--item { position: relative; text-align: left; display: table-cell; width: 33.33%; border-width: 0 1px 0 0; border-style: solid; border-color: #e5e5e5; }

.course-list__loadmap-list--item a { display: block; padding: 18px 6px 17px 20px; font-size: 16px; line-height: 1.25; }

.course-list__loadmap-list--item a:hover { background-color: #f0faff; }

.course-list__loadmap-list--item:last-child { border-right: none; }

.course-list .not-application { display: table; width: 100%; min-height: 90px; border-top: 1px solid #1e1e1e; text-align: center; padding: 20px; }

.course-list .not-application__tit { display: table-cell; width: 100%; vertical-align: middle; font-size: 22px; color: #ff4141; }

.course-list .not-application__period { display: table-footer-group; width: 100%; font-size: 14px; margin-top: 9px; }

.course-list .c-tab { margin-bottom: 30px; }

.course-detail__header { opacity: 0; position: fixed; width: 100%; left: 0; top: -62px; z-index: 99; border-bottom: 1px solid #e5e5e5; background: #fff; -webkit-box-shadow: 0 5px 0 rgba(17, 17, 17, 0.02); box-shadow: 0 5px 0 rgba(17, 17, 17, 0.02); -webkit-transition: all 1s ease 0.01ms; transition: all 1s ease 0.01ms; }

.course-detail__header.active { display: block; opacity: 1; top: 0; }

.course-detail__contents { padding-bottom: 60px; }

.course-detail__contents .c-list-info--chip { margin-bottom: 9px; }

.course-detail .course-footer { opacity: 0; position: fixed; width: 100%; left: 0; bottom: -122px; z-index: 99; -webkit-transition: all 1s ease 0.01ms; transition: all 1s ease 0.01ms; }

.course-detail .course-footer.active { display: block; opacity: 1; bottom: 0; }

.detail-header__inner { max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.detail-header__inner:after { content: ''; display: block; clear: both; }

.detail-header__title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; color: #1e1e1e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 60px; padding-right: 60px; font-weight: 700; }

.detail-header__menu { text-align: right; }

.detail-header__menu-item { padding: 0 10px; display: inline-block; }

.detail-header__menu-item:last-child { padding: 0 0 0 20px; }

.detail-header__anchor { font-size: 15px; padding: 34px 23px 9px; display: block; }

.detail-header__anchor.is-active { font-weight: 700; color: #21277d; border-width: 0 0 2px 0; border-style: solid; border-color: #21277d; }

.course-footer { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 99; background: #f2f3f8; border-top: 2px solid #21277d; padding: 35px 0; }

.course-footer__inner { max-width: 1200px; margin: 0 auto; position: relative; }

.course-footer__inner:after { content: ''; display: block; clear: both; }

.course-footer__item--left { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; }

.course-footer__item--left .d-day { margin-left: 30px; }

.course-footer__item--right { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.course-footer__period { display: inline-block; margin-right: 15px; }

.course-footer .o-icon__like--square { width: 50px; height: 50px; background-position: 16px 50%; }

.course-footer .o-icon__like--square:hover, .course-footer .o-icon__like--square:focus, .course-footer .o-icon__like--square.is-active { background-position: -54px 50%; }

.course-footer__info-text { font-size: 22px; color: #1e1e1e; }

.course-footer__price { margin-right: 80px; color: #1e1e1e; }

.course-footer__price > strong { font-size: 28px; margin-right: 5px; display: inline-block; color: #21277d; font-weight: 700; }

.toast-popup { position: absolute; bottom: 108px; right: 0; }

.toast-popup__item { opacity: 0; height: 0; text-align: right; -webkit-transition: opacity 1.0s ease 0.01ms, height 0s ease 5s; transition: opacity 1.0s ease 0.01ms, height 0s ease 5s; }

.toast-popup__item:nth-child(n+2) { margin-top: 10px; }

.toast-popup__item.is-active { display: block; opacity: 1; height: 56px; -webkit-transition: opacity 1.0s ease 0.01ms, height 0s ease 0s; transition: opacity 1.0s ease 0.01ms, height 0s ease 0s; }

.toast-popup__cont { display: inline-block; padding: 19px 50px 19px 20px; border: 1px solid #ccc; background: #fff; position: relative; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.07); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.07); }

.toast-popup__txt { font-size: 16px; color: #1e1e1e; }

.toast-popup__txt em { color: #00adfb; font-weight: 500; }

.toast-popup__close { text-indent: -9999px; font-size: 0; width: 12px; height: 12px; position: absolute; line-height: 1; right: 18px; top: 50%; margin-top: -6px; }

.toast-popup__close:before, .toast-popup__close:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: 101; margin-left: -8px; width: 17px; height: 1px; background-color: #555; }

.toast-popup__close:before { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); }

.toast-popup__close:after { -webkit-transform: rotate(135deg); -khtml-transform: rotate(135deg); transform: rotate(135deg); }

.detail-top { padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.detail-top.type01 { padding-top: 40px; border-top: 2px solid #1e1e1e; }

.detail-top__course-info { position: relative; padding-left: 315px; min-height: 206px; }

.detail-top__course-info .detail-top__period { float: none; position: absolute; bottom: 38px; left: 0; width: 100%; }

.detail-top__thumb { position: absolute; left: 0; top: 0; width: 276px; height: 206px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); }

.detail-top__thumb > img, .detail-top__thumb > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.detail-top__thumb > a { display: block; width: 276px; height: 206px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); }

.detail-top__thumb > a > img, .detail-top__thumb > a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.detail-top__cont { position: relative; min-height: 206px; padding-bottom: 92px; }

.detail-top__title { display: block; font-size: 25px; color: #1e1e1e; line-height: 36px; font-weight: 500; }

.detail-top__title--tag { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 0; line-height: 1; }

.detail-top__info { position: absolute; left: 0; bottom: 0; width: 100%; }

.detail-top__info:after { content: ''; display: block; clear: both; }

.detail-top__info .c-list-info { float: left; }

.detail-top__price { float: right; color: #21277d; font-size: 28px; font-weight: 700; }

.detail-top__price--addition { font-size: 15px; color: #666; font-weight: 400; }

.detail-top__function { margin-top: 40px; }

.detail-top__function:after { content: ''; display: block; clear: both; }

.detail-top__period { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; }

.detail-top__period > span { font-size: 15px; color: #1e1e1e; display: inline-block; vertical-align: middle; margin-right: 15px; }

.detail-top__period .combobox { display: inline-block; vertical-align: middle; }

.detail-top__period .d-day { margin-left: 15px; }

.detail-top__button { float: right; }

.detail-top__button--toggle { position: relative; white-space: nowrap; display: inline-block; margin-left: 10px; }

.detail-top__button--toggle .o-button span { pointer-events: none; }

.detail-top__button--toggle .c-tooltip__panel { padding: 10px 20px; right: 0px; top: 60px; }

.detail-cont { position: relative; }

.detail-cont__top { position: relative; margin-bottom: 13px; }

.detail-cont__right { position: absolute; right: 0; bottom: 0; font-size: 15px; }

.detail-cont__right > * { vertical-align: middle; }

.detail-cont__right .o-icon__star { margin-top: -3px; margin-left: 5px; }

.detail-cont__button { position: absolute; right: 0; top: 30px; }

.detail-cont__button .sns-share__panel { right: 0; top: 40px; }

.detail-cont__title, .detail-cont__title--sm { margin-bottom: 13px; font-size: 22px; color: #1e1e1e; font-weight: 500; }

.detail-cont__title > em, .detail-cont__title--sm > em { color: #00adfb; }

.detail-cont__title--sm { font-size: 20px; }

.detail-cont__box { padding-top: 80px; }

.detail-cont__etc { margin-top: 15px; }

.detail-cont .detail--no-data { padding: 60px 0; min-height: auto; text-align: center; display: block; font-size: 16px; font-weight: 400; color: #666; }

.detail-cont .detail--no-data:last-child { border-bottom: 1px solid #ccc; }

.detail-summary .o-button { line-height: 1; }

.detail-summary .o-button--inner-table { margin-left: 6px; }

.detail-summary__text-button:nth-child(n+2) { margin-top: 8px; }

.detail-summary__text-button .o-label__badge + .o-button { margin-left: 10px; }

.detail-summary__text-button .o-label__badge--purple { color: #00b0c2; border: 1px solid #00b0c2; }

.detail-intro__text { line-height: 1.5; }

.detail-intro__text * { line-height: 1.5; }

.detail-intro__text em,
.detail-intro__text u {font-style: revert} /*TOTALSR-102917 [LCMS] 과정소개 기울임 처리*/

.detail-intro__text strong { font-weight: 500; }

.detail-intro__text big { font-size: larger; }

.detail-intro__text small { font-size: smaller; }

.detail-intro__text hr { display: block; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0; }

.detail-intro__text ol, .detail-intro__text ul { padding: 0 17px; }

.detail-intro__text ol > li { list-style: decimal; }

.detail-intro__text ul > li { list-style: disc; }

.detail-intro__ad { margin-top: 40px; text-align: center; min-height: 304px; position: relative; }

.detail-intro__ad video { max-height: 675px; }

.detail-intro__box { padding-top: 40px; }

.detail-intro .c-bullet--list > li:nth-child(n+2) { margin-top: 5px; }

.detail-intro__text-info { line-height: 1.5; }

.detail-intro__text-info * { line-height: 1.5; }

.detail-profile .detail-intro__col:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; }

.detail-profile__prof { text-align: center; }

.detail-profile__image { width: 140px; height: 140px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); position: relative; border-radius: 50%; }

.detail-profile__image > img, .detail-profile__image > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.detail-profile__image a > img, .detail-profile__image img { position: absolute; }

.detail-profile__dl:nth-child(n+2) { margin-top: 20px; }

.detail-profile__name { display: block; margin-top: 10px; margin-bottom: 7px; font-size: 18px; color: #1e1e1e; font-weight: 500; } /* TOTALSR-84480 */

.detail-profile__dt {display: block; margin-bottom: 7px; line-height: 24px;} /* TOTALSR-84480 */

.detail-profile__dd { line-height: 24px; }

.detail-profile .detail-intro__col:nth-child(2) .detail-profile__prof { -ms-flex-preferred-size: 200px; flex-basis: 200px; }

.detail-profile .detail-intro__col:nth-child(2) .detail-profile__name { width: 140px; }

.detail-profile .detail-intro__col:nth-child(2) .detail-profile__career { -ms-flex-preferred-size: calc(100% - 200px); flex-basis: calc(100% - 200px); }

.detail-profile .detail-intro__col:nth-child(2) .detail-profile__career .detail-profile__name { margin-top: 0; font-size: 20px; width: auto; }

.detail-index .c-scrollbox, .detail-index .scroll-wrapper { max-height: 240px; }

.detail-index__list { border-top: 1px solid #1e1e1e; }

.detail-index__list--accordion .detail-index__name { display: -webkit-box; display: -ms-flexbox; display: flex; }

.detail-index__list--accordion .index-group__day { width: 100px; position: static !important; }

.detail-index__list--accordion .detail-index__module { display: block; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.detail-index__list--compositive:last-child { border-bottom: none; }

.detail-index__list--compositive .detail-index__name:after { content: ''; display: block; clear: both; }

.detail-index__list--compositive .detail-index__item { border-bottom: none; }

.detail-index__list--compositive .index-group { border-top: 1px solid #ccc; }

.detail-index__list--compositive .detail-index__list--accordion { border-top: none; }

.detail-index__list--compositive .detail-index__list--accordion .detail-index__item { border-top: 1px solid #e5e5e5; }

.detail-index__list--compositive .detail-index__list--accordion:last-child { border-bottom: 1px solid #ccc; }

.detail-index__list--image img { width: 100%; }

.detail-index__list--simple { padding: 10px 0; border-bottom: 1px solid #ccc; }

.detail-index__list--simple li { font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.11; letter-spacing: -0.5px; text-align: left; color: #1e1e1e; }

.detail-index__list--simple .detail--no-data { padding: 50px 0; line-height: inherit; letter-spacing: normal; }

.detail-index__list--simple .detail--no-data:last-child { border-bottom: none; }

.detail-index__item { border-bottom: 1px solid #e5e5e5; }

.detail-index__item:last-child { border-color: #ccc; }

.detail-index__name { padding: 20px 0; position: relative; }

.detail-index__arrow { text-indent: -9999em; overflow: hidden; display: inline-block; width: 11px; height: 11px; position: absolute; margin-top: -5.5px; top: 50%; right: 0; width: 18px; }

.detail-index__arrow:before, .detail-index__arrow:after { content: ''; display: block; background-color: #555; position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }

.detail-index__arrow:before { width: 1px; height: 11px; }

.detail-index__arrow:after { width: 11px; height: 1px; }

.detail-index__arrow:before, .detail-index__arrow:after { -webkit-transform: rotate(-135deg); -khtml-transform: rotate(-135deg); transform: rotate(-135deg); left: 50%; top: 100%; }

.detail-index__arrow.is-active { width: 18px; }

.detail-index__arrow.is-active:before, .detail-index__arrow.is-active:after { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 0; }

.detail-index__module { color: #1e1e1e; font-size: 18px; display: inline-block; vertical-align: middle; font-weight: 500; }

.detail-index__panel { display: none; overflow: hidden; }

.detail-index__panel.is-active { display: block; }

.detail-index__panel.is-active.is-opend { overflow: inherit; }

.detail-index__type { color: #4e51d4; font-size: 15px; display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: 500; }

.detail-index__period { float: right; font-size: 15px; }

.detail-index .index-group__item { border-bottom: 1px solid #ccc; padding-left: 100px; position: relative; }

.detail-index .index-group__day { color: #1e1e1e; font-size: 18px; position: absolute; left: 0; top: 20px; font-weight: 500; }

.detail-index .index-group__list > li { display: table; width: 100%; table-layout: fixed; padding: 17px 0; position: relative; }

.detail-index .index-group__list > li:nth-child(n+2) { border-top: 1px solid #e5e5e5; }

.detail-index .index-group__dt { color: #1e1e1e; font-size: 16px; display: table-cell; vertical-align: top; padding-top: 3px; width: 260px; font-weight: 500; }

.detail-index .index-group__time { position: absolute; right: 0; top: 20px; }

.detail-index .index-group .c-bullet--list { display: table-cell; vertical-align: top; font-size: 16px; }

.detail-index .index-group .c-bullet--list > li:nth-child(n+2) { margin-top: 6px; }

.detail-index .index-group .c-bullet--list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.detail-index .index-group .c-bullet--list > li .index-group__time { position: static; width: 100px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 10px; }

.detail-review__list { border-top: 1px solid #1e1e1e; }

.detail-review__item { padding: 30px 0; min-height: 163px; position: relative; border-bottom: 1px solid #e5e5e5; display: -webkit-box; display: -ms-flexbox; display: flex; }

.detail-review__item:last-child { border-color: #ccc; }

.detail-review .review__star { text-align: center; width: 130px; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.detail-review .review__star-num { font-size: 28px; color: #1e1e1e; display: block; font-weight: 500; }

.detail-review .review__top { font-size: 0; }

.detail-review .review__name, .detail-review .review__writer, .detail-review .review__time { display: inline-block; vertical-align: middle; font-size: 15px; }

.detail-review .review__name { color: #1e1e1e; font-weight: 500; }

.detail-review .review__writer { color: #00adfb; margin-left: 5px; }

.detail-review .review__time { color: #939393; margin-left: 10px; }

.detail-review .review__text { font-size: 15px; line-height: 24px; margin-top: 11px; }

.detail-review .review .recommend { position: absolute; right: -9px; bottom: 19px; }

.detail-review .review--no-data { padding: 60px 0; min-height: auto; text-align: center; display: block; }

.detail-review .review__cont { width: calc(100% - 130px); }

.detail-recommend .detail-cont__title, .detail-recommend .detail-cont__title--sm { margin-bottom: 15px; }

.detail-recommend .register-con__title { margin-bottom: 20px; }

.detail-recommend .c-thumb-list__dotwrap { display: none; }

.detail-recommend .c-thumb-list__content { border-top: none; }

.detail-recommend .c-thumb-list .slick-track { padding: 0; border-bottom: none; }

.detail-recommend .c-thumb-list__content .c-thumb-list__prevbtn, .detail-recommend .c-thumb-list__content .c-thumb-list__nextbtn { top: 66px; }

.course-detail .detail-recommend .c-thumb-list__content { margin: 0 -7px 0 -7px; }

.course-detail .detail-recommend .c-thumb-list__content .c-thumb-list__prevbtn, .course-detail .detail-recommend .c-thumb-list__content .c-thumb-list__nextbtn { top: 50px; }

.course-detail .detail-recommend .c-thumb-list__thumb { width: 227px; height: 169px; }

.course-detail .detail-recommend .c-thumb-list .slick-slide { padding: 0 7px 5px 7px; border: none; }

.detail-top-res { padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.detail-top-res__course-info { position: relative; padding-left: 315px; min-height: 206px; }

.detail-top-res__thumb { position: absolute; left: 0; top: 0; width: 276px; height: 206px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); }

.detail-top-res__thumb > img, .detail-top-res__thumb > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.detail-top-res__thumb > a { display: block; width: 276px; height: 206px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); }

.detail-top-res__thumb > a > img, .detail-top-res__thumb > a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.detail-top-res__cont { position: relative; min-height: 206px; padding-bottom: 92px; }

.detail-top-res__title { display: block; font-size: 25px; color: #1e1e1e; line-height: 36px; font-weight: 500; }

.detail-top-res__title--tag { display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 0; line-height: 1; }

.detail-top-res__info { position: absolute; left: 0; bottom: 0; width: 100%; }

.detail-top-res__info:after { content: ''; display: block; clear: both; }

.detail-top-res__info .c-list-info { float: left; }

.detail-top-res__function { margin-top: 40px; }

.detail-top-res__function:after { content: ''; display: block; clear: both; }

.detail-top-res__button { float: right; }

.course-window__wrapper { overflow-x: hidden; }

.course-window__header { background-color: #FFFFFF; padding: 0 36px; }

.course-window__header__inner { max-width: 1080px; margin: 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 58px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.course-window__header .h1_logo img { max-height: 25px; }

.course-window__header__contents { margin-left: auto; }

.course-window__header__contents .text { color: #d0c7c5; font-weight: 500; font-size: 14px; letter-spacing: -0.65px; }

.course-window__course-detail__contents { padding-bottom: 100px; }

.course-window__course-detail .detail-top-res_wrap { background-color: #F2ECEB; padding: 0 36px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res { max-width: 1080px; margin: 0 auto; }

.course-window__course-detail .detail-cont_wrap { padding: 0 36px; }

.course-window__course-detail .detail-cont_wrap .detail-cont { max-width: 1080px; margin: 0 auto; }

.course-window__course-detail .detail-cont_wrap .detail-cont .button-wrap { text-align: right; margin-top: 18px; }

.course-window__course-detail .detail-cont_wrap .detail-cont .button-wrap .o-button--inner { border-radius: 0.5em; }

@media all and (min-width: 769px) { .course-window__wrapper .detail-profile .detail-intro__col:nth-child(2) .detail-profile__prof { -ms-flex-preferred-size: 270px; flex-basis: 270px; }
    .course-window__wrapper .detail-profile .detail-intro__col:nth-child(2) .detail-profile__career { -ms-flex-preferred-size: calc(100% - 270px); flex-basis: calc(100% - 270px); }
    .course-window__wrapper .detail-profile .detail-intro__col:nth-child(2) .detail-profile__career .detail-profile__name { font-size: 22px; font-weight: 700; }
    .course-window__wrapper .detail-profile .detail-intro__col:nth-child(2) .detail-profile__image { width: 230px; height: 230px; } }

@media all and (max-width: 768px) { .course-window__header { padding: 0 18px; }
    .course-window__header__inner { height: 40px; }
    .course-window__header .h1_logo img { max-height: 17px; }
    .course-window__header__contents { display: none; }
    .course-window__course-detail__contents { padding-bottom: 50px; }
    .course-window__course-detail .detail-top-res_wrap { padding: 0 18px; }
    .course-window__course-detail .detail-cont_wrap { padding: 0 18px; } }

.course-window__course-detail .detail-top-res_wrap .detail-top-res { padding: 51px 0; border-bottom: 0; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__course-info { padding-left: 0px; padding-right: 428px; min-height: 283px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb { left: auto; top: 0; width: 378px; height: 283px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); right: 0; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb > img, .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb__inner { width: 378px; height: 283px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb__inner > img, .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb__inner > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__cont { position: relative; min-height: 283px; padding-bottom: 70px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__title { font-size: 32px; line-height: 46px; letter-spacing: -0.65px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__title--tag { margin-top: -2px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__info { position: relative; color: #1e1e1e; font-weight: 500; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__function { margin-top: 0px; position: absolute; bottom: 0; left: 0; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__button { float: none; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__button .o-button--inner { min-width: 310px; font-size: 20px; height: 50px; border: 1px solid #1e1e1e; background-color: #fff; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__button .o-button--inner:hover, .course-window__course-detail .detail-top-res_wrap .detail-top-res__button .o-button--inner:focus { background-color: #1e1e1e; }

.course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--strong { margin-right: 13px; line-height: 30px; font-size: 20px; margin-bottom: 5px; }

.course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--tag { margin-left: 0; }

.course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--tag .o-label__round { border-radius: 15px; border: 1px solid #ccc; margin-left: 0; margin-right: 5px; margin-bottom: 5px; }

.course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--tag .o-label__round--chip { font-size: 15px; min-width: 52px; padding: 7px 18px 6px; }

.course-window__course-detail .detail-top-res_wrap .c-list-info__group { margin-right: 19px; }

.course-window__course-detail .detail-top-res_wrap .c-list-info__group:before { height: 19px; background: #DCD5D5; position: absolute; margin-top: -10px; }

.course-window__course-detail .detail-top-res_wrap .o-icon__info { width: 19px; height: 18px; }

.course-window__course-detail .detail-top-res_wrap .o-icon__info--review { background-position: 50% 50%; background: url("../img/common/icon_list_info-review.png"); background-repeat: no-repeat; }

.course-window__course-detail .detail-top-res_wrap .o-icon__info + span { font-size: 19px; margin-left: 9px; }

.course-window__course-detail .detail-top-res .o-icon__star, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star { margin-top: -2px; width: 100px; height: 16px; background-size: 100px auto; }

.course-window__course-detail .detail-top-res .o-icon__star-text, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star-text { font-size: 19px; margin-right: 18px; }

.course-window__course-detail .detail-top-res .o-icon__star--5, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--5 { background-position: 0 -28px; }

.course-window__course-detail .detail-top-res .o-icon__star--10, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--10 { background-position: 0 -56px; }

.course-window__course-detail .detail-top-res .o-icon__star--15, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--15 { background-position: 0 -84px; }

.course-window__course-detail .detail-top-res .o-icon__star--20, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--20 { background-position: 0 -112px; }

.course-window__course-detail .detail-top-res .o-icon__star--25, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--25 { background-position: 0 -140px; }

.course-window__course-detail .detail-top-res .o-icon__star--30, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--30 { background-position: 0 -168px; }

.course-window__course-detail .detail-top-res .o-icon__star--35, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--35 { background-position: 0 -196px; }

.course-window__course-detail .detail-top-res .o-icon__star--40, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--40 { background-position: 0 -224px; }

.course-window__course-detail .detail-top-res .o-icon__star--45, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--45 { background-position: 0 -252px; }

.course-window__course-detail .detail-top-res .o-icon__star--50, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--50 { background-position: 0 -280px; }

.course-window__course-detail .detail-top-res .o-icon__star--55, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--55 { background-position: 0 -308px; }

.course-window__course-detail .detail-top-res .o-icon__star--60, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--60 { background-position: 0 -336px; }

.course-window__course-detail .detail-top-res .o-icon__star--65, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--65 { background-position: 0 -364px; }

.course-window__course-detail .detail-top-res .o-icon__star--70, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--70 { background-position: 0 -392px; }

.course-window__course-detail .detail-top-res .o-icon__star--75, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--75 { background-position: 0 -420px; }

.course-window__course-detail .detail-top-res .o-icon__star--80, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--80 { background-position: 0 -448px; }

.course-window__course-detail .detail-top-res .o-icon__star--85, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--85 { background-position: 0 -476px; }

.course-window__course-detail .detail-top-res .o-icon__star--90, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--90 { background-position: 0 -504px; }

.course-window__course-detail .detail-top-res .o-icon__star--95, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--95 { background-position: 0 -532px; }

.course-window__course-detail .detail-top-res .o-icon__star--100, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--100 { background-position: 0 -560px; }

.course-window__course-detail .c-bullet--list { font-size: 17px; line-height: 28px; }

.course-window__course-detail .c-bullet--list > li:nth-child(n+2) { margin-top: 6px; }

.course-window__course-detail .c-bullet--list.c-bullet--dot > li { padding-left: 18px; }

.course-window__course-detail .c-bullet--list.c-bullet--dot > li:before { width: 5px; height: 5px; top: 10px; }

.course-window__course-detail .c-bullet--list.c-bullet--l > li { font-size: 17px; line-height: 28px; }

.course-window__course-detail .detail-cont__box { padding-top: 100px; }

.course-window__course-detail .detail-cont .detail--no-data { text-align: center; font-weight: 400; color: #666; font-size: 16px; }

.course-window__course-detail .detail-summary .c-table { table-layout: auto; }

.course-window__course-detail .detail-summary .c-table--row th { width: 17%; }

.course-window__course-detail .detail-summary .c-table--row td { width: 83%; }

.course-window__course-detail .detail-summary__text-button .o-label__badge { padding: 1px 9px; font-size: 15px; border-radius: 2px; vertical-align: top; }

.course-window__course-detail .detail-summary .o-button--inner-table { height: 34px; padding: 9px 18px; font-size: 16px; }

.course-window__course-detail .detail-summary .detail-cont__title, .course-window__course-detail .detail-summary .detail-cont__title--sm { margin-bottom: 18px; font-size: 28px; }

.course-window__course-detail .detail-intro__text { line-height: 28px; font-size: 17px; }

.course-window__course-detail .detail-intro__text img { max-width: 100%; height: auto !important; }

.course-window__course-detail .detail-intro__ad { margin-top: 55px; min-height: auto; }

.course-window__course-detail .detail-intro__ad img { max-width: 100%; height: auto !important; }

.course-window__course-detail .detail-profile-res .detail-intro__col {display: -webkit-box; display: -ms-flexbox; display: flex;} /*TOTALSR-105252*/

.course-window__course-detail .detail-profile-res__prof {flex-basis: 200px;}

.course-window__course-detail .detail-profile-res__image {width: 140px; height: 140px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); position: relative; border-radius: 50%;}

.course-window__course-detail .detail-profile-res__image > img, 
.course-window__course-detail .detail-profile-res__image > a > img {max-width: 100%; height: auto !important; }

.course-window__course-detail .detail-profile-res__career {flex-basis: calc(100% - 200px);}

.course-window__course-detail .detail-profile-res__name {display: block; font-size: 20px; color: #1e1e1e; font-weight: 500; margin-bottom: 7px;}

.course-window__course-detail .detail-profile-res__dt { display: block; margin-bottom: 7px; line-height:24px }

.course-window__course-detail .detail-profile-res__dd {line-height: 24px; }

.course-window__course-detail .detail-index .detail-cont__title, .course-window__course-detail .detail-index .detail-cont__title--sm { font-size: 28px; }

.course-window__course-detail .detail-index .detail-cont__right { font-size: 18px; }

.course-window__course-detail .detail-index .course-index .index { padding: 0px 0px; }

.course-window__course-detail .detail-index .course-index .index__item { padding: 21px 40px 21px 30px; }

.course-window__course-detail .detail-index .course-index .index__item:before { display: none; }

.course-window__course-detail .detail-index .course-index .index__th, .course-window__course-detail .detail-index .course-index .index__title, .course-window__course-detail .detail-index .course-index .index__time, .course-window__course-detail .detail-index .course-index .index__like { font-size: 16px; }

.course-window__course-detail .detail-index .c-scrollbox, .course-window__course-detail .detail-index .scroll-wrapper { max-height: 244px; }

.course-window__course-detail .detail-index__list { border-top: 1px solid #1e1e1e; }

.course-window__course-detail .detail-index__list--accordion .detail-index__name { display: -webkit-box; display: -ms-flexbox; display: flex; }

.course-window__course-detail .detail-index__list--accordion .index-group__day { width: 100px; position: static !important; }

.course-window__course-detail .detail-index__list--accordion .detail-index__module { display: block; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.course-window__course-detail .detail-index__list--compositive:last-child { border-bottom: none; }

.course-window__course-detail .detail-index__list--compositive .detail-index__name:after { content: ''; display: block; clear: both; }

.course-window__course-detail .detail-index__list--compositive .detail-index__item { border-bottom: none; }

.course-window__course-detail .detail-index__list--compositive .index-group { border-top: 1px solid #ccc; }

.course-window__course-detail .detail-index__list--compositive .detail-index__list--accordion { border-top: none; }

.course-window__course-detail .detail-index__list--compositive .detail-index__list--accordion .detail-index__item { border-top: 1px solid #e5e5e5; }

.course-window__course-detail .detail-index__list--image img { width: 100%; }

.course-window__course-detail .detail-index__list--simple { padding: 10px 0; border-bottom: 1px solid #ccc; }

.course-window__course-detail .detail-index__list--simple li { font-size: 18px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.11; letter-spacing: -0.5px; text-align: left; color: #1e1e1e; }

.course-window__course-detail .detail-index__list--simple .detail--no-data { padding: 50px 0; line-height: inherit; letter-spacing: normal; }

.course-window__course-detail .detail-index__list--simple .detail--no-data:last-child { border-bottom: none; }

.course-window__course-detail .detail-index__item { border-bottom: 1px solid #e5e5e5; }

.course-window__course-detail .detail-index__item:last-child { border-color: #ccc; }

.course-window__course-detail .detail-index__name { padding: 20px 0; position: relative; }

.course-window__course-detail .detail-index__arrow { text-indent: -9999em; overflow: hidden; display: inline-block; width: 11px; height: 11px; position: absolute; margin-top: -5.5px; top: 50%; right: 0; width: 18px; }

.course-window__course-detail .detail-index__arrow:before, .course-window__course-detail .detail-index__arrow:after { content: ''; display: block; background-color: #555; position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }

.course-window__course-detail .detail-index__arrow:before { width: 1px; height: 11px; }

.course-window__course-detail .detail-index__arrow:after { width: 11px; height: 1px; }

.course-window__course-detail .detail-index__arrow:before, .course-window__course-detail .detail-index__arrow:after { -webkit-transform: rotate(-135deg); -khtml-transform: rotate(-135deg); transform: rotate(-135deg); left: 50%; top: 100%; }

.course-window__course-detail .detail-index__arrow.is-active { width: 18px; }

.course-window__course-detail .detail-index__arrow.is-active:before, .course-window__course-detail .detail-index__arrow.is-active:after { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 0; }

.course-window__course-detail .detail-index__module { color: #1e1e1e; font-size: 22px; display: inline-block; vertical-align: middle; font-weight: 500; }

.course-window__course-detail .detail-index__panel { display: none; overflow: hidden; }

.course-window__course-detail .detail-index__panel.is-active { display: block; }

.course-window__course-detail .detail-index__panel.is-active.is-opend { overflow: inherit; }

.course-window__course-detail .detail-index__type { color: #4e51d4; font-size: 15px; display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: 500; }

.course-window__course-detail .detail-index__period { float: right; font-size: 15px; }

.course-window__course-detail .detail-index .index-group:last-child { border-bottom: none; }

.course-window__course-detail .detail-index .index-group__item { border-bottom: 1px solid #ccc; padding-left: 100px; position: relative; }

.course-window__course-detail .detail-index .index-group__day { color: #1e1e1e; font-size: 18px; position: absolute; left: 0; top: 20px; font-weight: 500; }

.course-window__course-detail .detail-index .index-group__list > li { display: table; width: 100%; table-layout: fixed; padding: 17px 0; position: relative; }

.course-window__course-detail .detail-index .index-group__list > li:nth-child(n+2) { border-top: 1px solid #e5e5e5; }

.course-window__course-detail .detail-index .index-group__dt { color: #1e1e1e; font-size: 16px; display: table-cell; vertical-align: top; padding-top: 3px; width: 260px; font-weight: 500; }

.course-window__course-detail .detail-index .index-group__time { position: absolute; right: 0; top: 20px; }

.course-window__course-detail .detail-index .index-group .c-bullet--list { display: table-cell; vertical-align: top; font-size: 16px; }

.course-window__course-detail .detail-index .index-group .c-bullet--list > li:nth-child(n+2) { margin-top: 6px; }

.course-window__course-detail .detail-review .detail-cont__title, .course-window__course-detail .detail-review .detail-cont__title--sm { font-size: 28px; }

.course-window__course-detail .detail-review .detail-cont__right { font-size: 18px; }

.course-window__course-detail .detail-review__list { border-top: 1px solid #1e1e1e; }

.course-window__course-detail .detail-review__item { padding: 30px 0; min-height: 163px; }

.course-window__course-detail .detail-review .review__star-num { font-size: 36px; }

.course-window__course-detail .detail-review .review__arrow { display: none; }

.course-window__course-detail .detail-review .review__name, .course-window__course-detail .detail-review .review__writer, .course-window__course-detail .detail-review .review__time { font-size: 19px; }

.course-window__course-detail .detail-review .review__text { font-size: 16px; line-height: 28px; margin-top: 15px; }

.course-window__course-detail .detail-review .review--no-data { padding: 60px 0; min-height: auto; text-align: center; display: block; font-size: 16px; }

.course-window__course-detail .detail-review .c-list-more { margin-top: 30px; }

.course-window__course-detail .detail-review .c-list-more__btn { font-size: 20px; padding: 10px 30px; border: 1px solid #ccc; min-width: 207px; }

.course-window__course-detail .detail-recommend-res .detail-cont__title, .course-window__course-detail .detail-recommend-res .detail-cont__title--sm { margin-bottom: 20px; font-size: 28px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list { max-width: none; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 72.87449392713%; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__thumb > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content { position: relative; margin: 0 0px; border-top: none; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next { cursor: pointer; position: absolute; top: 16.66666666667%; width: 3.33333333333%; height: 16.66666666667%; background: rgba(242, 243, 248, 0.5); z-index: 1; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn span, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn span, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev span, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next span { font-size: 0; line-height: 0; width: 15px; height: 15px; position: absolute; margin-top: -7.5px; top: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: auto; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next span:after { content: ''; display: block; background-color: #1e1e1e; position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next span:before { width: 1px; height: 15px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next span:after { width: 15px; height: 1px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev { left: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__prevbtn span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-prev span:after { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); transform: rotate(-45deg); left: 0; top: 50%; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next { right: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .c-thumb-list__nextbtn span:after, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next span:before, .course-window__course-detail .detail-recommend-res .c-thumb-list__content .slick-next span:after { -webkit-transform: rotate(135deg); -khtml-transform: rotate(135deg); transform: rotate(135deg); left: 100%; top: 50%; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .slick-list { margin: 0 -15px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__wrap:not(.slick-slider), .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; table-layout: fixed; border-bottom: 0; padding: 0px 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__wrap:not(.slick-slider):last-child { border-bottom: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__item, .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-slide { position: relative; display: inline-block; vertical-align: top; width: auto; padding: 0 0px; border-left: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__item a, .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-slide a { display: block; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .slick-slide { padding: 0 15px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots { position: absolute; right: 0; top: -19px; display: table; font-size: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__item { display: inline-block; margin-left: 8px; width: 10px; height: 10px; background-color: #e5e5e5; border-radius: 5px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__item.slick-active { background-color: #21277d; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__anchor { width: 10px; height: 10px; cursor: pointer; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__number { overflow: hidden; position: absolute; z-index: -1; width: 1px; height: 1px; font-size: 1px; line-height: 2; opacity: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__cont { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 72.87449392713%; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__title-area { margin-top: 10px; margin-bottom: 5px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__title { font-size: 22px; line-height: 30px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__title a { width: 100%; color: #1e1e1e; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline { height: 60px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline a { overflow: hidden; height: 60px; max-height: 60px; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline a:hover { text-decoration: underline; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__desc { margin-top: 13px; margin-bottom: -5px; font-size: 14px; line-height: 22px; color: #666; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip { margin-bottom: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip .c-list-info__item--strong { font-size: 18px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip .c-list-info__item--tag { display: inline-block; vertical-align: middle; margin-left: 0; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip .c-list-info__item--tag .o-label__round { border-radius: 0; border: 0; display: inline-block; vertical-align: middle; text-align: left; margin-left: 0; margin-right: 5px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip .c-list-info__item--tag .o-label__round--chip { font-size: 15px; min-width: auto; padding: 0; line-height: 23px; }

@media all and (max-width: 768px) { .course-window__course-detail .detail-profile .detail-intro__col { display: block; }
    .course-window__course-detail .detail-profile__prof { display: block; margin-bottom: 15px; }
    .course-window__course-detail .detail-profile__career { display: block; }
    .course-window__course-detail .detail-profile__dl { margin-top: 10px; }
    .course-window__course-detail .detail-profile__dt, .course-window__course-detail .detail-profile__name { margin-bottom: 5px; }
    .course-window__course-detail .detail-profile__dt, .course-window__course-detail .detail-profile__name, .course-window__course-detail .detail-profile__dd { font-size: 14px; line-height: 20px; }
    .course-window__course-detail .detail-profile .detail-intro__col:nth-child(2) .detail-profile__name { font-size: 16px; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res { padding: 18px 0; border-bottom: 0; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__course-info { padding-left: 0px; padding-right: 0px; min-height: auto; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb { left: auto; top: 0; right: 0; max-width: none; position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 75%; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb__inner { max-width: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__cont { position: relative; min-height: auto; padding-bottom: 0px; margin-top: 31px; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__title { font-size: 19px; line-height: 28px; letter-spacing: -0.65px; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__info { position: relative; color: #1e1e1e; font-weight: 500; margin-top: 5px; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__function { margin-top: 33px; position: relative; bottom: 0; left: 0; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__button { float: none; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__button .o-button-wrap { text-align: center; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__button .o-button--inner { min-width: 250px; font-size: 14px; height: 42px; border: 1px solid #1e1e1e; background-color: #fff; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__button .o-button--inner:hover, .course-window__course-detail .detail-top-res_wrap .detail-top-res__button .o-button--inner:focus { background-color: #1e1e1e; }
    .course-window__course-detail .detail-top-res_wrap .c-list-info--chip { margin-bottom: 6px; }
    .course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--strong { margin-right: 7px; line-height: 20px; font-size: 15px; display: inline; }
    .course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--tag { margin-left: 0; }
    .course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--tag .o-label__round { border-radius: 10px; border: 1px solid #ccc; margin-left: 0; margin-right: 4px; margin-bottom: 4px; }
    .course-window__course-detail .detail-top-res_wrap .c-list-info--chip .c-list-info__item--tag .o-label__round--chip { font-size: 13px; min-width: 50px; padding: 3px 9px 2px; }
    .course-window__course-detail .detail-top-res_wrap .c-list-info__group { margin: 0px 26px 0 0; }
    .course-window__course-detail .detail-top-res_wrap .c-list-info__group:before { height: 14px; background: #DCD5D5; position: absolute; margin-top: -7px; right: -13px; }
    .course-window__course-detail .detail-top-res_wrap .o-icon__info { width: 14px; height: 16px; }
    .course-window__course-detail .detail-top-res_wrap .o-icon__info--review { background-position: 50% 50%; background: url("../img/common/icon_list_info-review.png"); background-repeat: no-repeat; background-size: 100% auto; }
    .course-window__course-detail .detail-top-res_wrap .o-icon__info + span { font-size: 14px; margin-left: 6px; } }

@media all and (min-width: 768px) and (max-width: 1080px) { .course-window__course-detail .detail-recommend-res .c-thumb-list__cont { padding-top: 1.57407407407vw; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title-area { margin-top: 0.92592592593vw; margin-bottom: 0.46296296296vw; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title { font-size: 2.03703703704vw; line-height: 1.4; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline { height: 5.55555555556vw; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline a { overflow: hidden; height: 5.55555555556vw; max-height: 5.55555555556vw; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline a:hover { text-decoration: underline; } }

@media all and (max-width: 768px) { .course-window__course-detail .detail-top-res .o-icon__star, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star { margin-top: -2px; width: 65px; height: 13px; background-size: 65px auto; }
    .course-window__course-detail .detail-top-res .o-icon__star-text, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star-text { font-size: 14px; margin-right: 0; }
    .course-window__course-detail .detail-top-res .o-icon__star--5, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--5 { background-position: 0 -18px; }
    .course-window__course-detail .detail-top-res .o-icon__star--10, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--10 { background-position: 0 -36px; }
    .course-window__course-detail .detail-top-res .o-icon__star--15, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--15 { background-position: 0 -54px; }
    .course-window__course-detail .detail-top-res .o-icon__star--20, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--20 { background-position: 0 -72px; }
    .course-window__course-detail .detail-top-res .o-icon__star--25, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--25 { background-position: 0 -90px; }
    .course-window__course-detail .detail-top-res .o-icon__star--30, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--30 { background-position: 0 -108px; }
    .course-window__course-detail .detail-top-res .o-icon__star--35, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--35 { background-position: 0 -126px; }
    .course-window__course-detail .detail-top-res .o-icon__star--40, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--40 { background-position: 0 -144px; }
    .course-window__course-detail .detail-top-res .o-icon__star--45, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--45 { background-position: 0 -162px; }
    .course-window__course-detail .detail-top-res .o-icon__star--50, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--50 { background-position: 0 -180px; }
    .course-window__course-detail .detail-top-res .o-icon__star--55, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--55 { background-position: 0 -198px; }
    .course-window__course-detail .detail-top-res .o-icon__star--60, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--60 { background-position: 0 -216px; }
    .course-window__course-detail .detail-top-res .o-icon__star--65, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--65 { background-position: 0 -234px; }
    .course-window__course-detail .detail-top-res .o-icon__star--70, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--70 { background-position: 0 -252px; }
    .course-window__course-detail .detail-top-res .o-icon__star--75, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--75 { background-position: 0 -270px; }
    .course-window__course-detail .detail-top-res .o-icon__star--80, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--80 { background-position: 0 -288px; }
    .course-window__course-detail .detail-top-res .o-icon__star--85, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--85 { background-position: 0 -306px; }
    .course-window__course-detail .detail-top-res .o-icon__star--90, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--90 { background-position: 0 -324px; }
    .course-window__course-detail .detail-top-res .o-icon__star--95, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--95 { background-position: 0 -342px; }
    .course-window__course-detail .detail-top-res .o-icon__star--100, .course-window__course-detail .detail-review .detail-cont__top .o-icon__star--100 { background-position: 0 -360px; }
    .course-window__course-detail .c-bullet--list { font-size: 14px; line-height: 23px; }
    .course-window__course-detail .c-bullet--list > li:nth-child(n+2) { margin-top: 3px; }
    .course-window__course-detail .c-bullet--list.c-bullet--dot > li { padding-left: 10px; }
    .course-window__course-detail .c-bullet--list.c-bullet--dot > li:before { width: 3px; height: 3px; top: 10px; }
    .course-window__course-detail .c-bullet--list.c-bullet--l > li { font-size: 14px; line-height: 23px; }
    .course-window__course-detail .detail-cont__title, .course-window__course-detail .detail-cont__title--sm { font-size: 17px; margin-bottom: 10px; }
    .course-window__course-detail .detail-cont__title--sm { font-size: 17px; }
    .course-window__course-detail .detail-cont__box { padding-top: 50px; }
    .course-window__course-detail .detail-cont .detail--no-data { text-align: center; font-weight: 400; color: #666; font-size: 14px; }
    .course-window__course-detail .detail-summary .c-table--row { table-layout: auto; }
    .course-window__course-detail .detail-summary .c-table--row th, .course-window__course-detail .detail-summary .c-table--row td, .course-window__course-detail .detail-summary .c-table--row .c-table__col { padding: 6px 8px; height: 38px; line-height: 21px; font-size: 14px; }
    .course-window__course-detail .detail-summary .c-table--row th, .course-window__course-detail .detail-summary .c-table--row .c-table__th { color: #666; vertical-align: middle; }
    .course-window__course-detail .detail-summary .c-table--row td, .course-window__course-detail .detail-summary .c-table--row .c-table__td { color: #1e1e1e; }
    .course-window__course-detail .detail-summary .c-table th, .course-window__course-detail .detail-summary .c-table__th { line-height: 21px; }
    .course-window__course-detail .detail-summary .c-table th { width: 30%; }
    .course-window__course-detail .detail-summary .c-table td { width: 70%; }
    .course-window__course-detail .detail-summary .o-button--text { font-size: 14px; padding-bottom: 0; border-bottom: 0; text-decoration: underline; text-align: left; }
    .course-window__course-detail .detail-summary__text-button:nth-child(n+2) { margin-top: 3px; }
    .course-window__course-detail .detail-summary__text-button .o-label__badge + .o-button { margin-left: 0px; }
    .course-window__course-detail .detail-summary__text-button .o-label__badge { padding: 1px 9px; font-size: 11px; border-radius: 2px; vertical-align: top; display: inline-block; line-height: 15px; }
    .course-window__course-detail .detail-summary .o-button--inner-table { height: 30px; padding: 8px 8px; font-size: 14px; margin-left: 0px; }
    .course-window__course-detail .detail-summary .detail-cont__title, .course-window__course-detail .detail-summary .detail-cont__title--sm { margin-bottom: 10px; font-size: 19px; }
    .course-window__course-detail .detail-intro__text { line-height: 23px; font-size: 14px; }
    .course-window__course-detail .detail-intro__ad { margin-top: 20px; min-height: auto; }
    .course-window__course-detail .detail-intro__box { padding-top: 35px; }
    .course-window__course-detail .detail-intro__text-info { line-height: 23px; font-size: 14px; }
    .course-window__course-detail .detail-profile-res .detail-intro__col { border: 0; display: block; table-layout: auto; }
    .course-window__course-detail .detail-profile-res__prof { display: block; vertical-align: top; width: auto; text-align: center; }
    .course-window__course-detail .detail-profile-res__image { width: 140px; height: 140px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); background-color: #F5F5F5; }
    .course-window__course-detail .detail-profile-res__image > img, .course-window__course-detail .detail-profile-res__image > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .course-window__course-detail .detail-profile-res__career { display: table-cell; vertical-align: middle; padding: 15px 0 0 0; }
    .course-window__course-detail .detail-profile-res__name { margin-bottom: 0px; font-size: 14px; line-height: 20px; color: #1e1e1e; font-weight: 700; }
    .course-window__course-detail .detail-profile-res dl { margin-top: 10px; }
    .course-window__course-detail .detail-profile-res__dt { display: block; margin-bottom: 5px; font-size: 14px; line-height: 20px; color: #1e1e1e; font-weight: 500; }
    .course-window__course-detail .detail-profile-res__dd { font-size: 14px; line-height: 20px; }
    .course-window__course-detail .detail-index .detail-cont__title, .course-window__course-detail .detail-index .detail-cont__title--sm { font-size: 19px; }
    .course-window__course-detail .detail-index .detail-cont__right { font-size: 13px; }
    .course-window__course-detail .detail-index .course-index__list { font-size: 14px; }
    .course-window__course-detail .detail-index .course-index .index { padding: 0px 0px; }
    .course-window__course-detail .detail-index .course-index .index__item { padding: 14px 13px 14px 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .course-window__course-detail .detail-index .course-index .index__item .o-icon__loso { -ms-flex-negative: 0; flex-shrink: 0; }
    .course-window__course-detail .detail-index .course-index .index__th, .course-window__course-detail .detail-index .course-index .index__title, .course-window__course-detail .detail-index .course-index .index__time, .course-window__course-detail .detail-index .course-index .index__like { font-size: 14px; }
    .course-window__course-detail .detail-index .course-index .index__th { padding-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; }
    .course-window__course-detail .detail-index .course-index .index__right { display: none; float: none; margin-left: auto; }
    .course-window__course-detail .detail-index .c-scrollbox, .course-window__course-detail .detail-index .scroll-wrapper { max-height: 244px; }
    .course-window__course-detail .detail-index__list { border-top: 1px solid #1e1e1e; }
    .course-window__course-detail .detail-index__list--accordion .index-group__day { width: 50px; position: static !important; }
    .course-window__course-detail .detail-index__list--accordion .detail-index__module { display: block; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .course-window__course-detail .detail-index__list--compositive:last-child { border-bottom: 1px solid #ccc; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__name { padding: 14px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__name:after { content: ''; display: block; clear: both; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__name .detail-index__type, .course-window__course-detail .detail-index__list--compositive .detail-index__name .detail-index__module, .course-window__course-detail .detail-index__list--compositive .detail-index__name .detail-index__period { margin-top: 3px; margin-bottom: 3px; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__name .detail-index__period { margin-left: auto; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__item { border-bottom: none; }
    .course-window__course-detail .detail-index__list--compositive .index-group { border-top: 1px solid #ccc; }
    .course-window__course-detail .detail-index__list--compositive .index-group__dt { padding-right: 90px; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__list--accordion { border-top: none; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__list--accordion .detail-index__item { border-top: 1px solid #e5e5e5; }
    .course-window__course-detail .detail-index__list--compositive .detail-index__name { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .course-window__course-detail .detail-index__list--image img { width: 100%; }
    .course-window__course-detail .detail-index__list--simple { padding: 10px 0; border-bottom: 1px solid #ccc; }
    .course-window__course-detail .detail-index__list--simple li { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.11; letter-spacing: -0.5px; text-align: left; color: #1e1e1e; }
    .course-window__course-detail .detail-index__item { border-bottom: 1px solid #e5e5e5; }
    .course-window__course-detail .detail-index__item:last-child { border-color: #ccc; }
    .course-window__course-detail .detail-index__name { padding: 17px 0; position: relative; }
    .course-window__course-detail .detail-index__arrow { text-indent: -9999em; overflow: hidden; display: inline-block; width: 6px; height: 6px; position: absolute; margin-top: -3px; top: 50%; right: 0; width: 18px; }
    .course-window__course-detail .detail-index__arrow:before, .course-window__course-detail .detail-index__arrow:after { content: ''; display: block; background-color: #555; position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }
    .course-window__course-detail .detail-index__arrow:before { width: 1px; height: 6px; }
    .course-window__course-detail .detail-index__arrow:after { width: 6px; height: 1px; }
    .course-window__course-detail .detail-index__arrow:before, .course-window__course-detail .detail-index__arrow:after { -webkit-transform: rotate(-135deg); -khtml-transform: rotate(-135deg); transform: rotate(-135deg); left: 50%; top: 100%; }
    .course-window__course-detail .detail-index__arrow.is-active { width: 18px; }
    .course-window__course-detail .detail-index__arrow.is-active:before, .course-window__course-detail .detail-index__arrow.is-active:after { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 0; }
    .course-window__course-detail .detail-index__module { color: #1e1e1e; font-size: 14px; display: inline-block; vertical-align: middle; font-weight: 500; }
    .course-window__course-detail .detail-index__panel { display: none; overflow: hidden; }
    .course-window__course-detail .detail-index__panel.is-active { display: block; }
    .course-window__course-detail .detail-index__panel.is-active.is-opend { overflow: inherit; }
    .course-window__course-detail .detail-index__type { color: #4e51d4; font-size: 14px; display: inline-block; vertical-align: middle; margin-right: 10px; font-weight: 500; }
    .course-window__course-detail .detail-index__period { float: right; font-size: 13px; }
    .course-window__course-detail .detail-index .index-group__item { border-bottom: 1px solid #ccc; padding-left: 50px; position: relative; }
    .course-window__course-detail .detail-index .index-group__day { color: #1e1e1e; font-size: 14px; position: absolute; left: 0; top: 18px; font-weight: 500; }
    .course-window__course-detail .detail-index .index-group__list > li { font-size: 14px; display: table; width: 100%; table-layout: fixed; padding: 15px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 20px; }
    .course-window__course-detail .detail-index .index-group__list > li:nth-child(n+2) { border-top: 1px solid #e5e5e5; }
    .course-window__course-detail .detail-index .index-group__dt { color: #1e1e1e; font-size: 14px; display: table-cell; vertical-align: top; padding-top: 0px; width: auto; font-weight: 500; }
    .course-window__course-detail .detail-index .index-group__dt + .c-bullet--list { margin-top: 5px; }
    .course-window__course-detail .detail-index .index-group__time { position: absolute; right: 0; top: 15px; }
    .course-window__course-detail .detail-index .index-group .c-bullet--list { display: table-cell; vertical-align: top; font-size: 14px; }
    .course-window__course-detail .detail-index .index-group .c-bullet--list > li:nth-child(n+2) { margin-top: 1px; }
    .course-window__course-detail .detail-review .detail-cont__title, .course-window__course-detail .detail-review .detail-cont__title--sm { font-size: 19px; }
    .course-window__course-detail .detail-review .detail-cont__right { font-size: 13px; }
    .course-window__course-detail .detail-review__list { border-top: 1px solid #1e1e1e; }
    .course-window__course-detail .detail-review__item { padding: 17px 0 16px; min-height: auto; }
    .course-window__course-detail .detail-review .review__star { display: none; }
    .course-window__course-detail .detail-review .review__top { position: relative; }
    .course-window__course-detail .detail-review .review__arrow { text-indent: -9999em; overflow: hidden; display: inline-block; width: 6px; height: 6px; position: absolute; margin-top: -3px; top: 50%; right: 0; width: 18px; }
    .course-window__course-detail .detail-review .review__arrow:before, .course-window__course-detail .detail-review .review__arrow:after { content: ''; display: block; background-color: #555; position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }
    .course-window__course-detail .detail-review .review__arrow:before { width: 1px; height: 6px; }
    .course-window__course-detail .detail-review .review__arrow:after { width: 6px; height: 1px; }
    .course-window__course-detail .detail-review .review__arrow:before, .course-window__course-detail .detail-review .review__arrow:after { -webkit-transform: rotate(-135deg); -khtml-transform: rotate(-135deg); transform: rotate(-135deg); left: 50%; top: 100%; }
    .course-window__course-detail .detail-review .review__arrow.is-active { width: 18px; }
    .course-window__course-detail .detail-review .review__arrow.is-active:before, .course-window__course-detail .detail-review .review__arrow.is-active:after { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 0; }
    .course-window__course-detail .detail-review .review__name, .course-window__course-detail .detail-review .review__writer, .course-window__course-detail .detail-review .review__time { font-size: 14px; }
    .course-window__course-detail .detail-review .review__text { font-size: 14px; line-height: 22px; margin-top: 0; padding-top: 10px; display: none; overflow: hidden; }
    .course-window__course-detail .detail-review .review__text.is-active { display: block; }
    .course-window__course-detail .detail-review .review__text.is-active.is-opened { overflow: inherit; }
    .course-window__course-detail .detail-review .review--no-data { padding: 60px 0; min-height: auto; text-align: center; display: block; font-size: 14px; }
    .course-window__course-detail .detail-review .review__cont { width: 100%; }
    .course-window__course-detail .detail-review .c-list-more { margin-top: 30px; }
    .course-window__course-detail .detail-review .c-list-more__btn { font-size: 14px; padding: 7px 10px 6px; border: 1px solid #ccc; min-width: 110px; }
    .course-window__course-detail .detail-recommend-res .detail-cont__title, .course-window__course-detail .detail-recommend-res .detail-cont__title--sm { margin-bottom: 13px; font-size: 19px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list { max-width: none; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__thumb { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 72.87449392713%; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__thumb > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__content { position: relative; margin: 0 0px; border-top: none; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-list { margin: 0 -5px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__wrap:not(.slick-slider), .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-track { padding: 0px 0; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__wrap:not(.slick-slider):last-child { border-bottom: 0; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__item, .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-slide { padding: 0 0px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-slide { padding: 0 5px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__dotwrap { position: absolute; bottom: -8px; font-size: 0; display: block; width: 100%; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots { margin: auto; position: relative; right: 0; top: 0; display: table; font-size: 0; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__item { display: inline-block; margin-left: 0; width: 8px; height: 8px; background-color: #cccccc; border-radius: 8px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__item.slick-active { background-color: #00adfb; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__item + .slick-dots__item { margin-left: 9px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__anchor { width: 10px; height: 10px; cursor: pointer; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .slick-dots__number { overflow: hidden; position: absolute; z-index: -1; width: 1px; height: 1px; font-size: 1px; line-height: 2; opacity: 0; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__cont { height: auto; overflow: visible; padding-bottom: inherit; padding: 15px 0 25px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title-area { margin-top: 10px; margin-bottom: 5px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title { font-size: 16px; line-height: 20px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title a { width: 100%; color: #1e1e1e; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline { height: 40px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline a { overflow: hidden; max-height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__title--multiline a:hover { text-decoration: underline; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list__desc { margin-top: 13px; margin-bottom: -5px; font-size: 14px; line-height: 22px; color: #666; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip { margin-bottom: 0; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip .c-list-info__item--strong { font-size: 14px; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip .c-list-info__item--tag { margin-left: 0; }
    .course-window__course-detail .detail-recommend-res .c-thumb-list .c-list-info--chip .c-list-info__item--tag .o-label__round--chip { font-size: 13px; line-height: 18px; } }


.modal-like__text { font-size: 15px; line-height: 23px; padding-bottom: 15px; }

.modal-like__box { padding: 15px 20px; border-width: 1px 0 1px 0; border-style: solid; border-color: #e5e5e5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal-like__label { font-size: 15px; width: 85px; }

.modal-like__combobox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.modal-like__combobox--elearning { display: -webkit-box; display: -ms-flexbox; display: flex; }

.modal-like__combobox--elearning .combobox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.modal-like__combobox--elearning .combobox:nth-child(n+2) { margin-left: 5px; }

.modal-like.c-modal, .modal-like .c-modal__scroll { overflow: visible; }


.book-info__top { display: -webkit-box; display: -ms-flexbox; display: flex; }

.book-info__image { margin-right: 30px; width: 138px; height: 200px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); -ms-flex-negative: 0; flex-shrink: 0; }

.book-info__image > img, .book-info__image > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.book-info__info { width: calc(100% - 138px); }

.book-info__info li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 13px; }

.book-info__title { font-size: 18px; color: #1e1e1e; line-height: 26px; font-weight: 500; }

.book-info__dt { position: relative; font-size: 15px; padding-left: 14px; width: 95px; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; }

.book-info__dt:before { content: ""; width: 4px; height: 4px; position: absolute; left: 0; top: 5px; border-radius: 50%; background: #666; }

.book-info__dd { color: #1e1e1e; font-size: 15px; width: calc(100% - 109px); }

.book-info__intro { margin-top: 20px; background: #f5f5f5; padding: 20px; font-size: 15px; }

.book-info__intro dt { color: #1e1e1e; margin-bottom: 12px; }

.book-info__intro dd { line-height: 23px; }


.deduct-agree__box { background: #f5f5f5; padding: 17px 20px; font-size: 15px; line-height: 23px; }

.deduct-agree__box table { max-width: 480px !important; }

.deduct-agree__vali { font-size: 14px; color: #939393; margin-top: 10px; }

.deduct-agree__chk { margin-top: 20px; }


.modal-license__title { font-size: 18px; color: #1e1e1e; font-weight: 500; }

.modal-license__text { margin-top: 13px; line-height: 23px; font-size: 15px; }

.modal-license__box { background: #f5f5f5; padding: 17px 20px; font-size: 15px; line-height: 23px; margin-top: 20px; }

.modal-license__box > li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; }

.modal-license__dt { width: 95px; padding-right: 15px; }

.modal-license__dd { color: #1e1e1e; }

.modal-license__sub-text { margin-top: 10px; position: relative; font-size: 14px; line-height: 22px; color: #939393; padding-left: 15px; }

.modal-license__sub-text:before { content: "※"; position: absolute; left: 0; top: 0; }

.course-register { padding-bottom: 60px; }

.course-register .o-textarea-wrap.type-tall { min-height: 172px; height: 172px; }

.course-register .o-textarea-wrap.type-tall textarea { line-height: normal; }

.course-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; }

.course-info__thumb { width: 276px; margin-right: 40px; width: 276px; height: 206px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); }

.course-info__thumb > img, .course-info__thumb > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.course-info__title { font-size: 25px; color: #1e1e1e; line-height: 36px; margin-top: -5px; font-weight: 500; }

.course-info__cont { padding-bottom: 60px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.course-info__function { position: absolute; left: 0; bottom: 0; font-size: 18px; }

.course-info__function > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.course-info__function > li:nth-child(n+2) { margin-top: 18px; }

.course-info__dt { width: 105px; display: inline-block; }

.course-info__dt2 { margin-left: 40px; display: inline-block; }

.course-info__dd2, .course-info__dd { color: #1e1e1e; }

.course-info__dd2--price, .course-info__dd--price { font-size: 15px; }

.course-info__dd2--price > strong, .course-info__dd--price > strong { font-size: 22px; margin-right: 5px; color: #21277d; font-weight: 700; }

.course-info__dd2 { margin-left: 20px; }

.register-con { margin-top: 60px; }

.register-con__title { font-size: 22px; color: #1e1e1e; margin-bottom: 14px; font-weight: 700; }

.register-con__title + .register-con__line-box { margin-top: 0; }

.register-con__title-desc { font-size: 15px; position: absolute; right: 0; top: 8px; }

.register-con__title-cta { position: absolute; right: 0; top: -8px; }

.register-con__title-info { margin: 3px 0 20px 0; line-height: 24px; }

.register-con__title-etc { margin: 3px 0 20px 0; }

.register-con__box { position: relative; }

.register-con__box:nth-child(n+2) { margin-top: 80px; }

.register-con__box > .c-bullet--list + .c-table-wrap { margin-top: 20px; }

.register-con__box .c-table--col tr:hover { background: none; }

.register-con__box .c-file + .o-input-group { margin-top: 10px; }

.register-con__box table th, .register-con__box table td { height: 70px !important; }

.register-con .c-bullet--list > li:nth-child(n+2) { margin-top: 5px; }

.register-con [data-js*="radio__panel"] { display: none; }

.register-con tr[data-js*="radio__panel"].is-show { display: table-row; }

.register-con div[data-js*="radio__panel"].is-show { display: block; }

.register-con .c-scrollbox { background-color: #f5f5f5; }

.register-con .o-input-group--rrn .o-input-wrap { width: 125px; }

.register-con .input-desc { font-size: 15px; color: #666; }

.register-con__inp .o-input-wrap { width: 294px; }

.register-con__phone .th { font-size: 15px; color: #666; width: 57px; }

.register-con__phone .combobox { width: 85px; }

.register-con__phone .o-input-wrap { width: 112px; }

.register-con__phone .o-input-type--radio-button { width: auto; }

.register-con__email .combobox { width: 230px; }

.register-con__email .o-input-wrap { width: 294px; }

.register-con__account .th { width: 100px; color: #666; }

.register-con__account .combobox { width: 294px; }

.register-con__account .o-input-wrap { width: 294px; }

.register-con__account .o-input-wrap--selection { width: auto; }

.register-con__account [data-js="radio__panel--account"] .o-input-group { margin-top: 10px; }

.register-con__company .o-input-wrap { width: 294px; }

.register-con__company .o-input-wrap--selection { display: table-cell; }

.register-con__company .o-input-wrap--selection .o-label { color: #666; }

.register-con__card .o-input-wrap { width: 102px; }

.register-con__card .input-desc { width: 30px; }

.register-con__calendar .o-input-wrap { width: 150px; }

.register-con__calendar .combobox { width: 102px; }

.register-con__calendar .c-calendar { width: 150px; }

.register-con__calendar .c-calendar + span { width: 18px; }

.register-con__time .combobox { width: 102px; }

.register-con__time .input-desc { width: 30px; }

.register-con__consider .o-input-wrap--selection { display: table-cell; width: 80px; }

.register-con__etc { margin-top: 15px; }

.register-con__etc .strong { color: #1e1e1e; font-weight: 500; }

.register-con__etc .c-bullet--list.c-bullet--s > li:nth-child(n+2) { margin-top: 7px; }

.register-con__half .o-input-wrap, .register-con__half .combobox { width: 376px; }

.register-con__half-combo .combobox { width: 376px; }

.register-con__place:after { content: ''; display: block; clear: both; }

.register-con__place .o-input-group { margin-top: 0; float: left; width: auto; }

.register-con__place .o-input-group + .o-input-group { margin-left: 20px; }

.register-con__place .o-input-group > .o-input-wrap { width: 331px; }

.register-con__place .th { width: 45px; padding: 0; font-size: 16px; color: #666; }

.register-con__place .c-calendar { width: 150px; }

.register-con__place .combobox { width: 171px; }

.register-con__place .c-text { font-size: 14px; padding-left: 45px; padding-top: 10px; float: left; width: 100%; }

.register-con__cta { margin-left: 5px; }

.register-con__line-box { margin-top: 40px; border: 1px solid #ccc; padding: 27px 40px; }

.register-con__line-box .o-button--text { font-size: 15px; padding-bottom: 0; }

.register-con__line-box .c-bullet--hypen { margin-top: 3px; }

.register-con__line-box .c-bullet--hypen > li:nth-child(n+2) { margin-top: 3px; }

.register-con__line-box .title { font-size: 18px; color: #1e1e1e; margin-bottom: 15px; font-weight: 500; }

.register-con__line-box .inner-box:nth-child(n+2) { margin-top: 40px; }

.register-con__line-box.type-bg { background: #f6f7fa; border: 0; }

.register-con__line-box.type-bg .title { letter-spacing: -0.6px; font-size: 20px; font-weight: 700; }

.register-con__line-box.type-bg .c-bullet--list.c-bullet--dot > li { font-size: 16px; }

.register-con__book-search { margin-top: 5px; }

.register-con__price { color: #21277d; font-weight: 700; }

.register-con__coupon .c-bullet--list { margin-bottom: 5px; }

.register-con__coupon .c-bullet--list > li:nth-child(n+2) { margin-top: 5px; }

.register-con__approval { border-collapse: inherit; }

.register-con__schedule .combobox-wrap { width: 170px; }

.register-con__cta-desc { text-align: center; margin: 30px 0; }

.register-con__noline-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 35px; }

.register-con__noline-box dt { width: 215px; padding-left: 10px; }

.register-promotion__chk { color: #666; margin: 22px 0 0 0; }

.register-promotion__file { margin-top: 21px; }

.register-promotion .c-scrollbox { margin-top: 8px; height: 198px; }

.register-type__cont { margin-top: 10px; }

.register-agree { border-top: 1px solid #1e1e1e; }

.register-agree__item { border-bottom: 1px solid #e5e5e5; }

.register-agree__item:last-child { border-color: #ccc; }

.register-agree__title { padding: 24px 10px; position: relative; }

.register-agree__title .arrow { width: 11px; height: 11px; position: absolute; margin-top: -5.5px; top: 50%; right: 0; width: 18px; }

.register-agree__title .arrow:before, .register-agree__title .arrow:after { content: ''; display: block; background-color: #666; position: absolute; -webkit-transform-origin: left top; transform-origin: left top; }

.register-agree__title .arrow:before { width: 1px; height: 11px; }

.register-agree__title .arrow:after { width: 11px; height: 1px; }

.register-agree__title .arrow:before, .register-agree__title .arrow:after { -webkit-transform: rotate(-135deg); -khtml-transform: rotate(-135deg); transform: rotate(-135deg); left: 50%; top: 100%; }

.register-agree__title .arrow.is-active { width: 18px; }

.register-agree__title .arrow.is-active:before, .register-agree__title .arrow.is-active:after { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 0; }

.register-agree__title--all { border-bottom: 1px solid #e5e5e5; color: #1e1e1e; }

.register-agree .c-scrollbox { height: 352px; }

.register-agree__scroll { padding: 30px 30px; font-size: 15px; color: #666; line-height: 23px; }

.register-agree__panel { padding-bottom: 15px; }

.register-agree__panel[data-js="accordion__panel"] { display: none; overflow: hidden; }

.register-agree__panel[data-js="accordion__panel"].is-active { display: block; }

.register-agree__panel[data-js="accordion__panel"].is-active.is-opened { overflow: inherit; }

.register-agree .agreebox-wrap .agree-item { padding: 0 0 1px 8px; }

.register-agree .agreebox-wrap .agree-item a { text-decoration: none; }

.register-agree .agreebox-wrap .agree-item .list1 li { margin: 0 0 10px 0; }

.register-agree .agreebox-wrap .agree-item .list1 li .list2 { margin-left: 12px; }

.register-agree .agreebox-wrap .agree-item .list2 li { margin: 0; text-indent: -8px; padding: 0 0 0 8px; }

.register-agree .agreebox-wrap .agree-item .list2 li * { text-indent: 0; }

.register-agree .agreebox-wrap .agree-item .list3 li { text-indent: -15px; padding: 0 0 0 15px; }

.register-agree .agreebox-wrap .c-table--outer > tbody > tr > td { padding: 0; border-bottom: 0 !important; }

.register-agree .agreebox-wrap .c-table--outer > tbody > tr > td table { table-layout: fixed; width: 100%; }

.modal-coupon { max-height: 395px; }

.modal-coupon .c-modal__content { font-size: 15px; }

.modal-coupon .c-table .no-coupon:focus, .modal-coupon .c-table .no-coupon:hover { background: none; }

.modal-coupon .c-table .no-coupon td { text-align: center; height: 160px; }

.register-complete { padding: 60px 0; text-align: center; border-color: #e5e5e5; border-width: 0 0 1px 0; border-style: solid; }

.register-complete__txt { font-size: 28px; color: #1e1e1e; font-weight: 500; }

.approval-list__status { font-size: 14px; }

.modal-approval-course .o-button--text { font-size: 15px; padding: 0; }

.modal-approval-course .approval-course__title { position: relative; }

.modal-approval-course .approval-course__title-info { position: absolute; right: 0; bottom: 0; }

.modal-approval-course .c-bullet--list > li:nth-child(n+2) { margin-top: 6px; }

.modal-search { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.modal-search__item:nth-child(n+2) { padding-left: 5px; }

.modal-search__item--combobox { width: 162px; }

.modal-search__item--field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.modal-book-choice { max-height: 600px; }

.external-list .c-scrollbox__content { padding-bottom: 20px; }

.external-list .o-button-wrap--with-paging { margin-top: -55px; }

.external-form { position: relative; }

.external-form__field:nth-child(n+2) { margin-top: 60px; }

.external-form__title { font-size: 22px; color: #1e1e1e; margin-bottom: 13px; font-weight: 500; }

.external-form__approval { border-collapse: inherit; }

.external-form__inp .o-input-wrap { width: 376px; }

.external-form__sel .combobox { width: 376px; }

.external-form__calendar .combobox { width: 102px; }

.external-form__calendar .c-calendar { width: 150px; }

.external-form__calendar .c-calendar + span { width: 18px; }

.external-form__th { width: 120px; padding-right: 10px; }

.external-form__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px; }

.external-form__group:nth-child(n+2) { margin-top: 10px; }

.external-form__search { position: absolute; right: 0; bottom: 10px; }

.external-form__phone .combobox { width: 85px; }

.external-form__phone .o-input-wrap { width: 112px; }

.external-form__date .o-input-group { display: block; }

.external-form__date .c-calendar { width: 150px; }

.external-form__date .combobox { width: 102px; }

.external-form .external-list .o-button-wrap { margin-top: 0; }

.external-view .c-bbs-view__file { border-bottom: 1px solid #ccc; }

.level-test-apply { padding-bottom: 80px; }

.modal-external-apply .info-box { background: #f5f5f5; padding: 20px; margin-bottom: 20px; }

.modal-external-apply .info-box:after { content: ''; display: block; clear: both; }

.modal-external-apply .info-box__dl { width: 50%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; }

.modal-external-apply .info-box__dl:nth-child(n+3) { padding-top: 10px; }

.modal-external-apply .info-box__dt { width: 110px; padding-right: 10px; }

.modal-external-apply .info-box__dd { color: #1e1e1e; }

.executive-header { border-bottom: 1px solid #e5e5e5; }

.executive-header__inner { max-width: 1200px; margin: 0 auto; padding: 19px 0 14px 0; }

.executive-form { border-top: 2px solid #1e1e1e; padding: 40px 0 80px 0; }

.executive-form .register-con__box + .o-button-wrap { margin-top: 60px; }

.content-guide { padding: 17px 0 35px 0; border-top: 2px solid #1e1e1e; }

.content-guide .c-bullet--list > li:nth-child(n+2) { margin-top: 4px; }

.level-apply { padding: 15px 30px; margin-bottom: 40px; background: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.level-apply__tit { font-size: 18px; color: #1e1e1e; }

.level-apply__cta { margin-left: auto; font-size: 0; }

.level-apply__cta .o-button:nth-child(n+2) { margin-left: 15px; }



.pretesting_wrap .content_title { margin-bottom: 15px; text-align: center; }

.pretesting_wrap .title__info { line-height: 24px; text-align: center; }

.pretesting_wrap .testing__step { margin-top: 60px; border-top: 1px solid #e6e6e6; }

.pretesting_wrap .testing__step .content_sub_title { font-size: 22px; color: #1e1e1e; margin-top: 60px; }

.pretesting_wrap .testing__step .step_area { margin-top: 35px; overflow: hidden; padding: 0 50px; text-align: center; }

.pretesting_wrap .testing__step .step_area li { float: left; padding-right: 175px; }

.pretesting_wrap .testing__step .step_area li .step_item { border-radius: 50%; width: 250px; height: 250px; text-align: center; padding-top: 132px; }

.pretesting_wrap .testing__step .step_area li .step_item.step01 { background: #f2f3f8 url("../img/course/bg_pretesting_step01.png") no-repeat center bottom 142px; }

.pretesting_wrap .testing__step .step_area li .step_item.step02 { background: #f2f3f8 url("../img/course/bg_pretesting_step02.png") no-repeat center bottom 142px; }

.pretesting_wrap .testing__step .step_area li .step_item.step03 { background: #f2f3f8 url("../img/course/bg_pretesting_step03.png") no-repeat center bottom 142px; }

.pretesting_wrap .testing__step .step_area li:last-child { padding-right: 0; }

.pretesting_wrap .testing__step .step_area li.in_arrow { position: relative; background: url("../img/ehrd/btn_nextOn_15x27.png") no-repeat right 82px top 50%; background-size: 12px 23px; }

.pretesting_wrap .testing__step .step_area li .item_txt { font-size: 16px; background: #fff; border: 1px solid #757575; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 45px; height: 40px; line-height: 40px; text-align: center; font-weight: 500; color: #1e1e1e; }

.pretesting_wrap .testing__step .step_area li .item_info { display: inline-block; margin-top: 10px; color: #666; font-size: 15px; }

.step_table_wrap { margin: 60px 50px 0; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #ccc; }

.step_table { width: 100%; table-layout: fixed; margin: 25px 0 25px; }

.step_table th { padding: 8px 9px; color: #666; font-size: 16px; }

.step_table td { padding: 8px 9px; color: #1e1e1e; font-size: 16px; }

.process__btn_center { margin-top: 60px; text-align: center; width: 100%; }

.pretesting_complete { margin-top: 24px; border-top: 2px solid #1e1e1e; }

.pretesting_complete .info { margin-top: 20px; color: #666; font-size: 16px; }

.pretesting_complete .complete_info_wrap { margin-top: 40px; width: 100%; text-align: center; background: #f5f5f5; height: 258px; padding: 80px 0; }

.pretesting_complete .complete_info_wrap .state { display: inline-block; font-size: 28px; color: #1e1e1e; font-weight: 500; padding-left: 45px; height: 35px; line-height: 35px; background: url("../img/course/ico_check_black.png") no-repeat left top; }

.pretesting_complete .complete_info_wrap .state_info { display: block; font-size: 18px; color: #1e1e1e; font-weight: 500; margin-top: 19px; }

.pretesting_complete .complete_info_wrap .info { display: inline-block; font-size: 16px; color: #666; margin-top: 10px; }

.certificate-con__box { margin: -15px 0 0; border-top: 2px solid #1e1e1e; padding: 40px 0 25px; position: relative; }

.certificate-con__box .c-table--col tr:hover { background: none; }

.certificate-con__box .c-table--col td { border-right: 1px solid #e5e5e5; }

.certificate-con__box .c-table--col td:last-child { border-right: 0; }

.certificate-con__box.oracle .o-button { min-width: 312px; }

.certificate-con__title { font-size: 22px; color: #1e1e1e; margin-bottom: 14px; font-weight: 500; }

.certificate-con__title-sub { font-size: 18px; color: #1e1e1e; margin-bottom: 14px; font-weight: 500; }

.certificate-con__title-info { margin: 3px 0 20px 0; line-height: 24px; }

.certificate-con__btn-wrap { margin-top: 20px; display: table; width: 100%; }

.certificate-con__btn-wrap .o-button-wrap { display: table-cell; text-align: right; }

.certificate-con__btn-wrap .o-button-wrap .o-button + .o-button { margin-top: 10px; }

.certificate-con__desc { display: table-cell; vertical-align: middle; line-height: 24px; text-indent: -18px; padding-left: 18px; }

.register-agree__panel .table-wrap { margin: 5px 0 15px; }

.register-agree__panel .table-wrap table { border-collapse: collapse; table-layout: fixed; width: 100%; }

.register-agree__panel .table-wrap table thead th { padding: 10px 0; line-height: 19px; text-align: center; border: solid #d2d2d2; border-width: 1px 1px 0 1px; background-color: #f7f7f7; }

.register-agree__panel .table-wrap table tbody th { line-height: 19px; border: 1px solid #d2d2d2; }

.register-agree__panel .table-wrap table tbody td { background: #fff; padding: 10px; line-height: 19px; border: 1px solid #d2d2d2; text-align: center; text-indent: 0; }


.training-lookup .training_article:last-child { padding-top: 30px; }

.training-lookup .training_article h3 { font-size: 18px; font-weight: 500; color: #1e1e1e; margin-bottom: 15px; }

.training-lookup .training_article p { line-height: 1.53; }

.training-lookup .training_article .con { margin-bottom: 15px; font-size: 15px; font-weight: normal; color: #666; line-height: 1.53; }

.training-lookup .training_article .box { background: #f5f5f5; padding: 20px; margin-bottom: 0px; }

.training-lookup .training_article .box dl { margin-top: 15px; font-size: 15px; font-weight: normal; }

.training-lookup .training_article .box dl:after { content: ''; display: block; clear: both; }

.training-lookup .training_article .box dl:first-child { margin-top: 0; }

.training-lookup .training_article .box dl dt { float: left; min-width: 100px; color: #666; }

.training-lookup .training_article .box dl dd { float: left; color: #1e1e1e; font-weight: 500; }

.training-lookup .training_article .point { color: #ff4141; }


/*
.detail-top__course-info .detail-top__thumb {height: 156px;}
.detail-top__course-info .detail-top__thumb > a {height: 100%;}
*/

/*
.course-window__course-detail .detail-top-res_wrap .detail-top-res__course-info .detail-top-res__thumb {height: 213px;}
.course-window__course-detail .detail-top-res_wrap .detail-top-res__course-info .detail-top-res__thumb .detail-top-res__thumb__inner {height: 100%;}
*/

/*
.course-info.type-small {}
.course-info .course-info__thumb {height: 164px;}

.course-info.type-large {}
.course-info.type-large .course-info__thumb {width: 348px;}
*/
.detail-top__course-info { padding-left: 410px; }

.detail-top__thumb { width: 368px; height: 207px; }

.detail-top__thumb > a { width: 368px; height: 206px; }

.course-detail .detail-recommend .c-thumb-list__thumb { height: 127px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__course-info { padding-right: 480px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb, .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb__inner { width: 448px; height: 252px; }

.course-window__course-detail .detail-recommend-res .c-thumb-list__thumb { padding-bottom: 56.25%; }

.course-info__thumb { width: 368px; height: 207px; }

.detail-top__period .d-day { margin-left: 16px; margin-right: 10px; }

.course-window__course-detail .detail-top-res_wrap .detail-top-res__cont { min-height: 252px; }

.course-detail .detail-recommend .c-thumb-list__content .c-thumb-list__prevbtn, .course-detail .detail-recommend .c-thumb-list__content .c-thumb-list__nextbtn { top: 38px; height: 50px; }

.detail-recommend .c-thumb-list__content .c-thumb-list__prevbtn, .detail-recommend .c-thumb-list__content .c-thumb-list__nextbtn { top: 52px; }

.c-basic-list__contents-wrap { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }

.course-list .c-bbs-top .c-bbs-top__col { vertical-align: middle; }

.course-list .c-bbs-top .c-bbs-top__col .c-bbs-top__counter { font-size: 20px; }

.c-thumb-list__price { margin-top: 10px; }

.o-input-type--radio-button .o-input--radio + label { padding: 0 15px; }


@media (max-width: 768px) { .course-window__course-detail .detail-top-res_wrap .detail-top-res__course-info { padding-right: 0; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb { width: 100%; height: auto; padding: 0; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb__inner { position: static; width: 100%; height: auto; }
    .course-window__course-detail .detail-top-res_wrap .detail-top-res__thumb__inner > img { position: static; width: 100%; height: auto; -webkit-transform: none; transform: none; } }

.mileage-modal { width: 540px !important; }

.mileage-modal .c-modal__head { height: 75px; }

.mileage-modal .c-modal__title { height: 75px; font-weight: 700; }

.mileage-modal-cont { padding-top: 30px; }

.mileage-modal .txt { font-size: 18px; line-height: 26px; }

.mileage-modal .box { margin-top: 30px; padding: 24px 30px; background: #f5f5f5; font-size: 15px; }

.mileage-modal .box [class*=info-] em { margin-right: 20px; }

.mileage-modal .box [class*=info-] em, .mileage-modal .box [class*=info-] strong { line-height: 23px; }

.mileage-modal .box .info-item li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mileage-modal .box .info-item li > strong { width: 90px; color: #1e1e1e; font-weight: 500; text-align: right; }

.mileage-modal .box .info-sum { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 12px; font-weight: 700; color: #1e1e1e; }

.mileage-modal .box .info-sum::before { position: absolute; top: 0; left: 0; display: block; content: ''; height: 1px; width: 100%; background-color: #ccc; }

.mileage-modal .box .info-sum::after { display: none; }

.mileage-modal .box .info-sum > strong { width: 90px; color: #00adfb; font-weight: 700; text-align: right; }

.mileage-modal .o-button--popup { font-size: 15px; border-radius: 4px; }

.course-register.mileage { padding-bottom: 0; }

.course-register.mileage .process-step__title { font-weight: 500; }

.course-register.mileage .course-info__title { letter-spacing: -0.75px; }

.course-register.mileage .register-con__title { font-weight: 700; }

.course-register.mileage .o-input-group input[type=radio]:disabled + label { color: rgba(0, 0, 0, 0.25) !important; border-top: 1px solid #ccc !important; background: #ededed !important; }

.course-register.mileage .c-table-row td { padding-top: 15px; padding-bottom: 15px; }

.course-register.mileage .o-input-type--radio-button:first-child .o-input--radio + label { border-radius: 4px 0 0 4px; }

.course-register.mileage .o-input-type--radio-button + .o-input-type--radio-button:last-child .o-input--radio + label { border-radius: 0 4px 4px 0; }

.course-register.mileage .o-input-group .o-input-wrap:only-child .o-input--radio + label { border-radius: 4px; }

.course-register.mileage .register-con__mileage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: auto; min-height: 56px; }

.course-register.mileage .register-con__mileage.is-error { padding-bottom: 30px; }

.course-register.mileage .register-con__mileage .input-group { width: auto; }

.course-register.mileage .register-con__mileage .mileage-detail { display: none; }

.course-register.mileage .register-con__mileage .input-group.active + .mileage-detail { display: -webkit-box; display: -ms-flexbox; display: flex; }

.course-register.mileage .register-con__mileage .input-mileage { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 12px; }

.course-register.mileage .register-con__mileage .input-mileage > span { font-weight: 500; }

.course-register.mileage .register-con__mileage .input-mileage .o-input-wrap { margin-right: 12px; }

.course-register.mileage .register-con__mileage .input-mileage input { width: 194px; }

.course-register.mileage .register-con__mileage .input-mileage .c-text--error { position: absolute; bottom: -24px; width: 600px; }

.course-register.mileage .register-con__mileage .my-points { margin-left: 20px; }

.course-register.mileage .register-con__price { font-size: 18px; }

.course-register.mileage .c-bullet--list.c-bullet--s > li { font-size: 16px; }

.course-register.mileage .course-footer__item .o-button--global { border-radius: 4px; }

.course-register.mileage .course-footer__item .o-button--global:not(.o-button--primary) { background-color: #fff; }

.course-register.mileage .register-con__box .o-button.o-button--global { border-radius: 4px; }

.course-register.mileage .register-complete__txt { font-weight: 700; }

.course-register.mileage .register-con__cta-desc strong { font-weight: 700; }

.type-rd-col4 .o-input-group { display: block; }

.type-rd-col4 .o-input-wrap--selection:not(.o-input-type--radio-button) { padding-left: 20px; margin-right: 0; }

.type-rd-col4 .o-input-wrap--selection:not(.o-input-type--radio-button) .multi-selection.type-multi { display: -webkit-box; display: -ms-flexbox; display: flex; }

.type-rd-col4 .o-input-wrap--selection:not(.o-input-type--radio-button) .o-input--radio + label, .type-rd-col4 .o-input-wrap--selection:not(.o-input-type--radio-button) .o-input--checkbox + label { min-width: 150px; }

.type-rd-col4 .o-input-wrap--selection:not(.o-input-type--radio-button) .o-label + .o-input--text { display: inline-block; width: 480px; margin-left: 16px; }

.type-rd-col4 .o-input-wrap--selection:not(.o-input-type--radio-button).type-multi .o-input--radio + label, .type-rd-col4 .o-input-wrap--selection:not(.o-input-type--radio-button).type-multi .o-input--checkbox + label { min-width: auto; }

.type-rd-col5 { margin-left: -20px; margin-right: -20px; }

.type-rd-col5 .o-input-wrap { min-width: 178px; margin-left: 20px; margin-right: 0; }

.type-rd-col5 .o-input-wrap + .o-input-wrap { margin-right: 0; margin-left: 20px; }

.type-rd-col5 .o-input-group { margin-left: 20px; }

.type-rd-col5 .o-input-group .o-input-wrap { display: inline-block !important; }

.type-rd-col5 .o-input-group .o-input-wrap:first-child { margin-left: 0; }

/* TOTALSR-79449 */
.register-con__cta-desc { line-height: 1.4em;} 

/* LCPLAN-13692 */
.register-plan { border-top: 1px solid #1e1e1e; border-bottom: 1px solid #e5e5e5;}
.register-plan .register-plan-box {padding: 24px 10px}

/* LCPLAN-15793 : 개인설정 학습독려 */
.course-detail__contents .c-list-info--chip {display:flex}
.course-detail__contents .c-list-info--chip .c-link-copy__btn {margin-left:auto}
.c-link-copy__btn {display:inline-flex;align-items:center}
.c-link-copy__btn span {font-size:14px;color:#666;line-height:20px;border-bottom:1px solid transparent;transition: .2s}
.c-link-copy__btn:hover span {border-color:#888}
.c-link-copy__btn:before {content:'';display:inline-block;width:22px;height:22px;margin-right:8px;background:url("../img/common/ico-link.png") no-repeat;}

/* TOTALSR-90269: */
.course-detail__contents .detail-cont__box img {max-width:100%;height:auto !important}


/* TOTALSR-90779 */
.c-table--filter th {font-size:15px;font-weight:500;background-color:#f5f5f5;padding:24px 20px}
.c-table--filter td {padding:15px 20px}
.c-table--filter .inline-ele .o-input-wrap {margin-right:20px}
.c-table--filter .course-list__input--search {padding-left:0}
.c-table--filter > tbody > tr:last-child > th,
.c-table--filter > tbody > tr:last-child > td {border-bottom:1px solid #f5f5f5 !important}


/*TOTALSR-92248*/
.register-top .register-info__text {text-align:center;margin-top:36px}
.register-top .register-info__text .text {font-size:22px;line-height:1.35;color:#4e51d4}