@charset "utf-8";

.nowrap {white-space:nowrap} /*줄바꿈 방지*/


/*BtnArea*/
.BtnArea {text-align:right; margin-bottom:30px}
.BtnArea button {background:#fff; border:1px solid #ddd; cursor:pointer; font-size:14px; font-family:'NotoKR'; height:40px; padding:0 15px; margin-left:-5px}
.BtnArea button:hover {background:#000; border-color:#000; color:#fff; transition:all .2s}

.btn { padding: .5rem 1rem; margin-bottom: .5rem; display: inline-block; text-decoration: none }
.btn.type1 { background-color: #32ae98; border: 1px solid #32ae98; color: #fff }
.btn.type1:hover { background-color: transparent; color: #32ae98; -webkit-transition: all 0.2s; transition: all 0.2s }
.btn.type2 { background-color: #043763; border: 1px solid #043763; color: #fff }
.btn.type2:hover { background-color: transparent; color: #043763; -webkit-transition: all 0.2s; transition: all 0.2s }
.btn.type3 { background-color: #666; border: 1px solid #666; color: #fff }
.btn.type3:hover { background-color: transparent; color: #666; -webkit-transition: all 0.2s; transition: all 0.2s }
.btn.type4 { background-color: #ccc; border: 1px solid #ccc; color: #fff }
.btn.type5 { background-color: transparent; border: 1px solid #d3d8dd }
.btn.type5:hover { border-color: #555; -webkit-transition: all 0.2s; transition: all 0.2s }
.btn.lg { font-size: .8rem; padding: .5rem 1.5rem; min-width: 4rem; text-align: center }
.btn.sm { font-size: .7rem; padding: .2rem .5rem }
.btn.xsm { font-size: .6rem; padding: 0rem .5rem }

/* 페이지,검색영역*/
div.board_info {clear:both; font-size:12px; overflow:hidden; position:relative; margin-bottom:25px}
div.board_info .page_info {color:#666; float:left; margin-top:8px}
div.board_info .page_info .txt_bold {font-weight:500}
div.board_info .page_info strong {color: #fd6800}
/*검색*/
div.board_info .Search_rss {float:right; text-align:right; /*width:60%*/}
div.board_info .Search_rss a.icon_rss {display:none}
div.board_info fieldset {clear:both; display:table; width:100%; position:relative; overflow:hidden}
div.board_info fieldset select, 
div.board_info fieldset input, 
div.board_info fieldset button {border:1px solid #ddd; border-right:0; display:block; width:100%; height:100%; padding:0 5px; box-sizing:border-box}
div.board_info fieldset span {display:table-cell; height:35px; margin-left:-4px; vertical-align:middle}
div.board_info fieldset span:first-of-type {margin-left:0}
div.board_info fieldset span.form-select {width:25%}
div.board_info fieldset span.form-input {width:40%}
div.board_info fieldset span.form-btn {width:7%}
div.board_info fieldset span.form-btn button {background-color:#353c47; border:1px solid #353c47; color:#fff; cursor:pointer; font-size:0; position:relative; transition:background .2s; vertical-align:top}
div.board_info fieldset span.form-btn button:before {content: '\e97a'; font-family: "xeicon"; font-size: 14px; position: absolute; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
div.board_info fieldset span.form-btn button:hover,div.board_info fieldset button:focus {background-color:#404759}

/* file list */
.attach_file li {padding-left:17px; background:url(/upload/skin/board/nih/ico_group.png) no-repeat -6px -126px}


/*Board list*/
.tstyle_list {border-top:1px solid #666; border-bottom:1px solid #e4e4e4; font-size:12px}
.tstyle_list > div > ul{display:table; table-layout:fixed; width:100%; clear:both; overflow:hidden}
.tstyle_list > div > ul > li,
.tstyle_list th,
.tstyle_list td {box-sizing:border-box; border-left:1px solid #DCD9D9; display:table-cell; font-weight:normal; min-height:44px; padding:5px; text-align:center; text-overflow:ellipsis; /*white-space:nowrap;*/ width:10%; vertical-align:middle}
.tstyle_list > div > ul > li:first-child,
.tstyle_list tr > *:first-child{border-left:0}
.tstyle_list > div.dhead,
.tstyle_list thead {border-bottom:1px solid #bfbfbf}
.tstyle_list > div.dhead > ul li,
.tstyle_list thead th {background:#f9f9f9; color:#333; font-weight:500}
.tstyle_list > div.dbody > ul {border-bottom:1px solid #e4e4e4}
.tstyle_list > div.dbody > ul:last-child {border-bottom:0}
.tstyle_list > div.dbody > ul.notice {background:#fbfbfb}
.tstyle_list > div.dbody > ul.notice li:first-child {color:#000; font-weight:500}
.tstyle_list > div.dhead > ul li.title {width:auto; text-align:center}
.tstyle_list > div.dbody > ul > li.title {width:auto; text-align:left}
/* .tstyle_list > div.dbody > ul > li a {color:#000; display:block; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:85%} *//* 새글 표시로 삭제처리 2021.12.10. */
.tstyle_list > div.dbody > ul > li.file a {text-align:center; width:100%}
.tstyle_list > div.dbody > ul > li span.re-num {color:#d85430}
.tstyle_list > div.dbody > ul > li a:hover {text-decoration:underline}
.tstyle_list > div.dbody > ul > li a.btn-line {display:inline-block; width:auto}
.tstyle_list > div.dbody > ul > li a.btn-line:hover {color:#fff; text-decoration:none}
.xi-new {display:inline-block; margin-left:5px; font-size:14px; color:#e00; }
.tstyle_list .W8 { width:8% }
.tstyle_list .W13 { width:13% }


/* board list table */
.tstyle_list th,
.tstyle_list td{border-bottom:1px solid #e4e4e4;width:auto;}
.tstyle_list td.left{text-align:left;}

/*tstyle-BD9 ex.민원편람 */
div.tstyle_list_BD9 {clear:both; border-top:1px solid #666; border-bottom:1px solid #e4e4e4; font-size:14px; overflow:hidden}
div.tstyle_list_BD9 > div.dbody > ul {display:table; float:left; width:50%; border-bottom:1px solid #e4e4e4; margin-left:-1px}
div.tstyle_list_BD9 > div.dbody > ul:hover  {background:#fafafa}
div.tstyle_list_BD9 > div.dbody > ul:nth-child(n+9) {border-bottom:0}
div.tstyle_list_BD9 > div.dbody > ul.notice {background:#f9f9f9}
div.tstyle_list_BD9 > div.dbody > ul > li {box-sizing:border-box; border-left:1px solid #DCD9D9; display:table-cell; width:50%; font-weight:normal; padding:10px 5px; vertical-align: middle}
div.tstyle_list_BD9 > div.dbody > ul > li:first-of-type {padding:10px}
div.tstyle_list_BD9 > div.dbody > ul > li img {display:inline-block; vertical-align:-3px}
div.tstyle_list_BD9 > div.dbody > ul > li a {color:#000; display:block; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:85%}
div.tstyle_list_BD9 > div.dbody > ul > li.file a {text-align:center; width:100%}
div.tstyle_list_BD9 > div.dbody > ul > li span.re-num {color:#d85430}
div.tstyle_list_BD9 > div.dbody > ul > li a:hover {text-decoration:underline}
div.tstyle_list_BD9 > div.dbody > ul > li a.btn-line {display:inline-block; width:auto}
div.tstyle_list_BD9 > div.dbody > ul > li a.btn-line:hover {color:#fff; text-decoration:none}

/* 목록 첨부파일*/
div.tstyle_list > div.dbody > div.fileBox {background:#f7f7f7; position:relative}
div.tstyle_list > div.dbody > div.fileBox > a {background:url(/cdc/img/sub/content-info.png) no-repeat -27px 3px; background-size:1000%; font-size:0; text-indent:-10000px; width:20px; height:20px; position:absolute; top:15px; right:15px}
div.tstyle_list > div.dbody > div.fileBox > ul {border-bottom:1px solid #e4e4e4; padding:20px 9%}
div.tstyle_list > div.dbody > div.fileBox > ul li {clear:both; overflow:hidden; margin-bottom:3px; width:100%}
div.tstyle_list > div.dbody > div.fileBox > ul li:last-child {margin-bottom:0}
div.tstyle_list > div.dbody > div.fileBox > ul strong {float:left; line-height:28px}
div.tstyle_list > div.dbody > div.fileBox > ul .link {float:right}

/*콘텐츠 없을 때*/
div.tstyle_list > div.dbody > div.nodata {text-align:center; padding:50px 0; width:100%}

/* 달력게시판 CAL */
.calendar {position:relative; top:-20px}
.calendar h1 {background:url(/upload/skin/board/nih/bg_calendar_line.jpg) repeat-x left bottom; height:80px; text-align:center; color:#fd6800; line-height:1em; font:normal 32px Verdana, Geneva, sans-serif; letter-spacing:-0.05em}
.calendar .tb_calendar {width:100%; border-collapse:separate; border-spacing:2px; font:normal 21px Verdana, Geneva, sans-serif}
.calendar .btn_pre_month {position:absolute; top:8px; left:50px}
.calendar .btn_next_month {position:absolute; top:8px; right:50px}
.calendar .tb_calendar th {font-weight:normal; color:#183e89; text-align:center; height:80px}
.calendar .tb_calendar th:first-child {color:#f35050}
.calendar .tb_calendar td { width:80px; height:80px; text-align:center; color:#c6c8c9}
.calendar .tb_calendar td.bg {background:url(/upload/skin/board/nih/bg_calendar_td.jpg) repeat 0 0; color:#777}
.calendar .tb_calendar td.on {color:#fff; background:#565656; border-top:3px solid #fd6800; height:77px}
.calendar .tb_calendar td.on a {color:#fff;  display:block; text-decoration:none; height:77px; line-height:77px}
.calendar .tb_calendar  .month_day {position:relative; padding:27px 5px 5px 5px; font-size:11px}
.calendar .tb_calendar td .month_day span {font-size:12px; display:block; font-weight:normal; position:absolute; top:10px; left:10px; vertical-align:top; height:13px; color:#777}
.calendar .tb_calendar td .month_day li a {display:inline-block; color:#54575a; letter-spacing:-1px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; width:90px}

/* 달력 목록형 게시판 CA2 */
div.schedule-info {clear:both; overflow:hidden}
div.schedule-info span.info {float:left; color:#666; padding:4px 10px 3px}
div.schedule-info span.schedule-all {float:right; background:#fff; border:1px solid #51B69F; border-radius:50px; box-sizing:border-box;  padding:6px 7px 6px 5px; margin-right:5px}
div.schedule-info span.schedule-all a {color:#51B69F}
div.DateArea {clear:both; position:relative; padding:30px 0; overflow:hidden; text-align:center}
div.DateArea h1 {display:block; color:#333; font-size:34px; font-weight:normal; line-height: 39px}
div.DateArea div.btn-area {position:absolute; right:0; top:30px}
div.DateArea div.btn-area a {border:1px solid #666; border-radius:100px; display:inline-block; float:left; width:40px; height:40px; position:relative; margin-right:5px; transition:all .2s}
div.DateArea div.btn-area a.pre_month:before {content:''; position:absolute; left:15px; top:14px; border:1px solid #666; border-left:0; border-bottom:0; width:10px; height:10px; transform: rotate(-140deg)}
div.DateArea div.btn-area a.next_month:before {content:''; position:absolute; left:11px; top:14px; border:1px solid #666; border-left:0; border-bottom:0; width:10px; height:10px; transform: rotate(45deg)}
div.DateArea div.btn-area a.pre_month:hover:before, 
div.DateArea div.btn-area a.next_month:hover:before{border-color:#fff}
div.DateArea div.btn-area a.All-schedule {border:1px solid #666; color:#666; padding:0 20px; width:auto; line-height:38px}
div.DateArea div.btn-area a:hover {border:1px solid #666; background:#666; color:#fff}
div.DateArea div.notice {float:right; padding:10px 0 0}
div.DateArea div.notice span.schedule {display:inline-block; margin-left:10px}
/*head*/
div.CalendarList div.Bhead {border-top:1px solid #404759; border-bottom:1px solid #404759}
div.CalendarList div.Bhead > ul{display:table; width:100%; table-layout:fixed}
div.CalendarList div.Bhead > ul > li {color:#404759; border-left:1px solid #f3f3f3; display:table-cell; text-align:center; padding:10px 0}
div.CalendarList div.Bhead > ul > li:first-of-type{border-left:0}
div.CalendarList div.Bhead > ul > li.sun{color:rgb(222, 3, 3)}
div.CalendarList div.Bhead > ul > li.sat{color:rgb(75, 85, 120)} 
/*body*/
div.CalendarList div.Bbody > ul > li {border-bottom:1px solid #eee; display:table; width:100%; table-layout:fixed}
div.CalendarList div.Bbody > ul > li > div {border-left:1px solid #eee; display:table-cell; font-size:0.95em; height:100px; position:relative; text-align:left; padding:10px; line-height:22px;  position:relative}
div.CalendarList div.Bbody > ul > li > div:last-child  {border-right:0}
div.CalendarList div.Bbody > ul > li > div:first-child  {border-left:0}
div.CalendarList div.Bbody > ul > li > div:after {content:''; clear:both; display:block}
div.CalendarList div.Bbody > ul > li > div span.day {display:inline-block; min-width:20px}
div.CalendarList div.Bbody > ul > li > div span.status-type01 {background:rgb(183, 66, 19); border-radius:3px; color:#fff; display:block; font-size:0.85em; padding:0 5px; text-align:center; width:100%}/*예약상태*/
div.CalendarList div.Bbody > ul > li > div span.present{color:#666; font-size:0.9em; letter-spacing:-1px}/*예약현황*/
div.CalendarList div.Bbody > ul > li > div > a {color:#000; display:block; height:100%}

div.CalendarList div.Bbody > ul > li > div > span.schedule {display:block; width:100%; text-align:center; position:absolute; bottom:3px}
div.CalendarList div.Bbody > ul > li > div span.day {display:inline-block; min-width:20px}
div.CalendarList div.Bbody > ul > li > div span.status-type01 {background:rgb(183, 66, 19); border-radius:3px; color:#fff; display:block; font-size:0.85em; padding:0 5px; text-align:center; width:100%}/*예약상태*/
div.CalendarList div.Bbody > ul > li > div span.present{color:#666; font-size:0.9em; letter-spacing:-1px}/*예약현황*/
span.schedule span.cate {background:red; border-radius: 50px; display: inline-block; width: 6px; height: 6px; vertical-align: 2px}

/*리스트*/
div.CalendarList div.Bbody ul.list li {font-size:0.9em}
div.CalendarList div.Bbody ul.list li a {color:#000; display:block; position:relative; padding-left:7px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
div.CalendarList div.Bbody ul.list li a:hover {text-decoration:underline}
div.CalendarList div.Bbody ul.list li a:after {content:''; background:#999; border-radius:50px; width:3px; height:3px; position:absolute; left:0; top:8px}

/*효과*/
div.CalendarList div.Bbody > ul > li > div:hover {background:rgba(0,0,0,0.01)}
div.CalendarList div.Bbody > ul > li > a:hover {text-decoration:underline}

/*오늘*/
 div.CalendarList div.Bbody > ul > li > div.current{background:rgba(0,0,0,0.01)}
 
/*휴관일*/
div.CalendarList div.Bbody > ul > li > div.closeday, 
div.holiday {background:rgba(160, 75, 23, 0.01)}
div.sun span.day, div.holiday span.day {color:rgb(222, 3, 3)}
div.CalendarList div.Bbody > ul > li > div.closeday span.closeday, 
span.holiday {background:rgb(218, 108, 108); border-radius:50px; color:#fff; font-size:0.8em; padding:0 5px}

/*ScheduleList*/
div.ScheduleList > span.nodata {background:#fff; border: 1px solid #ddd; box-sizing:border-box; border-radius:3px; color:#999; display:block; text-align:center; font-size:14px; padding:15px 10px; margin-top:-1px}
div.ScheduleList > div {background:#fff; border: 1px solid #ddd; box-sizing:border-box; clear:both; overflow:hidden; margin-top:-1px}

div.ScheduleList > div > a span.day {display:none}
/*
div.ScheduleList > div > a span.day {display:block; border-right:1px solid #ddd; box-sizing:border-box; font-size:25px; float:left; text-align:center; width:15%; margin:0 15px 0 0; line-height:35px;}
div.ScheduleList > div > a span.day > span {font-size:14px; color:#999}
*/
div.ScheduleList > div > a {display:block; box-sizing:border-box; float:left; font-size:16px; padding:15px 10px; width:100%; min-height:50px}
div.ScheduleList > div > a:hover span.title{color:#005bac}
div.ScheduleList > div > a span.group {width:100%; float:left; position:relative}
div.ScheduleList > div > a span.group:after {border:1px solid #ddd; border-radius:100px; position:absolute; right:5px; top:-5px; content:'자세히보기'; font-size:12px; padding:3px 10px}
div.ScheduleList > div > a:hover span.group:after {border:1px solid #005bac; color:#005bac}
div.ScheduleList > div > a span.title {color:#333; font-size:16px; display: block; width:67%; white-space: nowrap;  text-overflow: ellipsis; overflow:hidden}
div.ScheduleList > div > a span.title > span.comment {background:#51B69F;  border-radius:50px; color:#fff; font-size:12px; text-align:center; padding:3px 7px; position:absolute; right:17px}
div.ScheduleList > div > a span.cate{border-radius:50px; color:#fff; display:table; font-size:14px; padding:2px 15px 4px; margin:0 10px 0 0; float:left}
div.ScheduleList > div.notice {background:#fff; border:1px solid #ddd; box-sizing:border-box; color:#DF7373; font-size:14px; padding:7px 0; text-align:center}
div.ScheduleList > div.notice img {width:25px; vertical-align:-8px}


/*listPDF*/
ul.listPDF {border-top:1px solid #919191; border-bottom:1px solid #919191; clear:both; margin:10px 0 15px; overflow:hidden; padding:25px 0; position:relative}
ul.listPDF li {float:left; width:23%; margin:0 2.6% 45px 0; overflow:hidden}
ul.listPDF li:nth-child(4n){margin-right:0}
ul.listPDF li .thumb {border:1px solid #e8e8e8; display:block; width:100%; height:150px; overflow:hidden}
ul.listPDF li .thumb img {display:block; width:100%}
ul.listPDF li .txt {display:block; margin-top:15px}
ul.listPDF li .txt .tt {color:#333; float:left; font-size:18px; width:100%}
ul.listPDF li .txt .date {color:#666; font-size:14px; float:left; margin-top:3px}
ul.listPDF li .txt .btn {display:inline-block; padding-top:10px; width:100%}
ul.listPDF li .txt .btn a {border:1px solid #ddd; font-size:14px; height:35px; line-height:34px; margin-left:0; margin-bottom:5px; padding:0 4%; width:100%; position:relative; transition:all .3s}
ul.listPDF li .txt .btn a:after {content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#353c47; transition:all .3s}
ul.listPDF li .txt .btn a:hover {background:transparent; color:#fff}
ul.listPDF li .txt .btn a:hover:after {width:100%; z-index:-1}

/*faq 리스트*/
div.listFaq {border-top:1px solid #919191; clear:both; font-size:14px; margin:10px 0 0 0; overflow:hidden}
div.listFaq ul li {border-bottom:1px solid #e6e6e6; clear:both; display:block; overflow:hidden; content:""}
div.listFaq ul li:hover {background:#fafafa}
div.listFaq ul li span.question {display:block; position:relative}
div.listFaq ul li span.question a {display:block; padding:15px 17px}
div.listFaq ul li span.question span.category, .listFaq ul li span.question span.title {padding-top:7px;  margin-right:5px}
div.listFaq ul li div.answer {background:#fafafa; border-top:1px dashed #ddd; border-bottom:none; padding:0 15px 20px 17px; position:relative}
div.listFaq ul li div.answer div.answer_box {padding:10px 0 0}
div.listFaq ul li div.answer div.answer_box .category {float:left}
div.listFaq ul li div.answer div.answer_box .con {display:inline-block; margin-left:10px; line-height:22px; width:100%}

/*faq 글쓰기*/
.BoardWrite_Wrap {width:100%; margin-bottom:20px;  border-top:1px solid #919191}
.BoardWrite_Wrap .group {clear:both; overflow:hidden; border-bottom:1px solid #E2E3E6; background:url('/upload/skin/corporation/nih/tt_bg.gif') repeat-y -40px top; position:relative}
.BoardWrite_Wrap .group .tt {width:150px; color:#333; padding:10px 5px; word-break:keep-all; font-weight:normal; display:block; position:absolute; left:0; text-align:center}
.BoardWrite_Wrap .group .con {min-height:20px; border-left:1px solid #E2E3E6; margin-left:160px;  padding:10px 5px}
.BoardWrite_Wrap .group .con .field2 {width:99%; padding:3px 0}
.BoardWrite_Wrap .group .content {width:98%; margin:10px 0}
.BoardWrite_Wrap .group_bg {background:none}

/*listDown 리스트 ex-수상내역 */ 
.listDown {clear:both; font-size:14px; margin:10px 0 0 0; overflow:hidden}
.listDown > ul > li {border-bottom:1px solid #e6e6e6; border:1px solid #e6e6e6; border-radius:5px; clear:both; display:block; margin-bottom:5px; position:relative;  overflow:hidden}
.listDown > ul > li:before {content:''; background:url('/upload/skin/board/nih/icon-medal.png') no-repeat 0 0; position:absolute; left:29px; top:0px; width:30px; height:55px}
.listDown > ul > li:hover {background:#fafafa}
.listDown ul li span.question {display:block; position:relative; padding:0 0 0 50px}
.listDown ul li span.question a {display:block; padding:15px 17px; color:#444; font-size:1rem; font-weight:500; position:relative}
.listDown ul li span.question a:after {content:'수상내역 자세히보기'; background:rgba(121, 100, 81, 0.5); border-radius:100px; color:#fff; font-size:0.8rem; padding:0 10px; position:absolute; right:10px}
.listDown ul li span.question span.title {padding-top:7px;  margin-right:5px}
.listDown ul li div.answer {background:#fafafa; border-top:1px dashed #ddd; border-bottom:none; padding:0 15px 20px 17px; position:relative}
.listDown ul li div.answer div.answer_box {padding:10px 0 0}
.listDown ul li div.answer div.answer_box span.con {display:inline-block; margin-left:10px; line-height:22px}
/* 다단 */
.listDown .answer ul {column-count:2; -webkit-column-count:2; -moz-column-count:2}
.listDown .answer ul li {border:none; font-size:0.9rem; position:relative; padding-left:12px; line-height:28px}
.listDown .answer ul li ul {column-count:1; -webkit-column-count:1; -moz-column-count:1; padding:0}
.listDown .answer ul li ul li {width:100%; margin:0}
.listDown .answer ul.dep03 > li > ul > li:before{top:13px}


/*고객문의 처리 현황*/
.process {padding:0; border:1px solid #ddd; margin-top:-1px}
.process span.icon_exclamation {display:block; margin:10px 10px 10px 15px}
.process .group {clear:both; padding:20px 30px; height:67px; position:relative}
.process .group .item{float:left; width:33.3%}
.process .group .item dt, .process .group .item dd {display:inline-block}
.process .group .item dt {position:relative; padding-left:10px}
.process .group .item dt:before {content:''; position:absolute; left:0; top:9px; background:#000; border-radius:50px; width:3px; height:3px}
.process .group .item dd {width:65%}
.process .group .item dd input {width:80%}
.process .group .item button.btn-select {background:#fff; border:1px solid #c5c5c5; padding:0 20px; margin-left:5px}
.process .group .btn-apply {background:#0066B3; border:none; color:#fff; position:absolute; top:-36px; right:10px; padding:5px}

/*programNav 수정*/
#content .board_pager {clear:both; margin:30px auto; text-align:center; overflow:hidden}
#content .board_pager .inner {display:table; margin:0 auto}
#content .board_pager a {box-sizing:border-box; border:1px solid #ddd; color:#999; display: inline-block; font-size:14px; text-align:center; padding:5px 0 4px; width:27px; margin:0 2px}
#content .board_pager a.pageNone {border:0 none; color:#373737}
#content .board_pager a.pageNone:hover {border:1px solid #ddd; transition:all .2s}
#content .board_pager a.pageNow {background:#333; border-color:#333; color:#fff}
#content .board_pager a.pageNow strong {color:#fff}	
#content .board_pager + .survey {margin-top:100px}
#content .board_pager .pageFirst i::after{content: "\e93c"; font-family: "xeicon"; margin-left: -.6rem;}
#content .board_pager .pageLast i::after {content: "\e93f"; font-family: "xeicon"; margin-left: -.6rem;}

/*Board View*/
div.tstyle_view {border-top:1px solid #666; font-size:14px; margin-bottom:30px}
div.tstyle_view div.title {background:#f9f9f9; color:#333; clear:both; font-size:15px; font-weight:bold; padding:25px 20px; text-align: center}
div.tstyle_view ul.head {background:#f9f9f9; border-top:1px solid #e4e4e4; border-bottom:1px solid #bfbfbf; width:100%; text-align:center; font-size:12px;}
div.tstyle_view ul.head li {display:inline-block; margin-left:-4px; padding:10px}
div.tstyle_view ul.head li strong {font-weight:500; position:relative; padding-right:5px}
div.tstyle_view ul.head li strong:after {content:':'; padding-left:5px; vertical-align:1px}
div.tstyle_view div.tb_contents {clear:both; font-size:15px; padding:20px; border-bottom:1px solid #e2e3e6; line-height:180%; min-height:150px; word-break:keep-all}

/* 이전글 다음글 */
.prev_next { float: left; }


/*view-type2 ex)대표 > 소통광장 > 정보화교육 > 교육일정 및 접수*/
div.tstyle_view ul.type2 {padding:15px 20px}
div.tstyle_view ul.type2 li {padding:5px; text-align:left; width:50%}

/*Board View /*대표 > 소통광장 > 정보화교육 > 교육일정 및 접수 글보기*/
.education_view {border-top:1px solid #ddd; clear:both; overflow:hidden}
.education_view li {float:left; width:50%; display:table}
.education_view li strong {background:#f9f9f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; float:left; font-weight:500; text-align:left; line-height:150%; padding:12px 15px; width:35%}
.education_view li span{border-bottom:1px solid #ddd; color:#666; float:left;  text-align:left; line-height:150%; padding:12px 15px; width:65%; vertical-align:middle}

/*글보기-문화행사*/
div.CAL2 div.title ul {margin:5px 0 0}
div.CAL2 div.title ul li {font-size:1rem; display:inline-block; margin-right:3%; vertical-align:middle}
div.CAL2 div.title ul li strong {background:#26af69; border-radius:100px; color:#fff !important; font-size:0.95rem; font-weight:normal !important; padding:2px 7px; margin-right:5px }


/*첨부파일*/
div.tstyle_view ul.add_file {box-sizing:border-box; clear:both; margin-top:-1px; overflow:hidden}
div.tstyle_view ul.add_file li {box-sizing:border-box; border-bottom:1px dashed #e2e3e6; clear:both; padding:9px 15px; position:relative; overflow:hidden}
div.tstyle_view ul.add_file li:hover {background:#f9f9f9}
div.tstyle_view ul.add_file li:first-of-type:before {content:''; background:#e2e3e6; width:100%; height:1px; position:absolute; left:0; top:0}
div.tstyle_view ul.add_file li:last-of-type:after {content:''; background:#919191; width:100%; height:1px; position:absolute; left:0; bottom:0}
div.tstyle_view ul.add_file li:last-of-type {border-bottom:0}
div.tstyle_view ul.add_file li > strong{box-sizing:border-box; display:block; float:left; font-weight:normal; width:77%; position:relative}
div.tstyle_view ul.add_file li > strong:before {color:#fff; display:inline-block; font-size:11px; width:30px; text-align:center; line-height:19px; vertical-align:2px}
div.tstyle_view ul.add_file li > strong span.fileSize {color:#999; display:inline-block; font-size:12px}
div.tstyle_view ul.add_file li > span.link{float:right; font-size:14px}
div.tstyle_view ul.add_file li > strong img {vertical-align:-2px}

/*답변글*/
.re_tstyle_view {border:1px solid #ddd; background:#f9f9f9; padding:30px 30px 10px}
.re_tstyle_view div.title { color:#333; clear:both; font-size:1.4em; line-height:1.6em; font-weight:500; text-align:left}
.re_tstyle_view ul.head {border-bottom: 1px solid #e2e3e6; padding:0 0 20px 0}
.re_tstyle_view ul.head li {color:#000; font-weight:500; display:inline-block; margin-right:10px}
.re_tstyle_view ul.head li strong {font-weight:500; margin-right:5px; position:relative; padding-right:5px}
.re_tstyle_view ul.head li strong:after {content:':'; color:#666; position:absolute; right:-2px; top:-2px}
.re_tstyle_view div.tb_contents {padding:30px 0}
/*첨부파일-답변글*/
div.re_tstyle_view ul.add_file {box-sizing:border-box; clear:both; margin-top:-1px; overflow:hidden}
div.re_tstyle_view ul.add_file li {box-sizing:border-box; border-bottom:1px dashed #e2e3e6; clear:both; padding:9px 0; position:relative; overflow:hidden}
div.re_tstyle_view ul.add_file li:hover {background:#f9f9f9}
div.re_tstyle_view ul.add_file li:first-of-type:before {content:''; background:#e2e3e6; width:100%; height:1px; position:absolute; left:0; top:0}
div.re_tstyle_view ul.add_file li:last-of-type{border-bottom:0}
div.re_tstyle_view ul.add_file li:last-of-type {border-bottom:0}
div.re_tstyle_view ul.add_file li > strong{box-sizing:border-box; display:block; float:left; font-size:12px; font-weight:normal; width:77%; position:relative}
div.re_tstyle_view ul.add_file li > strong:before {color:#fff; display:inline-block; font-size:11px; width:30px; text-align:center; line-height:19px; vertical-align:2px}
div.re_tstyle_view ul.add_file li > strong span.fileSize {color:#999; display:inline-block; font-size:12px}
div.re_tstyle_view ul.add_file li > span.link{float:right; font-size:14px}
div.re_tstyle_view ul.add_file li > strong img {vertical-align:-2px}

/*Board View2*/
div.tstyle_view2 {border-top:1px solid #666; font-size:14px; margin-bottom:30px}
div.tstyle_view2 table {border-collapse:collapse; width:100%}
div.tstyle_view2 thead th, 
div.tstyle_view2 tbody th, 
div.tstyle_view2 tfoot th {background:#f9f9f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; font-weight:500; text-align:left; line-height:150%; padding:12px 15px}
div.tstyle_view2 tbody td {border-bottom:1px solid #ddd; color:#666; text-align:left; line-height:150%; padding:12px 15px; vertical-align:middle}
 
/*Board Write*/
.writeForm {border-top:1px solid #666; font-size:14px}
.tstyle_write {width:100%; border-collapse:collapse; letter-spacing:0; margin-bottom:30px; position:relative}
.tstyle_write th, .tstyle_write td {padding:9px 12px; border-bottom:1px solid #e4e4e4; word-break:keep-all}
.tstyle_write td {border-left:1px solid #e4e4e4}
.tstyle_write tbody th {color:#333; background:#f9f9f9; font-weight:normal}
.tstyle_write tbody tr td.tb_contents {border-left:0; padding:8px 0}
.tstyle_write tbody tr td.tb_contents .content {width:99%}
.tstyle_write tbody tr td input {border:1px solid #ddd; height:30px}
.tstyle_write tbody tr td input#title {width:100%}
.tstyle_write tbody tr td textarea {border:1px solid #ddd; height:200px; width:100%}
.tstyle_write tbody tr td.th_add span {font-weight:normal; font-size:11px; color:#777; letter-spacing:-1px}
.tstyle_write tbody tr td.add_file th {background-color:#fff}
.tstyle_write tbody tr td.add_file td {background:url(/upload/skin/board/nih/line_bar.gif) no-repeat left center; border-left:0}
.tstyle_write tbody tr td.add_file th span {font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.file_info td {border-left:none; font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.file_info th, .tstyle_write tr.file_info td {background:#FCFCFC; padding:3px 0 3px 70px}
.tstyle_write tbody td:first-child {border-left:0}
.tstyle_write tbody tr.add_file td input {border:none !important}
.tstyle_write tbody tr td input.line-no {border:none !important}

/*개인정보 수집 동의*/
.privacy_agree .title_depth01 {color:#333; font-size:18px; font-weight:500; margin:20px 0 10px}
.privacy_agree .group {border:1px solid #ddd; border-top:1px solid #666; margin-bottom:15px; padding:20px 25px}
.privacy_agree .group .title_depth02 {color:#333; font-size:15px; font-weight:500}
.privacy_agree .group .bul_dot strong,
.privacy_agree .group .bul_dot div {font-size:14px; padding-left:8px; position:relative}
.privacy_agree .group .bul_dot strong:before {content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:100px; background:#666}

/* 이전글 다음글 보기 */
.list_board {border-top:1px solid #919191; border-bottom:1px solid #919191; font-size:14px; margin:50px 0}
.list_board li {border-top:1px solid #e2e3e6; padding:10px 15px; position:relative}
.list_board li:after {content:''; clear:both; display:block}
.list_board li:first-child {border:0}
.list_board li span {display:block; position:relative; width:100px; vertical-align:top; padding-left:20px}
.list_board li span:before {content:''; position:absolute; left:0; top:50%; width:6px; height:6px; margin-top:-3px; border-bottom:1px solid #464646; border-right:1px solid #464646; transform:rotate(45deg)}
.list_board li:first-child span:before {border:0 none; border-top:1px solid #464646; border-left:1px solid #464646}
.list_board li a {color:#333; display:block; padding-left:100px; height:30px; overflow:hidden; position:absolute; left:0; top:10px}
.list_board li a:hover {text-decoration: underline}

/* comment */
div.CommentWrap > .cmtForm {background:#f7f7f7; border:1px solid #e4e4e4; padding:20px}
div.CommentWrap > .cmtForm h4{font-size:18px; font-weight:normal; font-weight:500; margin-bottom:15px}
div.CommentWrap > .cmtForm h4 span.re-num {color:#d85430; vertical-align:0}

div.CommentWrap div.commentList {border:1px solid #e4e4e4; padding:20px; margin-top:-1px}
div.CommentWrap div.commentList ul li {border-top:1px solid #fff; padding:10px 0; position:relative}
div.CommentWrap div.commentList ul li:first-child {border:none}
div.CommentWrap div.commentList ul li > span.name {color:#444; font-size:14px; font-weight:500}
div.CommentWrap div.commentList ul li > span.date {color:#999; font-size:14px; margin:0 3px}

div.CommentWrap div.commentList ul li span.cmtBtnGroup {border:1px solid #ddd; border-radius:50px; position:absolute; right:0; top:9px; display:block}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span {box-sizing:border-box; display:inline-block; padding:3px 7px 2px 22px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtUpt {background:url('/mvote/img/common/icon-modify-g.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.cmtDel {background:url('/mvote/img/common/icon-del.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span.btn-recomment {background:url('/mvote/img/common/icon-recomment-g.png') no-repeat 2px 2px; background-size:20px}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:nth-child(2),
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:nth-child(3){border-left:1px solid #ddd}
div.CommentWrap div.commentList ul li span.cmtBtnGroup > span:first-child {border-left:0}

div.CommentWrap div.commentList ul li > span.comment {display:block; font-size:15px; color:#666; font-weight:500; word-break:break-all}
div.CommentWrap div.commentList ul li.re_comment {background:#f8f8f8; padding:15px}
div.CommentWrap div.commentList ul li.re_comment:last-child {border-bottom:0}
div.CommentWrap div.commentList ul li > span.new {background:#51b69f; border-radius:50px; display:block; width:7px; height:7px; position:absolute; top:21px; left:0}
div.CommentWrap div.commentList ul li.re_comment > span.new {background:#51b69f; border-radius:50px; display:block; width:7px; height:7px; position:absolute; top:21px; left:-10px}
/*답변*/
div.CommentWrap div.cmtForm fieldset{width:100%; padding:0}
div.CommentWrap div.cmtForm div.memo {background:#fff; border:1px solid #D9D9D9; clear:both; position:relative; overflow:hidden}
div.CommentWrap div.cmtForm div.memo span.num {color:#999; font-size:12px; display:block; position:absolute; bottom:5px; left:10px}
div.CommentWrap div.cmtForm div.memo span.num > span#opinionLength {color:#ff6600}
div.CommentWrap div.cmtForm div.memo textarea{border:0; box-sizing:border-box;  -webkit-appearance:none; -webkit-border-radius:0; float:left; font-size:14px; padding:10px 10px 0 10px; width:81%; height:43px}
div.CommentWrap div.cmtForm div.memo button{background:#2c3354; background-size:20px; border-radius:0; border:0; color:#fff; float:right; height:65px; width:19%; font-size:14px}
/*수정*/
div.spread_box {background:#fff; border:1px solid #D9D9D9; clear:both; position:relative; overflow:hidden}
div.spread_box textarea{border:0; box-sizing:border-box;  -webkit-appearance:none; -webkit-border-radius:0; float:left; font-size:14px; padding:10px 10px 0 10px; width:81%; height:43px}
div.spread_box button{background:#2c3354; background-size:20px; border-radius:0; border:0; color:#fff; float:right; height:65px; width:19%; font-size:14px}

/*수정/삭제 비밀번호입력*/
#questPW {clear:both; overflow:hidden}
#questPW .txtBox {background:url('/upload/skin/board/nih/icon-lock.png') no-repeat center top; padding-top:120px; position:relative; text-align:center}
#questPW .txtBox .title {color:#666; font-size:16px; margin-bottom:10px}
#questPW .txtBox .pw_div {display:inline-block}
#questPW .txtBox .pw_div input {border:1px solid #ddd; padding:5px; width:140px; height:37px}
#questPW .txtBox .font_red {color:#cc3300; display:block; word-break:keep-all; position:absolute; bottom:-30px}
#questPW .txtBox .btnWrap {display:inline-block; vertical-align:bottom}
#questPW .txtBox .btnWrap button {background:#6d7c90; border:1px solid #6d7c90; color:#fff; padding:0 24px; line-height:36px; display:block; float:left; margin-left:1px; transition:all .2s}
#questPW .txtBox .btnWrap button:hover {background:#fff; color:#6d7c90}


@media screen and (max-width:1200px) {
	div.tstyle_list > div > ul > li {overflow:hidden}
}

@media screen and (max-width:920px) {
	.process .group {height:auto}
	.process .group .item {float:none; width:100%; clear:both; overflow:hidden; margin-bottom:5px}
}

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

	/*Board View /*대표 > 소통광장 > 정보화교육 > 교육일정 및 접수 글보기*/
	.education_view li:nth-child(n+7) {float:none; width:100%}
	.education_view li:nth-child(n+7) strong {width:17.5%}
	.education_view li:nth-child(n+7) span {width:82.5%}	
	
}

@media screen and (max-width:768px) {
	/* 게시판 검색*/
	div.board_info .Search_rss {width:63%}
	div.board_info fieldset .form-input {width:52%}
	div.board_info fieldset button:before {margin-left:-14%}
	
	/*Board list*/
	div.tstyle_list > div > ul li {width:15%}
		
	
	/*Board list : div style 19-01-24 본청 > 종합민원 > 민원서식 게시판 수정하면서 수정함 */
	.m-hidden {display:none !important} /*모바일에서 숨김*/
	div.tstyle_list li.title {border-left:0}
	div.tstyle_list li.title {border-left:0}
	/*div.tstyle_list > div.dhead {display:none} 삭제
	div.tstyle_list > div > ul > li {border-left:0; display:block; float:left; width:auto; min-height:auto; padding:0 5px; width:auto !important}
	div.tstyle_list > div.dbody > ul {border-bottom:1px solid #e4e4e4; padding:10px 5px 7px}
	div.tstyle_list > div.dbody > ul:hover {background:#f8f8f8}
	div.tstyle_list > div.dbody > ul > li.title {display:block; width:70% !important}
	div.tstyle_list > div.dbody > ul > li.title:after {content:none}
	div.tstyle_list > div.dbody > div.nodata {text-align:center; padding:50px 0}*/
	
	
	/*tstyle-BD9 ex.민원편람 */
	div.tstyle_list_BD9 > div.dbody > ul {float:none; width:100%; padding:10px}
	div.tstyle_list_BD9 > div.dbody > ul > li {width:40%; padding:5px; border-left:0; text-align:right}
	div.tstyle_list_BD9 > div.dbody > ul > li:first-of-type {width:60%; padding:0 0 5px 0; text-align:left}
	
	/*listPDF*/
	ul.listPDF li {width:48.7%}
	ul.listPDF li:nth-child(2n){margin-right:0}
	
	/*Board View : div style 17-04-05*/
	div.tstyle_view ul {clear:both; overflow:hidden}
	div.tstyle_view ul.head li {box-sizing:border-box; float:left; padding:5px 20px}
	div.tstyle_view ul.add_file li div > span.link{float:left}
	
	/*view-type2 ex)대표 > 소통광장 > 정보화교육 > 교육일정 및 접수*/
	div.tstyle_view ul.type2 {padding:15px 20px}
	div.tstyle_view ul.type2 li {padding:5px; width:100%}
	
	/*글보기 첨부파일,이전 다음글*/
	.tstyle_view tbody tr.add_file li {line-height:32px; border-bottom:1px dashed #ddd; padding:0 0 10px 0}
	.tstyle_view tbody tr.add_file li:last-child {border-bottom:0}
	.tstyle_view tbody tr.add_file .fileSize{display:block; font-size:0; height:1px}
	.list_board li a {display:inline-block; width:57%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	
	/* 달력 목록형 게시판 CA2 */
	.Bhead {display:none}
	.Bbody {border-top:1px solid #404759}
	
	div.DateArea {text-align:left}
	div.DateArea .btn-area {width:auto; right:0; left: inherit; text-align:right}
	div.DateArea a.pre_month,  div.DateArea a.next_month, div.DateArea a.All-schedule {position:relative; left:0; right:0; float:left; margin-left:5px}
	div.CalendarList div.Bbody > ul > li > div {border:1px solid #f3f3f3 !important; display:block; width:100%; padding:10px; height:auto; margin-top:-1px}
	div.CalendarList div.Bbody > ul > li > div span{vertical-align:middle}
	div.CalendarList div.Bbody > ul > li > div span.day {display:block; float:left;  width:30px}
	div.CalendarList div.Bbody > ul > li > div span.status-type01 {display:inline-block; width:auto}
	div.CalendarList div.Bbody > ul > li > div > a{display:inline-block; width:auto}
	div.CalendarList div.Bbody > ul > li > div span.present{font-size:1em; float:right; padding:10px}/*예약현황*/
	/*리스트*/
	div.CalendarList div.Bbody ul.list {float:left}
	
}

@media screen and (max-width:640px) {
	/* 게시판 검색*/
	div.board_info {margin-bottom:15px}
	div.board_info .Search_rss {background:#f9f9f9; border:1px solid #ddd; padding:5%; text-align:center; width:100%}
	div.board_info .page_info {float:right; margin-top:15px}
	
	div.board_info fieldset span {margin-left:0}
	div.board_info fieldset span.form-select,
	div.board_info fieldset span.form-input,
	div.board_info fieldset span.form-btn {display:block; width:100%}
	
	/*listDown 리스트 ex-수상내역 */
	.listDown .answer ul {column-count:1; -webkit-column-count:1; -moz-column-count:1}
	
	/*Board list : div style 19-01-24 본청 > 종합민원 > 민원서식 게시판 수정하면서 수정함 */
	div.tstyle_list > div.dhead {display:none}
	div.tstyle_list > div.dbody > ul {padding:10px 0 5px 0}
	div.tstyle_list > div.dbody > ul > li {border:0; display:block; float:left; width:auto !important; padding: 0 0 5px 0; margin-right:10px; min-height:auto}
	div.tstyle_list > div.dbody > ul > li.title {font-size:15px; float:none; width:100% !important}
	
	/*Board View  19-01-24 */
	div.tstyle_view ul.head li {padding:5px 10px}
	div.tstyle_view ul.add_file li {padding:9px 0}
	div.tstyle_view ul.add_file li > span.link {float:left; margin-top:3px}
	div.tstyle_view ul.add_file li > strong {width:100%; float:none}
		
	/*대표 > 소통광장 > 정보화교육 > 교육일정 및 접수*/
	.tstyle_list .educationUl {position:relative}
	.tstyle_list .educationUl li:before {color:#000; display:inline-block; margin-right:3px; vertical-align:0}
	.tstyle_list .educationUl li:nth-child(1){color:#000; float:none; font-size:17px; text-align:left; margin-left:60px}
	.tstyle_list .educationUl li:nth-child(3):before {content:'교육기간 : '}
	.tstyle_list .educationUl li:nth-child(4):before {content:'교육시간 : '}
	.tstyle_list .educationUl li:nth-child(5):before {content:'접수/정원 (대기) : '}
	.tstyle_list .educationUl li:nth-child(6) {background:#19529d; border-radius:100px; color:#fff; font-size:12px; padding:3px 5px 0 5px; position:absolute; left:0; top:7px}
		
	/*Board View /*대표 > 소통광장 > 정보화교육 > 교육일정 및 접수 글보기*/
	.education_view li {float:none; width:100%; display:table}
	.education_view li strong {display:table-cell; float:none; width:35% !important; vertical-align:middle}
	.education_view li span {display:table-cell; float:none; width:65% !important}	
	
	/*programNav 19-01-24*/
	#content .board_pager a {margin:0 0 0 -1px; width:24px}
	#content .board_pager a.pageFirst,
	#content .board_pager a.pageLast {display:none}

}

@media screen and (max-width:480px) {
	
	/*listPDF*/
	ul.listPDF li {width:100%}
}