/* 서브 공통 */
/* .sub_area {width:100%; margin-top:50px; } */

/* .sub_area {width:100%; margin-top:143px; } */
.sub_title {width:100%; height:100px; line-height:100px; text-align:center; color:#fff; font-size:2em; font-weight:900; background-size:cover !important;}
#sub_bg01 {background:url("../image/bg/sub_top01.jpg") no-repeat center;}
#sub_bg02 {background:url("../image/bg/sub_top02.jpg") no-repeat center;}
.sub_area article {width:1200px; margin:0 auto; padding:20px 0 20px 0;}

.sub_con {width:100%; min-height:300px; position:relative;}


/* 로그인 - 구분 */
.login_section_ul {width:600px; margin:0 auto; padding-top:50px; display:flex; flex-wrap:wrap; justify-content:center; gap:50px;}
.login_section_ul > li {width:calc((100% - 50px) / 2); text-align:center; border:1px solid #333; padding:50px; border-radius:10px;}
.login_section_ul li span {display:block;}
.login_section_ul li span img {width:100%; height:auto; max-width:149px;}
.login_section_ul li strong {display:block; color:#fff; font-size:1.5em; font-weight:700; margin:10px 0 30px 0;}
.login_section_ul li a {display:inline-block; padding:10px 50px; background:#ff6666; color:#fff; border-radius:10px;}

/* 로그인 */
.login_input {max-width:300px; margin:0 auto;}
.login_input .input_box {width:100%; height:50px; position:relative; margin:0 0 10px 0;}
.login_input .input_box .input_box_head {position:absolute; top:5px; left:0; padding:0 0 0 15px; color:#868686; font-size:0.75em; z-index:15;}
.login_input input {position:absolute;  top:0; left:0; width:100%;  padding:20px 15px 5px 15px; height:50px; line-height:30px; background:#2d2d2f; color:#fff; border:1px solid #2d2d2f; margin:3px 0; border-radius:5px; font-size:0.875em;}
.login_input button {width:100%; padding:0 10px; height:50px; line-height:50px; background:#ff6666; color:#fff; border:0; margin:15px 0 30px 0; border-radius:5px;}
.login_txt {color:#fff; text-align:center; font-size:0.875em; margin-bottom:10px;}
.login_txt p {margin-bottom:15px;}
.login_txt p strong {display:block; color:#fcaf16; font-weight:500; font-size:1.25em;}
.login_txt a {display:inline-block; text-align:center; color:#fff; padding:5px 15px; background:#333; border-radius:5px; margin-top:20px;}

/* 강의 좌측 메뉴 */
#class_menu {position:absolute; top:0; left:0; width:200px;}
#class_menu ul {position:relative; max-width:100%;}
#class_menu a {text-decoration:none; display:block;}

#class_menu .sm_1d {position:relative; width:100%}
#class_menu .sm_1d a {font-size:1.25em; color:#ccc; height:40px; line-height:40px;}
#class_menu .sm_1d a:hover {color:#ff6666;}
#class_menu .sm_1d .sm_2d_wrap {text-align:left; padding-bottom:20px;}
#class_menu .sm_1d .sm_2d_wrap .sm_2d {position:relative;}
#class_menu .sm_1d .sm_2d_wrap .sm_2d a {font-size:1em; color:#999; height:26px; line-height:26px; text-indent:0px; padding:0 0 0 10px;}
#class_menu .sm_1d .sm_2d_wrap .sm_2d a:hover {color:#fff;}

#sm_1d_on {color:#ff6666 !important;}
#sm_2d_on {color:#fab116 !important;}

/* 강의 리스트 */
/* #class_list {width:100%; padding-left:240px;}
.class_list_ul {display:flex; flex-wrap:wrap; justify-content:left; gap:30px;}
.class_list_ul > li {width:calc((100% - 60px) / 3); border-radius:10px;} */

/* 강의 view */
#class_view {width:100%; padding-left:240px;}
.class_view_title {width:100%; padding-bottom:15px; position:relative; height:62px;}
.class_view_title strong {display:block; color:#fff; font-size:1.5em; font-weight:700;}
.class_view_title div {position:absolute; top:35px; bottom:initial; right:0; color:#cc0000; font-size:0.875em;}
.class_view_video video {width:100%; height:auto;}
.class_view_video_notxt {text-align:center; color:#fff; padding:50px 0;}

.class_view_box {width:100%; padding:40px 30px; background:#222; border-radius:10px; margin:30px 0; position:relative;}
.class_view_txt ul {width:100%; overflow:hidden;}
.class_view_txt ul li {margin-right:10px; color:#fcaf16; display:inline-block; vertical-align:top; cursor:pointer;}
.class_view_txt .class_view_txts {display:flex; align-items:center; margin-top:15px;}
.class_view_txt .class_view_txts p {color:#999; font-size:0.875em; width:calc(100% - 380px);}
.class_view_txt .class_view_txts p span {padding:0 10px;}
.class_view_txt .class_view_txts p em {font-style:normal; color:#ff6666;}

.class_view_txt .class_view_txts .class_view_txtr {margin:0; display:flex; align-items:center; justify-content:flex-end; width:380px;}
.class_view_box_state {display:inline-block; color:#fff; height:30px; line-height:28px; padding:0 15px; border-radius:5px; font-size:0.875em; margin-right:20px;}
.class_view_box_btn {display:inline-block;}
.class_view_box_btn a {display:inline-block; height:30px; line-height:30px; background:#000; color:#fff; padding:0 15px; font-size:0.875em; border-radius:5px; margin-left:1px;}
.class_view_box_btn a:hover {background:#fff; color:#000;}

.class_view_review_top {width:100%; position:relative; border-bottom:1px solid #333; padding-bottom:15px; margin-bottom:15px;}
.class_view_review_top strong {color:#fff; font-size:1.25em; font-weight:500;}
.class_view_review_top a {display:inline-block; background:#ff6666; color:#fff; position:absolute; top:-10px;; right:0; height:35px; line-height:35px; border-radius:5px; padding:0 30px;}
.class_view_review_top a:hover {background:#fff; color:#000;}

.class_view_review {width:100%; max-height:500px; overflow-y:auto;}
.class_view_review::-webkit-scrollbar {width:7px; height:7px;}
.class_view_review::-webkit-scrollbar-thumb {background:rgba(255,255,255,0.5); border-radius:50px;}
.class_view_review::-webkit-scrollbar-track {background:rgba(255,255,255,.1);}
.class_view_review_con {width:100%; background:#181810; border-radius:10px; padding:20px 30px; position:relative; margin-top:10px; line-height:1.5;}
.class_view_review_con p {margin-bottom:10px; color:#999; font-size:0.875em;}
.class_view_review_con p span {padding:0 10px;}
.class_view_review_con p span.cvrcTime {color:#666666;}
.class_view_review_con strong {color:#fff; font-size:1em; font-weight:400;}
.class_view_review_con .class_view_review_btn {position:absolute; top:25px; right:30px;}
.class_view_review_btn a {display:inline-block; height:25px; line-height:25px; background:#000; color:#fff; padding:0 15px; border-radius:5px; font-size:0.75em;}
.class_view_review_btn a:hover {background:#fff; color:#000;}




/* sub area */
.sub_area {width:100%; padding:50px 0; position:relative;}
.sub_a800 {width:100%; max-width:800px; margin:0 auto;}
.sub_a1200 {width:100%; max-width:1200px; margin:0 auto;}
.sub_a1400 {width:100%; max-width:1200px; min-height:500px; margin:0 auto; padding:0 0 0 190px; position:relative;}

/* list */
.pro_list_area {width:100%; padding:50px 0 10px 0;}
.pro_list_con {width:100%; max-width:1200px; min-height:500px; margin:0 auto; overflow:hidden;}

/* list menu */
.pro_list_con .pro_list_menu {float:left; width:200px; padding:0 0 0 10px; display:block;}
.pro_list_menu > ul > li {margin:0 0 30px 0; line-height:1; font-weight:500; color:#fff; cursor:pointer;}
.pro_list_menu > ul > li > div {font-size:18px;}
.pro_list_menu > ul > li:hover {color:#ff6666;}
.pro_list_menu > ul > li a {color:#fff; font-size:18px;}
.pro_list_menu > ul > li a:hover {color:#ff6666;}
#pro_list_menu_on {color:#ff6666;}

.pro_list_menu_M {display:none;}

.pro_list_menu_sub {display:none; padding:10px 5px 0 15px;}
.pro_list_menu_sub > li {padding:6px 0; color:#ffffff; font-size:16px; line-height:1.3;}
.pro_list_menu_sub > li:hover {color:#fcaf16;}
#pro_list_menu_sub_on {display:block!important;}
#pro_list_menu_sub1_on {color:#fcaf16;}


/* list 강좌 영역 */
.pro_list_con .pro_lista {float:right; width:calc(100% - 230px); max-width:970px; position:relative;}

.sub_pro_area {width:100%; overflow:hidden;}
.sub_pro_area li {width:33.33333%; float:left; padding:0 7px 30px 7px; cursor:pointer;}
.sub_pro_area li:first-child {padding:0 14px 30px 0;}
.sub_pro_area li:nth-child(3n+1) {padding:0 14px 30px 0;}
.sub_pro_area li:nth-child(3n) {padding:0 0 30px 14px;}
#sub_pro_area_none {margin:0 0 30px 0!important;}
.sub_pro_area_none {margin:0 0 30px 0!important;}
.sub_pro_area .sub_pro_box {width:100%;}
.sub_pro_area .sub_pro_box .sub_pro_box_img {width:100%; height:209px; border-radius:10px 10px 0 0; position:relative; overflow:hidden;}
.sub_pro_area .sub_pro_box .sub_pro_box_img > img {object-fit:cover; width:100%; height:100%;}
.sub_pro_area .sub_pro_box .sub_pro_box_img .sub_pro_box_best_icon {position:absolute; top:6px; right:8px;}
.sub_pro_area .sub_pro_box .sub_pro_box_img .sub_pro_box_best_icon img {height:25px;}
.sub_pro_area .sub_pro_box .sub_pro_box_txt {width:100%;padding:16px; border-radius:0 0 16px 16px; background:#222222;}
.sub_pro_area .sub_pro_box_txt01 {border-bottom:1px solid #323232; padding-bottom:10px; position:relative;}
.sub_pro_area .sub_pro_box_txt01 span {display:block; font-size:12px; color:#ff9999; padding-bottom:1px; height:19px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sub_pro_area .sub_pro_box_txt01 strong {display:block; font-size:17px; color:#fff; font-weight:500; line-height:25px; height:50px;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden;}
.sub_pro_area .sub_pro_box_txt01 div.cat0 {position:absolute; top:0; right:0; font-size:12px; color:#868686;}
.sub_pro_area .sub_pro_box_txt02 {font-size:12px; color:#868686; margin:12px 0; width:100%;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; line-height:17px; height:34px;}
.sub_pro_area .sub_pro_box_icon {width:100%; height:24px; color:#999999; font-size:13px;}
.sub_pro_area .sub_pro_box_icon span {display:inline-block; width:calc(30% - 7px); max-width:60px; height:25px; font-size:12px; line-height:22px; color:#fff; text-align:center; border-radius:5px; margin:0 2px;}
.sub_pro_area .sub_pro_box_icon01 {background:#331577;}
.sub_pro_area .sub_pro_box_icon02 {background:#45454b;}
.sub_pro_area .sub_pro_box_opt {width:100%; position:relative; color:#ffffff; padding:20px 0; font-size: 11px; height:88px;}
.sub_pro_area .sub_pro_box_opt .spbo0 {position:absolute; top:5px; left:0; font-size:15px;}
.sub_pro_area .sub_pro_box_opt .spbo1 {position:absolute; top:0; right:0; font-size:22px;}
.sub_pro_area .sub_pro_box_opt .red {color:#ff0000;}
.sub_pro_area .sub_pro_box_btn {width:100%; color:#ffffff; padding:0;}
.sub_pro_area .sub_pro_box_btn div {text-align:center; padding:10px 0; border:0; border-radius:5px; cursor:pointer;}
.sub_pro_area .sub_pro_box_btn .spbbApply {font-size:16px; background:#331577; }
.sub_pro_area .sub_pro_box_btn .spbbClose {font-size:16px; background:#45454b;}
.sub_pro_area .sub_pro_box_btn .spbbOpen {font-size:16px; background:#331577; }

.sub_pro_area1 {width:100%; overflow:hidden;}
.sub_pro_area1 li {width:100%!important; float:left; padding:0; cursor:pointer;}
.sub_pro_area1 li:first-child {padding:0;}
.sub_pro_area1 li:nth-child(3n+1) {padding:0;}
.sub_pro_area1 li:nth-child(3n) {padding:0;margin:0;}
#sub_pro_area_none {margin:0 0 30px 0!important;}
.sub_pro_area1 .sub_pro_area_none {margin:0!important;}
.sub_pro_area1 .sub_pro_box {width:100%; display:flex; border-bottom:1px solid #444444;}
.sub_pro_area1 .sub_pro_box .sub_pro_box_img {width:175px; border-radius:0; position:relative; overflow:hidden;}
.sub_pro_area1 .sub_pro_box .sub_pro_box_img > img {object-fit:cover; width:100%; height:100%;}
.sub_pro_area1 .sub_pro_box .sub_pro_box_img .sub_pro_box_best_icon {position:absolute; top:6px; right:8px;}
.sub_pro_area1 .sub_pro_box .sub_pro_box_img .sub_pro_box_best_icon img {height:25px;}
.sub_pro_area1 .sub_pro_box .sub_pro_box_txt {width:calc(100% - 175px); display:flex; padding:0 16px; border-radius:0; background:#222222;}
.sub_pro_area1 .sub_pro_box .sub_pro_box_txt > .class_list_box_txt01 {padding: 15px 10px; margin: 0 10px 0 0; position: relative; width: 420px; display: flex; align-items: center; justify-content:flex-end;}
.sub_pro_area1 .sub_pro_box .sub_pro_box_txt > .class_list_box_txt01 > .class_list_box_btn {position:initial; margin:0 0 0 10px;}
.sub_pro_area1 .sub_pro_box_txt01 {border-bottom:0 solid #323232; padding:10px 10px 10px 0; position:relative; width:calc(100% - 400px);}
.sub_pro_area1 .sub_pro_box_txt01 span {display:block; font-size:12px; color:#ff9999; padding-bottom:1px; height:19px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sub_pro_area1 .sub_pro_box_txt01 strong {display:block; font-size:17px; color:#fff; font-weight:500; line-height:25px; height:50px;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden;}
.sub_pro_area1 .sub_pro_box_txt01 div.cat0 {position:absolute; top:0; right:0; font-size:12px; color:#868686;}
.sub_pro_area1 .sub_pro_box_txt02 {font-size:12px; color:#868686; margin:12px 0; width:100%;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; line-height:17px; height:34px;}
.sub_pro_area1 .sub_pro_box_icon {width:200px; padding:10px; line-height:1.5; color:#999999; font-size:15px; height: calc(100% - 30px);}
.sub_pro_area1 .sub_pro_box_icon span {display:inline-block; width:calc(30% - 7px); max-width:60px; height:25px; font-size:12px; line-height:22px; color:#fff; text-align:center; border-radius:5px; margin:0 2px;}
.sub_pro_area1 .sub_pro_box_icon01 {background:#331577;}
.sub_pro_area1 .sub_pro_box_icon02 {background:#45454b;}
.sub_pro_area1 .sub_pro_box_opt {width:100%; position:relative; color:#ffffff; padding:20px 0; font-size: 11px; height:88px;}
.sub_pro_area1 .sub_pro_box_opt .spbo0 {position:absolute; top:5px; left:0; font-size:15px;}
.sub_pro_area1 .sub_pro_box_opt .spbo1 {position:absolute; top:0; right:0; font-size:22px;}
.sub_pro_area1 .sub_pro_box_opt .red {color:#ff0000;}
.sub_pro_area1 .sub_pro_box_btn {width:100%; color:#ffffff; padding:0;}
.sub_pro_area1 .sub_pro_box_btn div {text-align:center; padding:10px 0; border:0; border-radius:5px; cursor:pointer;}
.sub_pro_area1 .sub_pro_box_btn .spbbApply {font-size:16px; background:#331577; }
.sub_pro_area1 .sub_pro_box_btn .spbbClose {font-size:16px; background:#45454b;}
.sub_pro_area1 .sub_pro_box_btn .spbbOpen {font-size:16px; background:#331577; }

/* view top */
.pro_view {width:100%; max-width:1120px; margin:0 auto; padding:50px 0;}
.pro_view_top {width:100%; overflow:hidden; margin:0 0 50px 0;}
.pro_view_top .pro_view_top_img {float:left; width:574px; margin:0 64px 0 0; position:relative}
.pro_view_top .pro_view_top_img img {width:100%; max-width:574px;} /* height:415px; */
.pro_view_top .pro_view_top_txt {float:right; width:calc(100% - 638px); min-height:390px; padding: 0 0 70px 0;}
.pro_view_top01 {padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px solid #333;}
.pro_view_top_title {font-size:26px; color:#fff; line-height:1.6; font-weight:500; margin:0 0 5px 0;}
.pro_view_top_basic {color:#fff; line-height:1.6; font-size:16px;}
.pro_view_top_item {color:#bebebe; font-size:16px; }
.pro_view_top_item p {margin:0 0 5px 0;}
.pro_view_top_item p span {padding:0 15px 0 0;}
.pro_view_top_amount {color:#bebebe; font-size:16px;}
.pro_view_top_amount span {padding:0 15px 0 0; vertical-align:top;}
.pro_view_top_amount strong {font-size:26px; font-weight:700; color:#fff; line-height:1; }
.pro_view_top_amount p {display:inline-block; position:relative; padding-left:50px; margin-left:10px;}
.pro_view_top_amount p em {display:inline-block; width:40px; height:20px; line-height:20px; font-size:10px; color:#fff; background:#5239ad; font-style:normal; border-radius:5px; text-align:center; margin-bottom:5px; position:absolute; top:0; left:0;}
.pro_view_top_amount p u {text-decoration:line-through}
.pro_view_top_btn {width:100%; display:block; position:absolute; bottom:0; left:0;}
.pro_view_top_btn a {display:block; padding:10px; color:#fff; font-size:1.25em; text-align:center; height:50px;}
.pro_view_top_btn a:first-child {float:left; width:55%; max-width:272px; background:#331674; margin:0 10px 0 0;}
.pro_view_top_btn a:last-child {float:right; width:41%; max-width:200px; background:#333}
.pro_view_top_btn a.closedItem {width:100%!important; max-width:100%; background:#333; margin:0;}
.pro_view_top_btn a.readyProd {float:left!important; width:100%!important; max-width:100%!important; background:#333}

/* view contents */
.pro_view_con {width:100%; background:#fff; padding:60px 0; position:relative}
.pro_view_con .pro_view_guide_btn {position:absolute; top:20px; right:65px; font-size:14px; font-weight:500;}
.pro_view_con .pro_view_guide_btn a {display:inline-block; color:#8f8f8f; position:relative;}
.pro_view_con .pro_view_guide_btn a:after {content:""; width:100%; height:1px; background:#c7c7c7; display:block; position:absolute; bottom:-3px;}
.pro_view_cona {margin:0 60px;}

.pro_view_menu {width:100%; max-width:1120px; padding:20px 60px; overflow:hidden; border-bottom:1px solid #e8e8e8; position:sticky; top:101px; background-color:#ffffff;}
.pro_view_menu li {float:left; width:calc(20% - 18px); margin-right:22px; height:50px; line-height:50px; text-align:center; background:#f2f2f2; color:#666; border-radius:5px; font-size:16px; cursor:pointer;}
.pro_view_menu li:last-child {margin:0;}
.pro_view_menu_on {background:#5239ad!important; color:#fff!important; font-weight:400!important;}

.pro_view_con_txt {padding:80px 10px; margin-bottom:20px; border-bottom:1px solid #e8e8e8;}
.pro_view_con_txtb {padding:80px 10px;}
.viewP {display:block;}
.viewM {display:none;}

.pro_view_con_txt img {max-width:100%;}
.pro_view_con_txtb img {max-width:100%;}

.pro_view_guide {padding:80px 10px; line-height:1.4;}
.pro_view_guide strong {display:block; margin-bottom:30px; font-size:18px; color:#8f8f8f; font-weight:500;}
.pro_view_guide b {display:block; margin-bottom:30px; font-size:18px; color:#8f8f8f; font-weight:500;}
.pro_view_guide p {font-size:16px; color:#565656;}


/* 강의 리스트 */
#class_list {width:100%; min-height:100px; color:#ffffff; padding:0 0 30px 0;}
.class_list_ul {display:flex; flex-wrap:wrap; justify-content:left; gap:30px;}
.class_list_ul > li {width:calc((100% - 60px) / 3); border-radius:10px;}


/* 나의 강의실 */
.class_list_title01 {color:#fff; font-size:1.5em; font-weight:700; margin-bottom:15px; }
.class_list_table01 {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #fff; color:#fff; text-align:center;}
.class_list_table01 * {color:#ffffff;}
.class_list_table01 th {padding:15px 5px; border-bottom:1px solid #3c3e3d; border-right:1px solid #3c3e3d; font-size:1.1em; font-weight:500; background:#222; text-align:center;}
.class_list_table01 th:last-child {border-right:0;}
.class_list_table01 td {padding:5px; border-bottom:1px solid #3c3e3d; border-right:1px solid #3c3e3d; line-height:1.5;}
.class_list_table01 td:last-child {border-right:0;}
.class_list_table01 td .fcolor_red {color:#ff6666;}
.class_list_table01 td .fcolor_white {color:#fff;}
.class_list_table01 td .fcolor_blue {color:#ac8cfe;}
.class_list_table01 td .fcolor_orange {color:#fcaf16;}
.class_list_table01 td.left {text-align:left;}
.class_list_table01 td.rvname span {font-size:13px; color:#888888;}

.cl_btn_class {font-size:0.875em; color:#000; display:inline-block; background:#fcaf16; padding:5px 20px; border-radius:5px;}
.cl_btn_class:hover {background:#ff6666; color:#fff;}
.cl_btn_class_x {font-size:0.875em; color:#000; display:inline-block; background:#fc7616; padding:5px 8px; border-radius:5px;}
.cl_btn_class_x:hover {background:#ff6666; color:#fff;}
.cl_btn_delete {font-size:0.875em; color:#fff; display:inline-block; background:#cc0000; padding:5px 20px; border-radius:5px;}
.cl_btn_delete:hover {background:#ff6666; color:#fff;}

.class_list_table_t05 {width:5%;}
.class_list_table_t10 {width:10%;}
.class_list_table_t15 {width:15%;}
.class_list_table_t55 {width:55%;}

.fcolor_red {color:#ff6666;}
.fcolor_white {color:#fff;}
.fcolor_blue {color:#ac8cfe;}
.fcolor_orange {color:#fcaf16;}
.my_btn_class {font-size:0.875em; color:#000; display:inline-block; background:#fcaf16; padding:5px 20px; border-radius:5px; font-weight:500; cursor:pointer;}
.my_btn_class:hover {background:#ff6666; color:#fff;}

/* 팝업 */
.popup-wrap {background-color:rgba(0,0,0,0.8); justify-content:center; align-items:center; position:fixed; top:0; left:0; right:0; bottom:0; display:none; padding:15px; z-index:99999999;}
.popup {width:100%; max-width:1200px; border-radius:5px; overflow:hidden; box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);}
.popup-head {width:100%; height:50px; line-height:50px; text-align:center; color:#000; font-size:1.5em; background:#fcaf16; font-weight:700;}
.body-content {width:100%; padding:0; background-color:#fff; padding:30px;}
.popup-foot {width:100%; height:40px; line-height:40px; color:#000; text-align:center; font-size:1em; cursor:pointer; background:#fcaf16;}

.my_top {background:#f2f2f2; padding:20px; margin-bottom:30px;}
.my_top_title {font-size:1.5em; font-weight:700; text-align:center;}
.my_top_txt {margin-top:10px; font-size:1.15em; text-align:center;}

.my_title {font-size:1.5em; font-weight:700;}
.my_txt {padding:10px 0;}
.my_txt p {font-size:0.875em; padding:1px 0 1px 13px; position:relative;}
.my_txt p:after {content:"・"; display:block; position:absolute; left:0; top:0;}
.my_txt p span {color:#cc0000;}

.class_my_table01 {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #fff; color:#000; text-align:center;}
.class_my_table01 th {padding:10px; border-bottom:1px solid #3c3e3d; border-right:1px solid #3c3e3d; font-size:1em; font-weight:500; background:#222; color:#fff;}
.class_my_table01 th:last-child {border-right:0;}
.class_my_table01 td {padding:10px; border-bottom:1px solid #3c3e3d; border-right:1px solid #3c3e3d;}
.class_my_table01 td:last-child {border-right:0;}
.class_my_table01 td .fcolor_red {color:#ff6666;}
.class_my_table01 td .fcolor_white {color:#fff;}
.class_my_table01 td .fcolor_blue {color:#ac8cfe;}
.class_my_table01 td .fcolor_orange {color:#fcaf16;}
.my_btn_class {font-size:0.875em; color:#000; display:inline-block; background:#fcaf16; padding:5px 20px; border-radius:5px; font-weight:500;}
.my_btn_class:hover {background:#ff6666; color:#fff;}


/* 개인정보 */
.privacy_txt {margin-bottom:30px;}
.privacy_area {font-size:0.875em; padding:20px; line-height:1.6; height:50vh; box-sizing: border-box; overflow-y: auto; background:#f8f8f8;}
.privacy_table01 {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.privacy_table01 th, .privacy_table01 td {width:33.333333%; padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.privacy_table01 th {background:#f2f2f2;}

.privacy_table02 {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.privacy_table02 th, .privacy_table02 td {width:25%; padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;}
.privacy_table02 th {background:#f2f2f2;}

.privacy_radio {margin-top:20px; text-align:center; font-size:0.875em;}
.privacy_radio span {padding:0 10px;}


/* 긴급지원 */
.call_center_bg {width:100%; height:350px; font-weight:900; background-size:cover !important; background:url("../image/callcenter_bg.jpg") no-repeat center; border-radius:10px; padding:100px 0 0 50px; color:#fff; text-shadow: 1px 1px 1px black; margin-bottom:30px;}
.call_center_bg p {font-size:2em; margin-bottom:10px;}
.call_center_bg strong {display:block; font-size:3em;}
.call_center_txt {color:#fff; line-height:1.6;}
.call_center_txt strong {display:block; font-size:1.25em; font-weight:500;}
.call_center_txt span {display:block; margin-bottom:10px;}
.call_center_txt p {position:relative; padding-left:15px;}
.call_center_txt p:after {content:"・"; display:block; position:absolute; left:0; top:-2px;}

@media screen and (max-width:1000px) {
    /* list 강좌 영역 */
	.sub_pro_area {width:100%; overflow:hidden;}
	.sub_pro_area li {width:50%; float:left; padding:0 7px 30px 7px;}
	.sub_pro_area li:first-child {padding:0 14px 30px 0;}
	.sub_pro_area li:nth-child(2n+1) {padding:0 14px 30px 0;}
	.sub_pro_area li:nth-child(2n) {padding:0 0 30px 0;}
	#sub_pro_area_none {margin:0!important;}
	.sub_pro_area_none {margin:0!important;}

	.sub_pro_area1 {width:100%; overflow:hidden;}
	.sub_pro_area1 li {width:100%!important; float:left; padding:0; cursor:pointer;}
	.sub_pro_area1 li:first-child {padding:0;}
	.sub_pro_area1 li:nth-child(2n+1) {padding:0;}
	.sub_pro_area1 li:nth-child(2n) {padding:0;margin:0;}
}

@media screen and (max-width:900px) {
	.sub_area {width:100%; padding:0 0 50px 0; position:relative;}

    /* list 강좌 영역 */
	.pro_list_con .pro_lista {float:none; width:100%; margin:30px 0;}
	.sub_pro_area {width:100%; overflow:hidden; padding:0 10px;}
	.sub_pro_area li {width:50%; float:left; padding:0 7px 30px 7px;}
	.sub_pro_area li:first-child {padding:0 14px 30px 0;}
	.sub_pro_area li:nth-child(2n+1) {padding:0 14px 30px 0;}
	.sub_pro_area li:nth-child(2n) {padding:0 0 30px 0;}
	#sub_pro_area_none {margin:0!important;}
	.sub_pro_area_none {margin:0!important;}

	.sub_pro_area1 {width:100%; overflow:hidden;}
	.sub_pro_area1 li {width:100%!important; float:left; padding:0; cursor:pointer;}
	.sub_pro_area1 li:first-child {padding:0;}
	.sub_pro_area1 li:nth-child(2n+1) {padding:0;}
	.sub_pro_area1 li:nth-child(2n) {padding:0;margin:0;}

	/* list menu */
	.pro_list_con .pro_list_menu {float:none; width:100%; display:block; padding:15px 0 !important; border-bottom: 1px solid #333333;}
	.pro_list_menu ul li {margin:5px; font-size:16px; line-height:1; font-weight:500; color:#fff; border:0 solid #666666; display:inline-block; cursor:pointer; padding:7px;}
	.pro_list_menu ul li:hover {color:#ff6666;}
	.pro_list_menu ul li a {color:#fff; font-size:18px;}
	.pro_list_menu ul li a:hover {color:#ff6666;}
	#pro_list_menu_on {color:#ff6666;}

	.pro_list_menu_M {display:none;}

	#pro_list_menu_sub_on {display:none!important;}

	/* 강의 view */
	#class_view {width:100%; padding:50px 10px 0 10px;}
	.class_view_box {width:100%; padding:20px 10px; background:#222; border-radius:10px; margin:30px 0; position:relative;}
	.class_view_txt ul {width:100%; overflow:hidden;}
	.class_view_txt ul li {margin-right:10px; color:#fcaf16; display:inline-block; vertical-align:top; cursor:pointer;}
	.class_view_txt .class_view_txts {display:flex; align-items:center; margin-top:15px;flex-direction: column;}
	.class_view_txt .class_view_txts p {color:#999; font-size:0.875em; width:100%;}
	.class_view_txt .class_view_txts p span {padding:0 10px;}
	.class_view_txt .class_view_txts p em {font-style:normal; color:#ff6666;}

	.class_view_txt .class_view_txts .class_view_txtr {margin:15px 0 0 0; display:flex; align-items:center; justify-content:flex-end; width:100%;}

	.class_view_review_con {width:100%; background:#181810; border-radius:10px; padding:20px 15px; position:relative; margin-top:10px; line-height:1.5;}

	/* 긴급지원 */
	.call_center_bg {height:200px; border-radius:10px; padding:50px 0 0 20px; margin-bottom:20px;}
	.call_center_bg p {font-size:1.5em; margin-bottom:5px;}
	.call_center_bg strong {font-size:2em;}
	.call_center_txt strong {font-size:1.1em;}
	.call_center_txt span {margin-bottom:10px; font-size:0.875em;}
	.call_center_txt p {padding-left:15px; font-size:0.875em;}
}

@media screen and (max-width:500px) {
	/* list 강좌 영역 */
	.pro_list_con .pro_lista {float:none; width:calc(100% - 20px); margin:50px 10px 0 10px;}
	.sub_pro_area {width:100%; overflow:hidden; padding:0;}
	.sub_pro_area li {width:100%; float:none; padding:0 7px 30px 7px;}
	.sub_pro_area li:first-child {padding:0 14px 30px 0;}
	.sub_pro_area li:nth-child(2n+1) {padding:0 0 30px 0;}
	.sub_pro_area li:nth-child(2n) {padding:0 0 30px 0;}
	#sub_pro_area_none {margin:0!important;}
	.sub_pro_area_none {margin:0!important;}

	.sub_pro_area1 {width:100%; overflow:hidden;}
	.sub_pro_area1 li {width:100%!important; float:left; padding:0; cursor:pointer;}
	.sub_pro_area1 li:first-child {padding:0;}
	.sub_pro_area1 li:nth-child(2n+1) {padding:0;}
	.sub_pro_area1 li:nth-child(2n) {padding:0;margin:0;}

	/* 강의 view */
	#class_view {width:100%; padding:30px 0 0 0;}
	.class_view_title {width:100%; padding:0 10px 25px 10px; position:relative; height:initial;}
	.class_view_title div {position:absolute; top:initial; bottom:5px; right:10px; color:#cc0000; font-size:0.875em;}
	.class_view_box {width:calc(100% - 20px); padding:20px 10px; background:#222; border-radius:10px; margin:30px 10px; position:relative;}
	.class_view_txt ul {width:100%; overflow:hidden;}
	.class_view_txt ul li {margin-right:10px; color:#fcaf16; display:inline-block; vertical-align:top; cursor:pointer;}
	.class_view_txt .class_view_txts {display:flex; align-items:center; margin-top:15px;flex-direction: column;}
	.class_view_txt .class_view_txts p {color:#999; font-size:0.875em; width:100%;}
	.class_view_txt .class_view_txts p span {padding:0 10px;}
	.class_view_txt .class_view_txts p em {font-style:normal; color:#ff6666;}

	.class_view_txt .class_view_txts .class_view_txtr {margin:15px 0 0 0; display:flex; align-items:center; justify-content:flex-end; width:100%;}

	.class_view_review_con {width:100%; background:#181810; border-radius:10px; padding:20px 15px; position:relative; margin-top:10px; line-height:1.5;}
}