@charset "UTF-8";

/* tab */
.main-tab {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.main-tab li {
	width: calc(100% / 3);
    height: 68px;
}

.main-tab li a {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 0;
    border: 1px solid #dbdbdb;
}

.main-tab li:nth-of-type(1) a,
.main-tab li:nth-of-type(2) a {
	border-right: 0;
}

.main-tab li a p {
	font-size: 24px;
    color: #707070;
    font-weight: 700;
}

.main-tab li.active a,
.main-tab li:hover a {
	background: #2941A1;
    border: 1px solid #2941A1;
    color: #fff;
    transition: all 0.2s;
}

.main-tab li.active a p,
.main-tab li:hover a p {
	    color: #fff;
}

/* 결제방법 */
.eduApply-section .flex-column {
	padding: 60px 50px;
    row-gap: 30px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.eduApply-section .flex-column .radio-wrap {
    max-width: 500px;
    margin: 0 auto;
}

.eduApply-section .date-picker-box .date-picker-item {
	position: relative;
}

/* 교육신청 */
.courRegist-section .common-box {
	margin-bottom: 40px;
}

.courRegist-section .search-wrap {
	column-gap: 60px;
}

.courRegist-section .count-wrap {
	justify-content: space-between;
	align-items: flex-end;
}

.courRegist-section .count-wrap .count-box {
	display: flex;
	column-gap: 30px;
}

.courRegist-section .count-wrap .count-box span {
	position: relative;
	font-size: 20px;
}

.courRegist-section .count-wrap .count-box span:not(:first-of-type)::after {
	position: absolute;
	width: 1px;
	height: 16px;
	background: #ccc;
	display: block;
	content: '';
	top: 50%;
	left: -15px;
	transform: translate(0, -50%);
}

.courRegist-section .search-wrap .input-box .input-item {
	width: calc(100% / 3);
}

.courRegist-list .table-style-1 th {
	padding: 20px 12px;
}

.courRegist-list .td_tit {
	display: none;
}

.courRegist-list .date-picker-box {
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.courRegist-list .date-picker-box .date-picker-item {
	position: relative;
}

.courRegist-list .date-picker-box .date-picker-item input {
	width: 100%;
    height: 48px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    background: #f7f7f7;
    padding: 8px 14px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.courRegist-section .new-modal .input-wrap .input-box {
	margin-bottom: 20px;
}

.courRegist-section .new-modal .input-wrap .input-box .input-item {
	align-items: flex-start;
}

.courRegist-section .new-modal .input-wrap .input-box .input-item .input-multi {
	width: 100%;
}

.courRegist-section .table-wrap .new-modal .btn-wrap {
	align-items: center;
}

.confCourList-section .table-wrap .btn-wrap .btn-navy {
	width: 106px;
}

.confCourList-section .table-wrap .btn-wrap .btn-green {
	width: 120px;
}

.confCourList-section .table-wrap .btn-wrap .btn-gray {
	width: 120px;
}
.confCourList-section .table-wrap .btn-wrap .btn-red {
	width: 120px;
}

.classRgist-section .sub-container > div:not(:last-child) {
	margin-bottom: 60px;
}

.classRgist-section .checkbox-wrap {
	display: flex;
	column-gap: 20px;
	padding-top: 16px;
	padding-left: 20px;
}

/* 교육접수확인 */
.btn-wrap.certi-wrap {
    flex-direction: column;
    row-gap: 20px;
}

/* 교육과정안내 */
.eduGuide-section .table-style-1 th {
	padding: 18px 12px;
}

.eduGuide-section .table-style-1 td {
	padding: 16px 12px;
}

.eduGuide-section .table-style-1 th:not(:last-of-type),
.eduGuide-section .table-style-1 td:not(:last-of-type) {
	border-right: 1px solid #dbdbdb;
}

.eduGuide-section .table-style-1 td.bg_green {
	background: #E9FCF8;
	font-weight: 700;
}

.eduGuide-section .table-style-1 td.bg_navy {
	background: #F2F8FF;
	font-weight: 700;
}

.eduGuide-section .sub-container > div:not(:first-child) > ._bullet:last-of-type {
	margin-top: 30px;
}

.course-info-wrap .table-style-1 td p {
	text-align: left;
}

.course-info-wrap .table-wrap .table-style-1 td {
	border-right: 1px solid #dbdbdb;
}

.course-info-wrap .new-table tr:nth-of-type(2) td:last-of-type,
.course-info-wrap .new-table tr:nth-of-type(3) td:last-of-type,
.course-info-wrap .new-table tr:nth-of-type(10) td:last-of-type,
.course-info-wrap .new-table tr:nth-of-type(15) td:last-of-type,
.course-info-wrap .new-table tr:nth-of-type(20) td:last-of-type,
.course-info-wrap .new-table tr:nth-of-type(22) td:last-of-type,
.course-info-wrap .new-table tr:nth-of-type(23) td:last-of-type,
.course-info-wrap .fix-table tr:nth-of-type(2) td:last-of-type,
.course-info-wrap .fix-table tr:nth-of-type(6) td:last-of-type {
	border-right: 0;
}

/* 주차등록 */
.parkingApp-section .detail ._bullet {
	font-size: 18px;
	word-break:keep-all;
}

.parkingApp-section .detail ._bullet p {
	line-height: 1.4;
}

.parkingApp-section .detail .table-wrap {
	margin-top: 40px;
}

.parkingApp-section .detail .table-wrap table tbody th,
.parkingApp-section .detail .table-wrap table tbody td {
	font-size: 18px;
	padding: 8px 12px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #dbdbdb;
}

.parkingApp-section .detail .table-wrap table tbody th {
	background: #E9FCF8;
	padding: 10px 12px;
}

.parkingApp-section .detail .table-wrap table tbody td br {
	display: none;
}

.parkingApp-section .input-wrap {
	padding: 30px 60px;
}

.parkingApp-section .select-wrap {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.parkingApp-section .select-wrap .select-item {
	position: relative;
}

.parkingApp-section .select-wrap .select-item > span {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 10px;
	display: inline-block;
}

.parkingApp-section .select-wrap .select-item .select-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(-50%, 0);
}

.parkingApp-section .select-wrap .select-item .select-arrow img {
    transition: all 0.3s;	
}

.parkingApp-section .select-wrap .select-item select:focus+.select-arrow img {
    transform: rotate(180deg);
}

.parkingApp-section .input-wrap-l .input-box {
	padding: 0;
}

.parkingApp-section .input-wrap-l .input-box .btn-default_2 {
	width: auto;
	padding-left: 14px;
	display: flex;
	align-items: center;
	column-gap: 6px;
	border: 1px solid #dbdbdb;
}

.parkingApp-section .input-wrap-l .input-box .btn-default_2 span {
	color: #707070;
	font-weight: 600;
}

.parkingApp-section .input-wrap-l .input-box .btn-default_2 svg {
	width: 20px;
}

.parkingApp-section .input-wrap-l .input-box .btn-default_2:hover {
	border: 1px solid #147f6f;
}

.parkingApp-section .input-wrap-l .input-box .btn-default_2:hover svg path {
	fill: #fff;
	transition: all 0.3s;
}

.parkingApp-section .input-wrap-l .input-box .btn-default_2:hover span {
	color: #fff;
	transition: all 0.3s;
}

.parkingApp-section .agreement {
	display: flex;
	flex-direction: column;
}

.parkingApp-section .agreement > span {
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
}
.parkingApp-section .agreement > span.gray {
	padding-top: 4px;
	display:block;
}

.parkingApp-section .agreement .agreement-info {
	padding: 30px 40px;
	border: 1px solid #dbdbdb;
	border-radius: 16px;
	margin-top: 20px;
	margin-bottom: 12px;
}

.parkingApp-section .agreement .agreement-info li:not(:last-of-type) {
	padding-bottom: 10px;
}

.parkingApp-section .agreement .agreement-info li span {
	font-size: 18px;
	color: #707070;
	display: inline-block;
	padding-bottom: 4px;
}

.parkingApp-section .agreement .agreement-info li p {
	font-size: 18px;
	font-weight: 600;
}

/* modal 창 */
.modal-tit {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 20px;
	word-break: keep-all;
}

.newCourseModal {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

.newCourseModal .course-modal-body {
	position: absolute;
	width: 1024px;
	height: 88%;
	background: #fff;
	border-radius: 20px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow-y: scroll;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* Internet Explorer 10+ */
}

.newCourseModal .course-modal-body .course-modal-box {
	position: relative;
	padding: 40px 30px;
}

.newCourseModal .table-wrap {
	margin-top: 12px !important;
	row-gap: 10px;
}

.newCourseModal .table-wrap td.green,
.newCourseModal .table-wrap td.navy {
	font-weight: 700;
}

.newCourseModal .table-wrap td.bg_green {
	background: #E9FCF8;
}

.newCourseModal .table-wrap td.bg_navy {
	background: #F2F8FF;
}

.newCourseModal .table-wrap .table-style-1 td {
	padding: 8px 12px;
    word-break: keep-all;
}

.newCourseModal .table-wrap .table-style-1 th:not(:last-of-type),
.newCourseModal .table-wrap .table-style-1 td:not(:last-of-type) {
	border-right: 1px solid #dbdbdb;
}

.newCourseModal .table-wrap .table-style-1 .zoom {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
}

.newCourseModal .table-wrap .table-style-1 td small {
	display: block;
	font-size: 14px;
}

.newCourseModal .table-wrap .table-style-1 .zoom img {
	width: 80px;
}

#newCourseModal .table-wrap .table-style-1 td:last-of-type {
	border-right: 0;
}

#newCourseModal .table-style-1 tr:nth-of-type(7) td:last-of-type,
#newCourseModal .table-style-1 tr:nth-of-type(9) td:last-of-type {
	border-right: 1px solid #dbdbdb;
}

#newCourseModal .table-wrap .table-style-1 td p {
	text-align: left;
}

#fixCourseModal .table-wrap .table-style-1 td {
    padding: 14px 16px;
}

#fixCourseModal .table-wrap .table-style-1 td p {
    text-align: left;
}

