@charset "UTF-8";

/*글목록*/
.boardList {border-top:2px solid #464646; clear:both; overflow:hidden; padding-top:1px; width:100%}
.boardList tr {border-bottom:1px solid #ddd; display:block; padding:1.5rem 2rem 1.5rem 8rem; position:relative; transition:all .3s; z-index:1}
.boardList tr.nodata {padding:2rem 1rem !important; text-align:center}
.boardList th, .boardList td {box-sizing:border-box; display:inline-block; line-height:1.6rem; padding:0; text-align:left}
.boardList td:after {content:''; background-color:#bbb; width:1px; height:10px; display:inline-block; margin:0 1rem}
.boardList tr.notice td.notice:after,
.boardList td.title:after, 
.boardList td:last-child:after {content:none}
.boardList thead {display:none}
.boardList thead th {border-bottom:1px solid #919191; word-break:keep-all}
.boardList tbody td img {vertical-align:middle}
.boardList tbody td.title {display:block; font-size:1.1rem; text-align:left; margin-bottom:0.5rem}
.boardList tbody td.title > i.i-lock {display:inline-block; font-size:16px; vertical-align:1px}
.boardList tbody td.title > span {display:inline-block}
.boardList tbody td.title a {color:#000; display:inline-block}
.boardList tbody td.title a strong {display:block; font-weight:normal; padding:2px 0 5px; word-break:keep-all}
.boardList tbody td.title a span {display:none; word-break:keep-all}
.boardList tbody td.title a.no-period {color:#666}
.boardList tbody td.visit-period {display:block; line-height:1.2}
.boardList table,
.boardList tbody {display:block}
/*번호*/
.boardList td.num {display:none}
/*공지글*/
.boardList tr.noticeArea {background-color:#f9f9f9; padding-left:8rem}
.boardList tr.noticeArea td.notice {background-color:#5d2e91; border:1px solid #5d2e91; color:#fff; font-size:0.75rem; line-height:1.3rem; padding:3px; width:100px; text-align:center; position:absolute; left:2rem; top:1.5rem}
.boardList tr.noticeArea td.notice:after {content:none}
/*카테고리*/
.boardList td.cate {border:1px solid #ddd; background:#fff; font-size:0.75rem; line-height:1.3rem; padding:3px; width:104px; text-align:center; position:absolute; left:2rem; top:1.5rem}
.boardList td.cate:after {display:none}
/*새글 아이콘*/
.boardList td.title i.xi-new {background-color:#ed6c5f; display:inline-block; border-radius:100%; width:15px; height:15px; vertical-align:0; position:relative}
.boardList td.title i.xi-new:before {content:'N'; color:#fff; font-size:10px; font-family:NotoKr !important; position:absolute; width:100%; line-height:0.75rem; text-align:center}
/*아이콘*/
.boardList td.name:before {content:'\ea28'; font-size:0.8rem; font-family:'fontIcon' !important; margin-right:5px}
.boardList td.date:before {content:'\e94b'; font-size:0.8rem; font-family:'fontIcon' !important; margin-right:5px}
.boardList td.hit:before {content:'\e975'; font-size:0.8rem; font-family:'fontIcon' !important; margin-right:5px}
.boardList td.visit_state .blue {color:#009a44}
.boardList td.visit_state .blue:before {content:'\e93a'; font-size:0.8rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-1px}
.boardList td.visit_state .red {color:#dd6021}
.boardList td.visit_state .red:before {content:'\ea3b'; font-size:0.8rem; font-family:'fontIcon' !important; margin-right:5px; vertical-align:-1px}
.boardList td.visit_state .yellow {color:#deaa01}
.boardList td.visit_state .yellow:before {content:''; font-size:0.8rem; font-family:'xeicon' !important; margin-right:5px; vertical-align:-1px}


/*예약 > 사전점검*/
.visitList table {position:relative}
.visitList table:after {content:''; width:100%; height:1px; background:#ddd; position:absolute; left:0; bottom:0; z-index:1}
.visitList tr {cursor:pointer; float:left; width:50%; padding-left:2rem}
.visitList td.cate {position:relative; left:inherit !important; top:inherit; border:none; padding:0; width:auto; background:transparent}
.visitList td.visit-period {font-size:0.9rem}
.visitList td.visit-period:after {display:none}
/*버튼*/
.visitList td.visit-btn {display:block; margin-top:1.5rem}
.visitList td.visit-btn a {font-size:0.75rem; padding:5px 10px}
.visitList td.visit-btn .apply {border:1px solid #0b4792; background-color:#0b4792; color:#fff}
.visitList td.visit-btn .inquiry {border:1px solid #999; background-color:#fff; color:#666}
.visitList td.visit-btn a > i {font-size:0.8rem; margin-left:5px}

/*효과*/
.boardList tr:before {content:''; border:1px solid rgba(0,0,0,0); width:99.9%; height:100%; position:absolute; left:0; top:-1px; transition:all .3s; z-index:-1}
.boardList tr:after{content:''; box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0); width:100%; height:100%; position:absolute; right:0; bottom:0; transition:all .3s; z-index:-1}
.boardList tr:hover {background-color:#fafafa}
.boardList tr:hover:before {border:1px solid rgba(0,0,0,1)}
.boardList tr:hover:after{box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 0.1)}

/*글목록 기본*/
.boardList02 {border-top:2px solid #464646; border-bottom:1px solid #464646; width:100%}
.boardList02 tr {border-bottom:1px solid #e4e4e4}
.boardList02 th, .boardList02 td {box-sizing:border-box; font-weight:normal; padding:0.8rem 1rem; text-align:center}
.boardList02 th:first-child, .boardList02 td:first-child {border-left:none}
.boardList02 td:last-child:after {content:none !important}
.boardList02 thead th {border-bottom:1px solid #919191; color:#000; font-weight:500; word-break:keep-all}
.boardList02 tbody td img {vertical-align:middle}
.boardList02 tbody td.title {text-align:left}
.boardList02 tbody td.title a{color:#000; display:block}
.boardList02 tbody td.title a strong {display:block; font-weight:normal; word-break:keep-all}
.boardList02 tbody td.title a span {display:none; word-break:keep-all}
.boardList02 tbody td .btn {border-radius:100px; background:#000; color:#fff; display:block; font-size:0.7rem}
.boardList02 tbody td .btn.red {background:#dd6021}/*취소*/
.boardList02 tbody td .btn.gray {background-color:#666}/*취소완료*/
.boardList02 tbody td .btn.green {background-color:#009a44}/*신청중*/
.boardList02 tbody td .btn.blue {background-color:#1e4f98}/*대기*/
/*공지글*/
.boardList02 tr.noticeLine {background-color:#fff9f9}
.boardList02 tr.noticeLine td.notice strong {background-color:#fb6363; border:1px solid #fb6363; color:#fff; display:inline-block; font-size:14px; font-weight:normal; padding:0.1rem 0.737rem; text-align:center; word-break: keep-all}
/*효과*/
.boardList02 tr:hover {background-color:#fafafa}
@media screen and (min-width:769px){
	/*목록, 글보기 공통 아이콘*/
	.cate:before, .name:before, .date:before, .hit:before, .place:before, .time:before, .notice:before {content:none}
}

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

	/*글목록*/
	.boardList02 thead, .boardList02 thead tr, .boardList02 thead th  {border:none; background:none; padding:0; font:0px/0 Arial; height:0; text-indent:-9999px}
	.boardList02 .num, .boardList02 .hit {display:none}
	.boardList02 tr {display:block; padding:1.5rem; position:relative}
	.boardList02 td {border:none; display:inline-block; padding:0}
	.boardList02 td:after {content:''; background-color:#bbb; width:1px; height:10px; display:inline-block; margin:0 0.5rem}
	.boardList02 td:nth-child(5):after {content:none} 
	.boardList02 tr.noticeLine td.notice:after,
	.boardList02 .title:after {content:none} 
	.boardList02 .title {display:block; width:100%}
	.boardList02 .title a {font-size:1.1rem; margin:5px 0} 
	
	.visitList tr {width:100%}
}

/*보도자료*/
.board-news tr {padding-left:9rem}
.board-news tbody td.title {display:inline-block; width:88%; vertical-align:top}
.board-news td.cate {width:125px}
.board-news td.cate i {margin-left:3px}
.board-news td.date {vertical-align:top}
.board-news td.date:after {display:none}

@media screen and (max-width:640px) {
	/*글목록
	.boardList thead, .boardList thead tr, .boardList thead th  {border:none; background:none; padding:0; font:0px/0 Arial; height:0; text-indent:-9999px}
	.boardList .num, .boardList .hit {display:none}
	.boardList tr {display:block; padding:1.5rem; position:relative}
	.boardList td {border:none; display:inline-block; padding:0}
	.boardList td:after {content:''; background-color:#bbb; width:1px; height:10px; display:inline-block; margin:0 0.5rem}
	.boardList td:nth-child(5):after {content:none} 
	.boardList tr.notice td.notice:after,
	.boardList .title:after {content:none} 
	.boardList .title {display:block; width:100%}
	.boardList .title a {font-size:1.1rem}*/
}

@media screen and (max-width:640px) {
	/*글목록*/
	.boardList thead, .boardList thead tr, .boardList thead th  {border:none; background:none; padding:0; font:0px/0 Arial; height:0; text-indent:-9999px}
	.boardList .num, .boardList .hit {display:none}
	.boardList tr {padding:4rem 1rem 1.5rem !important}
	.boardList tr.noticeArea td.notice, 
	.boardList td.cate {left:1rem}
	.boardList td:after {margin:0 0.5rem}
	.boardList .title {display:block; width:100%}
	.boardList .title a {font-size:1.1rem}
	.boardList .hit {display:none}
	
	.visitList tr {padding-top:1.5rem !important}
}

/*이전글/다음글*/
.list_board {border-bottom:1px solid #bfbfbf; display:table; margin:-1px 0 0; width:100%; table-layout:fixed}
.list_board li {border-top:1px solid #e2e3e6; display:table-cell; padding:.75rem 2.5rem; position:relative; width:50%}
.list_board li span {display:block; position:relative}
.list_board li a {color:#999; display:block; font-family:'inherit','NotoKr'; font-size:14px; width:99.999%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.list_board li a:hover {text-decoration:underline}
.list_board li.prev:after {content:''; background-color:#e2e3e6; width:1px; height:35px; position:absolute; right:0; top:15px}
.list_board li.next {text-align:right}
/*아이콘*/
.list_board li.prev:before {content:'\e913'; font-family:"fontIcon"; position:absolute; left:0; top:50%; margin:-8px 0 0 0}
.list_board li.next:before {content:'\e916'; font-family:"fontIcon"; position:absolute; right:0; top:50%; margin:-8px 0 0 0}

/*pdf형*/
.book-list {border-top:2px solid #464646; width:100%}
.book-list > ul > li {border-bottom:1px solid #ddd; display:table; padding:1.5rem; width:100%; transition:all .3s}
.book-list > ul > li > div {display:table-cell; vertical-align:top}
.book-list > ul > li .thumb {background:#e6e6e6 url('/main/img/contents/no-image.png') no-repeat 45px 100px; width:20%; min-width:225px; height:15rem}
.book-list > ul > li .thumb img {display:block; width:100%; height:100%}
.book-list > ul > li .txt {padding-left:2rem; position:relative}
.book-list > ul > li .txt .tt {display:block; font-size:1.2rem; font-weight:500; margin-bottom:1rem}
.book-list > ul > li .txt .con li {margin-bottom:0.5rem}
.book-list > ul > li .txt .con strong {color:#333; display:inline-block; font-weight:500; vertical-align:top; width:6rem}
.book-list > ul > li .txt .con span {color:#666; display:inline-block; vertical-align:top; width:calc(100% - 6rem)}
.book-list > ul > li .txt .con .con-info {color:#00b0ac; font-size:14px}
.book-list > ul > li .btn-group {position:absolute; left:2rem; bottom:1rem}
/*효과*/
.book-list > ul > li:hover {background-color:#fafafa}

@media screen and (max-width:767px) {
	.book-list > ul > li {padding:1.5rem 1rem}
	.book-list > ul > li > div {display:block}
	.book-list > ul > li .thumb {width:100%; height:150px; overflow:hidden; margin:0 auto 1rem; border:1px solid #ddd; background-position:100% 0}
	.book-list > ul > li .thumb img {height:auto}
	.book-list > ul > li .txt {padding-left:0}
	.book-list > ul > li .txt .con li {margin-bottom:5px}
	.book-list > ul > li .txt .con strong {display:block}
	.book-list > ul > li .txt .con span {width:100%; margin-bottom:5px}
	.book-list > ul > li .btn-group {position:relative; left:0; bottom:0; display:block; margin-top:1rem}
}

/*이전글/다음글*/
.list_board {border-bottom:1px solid #bfbfbf; display:table; margin:-1px 0 0; width:100%; table-layout:fixed}
.list_board li {border-top:1px solid #e2e3e6; display:table-cell; padding:.75rem 2.5rem; position:relative; width:50%}
.list_board li span {display:block; position:relative}
.list_board li a {color:#999; display:block; font-family:'inherit','NotoKr'; font-size:14px; width:99.999%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.list_board li a:hover {text-decoration:underline}
.list_board li.prev:after {content:''; background-color:#e2e3e6; width:1px; height:35px; position:absolute; right:0; top:15px}
.list_board li.next {text-align:right}
/*아이콘*/
.list_board li.prev:before {content:'\e913'; font-family:"fontIcon"; position:absolute; left:0; top:50%; margin:-8px 0 0 0}
.list_board li.next:before {content:'\e916'; font-family:"fontIcon"; position:absolute; right:0; top:50%; margin:-8px 0 0 0}

/*FAQ목록*/
.listFaq ul li {clear:both; display:block; overflow:hidden; content:""}
.listFaq ul li:hover {background:#fafafa}
.listFaq ul li span.question {display:block; position:relative}
.listFaq ul li div.answer {border-top:1px solid #ddd; border-bottom:none; position:relative}
.listFaq {margin-bottom:1.5rem}
.listFaq ul li {border-bottom:1px solid #ddd}
.listFaq ul li .category {display:block; border-radius:50%; width:1.8rem; height:1.8rem; text-align:center; background-color:#333; color:#fff; padding-top:.2rem; position:absolute; left:1rem; top:.6rem}
.listFaq ul li .question a {display:block; padding:.85rem 0 .85rem 3.5rem}
.listFaq ul li .question .title {font-weight:bold}
.listFaq ul li .question::after {content:'\e943'; font-family:"fontIcon"; font-size:1.1rem; color:#999; position:absolute; right:1rem; top:.7rem}
.listFaq ul li .answer {display:block; opacity:0; visibility:hidden; max-height:0; overflow:hidden; background:#f4f5f6}
.listFaq ul li .answer::before {content:'\e981'; font-family:"fontIcon"; font-size:1rem; color:#999; position:absolute; left:2rem; top:.7rem}
.listFaq ul li .answer .answer_box {padding:.85rem .85rem .85rem 6rem}
.listFaq ul li .answer .category {left:3.5rem; background-color:#fff; color:inherit}
.listFaq ul li.active .question .category {background-color:#126fb4}
.listFaq ul li.active .question::after {-webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:all .25s; transition:all .25s; color:#333}
.listFaq ul li.active .answer {opacity:1; visibility:visible; -webkit-transition:all .25s; transition:all .25s; max-height:2000px; -webkit-transition:all .5s ease; transition:all .5s ease}

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

	/*listDown 리스트 ex-수상내역 
	.listDown .answer ul {column-count:1; -webkit-column-count:1; -moz-column-count:1}*/
	
	/* FAQ 리스트 */
	.listFaq ul li .answer::before {display:none}
	.listFaq ul li .answer .answer_box {padding-left:3.5rem}
	.listFaq ul li .answer .category {left:1rem}
	.schedule_layer {width:90%; padding:1rem}
	.schedule_layer .close {right:1rem; top:1rem}
	.popup_layer {left:0 !important; top:50px !important; max-width:100%}
	
}