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

.lecture_list #search_zone {
    background-color: transparent;
    padding: 0px;
	border: 5px solid #045738;
	margin-bottom: 40px;
}
.lecture_list #search_zone .search_block {
    width: 100%;
}
.lecture_list #search_zone .search_block .k-textbox {
    float: left;
    width: calc(100% - 100px);
    line-height: 50px;
    padding: 10px;
    border-radius: 0px;
	font-size: 21px;
	line-height: 36px;
	border: none;
}
.lecture_list  #search_zone .search_block .ui.button {
    font-size: 21px;
    line-height: 58px;
    width: 100px;
	margin: 0px;
	background-color: #045738;;
}
.lecture_list p {
	margin-bottom: 10px;	
}
#bbs_list .ui.table.lecture_bbs {
    border-top: none;
    border-bottom: none;
}
#bbs_list .ui.table.lecture_bbs thead th {
    color: #fff;
    font-weight: 400 !important;
    border-bottom: none;
	background-color: #414C5E;
	padding: 12px 20px;
	font-size: 17px;
}
#bbs_list .ui.table.lecture_bbs .ui.button {
	color: #fff;
	background-color: #B9BCCE;
}
#bbs_list .ui.table.lecture_bbs .ui.button.green {
	color: #fff;
	background-color: #00A651;
}
#bbs_list .ui.celled.table.lecture_bbs tr td {
    padding: 15px 20px;
    font-size: 16px;
	color: #666;
	font-family: "notoL";
}
#bbs_list .ui.celled.table.lecture_bbs tr td a {
	font-size: 17px;
	color: #202020;
	 font-family: "notoM";
}
#bbs_list .ui.table.lecture_bbs  tr th:nth-child(1) {
    width: 7%;
}
#bbs_list .ui.table.lecture_bbs  tr th:nth-child(2) {
    width: 30%;
}
#bbs_list .ui.table.lecture_bbs  tr th:nth-child(3) {
    width: 25%;
}
#bbs_list .ui.table.lecture_bbs  tr th:nth-child(4) {
    width: 15%;
}
#bbs_list .ui.table.lecture_bbs  tr th:nth-child(5) {
    width: 11%;
}
#bbs_list .ui.table.lecture_bbs  tr th:nth-child(6) {
    width: 11%;
}

#bbs_list .ui.table.lecture_bbs.mypage  tr th:nth-child(1) {
    width: 12%;
}
#bbs_list .ui.table.lecture_bbs.mypage  tr th:nth-child(2) {
    width: 28%;
}
#bbs_list .ui.table.lecture_bbs.mypage  tr th:nth-child(3) {
    width: 24%;
}
#bbs_list .ui.table.lecture_bbs.mypage  tr th:nth-child(4) {
    width: 15%;
}
#bbs_list .ui.table.lecture_bbs.mypage  tr th:nth-child(5) {
    width: 10%;
}
#bbs_list .ui.table.lecture_bbs.mypage  tr th:nth-child(6) {
    width: 11%;
}

.recruitment {
	color: #00A651;
}

.calendar_con .lecture_item {
    width: 48%;
	height: 380px;
    margin: 0px 1% 30px 1%;
    background-color: #fdfdfd;
	border: 1px solid #d7d7d7;
    padding: 30px;
    padding-bottom: 0px;
	border-radius: 0px;
    box-shadow: none;
    -webkit-transition: transform .4s;
    transition: transform .4s;
}
.calendar_con .lecture_item .state {
	display: none;	
}
.calendar_con .lecture_item .bnt_zone {
	display: block;
	text-align: center;
	padding: 10px 0px 20px 0px;;
}
.calendar_con .lecture_item .bnt_zone .ui.button {
	margin: 0px;
	color: #fff;
	background-color: #B9BCCE;
}
.calendar_con .lecture_item .bnt_zone .ui.button.green {
	background-color: #00A651;
}

/****** 프로그램일정 CSS ******/
.lecture_list p .icon {
    font-size: 30px;
    color: #CBCBCB;
    line-height: 36px;
    display: inline-block;
}
.lecture_list .on .icon {
    color: #00A651;
}

