/****** 갤러리게시판 ******/
.gal_board_sty02_row {margin:0 -22px;}
.gal_board_sty02 {clear:both; float:left; width:100%; }
.gal_board_sty02 li {float:left; position:relative; width:33.3%; padding:0 22px; box-sizing:border-box; margin-bottom:20px;}
.gal_board_sty02 li a {position:relative; display:block; width:100%; }
.gal_board_sty02 li a span.dark {display:none;}
.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:78.495%; overflow:hidden; border:1px solid #cccccc; box-sizing:border-box;}
.gal_board_sty02 li a .img img {position:absolute;  width:100%; height:100%; transition:all ease 0.5s;}
.gal_board_sty02 li a:hover .img img {transform:scale(1.1);}
.gal_board_sty02 li a h3 {float:left;width:100%; text-align:center; box-sizing:border-box; font-size:20px; font-weight:500; color:#333333; 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;}


.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 #00b4ff;}
.board_view_sty01 .pro_tit {float:left; width:100%; font-size:24px; color:#444; line-height:36px; padding: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:12px; 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:#0b9cd9; 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:#00b4ff; border: 1px solid #00b4ff;}
.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;}




/*제품상세*/
.pro_detail_con {width:100%;}
.pro_detail_con .img {float:left; width:566px;}
.pro_detail_con .img > div {position:relative; width:100%; padding-bottom:78.447%;}
.pro_detail_con .img > div img {position:absolute; width:100%; height:100%; }
.pro_detail_con .con {float:right; width:calc(100% - 566px); padding-left:60px; box-sizing:Border-box;}
.pro_detail_con .con > h3 {width:100%; font-size:35px; color:#333333; font-weight:500;}
.pro_detail_con .con > h3 span {display:block; font-size:18px; color:#888888; font-weight:300;}

.pro_detail_con .con ul {margin-top:20px;}
.pro_detail_con .con ul li {padding-left:20px; position:relative; float:left; width:100%; box-sizing:border-box; margin:2px 0;}
.pro_detail_con .con ul li::before {position:Absolute; content:''; top:9px; left:0; width:12px; height:11px; background:url(/images/contents/ico_pro_check.png) no-repeat 0 0;}

.pro_borad_spec {clear:Both; width:100%; padding-top:50px;}
.pro_borad_spec > h3 {position:relative; width:100%; text-align:center; font-size:16px; color:#bbbbbb;}
.pro_borad_spec > h3::before {position:absolute; content:''; z-index:1; width:100%; height:1px; background:#ddd; top:50%; left:0;}
.pro_borad_spec > h3 span {display:inline-block; position:relative; padding:0 30px; background:#fff; z-index:2; letter-spacing:4px;}


.pro_borad_spec_con {width:100%; text-align:center; padding:60px 0;}



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



@media screen and (max-width:991px){
.pro_detail_con .img {width:400px;}
.pro_detail_con .con {width: calc(100% - 400px);}
}



@media screen and (max-width:820px){
.pro_detail_con .img {margin:0 auto;float: inherit;}
.pro_detail_con .con {clear:both; width:100%; padding-left:0; margin-top:30px;}

.pro_borad_spec_con img {width:100%;}

}



@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;}



.pro_detail_con .img {width:100%;}
.pro_detail_con .con > h3 span {font-size:16px;}
.pro_detail_con .con > h3 {font-size:30px;}
.pro_detail_con .con ul li {font-size:16px;}
.pro_borad_spec > h3 span {font-size:16px;}
.pro_detail_con .con ul li::before {top:8px;}

}


@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;}


.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;}

.gal_board_sty02 li {padding:0 5px;}
.gal_board_sty02_row {margin:0 -5px;}
}