/* P06·P07 강의 상세. 기존 SERVER-EDU PLUGIN_education/css 의 goods.css(1~100행 껍데기, 327~414행 오프라인)와
   detail.css(강의별 내용 공통 edu_detail_*·온라인 우측 박스·탭)를 그대로 옮겼다. detail.css에 주석으로 남아 있던 모바일 규칙은 767px 이하로 되살렸다.
   강의마다 따로 쓰는 클래스(nsa-·nh-·nb-·rc- 등)의 스타일은 기존처럼 각 강의 내용 파일(contents/goods/{번호}.php) 맨 위 <style>에 둔다. */
/* * {-webkit-font-smoothing:antialiased;} */
#goods_layout_wrap { position:relative; padding-top:35px; width:1170px; margin:0 auto; box-sizing:border-box;}
#goods_layout_wrap::after { content:''; display:block; clear:both;}
#goods_layout_wrap .edu_wrap {float:left; width:805px; }
#goods_layout_wrap .edu_conts {margin-top:20px; border:1px solid #e5e5e5; background:#fff; }
#goods_layout_wrap .edu_review {padding:30px; margin-top:15px; border:1px solid #e5e5e5; background:#fff;}
#goods_layout_wrap .edu_review h5 {font-size:19px; line-height:28px; font-weight:bold; color:#000;}
#goods_layout_wrap .edu_review h5 + p {font-size:14px; margin:6px 0 30px;}
#goods_layout_wrap .edu_review strong {color:#FC6D35; font-weight:bold; padding-left:4px;}
#goods_layout_wrap .edu_wrap .edu_review .more_review {color:#666; display:block; text-align:center; width:180px; font-size:15px; font-weight:bold; border:1px solid #E0E0E0; margin:40px auto 0; line-height:48px; border-radius:8px;}
#goods_layout_wrap .edu_wrap .edu_review .more_review:hover {background:#EEE; color:#000; transition:all 0.2s;}
#goods_layout_wrap .edu_wrap .re_none {padding:40px; font-size:19px; text-align:center; }
#goods_layout_wrap .edu_wrap .re_none span {font-size: 17px; color: #999; padding-top: 5px; display: inline-block;}
#goods_layout_wrap .edu_wrap .cell {border-top:1px solid #F0F0F0; margin-top:24px; padding-top:24px; width: 100%;}
#goods_layout_wrap .edu_wrap .cell.n1 {border:0; margin:0; padding:0;}
#goods_layout_wrap .edu_wrap .cell a {display:block;}
#goods_layout_wrap .edu_wrap .usr {margin-bottom:16px; padding-left:52px; position:relative;}
#goods_layout_wrap .edu_wrap .usr .prof {width:40px; position:absolute; left:0; top:0; font-size:40px; color:#999; opacity:.45;}
#goods_layout_wrap .edu_wrap .usr .prof.c1 {color:gold;}
#goods_layout_wrap .edu_wrap .usr .prof.c2 {color:orangered;}
#goods_layout_wrap .edu_wrap .usr .prof.c3 {color:limegreen;}
#goods_layout_wrap .edu_wrap .usr .prof.c4 {color:#FF4949;}
#goods_layout_wrap .edu_wrap .usr .prof.c5 {color:#FF9933;}
#goods_layout_wrap .edu_wrap .usr .prof.c6 {color:#448AFF;}
#goods_layout_wrap .edu_wrap .usr .prof.c7 {color:#000;}
#goods_layout_wrap .edu_wrap .usr .prof.c8 {color:#999;}
#goods_layout_wrap .edu_wrap .usr .prof.c9,
#goods_layout_wrap .edu_wrap .usr .prof.c0 {color:rebeccapurple;}
#goods_layout_wrap .edu_wrap .usr em {padding:0 8px; color:#ccc;}
#goods_layout_wrap .edu_wrap .usr span {font-size:13px; color:#666; line-height:18px; display:inline-block;}
#goods_layout_wrap .edu_wrap .star_point {line-height:20px; padding-top:2px; color:#f1c410; font-size:16px;}
#goods_layout_wrap .edu_wrap .star_point .is-off {color:#E0E0E0;}

#goods_layout_wrap .edu_wrap .cell .subject {padding-bottom:2px; font-size:15px; color:#000; font-weight:bold; line-height:160%; letter-spacing:0;}
#goods_layout_wrap .edu_wrap .cell .comment {font-size:15px; line-height:24px; color:#000; display:-webkit-box; display:-moz-box; display:box; -webkit-line-clamp:3; -moz-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; -moz-box-orient:vertical; box-orient:vertical; overflow:hidden; text-overflow:ellipsis; letter-spacing:0;}
#goods_layout_wrap .edu_wrap .cell .review_img {float:right; margin-left:20px; border:1px solid #eee; border-radius:4px; height:100px; box-sizing:border-box; width:auto;}
#goods_layout_wrap .edu_wrap .cell .tag {display:flex; flex-wrap:wrap; gap:4px; padding-top:12px;}
#goods_layout_wrap .edu_wrap .cell .tag span {padding:8px 12px; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,.08); background:#fff; font-size:14px; letter-spacing:-.5px;}
#goods_layout_wrap .edu_wrap .cell .reply {background:#F2F4F6; border-radius:8px; padding:16px 24px; font-size:14px; margin-top:12px;}
#goods_layout_wrap .edu_wrap .cell .reply span {margin-right:16px; color:#999; font-size:12px;}
#goods_layout_wrap .edu_wrap .cell .reply span:first-child {font-weight:500; color:#333; font-size:14px;}
#goods_layout_wrap .edu_wrap .cell .reply p {padding-top:6px; letter-spacing:0; line-height:140%;}

#goods_layout_wrap .edu_wrap .edu_note {padding:20px 30px; margin: 15px 0; border:1px solid #e5e5e5; background:#fff; overflow:hidden;}
#goods_layout_wrap .edu_wrap .edu_note h5 {margin-bottom:25px; padding-bottom:15px; font-size:16px; font-weight:600;border-bottom:1px solid #ddd;}
#goods_layout_wrap .edu_wrap .edu_note ul {display:block; padding-bottom:20px; width:49%; float: left;}
#goods_layout_wrap .edu_wrap .edu_note ul li {padding-left:10px; margin-left:10px; text-indent:-10px; font-size:13px; line-height:24px;}
#goods_layout_wrap .edu_wrap .edu_note ul li:first-child {padding-left:0; text-indent:0; margin-left:0;}
#goods_layout_wrap .edu_wrap .edu_note ul li.pale {color:#9c9c9c;}
#goods_layout_wrap .edu_wrap .edu_note ul li strong {padding-bottom:10px; font-size:15px; font-weight:600;}
#goods_layout_wrap .edu_wrap .edu_note .note_btn {border:1px solid #e5e5e5; padding:20px 30px; overflow: hidden}
#goods_layout_wrap .edu_wrap .edu_note .note_btn a {display:inline-block; margin:5px 10px; width:205px; font-size:13px; text-align:center; line-height:36px; background:#fc6d35; color:#fff;}
#goods_layout_wrap .edu_wrap .contact_menu a:first-child img {margin-bottom:10px;}
#goods_layout_wrap .edu_wrap .contact_menu img {width:100%; height:auto;}
#goods_layout_wrap .edu_info {float:right; width:350px;}
#goods_layout_wrap .edu_info .ly_fix.fixed {position:fixed; top:15px; width:350px;}
#goods_layout_wrap .edu_info .ly_fix.bottomFixed {position:absolute; top:auto; bottom:0; width:350px;}
#goods_layout_wrap .edu_info .ly_fix .ly_fix_wrap {background:#FFF; border:1px solid #e5e5e5; padding:20px;}
#goods_layout_wrap .edu_info h2 {padding-bottom:15px; font-size:21px; font-weight:600; line-height:32px;}
#goods_layout_wrap .edu_info .ly_fix h4 {font-size:24px; font-weight:bold; color:#000;}
#goods_layout_wrap .edu_info .ly_fix h4 .point {color:#ff0000;}
#goods_layout_wrap .edu_info .ly_fix .comment {font-size:16px; color:#8A8A8A; line-height:160%; margin:16px 0;}
#goods_layout_wrap .edu_info .ly_fix .fp_notice {padding:15px; position:relative;}
#goods_layout_wrap .edu_info .ly_fix .fp_notice span {display:block; font-size:13px;}
#goods_layout_wrap .edu_info .ly_fix .fp_notice span::before {display:inline-block; content:'\203B'; position:absolute; left:0;}
#goods_layout_wrap .edu_info .event_coupon_pop a,
#goods_layout_wrap .edu_info .enterprise_education_btn a {display:block; margin-top:15px; width:100%; line-height:50px; background:#6f4eff; color:#fff; text-align:center; cursor:pointer; font-size:16px;}
#goods_layout_wrap .edu_info .event_coupon_pop.off a {background:#fc6d35;}
#goods_layout_wrap .edu_info .btn_box {margin-top:20px; display:flex; justify-content:space-between;}
#goods_layout_wrap .edu_info .btn_box a  {display:inline-block; text-align:center; cursor:pointer; border-radius:6px;}
#goods_layout_wrap .edu_info .btn_box .soldout_lecture {width:100%; font-size:18px; text-align:center; line-height:46px; background:#ff4949; color:#fff; }
/* #goods_layout_wrap .edu_info .edu_pay {width:55%; margin:0 0 0 4%; font-size:18px; color:#fff; background:#fc6d35; line-height:46px;} */