.calendar_zone,
.calendar_zone .calendar .calendar_header .calendar_box {
	overflow: hidden;
}
.calendar_zone p .icon {
    font-size: 30px;
    color: #CBCBCB;
    line-height: 36px;
	display: inline-block;
}
.calendar_zone .calendar {
	float: left;
	width: 425px;
	background-color: #848484;
	border-top: 1px solid #999;
}
.calendar_zone .calendar_con {
	float: right;
	width: calc( 100% - 485px);
}
.calendar_zone .calendar .calendar_header .calendar_box {
	margin: 20px auto 10px auto;
	width: 270px;
}
.calendar_zone .calendar .calendar_header .calendar_box a,
.calendar_zone .calendar .calendar_header .calendar_box h4 {
	display: inline-block;
}
.calendar_zone .calendar .calendar_header .calendar_box a {
	vertical-align: 2px;
	color: #fff;
}
 .calendar_zone .calendar .calendar_header .calendar_box a.ui.button {
	display: inline-block;
	margin-left: 20px;
	vertical-align: bottom;
}
 .calendar_zone .calendar .calendar_header .calendar_box a.ui.button:hover {
	 color: #202020; 
 }
.calendar_zone .calendar .calendar_header .calendar_box h4 {
	font-size: 21px;
	margin: 0px 7px;
	line-height: 31px;
	color: #fff;
	letter-spacing: 0px;
}
.calendar_zone .calendar .calendar_body {
	padding: 15px;
}
.calendar_zone .calendar .calendar_body table {
	background-color: #fff;
}
.calendar_zone .calendar .calendar_body table th {
	background-color: #929292;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 16px;
	padding: 5px 0px;
	border-left: 1px solid #878787;
	border-top: 1px solid #878787;
}
.calendar_zone .calendar .calendar_body table td {
	border-left: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	padding: 10px 0px;
	text-align: center;
}
.calendar_zone .calendar .calendar_body table td a {
	font-size: 14px;	
}
.calendar_zone .calendar .calendar_body table th:nth-child(7n) {
	border-right: 1px solid #878787;
}
.calendar_zone .calendar .calendar_body table td:nth-child(7n) {
	border-right: 1px solid #E7E7E7;
}
.calendar_zone .calendar .calendar_body table td.today a,
.calendar_zone .calendar .calendar_body table td.provisional.today a,
.calendar_zone .calendar .calendar_body table td.regular.today a {
	font-weight: 500;
	color: #ff3300;
}
.calendar_zone .calendar .calendar_body table td:nth-child(7n-6) a {
	color: #FF3300 !important;
}
.calendar_zone .calendar .calendar_body table td:nth-child(7n) a {
	color: #3366C1 !important;
}
.calendar_zone .calendar .calendar_body table td.provisional,
.calendar_zone .calendar .calendar_body table td.regular {
	background-color: #FFFACA;
	cursor: pointer;
}

.calendar_zone .calendar .calendar_footer {
    background-color: #fff;
    padding: 20px 15px;
    font-size: 16px;
    color: #202020;
    line-height: 24px;
	margin-bottom: 0px;
	border-top: 1px solid #d7d7d7;
}

.calendar_zone .calendar_con h3 {
	color: #045738;
	font-size: 27px;
	line-height: 36px;
	font-family: "notoM";
	font-weight: normal;
	margin-bottom: 10px;
	letter-spacing: -2px;
}

.calendar_zone .calendar_con h3 .icon.circle {
    border-radius: 0px;
    border: none;
    position: static;
}
.calendar_zone .calendar_con h3 strong {
	color: #999;
	font-size: 24px;
	margin-left: 10px;
	font-family: "notoR";
	font-weight: normal;
}
.calendar_zone .calendar_con h4 {
	font-size: 21px;
	margin-bottom: 40px;
	line-height: 30px;
	padding-left: 10px;
}

