/****** 갤러리게시판 ******/
.gal_board_sty02_row {margin:0 -7.5px;}
.gal_board_sty02 {clear:both; float:left; width:100%; margin-top:20px;}
.gal_board_sty02 li {float:left; position:relative; width:33.3%; box-sizing:border-box; padding:0 7.5px; margin-bottom:15px;}
.gal_board_sty02 li a {position:relative; display:block; width:100%; }
.gal_board_sty02 li a span.dark {position:absolute; display:block; width:100%; height:100%; box-sizing:border-box; top:0; left:0; border:2px solid #090c6d; opacity:0;  z-index:50; transition:opacity ease 0.3s;}
.gal_board_sty02 li a:hover span.dark {opacity:1;}
.gal_board_sty02 li a span.done {position:absolute; display:block; width:100%; height:100%; box-sizing:border-box; top:0; left:0; background:rgba(0,0,0,0.5);  z-index:50;}
.gal_board_sty02 li a .img {position:relative; width:100%; padding-bottom:69.74%; overflow:hidden;}
.gal_board_sty02 li a .img img {position:absolute;  width:100%;}
.gal_board_sty02 li a h3 {float:left;width:100%; text-align:center; box-sizing:border-box; font-size:18px; font-weight:600; color:#444; margin:0; padding:15px 20px 16px 20px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.gal_board_sty02 li a .date {display:block; width:100%; padding:0 20px 20px 20px; box-sizing:border-box; font-size:15px; font-weight:400; color:#777;}
.gal_board_sty02 li a.bt_pdf {clear:both; display:inline-block; border:none; text-align:center; background:#265a88; color:#fff; padding:10px 0; margin-top:15px; display:none;}


.pro_tit strong {font-size:16px; display:block; color:#eb4a48; font-weight:400;}
.pro_tit p {width:100%; font-size:24px;}



.board_view_sty01_file {float:left; width:100%; border-bottom:1px solid #ddd; padding:10px 0;}
.board_view_sty01_file a {font-size:13px; vertical-align:top;}

.board_view_pnlist {float:left; width:100%;}
.board_view_pnlist li {float:left; width:100%; padding:10px 0; border-bottom:1px dashed #ddd;}
.board_view_pnlist li:last-child {border-bottom:1px solid #ddd;}
.board_view_pnlist li strong {float:left; width:110px; padding-left:10px; box-sizing:border-box; font-weight:500; color:#444;}
.board_view_pnlist li span {float:left; width:calc(100% - 110px); color:#666; text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.board_view_pnlist li span a:hover {text-decoration:underline;}

/*board_view_sty01*/
.board_view_sty01 {float:left; width:100%; border-top: 2px solid #eb4a48;}
.board_view_sty01 .pro_tit {float:left; width:100%; font-size:24px; color:#444; line-height:36px; padding:10px 20px; text-align:center; border-bottom:1px solid #ddd; margin:0; font-weight:400; box-sizing:border-box;}
.board_view_sty01 .pro_tit span {display:block; font-size:15px; color:#999;}
.board_view_sty01 .pro_tit span i {font-style:normal; vertical-align:top; font-size:8px; display:inline-block; margin:0 10px; color:#ddd;}
.board_view_sty01 .pro_img {float:left; width:100%; text-align:center; margin:20px 0;}
.board_view_sty01 .pro_img img {width:500px;}
.board_view_sty01 .pro_con {float:left; width:100%; border-bottom:1px solid #ddd; padding:20px; box-sizing:border-box;}

.wrap_btn {float:left; width:100%; text-align:center; margin-top:20px;}
.wrap_btn a {transition:none; font-size:14px;}
.wrap_btn a:hover {font-size:14px;}
.wrap_btn .btn_blue {background:#265a88; display:inline-block; line-height:40px; text-align:center; color:#fff; padding:0 25px; transition:all ease 0.5s;}
.wrap_btn .btn_blue:hover {text-decoration:none; background:#0b2d55;}





/*page_num_sty03*/
.page_num_sty03 {float:left; width:100%; text-align:center; margin-top:50px; padding-bottom:30px;}
.page_num_sty03 a { display:inline-block; font-size:16px; vertical-align:top; background-color: #eee; color:#333333;   border: 1px solid #ccc;  line-height: 36px; width:34px; height:34px; transition:all ease 0.5s; margin:0 2px;}
.page_num_sty03 a:hover {text-decoration: none;color:#fff; background:#006e92; border: 1px solid #006e92;}
.page_num_sty03 a.on {color:#fff; background:#006e92; border: 1px solid #006e92;}
.page_num_sty03 a.p_nv_f,.page_num_sty03 a.p_nv_l { border: 1px solid #ddd; background:#fff;}
.page_num_sty03 a.p_nv_f:hover,.page_num_sty03 a.p_nv_l:hover  {background:#fff;  border: 1px solid #aaa;}
.page_num_sty03 a.p_nv_f img,.page_num_sty03 a.p_nv_l img {margin-top:9px;}

.page_num_sty03 a span.pa_n_fs {font-size:12px; line-height:12px;}



/****** 게시판 검색 ******/
.board_search_sty02 {clear:Both; width:270px; margin:0 auto; margin-top:20px;}
.board_search_sty02 select {float:left;width:80px;  height:35px; text-indent:5px;border-radius: 0px; border:1px solid #ccc; border-right:0; font-size:14px; color:#777; padding-left:10px;
 -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/select_arrow.gif) no-repeat right 10px center; box-sizing:border-box;}
.board_search_sty02 select::-ms-expand { display:none; }

.board_search_sty02 input[type="text"] {float:left; width:calc(100% - 115px); box-sizing:border-box; border:1px solid #ccc; height:35px; line-height:35px; text-indent:10px; border-radius:0;}

.board_search_sty02 a {float:right;display:inline-block; width:35px; height:35px; font-size:0; text-indent:-999999px; background:#ccc url(../images/search_bt.gif) no-repeat center center;}



.faq_board_sty03_bt {width:100%; text-align:right; float:left; margin-top:15px;}
.faq_board_sty03_bt a {display:inline-block; background:#eb4a48; color:#fff; line-height:40px; padding:0 20px;}


@media screen and (max-width:1220px){
.gal_board_sty02 li {width:33.3%; box-sizing:border-box;}
}


@media screen and (max-width:767px){
.gal_board_sty02 li {width:50%;}
.gal_board_sty02 li:nth-child(2n+1) {clear:Both;}

.gal_board_sty02 li a h3 {font-size:14px; padding:15px 15px 10px 15px;}
.gal_board_sty02 li a .date {font-size:13px; padding: 0 15px 15px 15px;}


/*.board_view_sty01 .pro_tit {font-size:16px; line-height:26px;}*/

.board_view_pnlist li strong {width:60px;}
.board_view_pnlist li span {width:calc(100% - 60px);}
.board_view_pnlist li strong,.board_view_pnlist li span,.board_view_pnlist li span a {font-size:13px;}

.faq_board_sty03_bt a {font-size:14px; line-height:36px;}

}


@media screen and (max-width:430px){
.gal_board_sty02 li a h2 {font-size:13px;}
.gal_board_sty02 li:nth-child(2n+1) {clear:both;}

.page_num_sty03 a {font-size:13px;width:26px; height:26px; line-height:26px; margin:0 1px;}
.page_num_sty03 .p_nv_f img {width:8px;}
.page_num_sty03 .p_nv_f02 img,.p_nv_l img  {width:5px;}
.page_num_sty03 .p_nv_l02 img {width:8px;}



}