@charset "utf-8";



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   board_search
   검색

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_search .select select,
.board_search .select input,
.board_search .select .search_btn{transition: all 0.2s ease; -webkit-transition: all 0.2s ease;}

.board_search{overflow: hidden; margin-bottom:1.5em;}
.board_search .count{float:left; height:auto; margin-top:0.35em; font-size:1.1em; color:#222E3C;}
.board_search .count strong{font-weight:400;}
.board_search .count .price{display:inline-block;}

.board_search .select{float:right;}
.board_search .select select,
.board_search .select input,
.board_search .select .search_btn{height:2.19em; line-height:2.19em; font-size:1em;}
.board_search .select select{min-width:7em; background:#fff url(../../../images/site/skin/board_icon_select.svg) no-repeat right 0.6em  center; border:1px solid #46644C; appearance:none; -webkit-appearance:none;}
.board_search .select select::-ms-expand{display: none;}
.board_search .select input[type="text"]{width:13em; margin-right:-4px; border-color:#46644C;}
.board_search .select .search_btn{display:inline-block; width:2.19em; background:#46644C url(../../../images/site/skin/board_icon_search.svg) no-repeat center; text-decoration:none; text-indent:-2000px;}

@media screen and (max-width:480px){
  .board_search .count,
  .board_search .select{float:none;}
  .board_search .select{position:relative; margin-top:0.5em;}
  .board_search .select select,
  .board_search .select input,
  .board_search .select .search_btn{height:2.5em; line-height:2.5em;}
  .board_search .select select{width:100%; margin-bottom:0.2em;}
  .board_search .select input[type="text"]{width:100%; padding:0 2.19em 0 0.5em;}
  .board_search .select .search_btn{position:absolute; bottom:0; right:0; width:2.5em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   page
   페이징

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page a{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.page{margin:3.5em 0 0; text-align:center;}
.page a{background-color:#fff; vertical-align:middle; font-size:14px;}
.page a.on,
.page a:hover{background-color:#46644C; color:#fff;}
.page a{display:inline-block; width:2.144em; height:2.144em; line-height:2.144em; font-family: 'Roboto'; text-decoration:none; box-sizing:border-box;}

.page a{margin:0 0.3em;}
.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{overflow:hidden; text-indent:-2000px;}
.page a.page_first,
.page a.page_end{background:url(../../../images/site/skin/page_first.svg) no-repeat center;}
.page a.page_end{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.page a.page_first:hover,
.page a.page_end:hover{background-image:url(../../../images/site/skin/page_first_ov.svg);}

.page a.page_left,
.page a.page_right{background:url(../../../images/site/skin/page_left.svg) no-repeat center;}
.page a.page_right{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.page a.page_left:hover,
.page a.page_right:hover{background-image:url(../../../images/site/skin/page_left_ov.svg);}

@media screen and (max-width:640px){
  .page{margin:2.6em 0 0;}
  .page a{width:2em; height:2em; line-height:2em; margin:0 0.15em;}
  .page a.page_first,
  .page a.page_end,
  .page a.page_left,
  .page a.page_right{width:1.2em; background-size:auto 53%;}
}
@media screen and (max-width:640px){
  .page{margin:2em 0 0;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   notice_list
   공지형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.notice_list ul li,
.notice_list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.notice_list p+p{margin-top:auto;}

.notice_list{margin-top:1.5em; border-top:2px solid #46644C; border-bottom:1px solid #555;}
.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 #F7F7F7;}
/*.notice_list ul li:hover{background:#f7f7f7;}*/
.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 p{height:2.3em; padding:0.6em 0.5em; font-size:1em;}

.notice_list ul li .no{width:4em; font-weight:500; color:#46644C;}
.notice_list ul li .subject{width:auto;}
.notice_list ul li .writer{width:6em; word-break:break-all;}
.notice_list ul li .date{width:7em;}
.notice_list ul li .counter{width:4.5em;}
.notice_list ul li .file_atch{width:5.1em;}
/*헤드 항목*/
.notice_list ul li.thead{background-color:#EBEBE0;}
.notice_list ul li.thead strong{height:3.2em; line-height:1.3em; padding:0.6em 0.5em; font-weight:400; font-size:1.15em; color:#222E3C;}
/*공지글*/
.notice_list ul li.notice{background:#fbfbfb;}
.notice_list ul li.notice .no{overflow:hidden; background-image:url(../../../images/site/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:700;}
/*제목부분*/
.notice_list ul li .subject a{display:block; line-height:1.4em;}
.notice_list ul li .subject a strong{display:inline-block; font-weight:400;}
.notice_list ul li .subject a:hover strong{text-decoration:underline;}
/*아이콘*/
.notice_list ul li .subject a strong .new{overflow:hidden; display:none; margin:0 0.15em; vertical-align:middle;}
.notice_list ul li .subject a.new strong .new{display:inline-block;}
.notice_list ul li .subject a strong .new{width:1em; background:url(../../../images/site/skin/icon_board_new.svg) no-repeat left center; background-size: 15px 15px; text-indent:-2000px;}
.notice_list ul li .board_file{overflow:hidden; display:inline-block; width:2em; height:2.3em; background:url(../../../images/site/skin/icon_file_02.svg) no-repeat center; background-size:100% auto; vertical-align:middle; text-indent:-2000px;}

@media screen and (max-width:840px){
  .notice_list ul,
  .notice_list ul li{display:block;}
  .notice_list ul li{padding:1em 1.2em;}
  .notice_list ul li.thead{display:none;}
  .notice_list ul li p{height:auto;}
  .notice_list ul li p:after{content:""; display:inline-block; width:1px; height:0.8em; margin:0 0.5em 0 0.7em; background-color:#c7c7c7; vertical-align:middle;}
  .notice_list ul li p:last-child:after{display:none;}
  .notice_list ul li .subject{text-align: left;}
  .notice_list ul li .subject:after,
  .notice_list ul li .no:after{display:none;}
  .notice_list ul li .no{width:40px; height:18px; line-height:18px; padding:0; background:#e2e1e1; border-radius:5px; -webkit-border-radius:5px; font-size:0.9em;}
  .notice_list ul li .writer,
  .notice_list ul li .date,
  .notice_list ul li .counter,
  .notice_list ul li .file_atch{display: inline-block; width:auto; padding:0; font-size:0.9em;}
  /*제목부분*/
  .notice_list ul li .subject{display:inline-block; width:100%; padding:0.6em 0 0; box-sizing:border-box;}
  .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;}
  /*아이콘*/
  .notice_list ul li .subject a strong{position:relative; max-width:100%;}
  .notice_list ul li .subject a strong .new{position:absolute; top:0; margin:0;}
  .notice_list ul li .subject a.new strong{padding-right:1.3em;}
  .notice_list ul li .subject a.new strong .new{right:0; background-size: 13px 13px;}
  .notice_list ul li .board_file{font-size:0.8em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   qna_list
   qna_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.qna_list ul li,
.qna_list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.qna_list{margin-top:20px; border-top:2px solid #333; border-bottom:1px solid #646464;}
.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;}
.qna_list ul li:hover{background:#f7f7f7;}
.qna_list ul li:last-child{border-bottom:0;}
.qna_list ul li p,
.qna_list ul li .subject,
.qna_list ul li.thead strong{display:table-cell; text-align:center; vertical-align:middle;}
.qna_list ul li p,
.qna_list ul li .subject{padding:12px 10px;}

.qna_list ul li .no{width:55px;}
.qna_list ul li .subject{width:auto;}
.qna_list ul li .writer{width:75px; word-break:break-all;}
.qna_list ul li .date{width:110px;}
.qna_list ul li .counter{width:50px;}
.qna_list ul li .file_atch{width:60px;}
/*헤드 항목*/
.qna_list ul li.thead{border-bottom:1px solid #989898;}
.qna_list ul li.thead:hover{background:transparent;}
.qna_list ul li.thead strong{padding:17px 10px; font-weight:700;}
/*공지글*/
.qna_list ul li.notice{background:#fbfbfb;}
.qna_list ul li.notice .no{overflow:hidden; background-image:url(../../../images/site/skin/icon_board_notice.png); background-repeat:no-repeat; background-position:center center; text-indent:-1000px;}
.qna_list ul li.notice .subject a strong{font-weight:700;}
/*제목부분*/
.qna_list ul li .subject a{display:block;}
.qna_list ul li .subject a strong{overflow:hidden; position:relative; max-width:100%; width:auto; display:inline-block; min-height:18px; white-space:nowrap; text-overflow:ellipsis; font-weight:400; vertical-align:middle; box-sizing:border-box;}
.qna_list ul li .subject a:hover strong{text-decoration:underline;}
/*아이콘*/
.qna_list ul li .subject a strong .new,
.qna_list ul li .subject a strong .js_secret,
.qna_list ul li .subject a strong .re_end{overflow:hidden; display:none; margin:0 2px; vertical-align:middle;}
.qna_list ul li .subject a strong .re_end{margin:0 5px 0 0;}
.qna_list ul li .subject a.new strong .new,
.qna_list ul li .subject a.js_secret strong .js_secret,
.qna_list ul li .subject a.re_end strong .re_end{display:inline-block;}
.qna_list ul li .subject a strong .new{width:13px; background:url(../../../images/site/skin/icon_board_new.gif) no-repeat left center; text-indent:-2000px;}
.qna_list ul li .subject a strong .js_secret{width:12px; background: url(../../../images/site/skin/icon_board_lock.gif) no-repeat left center; text-indent:-2000px;}
.qna_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;}
.qna_list ul li .subject a strong .re_end.bg_01{background:#0766B6;}
.qna_list ul li .subject a strong .js_secret,
.qna_list ul li .subject a strong .new{position:absolute; top:0;}
.qna_list ul li .subject a.js_secret.new strong{padding-right:36px;}
.qna_list ul li .subject a.js_secret.new strong .js_secret{right:17px;}
.qna_list ul li .subject a.js_secret.new strong .new{right:0;}
.qna_list ul li .subject a.js_secret strong{padding-right:18px;}
.qna_list ul li .subject a.js_secret strong .js_secret{right:0;}
.qna_list ul li .subject a.new strong{padding-right:19px;}
.qna_list ul li .subject a.new strong .new{right:0;}

.qna_list ul li .board_file{overflow:hidden; display:inline-block; width:12px; height:16px; background:url(../../../images/site/skin/icon_file_02.gif) no-repeat center center; vertical-align:middle; 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:#000; vertical-align:middle;}
  .qna_list ul li p:last-child:after{display: none;}
  .qna_list ul li .subject:after,
  .qna_list ul li .no:after{display: none;}
  .qna_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;}
  .qna_list ul li .writer,
  .qna_list ul li .date,
  .qna_list ul li .counter,
  .qna_list ul li .file_atch{display: inline-block; width:auto; padding:0; font-size:13px;}
  /*제목부분*/
  .qna_list ul li .subject{display:inline-block; width:100%; padding:10px 0 5px 0; box-sizing:border-box;}
}
@media screen and (max-width:640px){
  .qna_list ul li{padding:10px;}
  .qna_list ul li .no{width:36px; height:16px; line-height:16px; font-size:12px;}
  .qna_list ul li .subject{padding:6px 0 0px 0;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
   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:2px solid #333; border-bottom:1px solid #646464;}
.faq_list li{overflow:hidden; position:relative;}

/*질문*/
.faq_list li .question{overflow:hidden; display:block; border-bottom:1px solid #BFBFBF;}
.faq_list li:last-child .question{border-bottom:0;}
.faq_list li .question a{position:relative; display:table; width:100%; height:4.1em; padding:0.6em 4%; font-size:1.1em; box-sizing:border-box;}
.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:0.8em; left:4%; width:2.0756em; height:2.0756em; line-height:2.0756em; background-color:#EBEBE0; text-align:center; font-size:1.15em; color:#46644C;
  border-radius:50%; -webkit-border-radius:50%;
}
.faq_list li .question a:after{content:""; position:absolute; top:calc(50% - 0.25em); right:4%; display:block; width:1em; height:0.5em; background:url(../../../images/site/skin/arrow_board.svg) no-repeat center center; background-size:100% auto;}
.faq_list li .question.on a:after{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.faq_list li .question a span{display:table-cell; padding:0 2em 0 calc(2.0756em + 3em); vertical-align:middle;}

/*답변*/
.faq_list li .answer{position:relative; display:none; padding:1.5em 4%; background:#EBEBE0; border-bottom:1px solid #cfcfcf;}
.faq_list li .answer:after{
  content:"A"; display:block; position:absolute; top:0.9em; left:4%; width:2.283em; height:2.283em; line-height:2.283em; background-color:#46644C; text-align:center; font-size:1.15em; color:#fff;
  border-radius:50%; -webkit-border-radius:50%;
}
.faq_list li .answer p{padding:0 0 0 calc(2.283em + 3em);}

@media screen and (max-width:1024px){
  .faq_list li .question a span{padding:0 2em 0 calc(2.0756em + 2em);}
  .faq_list li .answer p{padding:0 0 0 calc(2.283em + 2em);}
}
@media screen and (max-width:420px){
  .faq_list li .question a span{padding:0 2em 0 calc(2.0756em + 1.5em);}
  .faq_list li .answer p{padding:0 0 0 calc(2.283em + 1.5em);}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
   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:1.5em;}
.bodo_list ul{overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #646464;}
.bodo_list ul li{padding:1.5em; 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:8.9em; padding-left:calc(16em + 2em);}
.bodo_list ul li a .photo{overflow:hidden; position:absolute; left:0; top:0; display:block; width:16em;height:8.9em; background-color:#eee;}
.bodo_list ul li a .photo>.layer{display:none;}
.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; display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; font-weight:500; font-size:1.15em; box-sizing:border-box;}
.bodo_list ul li a .contents{overflow:hidden; display:block; height:4.7em; margin:0.55em 0 0.2em; font-size:1em;}
.bodo_list ul li a .writer,
.bodo_list ul li a .date{display:inline-block; vertical-align:middle; font-size:0.95em; color:#787878;}
.bodo_list ul li a .writer{margin-right:0.4em;}

.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:0.9em;}
.bodo_list ul li a .subject .new{overflow:hidden; position:absolute; top:0; right:0; display:none; width:13px; background:url(../../../images/site/skin/icon_board_new.gif) no-repeat left center; text-indent:-2000px;}
.bodo_list ul li a.new .subject .new{display:inline-block;}

@media screen and (max-width:1024px){
	
}
@media screen and (max-width:640px){
  .bodo_list ul li{padding:1em;}
  .bodo_list ul li a{min-height:auto; padding-left:calc(11.5em + 1.5em);}
  .bodo_list ul li a .photo{top:3px; width:11.5em; height:6.5em;}
  .bodo_list ul li a .contents{height:3.3em;}
  .bodo_list ul li a .writer,
  .bodo_list ul li a .date{font-size:13px;}
}
@media screen and (max-width:480px){
  .bodo_list ul li a{min-height:auto; padding-left:0; padding-top:7.7em;}
  .bodo_list ul li a .photo{top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
  .bodo_list ul li a .contents{height:auto; max-height:3.3em; margin:0.4em 0 0.1em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
   photo_list
   포토형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*상단 소개글*/
[data-intro]{position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;}
[data-intro="1"]{background-image:url(../../../images/site/skin/board_photo_bg1.jpg);}
[data-intro="2"]{background-image:url(../../../images/site/skin/board_photo_bg2.jpg);}
[data-intro="3"]{background-image:url(../../../images/site/skin/board_photo_bg3.jpg);}
[data-intro="4"]{background-image:url(../../../images/site/skin/board_photo_bg4.jpg);}
[data-intro="5"]{background-image:url(../../../images/site/skin/board_photo_bg5.jpg);}
[data-intro][data-img="full"] .bxs>img{bottom:50%; transform:translateY(50%); -webkit-transform:translateY(50%);}
[data-intro][data-img="full"].subs .bxs>img{bottom:0; transform:translateY(0%); -webkit-transform:translateY(0%);}

[data-intro] .bxs{display:table; height:31.45em;}
[data-intro] .bxs>img{position:absolute; bottom:0; left:0; display:block; max-width:39.375em; width:44%;}
[data-intro] .bxs .txts{display:table-cell; height:100%; vertical-align:middle; padding:4.5em 6% 4.2em 43%; box-sizing:border-box;}
[data-intro] .bxs .txts strong{position:relative; display:block; line-height:1.5em; margin:0.3em 0  1.1em; padding:0 1.7em; /* font-family:'Nanum Myeongjo'; */ font-size:2.1em; font-weight:500; letter-spacing:-1px; box-sizing:border-box;}
[data-intro] .bxs .txts strong:before,
[data-intro] .bxs .txts strong:after{content:""; position:absolute; width:1.6em; height:1.3em;}
[data-intro] .bxs .txts strong:before{top:-1.2em; left:0;}
[data-intro] .bxs .txts strong:after{bottom:-0.6em; right:0; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
[data-intro] .bxs .txts p{padding-left:3.2em; font-size:1.15em;}

/*흰색*/
[data-intro]:not([data-intro="5"]) .bxs .txts strong{color:#fff;}
[data-intro]:not([data-intro="5"]) .bxs .txts p{font-weight:300; color:#fff;}
[data-intro] .bxs .txts strong:before,
[data-intro] .bxs .txts strong:after{background:url(../../../images/site/skin/board_photo_title.svg) no-repeat 0 0; background-size:100% auto;}
/*검정색*/
[data-intro="5"] .bxs .txts strong{color:#222E3C;}
[data-intro="5"] .bxs .txts p{color:#222E3C;}
[data-intro="5"] .bxs .txts strong:before,
[data-intro="5"] .bxs .txts strong:after{background:url(../../../images/site/skin/board_photo_title_b.svg) no-repeat 0 0; background-size:100% auto;}


/*공통*/
.photo_list ul li,
.photo_list ul li a,
.photo_list ul li a .photo,
.photo_list ul li a .photo:before,
.photo_list ul li a .photo:after{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}

.photo_list{margin-top:1.5em;}
.photo_list ul{overflow:hidden; padding:1.5em 0 0; border-top:1px solid #C4C4C4;}
.photo_list ul li{position:relative; float:left;}
.photo_list ul li a{display:block; width:100%; height:100%; border:1px solid #BFBFBF; box-sizing:border-box;}
.photo_list ul li a:hover{text-decoration:none;}
.photo_list ul li a .photo{overflow:hidden; position:relative; display:block; width:100%; background-color:#eee; border-bottom: 1px solid #BFBFBF; box-sizing: border-box;}
.photo_list ul li a .photo span{display:block; position:absolute; top:0; height:100%;}
.photo_list ul li a .subject,
.photo_list ul li a .date{padding:0 5%;}
.photo_list ul li a .subject{overflow:hidden; display:block; margin:0.9em 0 0.4em; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:1.15em;}
.photo_list ul li a .date{display:block; margin-bottom:1.2em; font-size:0.95em; color:#737373;}

/*일반 포토형*/
.photo_list:not(.ty_02) ul li{width:calc((100% - 4em - 1px)/3);}
.photo_list:not(.ty_02) ul li:not(:nth-child(3n+3)){margin-right:2em;}
.photo_list:not(.ty_02) ul li:nth-child(n+4){margin-top:2em;}
.photo_list:not(.ty_02) ul li a .photo{height:19.376em;}
.photo_list:not(.ty_02) ul li a .photo .layer{display:none;}
.photo_list:not(.ty_02) ul li a .photo span{left:50%; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.photo_list:not(.ty_02) ul li a .photo span img{height:100%;}
.photo_list ul li a .photo:before{content:""; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.photo_list ul li a .photo:after{
  content:""; position:absolute; top:50%; left:50%; z-index:3; width:4.375em; height:4.375em; background-repeat:no-repeat; background-position:center; background-size:100% auto;
  border-radius:50%; -webkit-border-radius:50%;
  transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); 
 }
.photo_list:not(.ty_02) ul li.videos a .photo span img{
	position:relative; top:50%; height:112%;
	transform:translateY(-50%); -webkit-transform:translateY(-50%);
}
 
 .photo_list ul li:not(.videos) a .photo:after{background-color:rgba(255,255,255,0.4); background-image:url(../../../images/site/skin/board_icon_plus.svg);}
 .photo_list:not(.ty_02) ul li.videos a .photo:after{background-color:rgba(36,36,36,0.9); background-image:url(../../../images/site/skin/board_icon_play.svg);}
.photo_list ul li a .photo:before,
.photo_list ul li:not(.videos) a .photo:after{opacity:0;}
.photo_list ul li a:hover .photo:before,
.photo_list ul li a:hover .photo:after{opacity:1;}
.photo_list ul li a:hover .photo:after,
.photo_list:not(.ty_02) ul li.videos a:hover .photo:after{background-color:rgba(255,255,255,0.4); background-image:url(../../../images/site/skin/board_icon_plus.svg);}

/*PDF 포토형*/
.photo_list.ty_02 ul li{width:calc((100% - 7.5%)/4);}
.photo_list.ty_02 ul li:not(:nth-child(4n+4)){margin-right:2.5%;}
.photo_list.ty_02 ul li:nth-child(n+5){margin-top:2.5%;}
.photo_list.ty_02 ul li a .photo{height:auto; border-bottom: 1px solid #BFBFBF;}
.photo_list.ty_02 ul li a .photo .layer{display:block; width:100%;}
.photo_list.ty_02 ul li a .photo span{width:100%; left:0;}
.photo_list.ty_02 ul li a .photo span img{display:block; width:100%; min-height: 100%;}

@media screen and (max-width:1200px){
  /*상단 소개글*/
  [data-intro]{font-size:0.85em;}

  /*공통*/
  .photo_list ul li a .photo{font-size:0.75em;}
  /*.photo_list.ty_02 ul li:nth-child(n+5){margin-top:1.6em;}*/
  /*PDF 포토형*/
  .photo_list:not(.ty_02) ul li a .subject{font-size:1.1em;}
}
@media screen and (max-width:1024px){
  /*상단 소개글*/
  [data-intro] .bxs>img{width:40%;}
  [data-intro] .bxs .txts{padding:4.5em 6% 4.2em 38%;}

  /*공통*/
  .photo_list{font-size:0.87em;}
  .photo_list ul li a .date{font-size:13px;}
}
@media screen and (max-width:920px){
  /*상단 소개글*/
  [data-intro] .bxs{display:block; height:auto;}
  [data-intro] .bxs>img{left:8%; width:auto; height:14em;}
  [data-intro][data-img="full"] .bxs>img{bottom:0; transform:none; -webkit-transform:none;}
  [data-intro] .bxs .txts{display:block; min-height:24em; padding:2.2em 6% 3.5em;}
  [data-intro] .bxs .txts strong{margin:0.5em 0 calc(0.5em + 0.7em); padding:0 1.5em; font-size:1.9em;}
  [data-intro] .bxs .txts strong:before,
  [data-intro] .bxs .txts strong:after{width:1.3em; height:1.1em;}
  [data-intro] .bxs .txts strong:before{top:-0.5em;}
  [data-intro] .bxs .txts strong:after{bottom:-0.4em;}
  [data-intro] .bxs .txts p{padding-left:calc(17em + 2%);}
}
@media screen and (max-width:840px){
  /*공통*/
  .photo_list ul li{width:calc((100% - 2.4em)/3);}
  /*일반 포토형*/
  .photo_list:not(.ty_02) ul li:not(:nth-child(3n+3)){margin-right:1.2em;}
  .photo_list:not(.ty_02) ul li:nth-child(n+4){margin-top:1.2em;}
}
@media screen and (max-width:840px) and (min-width:721px){
  /*공통*/
  .photo_list ul li a .photo{height:16em;}
}
@media screen and (max-width:740px){
  /*상단 소개글*/
  [data-intro] .bxs>img{display:none;}
  [data-intro] .bxs .txts{min-height:auto;}
  [data-intro] .bxs .txts p{padding-left:0;}
}
@media screen and (max-width:720px){
  /*일반 포토형*/
  .photo_list:not(.ty_02) ul li{width:calc((100% - 1.5em)/2);}
  .photo_list:not(.ty_02) ul li:not(:nth-child(3n+3)){margin-right:auto;}
  .photo_list:not(.ty_02) ul li:not(:nth-child(even)){margin-right:1.5em;}
  .photo_list:not(.ty_02) ul li:nth-child(n+3){margin-top:1.5em;}
}
@media screen and (max-width:640px){
  /*PDF 포토형*/
  .photo_list.ty_02 ul li{width:calc((100% - 1.5em)/2);}
  .photo_list.ty_02 ul li:not(:nth-child(4n+4)){margin-right:auto;}
  .photo_list.ty_02 ul li:not(:nth-child(even)){margin-right:1.5em;}
  .photo_list.ty_02 ul li:nth-child(n+3){margin-top:1.5em;}
}
@media screen and (max-width:480px){
  [data-intro] .bxs .txts strong{margin:0.9em 0 0.8em; font-size:1.7em;}

  /*일반 포토형*/
  .photo_list:not(.ty_02) ul li{width:calc((100% - 1.2em)/2);}
  .photo_list:not(.ty_02) ul li:not(:nth-child(even)){margin-right:1.2em;}
  .photo_list:not(.ty_02) ul li:nth-child(n+3){margin-top:1.5em;}
  .photo_list:not(.ty_02) ul li a .photo{height:14em;}
  /*PDF 포토형*/
  .photo_list.ty_02 ul li{width:calc((100% - 1em)/2);}
  .photo_list.ty_02 ul li:not(:nth-child(even)){margin-right:1em;}
  .photo_list.ty_02 ul li:nth-child(n+3){margin-top:1em;}
}
@media screen and (max-width:380px){
  /*일반 포토형*/
  .photo_list:not(.ty_02) ul li{width:100%;}
  .photo_list:not(.ty_02) ul li:not(:nth-child(even)){margin-right:auto;}
  .photo_list:not(.ty_02) ul li:nth-child(n+2){margin-top:1em;}
  .photo_list:not(.ty_02) ul li a .photo{height:18em; font-size:0.85em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   youtube_list
   유튜브형 게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.youtube_list ul li,
.youtube_list ul li a,
.youtube_list ul li a .photo,
.youtube_list ul li a .photo:before,
.youtube_list ul li a .photo:after{transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.youtube_list{margin-top:1.5em;}
.youtube_list ul{overflow:hidden; padding:1.5em 0 0; border-top:1px solid #C4C4C4;}
.youtube_list ul li{position:relative; float:left; width:calc((100% - 4em - 1px)/3);}
.youtube_list ul li:not(:nth-child(3n+3)){margin-right:2em;}
.youtube_list ul li:nth-child(n+4){margin-top:2em;}
.youtube_list ul li a{display:block; width:100%; height:100%; border:1px solid #BFBFBF; box-sizing:border-box;}

.youtube_list ul li a .photo{overflow:hidden; position:relative; display:block; width:100%; height:19.376em; background-color:#eee; border-bottom: 1px solid #BFBFBF; box-sizing: border-box;}
.youtube_list ul li a .photo:before{content:""; opacity:0; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.youtube_list ul li a .photo:after{
  content:""; position:absolute; top:50%; left:50%; z-index:3; width:4.375em; height:4.375em; background-color:rgba(36,36,36,0.9); background-image:url(../../../images/site/skin/board_icon_play.svg); background-repeat:no-repeat; background-position:center; background-size:100% auto;
  border-radius:50%; -webkit-border-radius:50%;
  transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); 
 }
.youtube_list ul li a .photo span{display:block; position:absolute; left:50%; top:0; z-index:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.youtube_list ul li a .photo span img{
	position:relative; top:50%; height:112%;
	transform:translateY(-50%); -webkit-transform:translateY(-50%);
}
.youtube_list ul li a .subject,
.youtube_list ul li a .date{padding:0 5%;}
.youtube_list ul li a .subject{overflow:hidden; display:block; margin:0.9em 0 0.4em; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:1.15em;}
.youtube_list ul li a .date{display:block; margin-bottom:1.2em; font-size:0.95em; color:#737373;}

.youtube_list ul li a:hover{text-decoration:none;}
.youtube_list ul li a:hover .photo:before{opacity:1;}
.youtube_list ul li a:hover .photo:after{background-color:rgba(255,255,255,0.4); background-image:url(../../../images/site/skin/board_icon_plus.svg);}

@media screen and (max-width:1200px){
  .youtube_list ul li a .photo{font-size:0.75em;}
}
@media screen and (max-width:1024px){
  .youtube_list{font-size:0.87em;}
  .youtube_list ul li a .date{font-size:13px;}
}
@media screen and (max-width:840px){
  .youtube_list ul li{width:calc((100% - 2.4em - 1px)/3);}
  .youtube_list ul li:not(:nth-child(3n+3)){margin-right:1.2em;}
  .youtube_list ul li:nth-child(n+4){margin-top:1.2em;}
}
@media screen and (max-width:840px) and (min-width:721px){
  .youtube_list ul li a .photo{height:16em;}
}
@media screen and (max-width:720px){
  .youtube_list ul li{width:calc((100% - 1.5em)/2);}
  .youtube_list ul li:not(:nth-child(3n+3)){margin-right:auto;}
  .youtube_list ul li:not(:nth-child(even)){margin-right:1.5em;}
  .youtube_list ul li:nth-child(n+3){margin-top:1.5em;}
}
@media screen and (max-width:480px){
  .youtube_list ul li{width:calc((100% - 1.2em)/2);}
  .youtube_list ul li:not(:nth-child(even)){margin-right:1.2em;}
  .youtube_list ul li:nth-child(n+3){margin-top:1.2em;}
  .youtube_list ul li a .photo{height:14em;}
}
@media screen and (max-width:380px){
  .youtube_list ul li{width:100%;}
  .youtube_list ul li:not(:nth-child(even)){margin-right:auto;}
  .youtube_list ul li:nth-child(n+2){margin-top:1em;}
  .youtube_list ul li a .photo{height:18em; font-size:0.85em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   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:1.5em;}
.downpic_list ul{overflow:hidden; padding:1.6em 0 0; border-top:1px solid #C4C4C4;}
.downpic_list ul li{position:relative; float:left; width:calc((100% - 7.5%)/4); box-sizing:border-box;}
.downpic_list ul li:not(:nth-child(4n+4)){margin-right:2.5%;}
.downpic_list ul li:nth-child(n+5){margin-top: 2.5%;}
.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:auto; background-color:#BFBFBF; box-sizing:border-box;}
.downpic_list ul li div .photo>.layer{display:block; width:100%;}
.downpic_list ul li div .photo span{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.downpic_list ul li div .photo span img{width:100%; min-height: 100%;}
.downpic_list ul li div .subject{overflow:hidden; display:block; padding:0.8em 6% 0.3em; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; white-space:nowrap; text-overflow:ellipsis; font-weight:500; font-size:1.15em; box-sizing:border-box;}
.downpic_list ul li div .date{display:block; padding:0 6% 1.1em; border:1px solid #BFBFBF; border-top:0; font-size:0.95em; color:#969696;}

.downpic_list ul li div .btns{overflow:hidden; margin-top:1em; text-align:center;}
.downpic_list ul li div .btns>a{
  float:left; display:block; width:50%; height:2.441em; line-height:2.441em; font-size:1.05em;  text-decoration:none; border-width: 1px; border-style: solid; border-color: transparent; box-sizing:border-box;
  transition: background-color 0.2s ease, border-color 0.2s ease; -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
}
.downpic_list ul li div .btns>.prevs{background-color:#EBEBE0; border-color:#EBEBE0;}
.downpic_list ul li div .btns>.prevs:hover{background-color:#222E3C; border-color:#222E3C; color: #fff; font-weight: 300;}
.downpic_list ul li div .btns>.down{background-color:#46644C; color:#fff; border-color: #46644C;}
.downpic_list ul li div .btns>.down:hover{background-color:#fff; color:#46644C;}

@media screen and (max-width:1240px){
  .downpic_list ul li div .subject{font-size:1.1em;}
}
@media screen and (max-width:1024px){
  .downpic_list ul li div .subject{font-size:1em;}
  .downpic_list ul li div .date{font-size:13px;}
}
@media screen and (max-width:640px){
  .downpic_list ul li{width:calc((100% - 1.5em)/2);}
  .downpic_list ul li:not(:nth-child(4n+4)){margin-right:auto;}
  .downpic_list ul li:not(:nth-child(even)){margin-right:1.5em;}
  .downpic_list ul li:nth-child(n+3){margin-top:1.5em;}
}
@media screen and (max-width:480px){
    .downpic_list ul li{width:calc((100% - 1em)/2);}
    .downpic_list ul li:not(:nth-child(even)){margin-right:1em;}
    .downpic_list ul li:nth-child(n+3){margin-top:1em;}
    .downpic_list ul li div .btns{margin-top:0.6em; font-size:0.95em;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   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; word-break:break-all;}
.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/site/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;}
.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:700;}
.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 input[type="text"]{width:100%; height:35px;}
.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 #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{min-height:38px;}
  .board_insert .detail > li .txts{padding:10px 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 !important;border-top: 2px solid #333 !important;border-bottom:1px solid #D4D8DB;}
/*제목*/
.board_view .subject{display: block; width:100%; height:auto; line-height:1.4em; padding:1.3em 2em; background:#FBFBFB; font-size:1.6em; font-weight:500; box-sizing:border-box;}
/*항목리스트*/
.board_view .detail{overflow:hidden; background:#fff;}
.board_view .detail > li{float:left; position:relative; width:100%; min-height:3.5em; padding-left:8.8em; border-top:1px solid #D4D8DB; box-sizing:border-box;}
.board_view .detail > li .titles{position:absolute; top:0; left:0; width:7.955em; height:100%; background:#FBFBFB; font-size:1.1em;}
.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;}
.board_view .detail > li .titles strong .red{display:inline-block; width:auto; height:auto; margin-top:-0.2em; padding-left:0.15em; vertical-align:top;}
.board_view .detail > li .txts,
.board_view .detail > li.filebox ul{padding:0.95em 0.8em;}
/*첨부파일*/
.board_view .detail > li.filebox ul li{float:none; min-height:auto; padding-left:0; border-top:0;}
.board_view .detail > li.filebox ul li:not(:first-child){margin-top:0.25em;}
.board_view .detail > li.filebox ul li a.icon_file{display:inline-block; word-break:break-all; box-sizing:border-box;}
.board_view .detail > li.filebox ul li a.fileview{margin-left:0.6em;}
/*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:15em; padding:0.95em 0.8em;}
.board_view .detail > li .contents>img{display: block; max-width:70%; margin:0 auto 1.5em;}
.board_view .detail > li.no_title .contents{padding:1.5em 1.2em;}
.board_view .detail > li.no_title .contents div[class*="slide_view_"] > img{border: 1px solid #BFBFBF; max-height: 826px; box-sizing: border-box;}
.board_view .detail > li.no_title .contents iframe{display:block; width:100%; max-width:70%; height:33em; margin:0 auto 1.5em; border: 1px solid #BFBFBF; box-sizing: border-box;} /* 유튜브 영상 */
.board_view .detail > li .contents #slide_view_0{margin-bottom:1.5em;}
/*공공누리*/
.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 .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/site/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:2.8em; border-top:1px solid #D4D8DB; border-bottom:1px solid #D4D8DB;}
.prev_next_link ul li{position:relative; padding:0.97em 0 0.97em 8.8em; box-sizing:border-box;}
.prev_next_link ul li:nth-child(2){border-top:1px solid #D4D8DB;}
.prev_next_link ul li strong{
  display:block; position:absolute; left:0; top:0; width:7.955em; height:100%; line-height:3.1em; background:#FBFBFB; font-weight:400; font-size:1.1em; text-align:center; box-sizing:border-box;}
  .prev_next_link ul li strong:after{
    content:""; display: inline-block; width:0.7em; height:0.4em; margin-left:0.5em; background:url(../../../images/site/skin/board_icon_arrow.svg) no-repeat left center; background-size:100% auto; vertical-align:middle;
    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,
.prev_next_link ul li span{overflow:hidden; display:block; padding:0 0.8em; text-overflow:ellipsis; white-space:nowrap; color:#404040;}
.prev_next_link ul li a:hover{text-decoration:underline;}
.prev_next_link ul li p{display: table-cell; padding:0 0.79em; vertical-align: middle;}

/*포토슬라이드 수정*/
.board_view .detail > li .contents>.slide_view_0>span{font-size:1.05em; font-weight:500;}

.board_view .detail > li .contents #slide_view_0{height: 7.5em;}
.board_view .detail > li .contents #slide_view_0 .move ul li{width: 13em;height:calc(100% - 0.5em);padding: 0 0.8em 0 0;}
.board_view .detail > li .contents #slide_view_0 .move ul li a{
	background-color:transparent; border-color:#e0e0e0;
	transition:none; -webkit-transition:none;
}
.board_view .detail > li .contents #slide_view_0 .move ul li a:hover,
.board_view .detail > li .contents #slide_view_0 .move ul li a.on{border: 2px solid red;/* box-shadow:5px 2px 8px rgb(60 60 60 / 40%); */}

@media screen and (max-width:1200px){
  .board_view .detail > li.no_title .contents iframe{height:25em;}
}
@media screen and (max-width:1024px){
  .board_view .detail > li .contents #slide_view_0{font-size:0.85em;}
  .board_view .detail > li .contents>.slide_view_0>span{margin:0.7em 0 0.8em;}
}
@media screen and (max-width:840px){
  .board_view .detail > li.fix{float:none; width:100%;}
}
@media screen and (max-width:640px){
  .board_view .subject{padding:1em 1.5em; font-size:1.4em;}
  .board_view .detail > li .contents>img{max-width:100%; margin:0 auto 1em;}
  .board_view .detail > li .contents #slide_view_0{padding:0 3.5em; font-size:0.49em;}
  .board_view .detail > li.no_title .contents>.slide_view_0>span{margin:}
  .board_view .detail > li.no_title .contents iframe{max-width:100%; height:15em; margin:0 auto 1em;}

  .prev_next_link{margin-top:2em;}
}
@media screen and (max-width:480px){
  .board_view .detail > li{padding-left:6em;}
  .board_view .detail > li .titles{width:5.5em;}
  .board_view .detail > li.no_title .contents iframe{height:12em;}

  .prev_next_link ul li{padding-left:6em;}
  .prev_next_link ul li strong{width:5.5em;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
    no_board_data
    데이터 없는 경우

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

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





/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
    ETC

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/****현황 및 실적****/
.status_box{margin-bottom:2em;}

/***pdf 뷰어****/
#pdf_box .top_bx{position:relative; width:100%; margin-bottom:2em; padding:2em 2em; background-color:#F6F6F6; box-sizing:border-box;}
#pdf_box .top_bx>strong{display:block; font-size:1.25em;}
#pdf_box .top_bx>a{position:absolute; top:1.6em; right:2em;}

#pdf_box .pdf_viewer{position:relative; padding:0 0 0 20em;}
#pdf_box .pdf_viewer .mobile{display:none;}
#pdf_box .pdf_viewer .scroll_wrap{position:absolute; left:0; top:0; overflow:auto; width:20em; z-index:10;}
#pdf_box .pdf_viewer .scroll_wrap ul{width:100%; border-top:1px solid #ccc;}
#pdf_box .pdf_viewer .scroll_wrap ul li{border-bottom:1px solid #ccc;}
#pdf_box .pdf_viewer .scroll_wrap ul li a{display:block; color:#444; padding:0.938em 1.2em; text-decoration:none;
transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#pdf_box .pdf_viewer .scroll_wrap ul li a.on,
#pdf_box .pdf_viewer .scroll_wrap ul li a:hover{color:#fff; background:#46644C;}
#pdf_box .pdf_viewer .view{background:#000; height:58.5em;}
#pdf_box .pdf_viewer .view iframe{height:100% !important; border:0;}


@media screen and (max-width: 1024px){
    #pdf_box .top_bx{margin-bottom:1.5em;}
    #pdf_box .pdf_viewer{padding:0;}
    #pdf_box .pdf_viewer .scroll_wrap{display:none;}
    #pdf_box .pdf_viewer .view{height:63em;}
}
@media screen and (max-width: 640px){
    #pdf_box .top_bx{padding:1.5em 6%;}
    #pdf_box .top_bx>a{top:1.05em; right:6%;}
    #pdf_box .pdf_viewer .view{display:none;}
    #pdf_box .pdf_viewer .mobile{display:block;}
    #pdf_box .pdf_viewer .mobile strong{display:block; background:#EBEBE0; padding:0.8em 6%; font-size:1.15em; font-weight:500;}
    #pdf_box .pdf_viewer .mobile .cons{border:1px solid #BFBFBF; background:#fff; border-top:0; text-align:center; padding:1.2em 6%;}
    #pdf_box .pdf_viewer .mobile .cons>p{margin-bottom:0.8em; text-align:center;}