@charset "utf-8";



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////

   board_search
   검색

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board {margin:60px auto 45px;}
.board_search,
.board_search .select select,
.board_search .select input,
.board_search .select .search_btn{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; cursor:pointer;}
.board_search{overflow: hidden; height:54px; margin-bottom:20px; display:flex; align-items: center;justify-content: space-between;}
.board_search .count {height:auto; margin-top:15px; font-size:16px; font-weight:500; position:relative}
.board_search .count > * {font-size:1.6rem;}
/* .board_search .count::before {content: ''; position:absolute; top:10px; left:-10px; border-radius: 5rem; height:1rem; display:inline-block; width:2px; height:2px; background:#333333;} */
.board_search .count strong{position: relative; }
.board_search .count .price{position:relative; display:inline-block;}
.board_search .count span{color:#0059a9;}
.board_search .count .space {display:inline-block; width:10px;}


.board_search .select select,
.board_search .select input,
.board_search .select .search_btn{height:35px; line-height:35px; margin-right:7px; border:0;}
.board_search .select select{min-width:123px; border:1px solid #dddddd; border-radius: 5px;height:44px; padding:0 0 0 10px; font-size:16px; background:#fff url(../images/content/icon_arrow.png) right 10px center no-repeat; appearance:none;-webkit-appearance:none;}
.board_search .select input[type="text"]{width:260px;padding: 0 10px; border:1px solid #dddddd;border-radius: 5px;height:44px; color:#888888;  font-size:16px;}
.board_search .select .search_btn{display:inline-block; width:auto; padding:0 22px; vertical-align:middle;  background-color:#0059a9; text-decoration:none; color:#fff; height:44px; border-radius: 5px; font-size:16px; margin-right:0}

.board_search .select input:-webkit-autofill,
.board_search .select input:-webkit-autofill:hover,
.board_search .select input:-webkit-autofill:focus,
.board_search .select input:-webkit-autofill:active {-webkit-text-fill-color:#222 !important; -webkit-box-shadow: 0 0 0px 1000px white inset !important;}



@media screen and (max-width:820px){
  .board_search .count,
  .board_search .select{float:none;}
  .board_search .count{margin-top:0; margin-bottom:6px;}
  .board_search {display:block; height:auto;}
}
@media screen and (max-width:640px){
  .board_search .select select{min-width:90px;}
}
@media screen and (max-width: 600px){
	.board  {margin:30px auto;}
  .board_search .count,
  .board_search .select{float:none;}
  .board_search .select select,
  .board_search .select input[type="text"],
  .board_search .select input[type="submit"],
  .board_search .select .submit{width:100% !important; margin:1px 0px;}
  .board_search .select .search_btn {background:#0059a9; background-position:0;}

}
@media screen and (max-width:480px){
  .board_search .select{position:relative;}
  .board_search .select select{width:100%; margin-bottom:5px;}
  .board_search .select input[type="text"]{width:100%; padding:0 70px 0 5px;}
  /* .board_search .select .search_btn{position:absolute; bottom:0; right:0;} */
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   page
   페이징

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page a,
.page a:link,
.page a:visited,
.page a:active{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.page{margin:30px 0 0 0; text-align:center;}
.page a{vertical-align:middle; font-size:16px; font-weight:500; color:#444444; }
.page a:not(:last-child) {margin-right:1px}
.page a.on,
.page a:hover{background-color:#0059a9; border:1px solid #0059a9; color:#fff; border-radius: 5px;}
.page a,
.page a:link,
.page a:visited,
.page a:active{display:inline-block; width:38px; height:38px; line-height:32px; text-decoration:none; box-sizing:border-box;}

.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end {border:1px solid rgba(20, 74, 146, 0.3); border-radius: 5px;}

.page a.page_first {margin-right:6px;}
.page a.page_left {margin-right:10px;}
.page a.page_end {margin-left:6px;}
.page a.page_right {margin-left:10px;}
.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{overflow:hidden; text-indent:-2000px; box-shadow:0px 0px 3px 2px rgba(90, 90, 90, 0.1);}
.page a.page_first,
.page a.page_end{background:url(../images/content/page_first.png) no-repeat center center;}
.page a.page_end{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.page a.page_left,
.page a.page_right{background:url(../images/content/page_left.png) no-repeat center center;}
.page a.page_right{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.page .number {padding:0 10px;}

/* interaction */
.page a.page_first,
.page a.page_end,
.page a.page_left,
.page a.page_right {transition:background 0.3s;}

.page a.page_first:focus,
.page a.page_first:hover,
.page a.page_end:focus,
.page a.page_end:hover {background:url(../images/content/page_first_on.png) no-repeat center center; background-color:#114b93;}

.page a.page_left:focus,
.page a.page_left:hover,
.page a.page_right:focus,
.page a.page_right:hover {background:url(../images/content/page_left_on.png) no-repeat center center; background-color:#114b93;}


@media screen and (max-width:640px){
/*   .page a.page_first:hover, */
/*   .page a.page_end:hover, */
/*   .page a.page_left:hover, */
/*   .page a.page_right:hover{background-position:8px center;} */
  .page a,
  .page a strong,
  .page a:link,
  .page a:visited,
  .page a:active{width:30px; height:30px; line-height:23px;}
  .page a.page_first,
  .page a.page_left,
  .page a.page_right,
  .page a.page_end{background-position:8px center;}
  .page a.page_left{margin-right:4px;}
  .page a.page_right{margin-left:4px;}
  .page .number {padding:0 5px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   notice_list
   공지형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.notice_list ul li,
.notice_list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.notice_list{margin-top:13px; border-top:2px solid #666666; border-bottom:1px solid #dddddd;}
.notice_list ul{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.notice_list ul li{position:relative; display:table-row; border-bottom:1px solid #ddd;}

.notice_list ul li:hover{background:#f7f7f7;}
.notice_list ul li.no_data:hover{background:none;}
.notice_list ul li:last-child{border-bottom:0;}
.notice_list ul li p,
.notice_list ul li .subject,
.notice_list ul li.thead strong{display:table-cell; text-align:center; vertical-align:middle;}
/* .notice_list ul li.no-data {display:block !important;} */
/* .notice_list ul li.no-data .rlast {display:block; width:100%;} */
/* .notice_list ul li.no-data .rlast strong {display:block; width:100%;} */
.notice_list ul li p,
.notice_list ul li .subject{padding:18px 10px;}
.notice_list ul li.thead > .strong {font-size:18px;}

.notice_list ul li .no{width:60px;}
.notice_list ul li .subject{width:auto;}
.notice_list ul li .writer{width:110px;}
.notice_list ul li .date{width:120px;}
.notice_list ul li .counter{width:80px;}
.notice_list ul li .file_atch{width:90px;}

.notice_list ul li .no {width:10%;}
.notice_list ul li .subject {width:auto;}
.notice_list ul li .media {width:20%;}
.notice_list ul li .date {width:15%;}

.notice_list ul li .division {width:150px}
.notice_list ul li .rule {width:auto}
.notice_list ul li .charge {width:195px} /* 대학규정 : 소관부서 */
.notice_list ul li .newwindow {width:150px}
.notice_list ul li p.no_data {padding:14px 10px; height:50px; }
/* .notice_list ul li p.no_data:hover {background:#fff;} */
.notice_list ul li p.no_data::before {content:'게시글이 없습니다.'; height:35px;  position: absolute; left: 0; top:calc(50% - 10px); width: 100%; }

.notice_list ul li a {font-size:1.7rem;}

/*헤드 항목*/
.notice_list ul li.thead{border-bottom:1px solid #bbb; background:#f8f8f8}
.notice_list ul li.thead:hover{background:transparent;}
.notice_list ul li.thead strong{padding:20px 10px; font-weight:600; font-size:18px; color:#222222}
/*공지글*/
.notice_list ul li.notice{}
.notice_list ul li.notice .no{overflow:hidden; background-image:url(../../images/kor/skin/icon_board_notice.png); background-repeat:no-repeat; background-position:center center; text-indent:-1000px;}
.notice_list ul li.notice .subject a strong{font-weight:400;}
/*제목부분*/
.notice_list ul li .subject a{display:block; color:#222;}
.notice_list ul li .subject a strong{display:inline-block; font-weight:400; font-size:1.7rem;}
.notice_list ul li .subject a:hover strong{text-decoration:underline;}
/*아이콘*/
.notice_list ul li .subject a strong .new,
.notice_list ul li .subject a strong .re_end{overflow:hidden; display:none; margin:0 2px; vertical-align:middle;}
.notice_list ul li .subject a.new strong .new,
.notice_list ul li .subject a.re_end strong .re_end{display:inline-block;}
.notice_list ul li .subject a strong .new{width:17px; height:17px; background:url(../../images/kor/skin/icon_board_new.png) no-repeat left center; text-indent:-2000px;}
.notice_list ul li .subject a strong .re_end{width:auto; height:20px; line-height:20px; padding:0 5px; background:#337b08; font-size:13px; font-weight:400; color:#fff;}
/* .notice_list ul li .board_file{overflow:hidden; display:inline-block; width:12px; height:16px; background:url(../../../images/site/skin/icon_clip.png) no-repeat center center; vertical-align:middle; text-indent:-2000px;}
.notice_list ul li .icon_file{overflow:hidden; display:inline-block; width:12px; height:16px; background:url(../../../images/site/skin/icon_clip.png) no-repeat center center; vertical-align:middle; text-indent:-2000px;} */
.notice_list ul li .icon_file{overflow:hidden; display:inline-block; width:15px; height:16px; background:url(../../images/kor/skin/icon_clip.png) no-repeat center center; vertical-align:middle; text-indent:-2000px;}



.icon_newwindow {font-size:16px; color:#222222; border:1px solid #dde8e2; background:#fff url(../../images/kor/skin/new_window.png) 56px center no-repeat; padding:7px 40px 7px 14px; border-radius: 5px;box-shadow:0 0 3px 1px rgba(90, 90, 90, 0.1);}

@media screen and (max-width:840px){
  .notice_list ul,
  .notice_list ul li,
  .notice_list ul li{display:block;}
  .notice_list ul li{padding:12px 10px;}
  .notice_list ul li.thead{display:none;}
  /* .notice_list ul li p:after{content:""; display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#000; vertical-align:middle;} */
  .notice_list ul li p:last-child:after{display: none;}
  .notice_list ul li .subject:after,
  .notice_list ul li .no:after{display: none;}
  .notice_list ul li .no{display:none;}
  .notice_list ul li .writer,
  .notice_list ul li .date,
  .notice_list ul li .counter,
  .notice_list ul li .file_atch,
  .notice_list ul li .charge,
  .notice_list ul li .newwindow {display: inline-block; width:auto; padding:0;}
  .notice_list ul li .newwindow { float:right; position:relative}
  .notice_list ul li .division {text-align:left}
  .notice_list ul li p, .notice_list ul li .subject {display:inline-block; padding:5px 10px}
  .notice_list ul li p.rule {text-align:left}
  .notice_list ul li .date {position:relative; padding-left:15px;}
  .notice_list ul li .date::before {content:''; position:absolute; top:50%; left:0; width:1px; height:10px; background-color:#ddd; transform:translateY(-50%);}
  .notice_list ul li .media a,
.notice_list ul li .date a {color:#666;}
  /*제목부분*/
  .notice_list ul li .subject,
  .notice_list ul li .rule{display:inline-block; width:100%; padding:10px 0 5px 0; box-sizing:border-box;}
  .notice_list ul li .subject a {text-align:left;}
  .notice_list ul li .subject a strong{overflow:hidden; position:relative; width:auto; max-width:100%; min-height:18px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; text-align:left;}
  .notice_list ul li .company {padding-left:0;}
  /*아이콘*/
  .notice_list ul li .subject a strong{position:relative; max-width:100%;}
  .notice_list ul li .subject a strong .re_end,
  .notice_list ul li .subject a strong .js_secret,
  .notice_list ul li .subject a strong .new{position:absolute; top:0; margin:0;}
  .notice_list ul li .subject a.re_end.new strong{padding-right:78px;}
  .notice_list ul li .subject a.re_end.new strong .re_end{right:16px;}
  .notice_list ul li .subject a.re_end.new strong .new{right:0;}
  .notice_list ul li .subject a.re_end strong{padding-right:62px;}
  .notice_list ul li .subject a.re_end strong .re_end{right:0;}
  .notice_list ul li .subject a.new strong{padding-right:16px;}
  .notice_list ul li .subject a.new strong .new{right:0;}
  /*공지사항*/
  .notice .notice_list ul li .date {position:relative; padding-left:0;}
  .notice .notice_list ul li .date::before {display:none;} 
}
@media screen and (max-width:640px){
  .notice_list ul li{padding:10px;}
  .notice_list ul li .no{width:36px; height:16px; line-height:16px; font-size:12px;}
  .notice_list ul li.notice .no{display:none;}
  .notice_list ul li .subject{padding:6px 0 0px 0;}
  .notice_list ul li.notice .subject{padding:0;}
  /*아이콘*/
  .notice_list ul li .subject a strong,
  .notice_list ul li a {font-size:1.5rem;}
  .notice_list ul li .subject a strong .re_end{line-height:18px;}
  .notice_list ul li .subject a.re_end.new strong{padding-right:77px;}
  .notice_list ul li .subject a.re_end strong{padding-right:61px;}
  
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   qna_list
   qna_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.qna_list ul li,
.qna_list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.greenblue {color:#007587}
.qna_list{margin-top:20px; border-top:2px solid #666;}
.qna_list ul{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.qna_list ul li{position:relative; display:table-row; border-bottom:1px solid #d7d7d7; font-size:17px;}
.qna_list ul li:hover{background:#f7f7f7;}
.qna_list ul li p,
.qna_list ul li.thead strong{display:table-cell; text-align:center; vertical-align:middle;}
.qna_list ul li p,
.qna_list ul li .ntt_sj,
.qna_list ul li div {padding:12px 10px;}
.qna_list a strong {font-weight:400}
.qna_list a strong .js_secret {display:inline-block; width:13px; height:17px;margin:0 0 4px 5px; vertical-align:middle; background:url(../../images/kor/skin/board_lock.png) no-repeat center center; text-indent: -1000px; overflow: hidden;}
.qna_list a strong b {font-weight:600; display:inline-block; margin:0 0 0 5px}
.qna_list .board_download {background:url(../../images/kor/skin/icon_clip.png) 0 0  no-repeat; display:inline-block; width:18px; height:19px; vertical-align:middle; text-indent: -1000px; overflow: hidden;}

.qna_list ul li .ntt_no{width:55px;}
.qna_list ul li .ntt_sj{width:auto;}
.qna_list ul li .ntcr_nm{width:90px;}
.qna_list ul li .frst_register_nm{width:130px;}
.qna_list ul li .rdcnt{width:70px;}
.qna_list ul li .atch_file_id{width:60px;}
/*헤드 항목*/
.qna_list ul li.thead{border-bottom:1px solid #c0c0c0; background:#f8f8f8}
.qna_list ul li.thead:hover{background:transparent;}
.qna_list ul li.thead strong{padding:15px 10px; font-weight:700;}
/*제목부분*/
.qna_list ul li .ntt_sj a{display:block; color:#222 !important}
.qna_list ul li .ntt_sj a strong{display:inline-block; font-weight:400;}
.qna_list ul li .ntt_sj a:hover strong{text-decoration:underline;}
.qna_list ul li .ntt_sj.left {text-align:left;}

.qna_list ul li .ntt_sj a strong{position:relative; padding-right:20px;}
.qna_list ul li .ntt_sj a .new{overflow:hidden; position:absolute; top:calc(50% - 9px); right:0; display:inline-block; width:17px; height:17px; background:url(../../images/kor/skin/icon_board_new.png) no-repeat left center; text-indent:-2000px;}

@media screen and (max-width:840px){
  .qna_list ul,
  .qna_list ul li,
  .qna_list ul li{display:block;}
  .qna_list ul li{padding:12px 10px;}
  .qna_list ul li.thead{display:none;}
  .qna_list ul li p:after{content:""; display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#dddddd; vertical-align:middle;}
  .qna_list ul li p:last-child:after{display: none;}

  /* .qna_list ul li p:last-child:after:not(:has(span.board_download))  {border:1px solid red;} */  /* 웹표준화 오류 2023.12.11 */

  .qna_list ul li .ntt_sj:after,
  .qna_list ul li .ntt_no:after{display: none;}
  .qna_list ul li .ntt_no{width:40px; height:18px; line-height:18px; padding:0; background:#e2e1e1; border-radius:5px; -webkit-border-radius:5px; font-size:13px;}
  .qna_list ul li .ntcr_nm,
  .qna_list ul li .frst_register_nm,
  .qna_list ul li .rdcnt,
  .qna_list ul li .atch_file_id{display: inline-block; width:auto; padding:0; }
  /*제목부분*/
  .qna_list ul li .ntt_sj{display:inline-block; width:100%; padding:10px 0 5px 0; box-sizing:border-box;}
  .qna_list ul li .ntt_sj a strong{overflow:hidden; width:auto; max-width:100%; min-height:18px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
  .qna_list ul li .ntt_no{width:36px; height:36px; line-height:16px; font-size:15px; padding:10px 0;}
  .qna_list ul li .ntt_sj{padding:6px 0 0px 0;}

}
@media screen and (max-width:640px){
  .qna_list ul li{padding:10px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   faq_list
   FAQ_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.faq_list li,
.faq_list li strong a,
.faq_list li .question a:after{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.faq_list{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px}
.faq_list li{overflow:hidden; position:relative;}
/*질문*/
.faq_list li .question{overflow:hidden; display:block; border-bottom:1px solid #cfcfcf;}
.faq_list li:last-child .question{border-bottom:0;}
.faq_list li .question a{position:relative; display:block; width:100%; padding:15px; font-weight:400; box-sizing:border-box; font-size:1.7rem}
.faq_list li .question a:hover,
.faq_list li .question a:active,
.faq_list li .question a:link{text-decoration:none;}
.faq_list li .question a:before{content:"Q"; display:block; position:absolute; top:calc(50% - 17px); left:15px; width:33px; height:33px; line-height:33px; background:#585858; border-radius: 50%; text-align:center; font-size:16px; color:#fff;}
.faq_list li .question a:after{content:""; position:absolute; top:50%; right:15px; display:block; width:11px; height:7px; margin-top:-4px; background:url(../../images/kor/skin/arrow_board.gif) no-repeat center center;}
.faq_list li .question.on a:after{background:url(../../images/kor/skin/arrow_board_ov.gif) no-repeat left top; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.faq_list li .question a span{display: block; padding:0 17px 0 43px;}
/*답변*/
.faq_list li .answer{position:relative; display:none; padding:15px; background:#f7f7f7; border-bottom:1px solid #cfcfcf;}
.faq_list li .answer:after{content:"A"; position:absolute; top:7px; left:15px; display:block; width:33px; height:33px; line-height:33px; background:#0059a9; border-radius: 50%; text-align:center; font-size:16px; color:#fff;}
.faq_list li .answer p{padding:0 0 0 43px;}
/*첨부파일있을경우*/
.faq_list li .answer ul{margin-top:8px; padding:0 0 0 43px;}
.faq_list li .answer ul li{margin-top:2px; font-size:14px;}
.faq_list li .answer ul li:first-child{margin-top:0;}
.faq_list li .answer ul li a{display:inline-block; padding-left:18px; padding-bottom:2px; background:url(../../images/kor/skin/icon_file_02.gif) no-repeat left top 3px; word-break:break-all; box-sizing:border-box;}



@media screen and (max-width:640px){
	.faq_list li .question a:before{top:7px;}
	.faq_list li .answer ul li a{padding-left:16px; background-position:left top 1px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   bodo_list
   보도형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bodo_list ul li,
.bodo_list ul li a,
.bodo_list ul li a .photo,
.bodo_list ul li a .photo span img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.bodo_list{margin-top:20px;}
.bodo_list ul{overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:10px}
.bodo_list ul li{padding:20px 0; border-bottom:1px dashed #ccc;}
.bodo_list ul li:last-child{border-bottom:0;}
.bodo_list ul li a{position:relative; display:block; min-height:152px; padding-left:240px;}
.bodo_list ul li a .photo{overflow:hidden; position:absolute; left:0; top:0; display:block; width:220px;height:150px; background-color:#eee; border-radius: 5px;}
.bodo_list ul li a .photo span{display:block; position:absolute; top:0; left:50%; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.bodo_list ul li a .photo span img{height:100%; transform:scale(1); -webkit-transform:scale(1);}

.bodo_list ul li a .subject{overflow: hidden; color:#222; font-size:1.7rem; display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; font-weight:700; box-sizing:border-box;}
.bodo_list ul li a .contents{overflow:hidden; display:block; height:88px; margin:10px 0 2px;}
.bodo_list ul li a .writer,
.bodo_list ul li a .date{display:inline-block; line-height:18px; vertical-align:middle; font-size:16px; color:#787878;}
.bodo_list ul li a .writer{margin-right:5px;color:#222}

.bodo_list ul li a:hover .photo span img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.bodo_list ul li a:hover .subject{text-decoration:underline;}
/*아이콘*/
.bodo_list ul li a .subject{position:relative; padding-right:18px;}
.bodo_list ul li a .subject .new{overflow:hidden; position:absolute; top:calc(50% - 9px); right:0; display:none; width:17px; height:17px; background:url(../../images/kor/skin/icon_board_new.png) no-repeat left center; text-indent:-2000px;}
.bodo_list ul li a.new .subject .new{display:inline-block;}

@media screen and (max-width:640px){
  .bodo_list ul li{padding:10px 10px;}
  .bodo_list ul li a{min-height:90px; padding-left:135px;}
  .bodo_list ul li a .photo{top:3px; width:120px; height:90px;}
  .bodo_list ul li a .contents{height:52px; margin:7px 0 2px;}
  .bodo_list ul li a .writer,
  .bodo_list ul li a .date{font-size:13px;}
}
@media screen and (max-width:380px){
  .bodo_list ul li a{min-height:auto; padding-left:0; padding-top:100px;}
  .bodo_list ul li a .photo{top:0; left:50%; margin-left:-60px;}
  .bodo_list ul li a .contents{height:auto; max-height:35px; margin:6px 0 3px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   photo_list
   포토형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.photo_list ul li,
.photo_list ul li a,
.photo_list ul li a .photo,
.photo_list ul li a .photo span img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.photo_list{padding-top:40px; border-top: 1px solid #222;}
.photo_list ul{display:flex; margin:0 -16px; flex-wrap: wrap; }
.photo_list ul li{width:25%; height:auto; padding:0 16px; box-sizing:border-box; margin-bottom:45px}
/* .photo_list ul li:not(:nth-child(3n+1)) {margin-left:24px} */
.photo_list ul li:first-child,
.photo_list ul li:nth-child(2),
.photo_list ul li:nth-child(3){margin-top:0;}
.photo_list ul li a{display:block; overflow: hidden; width:100%; height:100%; position:relative; border-radius: 8px; background-color:#fff; box-shadow: 2px 4px 14px 0 rgba(0,0,0,0.1);}

.photo_list ul li a .photo{overflow:hidden; position:relative; display:block; width:100%; height:0; padding-bottom:64.89%; background-color:#eee;}
/* .photo_list ul li a .photo::before {content:''; width:100%; height:100%;background:url(../../images/kor/skin/photoboard_more.png) center center no-repeat; background-color: rgba( 0, 144, 76, 0.8 ); position:absolute; top:0; left:0; z-index:1; opacity:0; transition: opacity .25s;} */
.photo_list ul li a .photo span{display:block; position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; transform:scale(1); transition: transform .4s}
.photo_list ul li a:hover .photo span {transform:scale(1.2)}
.photo_list ul li a .photo span img{display:block; width:100%; height:100%; object-fit: cover;}
.photo_list ul li a > .txt {padding:20px 29px; font-weight:500; font-size:1.6rem;}
.photo_list ul li a .txt .date {font-weight:400; font-size:1.6rem; color:#777;}
.photo_list ul li a .subject{overflow:hidden; display:block;margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:17px; color:#222;}
/* .photo_list ul li a .date{display:block; margin-bottom:12px; font-size:15px; color:#666666; background:url(../../../resources/images/kor/skin/icon_photoboard_cal.png) left center no-repeat;} */

.photo_list ul li a:hover .photo::before {opacity: 1;}
/* .photo_list ul li a:hover .photo span img{transform:scale(1.2); -webkit-transform:scale(1.2);} */

.photo_list .no_data {display:block; text-align: center; margin:0 auto 50px;}

/* interaction */
.photo_list ul li a .subject {transition:color 0.3s;}
.photo_list ul li a .subject:hover,
.photo_list ul li a .subject:focus {color:#0059a9;}


@media screen and (max-width:1200px){
  .photo_list ul li{width:33.3333%;}
}
@media screen and (max-width:720px){
  .photo_list ul li{width:calc((100% - 24px) / 2);}
  .photo_list ul li:not(:nth-child(3n+1)) {margin-left:0}
  .photo_list ul li:not(:nth-child(2n+1)) {margin-left:24px}
  .photo_list ul li a:hover .photo span img{transform:none; -webkit-transform:none;}
}
@media screen and (max-width:640px){
  .photo_list ul li a .subject{margin:10px 0 4px;}
  .photo_list ul li a .date{margin-bottom:10px; font-size:1.6rem;}
}
@media screen and (max-width:480px){
	.photo_list ul {margin:0;}
	.photo_list ul li {width:100%; padding:0;margin-bottom: 20px;}
  .photo_list ul li a .subject{margin:10px 0 2px; font-size:1.6rem;}
  .photo_list ul li a .date{font-size:12px;}
  .photo_list ul li a > .txt {padding:1.5rem 2.9rem;}
}
@media screen and (max-width:380px){
  .photo_list ul li{width:100%; margin-top:10px !important;}
  .photo_list ul li:not(:nth-child(2n+1)) {margin-left:0}
  .photo_list ul li:first-child{margin-top:0 !important;}
  .photo_list ul li {margin-bottom:0;}

}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   youtube_list
   유튜브형 게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.youtube_list ul li,
.youtube_list ul li a,
.youtube_list ul li a .photo,
.youtube_list ul li a .photo span img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.youtube_list{margin-top:20px;}
.youtube_list ul{display:flex; flex-wrap: wrap; }
.youtube_list ul li{width:calc((100% - 48px) / 3); height:auto; box-sizing:border-box; margin-bottom:20px}
.youtube_list ul li:not(:nth-child(3n+1)) {margin-left:24px}
.youtube_list ul li:first-child,
.youtube_list ul li:nth-child(2),
.youtube_list ul li:nth-child(3){margin-top:0;}
.youtube_list ul li a{display:block; width:100%; height:100%; position:relative}

.youtube_list ul li a .photo{overflow:hidden; position:relative; display:block; width:100%; height:220px; background-color:#eee; border-radius: 5px;}
.youtube_list ul li a .photo span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.youtube_list ul li a .photo span img{height:100%; transform:scale(1); -webkit-transform:scale(1);}
.youtube_list ul li a .subject{overflow:hidden; display:block; margin:12px 0 4px; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:1.7rem; color:#222;}
.youtube_list ul li a .date{display:block; margin-bottom:12px; font-size:1.5rem;padding:0 0 0 20px; color:#666666; background:url(../../images/kor/skin/icon_photoboard_cal.png) left center no-repeat;}

.youtube_list ul li a:hover .photo::before {content:''; width:100%; height:100%;background:url(../../images/kor/skin/photoboard_more.png) center center no-repeat; background-color: rgba( 0, 144, 76, 0.8 ); position:absolute; top:0; left:0; z-index:1}

@media screen and (max-width:720px){
  .youtube_list ul li{width:calc((100% - 24px) / 2);}
  .youtube_list ul li:not(:nth-child(3n+1)) {margin-left:0}
  .youtube_list ul li:not(:nth-child(2n+1)) {margin-left:24px}
  .youtube_list ul li a:hover .photo span img{transform:none; -webkit-transform:none;}
}
@media screen and (max-width:640px){
  .youtube_list ul li a .photo{height:155px;}
  .youtube_list ul li a .subject{margin:10px 0 4px;}
  .youtube_list ul li a .date{margin-bottom:10px; font-size:13px;}
}
@media screen and (max-width:480px){
  .youtube_list ul li a .subject{margin:10px 0 2px; font-size:13px;}
  .youtube_list ul li a .date{font-size:12px;}
}
@media screen and (max-width:380px){
  .youtube_list ul li{width:100%; margin-top:10px !important;}
  .youtube_list ul li:not(:nth-child(2n+1)) {margin-left:0}
  .youtube_list ul li:first-child{margin-top:0 !important;}
  .youtube_list ul li {margin-bottom:0;}

}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   downpic_list
   다운로드(이미지)_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.downpic_list ul li,
.downpic_list ul li div,
.downpic_list ul li div .photo,
.downpic_list ul li div .photo span img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.downpic_list{margin-top:20px;}
.downpic_list ul{overflow:hidden; padding:20px; border-top:2px solid #333; border-bottom:1px solid #646464;}
.downpic_list ul li{position:relative; float:left; width:25%; height:auto; margin-top:20px; padding:0px 2.4%; box-sizing:border-box;}
.downpic_list ul li:first-child,
.downpic_list ul li:nth-child(2),
.downpic_list ul li:nth-child(3),
.downpic_list ul li:nth-child(4){margin-top:0;}
.downpic_list ul li div{display:block; width:100%; height:100%; }

.downpic_list ul li div .photo{overflow:hidden; position:relative; display:block; width:100%; height:240px;background:#ccc; border:1px solid #ececec;box-sizing:border-box;}
.downpic_list ul li div .photo span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.downpic_list ul li div .photo span img{height:100%; transform:scale(1); -webkit-transform:scale(1);}
.downpic_list ul li div .subject{overflow:hidden; display:block; margin:12px 0 8px; white-space:nowrap; text-overflow:ellipsis; font-weight:700;}
.downpic_list ul li div .date{display:block; margin-bottom:12px; font-size:14px; color:#969696;}

.downpic_list ul li div .btns{margin-top:10px;text-align:center;}
.downpic_list ul li div .btn.down{
  display: inline-block; min-width:92px; height:34px; padding-left:8px; line-height:34px;box-sizing:border-box; text-decoration:none;text-align:center;
  transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}

@media screen and (max-width:1200px){
  .downpic_list ul li div .photo{height:224px;}
}
@media screen and (max-width:1100px){
  .downpic_list ul li div .photo{height:196px;}
}
@media screen and (max-width:1024px){
  .downpic_list ul li {padding:0 2.9%;}
  .downpic_list ul li div .photo{height:240px;}
}
@media screen and (max-width:880px){
  .downpic_list ul {padding:20px 10px;}
  .downpic_list ul li div .photo{height:218px;}
}
@media screen and (max-width:840px){
  .downpic_list ul li div .photo{height:204px;}
}
@media screen and (max-width:760px){
  .downpic_list ul li div .photo{height:187px;}
}
@media screen and (max-width:720px){
  .downpic_list ul li{width:33.3%;padding:0 2.7%;}
  .downpic_list ul li:nth-child(4){margin-top:20px;}
  .downpic_list ul li div .photo{height:240px;}
}
@media screen and (max-width:640px){
  .downpic_list ul li div .photo{height:212px;}
  .downpic_list ul li div .subject{margin:10px 0 4px;}
  .downpic_list ul li div .date{margin-bottom:10px;}
  .downpic_list ul li div .btn.down{height:33px; line-height:33px;}
}
@media screen and (max-width:540px){
  .downpic_list ul li div .photo{height:173px;}
}
@media screen and (max-width:480px){
  .downpic_list ul {padding: 20px;}
  .downpic_list ul li{width:50%; margin-top:10px;}
  .downpic_list ul li:nth-child(1),
  .downpic_list ul li:nth-child(2){margin-top:0;}
  .downpic_list ul li:nth-child(3),.downpic_list ul li:nth-child(4){margin-top:10px;}
  .downpic_list ul li div .photo{height:240px;}
}
@media screen and (max-width:440px){
  .downpic_list ul li div .photo {height: 216px;}
  .downpic_list ul li div .btn.down {height: 30px;line-height: 30px;width:83px;}
}
@media screen and (max-width:400px){
  .downpic_list ul li div .photo {height: 186px;}
}
@media screen and (max-width:360px){
  .downpic_list ul li div .photo { height: 164px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   downtxt_list
   공지형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.downtxt_list ul li,
.downtxt_list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.downtxt_list{margin-top:20px; border-top:2px solid #333; border-bottom:1px solid #646464;}
.downtxt_list ul{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.downtxt_list ul li{position:relative; display:table-row; border-bottom:1px solid #d7d7d7;}
.downtxt_list ul li:hover{background:#f7f7f7;}
.downtxt_list ul li:last-child{border-bottom:0;}
.downtxt_list ul li p,
.downtxt_list ul li .subject,
.downtxt_list ul li.thead strong{display:table-cell; text-align:center; vertical-align:middle;}
.downtxt_list ul li p,
.downtxt_list ul li .subject{padding:12px 10px;}

.downtxt_list ul li .no{width:55px;}
.downtxt_list ul li .subject{width:auto;}
.downtxt_list ul li .writer{width:75px;}
.downtxt_list ul li .date{width:110px;}
.downtxt_list ul li .counter{width:50px;}
.downtxt_list ul li .file_atch{width:50px;}
/*헤드 항목*/
.downtxt_list ul li.thead{border-bottom:1px solid #989898;}
.downtxt_list ul li.thead:hover{background:transparent;}
.downtxt_list ul li.thead strong{padding:17px 10px; font-weight:700;}
/*제목부분*/
.downtxt_list ul li .subject a{display:block;}
.downtxt_list ul li .subject a strong{display:inline-block; font-weight:400;}
.downtxt_list ul li .subject a:hover strong{text-decoration:underline;}

.downtxt_list ul li .board_file{overflow:hidden; display:inline-block; width:12px; height:16px; background:url(../../images/kor/skin/icon_file_02.gif) no-repeat center center; vertical-align:middle; text-indent:-2000px;}


@media screen and (max-width:840px){
  .downtxt_list ul,
  .downtxt_list ul li,
  .downtxt_list ul li{display:block;}
  .downtxt_list ul li{padding:12px 10px;}
  .downtxt_list ul li.thead{display:none;}
  .downtxt_list ul li p:after{content:""; display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#000; vertical-align:middle;}
  .downtxt_list ul li p:last-child:after{display: none;}
  .downtxt_list ul li .subject:after,
  .downtxt_list ul li .no:after{display: none;}
  .downtxt_list ul li .no{width:40px; height:18px; line-height:18px; padding:0; background:#e2e1e1; border-radius:5px; -webkit-border-radius:5px; font-size:13px;}
  .downtxt_list ul li .writer,
  .downtxt_list ul li .date,
  .downtxt_list ul li .counter,
  .downtxt_list ul li .file_atch{display: inline-block; width:auto; padding:0; font-size:13px;}
  /*제목부분*/
  .downtxt_list ul li .subject{display:inline-block; width:100%; padding:10px 0 5px 0; box-sizing:border-box;}
  .downtxt_list ul li .subject a strong{overflow:hidden; position:relative; width:auto; max-width:100%; min-height:18px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
}
@media screen and (max-width:640px){
  .downtxt_list ul li{padding:10px;}
  .downtxt_list ul li .no{width:36px; height:16px; line-height:16px; font-size:12px;}
  .downtxt_list ul li .subject{padding:6px 0 0px 0;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   board_insert
   게시판 등록

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_insert .detail > li,
.board_insert .detail > li .titles{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.board_insert{display:block; padding:0; border-top:2px solid #333; border-bottom:1px solid #646464;}

/*항목리스트*/
.board_insert .detail{background:#fff;}
.board_insert .detail > li{position:relative; width:100%; min-height:46px; padding-left:120px; border-bottom:1px solid #ccc; box-sizing:border-box; font-size:17px;}
.board_insert .detail > li:last-child{border-bottom:0;}
.board_insert .detail > li .titles{position:absolute; top:0; left:0; width:120px; height:100%; background:#f7f7f7;}
.board_insert .detail > li .titles span{display:table; width:100%; height:100%;}
.board_insert .detail > li .titles strong{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; font-weight:500;}
.board_insert .detail > li .titles strong .red{display:inline-block; width:auto; height:auto; margin-top:-5px; padding-left:2px; vertical-align:top;}
.board_insert .detail > li .txts{padding:12px 10px;}
.board_insert .detail > li .txts span:first-child {padding:0 15px 0 0}

/*안에 인풋 요소들*/
.board_insert .detail > li .txts input[type="text"]{width:100%; height:40px;}
.board_insert .detail > li .txts textarea{width:100%; height:180px;}
.board_insert .detail > li .txts select{min-width:180px; height:35px;}
/*첨부파일리스트*/
.board_insert .detail > li .txts .btn_add{margin-bottom:6px;}
.board_insert .detail > li .txts .file_attach li:first-child{margin-top:0;}
.board_insert .detail > li .txts .file_attach li{margin-top:3px;}
.board_insert .detail > li .txts .file_attach li input[type="file"]{width:300px;}
.board_insert .detail > li .txts .file_attach li input[type="text"]{width:30% !important;}
/* .board_insert .detail > li .txts .file_attach li input[type="file"] {max-width:100%; width:100%; line-height:35px;} */
.board_insert .detail > li .txts .file_attach li input[type="file"]::file-selector-button { border:none; border-radius: 5px; width:95px; height:26px; line-height:26px; text-align:left; background:#0059a9 url(../../images/kor/skin/icon_teacher_file.png) right 8px center no-repeat; color:#fff;}

/*공공누리*/
.board_insert .detail > li .txts #nuri{display:block; box-sizing:border-box;}
.board_insert .detail > li .txts #nuri li{position:relative; width:100%; padding:6px 0 6px 35px; border-top:1px dashed #ccc; box-sizing:border-box;}
.board_insert .detail > li .txts #nuri li:first-child{border-top:0;}
.board_insert .detail > li .txts #nuri li input[type="radio"]{position:absolute; top:24px; left:10px; z-index:10;}
.board_insert .detail > li .txts #nuri li label{position:relative; display:table; table-layout:fixed; width:100%; height:50px; padding-left:225px; cursor:pointer; box-sizing:border-box;}
.board_insert .detail > li .txts #nuri li label img{position:absolute; top:0; left:0; height:50px;}
.board_insert .detail > li .txts #nuri li label span{display:table-cell; width:100%; height:100%; line-height:18px; vertical-align:middle; font-size:14px;}
.board_insert .detail > li .txts #nuri li a{display:block; margin-top:5px; font-size:13px; color:#737373;}
.board_insert .detail > li .txts #nuri li a:hover{text-decoration:underline;}

@media screen and (max-width:840px){
  .board_insert .detail > li{padding-left:90px;}
  .board_insert .detail > li .titles{width:90px;}
}
@media screen and (max-width:740px){
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li input[type="file"]{width:205px;}
  /*공공누리*/
  .board_insert .detail > li .txts #nuri li label{height:auto; padding-left:0;}
  .board_insert .detail > li .txts #nuri li.nuri_ty01 label img{max-width:130px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty02 label img{max-width:159px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty03 label img{max-width:159px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty04 label img{max-width:188px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty05 label img{max-width:203px;}
  .board_insert .detail > li .txts #nuri li label img{position:static; width:100%; height:auto;}
  .board_insert .detail > li .txts #nuri li label span{display:block; height:auto;}
}
@media screen and (max-width:640px){
  .board_insert .detail > li .txts .file_attach li input[type="text"] {width:calc(100% - 100px) !important}
  .board_insert .detail > li .txts .file_attach li {margin-bottom:5px}
  .board_insert .detail > li .txts .file_attach li a {margin-top:2px}
  .board_insert .detail > li{min-height:38px;}
  .board_insert .detail > li .txts{padding:8px 10px;}
  /*안에 인풋 요소들*/
  /* .board_insert .detail > li .txts input[type="text"]{height:30px;} */
  .board_insert .detail > li .txts select{height:30px;}
  .board_insert .detail > li .txts textarea{height:150px;}
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li input[type="file"]{display:block; width:100%; margin-bottom:3px;}
  .board_insert .detail > li .txts .file_attach li input[type="text"]{width:78%;}
}
@media screen and (max-width:540px){
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li input[type="text"]{width:70%;}
}
@media screen and (max-width:420px){
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li .btn{min-width:50px;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   board_view
   게시판 상세

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_view .subject,
.board_view .detail li,
.board_view .detail > li .titles{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.board_view{display:block; padding:0; border-top:2px solid #666666; font-size:17px}
/*제목*/
.board_view > .header > .subject {padding:0;}
.board_view > .subject {display:block; padding:15px; background:#f8f8f8;}
.board_view .header {display:flex; background:#f8f8f8; padding:25px 20px;}
.board_view .header .subject{display: block; width:100%; height:auto; line-height:26px; font-size:18px; font-weight:600; box-sizing:border-box;}
.board_view .header .board_datalist {display:flex; margin-top:5px; flex-shrink:0;}
.board_view .header .board_datalist li {display:flex; font-size:16px; position:relative}
.board_view .header .board_datalist li:not(:first-child)::before { content:''; width:1px; height:11px; background:#dddddd; position:absolute; top:calc(50% - 5px); left:-14px}
.board_view .header .board_datalist li:not(:first-child) {margin-left:30px}
.board_view .header .board_datalist li span {display:inline-block; position:relative; font-size:1.6rem;}
/* .board_view .header .board_datalist li span::before {content:':'; width:1px; height:100%; position:absolute; right:11px; top:0;} */
.board_view .header .board_datalist li .txts {display:inline-block; font-weight:600}
/*항목리스트*/
.board_view .detail{overflow:hidden; background:#fff;}
.board_view .detail > li{float:left; position:relative; width:100%; min-height:46px; padding-left:120px; border-top:1px solid #ccc; box-sizing:border-box;}
.board_view .detail > li:last-child {border-bottom:1px solid #ccc}
.board_view .detail > li .titles{position:absolute; top:0; left:0; width:130px; height:100%; background:#f8f8f8;}
.board_view .detail > li .titles span{display:table; width:100%; height:100%;}
.board_view .detail > li .titles strong{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; font-weight:400; font-size:1.7rem; color:#222}
.board_view .detail > li .titles strong .red{display:inline-block; width:auto; height:auto; margin-top:-5px; padding-left:2px; vertical-align:top;}
.board_view .detail > li .txts,
.board_view .detail > li.filebox ul{padding:18px;}
/*첨부파일*/
.board_view .detail > li.filebox ul li{float:none; min-height:auto; margin-top:2px; padding-left:0; border-top:0;}
.board_view .detail > li.filebox ul li:not(:first-child) {margin-top:10px}
.board_view .detail > li.filebox ul li:first-child{margin-top:0;}
.board_view .detail > li.filebox ul li a.icon_file {display:block; position:relative; padding:0 10px; font-size:1.7rem; color:#000 !important;}
/* .board_view .detail > li.filebox ul li a.icon_file::before {content:''; position:absolute; left:0; top:0; width:75px; height:75px; text-align:center;} */
.board_view .detail > li.filebox ul li a.icon_file + a {background:#0059a9 url(../../../site/images/kor/skin/icon_btn_search.png) right 9px center no-repeat; color:#fff !important; font-size:14px;
	padding:5px 25px 5px 10px; background-size:13px 13px; border-radius: 5px; margin-left:5px}

  .board_view .detail > li .txts ul li img {width:100%}

/*3개(변경 예정)*/
.board_view .detail > li.fix{width:33.33%;}
.board_view .detail > li.fix .txts{overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
/*내용*/
.board_view .detail > li.no_title{padding-left:0;}
.board_view .detail > li .contents{min-height:300px; padding:20px 25px;}
.board_view .detail > li .contents img{display: block; max-width:70%; margin:0 auto; padding-bottom:15px;}
.board_view .detail > li.no_title .contents{padding:20px 25px;}
.board_view .detail > li.no_title .contents iframe{width:100%; height:490px;} /* 유튜브 영상 */
/*공공누리*/
.board_view .detail > li .txts [class*="codeView0"]{position:relative; display:table; table-layout:fixed; height:54px;}
.board_view .detail > li .txts .codeView05{height:27px;}
.board_view .detail > li .txts [class*="codeView0"] img,
.board_view .detail > li .txts [class*="codeView0"] span{vertical-align:middle;}
.board_view .detail > li .txts [class*="codeView0"] img{position:absolute; top:0; left:0; width:100%;}
.board_view .detail > li .txts .codeView01 img{max-width:149px;}
.board_view .detail > li .txts .codeView02 img{max-width:183px;}
.board_view .detail > li .txts .codeView03 img{max-width:183px;}
.board_view .detail > li .txts .codeView04 img{max-width:219px;}
.board_view .detail > li .txts .codeView05 img{max-width:27px;}
.board_view .detail > li .txts [class*="codeView0"] span{display:table-cell; width:100%; height:100%; line-height:18px; vertical-align:middle; font-size:14px; box-sizing:border-box;}
.board_view .detail > li .txts .codeView01 span{padding-left:159px;}
.board_view .detail > li .txts .codeView02 span{padding-left:193px;}
.board_view .detail > li .txts .codeView03 span{padding-left:193px;}
.board_view .detail > li .txts .codeView04 span{padding-left:229px;}
.board_view .detail > li .txts .codeView05 span{padding-left:37px;}


/* 이미지 */
.board_view .detail > li .txts .notitle img {width:100%;}

/*댓글기능*/
.board_view .reply{position:relative; padding:10px 15px 0; border-top:1px solid #ccc;}
.board_view .reply div{position:relative; margin-top:5px;}
.board_view .reply textarea{width:100%; height:80px; padding-right:85px; box-sizing:border-box;}
.board_view .reply .btn_ok{position:absolute; top:0; right:0; width:80px; height:80px; line-height:80px; background:#0067a6; text-align:center; color:#fff;}
.board_view .reply .btn_ok:hover,
.board_view .reply .btn_ok:active,
.board_view .reply .btn_ok:link{text-decoration:none;}
.board_view .reply_box{margin-bottom:5px; padding:0 15px;}
.board_view .reply_box .txts{position:relative; width:100%; padding:10px 155px 10px 0; border-top:1px solid #ccc; box-sizing:border-box;}
.board_view .reply_box .txts:nth-child(1){border-top:0;}
.board_view .reply_box .txts .writer,
.board_view .reply_box .txts .date{vertical-align:middle;}
.board_view .reply_box .txts .writer{display:inline-block; padding-right:6px; font-weight:700;}
.board_view .reply_box .txts .date{display:inline-block; font-size:13px; color:#868686;}
.board_view .reply_box .txts .secret{overflow:hidden; display:inline-block; width:12px; height:16px; margin-left:2px; background:url(../../images/kor/skin/icon_board_lock.gif) no-repeat left top; vertical-align:middle; text-indent:-2000px;}
.board_view .reply_box .txts p{margin-top:5px;}
.board_view .reply_box .txts .btns{position:absolute; top:10px; right:0;}
.board_view .reply_box .txts .btns a{min-width:25px;}
.board_view .reply_box .re_reply{position:relative; padding:10px; background:#f7f7f7; box-sizing:border-box;}
.board_view .reply_box .re_reply textarea{margin-top:5px; width:100%; height:80px;}
.board_view .reply_box .re_reply .btns{position:absolute; top:10px; right:10px;}
.board_view .reply_box .re_reply .btns a{min-width:25px;}
/*이전글,다음글*/
.prev_next_link{overflow:hidden; margin-top:30px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:16px;}
.prev_next_link ul li{position:relative; padding:18px 0 18px 150px; box-sizing:border-box;}
.prev_next_link ul li:nth-child(1){border-top:1px solid #222;}
.prev_next_link ul li:nth-child(2){border-top:1px solid #d7d7d7;}
.prev_next_link ul li strong{
  display:block; position:absolute; left:0; top:0; width:130px; height:100%; line-height:54px; padding:0 20px; color:#222; background:rgba(20, 74, 146, 0.1); font-weight:400; font-size:1.7rem; text-align:center; box-sizing:border-box;}
.prev_next_link ul li strong:after{
    content:""; display: inline-block; margin-left:20px; width:20px; height:11px; background:url(../images/content/icon_arrow.png) no-repeat left center / cover;
    transform:rotate(180deg); -webkit-transform:rotate(180deg);
}
.prev_next_link ul li:nth-child(2) strong:after{transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.prev_next_link ul li a{overflow:hidden; display:block; padding:0 10px; font-size:1.7rem; text-overflow:ellipsis; white-space:nowrap; color:#404040;}



@media screen and (max-width:840px){
	.board_view {font-size:15px;}
	.board_view .header {display:block;}
	.board_view .header .subject{font-size:1.9rem;}
  .board_view .detail > li{padding-left:90px;}
  .board_view .detail > li .titles{width:90px;}
  .board_view .header .board_datalist {margin-top:12px;}

  .prev_next_link ul li{padding:12px 0 12px 90px;}
  .prev_next_link ul li strong{width:90px; padding:0 12px;}
  .prev_next_link ul li strong:after{margin-left:6px;}
}
@media screen and (max-width:740px){
  .board_view .detail > li.no_title .contents iframe{height:355px;}
  /*공공누리*/
  .board_view .detail > li .txts [class*="codeView0"] img{position:static;}
  .board_view .detail > li .txts [class*="codeView0"] span{display:block; margin-top:6px; padding-left:0;}
  .board_view .detail > li .txts .codeView05 img{position:absolute;}
  .board_view .detail > li .txts .codeView05 span{display:table-cell; margin-top:0; padding-left:37px;}
}
@media screen and (max-width:700px){
  .board_view .header .board_datalist {display:block}
  .board_view .header .board_datalist li {}
  .board_view .header .board_datalist li:not(:first-child) {margin-left:0}
  .board_view .header .board_datalist li:not(:first-child)::before {display:none;}
}
@media screen and (max-width:640px){
	.board_view .header {padding:15px 20px;}
	.board_view .header .subject {font-size:1.5rem; line-height:19px;}
	.board_view .header .board_datalist li span {font-size:1.5rem;}
	
	
  .board_view .subject{line-height:22px; font-size:18px;}
  .board_view .detail > li{min-height:38px;}
  .board_view .detail > li .titles strong {font-size:1.5rem;}
  .board_view .detail > li.fix{width:100%;}
  .board_view .detail > li .txts,
  .board_view .detail > li.filebox ul{padding:10px 10px;}
  .board_view .detail > li.filebox ul li a.icon_file{padding-left:16px; background-position:left top 1px;}

  .board_view .detail > li .contents{min-height:150px; padding:10px 10px;}
  .board_view .detail > li .contents img{max-width:80%;}
  .board_view .detail > li.no_title .contents{padding:15px 20px;}
  /*댓글기능*/
  .board_view .reply_box .txts{padding:8px 0 38px 0;}
  .board_view .reply_box .txts p{margin-top:3px;}
  .board_view .reply_box .txts .btns{top:auto; bottom:8px;}
  .board_view .reply_box .txts .btns a{height:23px; line-height:23px; padding:0 6px;}
  .board_view .reply_box .re_reply{padding:8px 10px 35px;}
  .board_view .reply_box .re_reply .btns{top:auto; bottom:8px;}
  .board_view .reply_box .re_reply .btns a{height:23px; line-height:23px;}
}
@media screen and (max-width:480px){
  .board_view .detail > li.no_title .contents iframe{height:230px;}
}
@media screen and (max-width:375px){
  .board_view .detail > li.no_title .contents iframe{height:230px;}
}

/* 게시판 상세 이미지 슬라이드  */
.board_view .js_slide{position:relative;width:100%;height:80px;padding:10px 10px 10px 130px;box-sizing:border-box; transition:height .25s;}
.board_view .js_slide .title{display:block;position:absolute;left:0;top:12px;z-index:1;width:120px;font-size:18px;text-align:center}
.board_view .js_slide .control{position:absolute;left:0;right:auto;top:auto;bottom:0;z-index:1;width:120px;padding:0;text-align:center}
.board_view .js_slide .control .count{display:none}
.board_view .js_slide .control a[class*="btn_"]{overflow:hidden;display:inline-block;width:31px;height:31px;text-indent:-1000px;border:1px solid #c5c5c5;background:#fff url(../../../images/site/skin/slider_control.png) no-repeat}
.board_view .js_slide .control a.btn_left{background-position:0 0}
.board_view .js_slide .control a.btn_play{display:none;background-position:0 -93px}
.board_view .js_slide .control a.btn_stop{background-position:0 -62px}
.board_view .js_slide .control a.btn_right{background-position:0 -31px}
.board_view .js_slide .control ul{display:none}
.board_view .js_slide .move{overflow:hidden;position:relative;z-index:0;width:100%;height:100%}
.board_view .js_slide .move ul{overflow:hidden;position:absolute;left:0;top:0;width:200000px;height:100%}
.board_view .js_slide .move ul li{float:left;width:170px;height:100%;padding:0 5px; transition:width .25s;}
.board_view .js_slide .move ul li a{overflow:hidden;display:block;position:relative;height:100%;text-align:center;border:1px solid #c5c5c5;background-color:#eee;box-sizing:border-box;transition:all .3s ease;-webkit-transition:all .3s ease}
.board_view .js_slide .move ul li a:hover,.js_slide .move ul li a:focus{border:1px solid #f60}
.board_view .js_slide .move ul li a span{display:block;position:absolute;left:50%;top:0;width:2000px;height:100%;margin-left:-1000px;text-align:center}
.board_view .js_slide .move ul li img{display:block;margin:0 auto;height:100%}
.board_view div[class*="slide_view_"]{position:relative;width:70%;height:auto;padding:0 0 36px 0;margin:0 auto 10px;text-align:center;background-color:#eee}
.board_view div[class*="slide_view_"] span{position:absolute;left:0;bottom:0;width:100%;height:36px;padding:0 15px;line-height:36px;font-size:15px;text-align:center;color:#505050;background-color:#fff;box-sizing:border-box}
.board_view div[class*="slide_view_"] span strong{display:inline-block;font-weight:700;font-size:15px}
.board_view div[class*="slide_view_"] img{display:block;max-width:100%;margin:0 auto}
.board_view div[class*="slide_view_"].notitle{padding-bottom:0}
.board_view div[class*="slide_view_"].notitle span{display:none}
.board_view .js_slide.type_04{height:80px;padding:0 50px}
.board_view .js_slide.type_04 .title{display:none}
.board_view .js_slide.type_04 .control{bottom:0;z-index:0;width:100%;height:100%}
.board_view .js_slide.type_04 .control a.btn_play,
.board_view .js_slide.type_04 .control a.btn_stop{display:none}
.board_view .js_slide.type_04 .control a.btn_left,
.board_view .js_slide.type_04 .control a.btn_right{display:block;position:absolute;top:0;width:40px;height:100%;border:0;background:0}
.board_view .js_slide.type_04 .control a.btn_left{left:0}
.board_view .js_slide.type_04 .control a.btn_right{right:0}
.board_view .js_slide.type_04 .control a.btn_left span,
.board_view .js_slide.type_04 .control a.btn_right span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-size:auto 50%!important;transition:all .5s ease;-webkit-transition:all .5s ease; transform: translateX(0px)}
.board_view .js_slide.type_04 .control a.btn_left span{background:url(../../images/kor/skin/photo_slide_left.gif) no-repeat center center}
.board_view .js_slide.type_04 .control a.btn_right span{background:url(../../images/kor/skin/photo_slide_right.gif) no-repeat center center}
.board_view .js_slide.type_04 .control a.btn_left:hover span{transform: translateX(-10px)}
.board_view .js_slide.type_04 .control a.btn_right:hover span{transform: translateX(10px)}
.board_view .js_slide.type_04 .move ul li a:hover,
.board_view .js_slide.type_04 .move ul li a:focus,
.board_view .js_slide.type_04 .move ul li a.on:link,
.board_view .js_slide.type_04 .move ul li a.on:visited,
.board_view .js_slide.type_04 .move ul li a.on:active,
.board_view .js_slide.type_04 .move ul li a.on:hover{border:2px solid #f60}


@media screen and (max-width:640px){
  .board_view div[class*="slide_view_"] {width: 100%;}
  .board_view .js_slide.type_04 {height: 60px;}
  .board_view .js_slide .move ul li {width: 130px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

    no_board_data
    데이터 없는 경우

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.no_board_data{text-align:center; border-top:2px solid #333; border-bottom:1px solid #646464; padding:20px 0; font-size:16px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; margin-top:13px}

@media screen and (max-width:640px){
  .no_board_data{padding:20px 0;}
}

.js_menu ul li > span.new{width:17px; height:17px; background:url(../../images/kor/skin/icon_board_new.png) no-repeat left center; text-indent:-2000px;}
.js_tab ul li a > span.new{overflow:hidden; display:block;width:17px; height:17px; margin-left:5px; background:url(../../images/kor/skin/icon_board_new.png) no-repeat left center; text-indent:-2000px; font-size:0 !important;}
.js_tab ul li.on a > span.new,
.js_tab ul li a:hover > span.new {background:url(../../images/kor/skin/icon_board_new_w.png) no-repeat left center;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

    게시판 상단 탭

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tab_board_toggle {margin-bottom:30px;}
.tab_board_toggle strong a {display:none; padding:10px; border-radius: 5px; border:1px solid #0059a9; font-size:16px; color:#222}
.tab_board_toggle strong a.on {border-radius:5px 5px 0 0;}
.tab_green_board {margin-bottom:30px; border-top:1px solid #ccc; border-radius: 5px 5px 0 0; }
.tab_wrap {display:block;}
.tab_green_board {display:flex; flex-wrap: wrap;flex-direction: row; }
.tab_green_board li {width:calc(100% / 5); text-align:center;}
.tab_green_board li:first-child a,
.tab_green_board li:first-child a.on,
.tab_green_board li:first-child a:hover {border-radius: 5px 0 0 0;}
.tab_green_board li:nth-child(5) a {border-radius: 0 5px 0 0;}
.tab_green_board li:last-child a,
.tab_green_board li:last-child a.on,
.tab_green_board li:last-child a:hover {border-radius: 0 0 5px 0;}
.tab_green_board li a {display:inline-block; width:100%;background:#fff; color:#333333; font-size:16px; padding:13px 0; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
.tab_green_board li:first-child a,
.tab_green_board li:nth-child(6) a,
.tab_green_board li:nth-child(11) a {border-left:1px solid #ccc;}
.tab_green_board li a.on,
.tab_green_board li a:hover {background:#0059a9; color:#fff; border-bottom:1px solid #0059a9;}

@media screen and (min-width:641px) {
    .tab_wrap {display:block !important;}
  }

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

  .tab_board_toggle strong a {position:relative;}
  .tab_board_toggle strong a:after{position:absolute; right:15px; top:20px; width:14px; height:8px; display:block; content:''; background:url(../../images/kor/skin/icon_select_arrow.png) no-repeat 0 center; transition:all 0.3s ease;}
  .tab_board_toggle strong a.on:after{background:url(../../images/kor/skin/icon_select_arrow.png) no-repeat 0 center; transform:rotate(180deg); transition:all 0.3s ease;}

  .tab_board_toggle strong a {display:block; }
  .tab_wrap {display:none;}
  .tab_green_board li  {width:100%; text-align:left; }
  .tab_green_board li a { padding:10px 10px; border-radius:0;border-left:1px solid #ccc; border-bottom:1px dotted #d1d1d1}
  .tab_green_board li:first-child a,
.tab_green_board li:first-child a.on,
.tab_green_board li:first-child a:hover,
.tab_green_board li:nth-child(5) a {border-radius: 0 0 0 0 !important;}
.tab_green_board li:last-child a,
.tab_green_board li:last-child a.on,
.tab_green_board li:last-child a:hover {border-bottom:1px dotted #d1d1d1}
.tab_green_board li:last-child a,
.tab_green_board li:last-child a:hover,
.tab_green_board li:last-child a.on {border-radius: 0 0 5px 5px;}
.tab_green_board li a.on,
.tab_green_board li a:hover {background:#f8f8f8;border-bottom:1px dotted #d1d1d1; color:#222}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

    ebook & 소식지

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board.list.ebook ul{overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between;}
.board.list.ebook ul li{position:relative; width:calc((100% - 69px) / 4); margin-bottom:0px; box-sizing:border-box; text-align:center}
.board.list.ebook ul li.thead{display:none;}
.board.list.ebook ul li a{overflow:hidden; display:block; width:100%; line-height:20px; text-overflow:ellipsis; white-space:nowrap;}
.board.list.ebook ul li a strong {font-weight:normal; font-size:1.7rem; color:#222222; display:block; padding:10px 0 40px 0;}
.board.list.ebook ul li a:hover{color:#404040;}
.board.list.ebook ul li a .photo{overflow:hidden; display:block; position:relative; width:100%; height:304px; background-color:#eee; border-radius: 5px; border:1px solid #dddddd}
.board.list.ebook ul li a .photo span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.board.list.ebook ul li a .photo span img{height:100%;}
.board.list.ebook ul li a:hover .photo::before {content:''; width:100%; height:100%;background:url(../../images/kor/skin/photoboard_more.png) center center no-repeat; background-color: rgba( 0, 144, 76, 0.8 ); position:absolute; top:0; left:0; z-index:1}

.board.list.ebook .ntcr_nm,
.board.list.ebook .frst_register_nm,
.board.list.ebook .rdcnt,
.board.list.ebook .atch_file_id {display:none; margin:0;}
.board.list.ebook ul li p a .new,
.board.list.ebook ul li p a .js_secret,
.board.list.ebook ul li div a .new,
.board.list.ebook ul li div a .js_secret {display:none;}

@media screen and (min-width: 1025px) and (max-width: 1330px), screen and (max-width: 800px){
  .board.list.ebook ul li {width:calc((100% - 46px) / 3);}
}

@media screen and (max-width:640px){
  .board.list.ebook ul li {width:calc((100% - 23px) / 2);}
}

@media screen and (max-width:450px){
  .board.list.ebook ul li {width:100%;}
}

.btn-wrap {display:flex; justify-content:flex-end; align-items:center;}
.btn-wrap .btn.btn-list {min-width:156px; border:1px solid transparent; padding:15px; border-radius:8px; background-color:#144A92; font-weight:500; font-size:16px; color:#fff; transition:background 0.3s, color 0.3s, border 0.3s; box-shadow: 2px 4px 10px 0px #144A9226;}
.btn-wrap .btn.btn-list:hover {background-color:#fff; border:1px solid #144A92; color:#144A92;}

@media screen and (max-width:425px){
  .btn-wrap {display:block;}
  .btn-wrap .btn.btn-list {min-width:100%; width:100%;}
}