@charset "utf-8";
/* 강좌목록 */
@media only screen and (max-width:899px){
	/* 강좌관련 기본폼 */
	.course-detail-wr .course-detail table.tbl-plan {font-size:15px;line-height:20px;letter-spacing:-0.05em;word-wrap:break-word;word-break:keep-all}		
	.course-detail-wr .course-detail table.tbl-plan button, .prg-frm input[type=submit] {vertical-align:top;margin-top:-4px}	
}

/* 강좌상세 */
@media only screen and (max-width:768px){
	.course-detail-wr .course-detail .tit {font-size:25px;margin-bottom:25px}
	.course-detail-wr .course-detail .tit .stit {font-size:14px;}
	.course-detail-wr .course-detail .tit .stit:before {width:30px;height:30px;background-size:30px auto;margin-right:5px;}
	.course-detail-wr .course-detail table.tbl-detail {position:relative;table-layout:auto;font-size:15px}
	.course-detail-wr .course-detail table.tbl-detail:after {position:absolute;top:0;left:0;content:"";display:block;width:25%;height:100%;background:#f8f8f8;z-index:-1;border-right:1px solid #999}
	.course-detail-wr .course-detail table.tbl-detail th {width:25%;}
	.course-detail-wr .course-detail table.tbl-detail td {width:35%;padding-left:20px}
	.course-detail-wr .course-detail table.tbl-detail tr.half {border-bottom:0}
	.course-detail-wr .course-detail table.tbl-detail tr.half th, .course-detail-wr .course-detail table.tbl-detail tr.half td {border-bottom:1px solid #ccc;}
	.course-detail-wr .course-detail table.tbl-detail td .btn-map {position:relative;top:auto;right:auto;margin-top:0;font-size:14px}
	.course-detail-wr .course-detail table.tbl-detail td .btn-map span {padding:8px 30px 8px 10px;}
	.course-detail-wr .course-detail table.tbl-detail td .btn-map span:after {right:10px} 	
}
@media only screen and (max-width:599px){
	.course-detail-wr .course-detail .tit {font-size:20px;margin-bottom:15px}
	.course-detail-wr .course-detail .tit .stit {margin-bottom:5px}
	.course-detail-wr .course-detail table.tbl-detail {font-size:14px}
	.course-detail-wr .course-detail table.tbl-detail:after {display:none}
	.course-detail-wr .course-detail table.tbl-detail td {padding:10px}
	.course-detail-wr .course-detail table.tbl-detail td .c-list01 li {font-size:14px}	
}

/* 수강신청 */
@media only screen and (max-width:899px){
	.course-wr .course-search {padding:10px;font-size:13px;}
	.course-wr .course-search .label {display:block;text-align:center;margin:5px 0}
	.course-wr .course-search .label:after {display:none}
	.course-wr .course-search select {min-width:auto;height:35px;}
	/* 강좌관련 기본폼 */
	.prg-frm table {font-size:15px;}	
	.prg-frm button, .prg-frm input[type=submit] {vertical-align:top;margin-top:-4px}		
	#board-wrap .info-ex br {display:none;}		
	.prg-frm th .sec, .prg-frm td .sec {display:inline;}
	.prg-frm td .btn-print {margin-top:-4px;margin-bottom:5px}
	/* 결제 */
	.prg-frm .agree-box, .prg-frm .chk-wrap {font-size:14px}
	.prg-frm .agree-box {padding:25px 15px}
	.prg-frm .chk-wrap {padding-top:10px}
	.pay-frm table {table-layout:auto;font-size:14px}
	.pay-frm table tr {position:relative;float:left;width:100%;display:block;}
	.pay-frm table th, .pay-frm table td {display:block;border:0;padding:0;min-height:42px;float:left;box-sizing:border-box;border-bottom:1px solid #ccc;height:auto}
	.pay-frm table th {width:25%;border-right:1px solid #999;line-height:39px}
	.pay-frm table tr.full {position:relative;padding-left:25%;}
	.pay-frm table tr.full th {position:absolute;top:0;left:0;width:20%;height:100%;}
	.pay-frm table td {width:75%;padding:5px 10px 5px 20px;text-align:left;}
	.pay-frm table td input.text {width:95%;height:30px !important;line-height:29px}
	.pay-frm table td select {min-width:auto;height:30px;display:block;margin-bottom:5px}
	.pay-frm table td input.text.w40p {width:95%}
	.pay-frm table td .info-ex02 {font-size:14px}
	.pay-frm .mbtn-wr {margin:15px 0}
	.pay-frm .mbtn-wr button, .pay-frm .mbtn-wr input[type=submit] {margin-top:0}
}
@media only screen and (max-width:799px){
	.course-wr .board-list-wrap {border-top:0}
	.course-wr .rsv-info {padding:15px 0}
	.course-wr .rsv-info .ico {font-size:14px;}
	.course-wr .is-wauto-box {border-top:2px solid #2b405b}
	.course-wr .is-wauto-box > table {width:920px;table-layout:inherit}	
	.course-wr .board-list-table colgroup {display:table-column-group;}
	.course-wr .board-list-table thead {position:relative;top:auto;left:auto;width:auto;height:auto;}
	.course-wr .board-list-table th, .course-wr .board-list-table td {border:1px solid #ccc;border-right:0;border-top:0;border-bottom:1px solid #2b405b}
	.course-wr .board-list-table th:first-child, .course-wr .board-list-table td:first-child {border-left:0}	
	.course-wr .board-list-table tbody tr {position:static;display:table-row;float:none;border:0}
	.course-wr .board-list-table .noData {float:none;display:table-cell}	
}
@media only screen and (max-width:720px){
	.is-wauto-box .board-list-table {width:920px;table-layout:inherit}
	.is-wauto-box .board-list-table colgroup {display:table-column-group;}	
	.is-wauto-box .board-list-table thead {position: relative;top:auto;left:auto;width:100%;height:auto;}
	.is-wauto-box .board-list-table tbody tr {position: static;display:table-row;float:none;border:0}
	.is-wauto-box .board-list-table td, .is-wauto-box .board-list-table td:first-child + td + td {display:table-cell;padding:15px 5px}
	.is-wauto-box .board-list-table td.noData {float:none;}
	.is-wauto-box .board-list-table th {border:1px solid #ccc;border-right:0;border-top:0;border-bottom:1px solid #2b405b;word-break:keep-all;}
	.is-wauto-box .board-list-table td {border:1px solid #ccc;border-right:0;}
	.is-wauto-box .board-list-table th:first-child , .is-wauto-box .board-list-table td:first-child {border-left:0}
}
@media only screen and (max-width:449px){
	.pay-frm table th {width:35%;}
	.pay-frm table td {width:65%;}
	.pay-frm table tr.full {padding-left:35%;}
	.pay-frm table tr.full th {width:26%;}
}