@charset "utf-8";

.ml-auto {margin-left:auto !important}

/* aside:gnb */
#gnb {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#fff}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dli {position:relative}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:block;padding:7px 10px;border-bottom:1px solid #f4f4f4;background-color:#fff;font-weight:bold;text-decoration:none}
.gnb_1dam {background:url("img/gnb_bg00.gif") #fff center right no-repeat}
.gnb_1dli_on .gnb_1da {background-color:#626870;color:#fff;text-decoration:none}
.gnb_1dli_on .gnb_1dam {background:url("img/gnb_bg01.gif") #626870 center right no-repeat;color:#fff;text-decoration:none}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #787f89}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:0;left:127px;width:130px;background:#fff}
.gnb_2da {display:none}
.gnb_1dli_over .gnb_2da {display:block;padding:10px;border-bottom:1px solid #e9e9e9}
.gnb_2da:focus, .gnb_2da:hover {background:#fff;text-decoration:none}

/* 오늘 본 상품 */
#stv {z-index:1001;position:relative;float:right;width:88px}
#stv_list {position:absolute;width:88px;border:1px solid #e9e9e9;background:#fff}
#stv_list h2 {padding:10px 0 8px;background:#fff;text-align:center;letter-spacing:-0.1em}
#stv_pg {display:block;margin:5px 0 0}
#stv_list p {padding:20px 0;text-align:center}
#stv_btn {text-align:center;zoom:1}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {float:left;margin:0;padding:5px 0 4px;width:44px;border:0;background:#555;color:#fff;text-align:center}
#stv_ul {margin:5px 0 10px;padding:0;list-style:none}
.stv_item {display:none;padding:0 9px;text-align:center;word-break:break-all}
.stv_item img {margin:5px 0}

#stv_nb {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#fff;list-style:none}
#stv_nb li {text-align:center}
#stv_nb a {display:block}

/* aside:이벤트 링크 */
#sev {margin:0 0 5px;padding:0 0 10px;border:1px solid #ecc9d6;background:#fff8fb}
#sev h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sev ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#sev .sev_img {display:block;border-bottom:1px solid #faedf2}
#sev .sev_text {display:block;padding:7px 10px 6px;border-bottom:1px solid #faedf2;text-decoration:none}
#sev .sev_text:focus, #sev .sev_text:hover {background:#fffafc}
#sev strong {}
#sev_empty {padding:15px 0;text-align:center}

/* aside:커뮤니티 링크 */
#scomm {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#fff}
#scomm h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#scomm ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#scomm a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
#scomm a:focus, #scomm a:hover {background:#f9f9f9}
#scomm_empty {padding:15px 0;text-align:center}

/* aside:배너 */
.sbn {margin:0 0 5px}
.sbn h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sbn ul {margin:0;padding:0;border:0;list-style:none}
.sbn li {margin:0 0 1px}
.sbn .sbn_border {border:1px solid #d5d5d5} /* 인덱스 배너도 함께 사용 */

#sbn_idx {position:relative;margin:0 0 30px}
#sbn_idx .sbn_btn {z-index:100;position:absolute;top:50%}
#sbn_idx .sbn_btn button {position:relative;top:-35px;margin:0;padding:0;width:70px;height:70px;border:0;background:transparent;overflow:hidden}
#sbn_idx .sbn_btn span {display:block;width:100%;height:100%;background:url("img/sbn_btn.png")}
#sbn_idx #sbn_btn_p {left:25px}
#sbn_idx .sbn_btn #sbn_btn_prev span {background-position:0 0}
#sbn_idx #sbn_btn_n {right:25px}
#sbn_idx .sbn_btn #sbn_btn_next span {background-position:-70px 0}
#sbn_idx ul {position:relative;overflow:hidden}
#sbn_idx ul li {position:absolute;display:none;top:0;left:0}
#sbn_idx ul li.sbn_first {display:block}

/* aside:장바구니 */
#sbsk {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#fff}
#sbsk h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbsk ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#sbsk a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
#sbsk a:focus, #sbsk a:hover {background:#f9f9f9}
#sbsk_empty {padding:15px 0;text-align:center}

/* aside:위시리스트 */
#swish {margin:0 0 5px;padding:0 0 10px;border:1px solid #d5d5d5;background:#fff}
#swish h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#swish ul {margin:0;padding:0;border:0;background:#fff;list-style:none}
#swish a {display:block;padding:7px 10px 6px;border-bottom:1px solid #f4f4f4;text-decoration:none}
#swish a:focus, #swish a:hover {background:#f9f9f9}
#swish_empty {padding:15px 0;text-align:center}

/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {position:relative;zoom:1}
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap header {margin:0 0 20px;zoom:1}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
/* .sct_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em} */
.sct_wrap h2 a {text-decoration:none}
.sct_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}

#sct {clear:both;margin-bottom:80px}

.sct {clear:both;margin:0;padding:0;list-style:none;zoom:1}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
.sct img {position:relative;width:100%} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */ /* border:1px solid #DCE2E6 ;*/
.sct_icon img {margin:0 1px 0 0}
.sct_sns a {display:inline-block;margin:0 4px 0 0}

/* 재생/정지/이전/다음 버튼 */
.sctrl {margin:0;padding:0;list-style:none;zoom:1}
.sctrl:after {display:block;visibility:hidden;clear:both;content:""}
.sctrl li {position:relative;float:left;margin:0 0 0 -1px}
.sctrl button {position:relative;margin:0;padding:0;width:21px;height:21px;border:0;cursor:pointer;overflow:hidden}
.sctrl button span {position:absolute;top:0;left:0;width:19px;height:19px;border:1px solid #ccc;background:url("img/is_button.gif")}
.sctrl button.sctrl_play span {background-position:-60px 0}
.sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px}
.sctrl button.sctrl_stop span {background-position:-90px 0}
.sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px}
.sctrl button.sctrl_prev span {background-position:-120px 0}
.sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px}
.sctrl button.sctrl_next span {background-position:-150px 0}
.sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px}

/* 상품 목록 스킨 10 */
/* .sct_10 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {margin:0 0 10px}
.sct_10 .sct_txt {margin:0 0 5px}
.sct_10 .sct_icon {margin:0 0 10px}
.sct_10 .sct_id {display:block;margin:0 0 5px}
.sct_10 .sct_basic {margin:0 0 10px}
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_10 .sct_sns {} */

/* 상품 목록 스킨 20 */
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_20 .sct_last {margin:0 0 15px !important}
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {}
.sct_20 .sct_icon {position:absolute;top:0px;margin:0 !important}
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#fff}
.sct_20 .sct_txt {padding:10px;background:#fff}
.sct_20 .sct_basic {padding:0 10px 5px;background:#fff;line-height:1.5em}
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#fff;font-weight:bold}
.sct_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}

/* 상품 목록 스킨 30 */
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_30 .sct_last {margin:0 0 15px !important}
.sct_30 .sct_clear {clear:both}
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url("img/icon_arw_toleft.gif") no-repeat}
.sct_30 .sct_a {text-decoration:none}
.sct_30 .sct_img img {position:absolute;top:0;left:0}
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}

/* 상품 목록 스킨 40 */
.sct_40 .sct_li {position:relative;margin:0 0 16px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}
.sct_40 .sct_img {position:absolute;top:0;left:0}
.sct_40 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_40 .sct_icon img {display:block;margin:0 0 4px}
.sct_40 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_40 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_40 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_40 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_40 .sct_rel {position:absolute;bottom:20px;right:20px}
.sct_40 .sct_rel_ul {margin:0;padding:0;list-style:none}
.sct_40 .sct_rel_li {float:left;margin:0 0 0 10px}
.sct_40 .sct_sns {padding:10px 0 0}

/* 상품 목록 스킨 50 */
.sct_50 .sct_li {position:relative;float:left;border-radius:10px;border:1px solid #ddd;overflow:hidden;box-sizing:border-box}
.sct_50 .sct_li {margin-right:33px}
.sct_50 .sct_li:nth-child(4n) {margin-right:0px}
.sct_50 .sct_li:last-child {margin:0}

.sct_50 .sct_last {margin:0 0 40px}
.sct_50 .sct_clear {clear:both}
.sct_50 .sct_a {display:inline-block;position:relative;text-decoration:none;width:100%;height:100%}
.sct_50 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_50 .sct_img {width:100%;height:270px;object-fit:cover;overflow:hidden}
.sct_50 .sct_img img {transform:scale(1);transition:transform 0.5s;border-radius:10px 10px 0 0}
.sct_50 .sct_li:hover .sct_img img {transform:scale(1.1)}

.sct_50 .sct_txt {color:#00569f;background:#fff;padding:30px 25px;height:178px;box-sizing:border-box}
.sct_50 .sct_txt a span {color:#00569f;font-size:16px;font-weight:600}
.sct_50 .sct_txt .deco {width:30px;height:2px;background:#00569f;display:block;margin:10px 0}
.sct_50 .sct_txt .it_name {font-size:24px;font-weight:bold;color:#000;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;word-wrap:break-word;line-height:1.2em;height:2.4em}

.sct_50 .sct_icon {margin:0 0 10px}
.sct_50 .sct_id {display:block;margin:0 0 5px}
.sct_50 .sct_basic {margin:0 0 10px}
.sct_50 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_50 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_50 .sct_sns {}

/* 상품 목록 스킨 60 */
.sct_60 {margin-top:20px}
.sct_60 .sct_li {position:relative;float:left;height:410px}
.sct_60 .sct_li {margin-right:33px}
.sct_60 .sct_li:nth-child(4n) {margin-right:0px}
.sct_60 .sct_li:last-child {margin:0}

.sct_60 .sct_last {margin:0 0 40px}
.sct_60 .sct_clear {clear:both}
.sct_60 .sct_a {display:inline-block;position:relative;text-decoration:none;width:100%}
.sct_60 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_60 .sct_li:hover {}
.sct_60 .sct_img {width:100%;height:340px;border-radius:10px;overflow:hidden;box-shadow:inset 0 3px 6px rgba(0, 0, 0, 0.16), 0 10px 20px rgba(0, 0, 0, 0.11);object-fit:cover}
.sct_60 .sct_img img {transform:scale(1);transition:transform 0.5s}
.sct_60 .sct_li:hover .sct_img img {transform:scale(1.1)}
.sct_60 .sct_li:hover .sct_txt {transform:translateY(-10px)}
.sct_60 .sct_txt {width:265px;height:138px;position:relative;bottom:69px;display:block;border-radius:10px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.11);background:#fff;text-align:center;transition:transform 0.5s}
.sct_60 .sct_txt .it_name {font-size:20px;font-weight:bold;color:#1f2937;padding:26px 24px 0;text-overflow:ellipsis;overflow:hidden;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;word-wrap:break-word;line-height:26px;height:52px}
.sct_60 .sct_txt a .lect_name {color:#aaa;font-size:14px;padding-top:10px}

/* 수강 알림 */
.sct_60 .sct_li .Box02_p-box {position:absolute;top:-17px;left:33px;background:#00569f;width:199px;height:31px;border-radius:20px;color:#fff;text-align:center;line-height:31px;font-size:14px}
.sct_60 .sct_li .Box02_p-box .xi-alarm-o {color:#fff;font-size:16px;vertical-align:text-bottom}
.sct_60 .sct_li .Box02-sub {color:#aaa;font-size:14px;padding-top:10px}

.sct_60 .sct_icon {margin:0 0 10px}
.sct_60 .sct_id {display:block;margin:0 0 5px}
.sct_60 .sct_basic {margin:0 0 10px}
.sct_60 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_60 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_60 .sct_sns {}

/* 개인결제 목록 */
.sct_pv .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none}
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
.sct_pv .sct_img {margin:0 0 10px}
.sct_pv .sct_txt {margin:0 0 5px}
.sct_pv .sct_icon {margin:0 0 10px}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}

/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;overflow-y:hidden}
.smt_20 .sct_ul {position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
.smt_20 .sct_img {margin:0 0 10px}
.smt_20 .sct_txt {margin:0 0 5px}
.smt_20 .sct_icon {margin:0 0 10px}
.smt_20 .sct_id {display:block;margin:0 0 5px}
.smt_20 .sct_basic {margin:0 0 10px}
.smt_20 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_20 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_20 .sct_sns {}

/* 메인 상품 목록 스킨 30 */
.smt_30 {position:relative;overflow-x:hidden}
.smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;width:765px;list-style:none;zoom:1}
.smt_30 .sct_ul:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .sct_ul_first {display:block;left:0}
.smt_30 .sct_li {position:relative;float:left;margin-right:25px}
.smt_30 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none}
.smt_30 .sct_img {margin:0 0 10px}
.smt_30 .sct_txt {margin:0 0 5px}
.smt_30 .sct_icon {margin:0 0 10px}
.smt_30 .sct_id {display:block;margin:0 0 5px}
.smt_30 .sct_basic {margin:0 0 10px}
.smt_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_30 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_30 .sct_sns {}

/* 메인 상품 목록 스킨 40 */
.smt_40 {clear:both;position:relative}
.smt_40 .sct_ul {display:none;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_40 .sct_ul_first {display:block}
.smt_40 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.smt_40 .sct_last {margin:0 0 15px !important}
.smt_40 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_40 .sct_a:focus, .smt_40 .sct_a:hover {text-decoration:none}
.smt_40 .sct_img {margin:0 0 10px}
.smt_40 .sct_txt {margin:0 0 5px}
.smt_40 .sct_icon {margin:0 0 10px}
.smt_40 .sct_id {display:block;margin:0 0 5px}
.smt_40 .sct_basic {margin:0 0 10px}
.smt_40 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_40 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_40 .sct_sns {}

/* 메인 상품 목록 스킨 50 */
/* .smt_50 {position:relative}
.smt_50 .sct_ul {display:none;position:absolute;top:0;left:0;height:306px;margin:0;padding:0;list-style:none;overflow-y:hidden}
.smt_50 .sct_ul_first {display:block}
.smt_50 .sct_li {position:relative;float:left;position:relative;top:-306px;margin:0 25px 15px 0}
.smt_50 .sct_last {margin:0 0 15px}
.smt_50 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_50 .sct_a:focus, .smt_50 .sct_a:hover {text-decoration:none}
.smt_50 .sct_img {margin:0 0 10px}
.smt_50 .sct_txt {margin:0 0 5px}
.smt_50 .sct_icon {margin:0 0 10px}
.smt_50 .sct_id {display:block;margin:0 0 5px}
.smt_50 .sct_basic {margin:0 0 10px}
.smt_50 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.smt_50 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.smt_50 .sct_sns {} */

/* 관련상품 목록 스킨 10 */
/* .scr_10 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.scr_10 .sct_last {margin:0 0 15px !important}
.scr_10 .sct_clear {clear:both}
.scr_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.scr_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.scr_10 .sct_img {margin:0 0 10px}
.scr_10 .sct_txt {margin:0 0 5px}
.scr_10 .sct_icon {margin:0 0 10px}
.scr_10 .sct_id {display:block;margin:0 0 5px}
.scr_10 .sct_basic {margin:0 0 10px}
.scr_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.scr_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.scr_10 .sct_sns {} */

/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {}
.sct_admin {margin:0 0 10px;text-align:right}

/* 상품 목록 현재 위치 */
/* #sct_location {margin:0 0 10px;border:1px solid #e9e9e9;background:#fff;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:10px 10px 8px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:24px !important;background:url(img/sct_bg_toright.png) right 10px no-repeat; background-size:14px} */

/* 상품 목록 카테고리 목록 */
/* .sct_ct {}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}#sct_sort li
.sct_ct ul {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600} */

/* #sct_ct_1 li {float:left;margin:0 10px 10px 0;width:120px}
#sct_ct_2 li {margin:0 0 10px}
#sct_ct_2 a {display:inline-block;width:120px}
#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px} */

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst {zoom:1}
/* #sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""} */

/* 상품 정렬 */
#sct_sort {display:flex;text-align:center;height:35px;margin:50px 0 20px}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort i {font-size:20px;vertical-align:middle;color:#303538;transition:all 0.2s}
#sct_sort .sort_name {padding:7px 12px 7px 15px;border:1px solid #dce2e6;border-radius:50px;cursor:pointer;box-sizing:border-box}

#sortbox01 {margin:0;list-style:none;margin-right:10px;position:relative}
#sortbox01 #ssch_sort {position:absolute;background:#fff;position:absolute;top:35px;border:1px solid #dce2e6;z-index:100;visibility:hidden;transition:all 0.2s;opacity:0;border-radius:10px;width:100%;padding:5px 0;box-sizing:border-box}
#sortbox01 #ssch_sort.drop {visibility:visible;opacity:1}

#sortbox02 {margin:0;list-style:none;position:relative}
#sortbox02 #custom_sort {position:absolute;background:#fff;position:absolute;top:35px;left:0px;border:1px solid #dce2e6;z-index:100;visibility:hidden;transition:all 0.2s;opacity:0;border-radius:10px;width:100%;padding:5px 0;box-sizing:border-box}
#sortbox02 #custom_sort.drop {visibility:visible;opacity:1}

#sct_sort ul {}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {height:30px;line-height:30px}
#sct_sort li a {display:block;color:#303538;font-weight:300}
#sct_sort li a:hover {background:#f1f1f1}

/* 상품 리스트 스타일 선택 */
#sct_lst {float:right;margin:0 0 10px;padding:0;list-style:none;zoom:1}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left;margin:0 0 0 -1px}
#sct_lst button {position:relative;margin:0;padding:0;width:25px;height:25px;border:0;cursor:pointer;overflow:hidden}
#sct_lst button span {position:absolute;top:0;left:0;width:23px;height:23px;border:1px solid #ccc;background:url("img/is_button.gif")}
#sct_lst button.sct_lst_list span {background-position:0 0}
#sct_lst button.sct_lst_list span.sct_lst_on {background-position:0 -30px}
#sct_lst button.sct_lst_gallery span {background-position:-30px 0}
#sct_lst button.sct_lst_gallery span.sct_lst_on {background-position:-30px -30px}

/* 상품 상세보기 */
#sit {margin:10px 0;border:0px solid #e9e9e9}
.sit_admin {text-align:right}
.sit_empty {padding:20px 0;text-align:center}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;background:#fff;zoom:1}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float:left;padding:15px;width:320px}
#sit_pvi_big {margin:0 0 10px;text-align:center}
#sit_pvi_big a {display:none}
#sit_pvi_big a.visible {display:block}
#sit_pvi_big img {}
#sit_pvi_thumb {margin:0;padding:0;list-style:none;zoom:1}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb li {float:left;margin:0 5px 5px 0}
#sit_pvi_thumb .li_last {margin:0 !important}
#sit_pvi_thumb img {}

#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {float:left;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {position:relative;float:right;padding:50px 15px 15px;width:358px;height:auto !important;height:355px;min-height:355px}
#sit_ov h3 {margin:0 0 10px}

#sit_title {margin:0 0 5px;font-size:1.3em}
#sit_desc {margin:0 0 5px;padding:0;color:#999}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_star_sns {position:absolute;top:15px;right:15px;color:#b8afa2;font-size:0.95em;letter-spacing:-0.1em}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star_sns a {display:inline-block;vertical-align:middle}

.sit_ov_tbl {margin-bottom:20px;width:100%;border:0;border-collapse:collapse}
.sit_ov_tbl th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-weight:normal;text-align:left}
.sit_ov_tbl td {padding:7px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
#sit_ov_tbl button {margin:0 1px 0 0}

.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}

.td_sit_sel {position:relative}
.sit_sel_submit {position:static !important;position:absolute;float:right !important;float:none;top:8px;right:0}

#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sit_tot_price {margin:20px 0;font-size:1.3em;font-weight:bold}

#sit_ov_soldout {margin:0 0 20px;color:#ff3061;font-weight:bold;text-align:center}

#sit_ov_btn {text-align:right;letter-spacing:-3px}
#sit_ov_btn a {display:inline-block;width:80px;height:30px;border:0;font-size:0.95em;vertical-align:middle;text-align:center;text-decoration:none;letter-spacing:-0.1em;line-height:2.8em;cursor:pointer}
#sit_ov_btn input {display:inline-block;width:80px;height:30px;border:0;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em;cursor:pointer}
#sit_btn_buy {background:#1fa755;color:#fff}
/* #sit_btn_cart, #sit_btn_wish {background:#555;color:#fff} */
#sit_btn_rec {background:#888;color:#fff}

/* 상품 재입고 알림 (SMS) */
#sit_sms_new {}
#sit_sms_new #sms_agree {padding:10px 0;text-align:right}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {clear:both;margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #e9e9e9;text-align:center}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {display:inline-block;padding:8px 12px;border:1px solid #e9e9e9;background:#fff}
#sit_siblings a#siblings_prev {float:left;margin:0 0 0 15px}
#sit_siblings a#siblings_next {float:right;margin:0 15px 0 0}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_inf h2 {margin:0 0 10px}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_basic {margin:0 0 10px}
#sit_inf_explan {margin:0 0 10px;width:auto !important;width:718px;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
#sit_inf_explan img {max-width:100%;height:auto}

#sit_inf_open {width:100%;border:0;border-collapse:collapse}
#sit_inf_open th {padding:7px 10px;border:1px solid #fff;background:#fff;vertical-align:top;text-align:left}
#sit_inf_open td {padding:7px 10px;border:1px solid #fff;background:#fff;vertical-align:top}

/* 상품 상세보기 - 사용후기 */
/* #sit_use {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9} */
/* #sit_use h2 {margin:0 0 10px} */
#sit_use h3 {margin:0 0 10px}

#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
.sit_use_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer}

.sit_use_dl {margin:0;padding:0 10px;zoom:1}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {float:left;margin:2px 0 0}
.sit_use_dl dd {float:left;margin:2px 20px 0 5px}
.sit_use_star {margin:0 !important;padding:0 0 0 5px}

/* .sit_use_con {padding:10px 10px 0} */
/* .sit_use_p {margin:0 0 10px;padding:10px;border:1px solid #e9e9e9;background:#fff} */
.sit_use_cmd {text-align:right}

#sit_use_wbtn {margin:0 0 5px;text-align:right}

#sit_use_write {}
#sit_use_write #is_subject {width:100%}
#sit_use_write ul {margin:5px 0 0}
#sit_use_write li {margin:0 0 5px}
#sit_use_write li label {display:inline-block;width:80px}
#sit_use_write_star {margin:0;padding:0;list-style:none}
.review_star img {vertical-align:middle}

/* 상품 상세보기 - 상품문의 */
#sit_qa {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_qa h2 {margin:0 0 10px}
#sit_qa h3 {margin:0 0 10px}

#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
.sit_qa_li {position:relative;padding:0 0 10px;border-bottom:1px solid #e9e9e9;background:#fff}
.sit_qa_li_title {display:block;margin:0;padding:10px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer}

.sit_qa_dl {margin:0;padding:0 10px;zoom:1}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {float:left}
.sit_qa_dl dd {float:left;margin:0 20px 0 5px}
.sit_qaa_done {color:#ff3061}
.sit_qaa_yet {color:#999}

.sit_qa_con {display:none;padding:10px 10px 0}
.sit_qa_p {margin:0 0 10px;padding:10px;border:1px solid #e9e9e9;background:#fff}
.sit_qa_p strong {display:inline-block;margin:0 0 10px}
.sit_qa_qaq {margin:0 0 20px}
.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right}

.sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center}
.sit_qa_pw span {display:block;margin:0 0 5px}

#sit_qa_wbtn {margin:0 0 5px;text-align:right}

#sit_qa_write {}
#sit_qa_write #iq_subject {width:100%}

/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_dvr h2 {margin:0 0 10px}

/* 상품 상세보기 - 교환정보 */
#sit_ex {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9}
#sit_ex h2 {margin:0 0 10px}

/* 상품 상세보기 - 관련상품 */
#sit_rel {margin:0 0 10px;padding:10px 10px 0}
#sit_rel h2 {margin:0 0 10px}
#sit_rel .sct_wrap li {margin:0 10px 0 0}
#sit_rel .sct_last {margin:0 !important}

/* 사용후기 모음 */
#sps_sch {margin:0 0 10px}
#sps_sch a {display:inline-block;padding:0 8px;height:21px;background:#333;color:#fff;text-decoration:none;vertical-align:middle;line-height:1.9em}
#sps_sch .btn_submit {padding:0 8px;height:24px;vertical-align:middle}

/* 별 */
.star {display:flex;align-items:center;position:absolute;right:0;margin-top:-4px}
.star img {display:block;width:100px;height:20px}
.star .score {height:24px;margin-left:6px;color:var(--point);font-size:20px;font-weight:600}

/* 버튼 리스트 */
.btn-list {display:flex;align-items:center}
.btn-list li {margin-left:10px}
.btn-list li:first-child {margin-left:0}
.btn-list li button, .btn-list li a {display:flex;justify-content:center;align-items:center;width:68px;height:38px;border-radius:6px;font-size:14px;box-sizing:border-box}

/* 버튼 */
.btn-default {border:1px solid var(--point);color:var(--point) !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s}
.btn-secondary {border:1px solid var(--secondary);color:var(--secondary) !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s}
.btn-gray {border:1px solid var(--gray);color:var(--gray) !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s}
.btn-remove {border:1px solid var(--red);color:var(--red) !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s}

#sps {zoom:1}
#sps ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
/* #sps li {position:relative;padding:10px;border-bottom:1px solid #e9e9e9} */
#sps li:after {display:block;visibility:hidden;clear:both;content:""}
#sps_empty {text-align:center;padding:100px 0}

.sps_img {float:left;margin:0 10px 0 0;width:80px}
.sps_img span {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sps dl {margin:5px 0 10px;zoom:1}
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
#sps dt {float:left}
#sps dd {float:left;margin:0 20px 0 5px}
#sps dd img {position:relative;top:-2px}

/* .sps_section {float:left;width:875px} */
.sps_section p {padding:0;width:100%;overflow:hidden}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:5px 0 0;text-align:right}
.sps_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}

/* 상품문의 모음 */
#sqa_sch {margin:0 0 10px}
#sqa_sch a {display:inline-block;padding:0 8px;height:21px;background:#333;color:#fff;text-decoration:none;vertical-align:middle;line-height:1.9em}
#sqa_sch .btn_submit {padding:0 8px;height:24px;vertical-align:middle}

#sqa {zoom:1}
#sqa ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#sqa li {position:relative;padding:10px;border-bottom:1px solid #e9e9e9}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}

.sqa_img {float:left;margin:0 10px 0 0;width:80px}
.sqa_img span {position:absolute;font-size:0;line-height:0}

#sqa dl {margin:5px 0 10px;zoom:1}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left}
#sqa dd {float:left;margin:0 20px 0 5px}
#sqa dd img {position:relative;top:-2px}

.sqa_section {float:left;width:630px}
.sqa_section .sqa_con {padding:10px;background:#fff;line-height:1.7em}
.sqa_section p {padding:0;width:100%;height:20px;overflow:hidden}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn {margin:5px 0 0;text-align:right}
.sqa_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}

/* 커스텀 참스쿨 상품 목록 현재 위치 */
.sct_wrap {margin-bottom:40px}

/* 커스텀 참스쿨 상품 목록 현재 위치 */
#sct_location::before {display:block;content:"";margin-top:40px}
#sct_location {position:relative;width:1320px;height:20px;line-height:20px;text-align:right;margin:0 auto;background:#fff}
#sct_location a {color:#aaa;display:inline-block;text-decoration:none;letter-spacing:0 !important}
.sct_bg {padding-right:14px !important;background:url(img/arrow_right.png) right 0 no-repeat;background-size:14px}

/* 커스텀 참스쿨 상품 카테고리 타이틀 */
#sct_sortlst::after {display:block;clear:both;content:""}

/* 학술 - 전체 - 타이틀 영역 */
.major_tit {display:flex;justify-content:space-between;height:35px;line-height:35px;margin:20px auto;width:1320px}
/* 학술 - 전체 - ETC or OTC 타이틀 */
.major_tit h2 {font-size:24px;font-weight:bold}
/* 학술 - 전체 - 더보기 버튼 */
.major_tit .more_lect {margin:0;font-size:15px;color:#aaaaaa}

/* 커스텀 참스쿨 상품 목록 페이지 레이아웃 */
.item_content {width:1320px;position:relative;margin-bottom:40px;min-height:400px}

/* 커스텀 참스쿨 상품(강의) 리스트 페이지 */
.sct_ct {width:1320px}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct ul.list_tab_menu {list-style:none;zoom:1;margin-top:20px;width:100%;line-height:50px;height:50px;display:inline-flex;justify-content:space-between;text-align:center}
.sct_ct ul.list_tab_menu li {flex:1;cursor:pointer}
.sct_ct ul.list_tab_menu li:not(:last-child) a {border-right:none}
.sct_ct ul.list_tab_menu li a {display:block;font-size:16px;color:#1f2937;box-sizing:content-box;border-radius:5px 5px 0 0;border-top:1px solid #dce2e6;border-left:1px solid #dce2e6;border-right:1px solid #dce2e6;border-bottom:1px solid #00569f;font-weight:500}
.sct_ct ul.list_tab_menu li a.sct_ct_here {border-left:1px solid #00569f !important;border-right:1px solid #00569f !important;border-top:1px solid #00569f !important;border-bottom:none !important;color:#00569f !important;font-weight:600 !important}
.sct_ct ul.list:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}

/* 커스텀 참스쿨 상품(강의) 리스트 3depth */
.list_cate_depth03 {display:flex;justify-content:center;margin-top:33px;height:30px;line-height:30px}
.list_cate_depth03 li {margin:0 32px 0 0}
.list_cate_depth03 li:last-child {margin-right:0}
.list_cate_depth03 li a {font-weight:500;display:block;padding-bottom:2px}
.list_cate_depth03 li:hover a {color:#00abd4;border-bottom:1px solid #00abd4}

/* 커스텀 참스쿨 상품(강의) 리스트 위시리스트 */
.zzim.heart {position:absolute;z-index:1;left:15px;top:15px;background:#fff;border-radius:50%;padding:8px;box-shadow:0px 3px 10px rgba(0, 0, 0, 0.1)}
.zzim.heart i {cursor:pointer;font-size:30px;color:#ddd;display:block}
.zzim.heart i.active {color:#ff5643}

.sct.sct_50 .sct_li:hover .zzim.heart {visibility:visible;opacity:1}
.sct.sct_50 .zzim.heart {visibility:hidden;opacity:0;transition:all 0.2s}
.sct.sct_50 .zzim.heart i.active {display:block}
.sct.sct_50 .zzim.heart.on {visibility:visible;opacity:1}

.sct.sct_60 .sct_li:hover .zzim.heart {visibility:visible;opacity:1}
.sct.sct_60 .zzim.heart {visibility:hidden;opacity:0;transition:all 0.2s}
.sct.sct_60 .zzim.heart i.active {display:block}
.sct.sct_60 .zzim.heart.on {visibility:visible;opacity:1}

/*커스텀 참스쿨강의 상세페이지 공통 css*/
#sit {width:1320px;margin:0 auto}

/* 강의 상세페이지 레이아웃 */
.goods_contents {width:1320px}

/* 강의 상세페이지 썸네일 영역 */
.goods_contents .goods_thumbnail_area {width:1320px;height:400px;position:relative;background:#fffcf4}

/* 썸네일 텍스트 영역 */
.goods_txt_wrap {position:absolute;top:128px;left:60px;color:#1f2937;width:564px;height:206px;overflow:hidden}

/* 썸네일 텍스트 1번 서브 */
.goods_txt_wrap .goods_txt01 {font-size:20px;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;word-break:normal}

/*썸네일 텍스트 2번 메인 */
.goods_txt_wrap .goods_txt02 {font-size:36px;font-weight:bold}

.thumbnail_video_area {position:absolute;top:65px;right:156px}

/* 썸네일 백그라운드 이미지 */
.goods_contents .goods_thumbnail_area img {width:100%;height:100%}

/* 강의 해시태그 */
.goods_thumbnail_cont .search_many {position:absolute;bottom:25px;left:20px}
.goods_thumbnail_cont .search_many ul {display:flex}
.goods_thumbnail_cont .search_many ul li {background:#fff;padding:5px 11px;border-radius:30px;margin-right:10px}
.goods_thumbnail_cont .search_many ul li a {color:#303538;font-weight:300}

/* 커스텀 참스쿨 강의 상세페이지 탭메뉴 영역*/
.goods_contents .tab_zone {width:1320px;height:50px;line-height:50px;text-align:center;margin:50px 0 40px;background:#fff}
.goods_contents .tab_zone ul {display:flex}
.goods_contents .tab_zone ul li {flex:1;box-sizing:content-box;background:#fff;border-radius:5px 5px 0 0;border-top:1px solid #dce2e6;border-left:1px solid #dce2e6;border-right:1px solid #dce2e6;border-bottom:1px solid #00569f}
.goods_contents .tab_zone ul li a {display:block;font-size:16px;color:#1f2937;font-weight:500}
.goods_contents .tab_zone li.li_01 {border-left:1px solid #00569f !important;border-right:1px solid #00569f !important;border-top:1px solid #00569f !important;border-bottom:none !important}
.goods_contents .tab_zone li.li_01 a {color:#00569f !important;font-weight:600 !important}
.tab_zone.js-fix {position:fixed;z-index:100;top:88px;background-color:#fff}

/* 제목 */
.article-area .title {display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1320px;margin:0 auto 20px}
.article-area .title h3 {height:29px;color:var(--black);font-size:24px;font-weight:700}
.article-area .title .more {display:flex;align-items:center;height:29px;padding:5px;color:var(--gray);font-size:15px;box-sizing:border-box}
.article-area .title .desc {display:block;width:100%;margin-top:5px;color:var(--gray);font-size:14px}

/* 필터 */
.filter-area {height:156px;padding:26px 30px 24px;border:1px solid var(--light-gray);border-radius:5px;background:var(--white);box-sizing:border-box}
.filter-area table {width:100%;border-collapse:collapse}
.filter-area tr {height:52px}
.filter-area th {width:80px;color:var(--black);font-weight:600;text-align:left}
.filter-area input[type='text'], .filter-area select {width:calc(100% - 10px);height:38px;padding:0 10px;border:1px solid var(--light-gray);border-radius:5px;color:var(--black);font-size:16px;box-sizing:border-box}
.filter-area .btn-list {overflow:hidden;width:278px;border:1px solid var(--light-gray);border-radius:5px;box-sizing:border-box}
.filter-area .btn-list li {margin:0;border-left:1px solid var(--light-gray)}
.filter-area .btn-list li:first-child {border-left:0}
.filter-area .btn-list li:hover button, .filter-area .btn-list li.on button {background:var(--dark-gray);color:var(--white)}
.filter-area .btn-list li button {border-radius:0;color:var(--black);font-size:16px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s}
.filter-area .date {display:flex;align-items:center;width:358px}
.filter-area .search-btn-list {overflow:hidden;display:flex;width:calc(100% - 10px);border:1px solid var(--light-gray);border-radius:5px;box-sizing:border-box}
.filter-area .search-btn-list li {flex:1;margin:0;border-left:1px solid var(--light-gray)}
.filter-area .search-btn-list li:first-child {border-left:0}
.filter-area .search-btn-list li:hover button, .filter-area .search-btn-list li.on button {background:var(--dark-gray);color:var(--white)}
.filter-area .search-btn-list li button, .filter-area .search-btn-list li a {width:100%;height:38px;border-radius:0;color:var(--black);font-size:16px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s}
.filter-area .date span {padding:0 5px}
.filter-area .btn-default, .filter-area .btn-gray {width:100%;height:38px;border-radius:5px;font-size:16px}

/* 페이지네이션 */
.pagination {display:flex;justify-content:center;margin-top:20px !important}
.pagination li button {display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:50%;cursor:pointer}
.pagination li button svg {color:#666}
.pagination li button span {color:var(--gray);font-size:14px}
.pagination li button.on {background:#00abd4;cursor:default}
.pagination li button.on span {color:var(--white)}

/* 내용 없음 */
.empty {display:flex;justify-content:center;align-items:center;width:100%;height:452px;padding-bottom:40px}
.empty p {font-size:16px}

/* 참스쿨 강의 상세페이지 커리큘럼 */
.article-area {min-height:400px}
.article-area * {margin:0}
.article-area .play-list li a {display:flex;align-items:center;height:44px;padding:10px 0;box-sizing:border-box}
.article-area .play-list li a:hover .ttl {text-decoration:underline}
.article-area .play-list li a span {margin-right:10px;color:var(--gray);font-weight:700}
.article-area .play-list li a svg {color:#00abd4}
.article-area .play-list.on li a span {color:var(--black)}

/* 참스쿨 강의 상세페이지 수강후기 */
.article-area .review-list > li {display:flex;position:relative;padding:20px 0;border-bottom:1px solid var(--light-gray);box-sizing:border-box}
.article-area .review-list > li:first-child {padding-top:10px}
.article-area .review-list li .user {display:flex;flex-direction:column;align-items:center;min-width:132px;margin-right:20px}
.article-area .review-list li .user img {display:block;width:80px;height:80px}
.article-area .review-list li .user p {text-align:center}
.article-area .review-list li .user .nickname {height:19px;color:var(--black);font-size:16px}
.article-area .review-list li .user .date {height:16px;color:var(--gray);font-size:14px}
.article-area .review-list li .detail {display:flex;flex-direction:column;width:100%;padding:0}
.article-area .review-list li .detail .ttl {width:100%;height:19px;margin-bottom:10px;font-size:16px;font-weight:600}
.article-area .review-list li .detail .cont {min-height:35px;margin-bottom:10px;font-size:14px;font-weight:400;color:var(--black);line-height:1.25}
.article-area .review-list li .detail .btn-list {margin-top:auto;justify-content:flex-end}


/* 커스텀 참스쿨 강의 상세페이지 최소 높이 영역  */
.lect_intro_cont {min-height:400px}
.curriculum_cont {min-height:400px}
#sit_use_list {min-height:400px;position:relative}
.sit_empty {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 왼쪽 */
.tit-b-line-black {padding-bottom:15px;border-bottom:1px solid #1f2937} /* 콘텐츠 영역 제목 아래 테두리 공통 css */
.tit-b-line-blue {padding-bottom:15px;border-bottom:1px solid #00abd4}
.title_css {font-size:20px;color:#1f2937;font-weight:bold} /* 콘텐츠 영역 제목 공통 css */

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 강좌/강사 소개 */
.lect_tit {margin-bottom:20px}
.title_bottom_01 {padding-bottom:15px;border-bottom:1px solid #1f2937}
.teacher_intro_cont_txt_area {margin-top:22px}
.teacher_intro_cont_txt_area iframe {margin-bottom:40px}
.teacher_intro_cont_txt_area p {color:#1f2937}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 커리큘럼 */
.curri_num {font-size:14px;color:#00abd4;font-weight:bold}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 교재구매 */
.lect_book_buy_cont_txt_area {margin-top:15px;color:#1f2937}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 수강후기 (학술) */
.lect_use_cont {height:636px}
.lect_use_tit_area {display:flex;justify-content:space-between}
.lect_use_tit_area .lect_use_all_review {display:block;margin:0}

.lect_use_cont_txt_area {display:flex;flex-wrap:wrap;margin-top:28px}
.lect_use_cont_txt_area .lect_review {width:400px;text-align:center;padding-bottom:18px;border-bottom:1px solid #dce2e6}
.lect_use_cont_txt_area .lect_review:nth-child(1), .lect_use_cont_txt_area .lect_review:nth-child(2) {margin-bottom:28px}
.lect_use_cont_txt_area .lect_review:nth-child(1) .review_mid_area, .lect_use_cont_txt_area .lect_review:nth-child(2) .reivew_mid_area .lect_use_cont_txt_area .lect_review:nth-child(odd) {padding-right:40px}
.lect_use_cont_txt_area .lect_review:nth-child(even) {padding-left:40px}

/* 상단 영역 / 아이콘, 닉네임 */
.review_top_area {}
.review_top_area .user_name {font-size:16px;color:#707070}

/* 중간 영역 / 별점, 점수 */
.review_mid_area {padding-top:10px}
.review_mid_area .user_review_score {font-size:30px;font-weight:bold;color:#00569f}
.review_mid_area .user_review_total_score {color:#aaaaaa;font-size:16px}
.review_mid_area .lect_use_star i {color:#f8a700;font-size:30px}

/* 하단 영역 / 리뷰 텍스트 */
.review_bottom_area {padding-top:10px}
.review_bottom_area .review_txt {width:332px;font-size:16px;color:#707070}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 수강후기 (경영) */
.review_wrap {width:880px;margin:0}
.review_wrap #sit_use h2 {margin-bottom:20px}

/* 참스쿨 강의 상세페이지 - 수강후기 리스트 */
.sit_use_li {display:flex;position:relative;padding:20px 0;border-bottom:1px solid #dce2e6}
.sit_use_li .sit_use_review {display:flex;flex-direction:column;align-items:center;min-width:180px;margin:0}
.sit_use_li .sit_use_review img {display:block;width:80px;height:80px}
.sit_use_li .sit_use_review .use_name {color:#707070;font-size:16px}
.sit_use_li .sit_use_con {display:flex;flex-direction:column;width:100%;padding:0 20px;margin:0}
.sit_use_li .sit_use_con .use_star {display:flex;justify-content:center;align-items:center;position:absolute;top:18px;right:20px}
.sit_use_li .sit_use_con .use_star img {display:block;width:100px;height:23px}
/* .sit_use_li .sit_use_con .use_star .user_review_score {color:#00569f;font-size:26px;font-weight:bold}
.sit_use_li .sit_use_con .use_star .user_review_total_score {margin-left:4px;color:#aaa;font-size:16px} */
.sit_use_li .sit_use_con .use_ttl {display:block;width:100%;margin-bottom:10px;font-size:16px;font-weight:800}
.sit_use_li .sit_use_con .use_txt {display:block;width:100%;margin-bottom:10px}
.sit_use_li .sit_use_con .use_btn_list {display:flex;margin:0;margin-top:auto;padding:0}
.sit_use_li .sit_use_con .use_btn_list li {margin:0}
.sit_use_li .sit_use_con .use_btn_list li:first-child {margin-left:auto;margin-right:6px}
.sit_use_li .sit_use_con .use_btn_list li a {display:block;padding:10px 20px;border-radius:5px;border:1px solid #00569f;color:#00569f}

#sit_use_wbtn {margin:20px 0 5px;text-align:right}
#sit_use_wbtn a.btn02 {display:inline-block;padding:10px 20px;border-radius:5px;background:#00569f;border:1px solid #00569f;color:#fff;text-decoration:none;vertical-align:middle} /* 작성하기  버튼*/

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 오른쪽 */
.tab-content-area .info {display:block;position:absolute;top:0;right:0;width:410px;padding:30px 20px 34px;border-radius:5px;background:var(--white);box-sizing:border-box;box-shadow:0 3px 10px var(--light-gray)}
.tab-content-area .info .title td {padding-bottom:30px;border-bottom:1px solid var(--light-gray);box-sizing:border-box}
.tab-content-area .info .desc {width:100%;margin-bottom:5px;color:var(--gray);font-size:15px;line-height:1.2}
.tab-content-area .info .ttl {width:100%;margin-bottom:15px;font-size:24px;font-weight:700;line-height:1.25;box-sizing:border-box}
.tab-content-area .info .alarm {display:flex;align-items:center;width:100%;margin-bottom:5px;color:#00569f;font-weight:700;line-height:1.25}
.tab-content-area .info .alarm i {margin:0}
.tab-content-area .info .alarm svg {width:20px;height:20px;margin-right:3px}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 찜하기, 공유하기 */
.tab-content-area .info .user-action td {position:relative;padding:30px 0 15px}
.tab-content-area .info .btn-list li {flex:1}
.tab-content-area .info .btn-list li button {width:100%;height:40px;border:1px solid var(--light-gray);border-radius:5px;color:var(--black);font-size:16px}
.tab-content-area .info .btn-list li button svg {width:20px;height:20px;margin:0;margin-right:5px}
.tab-content-area .info .btn-list li button.on svg {color:var(--red);fill:var(--red)}

/* 커스텀 참스쿨 강의 상세 페이지 콘텐츠 - 공유하기 레이어 */
.tab-content-area .info .share-layer {display:none;position:absolute;width:100%;right:0;border:1px solid var(--light-gray);background:var(--white);box-sizing:border-box}
.tab-content-area .info .share-layer.on {display:block}
.tab-content-area .info .share-layer .ttl {display:flex;align-items:center;height:35px;margin:0;padding:0 10px;background:#f1f1f1}
.tab-content-area .info .share-layer .ttl h3 {font-size:14px;font-weight:400}
.tab-content-area .info .share-layer .ttl button {width:initial;height:initial;margin-left:auto;border:0}
.tab-content-area .info .share-layer .cont {padding:22px 10px}
.tab-content-area .info .share-layer .cont .list {display:flex;justify-content:center}
.tab-content-area .info .share-layer .cont .list li {flex:0;margin:0;margin-left:0}
.tab-content-area .info .share-layer .cont .list button {display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-left:-1px;border-radius:0}
.tab-content-area .info .share-layer .cont .list button svg {width:24px;height:24px;margin:0;fill:var(--black)}
.tab-content-area .info .share-layer .cont .list button i.kakao {width:28px;height:28px;margin:0;background:url("img/sh_kakao.png") no-repeat center / 100%;font-size:0}
.tab-content-area .info .share-layer .cont .link {display:flex;margin-top:20px}
.tab-content-area .info .share-layer .cont .link input[type='text'] {flex:1;height:32px;padding:0 15px;border:1px solid var(--light-gray);outline:0;box-sizing:border-box}
.tab-content-area .info .share-layer .cont .link button {width:70px;height:32px;border:0;border-radius:0;background:var(--dark-gray);color:var(--white)}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 추천 키워드 */
.tab-content-area .info .user-like td {padding:20px 30px;border-radius:5px;background:#f8f8f8;box-sizing:border-box}
.tab-content-area .info .user-like .list {display:flex;flex-wrap:wrap}
.tab-content-area .info .user-like .list li {display:flex;flex:50%;height:40px;align-items:center;font-size:14px}
.tab-content-area .info .user-like svg {width:20px;height:20px;margin:0;margin-right:5px}
.tab-content-area .info .user-like span {margin:0}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 결제금액 */
.tab-content-area .info .receipt td {padding:15px 0 30px}
.tab-content-area .info .receipt .price {display:flex;justify-content:flex-end;align-items:flex-end;width:100%;height:36px}
.tab-content-area .info .receipt .price del {margin:0;margin-right:10px;color:var(--gray);font-size:16px}
.tab-content-area .info .receipt .price .total-price {margin:0;height:36px;color:var(--black);font-size:16px;font-weight:700}
.tab-content-area .info .receipt .price .total-price strong {color:#00abd4;font-size:35px;font-weight:700}
.tab-content-area .info .receipt .sale {height:20px;margin-top:5px;color:var(--black);text-align:right}
.tab-content-area .info .buy a {display:flex;justify-content:center;align-items:center;width:100%;height:50px;border-radius:5px;background:#00569f;color:var(--white);font-size:16px;font-weight:700;box-sizing:border-box}
.tab-content-area .info .buy a.disabled {background:var(--gray);color:var(--white);cursor:default}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 좋아요, 공유하기 */
.like_share_button {display:flex;height:40px;line-height:40px;font-size:16px;text-align:center;border-top:1px solid #dce2e6;padding-top:30px} /* 강의 좋아요, 공유하기 전체 레이아웃 */
.like_share_button .button_layout {font-size:16px;color:#707070;font-weight:500;border:1px solid #dce2e6;flex:1;border-radius:5px} /* 강의 좋아요, 공유하기 버튼 레이아웃*/
.like_share_button .button_layout i {font-size:20px;vertical-align:middle;margin-right:5px} /* 강의 좋아요, 공유하기의 아이콘 공통 사이즈 */
.like_share_button .lect_like i {color:#ddd}
.like_share_button .lect_like i.active {color:#ff5643}
.like_share_button .lect_share {margin-left:12px}

/* 커스텀 참스쿨 강의 상세페이지 콘텐츠 - 추천 키워드 */
.lect_like_wrap {margin:15px 0;background:#f8f8f8;border-radius:5px;padding:28px 24px}
.lect_like_box {display:flex;flex-wrap:wrap;width:100%;padding-left:14px}
.lect_like_box li {color:#1f2937;font-weight:500;width:49%}
.lect_like_box .lect_like_01 {padding-bottom:23px}
.lect_like_box .va-b {vertical-align:bottom;margin-left:5px}

.before_price {text-decoration:line-through;color:#999;font-size:18px}
.total_price {font-size:35px;font-weight:bold;color:#00abd4} /*가격 */
.total_price_unit {font-size:16px;font-weight:bold;color:#1f2937} /* 원 */

/* 커스텀 참스쿨 상품(강의) 수강신청하기 버튼 */
.lect_form {height:100%}
.lect_buy_button {padding:14px 20px 34px 20px}
#sit_btn_buy {width:370px;height:50px;background:#00569f;color:#fff;border-radius:5px;font-size:16px}

/* 검색 데이터 없을 때 */
.no_data {line-height:400px;text-align:center}