/* 제품게시판 - 시공사례 상세 */
.pro_info{float:left; width:100%;}

.info_tit{float:left; width:100%; font-size:20px; font-weight:400; color:#333; text-align:center; line-height:20px; background:url(../images/contents/pro_tit.png) no-repeat center center; margin:60px 0 30px 0;}

.info_img{float:left; width:100%; max-width:650px; margin-bottom:30px;}
.info_img .tit_img{float:left; width:100%;}
.info_img .tit_img img{display:block; width:100%; max-width:650px; max-height:413px; border:1px solid #ddd;}
.info_img ul{display:block; float:left; width:100%; margin-top:12px;}
.info_img ul li{display:block; float:left; width:calc(16.666% - 13px); margin-left:15px;}
.info_img ul li:first-child{margin-left:0;}
.info_img ul li a{display:block; float:left; width:100%;}
.info_img ul li img{display:block; width:100%; max-width:98px; max-height:63px;}

.info_spec{float:left; width:100%;}
.info_spec .spec_tit{float:left; width:100%; font-size:20px; font-weight:400; color:#333; line-height:20px; margin-bottom:15px; margin-top:0px;}
.info_spec dl{display:block; float:left; width:100%; margin:0; border-bottom:1px solid #ddd; padding:10px 0; min-height:43px;}
.info_spec dl.first_dl{border-top:1px solid #222;}
.info_spec dl dt, .info_spec dl dd{display:block; float:left;}
.info_spec dl dt{width:70px; font-size:16px; font-weight:400; color:#222;}
.info_spec dl dd{width:calc(100% - 70px); font-size:16px; font-weight:300; color:#555; padding:0px 0 0px 30px;}
.info_spec dl dd span{display:inline-block; width:52px; height:22px; font-size:13px; font-weight:400; text-align:center; line-height:20px; border-radius:11px;}
.info_spec dl dd span.ing{color:#163f71; border:1px solid #163f71;}
.info_spec dl dd span.end{color:#666; border:1px solid #bbb;}
.info_btns{float:left; width:100%; margin-top:20px;}
.info_btns ul{display:block; float:left; width:100%;}
.info_btns ul li{display:inline-block; float:left;}
.info_btns ul li:nth-child(1){margin-left:0; width:40%;}
.info_btns ul li:nth-child(2){margin-left:0; width:calc(60% - 12px); margin-left:12px;}
.info_btns ul li a{display:block; float:left; width:100%; padding:16px 0px; font-size:17px; font-weight:300; color:#fff; text-align:center;}
.info_btns ul li a.cafe_bt{background:#aaa;}
.info_btns ul li a.qna_bt{background:#163f71;}

.info_draw{float:left; width:100%; margin-bottom:30px;}
.info_draw img{display:block; float:left; width:100%; border:1px solid #ddd;}

.info_field{float:left; width:100%;}
.info_field h4{float:left; width:100%; font-size:16px; font-weight:500; color:#333; padding-left:34px; margin:0 0 20px 0;}
.info_field h4.img_on{background:url(../images/contents/img_on.png) no-repeat left 15px center;}
.info_field h4.img_off{background:url(../images/contents/img_off.png) no-repeat left 15px center; color:#666}
.info_field .field_img{float:left; width:100%; margin-bottom:30px;}
.info_field .field_img img{display:block; float:left; width:100%; border:1px solid #ddd;}

.dev_btn_align_right{margin:0 !important; text-align:center !important;}
.dev_btn_align_right ul{display:block; float:left; width:100%; text-align:right; margin-top:20px;}
.dev_btn_align_right ul li{display:inline-block; margin-left:4px;}
.dev_btn_align_right ul li:first-child{margin-left:0;}
.dev_btn_align_right ul li a{display:block; float:left; padding:8px 16px; margin:0 0 20px 0; font-size:13px; font-weight:400; color:#333; border:1px solid #ddd;}


/****** 게시판 검색 ******/
.board_search_sty01 {float:left; width:100%; margin:0 0 40px 0;}
.board_search_sty01 .search_wrap{width:100%; max-width:370px; height:42px; margin:0 auto; border:2px solid #0f3d93; overflow:hidden;} 
.board_search_sty01 .search_wrap .search_input{float:left; width:calc(100% - 42px); height:38px; overflow:hidden;}
.board_search_sty01 .search_wrap .search_input input{display:block; float:left; width:100%; height:38px; padding:0 10px; margin:0; border:0;}
.board_search_sty01 .search_wrap .search_btn{display:block; float:left; width:42px; height:38px; background:url(../images/search_btn.png) no-repeat center; text-indent:-10000px;}


/****** 게시판넘버 ******/
.page_num{float:left; width:100%; height:38px; text-align:center; margin-top:40px;}
.page_num span{display:inline-block;}
.page_num span a{display:inline-block; color:#666; background:#fff; padding:0px; margin:0; font-size:15px; font-weight:300; line-height:35px; width:35px; height:35px; border:1px solid #ddd;}
.page_num span a.page_on{background:#0f3d93; color:#fff; font-weight:400;}
.page_num span a:hover{background:#0f3d93; color:#fff;}
.page_num .buttomDiv {float:right;}








@media screen and (max-width:991px){
/* 제품게시판 - 시공사례 상세 */
.info_img ul{margin-top:6px;}
.info_img ul li{width:calc(16.666% - 6px); margin-left:7px;}
.info_img ul li img{max-height:41px;}
.info_btns{ margin-top:15px;}
.info_btns ul li a{padding:12px 0px; font-size:15px;}


/* 게시판넘버 */
.page_num{margin-top:30px;}


/* 게시판 검색 */
.board_search_sty01 {margin:0 0 30px 0;}
}




@media screen and (max-width:767px){
/* 제품게시판 - 시공사례 상세 */
.info_img{max-width:100%;}
.info_img .tit_img img{max-width:100%; max-height:none;}
.info_img ul li img{max-width:100%;}
.info_btns{ margin-top:10px;}
.info_btns ul li a{padding:8px 0px; font-size:13px;}


/* 게시판넘버 */
.page_num{height:28px; margin-top:20px;}
.page_num span a{font-size:13px; line-height:28px; width:28px; height:28px;}



/* 일반게시판 구
.dev_board_width table th{padding:10px 0; font-size:14px;}
.dev_board_width table th.th_list_tit{font-size:14px; padding:16px 0; height:auto;}
.dev_board_width table td.td_list{font-size:13px; padding:8px 0; height:auto;}
.dev_board_width table td.td_list a{font-size:13px; height:22px;}
.dev_board_width table th .writer_name{font-size:14px;}
.dev_board_width table td{font-size:13px; line-height:22px;}
.dev_board_width table td.td_content p iframe{width:100% !important;}
.dev_board_prev_next_cont{font-size:13px !important; line-height:26px; display:inline-block; width:calc(100% - 60px); text-align:left;}
.dev_board_prev_next_cont a{font-size:13px !important; line-height:26px;}
 */

/* 게시판 검색 */
.board_search_sty01 {margin:0 0 20px 0;}
.board_search_sty01 .search_wrap {max-width:100%; height:36px;} 
.board_search_sty01 .search_wrap .search_input {width:calc(100% - 36px); height:34px;}
.board_search_sty01 .search_wrap .search_input input {height:34px;}
.board_search_sty01 .search_wrap .search_btn {width:36px; height:34px; background-size:18px auto;}



}