#goods_layout_wrap .edu_info .btn_box .soldout_lecture.small_btn {display:inline-block; width: 100px; font-size: 13px; line-height: 48px; background: #FFF; border: 1px solid #D5D5D5; color: #999;}
#goods_layout_wrap .edu_info .btn_box a.shortcut_online {background: #fc6d35; width: 285px; color: #fff; line-height: 50px; font-size: 15px; float: right;}
#goods_layout_wrap .edu_info .ended_infomation_box {margin-top: 10px;}
#goods_layout_wrap .edu_info .ended_infomation_box {font-size: 14px; color:#333; line-height: 18px;}


/*오프라인 강의버튼 오류나서 임시추가 */
#goods_layout_wrap .edu_info a.edu_pay {background:#fc6d35; width:calc(100% - 112px); color:#FFF; line-height:50px; font-size:17px; font-weight:bold;}
#goods_layout_wrap .edu_info a.edu_pay:hover{background:#ea5216;}

/* 온라인 상세_함께 들으면 좋은 강의 */
#goods_layout_wrap .edu_wrap .edu_together,#goods_layout_wrap .edu_wrap .map {margin:15px 0; background:#fff; border:1px solid #e5e5e5; padding:20px 30px;}
#goods_layout_wrap .edu_wrap .edu_together .edu_detail_rel_lst.slide {overflow:hidden;}
#goods_layout_wrap .edu_wrap .edu_together .edu_detail_rel_lst.align ul {display: flex; flex-direction: row; justify-content: space-between;}
#goods_layout_wrap .edu_wrap .edu_together .edu_detail_rel_lst.align ul li img {width: 100%;}
/* #goods_layout_wrap .edu_wrap .edu_together .edu_detail_rel_lst.align li {width:auto !important; margin-right:15px;} */
/* #goods_layout_wrap .edu_wrap .edu_together .edu_detail_rel_lst.align li:last-child {margin-right:0;} */
#goods_layout_wrap .edu_wrap .edu_together .swiper-pagination {left:50%; margin:20px 0 0 -180px;}
#goods_layout_wrap .edu_wrap .edu_together .swiper-pagination span {margin-right:8px;}

#goods_layout_wrap .edu_wrap .map h5 {text-align: left; font-size: 36px;}
#goods_layout_wrap .edu_wrap .map pre {font-size: 14px; text-align: left; margin-bottom: 10px;}

#goods_layout_wrap .edu_info .add {width:100px; font-size:13px; line-height:48px; background:#FFF; border:1px solid #D5D5D5; color:#999;}
#goods_layout_wrap .edu_info .edu_pay .add {color:#2989f7; border:1px solid #2989f7; margin-right: 8px;}



/* 2023-02-22 박지원 */
/* 대면강의 재개에 따른 CSS 수정 반영 */
#goods_layout_wrap.in-person {width:1130px;}
#goods_layout_wrap.in-person .edu_wrap {width:700px;}
#goods_layout_wrap.in-person .edu_info {width:400px;}

#goods_layout_wrap.in-person .edu_info .ly_fix.fixed {width:400px;}
#goods_layout_wrap.in-person .edu_info .ly_fix.bottomFixed {width:400px;}
#goods_layout_wrap.in-person .tab_menu.fixed {width:700px;}

/* 가격정보 */
#goods_layout_wrap.in-person .-bdPriceGoods {text-align:right; display:flex; flex-direction:column-reverse;}
#goods_layout_wrap.in-person .-bdPriceGoods #price_unit {color:#000; font-size:18px;}
#goods_layout_wrap.in-person .-bdPriceGoods s {font-size:15px;}
#goods_layout_wrap.in-person .-bdGoodsInfo td,
#goods_layout_wrap.in-person .-bdGoodsInfo th {font-size:15px;}


#goods_layout_wrap.in-person .edu_conts {overflow:hidden; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.06); border:0;}
#goods_layout_wrap.in-person .edu_detail_19new {width:100%;}
#goods_layout_wrap.in-person .edu_detail_img img {width:auto; max-width:100%; height:auto;}

#goods_layout_wrap.in-person .edu_detail_title {font-size:44px; font-weight:bold; color:#000; line-height:2em; line-height:140%; word-break:keep-all;}
#goods_layout_wrap.in-person .edu_detail_txt p {font-size:26px; line-height:2em; margin-bottom:30px; color:#333; font-weight:normal; letter-spacing:0; word-break:keep-all;}
#goods_layout_wrap.in-person .edu_detail_txt p b {font-weight:bold;}
#goods_layout_wrap.in-person .edu_detail_txt ul li {font-size:21px; line-height:140%; color:#333; margin-bottom:30px; text-indent:-24px; margin-left:50px; word-break:keep-all;}

#goods_layout_wrap.in-person .edu_detail_19new iframe {max-width:100%;}
#goods_layout_wrap.in-person .edu_detail_cont_title {font-size:36px;}
#goods_layout_wrap.in-person .edu_detail_cont_title strong {font-weight:bold; color:#000; letter-spacing:-1px;}
#goods_layout_wrap.in-person .edu_detail_who_list {display:flex; flex-wrap:wrap;}
#goods_layout_wrap.in-person .edu_detail_who_list .wlist {display:flex; width:100%; gap:30px; background:#F2F4F6; padding:20px 30px; box-sizing:border-box; margin:6px; align-items:center; border-radius:20px; min-height:none;}
#goods_layout_wrap.in-person .edu_detail_who_list .edu_detail_icon {float:none; display:block;}
#goods_layout_wrap.in-person .edu_detail_who_list .wlist img {width:80px; margin:0; border-radius:50%;}
#goods_layout_wrap.in-person .edu_detail_who_list .edu_detail_wtxt {float:none; width:auto; padding:0;}
#goods_layout_wrap.in-person .edu_detail_who_list .edu_detail_wtxt div {font-size:23px; line-height:150%; word-break:keep-all;}

/* 준비물 */
#goods_layout_wrap.in-person .edu_detail_who_list.materials {flex-wrap:nowrap;}
#goods_layout_wrap.in-person .edu_detail_who_list.materials .wlist {flex-direction:column; gap:0;}
#goods_layout_wrap.in-person .edu_detail_who_list.materials .edu_detail_icon {margin-bottom:20px;}

#goods_layout_wrap.in-person .edu_detail_review .edu_detail_cont_title p,
#goods_layout_wrap.in-person .edu_detail_who .edu_detail_cont_title p {font-weight:normal; font-size:21px;}

#goods_layout_wrap.in-person .edu_detail_cc {border:0; margin:0; padding:40px;}
/* 결제금액 */
#goods_layout_wrap.in-person [class*="goodsView"] .articleHead .-bdPriceTotal #price_total_area {color:#fc6d35; font-size:23px; font-weight:bold;}