#fixCourseModal .table-wrap td.bg_green {
    background: #147F6F;
}

#fixCourseModal .table-style-1 tr:nth-of-type(2) th {
	background: #fff;
	color: #147F6F;
	border-top: 0;
}

#fixCourseModal .table-style-1 tr:nth-of-type(8) td:last-of-type {
	border-right: 1px solid #dbdbdb;
}

.bank-info-table table {
    width: 100%;
}

.bank-info-table table th,
.bank-info-table table td {
    padding: 14px 8px;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dbdbdb;
}

.bank-info-table table th {
    background: #f5f5f5;
}

@media screen and (max-width: 1350px) {
	.table-wrap p {
		font-size: 18px;
	}
	
	.confCourList-section .table-wrap .btn-wrap {
		flex-direction: row;
	}
	
	.eduGuide-section .table-style-1 th {
		padding: 16px 8px;
	}
	
	.eduGuide-section .table-style-1 td {
		padding: 14px 8px;
	}
}

@media screen and (max-width: 1280px) {
	
	.courRegist-section .search-wrap .input-box .input-item {
		width: calc(100% / 2 - 10px);
	}
}

@media screen and (max-width: 1280px) {
	
}

@media screen and (max-width: 1024px) {
	
	.newCourseModal .course-modal-body {
		width: calc(100% - 40px);
	}
	
	.courRegist-list .td_tit {
		display: inline-block;
	}
	
	.courRegist-list .table-style-1 tr:first-of-type {
		display: none;
	}
	
	.courRegist-list .table-style-1 tbody {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	
	.courRegist-list .table-style-1 tr {
		width: calc(100% / 2 - 10px); 
		display: flex;
		flex-wrap: wrap;
		border-bottom: 0;
		border: 1px solid #dbdbdb;
		padding: 30px;
		row-gap: 10px;
	}
	
	.courRegist-list .table-style-1 tr:hover {
		background: #f5f5f5;
		transition: all 0.2s;
	}
	
	.courRegist-list .table-style-1 tr td {
		padding: 0;
		text-align: left;
	}
	
	.courRegist-list .table-style-1 tr td .td_tit {
		font-weight: 600;
		color: #707070;
	}
	
	.courRegist-list .table-style-1 tr td .td_tit > span {
		font-weight: 500;
		color: #111;
	}
	
	.courRegist-list .table-style-1 tr .td_more {
		margin-right: 10px;
	}
	
	.courRegist-list .table-style-1 tr .td_excel {
		margin-left: 10px;
	}
	
	.courRegist-list .table-style-1 tr td:first-of-type {
		font-size: 22px;
		font-weight: 700;
	}
	
	
	.courRegist-list .table-style-1 tr td:not(.td_more):not(.td_register):not(.td_excel) {
		width: 100%;
	}
	
	.courRegist-list .table-style-1 th:not(:last-of-type),
	.courRegist-list .table-style-1 td:not(:last-of-type) {
		border-right: 0;
	}
	
	.courRegist-list .date-picker-box {
		margin-top: 6px;
	}
	
	.courRegist-list .date-picker-box .date-picker-item input {
		height: 42px;
		padding: 6px 32px 6px 14px;
		font-size: 17px;
	}
	
	.confCourList-section .table-wrap .btn-wrap {
		justify-content: flex-start;
        flex-wrap: wrap;
	}

}


@media screen and (max-width: 917px) {
	
	.classRgist-section .checkbox-wrap {
		flex-direction: column;
		row-gap: 12px;
	}
	
	.courRegist-list .date-picker-box {
		flex-direction: column;
		align-items: flex-start;
	}

}

@media screen and (max-width: 768px) {
	
	.modal-tit {
		font-size: 28px;
		padding-right: 50px;
		padding-bottom: 16px;
	}
	
	.main-tab li a p {
		font-size: 22px;
        text-align: center;
	}
	
	.table-style-1 th {
		padding: 14px 6px;
	}
	
	.newCourseModal .table-wrap .table-style-1 td {
		padding: 12px 8px;
	}
	
	.courRegist-section .count-wrap {
		column-gap: 20px;
	}
	
	.courRegist-section .count-wrap .count-box {
		column-gap: 20px;
	}
	
	.courRegist-section .count-wrap .count-box span {
		font-size: 18px;
	}
	
	.courRegist-section .count-wrap .count-box span:not(:first-of-type)::after {
		height: 12px;
		left: -10px;
	}
	
	.courRegist-list .table-style-1 tr {
		padding: 30px 24px;
	}
	
	#courAddForm .btn-wrap {
		column-gap: 10px;
	}
	
	.parkingApp-section .sub-bullet p,
	.parkingApp-section .detail .table-wrap table tbody th,
	.parkingApp-section .detail .table-wrap table tbody td {
		word-break: keep-all;
		line-height: 1.4;
	}
	
	.parkingApp-section .detail ._bullet p br:nth-of-type(1) {
		display: none;
	}
	
	.parkingApp-section .input-wrap {
		padding: 30px 40px;
	}
	
	.dismantlingconstruct-section .schedule ul li p {
		font-size: 20px;
	}
	
	.dismantlingconstruct-section .schedule ul li:not(.day) {
		height: 52px;
	}
	
	.dismantlingconstruct-section .schedule ul li {
		height: 36px;
	}
	
	.dismantlingconstruct-section .schedule ul li.day span,
	.dismantlingconstruct-section .schedule .fixed-class .busan .flex > div > span {
		font-size: 18px;
	}
	
}