/********프로그램 상세보기 CSS*******/
.k-widget.k-window.lecture_view {
    left: 50% !important;
    top: 50% !important;
    margin-left: -400px;
    margin-top: -300px;
}
#lecture_win {
	padding: 30px;
	overflow: auto;
	min-height: 500px;
	max-height: 700px;
}
#lecture_win .ui.button.pink {
	background-color: #EF487C;
}
#lecture_win .lecture_header {
	overflow: hidden;
	padding: 25px 0px;
	border-bottom: 1px solid #202020;
	border-top: 2px solid #202020;
}
#lecture_win .lecture_header .state {
	height: 120px;
	width: 120px;
	background-color: #B9BCCE;
	background-image: url(../main/images/lecture_icon_01.png);
	background-position: center 20px;
	background-repeat: no-repeat;
	padding-top: 80px;
	color: #fff;
	text-align: center;
	float: left;
}
#lecture_win .lecture_header .state.green {
    background-color: #00A651;
}
#lecture_win .lecture_header .tit {
	float: right;
	width: calc( 100% - 160px);	
}
#lecture_win hr {
	margin-bottom: 0px;	
}
#lecture_win .lecture_body,
#lecture_win .lecture_con {
	background-color: #f7f7f7;
	padding: 25px;
}
#lecture_win ul {
	margin-left: 20px;	
}
#lecture_win li {
	list-style-type: disc;	
}
#lecture_win .lecture_con h5 {
	font-size: 21px;
	line-height: 27px;
	margin-bottom: 20px;
}
#lecture_win .lecture_con h6 {
	color: #202020;
	font-size: 19px;
	line-height: 24px;
}
#lecture_win .lecture_admin {
	padding: 25px;
}



/******** 프로그램 신청 CSS **********/
.block.lecture_booking .provision {
    -webkit-appearance: none;
    tap-highlight-color: #fff;
	background-color: #fff;
	border: 1px solid #d7d7d7;
    height: 280px;
    overflow-y: auto;
    margin-bottom: 10px;
    padding: 20px;
}
.block.lecture_booking .provision:before {
    content: "프로그램 신청시 준수사항";
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 40px;
    font-family: "notoM";
    text-align: center;
    display: block;
    color: #202020;
}
.block.lecture_booking .k-textbox {
    width: 100%;
    font-size: 16px;
    border-radius: 0px;
	border: 0.2px solid #d7d7d7 !important;
}
.block.lecture_booking .k-combobox {
	width: 100%;	
}
.block.lecture_booking .inline_wide input {
	display: inline-block;
	margin-right: 3px;
}
.block.lecture_booking .inline_wide label {
	display: inline-block;
	margin-right: 30px;
}
.booking_end {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -1px;
    margin: 0px 0px 60px 0px;
    text-align: center;
    font-family: "notoL";
    color: #666;
    font-weight: normal;
}
.booking_end strong {
    color: #00A651;
    font-family: "notoR";
}
.block.lecture_booking .ui.green.button {
    background-color: #00A651;
}
.block.lecture_booking .ui.pink.button {
    background-color: #EF487C;
}


#lecture_cancle {
	padding: 30px;	
}
#lecture_cancle  #bbs_input #fieldlist li .tit {
    width: 160px;
}
#lecture_cancle  #bbs_input #fieldlist li .input_con {
    width: calc(100% - 160px);
}
#lecture_cancle .field.w_25 {
    width: 100%;
}
#lecture_cancle  .field {
    margin-left: 0px !important;
	display: block;
}
.k-widget.k-window.cancle_view {
	left: 50% !important;
    top: 50% !important;
    margin-left: -300px;
    margin-top: -447px;
}

