@charset "utf-8";

/*───────────────────────────────────────────────────────────

	마이페이지 - 교육 신청 조회

───────────────────────────────────────────────────────────*/
	/*테이블 공통*/
		.sub_mypage .table_container{margin-top:26px;}
		.sub_mypage .table_container .table_caution{display: none;}
		.sub_mypage .table_container .table_wrap{}
		.sub_mypage .table_container .table_wrap table{text-align: center;}
		.sub_mypage .table_container .table_wrap table thead tr th{box-sizing:border-box;border-top:1px solid #111;border-bottom:1px solid #ddd;background:#f5f5f5;vertical-align: middle;font-size:17px;color:#111;font-weight:500;letter-spacing:-0.34px;line-height:24px;padding:13px 0;}
		.sub_mypage .table_container .table_wrap table thead tr th + th{border-left:1px solid #ddd;}
		.sub_mypage .table_container .table_wrap table tbody tr td{box-sizing:border-box;vertical-align: middle;border-bottom:1px solid #ddd;font-size:16px;color:#666;font-weight:300;letter-spacing:-0.32px;line-height:23px;padding:18px 5px;}
		.sub_mypage .table_container .table_wrap table tbody tr td + td{border-left:1px solid #ddd;}
		.sub_mypage .table_container .table_wrap .course_status span{display: block;font-weight:500;}
		.sub_mypage .table_container .table_wrap .course_status .st2{color:#333;}
		.sub_mypage .table_container .table_wrap .course_status .st3{color:#c50202;}
		.sub_mypage .table_container .table_wrap .course_status .refund_course,
		.sub_mypage .table_container .table_wrap .btn_print{box-sizing:border-box;width:80px;height:30px;line-height:28px;border:1px solid #ddd;border-radius:4px;text-align: center;font-size:12px;color:#333;font-weight:400;letter-spacing:-0.24px;margin-top:3px;}
		.sub_mypage .table_container .table_wrap .application_status{font-weight:500;}
		.sub_mypage .table_container .table_wrap .application_status .st1{color:#333;}
		.sub_mypage .table_container .table_wrap .application_status .st2{color:#009fec;}
		.sub_mypage .table_container .table_wrap .application_status .st3{color:#013888;}
		.sub_mypage .table_container .table_wrap .complete_status span{font-weight:500;}
		.sub_mypage .table_container .table_wrap .complete_status .st1{color:#013888;}
		.sub_mypage .table_container .table_wrap .complete_status .st2{color:#c50202;}

		@media only screen and (max-width:1400px){
			.sub_mypage .table_container .table_wrap table thead tr th{font-size:15px;line-height:22px;}
			.sub_mypage .table_container .table_wrap table tbody tr td{font-size:14px;line-height:22px;}
			.sub_mypage .table_container .table_wrap .course_status .refund_course{width:68px;height:28px;line-height:26px;font-size:11px;}
		}
		@media only screen and (max-width:1024px){
			.sub_mypage .table_box{width:calc(100% + 30px);margin-left:-15px;}
			.sub_mypage .table_container{width:100%;box-sizing:border-box;padding:0 15px;}
			.sub_mypage .table_container .table_caution{display: block;font-size:15px;color:#333;font-weight:500;margin-bottom:10px;}
			.sub_mypage .table_container .table_wrap{min-width:1100px;}
		}
		@media only screen and (max-width:640px){
			.sub_mypage .table_container .table_wrap{min-width:950px;}
		}

	/*view*/
		.sub_schedule_view .caution_txt{box-sizing:border-box;border-top:1px solid #ddd;padding-top:10px;}
		.sub_schedule_view .caution_txt p{font-size:14px;color:#999;font-weight:400;line-height:24px;word-break:keep-all;}

		@media only screen and (max-width:640px){
			.sub_schedule_view .caution_txt p{font-size:12px;}
		}

/*───────────────────────────────────────────────────────────

	마이페이지 - 교육 환불하기

───────────────────────────────────────────────────────────*/
	.refund_info_box{box-sizing:border-box;background:rgba(0, 139, 206, 0.03);padding:42px 40px;margin-bottom:50px;}
	.refund_info_box .info{position: relative;padding-left:35px;}
		.refund_info_box .info:before{width:21px;height:20px;content:"";background:url('../images/sub/my-chk.png')no-repeat center;position: absolute;left:0;top:2px;}
		.refund_info_box .info.be_none{padding-left:0px;}
		.refund_info_box .info.be_none:before{display:none;}
		.refund_info_box .info + .info{margin-top:24px;}
	.refund_info_box .info strong{line-height:1.45;font-size:20px;color:#111;font-weight:600;letter-spacing:-0.4px;display: block;margin-bottom:9px;word-break:keep-all;}
	.refund_info_box .info strong b {font-weight:800;color:#013888;}
	.refund_info_box .info strong em{font-weight:700;}
	.refund_info_box .info p{font-size:16px;color:#666;font-weight:300;letter-spacing:-0.32px;line-height:26px;word-break:keep-all;}
	.refund_info_box .info span{font-size:14px;color:#999;font-weight:400;letter-spacing:-0.28px;margin-top:5px;display: block;}	
	.refund_info_box .info big{font-size:120%; color: #f50909;font-weight:800;}


	@media only screen and (max-width:640px){
		.refund_info_box{padding:30px 25px;margin-bottom:30px;}
		.refund_info_box .info:before{width:19px;height:18px;top:2px;background-size:auto 100%;}
		.refund_info_box .info strong{font-size:16px;}
		.refund_info_box .info p{font-size:14px;line-height:24px;}
		.refund_info_box .info span{font-size:12px;}

	}
	@media only screen and (max-width:500px){
		.refund_info_box{padding:20px 15px;}
		.refund_info_box .info{padding-left:25px;}
		.refund_info_box .info:before{width:17px;height:16px;top:0;}	
		.refund_info_box .info strong{font-size:14px;margin-bottom:5px;}
		.refund_info_box .info p{font-size:13px;line-height:18px;}
	}

/*───────────────────────────────────────────────────────────

	교육정보 - 교육소개

───────────────────────────────────────────────────────────*/
	.sub_transfer .transfer_txt{}
	.sub_transfer .transfer_txt dl + dl{margin-top:20px;}
	.sub_transfer .transfer_txt dl dt{font-size: 26px;font-weight: 600;color: #111;line-height: 1.39;letter-spacing: -0.02em;}
	.sub_transfer .transfer_txt dl dd{font-size:18px;color:#333;font-weight:400;}
	/* .sub_transfer .transfer_txt ul{margin-top:20px;} */
	.sub_transfer .transfer_txt ul li{font-size:18px;color:#333;font-weight:400;position: relative;box-sizing:border-box;padding-left:11px;line-height:1.4;}
	.sub_transfer .transfer_txt ul li:before{position: absolute;content: '';width: 3px;height: 3px;border-radius: 100%;background: #333;top:8px;left: 0;}
	.sub_transfer .transfer_txt ul li + li{margin-top:10px;}
	.sub_transfer .transfer_img{margin-top:20px;}

	@media only screen and (max-width:860px){
		.sub_transfer .transfer_txt dl dt{font-size:22px;}
		.sub_transfer .transfer_txt dl dd, 
		.sub_transfer .transfer_txt ul li{font-size:16px;}
	}
	@media only screen and (max-width:500px){
		.sub_transfer .transfer_txt dl dt{font-size:20px;}
		.sub_transfer .transfer_txt dl dd{font-size:14px;}
		.sub_transfer .transfer_txt ul{margin-top:10px;}
		.sub_transfer .transfer_txt ul li{font-size:14px;padding-left:8px;}
		.sub_transfer .transfer_txt ul li:before{top:7px;}
	}

/*───────────────────────────────────────────────────────────

	교육정보 - 프로그램

───────────────────────────────────────────────────────────*/
	.sub_program h3{font-size: 26px;font-weight: 600;color: #111;line-height: 1.39;letter-spacing: -0.02em;}
	.sub_program ul{margin-top:20px;}
	.sub_program ul li{font-size:18px;color:#333;font-weight:400;position: relative;box-sizing:border-box;padding-left:11px;line-height:1.4;}
	.sub_program ul li:before{position: absolute;content: '';width: 3px;height: 3px;border-radius: 100%;background: #333;top:8px;left: 0;}
	.sub_program ul li + li{margin-top:10px;}

	.sub_program table.default_list{border-top:1px solid #013888;}
	.sub_program table.default_list thead th{background: #013888;color:#fff;}

	@media only screen and (max-width:860px){
		.sub_program h3{font-size:22px;}
		.sub_program ul li{font-size:16px;}
	}
	@media only screen and (max-width:640px){
		.sub_program ul{margin-bottom:20px;}
	}
	@media only screen and (max-width:500px){
		.sub_program h3{font-size:20px;}
		.sub_program ul{margin-top:10px;}
		.sub_program ul li{font-size:14px;padding-left:8px;}
		.sub_program ul li:before{top:7px;}
	}


/*───────────────────────────────────────────────────────────

	자료실 - 이송성과

───────────────────────────────────────────────────────────*/
	.sub_transfer {text-align: center;}
	.sub_transfer .sub_title {display: inline-block;}
	.sub_transfer .txt_wrap h4 + p {margin-top: 0; margin-bottom: 30px;}
	.sub_transfer .txt_wrap h4 + p b {color: #013888;}
	.sub_transfer .img_box {margin: 30px 0;}
	.sub_transfer .last .txt_wrap {padding-top: 10px;}
	.sub_transfer .last .img_box + .txt_wrap {padding: 20px 0 14px;}
	.sub_transfer .noti_list > li {text-align: left;}
	.sub_transfer .noti_list + .txt_wrap {margin-top: 20px;}
	
	
	.sub_transfer .sub_schedule_list table.default_list {border: 1px solid #ddd;}
	.sub_transfer table.default_list thead th,
	.sub_transfer table.default_list tbody th,
	.sub_transfer table.default_list tbody td {font-size: 20px;}
	.sub_transfer.sub_schedule_list table.default_list th {background: #e2edfe; color: #111;}
	.sub_transfer table.default_list tbody td {color: #333;}
	.sub_transfer table.default_list tbody td.bg_sky {background: #e2edfe; color: #111; font-weight: 500;}
	
	
	@media only screen and (max-width:1500px){
		.sub_transfer table.default_list thead th,
		.sub_transfer table.default_list tbody th,
		.sub_transfer table.default_list tbody td {font-size: 18px;}
	}
	@media only screen and (max-width:860px){
		.sub_transfer table.default_list thead th,
		.sub_transfer table.default_list tbody th,
		.sub_transfer table.default_list tbody td {font-size: 16px;}
	}
	@media only screen and (max-width:640px){
		.sub_transfer .txt_wrap h4 + p {margin-bottom: 20px;}
		.sub_transfer .img_box {margin: 20px 0;}
		.sub_transfer .last .txt_wrap {padding-top: 6px;}
		.sub_transfer .last .img_box + .txt_wrap {padding: 14px 0 10px;}
		.sub_transfer .noti_list + .txt_wrap {margin-top: 14px;}
	}
	@media only screen and (max-width:479px){
		.sub_transfer table.default_list thead th,
		.sub_transfer table.default_list tbody th,
		.sub_transfer table.default_list tbody td {font-size: 15px;}
	}