@media screen and (max-width: 640px) {
	
	.dismantlingconstruct-section .schedule .fixed-class {
		flex-direction: column;
		row-gap: 20px;
	}
	
	.dismantlingconstruct-section .schedule .fixed-class > div,
	.dismantlingconstruct-section .schedule .fixed-class > div:first-of-type {
		width: 100%;
	}
	
}

@media screen and (max-width: 600px) {
	#courAddForm .btn-wrap {
		margin-top: 0;
	}
	
	.courRegist-section .count-wrap {
		flex-wrap: wrap-reverse;
		margin-bottom: 8px;
		row-gap: 8px;
	}
	
	.courRegist-section .search-wrap .input-box .input-item {
		width: 100%;
	}
	
	.courRegist-section .search-wrap .btn-default_2 {
		width: 100%;
	}
	
	.courRegist-list .table-style-1 tr {
		width: 100%;
		row-gap: 6px;
	}
	
	.courRegist-list .table-style-1 tr td:first-of-type {
		margin-bottom: 6px;
	}
	
	.courRegist-list .table-style-1 tr .td_more,
	.courRegist-list .table-style-1 tr .td_register,
	.courRegist-list .table-style-1 tr .td_excel,
	.confCourList-section .table-wrap .btn-wrap {
		margin-top: 4px;
	}
	
	.classRgist-section .checkbox-wrap {
		padding-left: 0;
	}

    #fixCourseModal .table-wrap .table-style-1 td {
        padding: 10px 14px;
    }
    
    #division-wrap .table-style-1 th,
	#schedule-wrap .table-style-1 th {
		padding: 12px 6px;
	}
    
    #division-wrap .table-style-1 td,
	#schedule-wrap .table-style-1 td {
		padding: 8px 6px;
	}
	
	.newCourseModal .table-wrap .table-style-1 .zoom img {
		width: 68px;
	}
	
	.parkingApp-section .input-wrap {
		padding: 30px 0px;
	}
	
}

