@charset "UTF-8";

.pageInfo {text-align:right; margin-bottom:10rem;}

/*검색*/
.boardSearch {margin-bottom:25rem; background:#f6f6f6; padding:20rem; text-align:center;}
.boardSearch .bod_head {display:inline-block;}
.board_search {display:flex; align-items:center;}
.board_search select,
.board_search input[type="text"],
.board_search input[type="submit"],
.board_search input[type="date"] {height:40rem; line-height:40rem; margin:3rem;}
.board_search select {padding:0 10rem;}
.board_search input[type="text"],
.board_search input[type="date"] {padding:0 10rem}
.board_search input[type="submit"]  {padding:0 20rem; border:0; background:#323232; color:#fff;}
@media all and (max-width:768px){
	.board_search input[type="text"] {width:calc(100% - 6rem);}
}
@media all and (max-width:599px){
	.boardSearch .bod_head {display:block;}
	.board_search select {width:90rem; flex-shrink:0;}
}
@media all and (max-width:376px){
	.board_search {flex-wrap:wrap;}
	.board_search select {width:calc(100% - 6rem);}
	.board_search input[type="text"] {width:calc(100% - 90rem);}
	.board_search input[type="submit"]  {flex-grow:1;}
}
@media all and (max-width:321px){
	.board_search input[type="text"] {width:calc(100% - 6rem);}
	.board_search input[type="submit"]  {flex-grow:0;}
}

.boardWrap {overflow:hidden;}

/* 페이징 */
.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_page { font-size:0.9em; margin-bottom:20rem; }
.tbl_area {clear:both; border-top:2rem solid #000;}
.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 {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_board .b_num,
.tbl_board .group_num,
.tbl_board .num {width:8%;}
.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 .b_writer,
.tbl_board .group_writer,
.tbl_board .writer {width:18%;}
.tbl_board .bgbar {width:16%;}
.tbl_board .b_date,
.tbl_board .group_date,
.tbl_board .date {width:15%;}
.tbl_board .dateTerm {width:25%;}
.tbl_board .b_file,
.tbl_board .group_file,
.tbl_board .file,
.tbl_board .answer {width:8%;}
.tbl_board .b_hit,
.tbl_board .group_hit,
.tbl_board .hit {width:8%;}

.tbl_board .funcBtn {width:15%;}

.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;
}
@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;}
	.pageInfo {width:100%; text-align:right; margin-top:15rem;}
	.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%;}
}