@media (max-width: 1300px) {
	.calendar_zone .calendar {
		width: 330px;
	}
	.calendar_zone .calendar_con {
		width: calc( 100% - 380px);
	}
	.calendar_zone .calendar_con h3 {
		font-size: 24px;
		line-height: 32px;
	}
	.lecture_list #search_zone .search_block .k-textbox {
		font-size: 19px;
		line-height: 30px;
	}
	#bbs_list .ui.table.lecture_bbs thead th {
		padding: 10px;
		font-size: 16px;
	}
	#bbs_list .ui.celled.table.lecture_bbs tr td {
		padding: 10px;
		font-size: 15px;
	}
	#bbs_list .ui.table.lecture_bbs .ui.button {
		padding: 7px 10px;
		font-size: 14px;
		line-height: 21px;	
	}
}
@media (max-width: 1024px) {
	.calendar_zone .calendar_con {
		width: calc( 100% - 370px);
	}
	.calendar_con .lecture_item {
		width: 100%;
		height: auto;
		margin: 0px 0px 20px 0px;
	}
	.calendar_zone .calendar_con h3 strong {
		display: block;
		margin-left: 40px;
		font-size: 21px;
	}
	.calendar_zone .lecture_item .date {
		line-height: 27px;
		display: block;
		margin-bottom: 20px;
	}
	.calendar_zone .lecture_item .con {
		height: auto;
		max-height: 141px;
	}
	.k-widget.k-window.lecture_view {
		width: 520px !important;
    	margin-left: -260px;
    	margin-top: -200px;
	}
	.k-widget.k-window.lecture_view .k-window-title,
	.k-widget.k-window.cancle_view .k-window-title {
		font-size: 16px;
		line-height: 24px;
	}
	#bbs_list .ui.table.lecture_bbs  tr th:nth-child(1) {
    	width: 8%;
	}
	#bbs_list .ui.table.lecture_bbs  tr th:nth-child(2) {
		width: 37%;
	}
	#bbs_list .ui.table.lecture_bbs  tr th:nth-child(3),
	#bbs_list .ui.table.lecture_bbs  tr td:nth-child(3) {
		display: none;
		width: 0%;
	}
	#bbs_list .ui.table.lecture_bbs  tr th:nth-child(4) {
		width: 25%;
	}
	#bbs_list .ui.table.lecture_bbs  tr th:nth-child(5) {
		width: 15%;
	}
	#bbs_list .ui.table.lecture_bbs  tr th:nth-child(6) {
		width: 15%;
	}
	#bbs_list .ui.celled.table.lecture_bbs tr td a {
		font-size: 16px;
	}
	#bbs_list .ui.table.lecture_bbs thead th {
		padding: 10px;
		font-size: 15px;
	}
	#bbs_list .ui.celled.table.lecture_bbs tr td {
		padding: 10px;
		font-size: 14px;
	}
	.lecture_list #search_zone .search_block .k-textbox {
		font-size: 17px;
		line-height: 24px;
		padding: 5px;
		width: calc(100% - 80px);
	}
	.lecture_list #search_zone .search_block .ui.button {
		font-size: 19px;
		line-height: 36px;
		width: 80px;
	}
	.booking_end {
		font-size: 27px;
		line-height: 36px;
		margin: 0px 0px 40px 0px;
	}
}
@media (max-width: 850px) {
	.booking_end {
		font-size: 24px;
		line-height: 32px;
	}
	.booking_end br {
		display: none;	
	}	
}
@media (max-width: 767px) {
	.calendar_zone .calendar {
		width: 400px;
		float: none;
		margin: 0px auto 30px auto;
	}
	.calendar_zone .calendar_con {
    	float: none;
    	width: 400px;
		margin: 0px auto;
	}
	.calendar_con .lecture_item {
		height: auto;
		margin: 0px auto 20px auto;
	}
	.calendar_zone .calendar_con h3 strong {
		display: inline-block;
		margin-left: 20px;
		font-size: 21px;
	}
	.calendar_zone .calendar .calendar_footer {
		font-size: 15px;
		line-height: 21px;
	}
	.calendar_con .lecture_item {
		padding: 20px;
	}
	.calendar_zone .lecture_item .date {
		margin-bottom: 0px;	
	}
	#bbs_list .ui.table.lecture_bbs  td:nth-child(1):before {
    	content: "번호 :";
	}
	#bbs_list .ui.table.lecture_bbs  td:nth-child(2):before {
    	content: "강좌명/대상 :";
	}
	#bbs_list .ui.table.lecture_bbs  td:nth-child(3):before {
    	content: "기간 :";
	}
	#bbs_list .ui.table.lecture_bbs  td:nth-child(4):before {
    	content: "시간 :";
	}
	#bbs_list .ui.table.lecture_bbs  td:nth-child(5):before {
    	content: "신청/정원 :";
	}
	#bbs_list .ui.table.lecture_bbs  td:nth-child(6):before {
    	content: "신청하기 :";
	}
	.lecture_list #search_zone .search_block .k-textbox {
		font-size: 15px;
		line-height: 24px;
		padding: 5px;
		width: calc(100% - 70px);
	}
	.lecture_list #search_zone .search_block .ui.button {
		font-size: 17px;
		line-height: 38px;
		width: 70px;
	}
	#lecture_cancle #bbs_input #fieldlist li .tit {
    	width: 100%;
	}
	.k-widget.k-window.cancle_view {
		left: 50% !important;
		top: 50% !important;
		margin-left: -300px;
		margin-top: -200px;
	}
	.k-widget.k-window.cancle_view {
		width: 500px !important;
		margin-left: -250px;
		margin-top: -200px;
	}
	#lecture_cancle #bbs_input #fieldlist li.etc_yes.box  .tit {
		display: none;	
	}
	 #bbs_input #fieldlist li:last-child .input_con {
		padding-bottom: 10px;
	}
	#lecture_cancle #bbs_input #fieldlist li .input_con {
		width: 100%;
		float: none;
	}
}
@media (max-width: 550px) {
	.calendar_zone .calendar_con h3 {
		font-size: 21px;
		line-height: 30px;
	}
	.calendar_zone .calendar_con h3 strong {
		margin-left: 15px;
		font-size: 17px;
		letter-spacing: -1px;
	}
	.k-widget.k-window.lecture_view {
		width: 350px !important;
    	margin-left: -175px;
    	margin-top: -200px;
	}
	.k-widget.k-window.lecture_view .k-window-title {
		font-size: 15px;
		line-height: 21px;
	}
	#lecture_win .lecture_header .state {
		height: 90px;
		width: 90px;
		background-position: center 10px;
		background-size: 40px;
		padding-top: 65px;
		color: #fff;
		text-align: center;
		float: none;
		margin: 0px auto 20px auto;
		font-size: 13px;
		line-height: 19px;
	}
	#lecture_win .lecture_header .tit {
    	float: none;
    	width: 100%;
	}
	#lecture_win,
	#lecture_win .lecture_body, #lecture_win .lecture_con,
	#lecture_win .lecture_admin {
    	padding: 15px;
	}
	#lecture_win .lecture_con h5 {
		font-size: 17px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	#lecture_win .lecture_con h6 {
		font-size: 15px;
		line-height: 21px;
	}
	.booking_end {
		font-size: 21px;
		line-height: 30px;
	}
	.k-widget.k-window.cancle_view {
		width: 350px !important;
		margin-left: -175px;
		margin-top: -200px;
	}
	
}
@media (max-width: 450px) {
	.calendar_zone .calendar {
		width: 100%;
		min-width: 320px;
		float: none;
		margin: 0px auto 30px auto;
	}
	.calendar_zone .calendar_con {
    	width: 100%;
		min-width: 320px;
		margin: 0px auto;
	}
	.calendar_zone .calendar_con h3 {
		font-size: 19px;
		line-height: 27px;
	}
	.calendar_zone .calendar_con h3 strong {
		margin-left: 15px;
		font-size: 15px;
		letter-spacing: -1px;
	}
	.calendar_zone .calendar .calendar_footer {
		font-size: 13px;
		line-height: 19px;
	}
	.calendar_con .lecture_item .bnt_zone .ui.button {
		font-size: 13px;
		line-height: 21px;
		padding: 6px 20px;
	}
	#bbs_list .ui.celled.table.lecture_bbs tr td {
		padding: 10px;
		font-size: 13px;
	}
	#bbs_list .ui.table.lecture_bbs .ui.button {
		padding: 5px 10px;
		font-size: 13px;
		line-height: 19px;	
	}
	#bbs_list .ui.celled.table.lecture_bbs tr td a {
    	font-size: 15px;
	}
	.booking_end {
		font-size: 19px;
		line-height: 27px;
	}
}