.mask{display: none; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; z-index: 22; left: 0; top: 0;}

.t_left {text-align: left !important;}

.popup_wrap{display: none; position: fixed; z-index: 23; box-shadow: 0 0 10px rgba(0,0,0,0.25); border-radius: 5px; /*overflow: hidden;*/ z-index: 50;}
.popup_tit {height: 45px; background-color: #2b68da; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 18px; font-weight: 400; padding: 0 20px; border-radius: 5px 5px 0 0; box-sizing: border-box;}

.btn_popup_close{width: 18px; height: 18px; padding: 0;}
.btn_popup_close i{display: inline-block; width: 100%; height: 100%; background-image: url(../images/content/pop_close.png); background-repeat: no-repeat;}
.popup_tit2 {font-size: 17px; padding-bottom: 7px;}
.popup_cont {color: #222; padding: 40px 20px; box-sizing: border-box;background-color: #fff; border-radius: 0 0 5px 5px;}
.popup_cont input[type="text"],.popup_cont input[type="date"] {height: 40px; padding: 0 10px; font-size: 16px;box-sizing: border-box;color:#222;}
.popup_cont .pagination {margin: 0 0 10px 0;}

/* popup list top css 수정(학교명 검색) */
.popup_cont .list_top {padding: 14px 30px;}
.popup_cont .list_top .pop_list_top_left {width: 29%;}
.popup_cont .list_top .pop_list_top_left select {width: 100%;}
.popup_cont .list_top .btn_wrap {width: 72%; justify-content: flex-end;}
.popup_cont .list_top .btn_wrap button {margin-left: 4px;}

/* popup button type */
.pop_btn_wrap button{margin: 0 1px;height: 34px; padding: 0 25px;font-size: 16px;text-align: center; vertical-align: middle; letter-spacing: -0.8px; border-radius: 5px; box-sizing: border-box; transition: background-color .1s linear;}
.pop_btn_wrap button:first-child{margin-left: 0;}
.pop_btn_wrap button:last-child{margin-right: 0;}

.pop_btn_wrap.btn_layout01{display: flex; justify-content: space-between; margin-top: 20px;}
.pop_btn_wrap.btn_layout01>div{width: calc(100% / 3);}
.pop_btn_wrap.btn_layout01>div:nth-child(2) {width: calc(100%/2);}

/* popup width 값 */
.popup_wrap.popType01 {width: 470px;}
.popup_wrap.popType02 {width: 690px;}
.popup_wrap.popType03 {width: 580px;}
.popup_wrap.popType04 {width: 520px;}
.popup_wrap.popType05 {width: 730px;}

.popup_table_top{margin:0 0 15px 0;text-align:right;}
.popup_table_top button{height:38px;padding:0 13px;font-size:16px;font-weight:500;border-radius:5px;}

/* popup table type01 */
.pop_tb_type01 {margin-bottom: 40px; overflow-y: scroll; max-height: 500px;}
.pop_tb_type01>table{width: 100%; table-layout: fixed;}
.pop_tb_type01>table>tbody {border-top: 2px solid #000;}
.pop_tb_type01>table>tbody>tr{border-bottom: 1px solid #e5e5e5;}
.pop_tb_type01>table>tbody>tr>th,.pop_tb_type01>table>tbody>tr>td{ font-size: 15px; text-align: left;box-sizing: border-box;}
.pop_tb_type01>table>tbody>tr>th{background-color: #f5f5f5; font-weight: 400; vertical-align: top; padding-top: 19px; padding-left: 20px;}
.pop_tb_type01>table>tbody>tr>th p {line-height: 1.3;}
.pop_tb_type01>table>tbody>tr>td{padding: 10px 13px; height: 55px; font-weight: 300; color: #555; vertical-align: middle; line-height: 1.4;}
.pop_tb_type01>table>tbody>tr>td textarea {width: 100%; height: 80px; font-size: 16px; padding: 10px 15px; box-sizing: border-box;}
.pop_tb_type01>table>tbody>tr>td button {font-size: 15px; height: 35px; padding: 0 16px;}
.pop_tb_type01>table>tbody>tr>td .duet-date__nav button{padding: 0; height: 35px;}
.pop_tb_type01>table>tbody>tr>td .file_cf {margin: 5px 0 0 0; font-size: 15px;}

/* popup table type02 */
.pop_tb_type02{margin-bottom: 25px; max-height: 500px; overflow-y: scroll;}
.pop_tb_type02>table{width: 100%; table-layout: fixed; border-top: 2px solid #000;}
.pop_tb_type02>table>thead>tr{border-bottom: 1px solid #e5e5e5;}
.pop_tb_type02>table>tbody>tr{border-bottom: 1px solid #e5e5e5;}
.pop_tb_type02>table>thead>tr>th,.pop_tb_type02>table>tbody>tr>th,.pop_tb_type02>table>tbody>tr>td{text-align: center; vertical-align: middle;  height: 45px; padding: 0 5px;} 
.pop_tb_type02>table>thead>tr>th:last-child,.pop_tb_type02>table>tbody>tr>td:last-child{border-right: 0;}
.pop_tb_type02>table>thead>tr>th{font-weight: 400; background-color: #f5f5f5;}
.pop_tb_type02>table>tbody>tr>th, .pop_tb_type02>table>tbody>tr>td {color: #555; font-weight: 300;}
.pop_tb_type02>table>tbody>tr>td input[type=text] {margin:5px 0;}
.pop_tb_type02>table .btnType01 {font-size: 15px; height: 30px; padding: 0 10px; border-radius: 5px;}

/* 출력 팝업 */
.pop_tb_type02.popup_print input[type="text"] {width: 30px !important; height: 30px;}
.pop_tb_type02.popup_print .label {font-size: 14px; display: block;}

/* 거주지 선택 */
.sel_residence {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.sel_residence img {height: 100%; margin: 0 16px;}
.sel_residence>div {width: calc(100%/3);}
.sel_residence .step_tit {font-size: 17px; padding-bottom: 8px;}
.sel_residence>div ul {height: 314px; padding: 5px 15px; border: 1px solid #d5d5d5; border-radius: 5px; box-sizing: border-box; overflow-y: scroll;}
.sel_residence>div ul li a {color: #555; font-weight: 300; line-height: 31px;}

/* 사진등록 */
.pop_search_wrap {display: flex; justify-content: space-between;}
.pop_search_wrap input[type="text"] {width: calc(100% - 105px);}
.pop_search_wrap button {width: 100px; height: 40px; border-radius: 5px; text-align: center; font-size: 17px;}

/* 저작권 체험교실 중간보고 */
.popup_report1 {padding: 13px 15px; box-sizing: border-box; border-top: 2px solid #000; border-bottom: 1px solid #d5d5d5; margin-bottom: 30px;}
.popup_report1 li {font-size: 15px; padding-bottom:10px; letter-spacing: -0.5px;}
.popup_report1 li:last-child {padding-bottom: 0;}

/* 교육과정 상세 목록 */
.curriculum {margin:-18px 0 14px;font-size:17px;color:#222;line-height: 1.3;}

/* 신청서 작성 안내 */
.popup_wrap.popType05 .popup_cont {padding:20px;}
.application_wrap .info_box {display:flex;height:135px;padding:0 0 0 149px;align-items:center;border:1px solid #d5d5d5;background:url(../images/content/application_icon.png) #f5f5f5 no-repeat 25px 20px;border-radius:5px;}
.application_wrap .info_box dl dt {font-family:'GmarketSansBold',sans-serif;font-size:20px;color:#222;}
.application_wrap .info_box dl dd {margin:3px 0 0;font-size:16px;font-weight:300;line-height:24px;}
.application_wrap .title {margin:28px 0 14px;font-size:17px;font-weight:500;}
.application_wrap .list {padding:14px 20px 15px;border:1px solid #d5d5d5;border-radius:5px;}
.application_wrap .list ol li {position:relative;padding:0 0 0 13px;font-size:15px;font-weight:300;line-height:24px;color:#555;}
.application_wrap .list ol li .number {position:absolute;left:0;top:0;}
.application_wrap .list ol li span {display:block;white-space:normal;word-break:break-all;}
.application_wrap .list ol li a {display:inline;color:#555;}

.pop_tb_type01 table tbody tr td .put_photo{position: absolute; right: 0; top: 0; border-left: 1px solid #e5e5e5; background-color: #fff;}
.pop_tb_type01 table tbody tr td .put_photo .put_photo_in {background-color: #f5f5f5; width: 116px; height: 150px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 7px; box-sizing: border-box; position: relative; overflow: hidden; text-align:center;}
.pop_tb_type01 table tbody tr td .put_photo .put_photo_in .put_photo_box {position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}

/* 교육문의 */
 .popup_texta textarea {width:100%; height:200px; margin: 10px 0 0 0; font-size:15px;}
 .text_greeting {margin:-20px 0 0;}

 /* 기소유예 - 교육취소 */
 .btnType01.right {float:right; margin:0 0 5px 0;}
 
 /*신청인 정보 팝업 수정 */
.pop_text{border: 1px solid #d5d5d5; padding: 15px; margin: 0 0 -5px 0;} 
.pop_text .title{margin: 0 0 10px 0; font-weight: 500;}
.pop_text .sub_te{font-size: 15px; color :#666; margin: 0 0 10px 0; line-height: 1.2;}
.pop_text ul{color :#666; line-height: 1.4; font-size: 14px;}
.ar_bt{background-color: #f5f5f5; padding: 10px 0; margin: 0 0 -5px 0;}
 
/*성인 > 완료상세 > 교육일정 정보 > 강의만족도 설문지 출력 팝업 > 출력, 취소 버튼 여백 수정*/
.output_pop .output_btn{margin-top: 33px;}

/*성인 > 완료상세 > 교육완료 내용 > 결과보고 업로드 스크롤 생기게 수정*/
/*.result_pop{max-height: 800px; overflow-y: scroll;}*/

/*성인 > 완료상세 > 교육완료 내용 > 결과 보고 확인 팝업 > 닫기 버튼 여백 수정*/
.re_pop .re_pop_btn{margin: 20px 0 0 0;}

/*성인 > 완료상세 > 교육완료 내용 > 강사 참석 확인서 업로드 팝업 > 확인, 취소 버튼 여백 수정*/
.upload_pop .upload_btn{margin: 20px 0 0 0;}

/*청소년, 성인 > 완료상세 > 설문QR 레이어팝업 > QR코드 가운데 정렬 수정 + 스크롤 없앰*/
.popup_cont .cont_body .qr_wrap{margin-bottom: 0px; overflow-y: hidden;}
.popup_cont .cont_body .qr_wrap .qr_img img{margin: 0 auto; /*display: block;*/}


@media all and (max-width: 767px){
	.popup_cont {padding: 10px;}
	.popup_wrap.popType02 {width: 360px;}

	/* popup table type01 */
	.pop_tb_type01 {margin-bottom: 20px;}
	.trLength4 {display: none;}
	.trLength2 {display: table-row;}
	.pop_tb_type01>table>colgroup>col:nth-child(odd) {width: 110px !important;}
	.pop_tb_type01.rowspan2>table>colgroup>col {width: auto !important;}
	.pop_tb_type01.rowspan2>table>colgroup>col:nth-child(1) {width: 110px !important;}

	.pop_tb_type01>table>tbody>tr>th, .tb_type01>table>tbody>tr>td {font-size: 14px; font-weight: 400;}
	.pop_tb_type01>table>tbody>tr>th {padding-top: 0; padding-left: 10px; vertical-align: middle;}
	.pop_tb_type01>table>tbody>tr>td {height: 40px; padding: 8px 10px;}
	.pop_tb_type01>table>tbody>tr>td input[type="text"] {height: 36px;}
	.pop_tb_type01>table>tbody>tr>td>.btnType01 {height: 30px; font-size: 15px; padding: 0 12px;}
	
	/* 교육신청자 대시보드 */
	.text_greeting {margin:0 0 0 0;}
}

@media all and (max-width: 400px){
	.popup_wrap.popType01{width: 95%;}
}

/*학교명 검색*/
.scholbtn {font-size:15px !important}