@media screen and (max-width: 500px) {
	.newCourseModal .course-modal-body .course-modal-box {
		padding: 30px 24px;
	}
	
	.modal-tit {
		font-size: 24px;
	}
	
	.main-tab {
		margin-bottom: 7vw;
	}
	
	.main-tab li {
        height: 14vw;
	}
	
	.main-tab li a p {
		font-size: 5vw;
	}
	
	.newCourseModal .table-wrap .table-style-1 td {
		padding: 10px 6px;
	}
	
	.newCourseModal .table-wrap .table-style-1 td small {
		font-size: 12px;
	}

	.eduGuide-section .table-style-1 th {
		padding: 14px 4px;
	}
	
	.eduGuide-section .table-style-1 td {
		padding: 12px 4px;
	}
	
	.eduApply-section .flex-column {
		padding: 50px 40px;
	}
		
	#courAddForm .btn-wrap {
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 10px;
		row-gap: 10px;
	}
		
	#courAddForm .btn-wrap .btn-common-l {
		width: calc(100% / 2 - 5px);
	}

	#courAddForm .input-wrap .input-box .input-item .date-picker-box .input-multi {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 4px;
	}
	
	.courRegist-list .date-picker-box {
		margin-top: 4px;
	}
	
	.courRegist-list .date-picker-box .date-picker-item .custom-calendar-icon img {
		width: 18px;
		height: 18px;
	}
	
	.courRegist-list .date-picker-box .date-picker-item input {
		height: 36px;
		padding: 4px 32px 4px 14px;
		font-size: 15px;
	}

    .bank-info-table table tbody {
        display: flex;
        flex-direction: column;
    }

    .bank-info-table table tbody tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .bank-info-table table th,
    .bank-info-table table td {
        font-size: 18px;
        padding: 12px 6px;
        border: 0;
        border-bottom: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
    }

    .bank-info-table table tr:first-of-type th {
        border-top: 1px solid #dbdbdb;
    }
    
    .parkingApp-section .detail .table-wrap {
    	margin-top: 24px;
    }
    
    .parkingApp-section .detail .table-wrap table tbody th,
    .parkingApp-section .detail .table-wrap table tbody td {
    	padding: 6px;
    	font-size: 16px;
    	line-height: 1.2;
    }
    
    .parkingApp-section .detail .table-wrap table tbody td br {
		display: block;
	}
    
    .parkingApp-section .agreement .agreement-info {
    	padding: 30px 32px;
    }
    
    .dismantlingconstruct-section .schedule ul li p {
    	font-size: 4.2vw;
    }
    
    .dismantlingconstruct-section .schedule ul li.day span,
    .dismantlingconstruct-section .schedule .fixed-class .busan .flex > div > span {
    	font-size: 4vw;
    }
    
    .dismantlingconstruct-section .schedule ul li {
    	height: 8.5vw;
    }
    
    .dismantlingconstruct-section .schedule ul li:not(.day) {
    	height: 12vw;
    }
	
}

