@charset "UTF-8";

.boardWrap {overflow:hidden;}

/* 게시판 리스트 */
.tbl_area {clear:both; border-top:2rem solid #000;}
.tbl_board {border-collapse: separate; margin-left:-1rem; width:100%; table-layout:fixed; }
.tbl_board thead th {font-size:18rem; padding:15rem; border-bottom:1rem solid #000; text-align:center; background:url('/design/common/img/board_th_line.gif') no-repeat -1px center;}
.tbl_board thead th:first-child {background:none;}
.tbl_board tbody th {background:#fafafa; font-size:18rem; font-weight:500; }
.tbl_board tbody td, .tbl_board  tfoot td {background:#fff; font-size:18rem; border-bottom:1rem solid #ddd; text-align:center;}
.tbl_board tbody th, .tbl_board  tbody td, .tbl_board  tfoot th, .tbl_board  tfoot td {border-bottom:1rem solid #ddd; text-align:center; padding:20rem 15rem; word-break:break-all;}
.tbl_board tbody td a.blank span {background:url('/design/common/img/board_blank.gif') no-repeat right center; padding-right:20rem;}
.tbl_board tbody td a.view {display:inline-block; overflow:hidden; border:3rem solid #026cba; text-transform:uppercase; font-size:18rem; font-weight:500; border-radius:100rem; padding:8rem 20rem; transition:all 0.3s;}
.tbl_board tbody td a.view span {background:url('/design/common/img/board_view.png') no-repeat left center; padding-left:30rem;}
.tbl_board tbody td a.view:hover {background:#026cba; color:#fff;}
.tbl_board tbody td a.view:hover span {background:url('/design/common/img/board_view_w.png') no-repeat left center;}
.tbl_area.room {overflow-y:scroll; height:400rem;}
.tbl_area.room .tbl_board tbody th, .tbl_area.room .tbl_board tbody td, .tbl_area.room .tbl_board tfoot th, .tbl_area.room .tbl_board tfoot td {padding:10rem 15rem;}

.tbl_board .b_num,
.tbl_board .group_num,
.tbl_board .num {width:10%;}
.tbl_board .b_writer,
.tbl_board .group_writer,
.tbl_board .writer {width:12%;}
.tbl_board .bgbar {width:16%;}
.tbl_board .b_date,
.tbl_board .group_date,
.tbl_board .date {width:15%;}
.tbl_board .b_file,
.tbl_board .group_file,
.tbl_board .file,
.tbl_board .answer {width:10%;}
.tbl_board .b_hit,
.tbl_board .group_hit,
.tbl_board .hit {width:10%;}
.tbl_board .b_subject .bod_title,
.tbl_board .group_subject .bod_title,
.tbl_board .subject .bod_title { display:inline-block; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle;}

.tbl_board  td.URL a{border:3px solid #444; padding:10px 20px; border-radius:50px; display:block;}
.tbl_board  td.URL a:hover {background:#444; color:#fff;}

/*추가 */
.tbl_board tbody tr td input
{
	border: 1rem solid #ccc;
	border-radius: 5rem;
	line-height: 35rem;
	height: 35rem;
	padding: 0 10rem;
	font-size: 16rem;
	color: #666;
	box-sizing: border-box;
	margin: 5rem 0;
}


/*.tbl_board tbody td.b_subject a {text-overflow:ellipsis; white-space:nowrap;}*/

.bod_head {vertical-align:top; padding: 20rem 10rem; background: #efefef;}
.boardSearch {margin-bottom: 20rem; text-align: center;}
.boardSearch .inp_txt,
.boardSearch #srchKwd {color:#454545;}
.pageInfo {float:right; margin-bottom: 10rem;}
.boardSearch #srchColumn,
.boardSearch #srchBgpUid,
.boardSearch .inputTxt,
.boardSearch .btn_sch{border: 1rem solid #c5c5c5; border-radius: 3rem; padding: 6rem;}
.boardSearch #srchColumn{padding: 5rem !important;}
.boardSearch .btn_sch{padding: 5rem 18rem !important; text-align: center; color: #fff; background: #2e2e2e; font-weight: 600; border: 1rem solid #2e2e2e;}

@media all and (max-width:1023px){
	.tbl_board .b_num,
	.tbl_board .group_num,
	.tbl_board .num,
	.tbl_board .b_file,
	.tbl_board .group_file,
	.tbl_board .file,
	.tbl_board .b_hit,
	.tbl_board .group_hit,
	.tbl_board .hit { display:none; }
	.tbl_board .b_subject,
	.tbl_board .group_subject,
	.tbl_board .subject {width:55%;}
	.tbl_board .b_writer,
	.tbl_board .group_writer,
	.tbl_board .bgbar,
	.tbl_board .answer,
	.tbl_board .writer {width:20%;}
	.tbl_board .b_date,
	.tbl_board .group_date,
	.tbl_board .date {width:25%;}
}
@media all and (max-width:650px){
	.boardSearch .inputTxt {width:120rem;}
	/* .boardSearch .btn_sch {padding:7rem 10rem;} */
	.education #srchStatus,
	.tour #srchStatus {width:20%;}
	.education .boardSearch .inp_txt,
	.tour .boardSearch .inp_txt {width:20%;}
	.education #srchKwd,
	.tour #srchKwd {width:43%;}
	.education .btn,
	.tour .btn {width:15%; padding:7rem 0;}
}
@media all and (max-width:550px){
	.tbl_board tbody td, .tbl_board  tfoot td {font-size:16rem; padding:15rem;}
	.boardSearch {width:100%; margin-bottom: 0;}
	.pageInfo {width:100%; text-align:right; margin-top:15rem;}
	.boardSearch select {width:30%;}
	.boardSearch .inputTxt {width:47%;}
	.boardSearch .btn_sch {width:20%;}
	.tbl_board {word-break:normal;}
	.tbl_board thead th{padding:12rem; font-size: 16rem;}
	.boardWrap .paging{margin: 30rem 0;}
}
@media all and (max-width:480px){
	.tbl_board .b_date,
	.tbl_board .group_date,
	.tbl_board .date {display:none;}
	.tbl_board .b_subject,
	.tbl_board .group_subject,
	.tbl_board .subject {width:70%;}
	.tbl_board .b_writer,
	.tbl_board .group_writer,
	.tbl_board .bgbar,
	.tbl_board .writer {width:30%;}
}
@media all and (max-width:440px){
	.education #srchKwd,
	.tour #srchKwd {width:42%;}
}


/* 페이징 */
.paging {display:flex; flex-flow:row wrap; justify-content:center; text-align:center; margin: 30rem;}
.paging > * { display:inline-block; margin:2rem; border:1rem solid #ddd; width:30rem; height:30rem; line-height:30rem; box-sizing:content-box; font-size:13rem; }
.paging strong {background:#444; border:1rem solid #444; color:#fff; }
.paging a:hover {background:#f0f3f8; }
.paging a.on { background:#444; border:1rem solid #222; color:#fff; }
.paging a.arrow { position:relative; text-indent:-9999rem; }
.paging a.arrow::before,
.paging a.arrow::after {content:''; position:absolute; left:11rem; top:11rem; width:6rem; height:6rem; border-top:1rem solid #777; border-left:1rem solid #777; transform:rotate(-45deg); }
.paging a.arrow::after {left: 16rem;}
.paging a.prev::before, .paging a.next::before { left:14rem; }
.paging a.prev::after, .paging a.next::after {display:none;}
.paging a.arrow.next,
.paging a.arrow.last {transform:rotate(180deg); }
@media all and (max-width:599px){
	.paging {width:260rem; margin:30rem auto !important;}
}

/* 갤러리게시판 */
.bod_gallery {width:100%; overflow:hidden;}
.bod_gallery > ul {width:100%; text-align:center;}
.bod_gallery > ul > li {float:left; width:32%; margin-left:2%;}
.bod_gallery > ul > li:nth-child(3n+1) {margin-left:0%;}
.bod_gallery img {height:210rem; width:100%;}
.bod_gallery li.no_list {width:100%; border-top:1rem solid #eee; border-bottom:1rem solid #eee; padding:10rem 0;}
.bod_gallery li .subject {border-bottom:2rem dashed #ddd; padding:15rem 0; font-size:19rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bod_gallery li .date {padding:10rem 0;}
.bod_gallery li .date span {background:url('/design/common/img/month.png') no-repeat left center; padding-left:30rem;}

@media all and (max-width:768px){
	.bod_gallery > ul > li {width:49%;}
	.bod_gallery > ul > li:nth-child(2n+1) {margin-left:0%;}
	.bod_gallery > ul > li:nth-child(4) {margin-left:2%;}
}
@media all and (max-width:500px){
	.bod_gallery > ul > li {width:100%; margin-left:0;}
	.bod_gallery > ul > li:nth-child(4) {margin-left:0;}
}

/*게시판-보기*/
.boardView {border-top:2rem solid #434b59; margin-bottom: 50rem;}
.boardView .title > dt { font-size:20rem; padding:20rem 0; text-align:center; }
.boardView .title > dd { font-size:15rem; background:#f1f1f1; border-bottom:1rem solid #ddd; padding:15rem; }
.boardView .title .data {overflow:hidden; font-size:16rem; color:#666;}
.boardView .title .data dt {position:relative; float:left; padding-right:15rem; font-weight:600; margin-left:40rem; }
.boardView .title .data dt::before {content:''; position:absolute; left:-20rem; top:50%; width:1px; height:13rem; background:#999; transform:translate(0, -50%); }
.boardView .title .data dt:first-of-type {margin-left:0;}
.boardView .title .data dt:first-of-type::before {display:none;}
.boardView .title .data dd {float:left;}
.boardView .title > dd li p.file {background:url('/design/common/img/boardFile.gif') no-repeat left 7rem; padding:3rem 0 3rem 20rem; margin-right:10rem; display:inline-block;}
.boardView .title > dd li p.file a.review {background:#666; color:#fff; padding:0 4rem; border-radius:3rem; margin-left:5rem;}
.boardView .title > dd li a {color:#666;}
.boardView .cont {padding:30rem; border-bottom:1rem solid #ddd;}
.boardView .cont img {height:auto !important;}
/*이전다음*/
.viewCont { margin-bottom:30rem; }
.viewCont li {border-bottom:1rem solid #ddd;}
.viewCont li:hover {background:#f1f1f1;}
.viewCont li a { position:relative; display:block; line-height:50rem; padding: 0 40rem 0 150rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#555; font-size:16rem; }
.viewCont li a span {position:absolute; left:0; top:0; height:100%; padding:0 40rem; color:#666; font-size:17rem; }
.viewCont li a span::before {content:''; position:absolute; top:50%; right:15rem; width:0; height:0; border-left:6rem solid transparent; border-right:6rem solid transparent; border-bottom:6rem solid #717171; transform:translateY(-50%);}
.viewCont li:last-child a span::before {transform:rotate(-180deg); margin-top:-3rem;}
/*api게시판*/
.boardView .api.title > dd {padding:0; background:#fff;}
.boardView .api.title > dd > ul {display:flex; flex-flow:row wrap;}
.boardView .api.title > dd > ul li {display:flex; width:25%; font-size:16rem; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:10rem 15rem;}
.boardView .api.title > dd > ul li:nth-child(4n+1) {border-left:0;}
.boardView .api.title > dd > ul li > b {display:inline-block; width:80rem;}
.boardView .api.title > dd > ul li > span {display:inline-block; width:calc(100% - 80rem);}
@media all and (max-width:1240px){
	.boardView .api.title > dd > ul li {width:50%;}
	.boardView .api.title > dd > ul li:nth-child(2n+1) {border-left:0;}
}
@media all and (max-width:480px){
	.boardView{margin-bottom: 30rem;}
	.boardView .title .data dt { clear:both ; }
	.boardView .cont {padding:30rem 20rem;}
	.boardView .title .data dt {margin-left:0;}
	.boardView .title .data dt::before {display:none;}
	.boardView .api.title > dd > ul li {width:100%; border-left:0 !important;}
	.viewCont li a span  {padding:0 30rem 0 20rem;}
	.viewCont li a span::before {right:0;}
	.viewCont li a {padding:0 20rem 0 130rem;}
}

/*게시판-수정*/
.boradPassword {max-width:500rem; margin:0 auto; margin-bottom: 50rem; border:1rem solid #ddd; border-radius:15rem; padding:30rem; text-align:center;}
.boradPassword p.title {font-size:22rem; font-weight:500;}
.boradPassword p.title span {background:url('/design/img/sub/ico_view.png') no-repeat left center; padding-left:30rem;}
.boradPassword p.caution {font-size:16rem; margin-top:20rem;}
.boradPassword input {border:1rem solid #ccc; border-radius:3rem; color:#666; width:150rem; text-align:center; margin-top:20rem;}

/*게시판-쓰기*/
.boardBtn{ width: 100%; text-align: center;}
.boardBtn a{display: inline-block; width: 80rem; text-align: center; background: #444; color: #fff; padding: 3rem; border-radius: 3rem; margin-left: 5rem;}
.boardBtn a:hover {color:#fff; background:#222;}
.boardBtn .bt2{width: 80rem; text-align: center; background: #444; color: #fff; border-radius: 3rem; margin-left: 5rem; }
.boardBtn a.btn_write{float: right;}
.boardBtn input{padding: 6rem; border: 1rem solid #444; cursor: pointer;}

@media all and (max-width:480px){
	.boardBtn a{width: 70rem; margin-left: 0;}
	.boardBtn .bt2{width: 70rem;}
}
/*개인정보수집동의*/
.boardAgree {max-width:900rem; margin:0 auto 40rem;}
.boardAgree > div:first-child {border:1rem solid #ccc; background:#f5f5f5; padding:20rem; margin-bottom:10rem; }
.boardAgree div.btn { text-align:right; font-size:15rem; color:#555; }
.boardAgree div.btn input {margin:0 3rem 0 10rem;}

/*폼스타일*/
.formStyle {margin:0 auto;}
.formStyle dl {overflow:hidden; border-top:2rem solid #666; border-bottom:1rem solid #eee; margin:10rem 0 30rem;}
.formStyle dt { clear:both; float:left; width:20%; font-size:17rem; border-top:1rem solid #eee; padding:20rem 20rem 20rem 10rem; box-sizing:border-box; }
.formStyle dd {float:left; width:80%; border-top:1rem solid #eee; padding:10rem 0; }
.formStyle dd p {font-size:15rem; color:#666;}
.formStyle dd input[type="text"], .formStyle dd input[type="password"], .formStyle dd textarea, .formStyle dd select {border:1rem solid #ccc; border-radius:5rem; line-height:35rem; height:35rem; padding:0 10rem; font-size:16rem; color:#666; box-sizing:border-box; width:100%; margin:5rem 0;}
/*.formStyle dd input[type="radio"], .formStyle dd input[type="checkbox"] {margin:15rem 5rem 0 10rem;}*/
.formStyle dd textarea {height:300rem; line-height:1.5; padding:10rem; }
.formStyle dd .tel {width:29.33% !important;}
.formStyle dd .add {width:29.33% !important;}
.formStyle dd .jumin {width:47% !important;}
.formStyle dd .dash {display:inline-block; width:6%; text-align:center;}
.formStyle dd a.findAdd {display:inline-block; width:31.33%; margin-right:3%; border-radius:5rem; color:#fff; text-align:center; background:#353d4a; line-height:37rem; font-size:14rem; }
.formStyle dd a.find {display:inline-block; border-radius:5rem; color:#fff; text-align:center; background:#353d4a; line-height:37rem; padding:0 20rem; margin-left:10rem;}
.formStyle dt.content {position:absolute; left:-9999rem; top:-9999rem;}
.formStyle dd.content {width:100%;}
.formStyle dd .agreeBox {background:#f1f1f1; border:1rem solid #c9c9c9; padding:15rem 20rem; margin-top:10rem;}
.formStyle dd label.fileAlt, .formStyle dd label.fileName {float:left; width:20%; line-height:30rem; clear:both; margin:3rem 0; font-weight:500;}
.formStyle dd input.fileAlt, .formStyle dd input.fileName, .formStyle dd div.fileName {float:left; width:80%; line-height:30rem; height:30rem; font-size:14rem; margin:3rem 0;}
.formStyle dd label.fileAlt, .formStyle dd input.fileAlt {margin:3rem 0 15rem;}
.formStyle dd div.fileName input[type="checkbox"] {margin:0;}
.formStyle dl.in {border-bottom:0; margin:10rem 0; border:0; background:#f1f1f1; padding:15rem; }
.formStyle dl.in dt { width:20%; font-size:14rem; border-top:0; padding:10rem; }
.formStyle dl.in dd { width:80%; border-top:0; padding:0; }
.formStyle dl.in dd input[type="text"], .formStyle dl.in dd input[type="password"], .formStyle dl.in dd select {line-height:30rem; height:30rem;}
@media all and (max-width:768px){
  .formStyle dt {font-size:15rem; width:35%;}
  .formStyle dd {width:65%;}
  .formStyle dd label.fileAlt, .formStyle dd label.fileName { width:25%; }
  .formStyle dd input.fileAlt, .formStyle dd input.fileName, .formStyle dd div.fileName { width:75%; }
  .formStyle dl.in dt { width:30%; }
  .formStyle dl.in dd { width:70%; }
}
@media all and (max-width:480px){
  .formStyle dd a.findAdd {width:100%;}
  .formStyle dd .add {width:47% !important;}
  .formStyle dd label.fileAlt, .formStyle dd label.fileName {width:35%;}
  .formStyle dd input.fileAlt, .formStyle dd input.fileName, .formStyle dd div.fileName { width:65%; }
  .formStyle dl.in dt {padding:10rem 0 0 0;}
  .formStyle dl.in dt, .formStyle dl.in dd {width:100%;}
}

#file_upload {display:block; margin:5rem 0; width:500rem;}
@media all and (max-width:750px){
	#file_upload {width:100%;}
}





/*갤러리게시판-특별전시*/
/* - 가로형
.bod_gallery {margin:30rem 0;}
.bod_gallery.special {overflow:hidden;}
.bod_gallery.special li {width:100%; margin-left:0; border-top:2rem dashed #ddd; padding-top:40rem; margin-top:40rem;}
.bod_gallery.special li:first-child {border-top:0; padding-top:0; margin-top:0;}
.bod_gallery.special .thumb {float:left; width:40%;}
.bod_gallery.special .thumb img {height:auto;}
.bod_gallery.special .info {float:left; width:55%; margin-left:5%; text-align:left;}
.bod_gallery.special .info .subject {font-size:22rem; font-weight:bold;}
.bod_gallery.special .info .txt {background:#f6f6f6; padding:20rem; border-radius:15rem; margin-top:20rem; padding:20rem 30rem;}
.bod_gallery.special .info .txt ul {overflow:hidden; margin:10rem 0; text-align:left;}
.bod_gallery.special .info .txt li .first {display:inline-block; width:100rem; font-weight:bold;}

@media all and (max-width:750px){
	.bod_gallery.special .thumb {width:100%;}
	.bod_gallery.special .info {width:100%; margin-left:0;}
}
*/

.bod_gallery {margin:30rem 0;}
.bod_gallery.special {overflow:hidden;}
.bod_gallery.special > ul > li {width:31.6%; margin-left:2.5%; margin-bottom:30rem; text-align:center; position:relative;}
.bod_gallery.special > ul > li:nth-child(3n+1) {margin-left:0; /*  clear:both; */}
.bod_gallery.special > ul > li a {display:block;}
.bod_gallery.special .thumb {width:100%; position:relative; height:420rem; background:#f6f6f6; border-radius:5rem; overflow:hidden;}
.bod_gallery.special .thumb img {height:auto; border-radius:5rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.bod_gallery.special .info {width:100%; text-align:left;}
.bod_gallery.special .info .subject {font-size:22rem; font-weight:bold; border-bottom:0; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bod_gallery.special .info .txt {background:#f6f6f6; padding:20rem; border-radius:15rem; padding:20rem 30rem;}
.bod_gallery.special .info .txt ul {overflow:hidden; margin:10rem 0; text-align:left;}
.bod_gallery.special .info .txt li {width:100%;}
.bod_gallery.special .info .txt li .first {display:inline-block; font-weight:bold; margin-right:10rem;}
.bod_gallery.special .info .txt .dept_po li span {float:left; width:60rem;}
.bod_gallery.special .info .txt .dept_po li span:last-child {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:70%;}

/*교육,학예사 프로그램*/
.bod_gallery.special.tour > ul > li {width:100%; border-bottom:1rem dashed #ddd; overflow:hidden; margin-left:0; padding-bottom:30rem;}
.bod_gallery.special.tour .thumb {float:left; width:35%;}
.bod_gallery.special.tour .info {float:left; width:60%; margin-left:5%;}
.bod_gallery.special.tour .info .subject {text-align:left;}
.bod_gallery.special.tour .info .txt li:nth-child(4) {float:left; width:25%;}
.bod_gallery.special.tour .info .txt li:nth-child(5) {float:left; width:60%; margin-left:20rem;}
.bod_gallery.special.tour .tb_state {position:absolute; top:0; left:0; padding:8rem 10rem; color:#fff; font-size:15rem; z-index:9998;}
.bod_gallery.special.tour .es_close {background-color:#000;}
.bod_gallery.special.tour .es_wait {background-color:#cc4800;}
.bod_gallery.special.tour .es_ing {background-color:#1057b7;}
.bod_gallery.tour .thumb,
.bod_gallery.tour .thumb img {height:250rem !important;}
.bod_gallery.special.tour li form button {position:absolute; top:8rem; right:5rem; display:inline-block; padding:10rem 0; color:#000; background:url('/design/common/img/more.gif') no-repeat right center ; padding-right:20rem;}

#ui-monthpicker-div {z-index:9999 !important;}


@media all and (max-width:1023px){
	.bod_gallery.special .info .subject {font-size:20rem;}
	.bod_gallery.special .info .txt li span {display:block;}
	.bod_gallery.special.tour .info .txt li span {display:inline-block;}
}
@media all and (max-width:750px){
	.bod_gallery.special > ul > li {width:48%; margin-left:4%;}
	.bod_gallery.special > ul > li:nth-child(2n+1) {margin-left:0;}
	.bod_gallery.special > ul > li:nth-child(4){margin-left:4%;}
	.bod_gallery.special.tour > ul > li {padding-bottom:0;}
	.bod_gallery.special.tour .thumb {width:100%;}
	.bod_gallery.special.tour .thumb img {width:auto;}
	.bod_gallery.special.tour .info {width:100%; margin-left:0;}
	.bod_gallery.special.tour .info .subject {text-align:center;}
	.bod_gallery.special.tour li form {text-align:center;}
	.bod_gallery.special.tour li form button {position:static;}
	.bod_gallery.special.tour .info .txt li:nth-child(4),
	.bod_gallery.special.tour .info .txt li:nth-child(5) {float:none; width:100%; margin-left:0;}
}
@media all and (max-width:550px){
	.bod_gallery.special> ul > li {width:100%; margin-left:0;}
	.bod_gallery.special > ul > li:nth-child(4){margin-left: 0;}
	.bod_gallery.special .info .txt li span {display:inline-block;}
}
@media all and (max-width:500px){
	.bod_gallery {margin:10rem 0 30rem;}
	.bod_gallery.special.tour .info .txt li:first-child span,
	.bod_gallery.special.tour .info .txt li:nth-child(2) span {display:block;}
}


/*갤러리*/
.bod_gallery {margin:30rem 0;}
.bod_gallery.online_edu {overflow:hidden;}
.bod_gallery.online_edu > ul > li {width:31.6%; margin-left:2.5%; margin-bottom:30rem; text-align:center; position:relative;}
.bod_gallery.online_edu > ul > li:nth-child(3n+1) {margin-left:0;/* clear:both; */ }
.bod_gallery.online_edu .thumb {width:100%; position:relative; height:420rem; background:#f6f6f6; border-radius:5rem;}
.bod_gallery.online_edu .thumb img {height:auto; border-radius:5rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.bod_gallery.online_edu .info {width:100%; text-align:left;}
.bod_gallery.online_edu .info .subject {font-size:22rem; font-weight:bold; border-bottom:0; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bod_gallery.online_edu .info .txt {background:#f6f6f6; padding:20rem; border-radius:15rem; padding:20rem 30rem;}
.bod_gallery.online_edu .info .txt ul {overflow:hidden; margin:10rem 0; text-align:left;}
.bod_gallery.online_edu .info .txt li {width:100%;}
.bod_gallery.online_edu .info .txt li .first {display:inline-block; font-weight:bold; margin-right:10rem;}
.bod_gallery.online_edu .info .txt .dept_po li span {float:left; width:60rem;}
.bod_gallery.online_edu .info .txt .dept_po li span:last-child {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:70%;}
.bod_gallery.online_edu .thumb,
.bod_gallery.online_edu .thumb img {height:335rem !important;}

@media all and (max-width:1023px){
	.bod_gallery.online_edu .info .subject {font-size:20rem;}
	.bod_gallery.online_edu .info .txt li span {display:block;}
}
@media all and (max-width:750px){
	.bod_gallery.online_edu > ul > li {width:48%; margin-left:4%;}
	.bod_gallery.online_edu > ul > li:nth-child(2n+1) {margin-left:0;}
	.bod_gallery.online_edu > ul > li:nth-child(4) {margin-left:4%;}
}
@media all and (max-width:550px){
	.bod_gallery.online_edu ul > li {width:100%; margin-left:0;}
	.bod_gallery.online_edu .info .txt li span {display:inline-block;}
	.bod_gallery.online_edu > ul > li:nth-child(4) {margin-left:0;}
}

/*SNS인증*/
.snsLogin { width:500rem; margin:0 auto; border:1rem solid #ddd; padding:30rem;}
.snsLogin p { margin:0 0 30rem; }
.snsLogin a { position:relative; display:block; background:#333; color:#fff; margin:10rem 0; padding:11rem 11rem 11rem 70rem; font-weight:500; }
.snsLogin a::before {content:''; position:absolute; left:0; top:0; width:45rem; height:100%; background:url('/design/common/img/snsLogin.gif') no-repeat 0 0;}
.snsLogin a.kakao {background:#fee100; color:#333;}
.snsLogin a.facebook {background:#3a589e;}
.snsLogin a.facebook:before {background-position:-45rem 0;}
.snsLogin a.naver {background:#108900;}
.snsLogin a.naver:before {background-position:-90rem 0;}
@media all and (max-width:599px){
  .snsLogin {width:100%;}
}

/*인증하기*/
.confirm { display:table; width:100%; table-layout:fixed; border: 1px solid #ddd;}
.confirm dl { display:table-cell; text-align: center; padding: 50rem; border-left:1px solid #ddd; }
.confirm dl:first-of-type {border-left:0;}
.confirm dl dt { position:relative; font-size:25rem; font-weight:600; padding-top:120rem; }
.confirm dl dt::before {content:''; position:absolute; left:50%; top:10rem; width:80rem; height:80rem; background: url('/design/common/img/confirm_icon.png') no-repeat 0 0/200% auto; transform:translate(-50%, 0); z-index:20;}
.confirm dl dt::after { content:''; position:absolute; left:50%; top:0; width:100rem; height:100rem; background:#f3f3f3; border-radius:50%; transform:translate(-50%, 0); z-index:10; }
.confirm dl dd {margin-top:20rem; }
.confirm dl dd.text {display:flex; align-items:center; min-height:200rem; }
.confirm dl dd .explain { text-align:left; font-size:15rem; margin-top:20rem; }
.confirm dl dd .explain span {display:block;}
.confirm dl dd.box {background:#efefef; padding:20rem 30rem; text-align:left; }
.confirm dl dd.box p { font-size:19rem; font-weight:600; text-align:center; color:#445878; margin-bottom:10rem;}
.confirm dl dd.box li {position:relative; padding:4rem 0 4rem 10rem; font-size:15rem; }
.confirm dl dd.box li::before {content:''; position:absolute; left:0; top:15rem; width:4rem; height:4rem; border-radius:50%; background:#445878; }
.confirm dl dd.btn { text-align:center; margin-top:35rem; }
.confirm dl dd.btn a {display:inline-block; padding:10rem 30rem; background:#666; color:#fff; text-align:left; transition:0.3s;}
.confirm dl dd.btn a:hover {background:#333; }
.confirm dl.onepass dt::before {background-position:100% 0;}
.confirm dl.onepass dd.btn a { background:#4d5591 url('/design/common/img/confirm_onepass.png') no-repeat 30rem center; padding:10rem 30rem 10rem 70rem; }
.confirm dl.onepass dd.btn a:hover {background-color:#1C2674;}
@media all and (max-width:768px){
	.confirm {display:block;}
	.confirm dl  {display:block; border-left:0; border-top:1px solid #ddd; padding:20rem; }
	.confirm dl:first-of-type {border-top:0;}
}


/*달력게시판*/
/*달력탭*/
.calendar .monthTab { position:relative; border:5rem solid #ddd; margin-bottom:40rem;}
.calendar .monthTab > a.arrow { position:absolute; display:block; left:30rem; top:30rem; padding-left:20rem; }
.calendar .monthTab > a.arrow::before {content:''; position:absolute; left:0; top:7rem; width:10rem; height:10rem; border-top:3rem solid #aaa; border-left:3rem solid #aaa; transform:rotate(-45deg); }
.calendar .monthTab > a.arrow.next { left:auto; right:30rem; padding-left:0; padding-right:20rem;}
.calendar .monthTab > a.arrow.next::before { left:auto; right:0; transform:rotate(135deg); }
.calendar .monthTab > p {text-align:center; font-size:30rem; font-weight:800; padding:20rem; }
.calendar .monthTab .month_list { display:table; table-layout:fixed;  width:100%; }
.calendar .monthTab .month_list a { position:relative; display:table-cell; text-align:center; padding:10rem 0; background:#f2f2f2; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.calendar .monthTab .month_list a:first-of-type {border-left:0;}
.calendar .monthTab .month_list a.on,
.calendar .monthTab .month_list a:hover {background:#fff; font-weight:600; }
.calendar .monthTab .month_list a.on::before { content:''; position:absolute; left:0; bottom:-5rem; width:100%; height:5rem; background:#555; }
.calendar .control {margin-bottom:20rem;}
.calendar .control a { position:relative; display:inline-block; padding-left:26rem; margin-left:20rem; }
.calendar .control a::before {content:''; position:absolute; left:0; top:3rem; width:20rem; height:20rem; background:#ccc; border-radius:50%; }
.calendar .control a::after {content:''; position:absolute; left:5rem; top:10rem; width:4rem; height:4rem; border-top:3rem solid #fff; border-right:3rem solid #fff; transform:rotate(45deg); }
.calendar .control a.on, .calendar .control a:hover {font-weight:600;}
.calendar .control a.on::before { background:#666; }
@media all and (max-width:480px){
	.calendar .monthTab > a.arrow { top:20rem; left:10rem;}
	.calendar .monthTab > a.arrow.next {right:10rem;}
	.calendar .monthTab > p {padding:10rem;}
	.calendar .monthTab .month_list a {font-size:15rem;}
}
/*달력*/
.calendar_month { text-align:center; font-size:30rem; font-weight:600; padding:20rem; }
.calendar_month span {display:block; color:#999; font-size:13rem; }
.calendar_table table { position:relative; width:100%; table-layout:fixed; text-align:center;}
.calendar_table table::after {content:''; position:absolute; left:0; top:0; width:100%; height:45rem; background:#666; z-index:-1;}
.calendar_table table th {color:#fff; width:14.28%; height:45rem; }
.calendar_table table td { border-left:1px dashed #ccc; border-top:1px dashed #ccc; }
.calendar_table table td:first-child {border-left:0;}
.calendar_table table tr:first-child td {border-top:0;}
/*큰달력 타입*/
.month_type { border:1px solid #ddd; }
.month_type .calendar_table {overflow-x:auto;}
.month_type .calendar_table table { min-width:700rem; }
.month_type .calendar_table table td { position:relative; height:100rem; padding:40rem 10rem 10rem; text-align:left; vertical-align:top; }
.month_type .calendar_table table td span.date { position:absolute; left:5rem; top:5rem; padding:0; width:30rem; line-height:30rem; text-align:center; font-size:16rem; font-weight:600; }
/*.month_type .calendar_table table td a { position:relative; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; line-height:22rem; max-height:44rem; overflow:hidden; font-size:16rem; padding-left:10rem; margin-top:5rem; }*/
.month_type .calendar_table table td a {display:block; position:relative; line-height:22rem; max-height:44rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16rem; padding-left:10rem; margin-top:5rem; width:100%;}
.month_type .calendar_table table td a:hover {text-decoration:underline;}
.month_type .calendar_table table td a::before {content:''; position:absolute; left:0; top:8rem; width:4rem; height:4rem; border-radius:50%; background:#006ed2;}
/*작은달력 타입*/
.day_type .floatL { border:1px solid #ddd; width:400rem; }
.day_type .floatR {width:calc(100% - 450rem); }
.day_type .calendar_table table td a {display:block; padding:10rem;}
.day_type .calendar_table table td a.on,
.day_type .calendar_table table td a:hover {background:#ddd; font-weight:600; outline:1px solid #111; }
.day_type .detail h4 {margin-top:0;}
.day_type .detail dl {border-bottom:1px dashed #ddd; padding:20rem;}
.day_type .detail dl:first-of-type {border-top:1px solid #555; }
.day_type .detail dl:nth-of-type(2n) {background:#f6f6f6; }
.day_type .detail dt {position:relative;}
.day_type .detail dt a {display:inline-block; font-size:19rem; font-weight:600; }
.day_type .detail dt a:hover {text-decoration:underline; }
.day_type .detail dd {color:#666; margin-top:8rem;}
@media all and (max-width:1023px){
	.day_type .floatL {width:330rem;}
	.day_type .floatR {width:calc(100% - 370rem); }
}
@media all and (max-width:768px){
	.day_type .floatL {width:100%;}
	.day_type .floatR {width:100%; margin-top:40rem; }
}

/*댓글*/
.commentCon {display:none;}
.commentFom {display:none;}
.reply_wrap {width:100%; margin-top:40rem;}
.reply_wrap input[type="text"],
.reply_wrap input[type="password"] {border:1px solid #ddd; width:150rem; height:40rem; padding:10rem;}
.reply_wrap .tle_reply {position:absolute; left:-9999rem;}
.reply_box {margin-bottom:10rem; border:1px solid #ddd; padding:10rem 25rem;}
.reply_box span a {display:block; float:right; background:#444; color:#fff; padding:2rem 10rem; border-radius:5px; font-weight:400; font-size:15rem; margin:0 3rem; position:relative; top:-2rem;}
.reply_left {overflow:hidden; padding:10rem 0;}
.reply_left .b {font-weight:600; font-size:16rem;}
.reply_left .reply_d {font-size:14rem; color:#666; margin-left:10rem;}
.reply_txt {padding:10rem 0; font-size:16rem; border-top:1px dashed #ddd;}
.reply_write_wrap .boardBtn {overflow:hidden; background:#f6f6f6; margin-top:25rem; margin-bottom:25rem; padding:15rem 25rem; text-align:left; font-size:16rem;}
.reply_write_wrap .boardBtn p {float:left;}
.reply_write_wrap .boardBtn a {display:block; float:right; background:#444; color:#fff; padding:2rem 10rem; border-radius:5px; font-weight:400; font-size:15rem; position:relative; top:-2rem;}
.reply_write_wrap legend {position:absolute; left:-9999rem;}
.reply_write {margin-top:10rem; overflow:hidden;}
.reply_write .write_left {display:inline-block; margin-right:20rem; margin-bottom:20rem;}
.reply_write .write_left label {font-size:16rem; font-weight:500; margin-right:10rem;}
.reply_write textarea {float:left; width:calc(100% - 100rem); height:90rem; padding:10rem; font-size:16rem; border:1rem solid #ddd; font-family:'Pretendard'; font-weight:400;}
.reply_write textarea+a {float:right; width:100rem;; height:90rem; display:block; background:#333; color:#fff; line-height:90rem; text-align:center; font-size:16rem;}
.updateComment {margin-top:0;}
.updateComment input[type="text"],
.updateComment input[type="password"] { width:100%; margin:10rem 0 15rem;}
.updateComment input~a {display:inline-block; background:#444; color:#fff; padding:2rem 10rem; border-radius:5px; font-weight:400; font-size:15rem; margin:0 6rem 0 0;}
@media all and (max-width:599px){
	.reply_box span {display:block;}
	.reply_box span a {float:none; display:inline-block; margin:0;}
	.reply_left .reply_d {margin:3rem 0 10rem 1rem;}
	.reply_write_wrap .boardBtn p {float:none; width:100%;}
	.reply_write_wrap .boardBtn a {display:inline-block; float:none; top:0; width:auto; margin-top:10rem; margin-left:0;}
	.reply_write .write_left {display:flex; align-items:center; margin-right:0; margin-bottom:15rem;}
	.reply_write .write_left label {width:80rem; margin-right:0;}
	.reply_write .write_left input[type="text"],
	.reply_write .write_left input[type="password"]	{width:calc(100% - 80rem);}
}