/*폼스타일*/
.formStyle {margin:0 auto; border-top:2rem solid #666; border-bottom:1rem solid #eee; margin:10rem 0 30rem; font-size:17rem;}
.formStyle dl { display:flex; flex-wrap:wrap; border-top:1rem solid #eee; }
.formStyle dl > * { min-height:60rem; align-content:center; padding:10rem 20rem; }
.formStyle dt { width:20%; font-weight:600; font-size:1.05em; background:#fafafa; }
.formStyle dd { width:80%; }
.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; min-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;}
.formStyle dl dd input[type="radio"], .formStyle dl dd input[type="checkbox"] {width:17rem; height:17rem; vertical-align: middle;}
.formStyle dd .radio_area {display:inline-block; margin-top:10rem;}
@media all and (max-width:768px){
  .formStyle dt {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%;}
}

/*게시판-보기*/
.boardView {border-top:2rem solid #434b59; margin-bottom: 50rem;}
.boardView .title > dt { font-size:20rem; padding:20rem 0; text-align:center; border-bottom:1rem solid #ddd;}
.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 strong {  padding-right:15rem; font-size:16rem; color:#666; font-weight:600; }
.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:2rem solid #434b59;}
.boardView .cont img {height:auto !important; display:block; margin:0 auto;}

/*동영상게시판*/
.boardView .cont .video {max-width:720rem; width:100%; margin:0 auto;}
.boardView .cont .video video {width:100%;}
.boardView .cont .vod_script {width:100%; max-width:720rem; margin:40rem auto 60rem; }
.boardView .cont .vod_script .tit {font-size:23rem; font-weight:700; margin:3rem 3rem 10rem 3rem;}
.boardView .cont .vod_script .scroll {border:1px solid #ddd; border-radius:6px 6px 0 0; padding:25rem; overflow-y:auto; height:300rem;}
.boardView .cont .vod_script .scroll p {margin-bottom:20rem;}
.boardView .cont .vod_script .caption {background:#f7f7f7; padding:25rem; border-radius:0 0 6px 6px;}
.boardView .cont .vod_script .caption ul {margin:-2rem 0;}
.boardView .cont .vod_script .caption ul li {margin:2rem 0;}
.boardView .cont .vod_script .caption ul li b {display:inline-block; margin-right:10px;}

/*이전다음*/
.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 { font-size:16rem; border:1rem solid #ccc; border-radius:3rem; color:#666; width:150rem; height:40rem; text-align:center; margin-top:20rem;}


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


/*설문조사*/
.cont_box.poll .date { font-size: 18rem; font-weight: 600; }
.poll_paper dl { display: block; }
.poll_paper dl::before { display: none; }
.poll_paper dt, .boardWrite.poll_paper dd { width: 100%; padding: 20rem 40rem !important; }
.poll_paper dt { background: #f7f8fa; }
.poll_paper dd { flex-wrap: wrap; }
.poll_paper dd > span { display: inline-block; margin-right: 17rem; margin-bottom: 10rem; width: 100%; }
.poll_paper dd > span:last-child { margin-right: 0; }
.poll_result .result_box { width: 100%; margin-bottom: 25rem; }
.poll_result .result_T .quest { font-size: 17rem; }
.poll_result .result_graph { background: #f9f9f9; height: 30rem; margin-top: 10rem; display: flex; }
.poll_result .result_graph span.bar { display: inline-block; height: 100%; background-color: #4482ca; /*background-image: radial-gradient(white 15%, transparent 16%), radial-gradient(white 15%, transparent 16%); background-size: 11px 14px; background-position: 0 0, 27px 22px; */ }
.poll_result .result_graph span.count { height: 100%; line-height: 30rem; padding: 0 5rem; min-width: 40rem; text-align: center; display: block; }

/* reply */
.reply_wrap { width:99%;margin-top:20px; padding-bottom:30px;}
.reply_box {border:1px solid #ccc; padding:10px 20px; margin-bottom:5px;}
.reply_box .reply_txt { font-size:14px; border-top:1px solid #eee; padding-top:5px; margin-top:5px;}
.reply_box > .reply_name > .reply_left {overflow:hidden;}
.reply_left .reply_d {font-size:12px; color:#666; margin-left:10px;}
.reply_box > .reply_txt {overflow:hidden;}
.reply_box > .reply_txt  > .reply_write input {float:left; margin-top:10px;}
.reply_box textarea {width:95%; height:100px; float:left; box-sizing:border-box;}

/* 갤러리게시판 */
.bod_gallery {clear:both;}
.bod_gallery > ul {display:flex; flex-wrap:wrap; margin:-10rem;}
.bod_gallery > ul > li {width:calc(33.333% - 20rem); margin:10rem; border:1px solid #e7e7e7; border-radius:10px;}
.bod_gallery > ul > li.no_list {border:0; width:100%; text-align:center; }
.bod_gallery a {display:block; padding:25rem;}
.bod_gallery .thumb {position:relative; height:250rem; background:#f7f7f7; border-radius:10px;}
.bod_gallery .thumb:before {content:''; position:absolute; top:50%; left:50%; width:217rem; height:49rem; background:url('/design/ko/img/layout/logo.png') no-repeat 0 100%/100% auto; transform:translate(-50%, -50%);}
.bod_gallery .thumb img {height:250rem; width:100%; object-fit:cover;border-radius:10px; position:relative; z-index:1;}
.bod_gallery .subject {padding:20rem 20rem 0 20rem; font-size:20rem; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.bod_gallery .subject:hover {text-decoration:underline;}
.bod_gallery .date {color:#333; font-size:16rem; text-align:center;}
@media all and (max-width:1023px){
	.bod_gallery > ul > li {width:calc(50% - 20rem);}
}
@media all and (max-width:768px){
	.bod_gallery a {display:block; padding:20rem;}
	.bod_gallery .thumb {height:200rem;}
	.bod_gallery .thumb:before {width:150rem; height:35rem;}
	.bod_gallery .thumb img {height:200rem;}
}
@media all and (max-width:480px){
	.bod_gallery > ul {margin:-10rem 0;}
	.bod_gallery > ul > li {width:100%; margin:10rem 0;}
	.bod_gallery .thumb {height:150rem;}
	.bod_gallery .thumb img {height:150rem;}
}

/*달력게시판*/
/*달력탭*/
.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; display:block;}
.calendar .control a { position:relative; display:inline; padding-left:26rem; margin-left:20rem; float:none; width:auto; height:auto;}
.calendar .control a::before {content:''; position:absolute; left:0; top:1rem; width:20rem; height:20rem; background:#ccc; border-radius:50%; transform:none; }
.calendar .control a::after {content:''; position:absolute; left:6rem; top:8rem; 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:1023px){
	.calendar .monthTab .month_list {display:flex; table-layout:auto; flex-flow:row wrap;}
	.calendar .monthTab .month_list a {display:block; width:16.666%; border-bottom:1px solid #ccc;}
	.calendar .monthTab .month_list a:nth-child(6n+1) {border-left:0;}
}
@media all and (max-width:480px){
	.calendar .monthTab > a.arrow { top:20rem; left:15rem; font-size:14rem;}
	.calendar .monthTab > a.arrow::before {width:6rem; height:6rem; top:8rem;}
	.calendar .monthTab > a.arrow.next {right:15rem;}
	.calendar .monthTab > p {padding:15rem 0; font-size:19rem}
	.calendar .monthTab .month_list a {font-size:13rem;}
}
/*달력*/
.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;} */
.month_type .calendar_table table td a span.bgp_4::before {content: '주';font-size: 14rem;padding: 2rem 4rem;line-height: 1;margin-right: 5rem;border-radius: 4rem;background: #3064a7;color: #fff;}
.month_type .calendar_table table td a span.bgp_5::before {content: '문';font-size: 14rem;padding: 2rem 4rem;line-height: 1;margin-right: 5rem;border-radius: 4rem;background: #922f2d;color: #fff;}
.month_type .calendar_table table td a span.bgp_6::before {content: '체';font-size: 14rem;padding: 2rem 4rem;line-height: 1;margin-right: 5rem;border-radius: 4rem;background: #007e68;color: #fff;}

/*작은달력 타입*/
.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 dt a:hover span {text-decoration:none; }
.day_type .detail dt a span.bgp_4::before {content: '주간행사';font-size: 15rem;padding: 5rem 8rem;line-height: 1;margin-right: 8rem;border-radius: 8rem;background: #3064a7;color: #fff;}
.day_type .detail dt a span.bgp_5::before {content: '문화예술';font-size: 15rem;padding: 5rem 8rem;line-height: 1;margin-right: 8rem;border-radius: 8rem;background: #922f2d;color: #fff;}
.day_type .detail dt a span.bgp_6::before {content: '체육행사';font-size: 15rem;padding: 5rem 8rem;line-height: 1;margin-right: 8rem;border-radius: 8rem;background: #007e68;color: #fff;}
.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; }
}