@media screen and (max-width: 340px) {
	
	.courRegist-list .table-style-1 tr td {
		width: 100%;
	}
	
	.courRegist-list .table-style-1 tr .td_more {
		margin-right: 0;
	}
	
	.courRegist-list .table-style-1 tr .td_excel {
		margin-left: 0;
	}
	
	.courRegist-list .table-style-1 tr td .btn-default,
	.confCourList-section .table-wrap .btn-wrap .btn-default {
		width: 100%;
	}
	
	.confCourList-section .table-wrap .btn-wrap {
		flex-wrap: wrap;
	}
	
	.eduGuide-section .table-style-1 th {
		padding: 12px 4px;
	}
	
	.eduGuide-section .table-style-1 td {
		padding: 10px 4px;
	}
	
	.eduApply-section .flex-column {
        padding: 0;
        border: 0;
        border-radius: 0;
    }
    
    .parkingApp-section .detail .table-wrap table tbody th,
    .parkingApp-section .detail .table-wrap table tbody td {
    	word-break: break-all;
    }
    
    .parkingApp-section .detail .table-wrap table tbody td br {
		display: none;
	}

	
}

@media screen and (max-width: 340px) {
	.courRegist-section .count-wrap .count-box {
		column-gap: 16px;
	}
	
	.courRegist-section .count-wrap .count-box span {
		font-size: 16px;
	}
	
	.courRegist-section .count-wrap .count-box span:not(:first-of-type)::after {
		height: 10px;
		left: -8px;
	}
	
}