/* 2023-02-24 박지원 */
/* GA4 goods-380 강의 개별 CSS */
.detail-info ul {padding:20px 0; display:flex; flex-direction:column; gap:16px;}
.detail-info ul li {font-size:16px; display:flex; line-height:140%; word-break:keep-all; color:#1C1C1C;}
.detail-info ul li p {width:calc(100% - 90px);}
.detail-info ul li span {width:90px; font-weight:600;}
.detail-info .boxList {flex-direction: row;}
.detail-info .boxList.package {display: none;}
.detail-info .boxList li {flex-direction: column; width: 50%; border: 1px solid #EEE; border-radius: 12px; padding: 16px; box-sizing: border-box; cursor: pointer;}
.detail-info .boxList li:hover:not(.ended) {border:1px solid #FA6C35; transition: all 0.2s;}
.detail-info .boxList li.active {border: 1px solid var(--brand-color); outline: 1px solid var(--brand-color);}
.detail-info .boxList li.ended {border: 1px solid #e0e0e0; background: #F2F4F6;}
.detail-info .boxList li.ended:hover {border: 1px solid #ccc; cursor: no-drop;}
.detail-info .boxList li.ended strong {color: #999;}
.detail-info .boxList li strong {margin-bottom:6px;font-weight:600;color:#000;font-size:17px;}
.detail-info .boxList li p {width:100%;font-size:15px;color:#808a9d; display: flex; justify-content: space-between; align-items: center;}
.detail-info .boxList li p .session-date {color:#333; font-weight:500; width: auto;}
.detail-info .boxList li p .session-time {color:#808a9d; font-size:12px; width: auto;}
.offline_2023_select_box {border-top:1px solid #EAEAEA !important;}
.offline_2023_select_box > table,
.offline_2023_select_box .opt-sel-name {display: none;}
.offline_2023_select_box .opt-sel-del {top: 14px !important;}
.offline_2023_select_box .opt-selects-this > div {border:0 !important; margin:0 !important;}
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-qty {position:relative; margin:0; padding:0; width:100px; text-align:center;}
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-qty input[type="text"] {border:0; font-size:16px; font-weight:500; text-align:center; color:#000; padding:0; width:40px;}
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-price {font-size:16px; padding-right: 20px;}
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-qty .qty-p,
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-qty .qty-m {font-size:24px; background:none; width:24px; height:24px; text-align:center; color:#CCC; font-family:"Font Awesome 6 Pro"; font-weight:100; top:0; right:0;}
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-qty .qty-p::before {content:"\f0fe"; font: var(--fa-font-solid);}
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-qty .qty-m::before {content:"\f146"; font: var(--fa-font-solid);}
.offline_2023_select_box .opt-selects-this .opt-sel span.opt-sel-qty .qty-m {left:0;}
.packgeBtnWrap {display: flex; flex-wrap:wrap; gap: 2%; margin-bottom: 5px;}
.package_select_btn {width: 100%; background:none; border: 1px solid #eee; cursor: pointer; color: #1C1C1C; text-align: center; font-size: 14px; padding: 15px 0; margin-bottom: 8px;  border-radius: 8px;}
.package_select_btn.ended {    border: 1px solid #e0e0e0; background: #F2F4F6;}
.package_select_btn b {font-size: 16px; margin-bottom:8px; }
.package_select_btn:hover {border:1px solid #FA6C35; transition: all 0.2s;}
.package_select_btn.ended:hover {border: 1px solid #ccc; cursor: no-drop;}
.package_select_btn.ended strong {color: #999;}

.p_10 {font-size:10px;}
.p_12 {font-size:12px;}
.p_14 {font-size:14px;}
.p_16 {font-size:16px;}
.p_18 {font-size:18px;}
.p_20 {font-size:20px;}
.p_22 {font-size:22px;}
.p_24 {font-size:24px;}
.p_26 {font-size:26px;}
.p_28 {font-size:28px;}
.p_30 {font-size:30px;}
.p_32 {font-size:32px;}
.p_34 {font-size:34px;}
.p_36 {font-size:36px;}
.p_38 {font-size:38px;}
.p_40 {font-size:40px;}

.edu_detail_19new {width:803px; background:#fff;}
.edu_detail_img img {width:100%;}
.edu_detail_gif {text-align: center;}
.edu_detail_review,
.edu_detail_who,
.edu_detail_rel,
.edu_detail_rd,
.edu_detail_tc {padding:0 40px;}
.edu_detail_19new {margin:0 auto;}
.edu_detail_19new .edu_detail_video {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.edu_detail_19new .edu_detail_video iframe,
.edu_detail_19new .edu_detail_video object,
.edu_detail_19new .edu_detail_video embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.edu_detail_img img {width:100%;}
.edu_detail_title {font-size:34px; color:#222222; line-height:44px; padding:0 40px; letter-spacing:-2px;}
.edu_detail_title p {padding-bottom:8px;line-height: 160%;}
/* .edu_detail_title .p_28 {font-size: 28px;}
.edu_detail_title .p_30 {font-size: 30px;}
.edu_detail_title .p_32 {font-size: 32px;}
.edu_detail_title .p_34 {font-size: 34px;} */
.edu_detail_txt {padding:0 40px;}
.edu_detail_txt p {font-size:24px; color:#222; line-height:180%; font-weight:400; letter-spacing: -0.5px;}
.edu_detail_txt_0 {padding:0}
.edu_detail_txt_0 p {font-size:20px; color:#3c3c3c; line-height:38px; font-weight:300;}
.edu_detail_line {height:1px; background:#eeeeee; margin:0 40px;}
.edu_detail_cont_title {font-size:24px; color:#3c3c3c; line-height:1.6;}
.edu_detail_review_tb::after {content:""; display:block; clear:both;}
.edu_detail_rv {float:left; width:49%; border:1px solid #eee; margin:0 0 11px; min-height:161px;}
.edu_detail_rv.edu_detail_rv2,
.edu_detail_rv.edu_detail_rv4,
.edu_detail_rv.edu_detail_rv6,
.edu_detail_rv:nth-child(2n) {float:right;}
.edu_detail_rv a,.edu_detail_rv .nl {display:block; margin:30px 20px;}
.edu_detail_rv a p, .edu_detail_rv .nl p {font-size:16px; color:#3c3c3c; line-height:24px; min-height:72px; max-height:72px; margin-bottom:10px; display:-webkit-box; display:-moz-box; display:box; -webkit-line-clamp:3; -moz-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; -moz-box-orient:vertical; box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.edu_detail_rv a img,.edu_detail_rv .nl img {margin:0 10px 0 0;}
.edu_detail_rv a span,.edu_detail_rv .nl span {font-size:13px; color:#9c9c9c;}
.edu_detail_review .edu_detail_cont_title p,
.edu_detail_who .edu_detail_cont_title p {font-size:17px; color:#3c3c3c; margin:15px 0 0; font-weight:300}
.edu_detail_who .edu_detail_cont_title p.lc_0 {letter-spacing:0;}
.edu_detail_who_list::after {content:""; display:block; clear:both;}
.edu_detail_who_list .wlist {display:inline-block; width:353px; margin:0 5px 0 0; min-height:120px;}
.edu_detail_who_list .wlist img {vertical-align:auto;}
.edu_detail_who_list .wlist1,
.edu_detail_who_list .wlist2 {margin:0 5px 40px 0;}
.edu_detail_who_list .wlist5 {margin-bottom:60px;}
.edu_detail_who_list .wlist::after {content:""; display:block; clear:both;}
.edu_detail_who_list .edu_detail_icon {float:left}
.edu_detail_who_list .edu_detail_wtxt {float:left; width:220px;padding-left:4px;}
.edu_detail_who_list .edu_detail_wtxt div {font-size:20px; color:#3c3c3c; font-weight:300; padding-top: 10px; line-height: 160%;}
.edu_detail_who_list .edu_detail_wtxt > p {font-size:15px; color:#666; line-height:150%; margin-top:8px; letter-spacing:0;}
.edu_detail_cc {margin:0 40px; padding:50px; border:1px solid #3c3c3c;}
.edu_detail_cc_title strong {display:block; text-align:center; font-size:24px; color:#3c3c3c;}
.edu_detail_cc_title div {padding:20px; background:#f5f5f5; margin:20px 0;}
.edu_detail_cc_title div p {font-size:14px; color:#6c6c6c; line-height:24px;}
.edu_detail_cc_ch {background:#272727; color:#fff; padding:10px 30px; font-size:22px; line-height:28px;letter-spacing: 0;}
.edu_detail_cc_de > div {font-size:18px; color:#3c3c3c; line-height:26px; padding:20px 0 10px;}
.edu_detail_cc_de > div p {font-size:16px; padding-top:10px;}
.edu_detail_cc_de > p {font-size:20px; padding-left:10px; text-indent:-7px; line-height:44px; color:#3c3c3c; letter-spacing: -0.2px;}
.edu_detail_cc_de > p b {font-size:20px;}
.edu_detail_cc_de > span {font-size: 16px; line-height: 32px; margin-left: 10px; color:#6c6c6c; }
.edu_detail_cc_tc {margin:30px 0 70px;}
.edu_detail_cc_tc .tc-l {float:left; width:11%;}
.edu_detail_cc_tc .tc-r {float:left; width:79%; padding:15px 5%; background:#f5f5f5; color:#606060; font-size:15px; line-height:22px; border-radius:12px; font-weight:400;}
.edu_detail_cc_tc::after {content:""; display:block; clear:both;}
.edu_detail_cc_big {text-align:center; line-height:45px;}
.edu_detail_cc_big p {display:inline; font-size:28px; color:#272727; letter-spacing:-1.5px; border-bottom:1px solid #272727;}
/* .edu_detail_rel_lst ul::after {content:""; display:block; clear:both;} */
.edu_detail_rel_lst li {float:left; width:32%;}
.edu_detail_rel_lst li.li2 {text-align:center;}
.edu_detail_rel_lst li.li3 {text-align:right;}
.edu_detail_tc_cont {display:table;}
.edu_detail_tc_img,
.edu_detail_tc_intro {display:table-cell; vertical-align:top;}
.edu_detail_tc_intro {padding:0 0 0 50px;}
.edu_detail_tc_intro .nm strong {font-size:24px; color:#3c3c3c; padding:15px 0; display:block;}
.edu_detail_tc_intro .nm p:first-child strong {padding-top:0;}
.edu_detail_tc_intro .nm strong span {font-size:15px;}
.edu_detail_tc_intro .nm p {font-size:14px; line-height:26px;}
.edu_detail_tc_intro .if strong {font-size:24px; color:#3c3c3c; padding:30px 0 10px; display:block;}
.edu_detail_tc_intro .if p {font-size:14px; line-height:26px;}
.edu_detail_rd_list::after {content:""; display:block; clear:both;}
.edu_detail_rd_list .wlist {margin:0 0 40px;}
.edu_detail_rd_list .wlist::after {content:""; display:block; clear:both;}
.edu_detail_rd_list .edu_detail_icon {float:left; width:20%;}
.edu_detail_rd_list .edu_detail_wtxt {float:left; width:76%; margin:30px 0 0 20px;}
.edu_detail_rd_list .edu_detail_wtxt div {font-size:20px; color:#3c3c3c;}
.edu_detail_rd_list .edu_detail_wtxt > p {font-size:14px; color:#959595; line-height:22px; padding-top:5px;}
.edu_detail_suc {padding:0 40px;}
.edu_detail_suc .edu_detail_suc_title {display:inline-block; background:#000; color:#fff; line-height:42px; padding:0 40px; min-width:300px; border-radius:14px 14px 0 0; font-size:16px;}
.edu_detail_suc .edu_detail_suc_list {border:1px solid #e0e0e0; position:relative;}
.edu_detail_suc .edu_detail_suc_list::after {content:""; display:block; clear:both;}
.edu_detail_suc .edu_detail_suc_txt {padding:5%; font-size:16px; font-weight:300}
.edu_detail_suc .edu_detail_suc_txt strong {font-size:28px;display:block; margin:0 0 30px;}
.edu_detail_suc .edu_detail_suc_img {}
.lecturer_portfolio {padding:0 40px;}
.lecturer_portfolio:after {display:block; clear:both; content:'';}
.lecturer_portfolio .article {position:relative; display:table; float:left; margin-bottom:20px; background:#666;}
.lecturer_portfolio .article .portfolio_txt {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.lecturer_portfolio .article .portfolio_txt div {display:table; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.lecturer_portfolio .article .portfolio_txt div p {cursor:default; display:table-cell; vertical-align:middle; text-align:center; color:#ccc;}
.edu_detail_review_slider,
.edu_detail_review_tb{overflow:hidden; width:100%;}
.edu_detail_review{position:relative}
.edu_detail_review .swiper-button-prev-unique,
.edu_detail_review .swiper-button-next-unique {position:absolute;top:75%; z-index:1000; cursor:pointer;}
.edu_detail_review .swiper-button-next-unique i,
.edu_detail_review .swiper-button-prev-unique i {font-size:40px; color :#747474}
.edu_detail_review .swiper-button-prev-unique {left:15px}
.edu_detail_review .swiper-button-next-unique {right:15px}
/* 200825 바이럴마케팅 카톡 후기 추가 */
.edu_detail_rv.viral {float:left !important; width:32.5%; border:none; margin-right:28px !important;}
.edu_detail_rv.edu_detail_rv3.viral,
.edu_detail_rv.edu_detail_rv6.viral,
.edu_detail_rv.edu_detail_rv9.viral {margin:0 0 10px;}
.edu_detail_rv.viral img {width:100%;}
.swiper-pagination.viral_rv {width:100%; left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%)}
.swiper-pagination.viral_rv span {margin-right:8px;}
.swiper-pagination.viral_rv span:last-child {margin-right:0;}
.edu_detail_review .swiper-button-prev-unique.viral_rv_p,
.edu_detail_review .swiper-button-next-unique.viral_rv_p {top:70%}
#review_slider_blog_on {overflow:hidden }

/* .edu_conts .basic_fm {background-color:#FFF; border:1px solid #e5e5e5; padding:20px 30px; margin-bottom:15px; overflow:hidden; clear:both;} */
.edu_conts .basic_fm {background-color:#FFF; padding:20px 30px; margin-bottom:15px; overflow:hidden; clear:both;}
.edu_conts .basic_fm h5 {font-size:16px; font-weight:600; padding-bottom:15px; border-bottom:1px solid #ddd;}
.edu_conts .intro {font-size:15px; line-height:18px;}
.edu_conts .intro p {line-height:26px; margin:10px 0 25px 0;}
.edu_conts .intro h3 {display:block; font-size:24px; padding:15px 0 25px 0; line-height:36px;}
.edu_conts .intro > span {display:block;padding-left:35px; line-height:26px; padding-bottom:10px;}
.edu_conts .intro label {display:block; padding:10px 15px 10px 0; color:#448aff;}
.edu_conts .intro strong {display:block; font-size:16px; padding-bottom:20px; padding-top:15px;}
.edu_conts .intro strong img {padding-right:10px;}
.edu_conts .curriculum ul li p {border-top:1px dotted #e5e5e5; font-size:15px; color:#787878; margin-left:15px; padding-left:25px; line-height:48px;}
.edu_conts .curriculum ul li strong {display:block; font-size:15px; padding:15px; border-top:1px solid #e5e5e5; color:#fc6d35; font-weight:normal;}
.edu_conts .curriculum ul li:first-child strong {border:0;}

/* 211110 랜딩페이지 탭메뉴 추가 */
.pakage_tab_menu.fixed,
.tab_menu.fixed {position:fixed; top:0; width:805px; background:#f9f8fa; z-index:100;}
.pakage_tab_menu ul,
.tab_menu ul {border:1px solid #e5e5e5; margin-top:15px; background:#fff;}
.pakage_tab_menu li,
.tab_menu ul li {display:inline-block; width:25%; box-sizing:border-box; text-align:center; height:48px; line-height:48px; font-size:16px; cursor:pointer;}
.pakage_tab_menu li { width: 50%;}
.tab_menu.fixed ul li.active {font-weight:bold; color:#000;}
.tab_menu ul li:first-child {border-left:0;}
/* .tab_menu ul li.fixed {font-weight:600; color:#fc6d35;} */
.simplyReview {background:#fff; padding:15px 0; margin-top:15px; border:1px solid #e5e5e5;}
.simplyReview ul li {display:inline-block; width:25%; text-align:center; color:#999;}
.simplyReview ul li i {font-size:16px;}
.simplyReview ul li span {display:block; color:#454545; margin:5px 0; font-size:14px;}

.height-100 {height:100px;}
.height-90 {height:90px;}
.height-80 {height:80px;}
.height-70 {height:70px;}
.height-60 {height:60px;}
.height-50 {height:50px;}
.height-40 {height:40px;}
.height-30 {height:30px;}
.height-20 {height:20px;}

 .rv-height-180 {min-height:180px;}
 .rv-height-200 {min-height:200px;}
 .rv-height-220 {min-height:220px;}
 .rv-height-240 {min-height:240px;}
 .rv-height-260 {min-height:260px;}

@media (max-width:767px) {
  .height-100 {height:50px;}
  .height-90 {height:45px;}
  .height-80 {height:40px;}
  .height-70 {height:35px;}
  .height-60 {height:30px;}
  .height-50 {height:25px;}
  .height-40 {height:20px;}
  .height-30 {height:15px;}
  .height-20 {height:10px;}
  .edu_detail_19new {width:100%;}
  .edu_detail_19new img {width:100%; height:auto;}
  .edu_detail_title {font-size:24px; line-height:32px;}
  .edu_detail_txt p {font-size:16px; line-height:26px;}
  .edu_detail_cont_title {font-size:20px;}
  .edu_detail_rv {width:calc(100% - 2px);}
  .edu_detail_rv img {width:auto;}
  .edu_detail_cont_title {font-size:20px;}
  .edu_detail_review .edu_detail_cont_title p,
  .edu_detail_who .edu_detail_cont_title p {font-size:14px; margin:10px 0 0;}
  .edu_detail_who .thumbs_down {width:auto;}
  .edu_detail_who_list .wlist {width:100%; margin:0 0 40px !important;}
  .edu_detail_who_list .edu_detail_icon img {width:auto;}
  .edu_detail_who_list .edu_detail_icon,
  .edu_detail_who_list .edu_detail_wtxt {width:100%; text-align:center;}
  .edu_detail_who_list .edu_detail_wtxt > p {text-align:left; padding:0 8%;}
  .edu_detail_cc {margin:0 10px; padding:20px 10px 40px;}
  .edu_detail_cc_title div {padding:10px;}
  .edu_detail_cc_ch {font-size:16px; line-height:24px; padding:10px;}
  .edu_detail_cc_de > div {font-size:15px; line-height:24px;}
  .edu_detail_cc_de > div p {font-size:14px;}
.edu_detail_cc_de > p {font-size:14px; line-height:26px; text-indent:10px;}
  .edu_detail_cc_de > p b {font-size:16px;}
  .edu_detail_cc_tc {margin:15px 0 35px;}
  .edu_detail_cc_tc .tc-r {font-size:14px; line-height:22px; float:right; width:72%;}
  .edu_detail_cc_big p {font-size:24px;}
  .edu_detail_rel_lst li {width:100%; text-align:center !important; margin:0 0 5px;}
  .edu_detail_rel_lst li img {width:80%;}
  .edu_detail_tc_img, .edu_detail_tc_intro {display:block; width:100%;}
  .edu_detail_tc_img {text-align:center;}
  .edu_detail_tc_img img {width:80%;}
  .edu_detail_tc_intro {padding:0; margin:20px 0 0;}
  .edu_detail_tc_intro .nm strong,
  .edu_detail_tc_intro .if strong {font-size:20px}
  .edu_detail_rd .edu_detail_cont_title p {font-size:14px; margin:10px 0 0;}
  .edu_detail_rd_list .wlist {width:100%; margin:0 0 40px !important;}
  .edu_detail_rd_list .edu_detail_icon img {width:auto;}
  .edu_detail_rd_list .edu_detail_icon,
  .edu_detail_rd_list .edu_detail_wtxt {width:100%; text-align:center;}
  .edu_detail_rd_list .edu_detail_wtxt > p {text-align:left; padding:0 8%;}
  .edu_detail_suc .edu_detail_suc_title { background:#000; color:#fff; line-height:42px; padding:0 40px; text-align:center; border-radius:14px 14px 0 0; font-size:14px; min-width:100px;}
  .edu_detail_suc .edu_detail_suc_list {border:1px solid #e0e0e0; position:relative;}
  .edu_detail_suc .edu_detail_suc_list::after {content:""; display:block; clear:both;}
  .edu_detail_suc .edu_detail_suc_txt {padding:5% 5% 5%; font-size:16px; line-height:24px;}
  .edu_detail_suc .edu_detail_suc_txt strong {font-size:18px;display:block; margin:0 0 10px; letter-spacing:-1px;}
  .edu_detail_suc .edu_detail_suc_txt p {display:inline;}
  .edu_detail_suc .edu_detail_suc_img {position:inherit !important; right:0; left:0; width:100%; text-align:center;}
  .rv-height-180,
  .rv-height-200,
  .rv-height-220,
  .rv-height-240,
  .rv-height-260 {min-height:auto;}

  .lecturer_portfolio .article:nth-child(2n){margin-right:0 !important;}
  .lecturer_portfolio .article {width:48%; height:auto; margin-right:2%;}
  .lecturer_portfolio .article .portfolio_txt div p { font-size:12px; }
    #LayoutWrap.edu_new_wrap .edu_conts { width:calc(100% - 4%);}
  .swiper-slide {width:100%}
  .swiper-pagination {left:50%; transform:translateX(-50%) !important;}
  .swiper-pagination .swiper-pagination-bullet {margin:0 5px;}

}

@media (min-width:720px) {
    .lecturer_portfolio .article {width:227px; height:160px; margin-right:20px;}
    .lecturer_portfolio .article:nth-child(3n){margin-right:0 !important;}
    .lecturer_portfolio .article .portfolio_txt div p { font-size:15px;}
}

/*온라인 교육 상세페이지*/
.edu_detail_online {overflow:hidden; margin-top:-20px;}
/* .edu_online_left > div {background:#fff; margin:0 0 15px;} */
.edu_online_left .edu_detail_img.main {width:100%; overflow:hidden; position:relative;}
.edu_online_left .edu_detail_img.main .arrow {color:#fff; background-color:rgba(234, 234, 234, 0.8); width:50px; height:50px; border-radius:50px; font-size:32px; text-indent:9px;}
.edu_online_left .edu_detail_img.main .arrow i {font-weight:500;}
.edu_online_left .edu_detail_img.main .swiper-button-prev-unique,
.edu_online_left .edu_detail_img.main .swiper-button-next-unique {position:absolute; top:45%; z-index:1; cursor:pointer;}
.edu_online_left .edu_detail_img.main .swiper-button-prev-unique {left:15px;}
.edu_online_left .edu_detail_img.main .swiper-button-next-unique {right:15px; text-indent:11px;}
.edu_online_left .edu_detail_img.main .swiper-pagination-bullet {background:#fff; opacity:.8; margin:0 5px !important; width:10px; height:10px;}
.edu_online_left .edu_detail_img.main .swiper-pagination-bullet-active {background:#6f4eff;}
.edu_online_left .edu_quick_menu ul {overflow:hidden; border-bottom:1px solid #eee; background:#fff;}
.edu_online_left .edu_quick_menu ul.fixed {position:fixed; top:0; width:803px; z-index:1001; border-bottom:1px solid #e5e5e5;}
.edu_online_left .edu_quick_menu ul li {float:left; width:20%;; font-size:16px; text-align:center;}
.edu_online_left .edu_quick_menu ul li a {padding:15px 0; display:block;}
.edu_online_left .edu_quick_menu ul li.apply a {font-weight:600; border-bottom:3px solid #454545; padding-bottom:13px;}
/* .edu_online_left .edu_detail_rel.bd-1 {border-bottom:1px solid #e5e5e5;} */
/*퀵메뉴*/
/* .edu_online_right {position:absolute; top:34px; right:0; width:350px;} */
/* .edu_online_right .edu_info > div {border-bottom:1px solid #e5e5e5; padding-bottom:15px;} */
.edu_online_right .edu_info span.indent {display:inline-block; text-indent:10px;}
.edu_online_right .edu_info .type {font-size:12px;color:#8c8c8c;background:#f8f8f8;display:inline-block;padding:5px 10px;border-radius:5px;}
.edu_online_right .edu_info .subject {font-size:24px;font-weight:bold;margin:10px 0; color:#000;line-height:1.4;}
.edu_online_right .edu_info .comment {font-size:16px;color:#8c8c8c;line-height: 1.6;letter-spacing: 0;}
.edu_online_right .edu_info .pay_grade {margin-top:16px; text-align:right;}
.edu_online_right .edu_info .pay_grade .date {color:#2989f7; font-size: 15px;}
.edu_online_right .edu_info .pay_grade .red {color:#e74c3c;}
.edu_online_right .edu_info .pay_grade .grade {float:left; margin-top:6px; font-size:16px;}
/* .edu_online_right .edu_info .pay_grade p {display:inline-block;} */
/* .edu_online_right .edu_info .pay_grade .price {float:right;} */
.edu_online_right .edu_info .pay_grade .customer_price {/*float:right;*/ display:inline-block; font-size:12px; vertical-align:bottom; line-height:24px; margin-left:5px; color:#e74c3c; }
.edu_online_right .edu_info .pay_grade .price {display:inline-block; margin-left:15px;}
.edu_online_right .edu_info .pay_grade .price span {font-weight:900; font-size:24px; color:#000;}
.edu_online_right .edu_info .edu_keyword {padding-top:15px; font-size:14px; color:#8c8c8c;}
.edu_online_right .edu_info .edu_keyword ul {display: flex;flex-wrap: wrap;gap: 8px;}
.edu_online_right .edu_info .edu_keyword li {line-height: 32px;width: calc(50% - 4px);color: #333;background: #f6f6f6;padding: 5px 14px;border-radius: 6px;box-sizing: border-box;}
.edu_online_right .edu_info .edu_keyword li:hover {background:#e9e9e9;}
.edu_online_right .edu_info .edu_keyword li i {color:#000; width:14px; margin-right:10px; font-weight:500;}
/* .edu_online_right .edu_info .btn_box {height:120px;} */
.edu_online_right .edu_info .btn_box > div {display:inline;}
.edu_online_right .edu_info .btn_box .btn a {width:48%; margin-right:10px; background:#e5e5e5; border-radius:5px; line-height:50px; font-size:15px;}
.edu_online_right .edu_info .btn_box .btn.share a {margin-right:0;}
/*20200907 장희연*/
/* .edu_online_right .edu_info .btn_box .edu_pay {display:block; height:50px; overflow:hidden;background-color:#fff; margin-left:0; } */
/* .edu_online_right .edu_info .btn_box .edu_pay a {border-radius:5px;} */
.edu_online_right .edu_info .btn_box .edu_pay .add {float:left;}

.edu_online_right .edu_info .btn_box .edu_pay .purchase{background:#2989f7; width:240px; color:#fff;line-height:50px; font-size:15px;float:right;}
.edu_online_right .edu_info .btn_box .edu_pay .purchase:hover {background:#2075d7}

/* 회원에게 제공하는 할인쿠폰 */
#benefit_box {margin-top:20px; border:1px solid #CCC; box-shadow:2px 2px 3px rgba(0,0,0,0.05); border-radius:2px;}
#benefit_box > div {font-size:13px; position:relative;}
#benefit_box div p {font-weight:500; padding:12px; border-bottom:1px solid #EEE; display:block; color:#999; letter-spacing:0;}
#benefit_box div p strong {font-size:14px; color:#333;}
#benefit_box div a {position:absolute; top:9px; right:15px; font-size:12px; background:#F54747; color:#FFF; padding:4px 6px; border-radius:2px;}
#benefit_box .wrap {padding:12px 16px; background:#F6F6F6; line-height:28px;}
#benefit_box .wrap label {font-weight:600;}
#benefit_box .wrap span {float:right; font-weight:500; font-size:15px;}
#benefit_box .wrap span.percent {margin-left: 5px; font-size:18px; font-weight: bold; color : #e74c3c;}

/*동영상 강의 페이지 */
/* .v_wrap {background-color:#f6f6f6; height:100%;}
.v_main{width:1152px; margin:auto;padding:24px 0; overflow:hidden; position:relative;} */
/*비디오*/
/* .video_box{float:left; width:768px;margin-right:24px;}
.video_box .problem {display:block; float: right; float: right; margin: 10px 10px 0 0;}

.v_main .v_content {position:relative; padding-bottom:56.25%; background-color:#e0e0e0;margin-bottom:24px; height:0; overflow:hidden; margin:0; box-shadow:0 0 8px rgba(0,0,0,0.08);}
.v_main .v_content iframe,
.v_main .v_content object,
.v_main .v_content embed { position:absolute; top:0; left:0; width:100%; height:100%;}

.video_box .v_title{width:768px;position:relative; overflow:hidden; border-bottom:1px solid #e0e0e0;}
.video_box .v_title .edu_name {padding:28px 0 24px; float:left;}
.video_box .v_title .edu_name p {font-size:21px; float:left; width:560px;}
.video_box .v_title .edu_name p span {font-weight:300;}
.video_box .v_title .edu_name a{float:right;font-size:14px;display:block; width:130px; height:32px; text-align:center; line-height:32px; color:#fff; background-color:#E74C3C;}
.video_box .v_title .problem{margin-top:35px;font-size:12px; position:absolute;right:0;} */

.v_main .info_box .video_btn {margin: 15px 24px;}
/* .v_main .video_btn {margin:25px 0 0; text-align:right; float:right;} */
.v_main .video_btn a {display:inline-block; font-size:13px; border:2px solid #bfbfbf; border-radius:3px; width:70px; padding:2px 0; text-align:center; background:#fff; color:#777;}
.v_main .video_btn a.btn1-1 {background:#bfbfbf; color:#999; cursor:default; display:none;}
.v_main .video_btn a.btn2-2 {margin-left:7px; background:#bfbfbf; color:#999; cursor:default; display:none;}
.v_main .video_btn a.btn2 {margin-left:7px; background:#e74c3c; color:#fff; border-color:#e74c3c;}
.v_main .video_btn p {margin:10px 0;}
.v_main .video_btn p.bstip {cursor:pointer; font-size:13px;}

.edu_profile {margin:20px 0; overflow:hidden; position:relative;}
.edu_profile .problem {display:block; position:absolute; right:0;}
.edu_profile .img {float:left; padding:0 0 20px;}
.edu_profile .img img {border-radius:50px; width:50px; height:auto; }
.edu_profile .summary {float:left; font-size:13px; margin-left:15px;}
.edu_profile .summary h5 {font-size:14px;}
.edu_profile .summary pre {padding:10px 0;}
.edu_profile .summary .view_btn {font-weight:bold; cursor:pointer;}
.edu_profile .summary .detail_view {display:none; padding:10px;}

/*강의정보*/
/* .info_box {float:right ;width:360px;background-color:#fff; box-shadow:0 0 8px rgba(0,0,0,0.08);}
.info_box .v_info{padding:24px 24px 0 24px;}
.info_box .v_info h3 {font-size:21px; font-weight:bold; margin-bottom:16px; color:#000;}
.info_box .v_info p {line-height:26px; font-size:14px; letter-spacing:0;}
.info_box .v_info p .head {color:#999; font-size:13px; display:inline-block; width:60px; font-weight:600;}
.info_box .v_info p .progress_info {font-weight:normal;}
.info_box .v_info .v_slider{height:6px; background-color:#eee; margin:14px auto 24px;position:relative; border-radius:10px; overflow:hidden;}
.info_box .v_info .v_slider .progress_bar{width:10px; height:6px;position:absolute;top:0; left:0; background-color:#E74C3C; z-index:10;}
.info_box .select_info .tab_box{ border-top:1px solid #EEE; border-bottom:1px solid #eee;}
.info_box .select_info .tab_box.user a {width:33.33%;}
.info_box .select_info .tab_box a {display:inline-block; width:50%; line-height:38px; text-align:center; font-size:14px; color:#AAA; background:#F0F0F0; border-bottom:1px solid #EEE; outline:none;}
.info_box .select_info .tab_box a:hover span {color:#000; transition:all 0.2s;}
.info_box .select_info .tab_box a.on {background:#FFF; border-color:#FFF;}
.info_box .select_info .tab_box a.on span {color:#000; font-weight:600;} */
.dim_bg {width:100vw; height:100vh; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); z-index:1001;}
.dim_bg .updateWrap {display:none;}
.dim_bg > div {position:absolute; top:50%; left:50%; -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background:#fff; padding:20px; width:373px;}
.dim_bg > div p {margin-bottom:5px; font-size:19px;}
.dim_bg > div span {display:block; font-size:15px; margin-bottom:20px;}
.dim_bg > div span.red {margin-bottom:0; display:inline-block; color:red;}
.dim_bg > div span.care {display:inline; font-size:12px; color:#999; margin-left:3px;}
.dim_bg > div button {border:none; width:100%; height:40px; line-height:40px; background:#e0e0e0; font-size:16px; cursor:pointer;}
.dim_bg > div button.updateAgree,
.dim_bg > div button.updateSubmit {background:#fc6d35; color:#fff; margin-bottom:5px;}
/*강의목록*/
/* .info_box .select_info .course_list{height:430px; overflow-y:auto;}
.info_box .select_info .course_list .item {padding:16px 10px; cursor:pointer; border-bottom:1px solid #EEE;}
.info_box .select_info .course_list .item.active{background-color:#FCEDEC;}
.info_box .select_info .course_list .item:hover .item_tit {font-weight:600; transition:all 0.4s;}
.info_box .select_info .course_list .item:hover .item_tit {text-decoration:underline;}
.info_box .select_info .course_list .item.active:hover .item_tit {text-decoration:none;}
.info_box .select_info .course_list .item span{display:inline-block;}
.info_box .select_info .course_list .item .icon {font-size:20px; padding:0 10px; text-align:center;vertical-align:top; color:#CCC;}
.info_box .select_info .course_list .item .icon .fas {color:#ff6600;}
.info_box .select_info .course_list .item .item_tit{font-size:14px;width:200px; letter-spacing:-0.3px; word-break:keep-all; vertical-align:-webkit-baseline-middle;}
.info_box .select_info .course_list .item .time {font-size:13px; text-align:right; float:right; padding:0 10px; letter-spacing:0; color:#888;} */
/*QnA*/
/* .info_box .select_info .play_lecture_note { display:none; position:relative;} */

/*
.info_box .select_info .play_lecture_note .wrap > div {height: 220px; padding:10px;}
.info_box .select_info .play_lecture_note .wrap .all_lecture_note .cell {position: relative; text-indent: 20px; line-height: 30px; overflow: hidden;}
.info_box .select_info .play_lecture_note .wrap .all_lecture_note .cell::before {content: ''; display: block;  width: 5px; height: 5px; position: absolute; top:50%; left:10px; background: #E45252; border-radius: 50%;}
.info_box .select_info .play_lecture_note .wrap .all_lecture_note .cell a.note_goods_name {float: left; display: inline-block;font-size: 14px; width: 300px !important;overflow:hidden;  white-space:nowrap; text-overflow: ellipsis; text-align: left;}
.info_box .select_info .play_lecture_note .wrap .all_lecture_note .cell a.note_goods_name:hover {font-weight: bold;}


/* .info_box .select_info .play_lecture_note p.none {font-size:18px; text-align:center; color:#999;}
.info_box .select_info .play_lecture_note .writer_info{padding-left:15px;}
.info_box .select_info .play_lecture_note .writer_info .w_info{display:inline-block;position:relative;top:12px; margin-left:10px;}
.info_box .select_info .play_lecture_note .writer_info .w_info .nick_name{font-size:12px; font-weight:bold;margin-bottom:3px;}
.info_box .select_info .play_lecture_note .writer_info .w_info .time{font-size:10px; color:#999;}
.info_box .select_info .play_lecture_noteplay_lecture_note .q_content{padding:0 10px 0 53px; font-size:13px;margin-top:15px;}
.info_box .select_info .play_lecture_note .link{padding-left:50px;margin-top:15px;}
.info_box .select_info .play_lecture_note .link a{text-decoration:underline; font-weight:600;font-size:13px;}
.info_box .select_info .play_lecture_note .manager_item{padding-left:33px;}
.info_box .select_info .play_lecture_note .manager_item .q_content{padding-left:33px;} */
/*참고자료*/
/* .info_box .select_info .reference{display:none; height:430px; overflow-y:auto;}
.info_box .select_info .reference .item{padding:10px 15px;}
.info_box .select_info .reference .item.active{background-color:#FCEDEC;}
.info_box .select_info .reference .item span{display:inline-block;}
.info_box .select_info .reference .item .item_tit{font-size:15px;width:280px;}
.info_box .select_info .reference .item .link{font-size:14px;width:50px;text-align:right;}
.info_box .select_info .reference .blank {font-size:14px; text-align:center; color:#999; line-height:40px;} */
/*강의노트*/
/* .info_box .select_info .playing_lecture_option_note {border-bottom: 1px solid #e0e0e0; overflow-y:scroll; position:relative; padding:10px 15px; height: 255px;}
.info_box .select_info .playing_lecture_option_note h5 {font-size: 16px; text-indent: 5px; line-height: 30px; margin-bottom: 15px; display:inline-block;}
.info_box .select_info .playing_lecture_option_note .more_note {display:inline-block; color:#777; font-size:12.5px;}
.info_box .select_info .playing_lecture_option_note .more_note::before {content:''; height:10px; width:1px; display:inline-block; background:#777; clear:both; font-size:15px; margin:0 10px;}
.info_box .select_info  .note_pop_btn {position:absolute; top:0; right:8px; font-size:18px; padding:7px; display:block;}
.info_box .select_info .playing_lecture_option_note .null p {text-align: center; font-size: 16px; font-weight: bold; color :#999;}
.info_box .select_info .note_cell {padding:0 10px 15px 10px; line-height: 27px; position:relative; overflow:hidden;}
.info_box .select_info .note_cell .note_comment {margin-bottom:5px;}
.info_box .select_info .note_cell .note_comment p {color:#6e6e6e; font-size:13px; line-height:22px; word-break: break-all; display: inline}
.info_box .select_info .note_cell .note_comment p.comment {display: none;}
.info_box .select_info .note_cell .note_comment span.more_comment {display:inline; cursor: pointer; color:#000; float:right;}
.info_box .select_info .note_cell .note_comment .more_view {display:inline-block; position:absolute; bottom:25%; right:0; background:#fff; width:60px; text-align:right; color:#000; padding:0 2px;}
.info_box .select_info .note_cell .denote {float:left;}
.info_box .select_info .note_cell .denote .pick_time {color:#2294e6;}
.info_box .select_info .note_cell .denote .pick_time i {font-size:14px; color:#777; padding-right:5px;}
.info_box .select_info .note_cell p a.pick_time {color:#2294e6; font-size:13px;}
.info_box .select_info .note_cell p a.pick_time i {padding:0 5px 0 8px; color:#454545;}
.info_box .select_info .note_cell .update_btn {float:right;}
.info_box .select_info .note_cell .update_btn p span {color:#2294e6;}
.info_box .select_info .note_cell .update_btn a {display:inline-block; color:#999; font-size:12px;}
.info_box .select_info .note_cell .update_btn a.del {padding-left:12px;}
.info_box .select_info .playing_lecture_option_note .more {height: 40px; text-align: right;}
.info_box .select_info .playing_lecture_option_note .more a {font-size: 14px; line-height: 40px; margin-right: 25px;}
.info_box .select_info .playing_lecture_option_note .more a:hover{text-decoration: underline; font-weight: bold;}
.info_box .select_info .note_notice {padding : 10px 15px;}
.info_box .select_info .note_notice li b {line-height: 25px; font-size: 14px;} */

/* 이수증/후기/설문 */
/* .info_box .select_info .survey {display:none; height:375px;}
.info_box .select_info .lecture_less,
.info_box .select_info .lecture_more {padding: 10px 15px;}
.info_box .select_info .survey h5 {font-size:16px; margin-bottom:15px;text-indent:5px; line-height:30px;}
.info_box .select_info .lecture_less p {font-size:14px; line-height:25px; padding:0 10px 15px 10px;}
.info_box .select_info .lecture_more a {display:block; font-size:15px; line-height:40px; text-indent:5px;}
.info_box .select_info .lecture_more a i {color:#e74c3c; font-weight:bold;} */


/* .note_comment {display:none;}
.note_pop_wrap {display:none; position:absolute; right:0; top:0; padding:20px; background:#fff; border:1px solid #e0e0e0;}
.note_pop_wrap .n_tit {font-weight:bold; margin-bottom:5px; font-size:13px;}
.note_pop_wrap .note_pop_close {display:block; position:absolute; top:15px; right:20px; font-size:20px; cursor: pointer;}
.note_pop {margin-top:10px;}
.note_pop .admin-width-i {width:320px !important; height:165px !important; resize:none !important; padding:15px;}
.note_pop a.note_submit {display:block; font-size:13px; padding:7px 0; text-align:center; margin-top:10px; background:#e74c3c; color:#fff;}


#advance_gudie_modal_wrap {position:absolute; top:23px; left:0; width:768px; height:548px; z-index:99; background:rgba(250,250,250,0.9);}
#advance_gudie_modal_wrap .advance_gudie_modal {padding:120px 15px 15px; position:absolute; width:100%; height:100%; text-align:center; box-sizing:border-box; border:1px solid #bfbfbf; z-index:99;}
#advance_gudie_modal_wrap .advance_gudie_modal img { width:90px; height:auto;}
#advance_gudie_modal_wrap .advance_gudie_modal h3 {font-size:30px;}
#advance_gudie_modal_wrap .advance_gudie_modal p {margin-top:25px; font-weight:bold; font-size:14px; min-height:130px; }
#advance_gudie_modal_wrap .advance_gudie_modal .modal_btn_box {vertical-align:bottom; font-size:14px; text-align:center;}
#advance_gudie_modal_wrap .advance_gudie_modal .modal_btn_box div { margin-bottom:20px;}
#advance_gudie_modal_wrap .advance_gudie_modal .modal_btn_box div input[type=checkbox] { margin-right:5px;}
#advance_gudie_modal_wrap .advance_gudie_modal .modal_btn_box div label {font-weight:bold;}
#advance_gudie_modal_wrap .advance_gudie_modal .modal_btn_box .modal_close {margin:0 15px; width:90%; background:#fc6d35; color:#fff; height:40px; font-size:16px; cursor:pointer;}
.advance_gudie_modal_blur {position:absolute; width:1152px; height:750px; top:0; left:0; z-index:98;}*/

#lecture_pause_modal_wrap {position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:100;}
#lecture_pause_modal_wrap .lecture_pause_modal { padding:15px; position:absolute; width:400px; height:180px; background:#fff; top:50%; left:50%; margin:-90px 0 0 -200px;}
#lecture_pause_modal_wrap .lecture_pause_modal h3 {font-size:17px; text-align:left ;}
#lecture_pause_modal_wrap .lecture_pause_modal  p {margin-top:15px; font-size:14px; }
#lecture_pause_modal_wrap .lecture_pause_modal .modal_btn_box {margin-top:40px; font-size:14px; text-align:center;}
#lecture_pause_modal_wrap .lecture_pause_modal .modal_btn_box button {margin:0 15px; width:60px; background:#555; height:25px; color:#fff; border:0; cursor:pointer}
#lecture_pause_modal_wrap .lecture_pause_modal .modal_btn_box .modal_submit{background:#0078D7}

.edu_rehearsal_conts {background: #FFF; border: 1px solid #E0E0E0; padding: 40px 30px; margin-top: 15px; font-size: 15px; line-height: 180%; word-break: break-all;}
.edu_rehearsal_conts img {width:100% !important; height:auto;}

/* 마약이 패키지 상세페이지 */
.edu_detail_19new .edu_list_more .point_edu {background:#febd01 url(/images/landing/package/210421_package_pc_4_bg_l.jpg) no-repeat bottom; padding:30px 100px;}
.edu_detail_19new .edu_list_more .point_edu .wrap.more {display:none;}
.edu_detail_19new .apply {position:relative;}
.edu_detail_19new .apply a {position:absolute; bottom:110px; left:50%; display:block; margin-left:-145px; width:290px; height:30px; text-indent:-9999px;}


/* ===== 리뉴얼 보정: 기존 float·JS 고정 대신 flex·sticky, 바뀐 제목 태그, 반응형 ===== */
.goods-page { background:#F2F4F6; padding-bottom:70px; }
#goods_layout_wrap { --brand-color:#e74c3c; display:flex; align-items:flex-start; justify-content:space-between; }
#goods_layout_wrap .edu_wrap, #goods_layout_wrap .edu_info { float:none; }
#goods_layout_wrap .edu_online_right { width:350px; }
#goods_layout_wrap .edu_info .ly_fix { position:sticky; top:15px; }
#goods_layout_wrap #big_img { display:block; height:auto; }
.tab_menu { position:sticky; top:0; z-index:20; }
.tab_menu ul { display:flex; }
.tab_menu ul li { flex:1; width:auto; }
.edu_online_right .edu_info .btn_box .edu_pay { display:flex; gap:8px; width:100%; }
.edu_online_right .edu_info .btn_box .edu_pay .add, .edu_online_right .edu_info .btn_box .edu_pay .purchase { float:none; margin:0; }
.edu_online_right .edu_info .btn_box .edu_pay .add { flex:0 0 100px; }
.edu_online_right .edu_info .btn_box .edu_pay .purchase { flex:1; width:auto; }
.tab_menu ul li button { width:100%; height:100%; background:none; font:inherit; color:inherit; cursor:pointer; }
.tab_menu ul li.active { font-weight:bold; color:#000; }
#goods_layout_wrap .edu_review .edu_review__title { font-size:19px; line-height:28px; font-weight:bold; color:#000; }
#goods_layout_wrap .edu_review .edu_review__title + p { font-size:14px; margin:6px 0 30px; }
#goods_layout_wrap .edu_wrap .edu_note .edu_note__title { margin-bottom:25px; padding-bottom:15px; font-size:16px; font-weight:600; border-bottom:1px solid #ddd; }
#goods_layout_wrap .edu_wrap .edu_note ul { list-style:none; padding-left:0; }
#goods_layout_wrap .edu_wrap .edu_note ul li a { margin-left:8px; color:#666; text-decoration:underline; }
#goods_layout_wrap .edu_together .edu_detail_cont_title { font-size:20px; }
#goods_layout_wrap .edu_together ul, .edu_keyword ul, .detail-info ul { list-style:none; margin:0; padding-left:0; }
#goods_layout_wrap .edu_info .ly_fix .goods-info__title { font-size:24px; font-weight:bold; color:#000; line-height:1.4; }
#goods_layout_wrap.in-person .-bdPriceGoods p { display:flex; flex-direction:column-reverse; align-items:flex-end; margin:12px 0 0; }
#goods_layout_wrap.in-person .-bdPriceGoods #price_unit { color:#000; font-size:18px; font-weight:bold; }
#goods_layout_wrap.in-person .-bdPriceGoods s { font-size:15px; color:#888; }
.detail-info .boxList li { padding:0; }
.detail-info .boxList li button { display:flex; flex-direction:column; width:100%; padding:16px; background:none; text-align:left; font:inherit; cursor:pointer; border-radius:12px; }
.detail-info .boxList li button:disabled { cursor:no-drop; }
.detail-info .boxList li button p { width:100%; }
.offline_2023_select_box .opt-sel { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 0; }
.offline_2023_select_box .opt-sel[hidden] { display:none; }
.offline_2023_select_box .opt-sel-date { font-size:15px; font-weight:600; }
.offline_2023_select_box .opt-sel-qty { display:flex; align-items:center; }
.offline_2023_select_box .opt-sel-qty button { width:28px; height:28px; border:1px solid #ddd; border-radius:6px; background:#fff; font-size:18px; line-height:1; cursor:pointer; }
.offline_2023_select_box .opt-sel-qty input { width:40px; border:0; text-align:center; font-size:16px; font-weight:500; }
.offline_2023_select_box .opt-sel-price { font-size:16px; }
#goods_layout_wrap .-bdPriceTotal p { display:flex; justify-content:space-between; align-items:center; margin:0; padding-top:12px; border-top:1px solid #eaeaea; font-size:15px; }
#goods_layout_wrap .-bdPriceTotal #price_total_area { color:#fc6d35; font-size:23px; font-weight:bold; }
.goods-select-error { margin-top:10px; font-size:14px; color:#e74c3c; }
.edu_online_right .edu_info .btn_box { flex-wrap:wrap; }
.goods-corporate-open { width:100%; margin-top:8px; border:1px solid #d5d5d5; border-radius:6px; background:#fff; color:#555; font:inherit; font-size:15px; line-height:48px; cursor:pointer; }
.goods-corporate-open:hover { border-color:#999; color:#000; }
.goods-corporate { width:min(640px, calc(100% - 24px)); height:min(860px, calc(100% - 24px)); max-width:none; max-height:none; padding:0; border:0; border-radius:16px; overflow:hidden; }
.goods-corporate::backdrop { background:rgba(0,0,0,.5); }
.goods-corporate iframe { display:block; width:100%; height:100%; border:0; }
.goods-corporate__close { position:absolute; top:10px; right:12px; width:36px; height:36px; border:0; background:none; font-size:28px; line-height:1; color:#333; cursor:pointer; }

@media (max-width:1199px) {
    /* 1200 미만: 한 열로 쌓고 썸네일 → 신청 박스 → 탭 → 내용 순서로 보여 준다 */
    #goods_layout_wrap, #goods_layout_wrap.in-person { flex-direction:column; align-items:stretch; width:auto; max-width:820px; padding:20px 24px 0; }
    #goods_layout_wrap .edu_wrap, #goods_layout_wrap .edu_wrap .-bdTitleWrap { display:contents; }
    #goods_layout_wrap #big_img { order:1; width:100%; }
    #goods_layout_wrap .edu_online_right, #goods_layout_wrap > .edu_info { order:2; width:100%; margin-top:15px; }
    #goods_layout_wrap .edu_info, #goods_layout_wrap.in-person .edu_info { width:100%; }
    #goods_layout_wrap .edu_info .ly_fix { position:static; }
    #goods_layout_wrap .tab_menu { order:3; width:100%; }
    #goods_layout_wrap .edu_conts { order:4; }
    #goods_layout_wrap .edu_together, #goods_layout_wrap .edu_review, #goods_layout_wrap .edu_note, #goods_layout_wrap .contact_menu { order:5; }
    #goods_layout_wrap .contact_menu a { display:block; }
}
@media (max-width:767px) {
    #goods_layout_wrap, #goods_layout_wrap.in-person { padding:12px 12px 0; }
    #goods_layout_wrap .edu_wrap .edu_note ul { width:100%; float:none; }
    #goods_layout_wrap .edu_review, #goods_layout_wrap .edu_wrap .edu_note, #goods_layout_wrap .edu_wrap .edu_together { padding:20px 16px; }
    #goods_layout_wrap .edu_wrap .re_none { padding:24px 0; font-size:16px; }
    #goods_layout_wrap .edu_wrap .re_none span { font-size:14px; }
    .tab_menu ul li { font-size:14px; }
    #goods_layout_wrap .edu_info .ly_fix .goods-info__title, .edu_online_right .edu_info .subject { font-size:20px; }
    /* 오프라인 내용 글자 크기: 기존 in-person 규칙(데스크톱 44·26px)을 모바일에서 줄인다 */
    #goods_layout_wrap.in-person .edu_detail_title { font-size:24px; }
    #goods_layout_wrap.in-person .edu_detail_txt p { font-size:16px; margin-bottom:16px; }
    #goods_layout_wrap.in-person .edu_detail_txt ul li { font-size:15px; margin:0 0 14px 30px; text-indent:-18px; }
    #goods_layout_wrap.in-person .edu_detail_cont_title { font-size:22px; }
    #goods_layout_wrap.in-person .edu_detail_who_list .wlist { gap:16px; padding:16px; }
    #goods_layout_wrap.in-person .edu_detail_who_list .wlist img { width:56px; }
    #goods_layout_wrap.in-person .edu_detail_who_list .edu_detail_wtxt div { font-size:16px; }
    #goods_layout_wrap.in-person .edu_detail_cc { padding:24px 12px; }
    #goods_layout_wrap .edu_conts img { max-width:100%; height:auto; }
}