/***** 기본게시판 스타일 *****/
.product_board_sty01 {width:100%; overflow:hidden;}
.product_board_sty01 ul {margin:0 -15px; }
.product_board_sty01 ul li {float:left; width:25%; padding:0 15px; box-sizing:Border-box; margin-bottom:30px;}
.product_board_sty01 ul li img {vertical-align:top;}
.product_board_sty01 ul li .img {position:relative; width:100%; padding-bottom:55.56%; overflow:hidden;}
.product_board_sty01 ul li .img img {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.product_board_sty01 ul li span {width:100%; text-align:Center; margin-top:15px; font-size:20px; color:#222; display:block;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; transition:color ease 0.3s;}

.product_board_sty01 ul li a {display:block; }
.product_board_sty01 ul li a .img::Before {position:absolute; width:100%; height:100%; background:rgba(243,101,35,0.9) url(../images/product_board_sty01_list_arrow.png) no-repeat center center; content:''; left:-100%; top:0; z-index:1; transition:left ease 0.2s;}
.product_board_sty01 ul li a:hover .img::Before {left:0;}
.product_board_sty01 ul li a:hover span {color:#f36523;}

/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.basic_board_sty01 .list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.basic_board_sty01 .list_go:hover{font-size:16px; font-weight:400; color:#fff;}

.product_detail_sty01 {width:100%;}
.slider-for {width:100%;} 
.slider-for .slider-for_img {height:650px; position:relative; width:100%; overflow:hidden;}
.slider-for .slider-for_img img {height:100%; left:50%; transform:translateX(-50%); position:absolute; top:0;}

.slider-nav {width:810px; margin:0 auto; margin-top:40px;}
.slider-nav .slick-active .slider-nav_img::before {border:1px solid #ddd; position:absolute; top:0; left:0; width:100%; height:100%; content:'';box-sizing:Border-box; z-index:9;}
.slider-nav .slick-current .slider-nav_img::before {border:2px solid #f36523; position:absolute; top:0; left:0; width:100%; height:100%; content:'';box-sizing:Border-box; z-index:9;}
.slider-nav .slick-slide {box-sizing:Border-box; width:16.66%; padding:0 5px; outline:none;}
.slider-nav_img {height:66px; position:relative; overflow:hidden; box-sizing:Border-box; vertical-align:top; cursor:pointer;}
.slider-nav_img img {height:100%; left:50%; transform:translateX(-50%); position:absolute; top:0; vertical-align:top;}


/* 일반게시판_상세 스타일 수정 */
.product_detail_sty01_top {width:100%; position:relative; margin-bottom:50px;}
.product_detail_sty01_top h3 {width:100%; font-size:32px; font-weight:600; color:#333; padding:0 90px; box-sizing:border-box; text-align:center;}
.product_detail_sty01_top a {position:absolute; top:10px; left:0; display:inline-block; padding-left:30px; background:url(../images/bt_of_list.gif) no-repeat 0 center; font-size:17px; color:#666;}


/****** 게시판 검색 ******/
.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 #eb4846; 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:#eb4846; color:#fff; font-weight:400;}
.page_num span a:hover{background:#eb4846; color:#fff;}
.page_num .buttomDiv {float:right;}



.slider-nav .slick-track {float:inherit!important;}




@media screen and (max-width:991px){
/* 일반게시판 - 기본형 */
.product_board_sty01 ul li span {font-size:18px;}

/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.list_go:hover{font-size:16px; font-weight:400; color:#fff;}

.basic_board_sty01 td.board_reply ul li{font-size:15px; line-height:26px;}
.basic_board_sty01 td.board_reply div{font-size:15px; line-height:26px;}


.slider-nav {width:100%;}



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


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


@media screen and (min-width:768px){
.product_board_sty01 ul li:nth-child(4n + 1) {clear:Both;}
/*.slider-nav .slick-track {width:100% !important;}*/

}

@media screen and (max-width:767px){
/* 일반게시판 - 기본형 */
.product_board_sty01 ul {margin:0 -5px;}
.product_board_sty01 ul li {width:50%; padding:0 5px;}
.product_board_sty01 ul li span {font-size:15px; margin-top:10px;}


/* 상세 */
.basic_board_sty01 td.board_content{padding:20px 10px;}
.basic_board_sty01 td.board_down{text-align:center; border-bottom:0px; padding:30px 0;}
.basic_board_sty01 td.board_down .down_bt{display:inline-block; width:180px; padding:12px 0; font-size:16px; font-weight:400; color:#fff; background:#163f71;}
.list_go{display:block; float:right; padding:10px 24px; font-size:16px; font-weight:400; color:#fff; background:#666; margin-top:30px;}
.list_go:hover{font-size:16px; font-weight:400; color:#fff;}

.basic_board_sty01 td.board_reply ul li{font-size:13px; line-height:24px;}
.basic_board_sty01 td.board_reply div{font-size:13px; line-height:24px;}


/* 게시판넘버 */
.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;}


.product_detail_sty01_top a {font-size:14px; background-size:15px auto; padding-left:20px;}
.product_detail_sty01_top h3 {font-size:24px; padding:0 50px;}


.product_detail_sty01_top {margin-bottom:30px;}
.slider-nav {margin-top:20px;}
.slider-for .slider-for_img {height:52vw;}
.slider-nav .slick-slide {width:33.3%!important;}
.slick-initialized .slick-slide {margin-top:10px;     float: inherit!important; display: inline-block!important;}
.slider-nav_img {height:14vw;}

.slider-nav .slick-track {width:100% !important; text-align:center;}

}