@charset "utf-8";
/* CSS sub */

/* 로그인 */	/*20250124 수정*/ /*20250201수정*/

/* 로그인 전체 */
.login_wrap{display: flex; flex-direction: column; align-items: center; padding: 0 10%; margin-bottom: 20px;}

/* 상단 공지 */ /*겹쳐서 합쳐도 될듯*/
.notice_box{display: flex; justify-content: center; align-items: center; width: 100%; height: 25px; border: 1px solid #bababa;
	padding: 10px 0; background-color:  #344973; border:none; }
.notice_box img{width: 15px; height: 15px;margin-right: 5px;}
.notice_box p{text-align: center; color: white; font-size: 15px;}
.notice_box p span{color: rgb(103, 235, 255);}

/* 일반 로그인 */
.login_wrap .input_box{width:100%;}
.login_wrap .input_box h1{font-size: 30px;}
.login_wrap .input_box p{text-align: center;}
.login_wrap .input_box form{display: flex; flex-direction: column;align-items: center;}
.login_wrap .input_box .login_box{width:100%;  display: flex; justify-content: center; position:relative;}
.login_wrap .input_box .login_box input{width: 100%;height: 45px;font-size: 16.5px;padding-left: 40px;
	border: 1.5px solid #D3D3D3; border-radius: 10px;}
.login_wrap .input_box .login_remember_box{width: 100%; display: flex; justify-content: space-between;}
.login_wrap .input_box .login_remember_box .remember_box{font-size: 15px;}
.login_wrap .input_box .loginBtn_box{display: flex; flex-direction: column; align-items: center; width: 100%}
.login_wrap .input_box .loginBtn_box button{border-radius: 10px; font-size: 20px; font-weight: 700; width: 100%; height: 45px;
	border: 1px solid #4879db; background-color: #3a79fa; color: #ffffff;}
/* SNS 로그인 */
.auth_box{}
.auth_box a{font-size: 15px; color: black;}
.login_wrap .input_box .login_sns_box{display: flex; justify-content: center;}
.login_wrap .input_box .login_sns_box img{width: 180px; height: 45px;}

/*아이디비밀번호찾기 페이지 탭*/ /*20250126 수정*/	/*20250201수정*/ /*20250204 수정`*/
/* 찾기 페이지 전체 */
.find_wrap{display: flex; flex-direction: column; align-items: center; padding: 0 10%; margin-bottom: 20px;}

/* 상단 공지 */ /*겹쳐서 합쳐도 될듯*/
.find-notice_box{display: flex; justify-content: flex-start; width: 100%;  border: 1px solid #bababa;
	padding: 10px 0; background-color:  #344973; border:none; }
.find-notice_box img{margin-top: 1.5px; width: 15px; height: 15px;margin-right: 5px; margin-left: 10px;}
.find-notice_box p{color: white; font-size: 15px; margin-right: 10px;}
.find-notice_box p span{color: rgb(103, 235, 255);}


/* 찾기 */
.find-wrapper{padding: 0 20px;}
.find_box{width:100%;}
.find_box .tabs{display: flex; justify-content: center; width: 100%;}
.find_box .tabs li{padding: 7px 20px; width: 50%; height: 25px;display: flex; align-items: center; justify-content: center;
	font-size: 16px;border: 1px solid #ddd; cursor: pointer;border-radius: 5px; background-color: whitesmoke;}
.find_box .tabs li.active{background-color: #3a79fa !important; color: white !important; border-color: #3a79fa !important;}
.find_box .tabs li:first-child{margin-right: 1px;}
.find_box .tab_container{}
.find_box .tab_container .tab_content{display: flex; justify-content: center;}
.find_box .tab_container .tab_content .tab_input{display: flex; flex-direction: column;
	align-items: center; width: 100%;}
.find_box .tab_container .tab_content .tab_input .login_box{width:100%;
	display: flex; justify-content: center;}
.find_box .tab_container .tab_content .tab_input .login_box input{width: 90%;height: 45px;font-size:
		14px;padding-left: 40px;border: 1.5px solid #D3D3D3;border-radius: 10px;background: none;}
.find_box .tab_container .tab_content .tab_input .loginBtn_box{width: 90%; text-align: center;}
.find_box .tab_container .tab_content .tab_input .loginBtn_box button{width: 100%; height: 40px;
	border-radius: 5px; background-color: #3a79fa; border: 1px solid #3a79fa; color: white; font-size: 18px;}
.find_box .login_link{ width: 95%; display: flex; justify-content: flex-end; margin-top: 10px;}
.find_box .login_link a{ font-size: 13px; font-weight: 500; }

/*회원가입 약관동의페이지*/
.signup{width:100%; padding:15px;box-sizing:border-box;background:#f7f7f7;}
.signup .signup_box{width:100%; height:100px; padding:5px; box-sizing:border-box;  color:#888; text-align:justify; border:1px solid #CCC; overflow:auto;background:#fff;}

.signup .loginBtn_box{padding-top:25px;width:100%;}
.signup .loginBtn_box li{width:100%; text-align:center;}
.signup .loginBtn_box li:first-child input{width:100%; color:#ccc;  cursor:pointer;}
.signup .loginBtn_box li:last-child input{width:320px; height:50px;}

.signup .Ptext{width:100%; box-sizing:border-box; border-left:3px solid #707070; text-indent:5px; color:#165b98; font-size:14px; font-weight:bold;}
.signup .Ptext span{color:#CCC;}


/*회원가입 완료페이지*/
.signup .signup_03Box{width:100%; overflow:hidden;}
.signup .signup_03Box img{width:100%;}

.top_subject_text{padding:10px;font-size:12px;color:#666;border-bottom:1px solid #ccc;background:#fff;}


/*간편상담예약 페이지*/
.quick{width:100%; background:#FFF; padding-bottom:20px;}
.quick .login_box{width:320px; margin:auto; position:relative;}
.quick .login_box input{width:280px; height:34px; padding:0 0 0 40px; box-sizing:content-box;border:none; border-bottom:1px solid #333; background:none;}
.quick .login_box p{width:34px; height:34px; position:absolute; left:0px; top:0px;}
.quick .login_box p img{width:100%;}
#Q_popupBtn{width:320px; height:30px; line-height:30px; text-align:center; margin:auto; cursor:pointer;}
.quick .loginBtn_box{width:320px; margin:auto; position:relative; overflow:hidden;}
.quick .loginBtn_box li{width:320px; height:30px; line-height:30px; text-align:center;}
.quick .loginBtn_box li:last-child{width:320px; height:50px;}
.quick .loginBtn_box li:last-child input{width:320px; height:50px; }
.quick .loginBtn_box li .checkbox{width:12px; height:12px;}
.quick .loginBtn_box li a{display:block; width:320px; height:30px;}
.quick .loginBtn_box li img{width:100%;}
/* 간편상담예약 페이지 - 개인정보수집 및 이용약관 확인하기팝업 */
#Q_popup{width:100%; position:fixed; bottom:0; left:-100%; height:60%; z-index:997; background:#FFF; color:#FFF; transition:all 0.3s; overflow: auto;}
#Q_popup.active {left:0;}
.Q_overlay {position: fixed; top:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.7); z-index:996; display:none;}
/* 간편상담예약 페이지 - 개인정보수집 및 이용약관 확인하기팝업 - 내용 */
.Q_popup_Box{width:100%; padding:10px; overflow:hidden; box-sizing:border-box; }
.Q_popup_Box p{width:100%; margin:auto; text-align:center; font-size:12px; font-weight:bold; padding-bottom:5px; border-bottom:2px solid #494949; color:#494949;}
.Q_popup_Box ul{text-align:left;}
.Q_popup_Box ul li{font-size:12px; color:#494949; line-height:15px; text-align:justify;}
.Q_popup_Box ul .popP{font-size:12px; color:#494949; line-height:15px; font-weight:bold; color:#165b98; text-align:justify;}
.Q_popup_Box ul .Q_popUp_list{border:1px solid #CCC;}
.Q_popup_Box ul .Q_popUp_list tr{height:35px; border-bottom:1px solid #CCC;}
.Q_popup_Box ul .Q_popUp_list td{padding:0 5px; border-right:1px solid #CCC;}

/* 메인 교육과정 2019-12-19_오나애 수정 */
.license {width: 100%;}
.license img {width: 100%;}
.license .license_top_img {width: 100%;}
.license .license_main_tab {cursor: pointer;}
.license .license_main_tab:hover {background:url('/image/c_license/c_j_tab10.jpg');}
.license #second_contents, .license #third_contents, .license #fourth_contents{display: none;}
.license #ban_contents, .license #yos_contents, .license #chc_contents, .license #bang_contents, .license #any_contents, .license #adong_contents, .license #sacha_contents, .license #sabog_contents, .license #pes_contents, .license #spi_contents, .license #gong_contents{display: none;}
.license .license_main .license_box {width: 46%; display: inline-block; text-align:center; border: 2px solid #ccc; margin: 1%; cursor: pointer;}
.license .license_main .license_box:nth-child(odd) {margin-right: 0%; margin-left: 2.1%;}
.license .license_main .license_box p {padding-top: 5%; font-weight: bold;}
.license .license_main .license_box ul li {width:  45%; display: inline-block; padding: 5% 2%;}
.license .license_main .license_box ul li:first-child {padding-right: 0%;}

/* 교육과정 2019-12-16_오나애 수정 */
.license .tabBox {display:block; width: 100%; overflow: hidden;background-position:0 100% !important;}
.license .tabBox li {display:inline-block; width: 50%; box-sizing:border-box; float:left; cursor: pointer;}
.license .tabBox li img {width:100% !important; height:auto !important;}

.license .subTab_box img {width: 100%;}
.license .sub_innerBox {width: 93.8%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3%; padding-bottom: 5%; display: inline-block;}
.license .sub_innerBox p {width: 90%; padding: 0 5%; padding-top: 5%;}
.license .sub_innerBox ul li {width: 50%; display: inline-block; box-sizing:border-box; float:left; cursor: pointer; text-align: center; margin-top: 5%;}
.license .sub_innerBox .second_ul li {width: 100%; display: inline-block; box-sizing:border-box; float:left; cursor: pointer; text-align: center; margin-top: 5%;}
.license .sub_innerBox ul li img {width:90% !important; height:auto !important;}
.license .sub_innerBox .search_pic img {width:95% !important; height:auto !important;}

.license table tr td {padding-top: 2%; padding-bottom: 2%; padding-left: 5%; border-bottom: 1px solid #ccc; }
.license table tr td span {color: #ee1010;}
.license table tr:last-child td {border-bottom: 0px;}

.license .profile {position: relative; margin-top: 5%;}
.license .profile_btn {position: absolute; right: 2%; bottom: 10%; width: 24%; cursor: pointer;}
.license .open_profile {width: 89.7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 3%; padding: 5%; line-height: 150%;}

.license #secondTab .explain p>img {width: 100%;}
.license .subTab_03 p>img {width: 100%;}
.license #thirdTab .explain p:nth-child(3)>img {width: 100%;}
.license #thirdTab .explain p:nth-child(5)>img {width: 100%;}
.license #thirdTab .explain p:nth-child(7)>img {width: 100%;}
.license #thirdTab .explain p:nth-child(9)>img {width: 100%;}

.license #fourTab .explain .subTab_box1:nth-child(1) p>img {width: 50%;}
.license #fourTab .explain .subTab_box1:nth-child(2) p>img {width: 50%;}
.license #fourTab .explain p:nth-child(3)>img {width: 100%;}
.license #fourTab .explain p:nth-child(5)>img {width: 100%;}
.license #fourTab .explain p:nth-child(7)>img {width: 100%;}
.license #fourTab .explain p:nth-child(9)>img {width: 100%;}
.license #fourTab table tr td {padding-top: 2%; padding-bottom: 2%; padding-left: 5%; border-bottom: 1px solid #e1e1e1; }
.license #fourTab table tr td span {color: #ee1010;}
.license #fourTab table tr:last-child td {border-bottom: 0px;}
.license #fourTab .explain .newSub_section03:nth-child(4) table tr td {border: 1px solid #ccc; padding: 3% 1%;}
.license #fourTab .explain .newSub_section03 table thead {background-color: #e1e1e1;}
.license #fourTab .explain .newSub_section03:nth-child(6) table tr td {border: 1px solid #ccc; padding: 3% 1%;}
.license #fourTab .explain .newSub_section03:nth-child(6) table tr td:first-child {background-color: #e1e1e1;}
.license #fourTab .explain .newSub_section03:nth-child(8) table tr td {border: 1px solid #ccc; padding: 3% 1%;}
.license #fourTab .explain .newSub_section03:nth-child(8) table tr td:nth-child(odd) {background-color: #e1e1e1;}
.license #fourTab .sub_innerBox {width: 93.8%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3%; display: inline-block;}

.license .newSub_section01 div {width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.license .newSub_section01 ul li {padding: 5%;}
.license .newSub_section01 ul .pd_bt_5 {padding-top: 0; padding-bottom: 5%;}
.license .newSub_section01 ul .pd_top_bt_0 {padding-top: 0; padding-bottom: 0;}
.license .newSub_section01 p>img {width: 100%;}

.license .newSub_section02 ul {width: 89.7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5%; line-height: 150%;}
.license .newSub_section02 p>img {width: 100%;}

.license .newSub_section03 {position: relative;padding:10px;font: 12px 's-core-dream-regular';}
.license .newSub_section03 ul {width: 89.7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5%; line-height: 150%;}
.license .newSub_section03 table {border: 1px solid #ccc;}

.license #thirdTab .explain .newSub_section03 li:last-child {padding-top: 5%;}

.ncs_newSub_tab{padding-left:20px;padding-right:20px;margin-top:30px;width:100%;box-sizing:border-box;}
.ncs_newSub_tab>{width:100%; margin:auto;}
.ncs_newSub_tab{overflow:hidden;}
.ncs_newSub_tab > li{float:left; cursor:pointer; width:25%; height:35px; font-size: 13px; text-align:center; line-height:35px; border:2px solid #fff;box-sizing:border-box; color:black; background:#f3f3f3;}

.ncs_newSub_tab > .pointTab{ color:white; background:#3a79fa;}

.ncs_newSub_tab_03{padding-left:20px;padding-right:20px;margin-top:30px;width:100%;box-sizing:border-box;}
.ncs_newSub_tab_03>{width:100%; margin:auto;}
.ncs_newSub_tab_03{overflow:hidden;}
.ncs_newSub_tab_03 > li{float:left; cursor:pointer; width:33%; height:35px; font: 13px 's-core-dream-medium'; text-align:center; line-height:35px; border-bottom:2px solid #13355b; color:#13355b; background:#f3f5f7;}

.ncs_newSub_tab_03 > .pointTab{ color:#fff; background:#13355b;}


.lecture_text_box_nobg{
	position:relative;
}



.lecture_text_box_nobg > ul > p{
	margin-top:10px;
	margin-bottom:5px;
	color:#2264a0;

}


.lecture_text_box_nobg > ul{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	color:#666;
	line-height:150%;

}


.lecture_text_box_nobg > ul > table{
	width:100%;
	background:#fff;
}


.tr_text{
	color:#888;
	text-align:center;
	background:#eee;
}

.lecture_text_box_nobg > ul > table  td{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #ddd;
}

.td_center{
	text-align:center;
}



.lecture_text_box_btn ul{
	padding:8px;
	width:50%;
	font : 14px 's-core-dream-medium';
	color:#fff;
	text-align:center;
	border:1px solid #ccc;
	box-sizing:border-box;
	background:#165b98;

	float:left;

}

.lecture_text_box_btn ul:nth-child(1){
	background:#165b98;
}



/* 교육과정 2019-12-16_오나애 수정 */

.lecture_box{
	position:relative;
	padding:20px;
	width:100%;
	box-sizing:border-box;
}

.lecture_box > ul{

	padding:10px;
	border:1px solid #ddd;
	background:#f8f8f8;
}

.lecture_box > ul > li{
	padding:1px;
	padding-left:5px;
	color:#666;
}


.lecture_box > p{
	padding:10px;
	padding-left:5px;
	font:18px 's-core-dream-medium';
	color:#165b98;
}

.lecture_box > p > font{
	font:14px 's-core-dream-medium';
	color:#aaa;
}

.lecture_box > ul > p{
	padding:10px;
	padding-left:5px;
	font:18px 's-core-dream-medium';
	color:#165b98;
}

.lecture_box > ul > p > font{
	font:14px 's-core-dream-medium';
	color:#aaa;
}

.lecture_list{

	width:100%;
	border-spacing:0px;
	border:7px solid #eee;
	border-radius: .5em;
	background:#fafafa;
}

.lecture_list tr:first-child td{
	border-top:1px solid #ddd;
}

.lecture_list td {
	padding:8px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}

.lecture_list td:nth-child(odd) {
	width:55px;
	color:#fff;
	text-align:center;
	background:#165b98;
}

.lecture_list td:nth-child(even) {
	color:#555;
	background:#fff;
}

.lecture .tabBox {display:block; width: 100%; overflow: hidden;background-position:0 100% !important;}
.lecture .tabBox li {display:inline-block; width: 50%; box-sizing:border-box; float:left; cursor: pointer;}
.lecture .tabBox li img {width:100% !important; height:auto !important;}

.lecture .subTab_box img {width: 100%;}
.lecture .sub_innerBox {width: 93.8%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3%; padding-bottom: 5%; display: inline-block;}
.lecture .sub_innerBox p {width: 90%; padding: 0 5%; padding-top: 5%;}
.lecture .sub_innerBox ul li {width: 50%; display: inline-block; box-sizing:border-box; float:left; cursor: pointer; text-align: center; margin-top: 5%;}
.lecture .sub_innerBox .second_ul li {width: 100%; display: inline-block; box-sizing:border-box; float:left; cursor: pointer; text-align: center; margin-top: 5%;}
.lecture .sub_innerBox ul li img {width:90% !important; height:auto !important;}
.lecture .sub_innerBox .search_pic img {width:95% !important; height:auto !important;}

.license table tr td {padding-top: 2%; padding-bottom: 2%; padding-left: 5%; border-bottom: 1px solid #ccc; }
.license table tr td span {color: #ee1010;}
.license table tr:last-child td {border-bottom: 0px;}

.license .profile {position: relative; margin-top: 5%;}
.license .profile_btn {position: absolute; right: 2%; bottom: 10%; width: 24%; cursor: pointer;}
.license .open_profile {width: 89.7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 3%; padding: 5%; line-height: 150%;}

.license #secondTab .explain p>img {width: 100%;}
.license .subTab_03 p>img {width: 100%;}
.license #thirdTab .explain p:nth-child(3)>img {width: 100%;}
.license #thirdTab .explain p:nth-child(5)>img {width: 100%;}
.license #thirdTab .explain p:nth-child(7)>img {width: 100%;}
.license #thirdTab .explain p:nth-child(9)>img {width: 100%;}

.license #fourTab .explain .subTab_box1:nth-child(1) p>img {width: 50%;}
.license #fourTab .explain .subTab_box1:nth-child(2) p>img {width: 50%;}
.license #fourTab .explain p:nth-child(3)>img {width: 100%;}
.license #fourTab .explain p:nth-child(5)>img {width: 100%;}
.license #fourTab .explain p:nth-child(7)>img {width: 100%;}
.license #fourTab .explain p:nth-child(9)>img {width: 100%;}
.license #fourTab table tr td {padding-top: 2%; padding-bottom: 2%; padding-left: 5%; border-bottom: 1px solid #e1e1e1; }
.license #fourTab table tr td span {color: #ee1010;}
.license #fourTab table tr:last-child td {border-bottom: 0px;}
.license #fourTab .explain .newSub_section03:nth-child(4) table tr td {border: 1px solid #ccc; padding: 3% 1%;}
.license #fourTab .explain .newSub_section03 table thead {background-color: #e1e1e1;}
.license #fourTab .explain .newSub_section03:nth-child(6) table tr td {border: 1px solid #ccc; padding: 3% 1%;}
.license #fourTab .explain .newSub_section03:nth-child(6) table tr td:first-child {background-color: #e1e1e1;}
.license #fourTab .explain .newSub_section03:nth-child(8) table tr td {border: 1px solid #ccc; padding: 3% 1%;}
.license #fourTab .explain .newSub_section03:nth-child(8) table tr td:nth-child(odd) {background-color: #e1e1e1;}
.license #fourTab .sub_innerBox {width: 93.8%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3%; display: inline-block;}

.license .newSub_section01 div {width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.license .newSub_section01 ul li {padding: 5%;}
.license .newSub_section01 ul .pd_bt_5 {padding-top: 0; padding-bottom: 5%;}
.license .newSub_section01 ul .pd_top_bt_0 {padding-top: 0; padding-bottom: 0;}
.license .newSub_section01 p>img {width: 100%;}

.license .newSub_section02 ul {width: 89.7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5%; line-height: 150%;}
.license .newSub_section02 p>img {width: 100%;}

.license .newSub_section03 {position: relative;padding:10px;font: 12px 's-core-dream-regular';}
.license .newSub_section03 ul {width: 89.7%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5%; line-height: 150%;}
.license .newSub_section03 table {border: 1px solid #ccc;}

.license #thirdTab .explain .newSub_section03 li:last-child {padding-top: 5%;}

/* 나의 강의실 2019-12-20_오나애 수정 */
.paging {margin-top: 5%;}
.pd0 {padding: 0px;}
.myclass {width: 100%;}
.myclass img {width: 100%;}
.myclass .pd3 {padding: 3% 0;}
.myclass .myclass_tab {cursor: pointer;}

/* 나의 강의실상단 딤처리 과목리스트 */
#mylist_box {top:13%;left:13%;position:absolute;width:70%;height:70%;z-index:9999;background:#fff;border:2px solid #fff;border-radius:10px;display:none;}
.mylist_subject {padding:10px;width:100%;text-align:center;font-size:16px;font-weight:bold;color:#fff;line-height:200%;border-radius:9px 9px 0px 0px;box-sizing: border-box;background:#165b98;}
#mylist_close {bottom:0px;;position:absolute;padding:10px;width:100%;text-align:center;font-size:16px;font-weight:bold;color:#fff;line-height:200%;border-radius:0px 0px 9px 9px;box-sizing: border-box;background:#aa0000;}

/* 나의 강의실-탭메뉴 */
.myclass .tabBox {display:block; width: 100%; overflow: hidden;background-position:0 100% !important;}
.myclass .tabBox li {display:inline-block; width: 50%; box-sizing:border-box; float:left; cursor: pointer;}
.myclass .tabBox li img {width:100% !important; height:auto !important;}

/* 나의 강의실-나의 강의실 */
.myclass .tabcontent .myclass_inner {margin-bottom:5%;}
.myclass .tabcontent .myclass_inner .schedule_box ul li a .blue_hover:hover {color: #0094d6;}
.myclass .myclass_inner .inner_tabcontent {margin-bottom:5%;}

hr {display: block; border: 0; width: 100%; padding: 0.2% 0; color:#fff; background-color: #000; margin: 2% 0;}
.pointRed {color: #E25062; font-weight: bold;}


/*20250128수정*/
/* 나의 강의실-테이블 */
.myclass table thead {background-color: #707070; color: #fff;}
.myclass table tr td {padding-top: 2%; padding-bottom: 2%; border: 1px solid #ccc; text-align: center;}
/*.myclass table tr td span {color: #ee1010;}*/
.myclass .th {color: darkgrey; background-color: white;}
.myclass .list8Text {width: 95%; border: 0;}
.myclass .list6Text {width: 95%; border: 0;}
.myclass .list6Text1 {margin-left: 2%; height: 20px; border: 1px solid #ccc;}
.myclass table tr td input[type="button"] {background-color: #165b98; color: #fff; border: 0; height: 30px; cursor: pointer;}

/* 나의 강의실-수강중인 과목 */
.myclass .myclass_tab_menu {width: 100%; padding-top: 2%; padding-bottom: 12%; text-align: center;}
.myclass .myclass_tab_menu .myclass_tab {box-sizing: border-box; border: 1px solid #ccc; float: left; width: 20%; height: 45px; line-height:44px; font-weight: bold; }
.myclass .myclass_tab_menu .myclass_tab:hover {background-color: #165b98; color: #fff; font-weight: bold; border-color: #165b98;}
.myclass .myclass_tab_menu .myclass_tab_select {background-color:#165b98; border-color:#165b98; color:#fff;}
.myclass .myclass_term {text-align: center;}
.myclass .myclass_term li {background-color: #ccc; display: inline-block; width: 70%; text-align: center; padding: 1%; font-weight: bold; line-height: 20px; margin: 2% 0;}
.myclass .exam_notice_list {padding: 4% 0;}
.myclass .exam_notice_list li {padding: 1% 3%;}
.myclass .exam_notice_list li:first-child {font-size: 16px;}
.myclass .sub_title_font {font-size: 16px; font-weight: bold; margin-top: 5%;}
.myclass .sblue {background-color: #707070; color: #fff; font-weight: bold;}
.myclass .recordView_notice_txt {margin:1%;}
.myclass #consultingOne .myclass_search {padding-top: 5%;}
.myclass #learningFile .myclass_search {padding-top: 5%;}

/* 나의 강의실-자격증 발급 */
.myclass .license_menu .myclass_tab {width: 25%;}
.myclass .contents_sub_title_txt {font-weight: bold; font-size: 20px;}
.myclass .contents_sub_title_txt_sub{font-width: bold; font-size: 13px; color: darkgrey;}
.myclass .exam_notice_list_03 {margin-top: 5%;}
.myclass .exam_notice_list_03 li {margin: 1% 3%;}
.myclass .exam_notice_list_03 li:nth-child(2) {padding-bottom:10%;}
.myclass .myclass_border_box {border: 2px solid #ccc; box-sizing: border-box; margin-top: 10%; margin-bottom: 5%;}
.myclass .myclass_border_box_02 {border: none; box-sizing: border-box; margin-bottom: 5%; padding: 3% 0;}
.myclass .myclass_coupon_btn {width: 20%; float: right; margin-bottom: 3%; margin-right: 5%;}
.myclass #btn_request_course input[type="button"] {width: 20%; height: 28px; border: 0; color: #fff; background-color:#165b98; margin-bottom: 5%; cursor: pointer;}

.my_class .imgmenu {padding:10px;display:block; width: 100%;box-sizing:border-box; overflow: hidden;background:#10345e;background-position:0 100% !important;}
.my_class .imgmenu li {padding:10px;display:inline-block; width: 25%; text-align:center;line-height:130%;font-weight:bold;color:#fff;box-sizing:border-box; float:left; cursor: pointer;border:2px;}
.my_class .imgmenu li img {padding-bottom:5px;width:100% !important; height:auto !important;}

/* 나의 강의실 2019-12-20_오나애 수정 */
.my_class img {width: 100%;}
.my_class .pd3 {padding: 3% 0;}
.my_class .myclass_tab {cursor: pointer;}
.my_class .btn {width:70px;padding:5px; border-radius:5px;font-size:12px;font-weight:bold;}
.my_class .class_part{padding : 0 15px;}
.my_class .tab_buttons{display: flex; justify-content: center;}
.my_class .active{display: block;}
.my_class .tab_buttons .tab_button{padding: 15px 30px; width: 50%; height: 40px;display: flex; align-items: center; justify-content: center;
	font-size: 16px;border: 1px solid #ddd;background: #fff;cursor: pointer;border-radius: 5px; background-color: whitesmoke;}
.my_class .tab_buttons .active {background: #4879db;color: #fff;border-color: #4879db;}
.my_class .class_part .class_info{ border: 1px solid darkgrey; padding: 10px 11px 10px 26px; position: relative; border-radius: 5px;
	margin-top: 10px; margin-bottom: 15px;}
.my_class .class_part .class_info p img{position: absolute; top: 10px; left: 10px; width: 13px; height: 13px; }
.my_class .class_part .board_link{display: flex; justify-content: flex-end; margin-bottom: 15px; font-size: 14px;}
.my_class .class_part .board_link span:nth-child(2){color: #3A79FA; font-weight: 600;}

/* 나의 강의실-탭메뉴 */
.my_class .tabBox li {display:inline-block; width: 50%; box-sizing:border-box; float:left; cursor: pointer;}
.my_class .tabBox li img {width:100% !important; height:auto !important;}

/* 나의 강의실-나의 강의실 */
.my_class .tabcontent .myclass_inner {margin-bottom:5%;}
.my_class .tabcontent .myclass_inner .schedule_box ul li a .blue_hover:hover {color: #0094d6;}
.my_class .myclass_inner .inner_tabcontent {padding-left:10px;padding-right:10px;margin-bottom:5%;}
.my_class .class_part .tab_content .course_box{display: flex; flex-direction: column;  margin-bottom: 15px; border-bottom: 1px solid #dbdbdb;}
.my_class .class_part .tab_content .course_box .course_info{display: flex; flex-direction: column; margin-bottom: 10px; font-size: 14px; }
.my_class .class_part .tab_content .course_box .course_info p:first-child{font-size: 18px; font-weight: 700; margin-bottom: 3px; padding-left: 10px;}
.my_class .class_part .tab_content .course_box .course_info p:nth-child(2){ padding-left: 10px; color: #8f8f8f;
	font-size: 14px;}
.my_class .class_part .tab_content .course_box .course_attend{display: flex; padding-left: 10px; font-size: 16px; margin-bottom: 10px;}
.my_class .class_part .tab_content .course_box .course_attend p:nth-child(2){margin-right: 20px;}
.my_class .class_part .tab_content .course_box .course_link{display: flex; padding-left: 10px; margin-bottom: 20px; position: relative;}
.my_class .class_part .tab_content .course_box .course_link a{border-radius: 7px; border:1px solid #dbdbdb;
	position: relative; padding: 5px 10px; margin-right: 7px; font-size: 14px;  text-align: center;}
.my_class .class_part .tab_content .course_box .course_link a:first-child{background-color: #0a418b; color: white;
	width: 18%;}
.my_class .class_part .tab_content .course_box .course_link a:nth-child(2){width: 16%;}
.my_class .class_part .tab_content .course_box .course_link p{padding: 3px 10px; border-radius: 5px; text-align: center;}
.my_class .class_part .tab_buttons {margin-bottom: 20px;display: flex;}
.my_class .class_part .tab_button {padding: 15px 30px;font-size: 15px;border: 1px solid #ddd;background: #fff;cursor:
		pointer;border-radius: 5px;}
.my_class .class_part .tab_button.active {background: #3A79FA;color: #fff;border-color: #3A79FA;}
.my_class .class_part .tab_content {display: none;background: #fff;border-radius: 5px;}
.my_class .class_part .tab_content.active {display: block;}

/* 나의 강의실-테이블 */
.my_class .text_title {padding-bottom:10px;}
.my_class table thead {background-color: #707070; color: #fff;}
.my_class table tr td {color:#666;text-align: center;line-height:170%;font-size:12px;}
.my_class tr  {border:1px solid #ccc; text-align: center;}
.my_class .table_subject td {padding-top:5px;padding-bottom:5px;color:#fff;text-align: center;font-weight: bold;line-height:170%;font-size:12px;}
/*.myclass table tr td span {color: #ee1010;}*/
.my_class .th {padding:10px;background-color: #707070; color: #fff;}
.my_class .list8Text {width: 95%; border: 0;}
.my_class .list6Text {width: 95%; border: 0;}
.my_class .list6Text1 {margin-left: 2%; height: 20px; border: 1px solid #ccc;}

.my_class table tr td input[type="button"] {background-color: #165b98; color: #fff; border: 0; height: 30px; cursor: pointer;}

/* 나의 강의실-수강중인 과목 */
.my_class .myclass_tab_menu {width: 100%; padding-top: 2%; padding-bottom: 12%; text-align: center;}
.my_class .myclass_tab_menu .myclass_tab {box-sizing: border-box; border: 1px solid #ccc; float: left; width: 20%; height: 45px; line-height:44px; font-weight: bold; background:#fff;}
.my_class .myclass_tab_menu .myclass_tab:hover {background-color: #165b98; color: #fff; font-weight: bold; border-color: #165b98;}
.my_class .myclass_tab_menu .myclass_tab_select {background-color:#165b98; border-color:#165b98; color:#fff;}

.my_class .myclass_term {text-align: center;}
.my_class .myclass_term li {background-color: #ccc; display: inline-block; width: 70%; text-align: center; padding: 1%; font-weight: bold; line-height: 20px; margin: 2% 0;}
.my_class .exam_notice_list {padding: 4% 0;}
.my_class .exam_notice_list li {padding: 1% 3%;}
.my_class .exam_notice_list li:first-child {font-size: 16px;}
.my_class .sub_title_font {font-size: 16px; font-weight: bold; margin-top: 5%;}
.my_class .sblue {background-color: #707070; color: #fff; font-weight: bold;}
.my_class .recordView_notice_txt {margin:1%;}
.my_class #consultingOne .myclass_search {padding-top: 5%;}
.my_class #learningFile .myclass_search {padding-top: 5%;}

/* 나의 강의실-자격증 발급2 */
.my_class .license_menu .myclass_tab {width: 25%;}
.my_class .contents_sub_title_txt {font-weight: bold; font-size: 16px;color:#1c5f9a;}
.my_class .exam_notice_list_03 {margin-top: 5%;}
.my_class .exam_notice_list_03 li {margin: 1% 3%;}
.my_class .exam_notice_list_03 li:nth-child(2) {padding-bottom:10%;}
.my_class .myclass_border_box {border: 2px solid #ccc; box-sizing: border-box; margin-top: 10%; margin-bottom: 5%;}
.my_class .myclass_border_box_02 {box-sizing: border-box; margin-bottom: 5%; padding: 3% 0;}
.my_class .myclass_coupon_btn {width: 20%; float: right; margin-bottom: 3%; margin-right: 5%;}
.my_class #btn_request_course input[type="button"] {width: 20%; height: 28px; border: 0; color: #fff; background-color:#165b98; margin-bottom: 5%; cursor: pointer;}

/* 나의 강의실-공지사항 */
.myclass .myclass_search select {width: 20%; height: 30px; border: 1px solid #d0d0d0;}
.myclass .myclass_search input[type="text"] {width: 30%; height: 28px; border: 1px solid #d0d0d0; padding: 0 2%;}
.myclass .myclass_search input[type="button"] {width: 20%; height: 28px; border: 0; color: #fff; background-color:#165b98;}
.myclass .myclass_search {margin-bottom: 5%;}

/* 수강신청 2020-01-08_오나애 수정 */
/*20250129 수정*/ /*20250204 수정*/
.lecture-notice{display: flex; flex-direction: column; align-items: center;}
.lecture-notice__header{background-color: #3A79FA; width: 100%;}
.lecture-notice__container{display: flex; justify-content: space-between; align-items: center; padding: 10px 17px 10px 13px;}
.lecture-notice__title{display: flex; align-items: center;}
.lecture-notice__icon{height: 15px; width: 15px; margin-top: 2px;}
.lecture-notice__text{font-size: 15px; color: white;}
.lecture-notice__toggle{ background-color: white; border-radius: 5px;}
.lecture-notice__toggle-btn{padding: 1px 6px; background-color: white; border: none; border-radius: 5px; font-size: 14.5px;
	display: flex; align-items: center; height: 23px}
.lecture--notice__toggle-icon{color: #3A79FA; font-size: 16px; display: flex; align-items: center;}
.lecture-content{display: none; padding: 7px 10px; flex-direction: column; border-bottom: 1px solid #DFDFDF;}
.lecture-notice__item{font-size: 14px; margin-bottom: 10px;}

.lecture-reg{padding: 0 12px;}
.lecture-reg__search{}
.lecture-reg__title{font-size: 25px; font-weight: 700; border-bottom: 1px solid #dbdbdb;}
.lecture-reg__text{border-bottom: 3px solid #3A79FA; display: inline-block; padding-bottom: 3px; margin-bottom: -2px;}
.lecture-reg__search__search-form{position: relative; display: flex; justify-content: center;}
.lecture-reg__search__search-form__input{width: 96%; height:36px; font-size:15px; border-radius:10px;
	border:1px solid #7d7d7d; display: flex; justify-content: center; padding-left: 10px;}
.lecture-reg__search__search-form__img{position: absolute; right: 5%; top:10px; width: 23px !important; height: 23px;}
.register {width: 100%;}
.register img {width: 100%;}
.register .pd3 {padding: 3% 0;}
.register .bg999 {background-color: #165b98;}
.register .register_tab {cursor: pointer;}
.register .sub_title_font {font-size: 20px; font-weight: bold; margin-top: 5%;}
.register .class_check {padding: 0;}
.register .class_check p {color: #fff; font-weight: bold; font-size: 16px;}
.register .class_check input[type="checkbox"] { width: 20px; height: 20px; box-sizing: border-box;}
.register .class_check table tr td a {width: 100%; background-color: #165b98; color: #fff; display: inline-block; box-sizing: border-box; width: 100%: height: 50px:}
.register .btn_choose_class li {width: 100%; display: inline-block; box-sizing:border-box; cursor: pointer; text-align: center; margin: 3% 0;}
.register .btn_choose_class li img {width:50% !important; height:auto !important;}
.register .class_check .enroll_box{display: flex; justify-content: space-between; border-bottom: 1px solid darkgrey;}
.register .class_check .enroll_list{display: flex; flex-direction: column; padding: 5px 0 5px 1%;}
.register .class_check .enroll_list>span{font-size: 17px; font-weight: 650;}
.register .class_check .enroll_list>a{font-size: 14px; color: #9A9A9A;}
.register .class_check .enroll_box .enroll_check{display: flex; align-items: center;}
.register .class_check .enroll_box .enroll_check .active{background-color: #3A79FA;}
.register .class_check .enroll_box .enroll_check span{display: flex; align-items: center; justify-content: center;
	border: 1px solid darkgray; width: 50px; height: 25px; border-radius: 5px; font-size: 14px; }
.choose_class_check:checked + span {background-color: #3A79FA;color: white;}

.register .license_text{display: flex; flex-direction: column; align-items: center;}
.register .license_text p:first-child{font-size: 25px; font-weight: 800;}
.register .license_text p:nth-child(2){font-size: 15px; font-weight: 500; background-color: darkgrey; padding: 0 20px;
	color: white; border-radius: 7px;}

.register .licenseText_list{width: 100%;}
.register .licenseText_list .cancel-btn{width: 50px; height: 25px; border: 1px solid darkgrey; border-radius: 5px;
	background-color: white; display: flex; justify-content: center; align-items: center; margin-left: 28%;}
.register .licenseText_list .th{background-color: darkgrey; border: none;}
.register .licenseText_list tr td{border: none;}

.register .btn_view li:first-child {margin-left: 14%;}
.register .btn_view li:first-child {margin-left: 14%;}
.register .btn_view li {width: 35%; float: left; margin: 0 2%;}
.register .btn_view li img {width: 100%; float:left; }

.register .enroll_btn{display: flex; justify-content: center;}
.register .enroll_btn button{width: 100%; height: 45px; background-color: #3a79fa; color: white; border: 1px solid #3a79fa;
	border-radius: 5px; font-size: 20px; font-weight: 500; text-align: center;}

/* 수강신청-탭메뉴 */
.register .tabBox {display: flex;flex-wrap: wrap;justify-content: center;width: 100%; margin-bottom: 20px;}
.register .tabBox li {border: 1px solid darkgrey;border-radius: 5px;padding:10px;width:30%;background:#fff;font-size:14px;
	font-weight:bold;text-align:center;color:#333;flex: 0 0 32%; margin: 1% 1% 1% 0;}
.register .tabBox li img {width:100% !important; height:auto !important;}

/* 수강신청-테이블 */
.register table thead {background-color: #707070; color: #fff; border: none;}
.register table tr .pd0 {padding:0px;}
.register table tr td {padding-top: 2%; padding-bottom: 2%; border: 1px solid #ccc; text-align: center;}
.register .th {background-color: #707070; color: #fff; }
.register .list8Text {width: 95%; border: 0;}
.register .list6Text {width: 95%; border: 0;}
.register .list6Text1 {margin-left: 2%; height: 20px; border: 1px solid #ccc;}
.register .register_thead_txt {font-size: 16px;}

/* 교육원소개 */
.intro {width: 100%;}
.intro img {width: 100%;}
.intro .tablinks {width: 100%; cursor: pointer;}
.intro .explain {margin-top: 3%;}

/* 상담/커뮤니티 */
.notice {width: 100%;}
ffc974
.notice .myclass_inner {margin-bottom:5%;}
.notice .notice_05_point_color {color:#ffc974; font-weight: bold;}
.notice img {width: 100%;}
.notice .tablinks {width: 50%; cursor: pointer; float: left;}
.notice .tablinks:first-child {width: 100%;}
.notice .newSub_section01 {margin-bottom:5%;}
.notice .newSub_section01 p img {padding-top: 3%; width: 100%;}
.notice table tr td {padding-top: 2%; padding-bottom: 2%; border-bottom: 1px solid #ddd; text-align: center;}
.notice thead {background-color: #e6e6e6; text-align: center;}
.notice tbody img {width: 70%;}
.notice .list_Search select {height:25px;}
.notice .list_Search input[type=text] {height:25px; box-sizing: border-box;}
.notice .list_Search input[type=image] {height: 25px;}
.notice .notice_list_box li {text-align: center; color: #fff; margin:2% 0;}
.notice .notice_list_box li div{padding: 2%; background-color: #000; box-sizing: border-box;}
.notice .notice_list_box li h3{color: #fff;}
.notice .notice_list_box li hr{background-color:#fff;}
.notice .notice_list_box li p{margin: 2%;}
.notice .notice_list_box li a{background-color: #c52727; display: block; padding: 2%; color: #fff; font-weight: bold; font-size: 14px;}
/*.notice .notice_list_box_2 li a {background-color: #c52727;}*/

.notice .inner_tabbox {width: 100%; padding-top: 2%; padding-bottom: 12%; text-align: center;}
.notice .inner_tabbox .inner_tablinks {box-sizing: border-box; border: 1px solid #ccc; float: left; width: 50%; height: 45px; line-height:44px; font-weight: bold; cursor:pointer;}
.notice .inner_tabbox .inner_tablinks:hover {background-color: #707070; color: #fff; font-weight: bold; border-color: #707070;}
.notice .inner_tabbox .inner_tablinks_select {background-color:#707070; border-color:#707070; color:#fff;}

.notice .notice_write_title {width: 100%; box-sizing: border-box; padding:3% 2%; border: none; border-bottom: 1px solid #e6e6e6;}
.notice .lec_select{margin: 5% 0;}
.notice .lec_select select {width: 100%; text-align-last: center; padding: 1% 0; box-sizing: border-box;}
.notice .textarea {width: 100%; box-sizing: border-box; height: 300px;}
.newSub_section01 .filebox {position: relative; margin: 5% 0;}
.newSub_section01 .filebox .upload-name {display: inline-block; width: 52%; padding: 0 1%; margin: 0; font-size: 12px; line-height: 30px; background: #FFF; border: 1px solid #CCC;
	-webkit-appearance: none; box-sizing: border-box;}
.notice .filebox label {display: inline-block; width: 48%; height: 31px; cursor: pointer; background: url(../../../image/notice/notice_25.jpg) no-repeat 0px; position: absolute;
	top: 0; right: 0;}
.newSub_section01 .filebox input[type="file"] {width: 40%; position: absolute; padding: 0; overflow: hidden; clip: rect(0,0,0,0);}

/* 교육과정 추가 2020.09.02 */
.sub_license_img1{width: 100%;background: url('/image/c_license/license1.jpg');background-size:100% 100%; height:auto;}
.sub_license_img2{width: 100%;background: url('/image/c_license/license2.jpg');background-size:100% 100%; height:auto;}
.sub_license_img3{width: 100%;background: url('/image/c_license/license3.jpg');background-size:100% 100%; height:auto;}
.sub_license_img4{width: 100%;background: url('/image/k_license/license1.jpg');background-size:100% 100%; height:auto;}
.sub_license_img5{width: 100%;background: url('/image/k_license/license.jpg');background-size:100% 100%; height:auto;}
.head-p{padding-top:30px; font-size:15pt;margin-left:22%; color:#ffffff;font-weight:700;letter-spacing: -2px;  font-family: "TmonMonsori";}
.head{padding-top:48px; font-size:23pt; color:#ffffff;font-weight:700;margin-left:22%; font-family: "TmonMonsori";}
.head-R{padding-top:18px; font-size:40px; color:#ffffff;font-weight:700;letter-spacing: -2px;  font-family: "TmonMonsori";}

.main_text_01{position:absolute;top:62vw;right:3.5vw;font:4.1vw 's-core-dream-bold';text-align:center;}

.main_text_02{position:absolute;top:16vw;right:3.5vw;font:4.5vw 's-core-dream-bold';text-align:right;}
.main_text_02_02{position:absolute;top:24vw;width:80%;right:3.5vw;font:3.3vw 's-core-dream-medium';line-height:160%;color:#888;text-align:right;}

.main_text_03{position:absolute;top:16vw;left:3.5vw;font:4.5vw 's-core-dream-bold';text-align:left;}
.main_text_03_02{position:absolute;top:24vw;left:3.5vw;width:85%;font:3.3vw 's-core-dream-medium';line-height:160%;color:#888;text-align:left;}

.main_text_04{position:absolute;top:16vw;right:3.5vw;font:4.5vw 's-core-dream-bold';text-align:right;}
.main_text_04_02{position:absolute;top:24vw;right:3.5vw;width:90%;font:3.3vw 's-core-dream-medium';line-height:160%;color:#888;text-align:right;}

.main_text_05{position:absolute;top:17vw;left:3.5vw;font:4.5vw 's-core-dream-bold';text-align:left;}
.main_text_05_02{position:absolute;top:25vw;left:3.5vw;width:80%;font:3.3vw 's-core-dream-medium';line-height:160%;color:#888;text-align:left;}

.main_text_06{position:absolute;top:18vw;left:3.5vw;font:4.5vw 's-core-dream-bold';text-align:left;}
.main_text_06_02{position:absolute;top:26vw;left:3.5vw;width:60%;font:3.3vw 's-core-dream-medium';line-height:160%;color:#888;text-align:left;}

.main_text_07{position:absolute;top:18vw;width:100%;font:3.3vw 's-core-dream-medium';color:#888;text-align:center;}
.main_text_07_02{position:absolute;top:24vw;width:100%;font:4.5vw 's-core-dream-bold';text-align:center;}
.point_color{color:#1568ab;}

/* 성적보기 */
.flex_center{display:flex;  justify-content:center;}
.graph_box{position:relative;padding:20px;margin:15px;width:100%;border:1px solid #d6d6d6;border-radius:0.7em;box-sizing:border-box;background:#f7f7f7;}
.graph_date{position:absolute;top:-5vw;right:3px;font-size:2.7vw;color:#111;}

.graph_list{position:absolute;top:5vw;right:5vw;}
.graph_list_blue{margin:3px;width:3vw;height:3vw;background:#0099ff;float:left;}
.graph_list_red{margin:3px;width:3vw;height:3vw;background:#f35a5a;float:left;}

.graph_s_box{padding:2.5vw;width:20vw;height:18vw;text-align:center;line-height:4.5vw;border:1px solid #d6d6d6;border-radius:0.7em;box-sizing:border-box;background:#fff;}

.appraisal_box{padding-top:5vw;position:relative;margin:15px;width:50%;box-sizing:border-box;}
.appraisal_table{width:100%;text-align:center;}
.appraisal_table tr td{height:7vw;font:3vw 's-core-dream-medium';color:#666;border-bottom:1px solid #d4d4d4;}
.appraisal_table tr:nth-child(1) td{font:3vw 's-core-dream-medium';}
.appraisal_table tr:nth-child(2) td{font:3vw 's-core-dream-medium';}
.appraisal_table tr:nth-child(3) td{font:3vw 's-core-dream-medium';}
.appraisal_table tr:nth-child(4) td{font:3vw 's-core-dream-medium';}
.appraisal_table tr:nth-child(1) td{background:#707070;color:#fff;}

.appraisal_table tr:nth-child(2) td:nth-child(3){font-size:2.7vw;}
.appraisal_table tr:nth-child(3) td:nth-child(3){font-size:2.7vw;}
.appraisal_table tr:nth-child(4) td:nth-child(3){font-size:2.7vw;}

.chart_gijun{margin:5vw 0vw 5vw 0vw;width:27vw;height:27vw;border-radius:50%;background : conic-gradient(#83c3ee 0% 60%, #e1e1e1 0% 100%);box-sizing:border-box;}
.chart_one{display: flex;align-items: center;justify-content:center;width:20vw;height:20vw;font:5vw 's-core-dream-medium';letter-spacing:-1px;color:#cc0000;text-align:center;border-radius:50%;background :#fff;box-sizing:border-box;}
.chart_suchi{display: flex;align-items: center;justify-content:center;width:27vw;height:27vw;border-radius:50%;}

/*20250130 수정*/
/*1:1게시판 탭 메뉴*/
.one-one .top_title{display: flex; margin-top: 15px; padding: 0 10px; font-size: 11px;}
.one-one .top_title h1{width: 33%; font-size: 25px;}
.one-one .tab_content{display: none; margin-top: 15px; padding: 0 10px;}

.one-one .tab_content .qna_infoDivFirst{display: flex; align-items: flex-end; margin-bottom: 5px; padding-left: 3px;}
.one-one .tab_content .qna_infoDivFirst p:first-child{font-size: 22px;margin-right: 10px;}
.one-one .tab_content .qna_infoDivFirst p:nth-child(2){font-size: 14px; color: darkgrey;}

.one-one .tab_content .qna_infoDivSecond{border: 1px solid #dbdbdb; padding: 20px 10px; border-radius: 5px; margin-bottom: 20px;}
.one-one .tab_content .qna_infoDivSecond p:first-child{font-size: 16.5px; margin-bottom: 15px; font-weight: 600;}
.one-one .tab_content .qna_infoDivSecond p:nth-child(2){font-size: 15.5px; font-weight: 300; padding-left: 1px;}

.one-one .tab_content .qna_infoDivThird{font-size: 22px;margin-right: 10px; margin-bottom: 5px; padding-left: 3px;}

.one-one .tab_content .qna_infoDivFourth{border: 1px solid #dbdbdb; padding: 20px 10px; border-radius: 5px; margin-bottom: 20px;}
.one-one .tab_content .qna_infoDivFourth p{font-size: 15.5px; font-weight: 300;}

.one-one .tab_content .qnaWrite_form .form_element{display: flex; flex-direction: column; margin-bottom: 10px;}
.one-one .tab_content .qnaWrite_form .form_element label{font-size: 14px; font-weight: 700; margin-bottom: 5px;}
.one-one .tab_content .qnaWrite_form .form_element #subject,#conts{height: 30px; border: 1px solid darkgrey;
	border-radius: 5px; padding-left: 10px; font-size: 14px;}
#subject{height: 30px;}
#conts{height: 150px; padding-top: 5px;}
#btn_write_ok{width: 100%; height: 45px; font-size: 18px; font-weight: 500; text-align: center;
	border: 1px solid #3a79fa; border-radius: 5px; margin-bottom: 15px; color: white; background-color: #3a79fa;}
.one-one .tab_content .qna_answer{border-bottom: 1px solid darkgrey; padding-bottom: 20px;}
.one-one .tab_content .qna_answer .qna_answer_firstDiv{display: flex;}
.one-one .tab_content .qna_answer .qna_answer_firstDiv p:first-child{color: #3a79fa; margin-right: 15px; font-size: 15px;}
.one-one .tab_content .qna_answer .qna_answer_firstDiv p:nth-child(2){font-size: 12px; color: darkgrey; display: flex; align-items: flex-end;}
.one-one .tab_content .qna_answer .qna_answer_secondDiv p{font-weight: 700}
.one-one .tab_content .qna_answer .qna_answer_secondDiv a{font-size: 16px;}
.one-one .tab_buttons{display: flex; justify-content: center; padding: 0 10px;}
.one-one .active{display: block;}
.one-one .tab_buttons .tab_button{padding: 15px 30px; width: 50%; height: 40px;display: flex; align-items: center; justify-content: center;
	font-size: 16px;border: 1px solid #ddd;background: #fff;cursor: pointer;border-radius: 5px; background-color: whitesmoke;}
.one-one .tab_buttons .active {background: #3a79fa;color: #fff;border-color: #3a79fa;}

/*20250207 수정*/
/*모바일 교육과정 페이지*/
/*공통*/
.font-weight--500{font-weight: 500;}
.line-height--small{line-height: 1.5;}
.div-divider{border-bottom: 1px solid #dbdbdb; padding-bottom: 1px;}
.text-emphasis--blue{color: #3A79FA;}
.under-emphasis-blue{border-bottom: 3px solid #3A79FA;}
.text-emphasis--red{color: red;}
.text-emphasis--light{color: #dbdbdb;}
.text-emphasis--b8b8b8{color: #b8b8b8;}
.text-line-through{text-decoration: line-through;}
.under-line-none{border:none !important;}
.common__table--tr{font-size : 14px; border-top: 1px solid black; color:#000000;text-align:center;background:#F0F0F0;}
.common-search-box{display: flex; justify-content: center; align-items: center;}
.common-search-select{padding: 5px 0; font-size: 14px;}
.common-search-input{padding: 5px 0; width: 40%; font-size: 14px;}
.common-search-button{padding: 6px 10px; font-size: 14px; background-color: #3A79FA; color: white; border: 1px solid #3A79FA; border-radius: 3px;}

/*강의 설명 상단*/
.lecture-explain__header{}
.lecture-explain__div-divider{border-bottom: 1px solid #dbdbdb; padding-bottom: 3px;}
.lecture-explain__title{font-size: 21px; font-weight: 700; margin-bottom: 3px; padding-bottom: 3px;}
.lecture-explain__description{font-size: 15.5px; line-height: 1.5;}
/*모달*/
.open-modal-btn{border:none; background-color: white; font-size: 13px; color: #8B8B8B;
	display: flex; align-items: center; cursor: pointer; margin-left: 5px;}
.open-modal-btn--course{border:none; background-color: white; font-size: 13px; color: #8B8B8B;
	display: flex; align-items: center; cursor: pointer; margin-top: 3px; margin-left: 0;}
.open-modal-icon{width: 12px; height: 12px; margin-left: 3px;}
.close-modal-btn{position: absolute; top: 3px; right: 13px; border: none; background-color: white; color: darkgrey; font-size: 25px;}
.modal{display: none; flex-direction: column; border: 2px solid #d1d1d1; border-radius: 10px;
	position: absolute; bottom: 0; left: 0; z-index: 100; background-color: white; width: 100%; height: 100%;}
.open-modal{display: flex;}
.detail{padding: 20px 0 20px 20px; height: 84%; display: flex; flex-direction: column;}
.detail__title{font-size: 20px;}
.detail__list{ margin-top: 5px;
	flex: 1;
	overflow-y: scroll;
	/* 기본 스크롤바 스타일 */
	scrollbar-width: auto;
	scrollbar-color: #888 transparent;}

.detail__list-item{margin-bottom: 2px;}
/*상단문구*/
.m-register-notice{display: flex; justify-content: center; align-items: center; padding: 5px 0;
	background-color: #3A79FA; color: white; height: 32px;}
.m-register-notice__icon{width: 14px; height: 14px;}
.m-register-notice__text{font-size: 15px; margin-left: 3px;}
.m-register-notice__price{}
.m-register-notice__price--original{font-size: 15px; text-decoration-line: line-through; margin-left: 5px;}
.m-register-notice__price--discount{font-size: 18px; margin-left: 5px;}

/*과정소개 & 발급안내 & 표시 의무사항*/
.m-register{margin-top: 20px;}
/*탭 버튼*/
.m-register__tabs{display: flex; width: 100%;}
.m-register__tab-btn{width: 100%; background-color: white; border: none; border-bottom: 2px solid #dbdbdb;
	padding: 5px 0;}
.m-register__tab-btn--active{color: #3A79FA;}
.m-register__tab-text{font-size: 17px; font-weight: 600; padding-bottom:5px; }
.m-register__tab-text--active{border-bottom: 2px solid #3A79FA;}

/*탭 컨텐츠*/
.m-register__content{margin-top: 20px;}
.m-register__content-item{display: none;}
.m-register__content-item--active{display: block;}

/*과정소개 탭*/
/*강의정보*/
.lecture-info{display: flex; flex-direction: column; padding: 0 20px;}
.lecture-info__header{display: flex; flex-direction: column;}
.lecture-info__title{font-size: 25px;}
.lecture-info__description{color: #8b8b8b; margin-top: 5px; font-size: 13px;}
.lecture-info__body{display: flex; margin-top: 20px; position: relative;}
.lecture-info__profile{display: flex; flex-direction: column; align-items: center;}
.lecture-info__instructor-image{width: 125px; height: 140px; border-radius: 10px; border:1px solid #dbdbdb;}
.lecture-info__instructor-name{font-weight: 700; font-size: 15px; margin: 10px 0 3px 0;}
.lecture-info__detail{display: flex; flex-direction: column; margin-left: 15px;}
.lecture-info__summary{display: flex; flex-direction: column;}
.lecture-info__summary-header{display: flex; align-items: center;}
.lecture-info__sub-title{font-weight: 700; font-size: 17px;}
.lecture-info__summary-title{margin-right: 5px;}
.lecture-info__divider{background-color: #dbdbdb;}
.lecture-info__text{margin-bottom: 2px; font-size: 12.8px;}
.lecture-info__fee-amount{font-size: 11px; color: #8b8b8b; padding-left: 5px;}
.lecture-info__certificate{display: flex; flex-direction: column; margin-top: 15px;}
.lecture-info__inquiry-link{margin: 0.5px 0 0 5px; background-color: #0c2d5f; border-radius: 10px;
	color: white !important; padding: 0 7px; font-size: 11px; display: flex; align-items: center; justify-content: center;
	height: 14px;}
.lecture-info__certificate-register{display: flex;}

/*샘플강의*/
.sample-lecture{}
.sample-lecture__video{display: flex; justify-content: center;}
/*교육과정*/
.lecture-curriculum__list-item{display: flex; font-size: 15.5px;}
.lecture-curriculum__more-btn{border: 1px solid #dbdbdb; text-align: center; background-color: white; border-radius: 5px;
	font-size: 16px;padding: 10px 20px; width: 100%;}


/*마이페이지*/
.my-page__nav{font-size: 25px; font-weight: 700;}
.my-page__back-arrow{display: flex; justify-content: flex-start; width: 33%;}
.my-page__title{display: flex; justify-content: center; width: 33%;}
.profile-section{}
.profile-section__header{width: 99%; border-bottom: 1px solid #B5B5B5; padding: 10px 0 5px 0; position: relative;}
.profile-section__header::after{content: ""; height: 3px; background-color: #3A79FA; position: absolute; bottom: -2.5px; left: 0; width: 37%;}
.profile-section__title{font-weight: 600; font-size: 22px;}
.profile-section__subtitle{font-weight: 600; font-size: 14px; color: darkgrey;}
.profile-info__item{display: flex; align-items: center; margin-bottom: 10px; width: 100%;}
.profile-info__item--column{display: flex; flex-direction: column; justify-content: center; margin-bottom: 10px;}
.profile-info__label{width: 30%; font-size: 17px; color: #747474;}
.profile-info__input{border: none; font-size: 17px; width: 70%; padding: 0.5px 0 0 0;}
.profile-info__birth{ width: 70%; display: flex; align-items: center;}
.profile-info__select{border-radius: 5px; border: 1px solid #9B9B9B; font-size: 17px; background-color: white; padding: 0 5px;}
.profile-info__notice{display: flex;}
.profile-info__icon{width: 13px; height: 13px; margin-bottom: 3px; margin-right: 3px;}
.profile-info__phone{width: 70%; display: flex; align-items: center;}
.profile-info__phone-input{width: 20%; text-align: center; border-radius: 5px; border:1px solid #9B9B9B; font-size: 17px; padding: 0 7px;}
.profile-info__pw-input{width: 45%; border: 1px solid #9B9B9B; border-radius: 5px; font-size: 17px; padding-left: 10px;}
.profile-info__show-pw{background-color: rgb(255,255,255,0); border: none; font-size: 17px; position: absolute; bottom: 0; right: 85px;}
.profile-actions{}
.profile-actions__button{width: 50%; font-size: 17px; padding: 7px 0; border-radius: 5px; height: 40px;}
.profile-actions__button--submit{border: 1px solid #3A79FA; background-color: #3A79FA; color: white;}
.profile-actions__button--leave{border: 1px solid darkgrey; color: darkgrey;}