/* 회원가입 약관 동의 모달 팝업*/
.join-con-wrap a {color:var(--primary-dark); text-decoration:underline;}
.modal_join_popup .modal_container {max-width:1000px;}
.modal_join_popup .modal_content {height:300px !important;}

/* 회원가입 */
.join_wrap {padding-bottom:20px; max-width:580px;
	.text_01 div, .text_02 div {line-height:130%;}
	.text_01 li, .text_02 li {line-height:130%;}
	.text_01 table th, .text_02 table th, .text_03 table th {background:#f7f7f7; font-size:14px; font-weight:500; text-align:center;}
	.text_01 table td, .text_02 table td, .text_03 table td {padding:8px; font-size:14px; line-height:100%; text-align:center;}
	.usr_join_area {display:flex; flex-flow:row wrap;}
	.usr_join_area li {width:100%;}
	.usr_join_area .usrjoin_share_03 {flex:1 0 45%;}
	.radio_content label {padding:8px; margin-right:8px;}
}
/* 교육과정 안내 수신 여부 */
.join-style-box01 {flex-flow:row wrap;}
.join-style-box01 > label {flex:30%;}
@media screen and (max-width: 1200px) {
	.info_in ul li select {margin:0 !important; padding:10px 30px 10px 10px; width:100%;}
	.usrjoin_share_01 > div, .usrjoin_share_02 > div {display:flex; flex-flow:column nowrap;}
	.join-style-box01 > label {flex:40%;}
}
/* 시군구 주소 선택 */
/*회원가입 라디오 버튼 */
@media screen and (max-width: 1200px) {
	.usr_join_area .join_addr {flex-direction:column; align-items:start;}
}
label.box_radio_area {position:relative; display:inline-flex; flex-flow:row nowrap; align-items:flex-start; justify-content:flex-start; gap:var(--spacing-unit); cursor:pointer;
						padding:16px; border:1px solid #e0e0e0; border-radius:5px;}
/* 회원가입 하단 캡챠 안내 */
.captcha-box {margin:0 auto; margin-top:30px; padding:8px; width:fit-content; display:flex; align-items:center; justify-content:center; box-sizing:border-box; background:var(--border-light); border:1px solid var(--border); border-radius:4px; font-size:13px;
	span {color:var(--primary-dark);}
	a {color:var(--primary-dark); text-decoration:underline;}
}

/* 로그인 */
.login_box {
	.login_tab_menu {max-width:580px;}
	.login_box_inner .auth_box_inner_inner {max-width:580px;}
}
/* 아이디 비번찾기 */
.idpw_wrap {
	.login_tab_menu {max-width:580px;}
	.idpw {max-width:580px;}
	.login_box_inner_inner .jinbutton_wrap > button.search {color:#ffffff; background:#446cf9; border:1px solid #446cf9;}
}
/* 비밀번호입력 */
.join-con-wrap .info_in_ed .buttonWrap {margin-top:16px; padding:0;}
/* 내정보수정 */
.usr_edit_area {max-width:580px;
	.info_in ul li .radio_multi_area .radio_content {margin:0;}
	.buttonWrap {padding:16px 0;}
}
.usredit_list_area {display:flex; flex-flow:row wrap;}
.usredit_list_area li {width:100%;}
.resign_area button {margin-top:16px; padding:8px 12px; border:1px solid #e0e0e0; border-radius:4px;}
@media screen and (max-width: 1200px) {
	.usredit_share_01 div, .usredit_share_03 div {flex-flow:column;}
}
/* 아이디 비번 찾기 */
.id_res {margin-top:20px; width:100%; max-width:580px; border-radius:8px;}
.id_res .notfnd_wrp {margin-top:8px;}
.id_res .titBox::after {height:0;}
.id_res .res_box p {line-height:130%;}
.id_res .buttonWrap {padding:16px 0; width:100%; flex-flow:row nowrap; box-sizing:border-box;
	button {padding:16px; width:100%; font-size:16px; border-radius:8px; box-sizing:border-box;}
	button.re {border:1px solid #e0e0e0; color:#464646;}
	button.login {border:1px solid #e0e0e0; background:var(--primary-dark); color:#fff;}
	button:hover {font-weight:500;}
}
@media screen and (max-width: 1200px) {
	.id_res .buttonWrap {padding-bottom:0; flex-flow:column nowrap;}
}


/* 이용약관 */
.term_area iframe {padding:8px; width:100%; min-height:400px; border:1px solid #e0e0e0; box-sizing:border-box;}


/* 고객 지원센터 a 태그*/
.m_boardList li a:hover {text-decoration:underline;}

/* 게시판 검색 */
.bbs-search-area {position:relative; margin-bottom:40px; width:100%;}
.bbs-search-area .table_row {padding:16px; display:flex; align-items:stretch; gap:16px; background:var(--border-light); border:1px solid var(--border); border-radius:8px;
	ul {width:100%; display:flex; align-items:stretch; flex-flow:row wrap; gap:16px; box-sizing:border-box;}
	ul li {flex:calc(50% - 8px) 1 0; display:flex; align-items:center; gap:8px;}
	ul li.full-grid {grid-column:1 / -1;}
	ul li label {flex:40px 0 0; font-size:15px;}
	ul li .con {flex:1;}
	ul li .con input {width:100%; padding:8px; background:#fff; border-radius:4px; box-sizing:border-box;}
	ul li .con select {padding:8px; width:100%; border:none; border-radius:4px;}
	.round_btn {flex:60px 0 0;}
	.round_btn button {padding:8px 12px 6px 12px; width:100%; height:100%; border-radius:8px; box-sizing:border-box;}
}
@media screen and (max-width: 1200px) {
	.bbs-search-area {margin:16px 0; padding:0 16px; box-sizing:border-box;}
	.bbs-search-area .table_row {flex-direction:column; padding:8px; gap:8px; background:#fff; border:none;
		ul {gap:8px;}
		ul li {flex:100% 0 0;}
		ul li .con input {border:1px solid var(--border);}
		ul li .con select {border:1px solid var(--border);}
		.round_btn {flex:1;}
		.round_btn button {padding:8px;}
	}
}

/* 공지 게시판 태그 설정 */
.table_view .titleBox h3.tit > span {color:var(--secondary-dark); font-weight:600;}
.table_list ul li.li_type {flex:1 1 18%;}
.table_list ul li.li_type span {color:var(--secondary-dark); font-weight:600;}

/* 수강후기 게시판 */
.table_view_subjectitle {margin-bottom:16px;}
.review_list_subjectitle {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width: 1200px) {
	.review_list_subjectitle {margin-bottom:8px; padding:6px 12px; display:inline-block; background:#f7f7f7; border-radius:1000px;}
}

/* 자주묻는질문 탭메뉴 */
.faq_tabmenu {margin-bottom:30px; width:100%; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;
	button {padding:6px 12px; font-size:16px; border-radius:100px;}
	button.on {color:#ffffff; background:var(--text-base);}
}
@media screen and (max-width: 1200px) {
	.faq_tabmenu {margin:8px 0 0 0; padding:16px; width:max-content; gap:var(--gap); overflow-x:auto; scrollbar-width:none; background:var(--white);
		button {font-size:14px;}
	}
}



/* 메인 개인정보 수집 모달팝업 */
#privacy_modal .modal_content iframe {width:100%; min-height:350px; overflow:hidden; border:none; box-sizing:border-box;}



/* 회원 탈퇴 모달팝업 */
.modal_info_popup .modal_container .modal_content .modal_resign_box {flex-flow:column nowrap; gap:var(--spacing);}
.modal_resign_box h6 {color:var(--primary-dark);}
.modal_precaution {margin:8px 0 20px 0; padding:16px; font-size:14px; background:var(--bg-color-skyblue);}
.modal_precaution li {margin-top:4px; text-indent:-1em; padding-left:1em;}
.modal_radio {margin-top:16px; display:flex; flex-flow:row wrap; justify-content:start; align-items:center;}
.modal_radio label {flex:none; display:flex; align-items:start; padding:0 16px 8px 0; gap:var(--spacing-unit);}
.modal_radio_textarea textarea {padding:8px; min-height:100px; width:100%; resize:vertical; border:1px solid #e0e0e0; border-radius:8px; box-sizing:border-box;}
.modal_radio_textarea textarea:focus {outline:none;}
.resign_modal_area button {padding:16px 24px;}
@media screen and (max-width: 1200px) {
	.resign_modal_area .modal_radio {flex-flow:row wrap;}
}


/* 결제 현황 */
.conlist_all {margin-bottom:16px; width:100%;}
.conlist_roundbox {
	span {padding:4px 8px; font-size:14px; border-radius:100px; background:var(--border-light);}
	span.studying {background:#AEF483; color:#1c3f06;}
	span.complete {background:#AFE1FD; color:#034d77;}
	span.nonestudying {background:#e0e0e0; color:#777777;}
}
.conlist_area tr th, .conlist_area tr td {padding:16px 4px;}
.conlist_area .contlist_btn button {font-weight:600;}
@media screen and (max-width: 1200px) {
	.conlist_area .conlist_stdtitle {line-height:130%; text-align:left;}
	.conlist_area .conlist_stdtitle span {display:inline-block;}
	.conlist_area tr th.contlist_btn {width:25% !important;}
	.conlist_area tr td.contlist_btn {width:25% !important;}
	.paylist_state_box {padding:16px 8px !important;}
}
/* 환불 팝업 */
.modal_refund_box {display:flex; flex-flow:column nowrap; gap:var(--spacing);
	.modal_precaution {margin-bottom:0;}
	.modal_radio {margin-top:0;}
	.modal_input {margin-bottom:16px; display:flex; flex-flow:row nowrap; flex:1 0 auto; align-items:center; gap:var(--spacing);}
	.modal_input span {white-space:nowrap;}
	.modal_input input {margin-left:8px; padding:8px; border:1px solid #e0e0e0; border-radius:8px; box-sizing:border-box;}
	.modal_radio_textarea {margin-top:8px; flex:1;}
}
/* 테이블 */
.refund_reason_list {display:flex; gap:16px; padding:8px 0;}
.refund_reason_list > label {gap:4px; cursor:pointer;}
@media screen and (max-width: 1200px) {
	.modal_refund_box .modal_radio {flex-flow:row wrap !important;}
	.modal_refund_box .modal_input {flex-flow:column wrap; font-size:14px; align-items:flex-start;}
	.modal_refund_box .modal_input div, .modal_refund_box .modal_input input{width:100%;}
	.modal_refund_area button {padding:16px 24px;}
	.modal_refund_box .modal_precaution {margin:0; max-height:150px; overflow:scroll;}
	.refund_reason_list {flex-flow:column nowrap;}
	.cert_table .refund_reason_list input {width:auto;}
}
/* 환불 페이지 */
.poppayrefund_date_info {margin-left:28px; font-size:14px; color:var(--text-sub-light);}

/* 문의내역 */
@media screen and (max-width: 1200px) {
	.questionlist_area {padding:8px 0;}
	.questionlist_area .sub_container_title {padding:8px 0 0 16px;}
}

/* 결제 현황*/
/* 장학 현황 기타 선택 */
#text_div {width:100%; margin-top:8px;}






/* 쿠폰현황 */
.mycouponlist_area tr.none td {color:var(--gray);}

/* 성적이의신청 */
.bbsAppealList_area .table_list ul li {flex:0 0 auto;}
.bbsAppealList_area .table_list ul li.li_01 {width:10%;}
.bbsAppealList_area .table_list ul li.li_02 {width:10%;}
.bbsAppealList_area .table_list ul li.li_03 {width:25%;}
.bbsAppealList_area .table_list ul li.li_04 {width:40%;}
.bbsAppealList_area .table_list ul li.li_06 {width:15%;}

/* 학습자PC등록 */
.mypc_guide_title {margin-bottom:16px;}
.mypc_guide_area {padding:16px; display:flex; flex-flow:column wrap; gap:var(--spacing); background:var(--bg-color-skyblue); border-radius:8px;}
.mypc_regi_btn button {padding:8px 16px; border-radius:1000px;}
@media screen and (max-width: 1200px) {
	.mypc_guide_area {margin:16px; background:var(--white);}
}
/* 유의사항 동의 체크박스 */
.checkagree_area {margin:16px 0; padding:16px; display:flex; flex-flow:row nowrap; align-items:start; justify-content:center; gap:8px; text-align:left; background:var(--bg-color-skyblue); border-radius:8px;}

/* 유의사항 */
.caution-box {padding:16px; display:flex; flex-flow:column wrap; gap:var(--spacing); background:var(--bg-color-skyblue); border-radius:8px;}


/* 증명서발급, 각종 예외신청, 무료학습설계 */
.certificate_tabmenu {margin-bottom:0;
	li p {font-weight:500; text-align:center;}
}
.certificate_info_txt {margin-bottom:16px; line-height:130%;}
.certificate_info_txt2 {margin-top:8px; line-height:130%; color:var(--text-sub-light);}
.cert_division {display:flex; flex-flow:row nowrap; gap:var(--spacing-unit);}
.cert_division input {width:192px;}
.cert_address_input {margin-top:8px; display:flex; flex-flow:column nowrap; width:100%; gap:var(--spacing);}
.cert_address_input input {width:100%;}
.cert_address_btn {display:flex; flex-flow:row nowrap; gap:var(--spacing);}
.cert_address_btn button {padding:8px; border-radius:0;}
.cert_full_input {width:100% !important;}
.certificate_btn {margin-top:20px;}
.exception_week_area {margin-top:8px; display:flex; flex-flow:row wrap; justify-content:flex-start; gap:var(--gap);}
.exception_file_area {margin:0 0 0 8px;}
.final_academic_select {margin-bottom:8px; display:flex; flex-flow:row nowrap; align-items:center; justify-content:flex-start;}
.academy_addfile_area {display:flex; flex-flow:row nowrap; align-items:center; justify-content:flex-start; gap:var(--spacing);}
.academy_addfile_area input {width:160px;}
.academy_addfile_area button {min-width:70px; padding:8px; border-radius:0;}
.academy_addfile_content {display:flex; flex-flow:row wrap; gap:var(--gap);}
.stdplan_email_box input {width:30%;}
.stdplan_email_box select {width:25.5%;}
@media screen and (max-width: 1200px) {
	.cert_table select, .cert_table input {width:100%;}
	.cert_table .cert_address_btn input {width:70%;}
	.cert_table .cert_address_btn button {width:30%;}
	.certificate_tabmenu > ul {width:100%; flex-flow:row wrap;}
	.certificate_tabmenu > ul > li {width:50%; flex:1 0 auto; box-sizing:border-box;}
	.certificate_tabmenu > ul > li:nth-child(odd) {border-right:1px solid #F5F8FF;}
	.certificate_tabmenu > ul > li:last-child {border:none;}
	.cert_division {flex-flow:column nowrap;}
	.exception_week_area {gap:var(--spacing);}
	.exception_week_area br {display:none;}
	.exception_file_area {display:block; margin:8px 0 0 0;}
	.final_academic_select, .academy_addfile_area {flex-flow:column wrap; align-items:flex-start;}
	.academy_addfile_area input[type="date"] {margin-top:8px;}
	.academy_addfile_content {flex-flow:column wrap; gap:var(--spacing-unit);}
	.certificate_checkbox {margin-left:-2px;}
	.stdplan_email_box {flex-flow:row wrap !important;}
	.stdplan_email_box input {width:43%;}
	.stdplan_email_box select {width:100%;}
}


/* 연간학사일정 */
.annual_schedule_area {position:relative; margin-bottom:20px; padding:20px; background:var(--border-light); border:1px solid #e0e0e0; border-radius:8px; box-sizing:border-box; gap:60px; display:flex; flex-flow:row nowrap; align-items:center; text-align:center;}
.annual_schedule_area .annual_schedule_title {width:250px; display:flex; flex-flow:column nowrap; gap:var(--gutter); text-align:left; flex:0 0 auto;
	h6 {font-size:30px;}
	p span {margin-left:16px;}
	.row_left {flex-flow:column nowrap !important;}
	button {margin-top:16px; padding:8px 0; width:100%; display:block; font-size:16px; font-weight:600; border-radius:8px; background:var(--border); color:var(--text-sub-light);}
}
.annual_schedule_area .annual_schedule_list {display:flex; flex-flow:row wrap; gap:16px; font-size:14px; color:var(--text-sub-light); box-sizing:border-box;
	li {width:calc(50% - 8px); text-align:left;}
}
.annual_schedule_area.on {color:var(--white); background:var(--primary-dark);
	.annual_schedule_list {color:var(--border-light);}
	.annual_schedule_title button {color:var(--primary-dark); background:var(--white);}
}
@media screen and (max-width: 1200px) {
	.annual_schedule_title h6 {font-size:30px;}
	.annual_schedule_list li {width:100%;}
	.annual_schedule_area {flex-flow:column nowrap; gap:20px;}
	.annual_schedule_title {width:100%;}
	.annual_schedule_title p span {margin:8px 0 0 0; display:block;}
	.annual_schedule_area {padding:20px 20px 70px 20px;}
	.annual_schedule_area .annual_schedule_title button {position:absolute; bottom:20px; left:20px; margin:0; width:calc(100% - 40px); box-sizing:border-box;}
}


/* 수강규정 */
.stdrule_list_area {display:flex; flex-flow:column nowrap; align-items:flex-start; gap:var(--gap);
	div {display:flex; flex-flow:row nowrap; align-items:start; gap:var(--spacing);}
}


/* 학점관리요령 */
.scoreway_tip_area {padding:16px; border:1px solid #446cf9;}
@media screen and (max-width: 1200px) {
	.scoreway_tip_area {border:none; background:var(--bg-color-skyblue);}
}

/* 원격지원서비스 */
.remote_step_area {margin-top:16px; display:flex; flex-flow:row nowrap; align-items:stretch; justify-content:space-between; gap:var(--gap);
	& > div {padding:16px; flex:1 0 20%; color:var(--white); background:var(--primary); box-sizing:border-box;}
	i {line-height:130px; color:var(--primary);}
	h6 {margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid var(--primary-bglight); font-size:18px;}
}
@media screen and (max-width: 1200px) {
	.remote_step_area {flex-flow:column nowrap;
		& > div {width:100%;}
		i {line-height:16px; text-align:center; transform:rotate(90deg);}
		h6 {font-size:16px;}
	}
}

/* 평생교육이용안내 */
.longedu-box {position:relative; width:100%;
	.longedu-btn01 {position:absolute; top:55.5%; left:13%; width:36%; height:4%; font-size:0;}
	.longedu-btn02 {position:absolute; top:55.5%; right:13%; width:36%; height:4%; font-size:0;}
	img {width:100%; max-width:1200px;}
}
.longedu-box .longedu-btn {position:relative; padding:30px; display:flex; align-items:center; justify-content:center; gap:30px;
	a {position:relative; top:0; left:0; padding:16px 24px; font-size:24px; font-weight:600; text-align:center; border:2px solid transparent; box-sizing:border-box;}
	.longedu-btn01 {background:var(--primary-dark); color:#fff;}
	.longedu-btn01:hover {background:var(--primary-darken);}
	.longedu-btn02 {border:2px solid var(--primary-dark); color:var(--primary-dark);}
	.longedu-btn02:hover {border-color:var(--primary-darken); color:var(--primary-darken);}
}
.longedu-box .longedu-info {padding:40px; display:flex; flex-direction:column; gap:16px; background:var(--border-light);
	.longedu-info-tit {padding:16px; background:var(--mute-darken); color:#fff; text-align:center; border-radius:8px;}
	.longedu-info-tit span {font-weight:600;}
	.longedu-info-con {display:grid; grid-template-columns:repeat(3, 1fr); align-items:stretch; gap:16px;}
	.longedu-info-con > li {padding:16px; background:#fff; border-radius:8px;}
	.longedu-info-con > li > p {padding:8px; background:var(--secondary-bglight); font-weight:600; border-radius:8px; text-align:center;}
	.longedu-info-con > li:nth-child(2) > p {background:var(--primary-bglight);}
	.longedu-info-con > li ul li {min-height:80px; padding:16px 0; word-break:keep-all; overflow-wrap:break-word; display:flex; flex-direction:column; gap:8px; border-bottom:1px dashed var(--border);}
	.longedu-info-con > li ul li:first-child {min-height:180px;}
	.longedu-info-con > li ul li:last-child {padding-bottom:0; border-bottom:none;}
	.longedu-info-con > li ul li div {color:var(--primary-dark); font-weight:600;}
}
@media screen and (max-width: 1200px) {
	.longedu-box .longedu-btn {flex-direction:column; padding:16px; gap:16px;
		a {display:block; width:100%; font-size:21px;}
	}
	.longedu-box .longedu-info {padding:16px;
		.longedu-info-con {grid-template-columns:1fr;}
		.longedu-info-con > li ul li:first-child {min-height:80px;}
	}
}

/* 학자금대출 */
.stuloan-box {position:relative; width:100%;
	.stuloan-btn01 {position:absolute; top:12.5%; right:10%; width:16%; height:3.8%; font-size:0;}
	.stuloan-btn02 {position:absolute; top:38.8%; left:12%; width:32%; height:2.6%; font-size:0;}
	.stuloan-btn03 {position:absolute; top:38.8%; right:12%; width:32%; height:2.6%; font-size:0;}
	img {width:100%; max-width:1200px;}
}

/* 공동인증서 안내 */
.certinfo-img img {width:100%; max-width:1200px;}
.certinfo-login-step > div {display:flex; align-items:center; justify-content:center; border-radius:1000px; text-align:center;}
.certinfo-login-step div p span {display:block;}
.certinfo-login-step i {display:flex; align-items:center; line-height:1;}
.certinfo-login-box {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;}
.certinfo-login-box li {width:100%; display:flex; flex-direction:column; gap:8px; text-align:left; box-sizing:border-box;}
.certinfo-login-box img {margin:0 auto; width:fit-content; max-width:100%;}
@media screen and (max-width: 1200px) {
	.certinfo-login-step {margin:0; padding:0;}
	.certinfo-login-step i {display:block}
	.certinfo-login-step div p span {display:inline;}
}

/* 필수프로그램 */
.pro-down-area {display:flex; align-items:stretch;
	& > li {flex:1; padding:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center;}
	& > li:first-child {border-right:1px dashed var(--border);}
	img {width:60px; height:auto;}
	.round_btn a {padding:8px 40px; display:block; border-radius:1000px;}
}
@media screen and (max-width: 1200px) {
	.pro-down-area {flex-direction:column;
		& > li:first-child {border-bottom:1px dashed var(--border); border-right:none;}
	}
}














/* 수강신청 페이지 */
/* 개강 탭메뉴 */
.startclass_tab_menu li {padding:16px 0; display:flex; flex:1; align-items:center; justify-content:center; text-align:center; border-top:2px solid var(--primary-bglight); transition:0.3s;}
.startclass_tab_menu li.current {background:var(--primary-bglight); border-top:2px solid var(--primary-dark);}
.startclass_tab_menu li:hover {border-top:2px solid var(--primary-dark);}
.startclass_tab_menu li .startclass_tabhead_title {display:flex; flex-flow:column; gap:var(--spacing); color:var(--text-sub-light);}
.startclass_tab_menu li .startclass_tabhead_title h4 {font-size:18px;}
.startclass_tab_menu li .startclass_tabhead_title span {font-size:18px; color:var(--text-base)}
.startclass_tab_menu li.current .startclass_tabhead_title h4 {font-size:28px; color:var(--primary-dark);}
.startclass_tab_cont {padding:0 !important;}
.startclass_tab_cont ul.startclass_tabhead_info {width:100%; margin-bottom:40px; padding:16px 0; background:var(--primary-bglight);
																	display:flex; flex-flow:row wrap; flex:1; align-items:center; justify-content:space-around;}
.startclass_tabhead_info li:first-child {font-weight:600; color:var(--secondary-dark);}
.startclass_tabhead_info li {color:var(--text-sub-light);}
.startclass_tabhead_info {display:inline-block; background:var(--bg-color-skyblue);}
@media screen and (max-width: 1200px) {
	.startclass_tab_menu li {flex:0 0 auto;}
	.startclass_tab_menu > div {padding-top:16px; display:block; text-align:center; transition:0.3s;}
	.startclass_tab_menu > div.current {background:var(--secondary-bglight);}
	.startclass_tab_menu .startclass_tabhead_title {display:flex; flex-flow:column; gap:var(--spacing); color:var(--text-sub-light);}
	.startclass_tab_menu .startclass_tabhead_title span {font-size:16px;}
	.startclass_tab_menu .startclass_tabhead_title h4  {font-size:16px;}
	.startclass_tab_menu .current .startclass_tabhead_title h4 {font-size:24px;}
	.startclass_tabhead_info {margin-top:16px; overflow:hidden; box-sizing:border-box;}
	.startclass_tabhead_info .dropdown-menu {padding:16px; align-items:center;}
	.startclass_tabhead_info .dropdown-menu ul {width:fit-content; text-align:left;}
	.startclass_tabhead_info .dropdown-menu li {margin-top:8px; padding:0; justify-content:start; width:100%; border:none;}
	.startclass_tabhead_info .dropdown-menu li:first-child {margin-top:0;}
	.startclass_tabhead_info .dropdown-toggle {padding:16px; font-size:14px; z-index:1;}
}
/* 총과목 및 검색 */
.subject_search_info {margin-bottom:16px; width:100%; align-items:center;}
.subject_search_info > p {font-size:18px;}
.subject_search_info span {color:var(--primary-dark);}
.subject_search_info div {padding:8px 16px; max-width:250px; display:flex; border:1px solid #e0e0e0; border-radius:1000px; color:var(--gray);}
@media screen and (max-width: 1200px) {
	.subject_search_info {margin:0; padding:16px; width:auto; background:var(--white); border-bottom:1px solid #e0e0e0;}
}
/* 과목 탭메뉴 */
.subject_tab_menu li {padding:16px 0; width:100%; border-top:1px solid #777777; border-bottom:1px solid #777777;}
.subject_tab_menu li.current {background:var(--primary-bglight); color:var(--primary-dark); font-weight:600; border-bottom:2px solid var(--primary-dark);}
.subject_tab_menu li:hover {background:var(--primary-bglight); color:var(--primary-dark);}
/* 탭메뉴 하단 추가 */
.subject_tab_menu2 {margin:0 auto; padding:12px; width:100%; display:none; align-items:center; justify-content:center; gap:16px; flex-flow:row wrap; text-align:center; background:var(--mute-bglight); border-bottom:1px solid var(--mute-light);}
.subject_tab_menu2.current {display:flex;}
.subject_tab_menu2 li {flex:0 0 auto; padding:6px 12px; background:#fff; border:1px solid var(--mute-light); border-radius:1000px; cursor:pointer;}
.subject_tab_menu2 li:hover, .subject_tab_menu2 li.current {border-color:var(--mute); background:var(--mute); color:#fff;}
/* 모바일 과목 탭메뉴 */
@media screen and (max-width: 1200px) {
	.subject_list_area {margin:8px 0; width:100%; background:var(--white);}
	.subject_list_area ul {padding:16px; display:flex; flex-wrap:nowrap; width:max-content; gap:var(--spacing); overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
	.subject_list_area ul li {padding:6px 12px; line-height:100%;}
	.subject_list_area ul.subject_list_box01 {padding-bottom:0; width:100%; gap:0;}
	.subject_list_area ul.subject_list_box01 li {flex:1; white-space: nowrap; text-align:center; font-size:16px; border-bottom:1px solid var(--border);}
	.subject_list_area ul.subject_list_box01 li.current {background:none; color:var(--secondary); border-bottom:2px solid var(--secondary); font-weight:600;}
	.subject_list_area ul.subject_list_box02 li {font-size:14px; border:1px solid var(--mute); color:var(--mute-dark); border-radius:100px;}
	.subject_list_area ul.subject_list_box02 li.current {background:var(--mute); color:#fff;}
}
/* 과목 콘텐츠 */
.subject_class_list {position:relative; width:100%;}
.subject_class_list>li {padding:24px 20px; border-bottom:1px solid #e0e0e0;}
.subject_class_list .subject_title_item {flex:1;}
.subject_class_list .subject_title_item div {gap:var(--spacing);}
.subject_class_list .subject_title_item h5 {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.subject_class_list .subject_title_item div span {padding:4px; font-size:12px; color:var(--white); background:var(--point);}
.subject_class_list .subject_title_item ul {margin-top:16px; gap:var(--spacing);}
.subject_class_list .subject_title_item ul li {padding:4px; font-size:13px; border-radius:4px; border:1px solid #a8a8a8; color:#a8a8a8;}
.subject_class_list .subject_title_item ul li.notation_essn {border:1px solid #446CF9; color:#446CF9;}
.subject_class_list .subject_title_item ul li.notation_choi {border:1px solid #9B44F9; color:#9B44F9;}
.subject_class_list .subject_title_item ul li.notation_noml {border:1px solid #E57C23; color:#E57C23;}
.subject_class_list .subject_title_item ul li.notation_refn {border:1px solid #2D9596; color:#2D9596;}
.subject_class_list .subject_item_price {margin-bottom:16px; align-items:flex-end; gap:var(--spacing);}
.subject_class_list .subject_item_price span {color:var(--gray);}
@media screen and (max-width: 1200px) {
	.subject_tab_cont {background:var(--white);}
	.subject_class_list>li {padding:16px;}
	.subject_class_list .subject_title_item {flex:0 0 auto; margin-bottom:8px; width:100%;}
	.subject_class_list .subject_title_item ul {margin:0;}
	.subject_class_list .subject_title_item ul li {font-size:10px;}
	.subject_class_list .subject_title_item div span {font-size:10px;}
	.subject_class_list .subject_item_price {margin:0; align-items:center;}
}
/* 과목 라운드 버튼 */
.subject_item_btn {gap:var(--spacing);}
.subject_item_btn button {padding:10px 12px 10px 20px; border-radius:1000px;}
.subject_item_btn button span {margin-left:8px; font-size:14px;}
@media screen and (max-width: 1200px) {
	.subject_item_btn button {padding:8px 10px; min-width:38px; min-height:38px; display:flex; align-items:center; justify-content:center; text-align:center;}
	.subject_item_btn button.color_btn i {display:none;}
	.subject_item_btn button span {margin:0;}
}

/* 장바구니 페이지 */
.mycart_main_title {display:flex; align-items:end;}
.mycart_main_title span {color:var(--text-sub-light);}
/* 서브 타이틀 */
.mycart_title {margin:40px 0 16px 0; align-items:center;}
.mycart_title .mycart_coupon_number {color:var(--text-sub-light);}
.mycart_title button {padding:6px 16px; border-radius:1000px; font-size:14px; font-weight:600;}
.delete_box_btn {padding:8px; color:var(--text-sub-light); border:1px solid #e0e0e0; border-radius:4px; gap:var(--spacing);}
.delete_box_btn i {color:var(--gray-light); }
.subtable .mycart_allselect {border-bottom:1px solid #e0e0e0;}
.subtable .mycart_eachtable {padding:0; display:flex; max-width:100%; align-items:stretch; justify-content:space-between;}
/* 담은 과목 */
.mycart_eachtable .eachtable_left {display:flex; flex-flow:column nowrap; flex:1; justify-content:center;}
.mycart_eachtable .eachtable_left li:last-child {border:none;}
.mycart_eachtable .eachtable_left > li {padding:16px; border-bottom:1px solid #e0e0e0;}
.mycart_eachtable .mycart_eachtable_info {width:100%;}
.mycart_eachtable_info .eachtable_subject.on {font-weight:600; color:var(--primary-dark);}
.mycart_eachtable .mycart_eachtable_info .eachtable_subject_title {flex:1 0; margin-right:20px; align-items:start; text-align:left;}
.mycart_eachtable .mycart_eachtable_info .row_left {flex:1 0; margin-right:20px; align-items:start; text-align:left;}
.mycart_eachtable .mycart_eachtable_info .eachtable_price {margin-right:20px; gap:var(--spacing);}
.mycart_eachtable .mycart_eachtable_info .eachtable_price span {color:var(--text-sub-light);}
.mycart_eachtable .eachtable_right {padding:16px; width:22.5%; display:flex; align-items:center; justify-content:center; text-align:center; border-left:1px solid #e0e0e0;}
.mycart_eachtable .eachtable_right span {margin:0 auto 3px; padding:4px 8px; display:block; width:fit-content; background:#f7f7f7; border-radius:4px;}
/* 쿠폰 정보 */
.coupon_info_area {display:flex; flex-direction:column; gap:8px;}
.coupon_info_area .coupon_title span {color:var(--point); font-weight:600;}
.coupon_info_area .coupon_sub_info {color:var(--text-sub-light);}
/* 추가 할인 팝업 */
.addsale_modal_area .modal_container .modal_content {min-height:200px;}
.addsale_modal_area .modal_content table {margin:20px 0;}
.addsale_modal_area .modal_content table input[type="text"] {width:100%;}
@media screen and (max-width: 1200px) {
	/* 담은 과목 */
	.mycart_area {display:block; margin-top:8px; padding:16px; background:var(--white);}
	.mycart_startclass_info {margin-top:8px; padding:8px; font-size:14px; background:var(--border-light); text-align:center; border-radius:4px;}
	.mycart_startclass_info span {display:inline-block; margin-right:4px; padding:4px 8px; background:var(--white);}
	.mycart_class_area > li {padding:16px 0; border-bottom:1px solid #e0e0e0;}
	.mycart_class_area > li:last-child {border:none;}
	.mycart_class_area .mycart_eachtable_info li ul li.row_left {align-items:start; text-align:left; flex:1;}
	.mycart_class_planbtn {width:100%;}
	.mycart_class_planbtn button {max-width:100%; width:100%; font-size:16px; font-weight:600;}
	.mycart_startclass_none {margin:8px 0; padding:16px 0; width:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center;}
	/* 쿠폰 */
	.mycart_coupon_area {display:block; margin-top:8px; padding:16px; background:var(--white);}
	.mycart_coupon li {padding:16px 0;}
	.mycart_coupon li label {margin-right:4px;}
	.mycart_title {margin:0 0 16px 0;}
	.mo_sub_wrap .mycart_coupon_area .subtable {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
	/* 결제 */
	.mo_payment_area {margin-top:8px;}
}


/* 결제 페이지 */
/* 결제 방법 */
.foundation .tabhead.payment_tab_menu {margin-bottom:16px; justify-content:flex-start; gap:var(--spacing); cursor:default;}
.foundation .tabhead.payment_tab_menu li {cursor:pointer;}
.payment_tab_menu .color_btn {padding:16px 24px; border-radius:4px; font-size:15px;}
.payment_tab_cont {padding:16px; border-radius:8px; background:var(--bg-color-skyblue);}
.payment_tab_cont span {display:inline-block; margin-top:8px; color:var(--text-sub-light);}
.payment_tab_cont span a {display:block; margin-top:4px; }
.depositbank_box {margin-top:16px; gap:var(--spacing);}
.depositbank_box tr td p {margin-top:4px;}
.depositbank_box input {width:100%;}
@media screen and (max-width: 1200px) {
	.mypay_subject_area {display:block; margin-top:8px; padding:16px; background:var(--white);}
	.mypay_subject_area .dropdown-toggle {margin-left:8px;}
	.mypay_subject_area .mycart_class_area li.row_flex_center p {flex:1; text-align:left;}
	.mypay_subject_area .mycart_class_area li.row_flex_center p.p20 {flex:0 0 auto;}
	.mypay_subject_area .mycart_class_area li:last-child {padding-bottom:0;}
	.foundation .tabhead.payment_tab_menu {flex-flow:row wrap; justify-content:center;}
	.payment_tab_menu li {flex: 1 0 28%; text-align:center;}
}

/* 우측 위젯 메뉴 */
/* 수강신청 */
.gray_widget_area {position:sticky; top:130px; align-self:flex-start; height:620px;}
.gray_widget_box {padding:16px; display:flex; flex-flow:column nowrap; align-items:center; background:#f7f7f7; border-radius:8px; box-sizing:border-box;}
.gray_widget_area .gray_widget_box {height:100%;}
.gray_widget_box .cart_area {margin:16px 0; width:100%; display:flex; flex-flow:column; justify-content:space-between; gap:var(--spacing); text-align:center;
	.cart_info {padding:8px 16px 8px 8px; background:#ffffff; border-radius:8px; align-items:center;}
	.cart_info .cart_box_icon {padding:var(--spacing); background:#c6c6c6; border-radius:8px; color:var(--white);}
	.cart_info p span {color:var(--primary-dark);}
	.poss_coupon {padding:var(--spacing); gap:var(--spacing-unit);}
}
.gray_widget_box .payment_btn {width:100%;}
.gray_widget_box .cart_list_area {margin-top:8px; width:100%; display:flex; flex-flow:column nowrap; align-items:center; gap:var(--spacing); text-align:center;}
.gray_widget_area .gray_widget_box .cart_list_area {overflow-y:auto; flex:1; min-height:0; }
.gray_widget_box .cart_list_area li {width:100%;
	div {gap:8px; padding:12px; background:var(--white); color:var(--text-sub);}
	div p {text-align:left;}
	div button {color:var(--gray-light);}
}
/* 장바구니 및 결제 */
.gray_widget_box .price_info_area {width:100%;  display:flex; flex-flow:column;}
.gray_widget_box .price_info_area > li {padding-bottom:16px; border-bottom:1px solid #e0e0e0; display:flex; flex-flow:column nowrap; gap:var(--gap);}
.gray_widget_box .price_info_area > li:last-child {border-bottom:none;}
.gray_widget_box .price_info_area .price_basic_info {margin-bottom:16px; padding-top:16px; color:var(--text-sub-light);}
.gray_widget_box .price_info_area h5 {color:var(--primary-dark);}
/* 장바구니 바텀시트 */
@media screen and (max-width: 1200px) {
	.bts_toparea {position:fixed; bottom:0; left:0; width:100%; background:var(--white); box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05); z-index:1000; box-sizing:border-box;}
	.bts_toparea > ul {padding:16px;}
	.bts_toparea > div {padding:0 16px 16px 16px;}
	.bts_toparea .payment_btn {width:100%;}
	.gray_widget_box {padding:16px; background:var(--white); border-radius:8px 8px 0 0;}
	.cart_list_area_mo {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
	/* 버튼 영역 가시성 */
	.cart_list_area_mo button {position:relative; z-index:1;}
	.cart_list_area_mo button::before {content:''; position:absolute; top:-16px; bottom:-16px; left:-16px; right:-16px; z-index:-1;}
	.gray_widget_box .cart_list_area {margin:16px 0;}
	.gray_widget_box .cart_list_area li div {background:var(--border-light);}
	.gray_widget_box .cart_area {margin:0;}
	.gray_widget_box .cart_area .poss_coupon {padding:0 16px 0 0;}
}


/* 나의 강의실 */
/* 진행중인 과목 및 종료된 과목 탭메뉴 및 검색박스 */
.lecting_tabcontent {width:100%; box-sizing:border-box;}
.mylect_tab_menu li p {font-size:16px; font-weight:500;}
.mylect_search_area {width:100%; padding:16px; background:var(--border-light); gap:var(--gap); border-radius:8px; box-sizing:border-box;
	input[type=text] {padding:10px 16px; color:var(--text-sub-light); background:var(--white); border:1px solid #e0e0e0; border-radius:1000px; flex: 1 1 0; box-sizing:border-box; min-width: 0;}
	select {padding:10px 16px; min-width:110px; color:var(--text-sub-light); border:1px solid #e0e0e0; border-radius:1000px; flex:0 0 auto;}
}
.mylect_search_area .mylect_date_area {flex:0; gap:var(--spacing);
	input {padding:10px 16px; min-width:147px; color:var(--text-sub-light); background:var(--white); border:1px solid #e0e0e0; border-radius:1000px;}
}
.mylect_search_area .mylect_searchbtn {padding:10px 16px; color:var(--text-base); border:1px solid #2d2d2d; border-radius:1000px; font-size:14px; background:var(--white); 
	display:flex; flex-flow:row nowrap; flex:0 0 auto; align-items:center; justify-content:center; gap:var(--spacing); box-sizing:border-box;}
.mylect_content {margin-top:40px;}
/* 진행중인 과목 및 종료된 과목 탭메뉴 및 검색박스 */
@media screen and (max-width: 1200px) {
	.mylect_tab_menu {margin-bottom:0; padding:0;}
	.mylect_search_area {width:100%; background:var(--white); padding-top:0;}
	.mylect_search_area select, .mylect_search_area .mylect_date_area {display:none;}
	.mylect_content.mo_sub_container {padding:16px 0;}
	.mylect_content {margin-top:8px;}
	.mylect_content h6 {margin:16px;}
	.foundation .lecting_tabcontent .subtable {border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0;}
}

/* 나의강의리스트 */
/* 진행중인과목 
.mylect_cont {display:flex; flex-flow:row nowrap; gap:var(--gap); align-items:center; text-align:center;}
.mylect_cont > li {flex: 1 1 auto; box-sizing:border-box;}
.mylect_contitle {background:var(--border-light);}
.mylect_cont01 {width:48%;}
.mylect_cont01 .lect_name {width:100%; text-align:left;}
.mylect_cont01 .lect_name p {font-weight:600; line-height:21px;}
.mylect_cont01 .lect_name .lect_cate {margin-top:8px;}
.mylect_cont01 .lect_name .lect_cate span {display:inline-block; margin-right:8px; padding:4px; border-radius:4px; font-size:12px; color:var(--text-sub-light); background:var(--border-light);}
.mylect_cont02 {width:12%;}
.mylect_cont03 {width:10%;}
.mylect_cont04 {width:8%;}
.mylect_cont04 .progress {display:none;}
.mylect_cont05 {width:10%;}
.mylect_cont06 {width:12%;}
.mylect_cont06 button {padding:10px 16px 8px 16px; border-radius:1000px;}
.mylect_cont06 button i {margin-right:4px;}
@media screen and (max-width: 1200px) {
	.mylect_contitle, .lect_cate {display:none;} 
	.mylect_content .mylect_cont {position:relative; flex-flow:column wrap; margin:8px 12px; gap:var(--gap);}
	.mylect_content .mylect_cont > li {width:100%; display:flex;}
	.mylect_cont01 .lect_name {font-size:16px;}
	.mylect_cont01 .lect_name p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.mylect_content .mylect_cont .mylect_cont03, .mylect_content .mylect_cont .mylect_cont05 {display:none;}
	.mylect_content .mylect_cont .mylect_cont02 {position:absolute; top:24px; left:0; width:50%; background:var(--border-light); text-align:center;}
	.mylect_cont .mylect_cont02 p {margin:8px 4px; width:100%; box-sizing:border-box;}
	.mylect_content .mylect_cont .mylect_cont04 {position:absolute; top:24px; right:0; width:50%; background:var(--border-light); text-align:right;}
	.mylect_cont .mylect_cont04 .progress {margin:12px 0 0 4px;}
	.mylect_cont .mylect_cont04 p {margin:8px;}
	.mylect_cont .mylect_cont06 {margin-top:30px;}
	.mylect_cont06 .round_btn {width:100%;}
	.mylect_cont06 .round_btn button {width:100%; border-radius:4px; box-sizing:border-box; color:var(--white); background:var(--secondary-dark);}
}*/
/* 종료된과목 
.mylect_end_content {margin-top:40px;}
.mylect_end_content h6 {margin:0; padding:16px; border-bottom:1px solid #e0e0e0;}
.mylectend_cont {display:flex; flex-flow:row nowrap; gap:var(--gap); align-items:center; text-align:center;}
.mylectend_cont > li {flex: 1 1 auto; box-sizing:border-box;}
.mylectend_cont01 {width:18%;}
.mylectend_cont02 {width:40%;}
.mylectend_cont03 {width:10%;}
.mylectend_cont04 {width:10%;}
.mylectend_cont05 {width:12%;}
.mylectend_cont06 {width:12%;}
.mylectend_cont06 button.none {background:var(--border-light);}
.mylectend_cont button {padding:8px 12px; border-radius:1000px;}
@media screen and (max-width: 1200px) {
	.mylect_end_content {margin-top:8px; padding:0;}
	.mylect_end_content .th {display:none;}
	.foundation .lecting_tabcontent .mylect_end_content .subtable {border-top:none;}
	.mylect_end_content .mylectend_cont {position:relative; margin:8px 8px 0 8px; padding-bottom:55px; flex-flow:column wrap; align-items:flex-start; text-align:left; gap:var(--spacing);}
	.mylectend_cont01 {width:100%;}
	.mylectend_cont01 div {display:inline-block; border:1px solid #e0e0e0; padding:4px; color:var(--text-sub-light);}
	.mylectend_cont02 {width:100%; font-size:16px;}
	.mylectend_cont03, .mylectend_cont04 {display:none;}
	.mylectend_cont05 {position:absolute; bottom:8px; left:0; width:48.5%;}
	.mylectend_cont05 button {border:1px solid #446cf9;}
	.mylectend_cont06 {position:absolute; bottom:8px; right:0; width:48.5%;}
	.mylectend_cont .round_btn {width:100%;}
	.mylectend_cont .round_btn button {width:100%; border-radius:4px; box-sizing:border-box;}
}
*/

/* ---------- 진행중인 과목, 종료된 과목 리뉴얼 -------------- */
.mylect_content .mylect-list-area {position:relative; width:100%; overflow:hidden; display:flex; flex-direction:column; gap:40px; box-sizing:border-box;
	& > li {padding:20px 16px; width:100%; border:1px solid var(--border); background:var(--border-light); border-radius:8px; box-sizing:border-box;}
	.mylect-list-cont {display:flex; align-items:stretch; justify-content:space-between; gap:16px;
		/* 타이틀 영역*/
		.tit-info-box {flex:1; display:flex; flex-direction:column; gap:8px;}
		.tit-info-box .tit {display:flex; align-items:start; justify-content:start; gap:8px;}
		.tit-info-box .state {flex:0 0 auto; margin-top:4px; padding:4px 0; width:60px; font-size:13px; line-height:100%; text-align:center; border:1px solid var(--gray-light); background:var(--border); color:var(--text-sub-light); border-radius:1000px; box-sizing:border-box;
			&.studying {border-color:var(--primary); background:var(--primary-bglight); color:var(--primary);}
			&.complete {border-color:#28A745; background:#E3F0E6; color:#28A745;}
		}
		.tit-info-box .info {display:flex; align-items:center; justify-content:start; gap:16px;
			& > div {display:flex; align-items:center; justify-content:start; gap:6px; font-size:14px; color:var(--gray);}
			p {color:var(--text-sub);}
		}
		/* 진행중인 과목 버튼 영역 */
		.pro-btn-box {display:flex; align-items:center; gap:16px;}
		.pro-btn-box .progress {padding:8px; width:120px; height:auto; display:flex; align-items:center; justify-content:center; gap:8px; background:var(--white); color:var(--primary-dark); box-sizing:border-box;}
		.pro-btn-box button {flex:0 0 auto; padding:12px; height:100%; max-height:58px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:18px; font-weight:600; background:var(--primary-dark); color:var(--white); border-radius:8px; box-sizing:border-box;
			&:hover {background:var(--primary-darken);}
			p {line-height:100%;}
		}
		/* 종료된 과목 버튼 영역 */
		.end-btn-box {display:flex; align-items:center; gap:16px;}
		.end-btn-box button {flex:0 0 auto; padding:12px; height:100%; max-height:58px; display:flex; align-items:center; justify-content:center; gap:8px; font-size:18px; font-weight:600; color:var(--white); border-radius:8px; box-sizing:border-box;
			p {line-height:100%;}
		}
		.end-btn-box .test {background:var(--primary-dark);
			&:hover {background:var(--primary-darken);}
		}
		.end-btn-box .restudy {background:var(--mute);
			&:hover {background:var(--mute-dark);}
		}
	}
}
@media screen and (max-width: 1200px) {
	.mylect_content .mylect-list-area {padding:0 16px; gap:16px;
		& > li {padding:12px;}
		.mylect-list-cont {flex-direction:column;
			.tit-info-box .tit {align-items:start; justify-content:space-between;}
			.tit-info-box .state {margin-top:0;}
			.tit-info-box .info span {display:none;}
			.pro-btn-box button, .end-btn-box button {flex:1; font-size:16px;}
		}
	}
}


/* 나의강의실 상세페이지 */
/* 과목 타이틀 및 정보 
.stdview_title {padding-top:16px; display:flex; align-items:center; justify-content:space-between;}
.stdview_title span {flex:0 0 auto; margin-right:8px; padding:4px; color:var(--text-sub-light); font-weight:normal; border:1px solid #E0E0E0;}
.stdview_title h4 {flex:0 0 auto;}
.stdview_title .stdview_total {margin-left:auto; padding:4px 8px; color:#1C3F06; background:#AEF483; border-radius:1000px;}
.stdview_title .stdview_total.none {background:none;}
.stdview_info {margin:16px 0; padding:16px; display:flex; flex-flow:column nowrap; gap:var(--gap); border-radius:8px; background:var(--border-light);}
.stdview_info li {display:flex; flex-flow:row nowrap; align-items:center;}
.stdview_info li > div {width:50%;}
.stdview_info .stdview_info_title {width:18%; color:var(--text-sub-light);}
.stdview_info .stdview_info_btn button {padding:6px 12px 4px 12px; font-weight:600; border-radius:1000px; background:var(--white);}
@media screen and (max-width: 1200px) {
	.stdview_title {padding-bottom:0; align-items:flex-start; flex-flow:row wrap; border:none;}
	.stdview_title span {order:1;}
	.stdview_title h4 {margin-top:8px; font-size:18px; line-height:120%; order:3; flex:1 1 100%;}
	.stdview_title .stdview_total {order:2; font-size:14px; text-align:right;}
	.stdview_info {margin-bottom:0; gap:var(--spacing);}
	.stdview_info li {flex-flow:column nowrap; justify-content:flex-start; gap:var(--spacing);}
	.stdview_info li > div {width:100%; font-size:14px;}
	.stdview_info .stdview_info_title {width:55px;}
}*/
/* 나의진도율 및 강의보기 버튼 
.stdview_progress {margin-bottom:16px; padding:16px; border:1px solid #e0e0e0; 
display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; text-align:center; gap:var(--gutter);}
.stdview_progress_info {flex:1;}
.stdview_progress_info p {flex:0 0 auto;}
.stdview_progress_info .stdview_score {flex:0 0 auto;}
.stdview_progress_info .stdview_score b {font-size:18px; color:var(--secondary);}
.stdview_progress .progress {margin:0 16px; height:8px;}
.stdview_startbtn p {font-size:18px;}
@media screen and (max-width: 1200px) {
	.stdview_progress {margin-bottom:0; flex-flow:column nowrap;}
	.stdview_progress_info {width:100%; font-size:14px;}
	.stdview_startbtn {width:100%; padding:10px 8px; box-sizing:border-box;}
	.stdview_progress_info .stdview_score b {font-size:16px;}
	.stdview_startbtn p {font-size:16px;}
}
*/

/* ------------ 나의강의실 리뉴얼 -------------- */
/* 연도 학기 차시 탭메뉴 */
.mylect_tab_menu > ul {flex-flow:row wrap;
	li {min-width:33.33%;}
}
@media screen and (max-width: 1200px) {
	.mylect_tab_menu > ul li {min-width:50%;}
}

/* 과정명 및 정보 */
.stdview-title-box {padding-bottom:16px; display:flex; flex-direction:column; gap:16px; border-bottom:1px solid var(--border);
	.stdview-info {display:flex; align-items:stretch; justify-content:start; gap:16px; font-size:15px; text-align:left;}
	.stdview-info > li {display:flex; align-items:center; justify-content:start; gap:8px;}
	.stdview-info span {padding:6px 8px; width:80px; background:var(--border-light); color:var(--text-sub-light); text-align:center; border-radius:1000px; box-sizing:border-box;}
}
@media screen and (max-width: 1200px) {
	.stdview-title-box {padding-bottom:0; border-bottom:none;
		.stdview-info {flex-direction:column; gap:8px;}
	}
}

/* 진도율 퀵메뉴 */
.std-quickpro-area {display:flex; align-items:stretch; gap:16px;}
.std-quickpro-area .std-quick-area {padding:16px; width:240px; display:flex; flex-direction:column; align-items:center; justify-content:start; gap:16px; flex-shrink:0; background:var(--bg-color-skyblue); border-radius:8px; box-sizing:border-box;
	.progress-box {padding:8px 16px 16px; width:100%; background:#fff; border-radius:8px; text-align:center; box-sizing:border-box;
		.tit {display:flex; align-items:center; justify-content:center; gap:8px; color:var(--primary-dark);}
		.tit h6 {font-size:18px;}
		.tit p {font-size:36px; font-weight:800;}
		.btn {margin-top:8px; display:flex; align-items:stretch; gap:8px;}
		.btn button {padding:8px; width:100%; line-height:100%; color:#fff; border-radius:8px; box-sizing:border-box;}
		.btn .prog-btn {background-color:var(--primary);}
		.btn .prog-btn:hover {background-color:var(--primary-dark);}
		.btn .prev-btn {background-color:var(--mute);}
		.btn .prev-btn:hover {background-color:var(--mute-dark);}
	}
	.quickbtn-box {display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; flex:1;
		button {padding:0 8px; transition:0.3s;}
		button:hover {color:var(--primary-dark); font-weight:600;}
	}
}
@media screen and (max-width: 1200px) {
	.std-quickpro-area {flex-direction:column;}
	.std-quickpro-area .std-quick-area {width:100%; flex-flow:row nowrap; align-items:stretch;
		.progress-box {padding:8px; display:flex; flex-direction:column; align-items:center; justify-content:center;
			.tit, .btn {width:100%; display:flex; flex-direction:column;}
			.tit {gap:0;}
			.tit h6 {font-size:16px;}
			.tit p {font-size:28px;}
		}
		.quickbtn-box {flex:1 0 auto;
			button {padding:0px;}
		}
	}
}
/* 카드 학사일정 */
.std-quickpro-area .stdview_card_area {display:grid; grid-template-columns:repeat(2, 1fr); align-items:stretch; gap:16px; flex:1;
	.stdview_card {padding:12px; display:flex; flex-direction:column; gap:8px; border:1px solid var(--border); border-radius:8px; box-sizing:border-box;}
	.stdview_card .stdcard_title {display:flex; align-items:center; justify-content:space-between; gap:16px;
		h6 {color:var(--text-base);}
		button {padding:8px; min-width:75px; display:flex; align-items:center; justify-content:center; line-height:100%; background-color:var(--primary-dark); color:#fff; text-align:center; border:1px solid transparent; border-radius:8px; box-sizing:border-box;}
		button:hover {background-color:var(--primary-darken);}
		button span {line-height:100%;}
		button.delete {border:1px solid var(--red); background:var(--red);}
		div.stdview_card_btn {padding:8px; display:flex; align-items:center; justify-content:center; line-height:100%; text-align:center; background-color:var(--red); color:#fff; border:1px solid transparent; border-radius:8px; box-sizing:border-box;}
	}
	.stdview_card.score_ing {border:1px solid var(--primary-dark); background-color:var(--primary-bglight);}
	.stdview_card.score_end {border:1px solid #28A745; background:#fff;;}
	.stdview_card.score_end button {background:#28A745; color:var(--white);}
	.stdview_card.none {background:var(--border);}
	.stdview_card.none .stdcard_title .stdview_card_btn {color:var(--text-sub-light); background:var(--border-light);}
	.stdview_card .stdcard_info {display:flex; align-items:center; gap:8px; font-size:14px; color:var(--text-sub-light);}
	.stdview_card .stdcard_info > span {padding:4px 8px; width:55px; background-color:var(--mute-light); border-radius:1000px; text-align:center; box-sizing:border-box;}
}
@media screen and (max-width: 1200px) {
	.std-quickpro-area .stdview_card_area {grid-template-columns:1fr;
		.stdview_card .stdcard_title {align-items:start;}
	}
}

/* 주차별 출석현황 */
.attend-box {padding:16px; display:flex; flex-direction:column; gap:16px; background-color:var(--border-light); border-radius:8px; box-sizing:border-box;
	.tit {display:flex; align-items:center; justify-content:space-between;
		& > div {display:flex; align-items:center; gap:8px;}
		& > div div {padding:4px 8px; font-size:14px; line-height:100%; background-color:#fff; border-radius:1000px;}
		& > div div span {color:#28A745; font-weight:600; line-height:100%;}
		& > ul {display:flex; align-items:center; gap:16px;}
		& > ul li {position:relative; margin-left:16px; font-size:14px;}
		& > ul li::before {content:''; position:absolute; top:3px; left:-16px; width:12px; height:12px; border-radius:1000px;}
		& > ul li.completion::before {background:#28A745;}
		& > ul li.delete::before {background:var(--red);}
		& > ul li.test::before {background:var(--text-sub);}
	}
	.con .std_plan_table tr {
		th {width:55px; height:38px; text-align:center; background-color:var(--mute-light);}
		td {width:55px; height:38px; text-align:center; cursor:pointer;}
		th:first-child, td:first-child  {width:auto;}
		th.week_active {position:relative; background-color:#fff;}
		th.week_active::after {content:''; position:absolute; top:0; left:0; width:55px; height:38px; border:1px solid var(--secondary); border-bottom:none;}
		td.week_active {position:relative; background-color:#fff;}
		td.week_active::after {content:''; position:absolute; top:0; left:0; width:55px; height:38px; border:1px solid var(--secondary); border-top:none;}
		td span {display:inline-block; width:12px; height:12px; border-radius:1000px; vertical-align: middle; box-sizing:content-box;}
		td:hover span {border:2px solid var(--mute-dark);}
		td span.completion {background:#28A745;}
		td span.delete {background:var(--red);}
		td span.test {background:var(--text-sub);}
	}
}
@media screen and (max-width: 1200px) {
	.attend-box {
		.tit {flex-direction:column; align-items:start; gap:8px;}
		.con {overflow-x:scroll; overflow-y:hidden;
			.std_plan_table tr th {min-width:55px;}
		}
	}
}

/* 주차 차시 드롭다운 컨텐츠 */
.stdview_content .dropdown {display:flex; flex-direction:column; gap:16px; cursor:pointer;
	.always-visible .stdview_week {padding:16px; background-color:var(--border-light); border:1px solid var(--border); border-radius:8px; box-sizing:border-box;
		.stdview_weektitle p {margin-right:4px; font-weight:500;}
		.stdview_weektitle .week_attend {flex:0 0 auto; margin-right:8px; padding:4px 6px; width:48px; font-size:13px; color:#fff; border-radius:1000px; box-sizing:border-box;}
		.stdview_weektitle .week_attend.delete {background:var(--red);}
		.stdview_weektitle .week_attend.completion {background:#28A745;}
		.stdview_weektitle .week_attend.test {background:var(--text-sub);}
	}
	.always-visible .stdview_week .stdview_weektitle .att_sub_list {margin-left:16px; display:flex; align-items:center; justify-content:start; gap:16px;
		span {position:relative; padding-left:16px; font-size:14px; font-weight:600; color:#FAA61A;}
		span::before {content:'\f071'; position:absolute; top:0; left:0; font-family:'Font Awesome 6 Free';}
	}
	.always-visible .stdview_week.on {background-color:var(--primary-bglight); border-color:var(--primary); border-radius:8px 8px 0 0; border-bottom:none;}
	.stdview_session {overflow:hidden; border:1px solid var(--primary); border-radius:0 0 8px 8px; border-top:none;
		li {padding:16px; border-top:1px solid #e0e0e0;}
		& > li {display:flex; flex-flow:row nowrap; gap:var(--gap); align-items:center; text-align:center;}
		.session_title {background:var(--bg-color-skyblue); text-align:center;}
		.session_title .session_cont02 {text-align:center;}
		.session_cont01 {width:8%;}
		.session_cont02 {width:56%;}
		.session_cont02.session_play {text-align:left; color:var(--primary-dark); font-weight:500; display:flex; align-items:center; gap:var(--spacing); cursor:pointer;} 
		.session_cont02 .class_play {font-size:18px; color:var(--primary-dark);}
		.session_cont03 {width:14%;} 
		.session_cont04 {width:14%;} 
		.session_cont05 {width:8%;} 
	}
}
@media screen and (max-width: 1200px) {
	.stdview_content .dropdown .always-visible .stdview_week {padding:12px;}
	.stdview_content .dropdown .always-visible .stdview_week .stdview_weektitle {flex-flow:row wrap !important; font-size:16px;
		.att_sub_list {margin-left:8px; gap:8px;}
		span.p14 {order:3; margin-top:8px; width:100%; text-align:left;}
	}
	.stdview_content .dropdown .stdview_session {
		li {padding:8px;}
		.session_title {font-size:14px;}
		.session_cont01 {width:10%;}
		.session_cont02 {width:75%;}
		.session_cont05 {width:15%;}
		.session_cont02.session_play {font-size:14px;}
		.session_cont03, .session_cont04 {display:none;}
	}
}











/* 강의듣기 캡챠 */
.grecaptcha-badge {visibility:hidden; z-index:-999;}



/* 기존 랜딩페이지 */
.landing_area {position:relative; margin:0 auto; padding:0; overflow:hidden; width:100%;}
.landing_area ul li img {width:100%;}
.landing-mo {display:none;}
.bottom-fixed-bar {position: fixed; bottom: 0; width: 100%; background: #181818; z-index: 9999; font-family: sans-serif;}
.bottom-fixed-bar .toggle-btn {position: absolute; top: auto; bottom:100%; left: 50%; transform: translateX(-50%); cursor:pointer; border: none; color: #ffffff; padding: 12px 40px; 
	font-size: 18px; font-weight: 600; clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%); z-index: 1000; background: linear-gradient(130deg, #181818 30%, #f58328 50%, #181818 70%); background-size: 200% auto; animation: shine 5s linear infinite;}
.bottom-fixed-bar .toggle-btn .label {font-size: 18px; font-weight: 600;}
.bottom-fixed-bar .toggle-btn strong {font-weight: 800;}
.bottom-fixed-bar .toggle-btn:hover {color: #ffd96a;}
.bottom-fixed-bar .bar-inner {max-width: 1400px; margin: 0 auto; padding:0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 60px; box-sizing:border-box;}
.bottom-fixed-bar .bar-inner > div {max-height:180px;}
.bottom-fixed-bar .input-area {display: flex; flex-direction: row; gap: 10px; flex: 1;
	.left {display: flex; flex-direction: column; gap: 10px; flex: 1;}
	.left .row {display: flex; gap: 10px; flex-wrap: wrap; align-items: center;}
	.left input[type="text"], .bottom-fixed-bar .left select {background: #fff; border: none; border-radius: 8px; padding: 12px 16px; font-size: 14px; min-width: 160px; color: #000; font-weight: 500; flex: 1;}
	.left select {flex: 0 0 auto; width: 280px; max-width: 280px; background: #fff; border: none; border-radius: 8px; padding: 12px 16px; font-size: 14px; color: #000; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23212121' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 8px;}
	.left .agree input[type="checkbox"] {width: 16px; height: 16px; border: 1px solid #ccc; background: #fff; cursor: pointer;}
	.left .agree {font-size: 14px; display: flex; align-items: center; gap: 6px;}
	.left .agree a {color: #fff;}
	.right {display: flex; align-items: center; justify-content: center;}
	.consult-btn {background: #f58328; color: #fff; border: none; border-radius: 8px; padding: 30px 40px; font-weight: 700; font-size: 28px; cursor: pointer; white-space: nowrap;}
	.consult-btn:hover {background:#EF6F09;}
}
.bottom-fixed-bar .tel-area {display:flex; align-items:start; flex-flow: column nowrap; gap:16px; text-align: left; color: #ffd96a;}
	.tel-label {margin:0; font-size: 18px; color: #ffd96a; letter-spacing: 0.5px; font-weight: 400; line-height: 1;}
	.tel-number {margin:0; font-size: 48px; font-weight: 600; color: #ffd96a; letter-spacing: -1px; line-height: 1;}
}
.bottom-fixed-bar .kakao-area {
	a {display:block}
	img {max-height: 180px;}
	.bar-inner {max-height: 180px; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;}
}
.bottom-fixed-bar.collapsed .bar-inner {max-height: 0; padding: 0; overflow: hidden;}
.toggle-btn .arrow {margin-left: 8px; transition: transform 0.3s ease; font-size: 12px;}
@keyframes shine {
  0% {background-position: -200%;}
  100% {background-position: 200%;}
}
@media (max-width: 980px) {
	.landing_area {width:100%;}
	.landing-pc {display:none;}
	.landing-mo {display:block;}
	.bottom-fixed-bar .toggle-btn {top:-48px; width: max-content; font-size:16px;}
	.bottom-fixed-bar .toggle-btn .label {font-size:16px;}
	.bottom-fixed-bar .bar-inner {padding-top:20px; flex-direction: column; gap: 20px; max-height: max-content;}
	.bottom-fixed-bar .bar-inner > div {max-height:fit-content;}
	.bottom-fixed-bar .input-area {flex-direction: column; gap: 20px;}
	.bottom-fixed-bar .input-area .left .row {flex-direction: column; align-items: stretch;}
	.bottom-fixed-bar .input-area .left input[type="text"], .bottom-fixed-bar .input-area .left select {width: 100%; max-width: 100%; min-width:300px;}
	.bottom-fixed-bar .input-area .consult-btn {width: 100%; font-size: 20px; padding: 20px;}
	.bottom-fixed-bar .tel-area {display:none;}
	.bottom-fixed-bar .kakao-area {width:100%; background:#895435; text-align: center;}
	.bottom-fixed-bar .kakao-area img {max-height: 80px;}
}






/* NEW LANDING */
/* 공통 요소 및 레이아웃 */
.landing-area {position:relative; margin:0 auto; padding:0; width:100%; overflow:hidden; box-sizing:border-box; font-family:'Paperozi', sans-serif;}
.landing-area * {font-weight:400; line-height:110%; letter-spacing:0px;}
.landing-area i {font-family:'Font Awesome 6 Free', sans-serif;}
.landing-area b {font-weight:800;}
.landing-area > section {padding:120px 0;}
.landing-area .landing-sub-img {display:block; max-width:100%; margin:0 auto;}
@media (max-width:1200px) {
	.landing-area > section {padding:60px 16px;}
}

/* landing header */
.landing-head {width:100%; height:800px; display:flex; justify-content:center; align-items:center; background-size:cover; background-position:center; background-repeat:no-repeat;
	& > div {display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center;}
	h2 {margin-bottom:30px; font-size:150px; font-weight:800; letter-spacing:10px; color:#fff; opacity:0; animation:customZoomIn 0.4s ease-out forwards;}
	p {font-size:40px;}
	span {font-size:24px; color:#fff;}
	a {margin-top:30px; padding:24px 40px; font-size:28px; color:#fff; border-radius:1000px;}
	a:hover {box-shadow:inset 0 0 0 100px rgba(0,0,0,0.2);}
}
@media (max-width:1200px) {
	.landing-head {height:auto; min-height:480px;
		h2 {margin-bottom:16px; font-size:60px;}
		p {font-size:28px;}
		span {font-size:18px;}
		a {margin-top:16px; padding:16px 30px; font-size:24px;}
	}
}
@keyframes customZoomIn {
	0%{opacity:0; transform:scale(0.8);} 
	100%{opacity:1;transform:scale(1);}
}

/* landing top */
.landing-top {background:linear-gradient(120deg, #1a1a1a 0%, #000000 50%, var(--primary-darken) 100%); color:#fff;}
/* 01 */
.landing-top .top-tit {display:flex; align-items:center; gap:30px;
	p {font-size:140px; font-weight:600; color:var(--gray);}
	h3 {font-size:48px; font-weight:400;}
	h3 span {margin-top:8px; display:inline-block; font-weight:800;}
}
.landing-top .top-01 {display:flex; flex-direction:column; gap:30px;}
.landing-top .top-01 ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:30px;}
.landing-top .top-01 ul li {position:relative; padding:30px; display:flex; flex-direction:column; gap:30px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); text-align:center; border-radius:16px;
	div {position:absolute; top:-8px; right:-8px; padding:16px; display:flex; align-items:center; justify-content:center; width:60px; height:60px; 
			background:var(--text-sub); border-radius:1000px;}
	div i {font-size:28px; color:var(--border);}
}
.landing-top ul li {
	p {font-size:18px;}
	p span {display:block; margin-bottom:8px; font-size:28px; font-weight:600;}
}
/* 02 */
.landing-top .top-02 {margin-top:120px; display:flex; flex-direction:column; gap:30px;}
.landing-top .top-02 .top-tit {justify-content:end;
	p {order:2;}
	h3 {order:1; text-align:right;}
}
.landing-top .top-02 ul {position:relative; display:grid; grid-template-columns:repeat(4, 1fr); align-items:center; justify-content:space-between; z-index:1;
	&::before {content:''; position:absolute; top:50%; left:120px; right:120px; height:1px; background:rgba(255,255,255,0.5); transform:translateY(-50%); z-index:-1;}
}
.landing-top .top-02 ul li {position:relative; padding:16px; width:240px; height:240px; text-align:center; box-sizing:border-box;
									display:flex; align-items:center; justify-content:center; border:2px solid rgba(255,255,255,0.5); border-radius:50%; background:#000000;
	&::after {content:''; position:absolute; top:15px; bottom:15px; left:15px; right:15px; background:rgba(255,255,255,0.1); border-radius:50%; z-index:0;}
	p {z-index:1;}
}
@media (max-width:1200px) {
	.landing-top .top-tit {flex-direction:column; text-align:center;
		p {font-size:100px;}
		h3 {margin-top:-60px; font-size:36px;}
	}
	.landing-top .top-01 ul {grid-template-columns:1fr; gap:16px;}
	.landing-top .top-01 ul li:nth-child(1) div {left:-8px;}
	.landing-top .top-01 ul li:nth-child(3) div {left:-8px;}
	.landing-top .top-01 ul li {
		div {width:48px; height:48px;}
		div i {font-size:21px;}
	}
	.landing-top ul li {
		p {font-size:16px;}
		p span {font-size:24px;}
	}
	.landing-top .top-02 {margin-top:60px;}
	.landing-top .top-02 .top-tit {
		p {order:1;}
		h3 {order:2; text-align:center;}
	}
	.landing-top .top-02 ul {flex-direction:column; grid-template-columns:1fr; gap:16px;
		&::before {width:1px; height:auto; top:100px; bottom:100px; left:50%; right:auto; transform:translateX(-50%);}
	}
	.landing-top .top-02 ul	li {padding:24px;width:100%; height:auto; border-radius:1000px;
		&::after {top:8px; bottom:8px; left:8px; right:8px; border-radius:1000px;}
	}
}

/* landing cont 공통 */
/* 타이틀 */
.landing-cont h3 {margin-bottom:30px; font-size:60px; font-weight:400; text-align:center;
	span {display:block; margin-top:16px; font-weight:800;}
}
@media (max-width:1200px) {
	.landing-cont h3 {font-size:36px;
		span {margin-top:8px;}
	}
}
/* grid */
.landing-area .grid-2 {display:grid; grid-template-columns:repeat(2, 1fr); gap:30px;}
.landing-area .grid-3 {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.landing-area .grid-4 {display:grid; grid-template-columns:repeat(4, 1fr); gap:30px;}
.landing-area .grid-5 {display:grid; grid-template-columns:repeat(5, 1fr); gap:30px;}
@media (max-width:1200px) {
	.landing-area :is(.grid-2, .grid-3, .grid-4, .grid-5) {grid-template-columns:1fr !important;}
}
/* btn */
.small-link-btn {display:block; margin:0 auto; padding:8px 16px; width:fit-content; font-size:18px; text-align:center;}


/* round box */
.landing-cont .landing-round-box {display:flex; flex-direction:column;
	.box-tit {padding:16px; font-size:28px; font-weight:600; color:#fff; text-align:center; border-radius:16px;}
	.box-con {flex:1; margin-top:16px; padding:30px; display:flex; flex-direction:column; gap:30px; background:#fff; text-align:center; border:1px solid var(--border); border-radius:16px;}
	.box-con.left {text-align:left;}
	.box-con p {font-size:28px; font-weight:600;}
}
@media (max-width:1200px) {
	.landing-cont .landing-round-box {
		.box-tit {font-size:24px;}
		.box-con {padding:16px; gap:16px;}
		.box-con p {font-size:21px;}
	}
}



/* sum-box*/
.landing-cont .sum-box {display:grid; align-items:stretch; justify-content:center; gap:16px;}
.landing-cont .sum-box li {position:relative; padding:16px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; 
									font-size:18px; background:var(--border-light); border-radius:8px; text-align:center;}
.landing-cont .sum-box li.mark::before,.landing-cont .sum-box li.mark-end::before {
	position:absolute; left:-8px; top:50%; transform:translate(-50%,-50%); padding-top:2px; display:flex; align-items:center; justify-content:center; 
	width:28px; height:28px; background:#fff; border-radius:50%; box-shadow:0 2px 5px rgba(0,0,0,0.1); font-size:18px; font-weight:600; z-index:1;}
.landing-cont .sum-box li.mark::before {content:'+';}
.landing-cont .sum-box li.mark-end::before {content:'=';}
.landing-cont .sum-box li span {font-size:21px; font-weight:600;}
@media (max-width:1200px) {
	.landing-cont .sum-box li.mark::before,.landing-cont .sum-box li.mark-end::before {left:50%;top:-8px;}
	.landing-cont .sum-box li {flex-direction:row; font-size:16px;}
	.landing-cont .sum-box li span {font-size:18px;}
}

/* step box */
.landing-cont .landing-step-box {position:relative; display:flex; flex-direction:column; gap:30px;}
.landing-cont .landing-step-box > ul {position:relative; margin-left:120px; display:flex; flex-direction:column; gap:16px; z-index:1;
	li {display:flex; align-items:center; gap:16px;}
	li div {padding:16px 24px; display:flex; align-items:center; font-size:18px; border:2px solid var(--border); background:var(--border-light); border-radius:1000px;}
	li p {font-size:24px; font-weight:600;}
}
@media (max-width:1200px) {
	.landing-cont .landing-step-box > ul {margin-left:0;
		li {gap:8px;}
		li div {padding:8px 16px; flex:0 0 auto; font-size:16px;}
		li p {font-size:18px;}
	}
}
.landing-cont .landing-step-box .landing-cs-banner {position:relative; padding:60px 120px; display:flex; align-items:center; gap:80px; border-radius:1000px; box-sizing:border-box;
	p {position:relative; display:flex; flex-direction:column; gap:8px; color:#fff; font-size:28px; font-weight:600; z-index:1;}
	p span {font-size:21px; font-weight:400;}
	ul {position:relative; display:flex; gap:16px; z-index:1;}
	ul li a {padding:16px 24px; display:block; background:#fff; border-radius:1000px; font-size:18px;}
	ul li a:hover {background:#000; color:#fff;}
	img {position:absolute; bottom:170px; right:80px; z-index:0;}
	img {margin-left:auto; width:100%; max-width:360px;}
}
@media (max-width:1200px) {
	.landing-cont .landing-step-box .landing-cs-banner {padding:16px; flex-direction:column; gap:16px; border-radius:16px; text-align:center;
		p {font-size:24px;}
		p span {font-size:16px;}
		img {display:none;}
		ul {width:100%; flex-direction:column;}
		ul li a {padding:16px;}
	}
}

/* grid box */
.landing-cont .landing-grid-box {display:grid; align-items:stretch; justify-content:center; gap:30px;}
.landing-cont .landing-grid-box.grid-4 {grid-template-columns:repeat(2, 1fr);}
.landing-cont .landing-grid-box li {padding:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; box-sizing:border-box; background:#fff; text-align:center; border-radius:16px;
	div {padding:8px; width:60px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:50%; box-sizing:border-box;}				
	div i {font-size:24px; color:#fff;}
	p {font-size:18px; color:var(--text-sub-light);}
	span {font-size:28px; font-weight:600;}
}
@media (max-width:1200px) {
	.landing-cont .landing-grid-box li {padding:16px; gap:8px;
		div {margin-bottom:8px; width:40px; height:40px;}
		div i {font-size:18px;}
		p {font-size:16px;}
		span {font-size:21px;}
	}
}

/* table box */
.landing-cont .landling-table-box {display:flex; flex-direction:column; align-items:start; gap:16px;}
.landing-cont .landling-table-box > ul {width:100%; display:flex; gap:16px; box-sizing:border-box;}
.landing-cont .landling-table-box > ul li {padding:24px; display:flex; align-items:center; flex-shrink:1; word-break:keep-all; font-size:18px; line-height:120%; border-radius:16px;}
.landing-cont .landling-table-box > ul.table-head li {justify-content:center; color:#fff; font-size:24px; font-weight:600; text-align:center;}
.landing-cont .landling-table-box > ul li.center {justify-content:center; text-align:center;}
.landing-cont .landling-table-box > ul.table-body li {background:#fff;}
.landing-cont .landling-table-box > ul.table-body .lc-font {font-weight:600;}
.landing-cont .landling-table-box .w-10 {width:10%;}
.landing-cont .landling-table-box .w-20 {width:20%;}
.landing-cont .landling-table-box .w-25 {width:25%;}
.landing-cont .landling-table-box .w-30 {width:30%;}
.landing-cont .landling-table-box .w-40 {width:40%;}
.landing-cont .landling-table-box .w-45 {width:45%;}
.landing-cont .landling-table-box .w-50 {width:50%;}
.landing-cont .landling-table-box .w-75 {width:75%;}
.landing-cont .landling-table-box .w-80 {width:80%;}
.landing-cont .landling-table-box .w-100 {width:100%;}
@media (max-width:1200px) {
	.landing-cont .landling-table-box {gap:8px;}
	.landing-cont .landling-table-box > ul {gap:8px;}
	.landing-cont .landling-table-box > ul li {padding:12px; font-size:16px; border-radius:8px;}
	.landing-cont .landling-table-box > ul.table-head li {font-size:21px;}
}

/* Q&A box */
.landing-cont .landing-qna-box {display:flex; flex-direction:column; align-items:center; gap:30px;
	li {padding:24px; width:100%; display:flex; flex-direction:column; align-items:start; gap:16px; border-radius:16px; box-sizing:border-box;}
	.q-box {display:flex; align-items:center; gap:8px;}
	.q-box div {padding:8px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; font-size:24px; color:#fff; border-radius:1000px;}
	.q-box p {font-size:24px; line-height:120%;}
	.q-box p span {font-weight:600;}
	.a-box {padding:16px; width:100%; font-size:18px; line-height:120%; background:#fff; border-radius:16px; box-sizing:border-box;}
	.a-box span {font-weight:600;}
}
@media (max-width:1200px) {
	.landing-cont .landing-qna-box {
		.q-box div {font-size:21px;}
		.q-box p {font-size:21px;}
		.a-box {font-size:16px;}
	}
}

/* landing 강조 텍스트 */
.landing-area .landing-emp {font-size:28px; line-height:120%; text-align:center;
	span {padding:4px; font-weight:600;}
}
@media (max-width:1200px) {
	.landing-area .landing-emp {font-size:21px;
		span {margin-top:4px; display:inline-block;}
	}
}

/* landing 유의사항 */
.landing-area .small-note {margin-top:30px; font-size:15px; color:var(--text-sub-light); text-align:center;}
@media (max-width:1200px) {
	.landing-area .small-note {font-size:14px;}
}

/* landing since */
.landing-since {width:100%; background:#313238; box-sizing:border-box;}
.landing-since .since-cont {display:flex; flex-direction:column; align-items:center; gap:30px;}
/* 타이틀 */
.landing-since .since-tit {color:#fff; text-align:center;
	p {margin-bottom:30px; font-size:21px; letter-spacing:4px;}
	h3 {margin-bottom:30px; font-size:60px; font-weight:400;}
	h3 span {display:block; margin-top:16px; font-weight:800;}
}
/* 내용 */
.landing-since .since-cont > div {position:relative; margin:30px 0; padding:24px 48px; display:inline-flex; align-items:center; justify-content:center; gap:60px; color:#fff; border-radius:1000px;
	p {display:flex; flex-direction:column; align-items:center; gap:8px; font-size:21px;}
	p span {font-size:40px; font-weight:600;}
	a {padding:16px 30px; display:flex; align-items:center; justify-content:center; z-index:1; background:#fff; color:var(--text-base); font-size:18px; text-align:center; border-radius:1000px;}
}
.landing-since .since-cont > div::after {content:''; position:absolute; top:-15px; bottom:-15px; left:-15px; right:-15px; z-index:0; border:1px dashed rgba(255,255,255,0.5); border-radius:1000px;}
.landing-since .since-cont > div a:hover {background:#000; color:#fff;}
.landing-since .since-cont > ul {width:100%; display:flex; align-items:stretch; justify-content:center; background:rgba(0,0,0,0.3); border-radius:16px;}
.landing-since .since-cont > ul li {position:relative; padding:40px; flex:25% 0 0; display:flex; flex-direction:column; align-items:center; gap:16px; font-size:24px; color:#fff;}
.landing-since .since-cont > ul li::after {content:''; position:absolute; top:15%; right:0; width:1px; height:140px; background:rgba(255,255,255,0.1);}
.landing-since .since-cont > ul li:last-child::after {content:none;}
.landing-since .since-cont > ul li .lc-font {font-size:40px; font-weight:600;}
.landing-since .since-cont > ul li span {font-size:16px; color:var(--gray);}
.landing-since .small-note {color:var(--gray);}
@media (max-width:1200px) {
	.landing-since .since-tit {
		p {margin-bottom:16px; font-size:18px;}
		h3 {font-size:36px;}
		h3 span {margin-top:8px;}
	}
	.landing-since .since-cont > div {margin:16px 0; padding:16px 40px; flex-direction:column; gap:16px;
		p {flex-direction:row; font-size:16px;}
		p span {font-size:24px;}
		a {padding:8px 16px;}
	}
	.landing-since .since-cont > ul {flex-direction:column;
		li {padding:24px 8px; gap:8px; font-size:18px;}
		li .lc-font {font-size:28px;}
		li::after {top:100%; right:10%; width:80%; height:1px;}
		li span {display:none;}
	}
}

/* landing choice */
.landing-choice {width:100%; background:#000; box-sizing:border-box;}
.landing-choice .choice-tit {
	color:#fff; text-align:center;
	h3 {margin-bottom:30px; font-size:60px; font-weight:400;}
	h3 span {display:block; margin-top:16px; font-weight:800;}
}
/* 내용 */
.landing-choice .choice-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;
	li {padding:24px 16px; display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center; background:var(--text-base); color:#fff; border-radius:16px;}
	li > div {padding:20px; background:var(--text-sub); border-radius:1000px;}
	li > div span {display:block; width:40px; height:40px; background-color:var(--point); mask-repeat:no-repeat; mask-size:contain; mask-position:center;
						-webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; -webkit-mask-position:center;}
	li > h5 {font-size:28px;}
	li > p {font-size:18px; line-height:130%;}
}
.landing-choice .choice-list li.choice01 > div span {mask-image:url(/img/main/main_special_icon01.png); -webkit-mask-image:url(/img/main/main_special_icon01.png);}
.landing-choice .choice-list li.choice02 > div span {mask-image:url(/img/main/main_special_icon02.png); -webkit-mask-image:url(/img/main/main_special_icon02.png);}
.landing-choice .choice-list li.choice03 > div span {mask-image:url(/img/main/main_special_icon03.png); -webkit-mask-image:url(/img/main/main_special_icon03.png);}
.landing-choice .choice-list li.choice04 > div span {mask-image:url(/img/main/main_special_icon04.png); -webkit-mask-image:url(/img/main/main_special_icon04.png);}
.landing-choice .choice-list li.choice05 > div span {mask-image:url(/img/main/main_special_icon05.png); -webkit-mask-image:url(/img/main/main_special_icon05.png);}
.landing-choice .choice-list li.choice06 > div span {mask-image:url(/img/main/main_special_icon06.png); -webkit-mask-image:url(/img/main/main_special_icon06.png);}
@media (max-width:1200px) {
	.landing-choice {
		.choice-tit h3 {font-size:36px;}
		.choice-tit h3 span {margin-top:8px;}
		.choice-list {grid-template-columns:repeat(2, 1fr);; gap:8px;}
		.choice-list li > h5 {font-size:21px;}
		.choice-list li > h5 span, .choice-list li > p {display:none;}
	}
}

/* landing cs */
.landing-cs {width:100%; box-sizing:border-box;}
.landing-cs h3 {margin-bottom:30px; font-size:60px; font-weight:400; color:#fff; text-align:center;}
.landing-cs h3 span {display:block; margin-top:16px; font-weight:800;}
/* 내용 */
.landing-cs .cs-box {margin:0 auto; padding:30px; width:100%; max-width:800px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; 
							background:#fff; border-radius:18px; box-sizing:border-box;}
.landing-cs .cs-box .cs-input-box {width:100%; display:flex; flex-direction:column; gap:8px;
	li {display:flex; align-items:center; justify-content:start; gap:8px;}
	li > * {padding:16px; font-size:18px; background:var(--border-light); border-radius:8px;}
	li p {flex:60px 0 0; padding:16px 0; background:none; color:var(--text-sub); text-align:center;}
	li div {flex:1;}
	li.phone div {padding:0; display:flex; align-items:center; justify-content:center; gap:16px; background:none;}
	li.phone div input {padding:16px; flex:1; width:100%; min-width:0; text-align:center; background:var(--border-light); border-radius:8px; box-sizing:border-box;}
	li.phone div span {flex-shrink:0;}
}

.landing-cs .cs-box button {padding:16px; width:100%; font-size:24px; font-weight:600; background:#000; color:#fff; border-radius:8px;}
.landing-cs .cs-box button:hover {color:var(--yellow);}
.landing-cs .cs-box .cs-check-box {width:100%; display:flex;align-items:center; justify-content:center; gap:16px;}
@media (max-width:1200px) {
	.landing-cs h3 {font-size:32px;}
	.landing-cs h3 span {margin-top:8px;}
	.landing-cs .cs-box {padding:16px;}
	.landing-cs .cs-box .cs-input-box > li p {display:none;}
	.landing-cs .cs-box .cs-check-box {flex-direction:column; align-items:start; gap:8px;}
}

/* 색상 */
/* red */
.landing-color-red .lc-font {color:#FF0000 !important;}
.landing-color-red .lc-bg {background:#FF0000 !important}
.landing-color-red .lc-bg-light {background:#FFE5E5 !important}
.landing-color-red .lc-bg-dark {background:#660000 !important}
.landing-color-red .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(102,0,0,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-red .landing-head h2 {text-shadow:3px 3px 5px #FF0000;}
/* navy */
.landing-color-navy .lc-font {color:#0088FF !important;}
.landing-color-navy .lc-bg {background:#0088FF !important}
.landing-color-navy .lc-bg-light {background:#E5F3FF !important}
.landing-color-navy .lc-bg-dark {background:#003666 !important}
.landing-color-navy .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,54,102,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-navy .landing-head h2 {text-shadow:3px 3px 5px #0088FF;}
/* blue */
.landing-color-blue .lc-font {color:#00C2FF !important;}
.landing-color-blue .lc-bg {background:#00C2FF !important}
.landing-color-blue .lc-bg-light {background:#E5F9FF !important}
.landing-color-blue .lc-bg-dark {background:#004E66 !important}
.landing-color-blue .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,78,102,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-blue .landing-head h2 {text-shadow:3px 3px 5px #00C2FF;}
/* green */
.landing-color-green .lc-font {color:#00C838 !important;}
.landing-color-green .lc-bg {background:#00C838 !important}
.landing-color-green .lc-bg-light {background:#CCFFDA !important}
.landing-color-green .lc-bg-dark {background:#004D15 !important}
.landing-color-green .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,77,21,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-green .landing-head h2 {text-shadow:3px 3px 5px #00C838;}
/* mint */
.landing-color-mint .lc-font {color:#0BD9A0 !important;}
.landing-color-mint .lc-bg {background:#0BD9A0 !important}
.landing-color-mint .lc-bg-light {background:#E5FFF8 !important}
.landing-color-mint .lc-bg-dark {background:#004D37 !important}
.landing-color-mint .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,77,55,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-mint .landing-head h2 {text-shadow:3px 3px 5px #0BD9A0;}
/* orange */
.landing-color-orange .lc-font {color:#FF8311 !important;}
.landing-color-orange .lc-bg {background:#FF8311 !important}
.landing-color-orange .lc-bg-light {background:#FFF2E5 !important}
.landing-color-orange .lc-bg-dark {background:#663100 !important}
.landing-color-orange .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(102,49,0,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-orange .landing-head h2 {text-shadow:3px 3px 5px #FF8311;}
/* scarlet */
.landing-color-scarlet .lc-font {color:#FF4F30 !important;}
.landing-color-scarlet .lc-bg {background:#FF4F30 !important}
.landing-color-scarlet .lc-bg-light {background:#FFE9E5 !important}
.landing-color-scarlet .lc-bg-dark {background:#660F00 !important}
.landing-color-scarlet .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(102,15,0,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-scarlet .landing-head h2 {text-shadow:3px 3px 5px #FF4F30;}
/* hot pink */
.landing-color-hotpink .lc-font {color:#FF00FF !important;}
.landing-color-hotpink .lc-bg {background:#FF00FF !important}
.landing-color-hotpink .lc-bg-light {background:#FFE5FF !important}
.landing-color-hotpink .lc-bg-dark {background:#660066 !important}
.landing-color-hotpink .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(102,0,102,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-hotpink .landing-head h2 {text-shadow:3px 3px 5px #FF00FF;}
/* violet */
.landing-color-violet .lc-font {color:#B83DFF !important;}
.landing-color-violet .lc-bg {background:#B83DFF !important}
.landing-color-violet .lc-bg-light {background:#F6E5FF !important}
.landing-color-violet .lc-bg-dark {background:#410066 !important}
.landing-color-violet .landing-head {--bg-img:none; background-image:linear-gradient(rgba(0,0,0,0.8),rgba(65,0,102,0.8)),var(--bg-img); 
												background-size:cover; background-position:center; background-repeat:no-repeat;}
.landing-color-violet .landing-head h2 {text-shadow:3px 3px 5px #B83DFF;}

/* 배경 */
/* 배경색 */
.landing-white-bg {background:#fff;}
.landing-gray-bg {background:var(--border-light);}
/* 공인회계사 */
.landing-head.accountant {--bg-img:url('/img/landing/landing-account-pc.png');}
@media (max-width:1200px) {
	.landing-head.accountant {--bg-img:url('/img/landing/landing-account-mo.png');}
}
/* 사회복지사 */
.landing-head.socialwel {--bg-img:url('/img/landing/landing-socialwel-pc.png');}
@media (max-width:1200px) {
	.landing-head.socialwel {--bg-img:url('/img/landing/landing-socialwel-mo.png');}
}
/* 평생교육사 */
.landing-head.longedu {--bg-img:url('/img/landing/landing-longedu-pc.png');}
@media (max-width:1200px) {
	.landing-head.longedu {--bg-img:url('/img/landing/landing-longedu-mo.png');}
}
/* 건강가정사 */
.landing-head.healfam {--bg-img:url('/img/landing/landing-healfam-pc.png');}
@media (max-width:1200px) {
	.landing-head.healfam {--bg-img:url('/img/landing/landing-healfam-mo.png');}
}
/* 청소년지도사 */
.landing-head.youthins {--bg-img:url('/img/landing/landing-youthins-pc.png');}
@media (max-width:1200px) {
	.landing-head.youthins {--bg-img:url('/img/landing/landing-youthins-mo.png');}
}
/* 장애영유아 보육교사 */
.landing-head.disinfant {--bg-img:url('/img/landing/landing-disinfant-pc.png');}
@media (max-width:1200px) {
	.landing-head.disinfant {--bg-img:url('/img/landing/landing-disinfant-mo.png');}
}
/* 사회복지현장실습 */
.landing-head.socialwfp {--bg-img:url('/img/landing/landing-socialwfp-pc.png');}
@media (max-width:1200px) {
	.landing-head.socialwfp {--bg-img:url('/img/landing/landing-socialwfp-mo.png');}
}
/* 교양 */
.landing-head.refine {--bg-img:url('/img/landing/landing-refine-pc.png');}
@media (max-width:1200px) {
	.landing-head.refine {--bg-img:url('/img/landing/landing-refine-mo.png');}
}
/* 문헌정보학 */
.landing-head.library {--bg-img:url('/img/landing/landing-library-pc.png');}
@media (max-width:1200px) {
	.landing-head.library {--bg-img:url('/img/landing/landing-library-mo.png');}
}
/* 경영학 */
.landing-head.management {--bg-img:url('/img/landing/landing-management-pc.png');}
@media (max-width:1200px) {
	.landing-head.management {--bg-img:url('/img/landing/landing-management-mo.png');}
}
/* 심리학 */
.landing-head.psychology {--bg-img:url('/img/landing/landing-psychology-pc.png');}
@media (max-width:1200px) {
	.landing-head.psychology {--bg-img:url('/img/landing/landing-psychology-mo.png');}
}
/* 상담학 */
.landing-head.counseling {--bg-img:url('/img/landing/landing-counseling-pc.png');}
@media (max-width:1200px) {
	.landing-head.counseling {--bg-img:url('/img/landing/landing-counseling-mo.png');}
}
/* 아동학 */
.landing-head.child {--bg-img:url('/img/landing/landing-child-pc.png');}
@media (max-width:1200px) {
	.landing-head.child {--bg-img:url('/img/landing/landing-child-mo.png');}
}
/* 산업기사/기사 */
.landing-head.engineer {--bg-img:url('/img/landing/landing-engineer-pc.png');}
@media (max-width:1200px) {
	.landing-head.engineer {--bg-img:url('/img/landing/landing-engineer-mo.png');}
}
/* 평생교육실습 */
.landing-head.longedupra {--bg-img:url('/img/landing/landing-longedupra-pc.png');}
@media (max-width:1200px) {
	.landing-head.longedupra {--bg-img:url('/img/landing/landing-longedupra-mo.png');}
}