@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

/*카테고리 탭메뉴*/
.board_tab{ overflow:hidden; }
.board_tab li{ float:left; }
.board_tab li a{ position:relative; display:block; padding:8px 30px; font:400 13px/22px 'NanumGothic','Malgun Gothic', verdana; color:#555; background:#fff; border:1px solid #ddd; border-width:1px 1px 0 0; }
.board_tab li:first-child a{ border-left-width:1px; }
.board_tab li.active a{ background:#fcfcfc; border-color:#6b6b6b; color:#333; font-weight:600; }
.board_tab li.active a:before{ position:absolute; left:-1px; top:-1px; content:''; width:1px; height:102%; background:#6b6b6b; }
.board_tab li.active a:after{ position:absolute; left:0; bottom:-1px; content:''; width:100%; height:1px; background:#6b6b6b; }

/*리스트*/
.btn_wrap.gray{ margin:0 auto 10px; padding:0; }

.board_list_gallery_wrap{ padding:0 0.5%; } 

ul.board_list_gallery{ margin-bottom:25px; font:400 13px/22px 'NanumGothic','Malgun Gothic', verdana; color:#555; text-align:center; }

.board_list_gallery{ overflow:hidden; margin:0; }
.board_list_gallery > li{ float:left; margin-left:2%; margin-bottom:22px; }
.board_list_gallery > li.col_2{ width:49%; padding:0; }
.board_list_gallery > li.col_2:nth-child(2n+1){ clear:both; margin-left:0; }
.board_list_gallery > li.col_4{ width:23.5%; }
.board_list_gallery > li.col_4:nth-child(4n+1){ clear:both; margin-left:0; }
.board_list_gallery > li.col_5{ width:18.4%; }
.board_list_gallery > li.col_5:nth-child(5n+1){ clear:both; margin-left:0; }
.board_list_gallery > li.col_6{ width:15%; }
.board_list_gallery > li.col_6:nth-child(6n+1){ clear:both; margin-left:0; }


/* 썸네일 이미지 */
.imgField{ border:1px solid #ddd; }
.imgField a{ display:block; }
.imgField a img{ width:auto; max-width:100%; }
.imgField a.noimg i{ display:block; }

.titleField{ padding:15px 5px 30px; }
.titleField a{ display:block; font:600 14px/22px 'NanumGothic','Malgun Gothic', verdana; color:#333; text-align:center; }
.titleField img{ vertical-align:-2px; }

/*리스트 검색*/
.cs_search_wrap{padding:0; text-align:center; }
.cs_search_wrap input[type=text]{ width:240px; padding:0 10px; border:1px solid #ddd; height:31px;}
.cs_search_wrap input[type=submit]{ min-width:80px; background:#f8f8f8; color:#555; border:solid 1px #ddd; font:600 13px/29px 'NanumGothic',"Noto sans KR",Malgun Gothic }
.cs_search_wrap .select{border:1px solid #ddd; height:31px;}:31px;}

/*뷰*/
.board_view_basic{ font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana;}
.board_view_basic .btn_padding{  }
.board_view_basic .titleField{ font:400 22px 'Noto Sans KR'; padding:0 10px 20px; border-bottom:2px solid #222; margin-bottom:1px;}
.board_view_basic .titleField:before{ content:''; font:normal 16px "FontAwesome"; padding-right:5px; color:#ed3135; vertical-align:3px;}
.board_view_basic .infoField { overflow:hidden; background:#fafafa; border-bottom:1px solid #e7e7e7; padding:13px 20px;}
.board_view_basic .infoField ul{float:left; width:50%;}

.board_view_basic .infoField li{display:inline-block; font:400 13px 'NanumGothic'; color:#777;}
.board_view_basic .infoField li i{ font-size:12px; }
.board_view_basic .infoField li i{padding-right:5px;}
.board_view_basic .infoField ul:first-child li{padding-right:20px;}
.board_view_basic .infoField ul:last-child{float:right; text-align:right;}
.board_view_basic .infoField ul:last-child li{padding-left:20px;}
.board_view_basic .fileField{font-size:13px; margin:0; padding:0;}
.board_view_basic .fileField li a{display:block;  padding:13px 20px; background:#fafafa; border-bottom:1px solid #e7e7e7; color:#555;}
.board_view_basic .fileField li a:before{content:''; font:normal 12px "FontAwesome"; padding-right:5px; color:#555;}
.board_view_basic .contentField{ padding-bottom:40px; border-bottom:1px solid #ddd; }


/*이전글 다음글*/
.board_view_basic{ /* max-width:900px; */ margin:0 auto; border-collapse:collapse;}
.board_view_basic .listField{ padding-top:30px; border-collapse:collapse; }
.board_view_basic .listField th, .board_view_basic .listField td{border-bottom:1px dotted #ddd; border-width:0 0 1px 0; padding:10px 5px; font:normal 13px 'NanumGothic', 'Malgun Gothic', verdana; text-align:left;}
.board_view_basic .listField tr:last-child th,  .board_view_basic .listField tr:last-child td{border-bottom:1px solid #ddd;}
.board_view_basic .listField th{width:80px;}
.board_view_basic .listField th strong{display:block; background:#fff; border:1px solid #e7e7e7; border-radius:100em; padding:5px 10px; color:#005bac; text-align:center; }
.board_view_basic .listField td span{ color:#666; }
.board_view_basic .listField img{ vertical-align:-1px; }

/* 리스트 테이블 */
.board_list_gallery .th_no{ width:6%; }
.board_list_gallery .th_user{ width:12%; }
.board_list_gallery .th_date{ width:12%; }
.board_list_gallery .th_view{ width:8%; }

/* .title_goods_content > a{ overflow:hidden; display:block; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; } */

/* 상품 후기 뷰페이지 상품 상단 정보 */
.review_product_wrap1{ position:relative; overflow:hidden; background:#f9f9f9; border:solid 1px #eee; padding:5px;  }
.review_product_wrap1:after{ content:""; display:block; clear:both;  }
.review_product_box{   position:relative; overflow:hidden; background:#fff; border:solid 1px #eee; box-sizing:border-box; padding:10px;  }
.review_product_box:after{ content:""; display:block; clear:both;  }
.review_product_box:hover{ border-color:#ddd }
.review_product_box:hover dd .go_btn a{ background:#7e92de; color:#fff; border-color:#7e92de; }

.review_product_box dt{ float:left; width:30%; box-sizing:border-box; text-align:center  }
.review_product_box dd{ float:right; width:70%; box-sizing:border-box;  }
.review_product_box dd .name{  font:600 15px/20px 'NanumGothic',Malgun Gothic; padding:5px 0; height:20px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap;  }
.review_product_box dd .info{  font:400 12px/18px 'NanumGothic',Malgun Gothic; color:#666; padding:3px 0; }
.review_product_box dd .memo{  font:400 12px/18px 'NanumGothic',Malgun Gothic; color:#999; }
.review_product_box dd .price{   font:600 14px/20px Malgun Gothic; color:#8fa2ec; padding:5px 0 0 0; }
.review_product_box dd .go_btn a{ position:absolute; top:20%; right:5%; border:solid 1px #b7c3f5; color:#7e92de; background:#f4faff; width:63px; height:60px; border-radius:100px;  font:600 13px/56px 'NanumGothic',Malgun Gothic; transition:.2s ease  }

/* view페이지 이미지 */
#wiz_get_table_width{ display:none; }
.board_view_basic .contentField img{ width:auto; max-width:800px; }

/**************************************
댓글
***************************************/
.com_wrap{ padding:25px 0 25px; border-bottom:1px dotted #ddd; }
.com_wrap li{ position:relative; }
.com_wrap li.infoArea{ overflow:hidden; padding-bottom:15px; }
.com_wrap li.infoArea > strong{ display:block; float:left; font:600 14px/22px 'NanumGothic','Malgun Gothic',Sans-serif; color:#333; }
.com_wrap li.infoArea > span{ display:block; float:right; font:400 12px/22px 'NanumGothic','Malgun Gothic',Sans-serif; color:#666; }
.com_wrap li .btnField{ position:absolute; right:0; top:0; width:20%; display:block; text-align:right; }
.com_wrap li.commentField{ width:80%; font:400 15px/24px 'NanumGothic','Malgun Gothic',Sans-serif; color:#444; }


/*코멘트*/
.comment_title{font:500 16px/20px 'Noto Sans KR', Malgun Gothic; text-align:left; padding:10px 0 10px 1%; border-top:solid 1px #666; border-bottom:solid 1px #ddd; color:#555; margin-top:30px;  }
.comment_title:before{ content:" "; display:inline-block; font:normal 18px "FontAwesome",Arial;  color:#005bac; padding:0 5px 0 0 }
.commentArea{background:#fafafa; padding:30px; border:1px solid #eee; font:normal 13px 'NanumGothic', 'Malgun Gothic', verdana}
.commentArea > ul{border-bottom:1px dashed #ddd; padding:5px 0 20px; margin-bottom:20px; overflow:hidden;}
.commentArea > ul li{width:50%; float:left;}
.commentArea > ul .infoArea{text-align:right; color:#888; font-size:12px;}
.commentArea > ul .infoArea i{color:#999;}
.commentArea > ul .infoArea a{border:1px solid #ddd; padding:3px 5px; background:#fff; margin-left:5px;}
.commentArea > ul .infoArea a span{margin-left:3px;}
.commentArea > ul .commentField{width:100%; float:none; font-size:15px; clear:both; padding-top:10px;}
.commentArea > ul .ipField{font-size:12px; color: #888; padding-left:10px;}

.comment_title .total_heart{  overflow:hidden; float:right; padding:0 2.5% 0 0; }
.comment_title .total_heart:after{ content:""; clear:both; display:block;  }
.comment_title .total_heart{  font:600 13px/20px "NanumGothic",Malgun Gothic; color:#fa7c87; }
.comment_title .total_heart b{ font:600 16px/20px Malgun Gothic; color:#333; }
.comment_title .total_heart b:after{ content:"점"; display:inline-block; font:600 14px/20px Malgun Gothic; }
.comment_title .total_heart .garde{ vertical-align:-2px; }


.comment_write_title{font:500 18px/20px "Noto Sans KR",Malgun Gothic; text-align:left; padding:0 0 10px 1%; }
.comment_write_title:before{ content:" "; display:inline-block; font:normal 18px "FontAwesome",Arial;  color:#005bac; padding:0 5px 0 0 }
.comment_write{background:#f8f8f8; border:1px solid #e8e8e8; padding:20px 3%;}
.comment_write .infoField i{margin-right:3px; color:#777;}
.comment_write input[type=text], .comment_write .infoField input[type=password]{border:1px solid #ccc; height:25px; margin:0 10px 0 0; padding-left:5px;  } 
.comment_write .btn_comment{background:#ef9e7e; width:120px; font:bold 14px/65px Malgun Gothic;   color:#fff; border-radius:3px; vertical-align:top;  }
.comment_write .commentField{width:100%; margin:10px 0;}
.comment_write .commentField textarea{margin:0; height:54px;}
.comment_write .commentField td{vertical-align:top;}
.comment_write .commentField td:first-child{width:95%; padding-right:1%;}

/* 댓글 내역 */
p.infoArea1{ text-align:left; float:left  }
p.infoArea1 span{ color:#777; }
p.infoArea1 span{ display:inline-block; padding:0 10px 0 5px; }
p.infoArea2{  padding:0 0 6px 0;}
p.infoArea2 span{ color:#777;  font:400 12px/20px 'NanumGothic', 'Malgun Gothic'; display:inline-block; padding:0 10px 0 0; }


.content_list_1{ position:relative; overflow:hidden; /*  border-bottom:solid 1px #ddd; */ padding:7px 7% 7px 0; box-sizing:border-box; background:#f4f4f4; box-sizing:border-box  }
.content_list_1:after{ content:""; clear:both; display:block;  }
.content_list_1 dt{ position:relative; width:17%; float:left; text-align:center;  }
.content_list_1 dt .user_icon1{ display:inline-block; width:50px; height:50px; border:solid 1px #ddd; border-radius:100px; background:#fff; text-align:center; margin-top:0;  }
.content_list_1 dt .user_icon1:before{   content:""; font:normal 26px/50px "FontAwesome",Arial; vertical-align:-2px; color:#ccc; text-align:center; display:block;  }
.content_list_1 dd{ position:relative; width:83%; float:right;box-sizing:border-box; padding:10px 2%; background:#fff; border-radius:10px; border:solid 1px #e2e2e2  }
.content_list_1 dd:before{ content:""; display:block; width:15px; height:49px; position:absolute; top:8px; left:-15px; background:url(/img/review_recmt.png) no-repeat top left; }
.content_list_1 dd .dataField1{ display:block; width:90%; word-break:keep-all;  color:#444; }
.content_list_1 dt .btnField{ position:absolute; top:60px; left:0; right:0;}
.content_list_1 dt .btnField a{ color:#aaa; }
.content_list_1 dd .fa-user{ color:#635049; opacity:.8 }

/* 댓글 내 하트 */
.select_heart{ float:right; height:25px; padding:5px 0 0 0; margin-top:-7px  }
.select_heart:before{ content:""; display:inline-block; font:600 14px/30px "NanumGothic",Malgun Gothic; color:#333; vertical-align:3px; display:inline-block; padding-right:5px; }
.select_heart label{ position:relative; display:inline-block; padding:0 10px 0 20px;  }
.select_heart label input[type=radio]{ display:inline-block; width:15px; height:15px; position:absolute; top:2px; left:0; }




/**************************************
글쓰기 write
***************************************/
.board_write_basic{ padding:0 0.5%; }

/* 입력항목 */
.col_wrap{ overflow:hidden; }
.col{ overflow:hidden; position:relative; float:left; padding:4px 0; }
.col_1{ display:none; float:right; margin-top:5px; font:400 13px/30px 'NanumGothic'; color:#444; }
.col_2{ width:49.5%; padding:4px 0 4px 0; margin-left:1%; }
.col_wrap .col:nth-child(2n+1){ margin-left:0; }
.col_8{ width:100%; margin-top:20px; }
.col_10{ width:100%; }

.col li{ position:relative; }
.col li.col_title{ position:absolute; left:0; top:4px; width:120px; text-align:center; border:1px solid #ddd; border-width:1px 0 1px 1px; }
.col li.col_title b{ display:block; padding:0 10px; font:600 13px/30px 'NanumGothic'; color:#666; }
.col li.col_contents{ width:100%; padding-left:120px; }

.col_8 li.col_icon{ float:left; clear:both; width:12%; margin:5px 0; background:#005bac; color:#fff; font:600 12px/23px 'NanumGothic'; border-radius:100em; text-align:center; }
.col_8 li.col_icon p{ float:left; margin-right:20px; width:90px; height:90px; padding:15px 15px 18px; border:3px solid #b2b2b2; background:#fcfcfc; border-radius:100em; text-align:center; }
.col_8 li.col_icon p img{ width:auto; max-width:100%; }
.col_8 li.col_contents{ float:left; padding-left:20px; margin:5px 0; width:88%; box-sizing:border-box; }

.form-control{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font:400 13px/30px 'NanumGothic'; border-radius:0 4px 4px 0; color:#555; }
.col li.col_contents select{ width:100%; height:32px; padding:0 10px; border:1px solid #ddd; font:400 13px/30px 'NanumGothic'; border-radius:0 4px 4px 0; color:#555; }

.board_write_basic textarea{ width:99.8%; background:#f9f9f9;  min-height:300px; margin:12px auto; font:400 13px/20px "NanumGothic",Malgun Gothic;  }

.infoTxt{ position:absolute; right:0; top:0; height:32px; padding:0 20px; border-radius:0 4px 4px 0; border:1px solid #ddd; font:400 13px/30px 'NanumGothic'; background:#fff; color:#005bac; }

/* 첨부파일 */





/***************************************
비밀글 삭제등 
***************************************/
.board_passwd_basic{ padding-top:100px; text-align:center;}
.board_passwd_basic .iconField i{width:100px; height:100px; border-radius:100em; line-height:100px; text-align:center; color:#fff; font-size:30px; background:#005bac; }
.board_passwd_basic dt{font:400 16px/20px "NanumGothic",Malgun Gothic; margin-top:40px; color:#333; margin-bottom:20px;}
.board_passwd_basic .inputField{margin-bottom:20px; font:600 16px/20px "NanumGothic",Malgun Gothic; color:#555; }
.board_passwd_basic .inputField input[type=password]{height:28px; border:1px solid #e7e7e7; width:30%; font:normal 12px/28px Malgun Gothic; padding-left:5px }
.board_passwd_basic .btnField{margin-top:40px;}
.board_passwd_basic .button{min-width:100px; padding:10px 20px; border:1px solid #e7e7e7; font:bold 15px 'Malgun Gothic', verdana; margin:0 5px;}
.board_passwd_basic .btn_ok{background:#595757; color:#fff; border-color:#595757;}

/****아이콘***/
.board_list_gallery td .fa-lock, .board_list_gallery td .fa-floppy-o{vertical-align:-2px; margin:0 5px;}
.board_list_gallery td .fa-lock{color:#444;}
.board_list_gallery td .fa-level-up{color:#777;  vertical-align:2px; margin:0 5px;}
.board_list_gallery td span.icon_new{font:bold 10px Dotum; color:#fff; background:#7b1820; padding:2px; border-radius:2px; text-transform:uppercase}


/* 댓글 */
.comment_wrap_1{ display:none; }
.comment_title{ display:none; }




/***************************************
    제품스킨 스타일
***************************************/


/* 제품스킨 : write */
.product_form_wrap{ margin:8px 0; clear:both; }
.product_form_wrap h4{ position:relative; padding:0 3px 0 15px; margin:15px 0 10px; font:400 18px/20px 'Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; }
.product_form_wrap h4:before{ position:absolute; left:6px; top:9px; content:''; width:4px; height:4px; border-radius:100px; background:#005bac; }
.product_form_wrap h4 span{ float:right; font-size:14px; color:#d81d31; }

.product_form{ }
.product_form li{ padding:4px 0; }
.product_form li:first-child{ margin:0; }
.product_form li dl{ overflow:hidden; }
.product_form li dl dt{ float:left; width:30%; }
.product_form li dl dt .form-control{ border-radius:4px 0 0 4px; border-width:1px 0 1px 1px; }
.product_form li dl dd{ float:left; width:70%; }

/* 제품스킨 : view 제품 타이틀 */
.product_view_title_wrap{ overflow:hidden; margin-bottom:25px; }
.product_view_title{ float:left; font:500 35px/40px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; color:#222; }
.list_btn_wrap{ float:right; overflow:hidden; margin-top:5px; }
.list_btn_wrap li{ float:left; height:34px; }
.list_btn_wrap li div{ overflow:hidden; margin-left:5px; }
.list_btn_wrap li div a{ float:left; margin:0 0 0 5px; }

.list_btn_wrap li p{ position:relative; display:block; padding:0 0 0 5px; }
.list_btn_wrap li p a{ position:relative; display:block; padding:0 15px; height:32px; font-size:0; color:#fff; border-radius:3px; border:1px solid #059dcf; background:#059dcf; }
.list_btn_wrap li p a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.list_btn_wrap li p:hover a{ background:#005bac; border-color:#005bac; }
.list_btn_wrap li p a:before{ display:block; content:''; font:600 13px/30px 'FontAwesome','NanumGothic','Malgun Gothic',Sans-serif; }
.list_btn_wrap li p a:after{ position:absolute; top:2px; font:normal 11px/28px 'FontAwesome','Malgun Gothic',Sans-serif; }
.list_btn_wrap li .previous a{ padding-left:31px; background:#1c77c8; border-color:#1c77c8; }
.list_btn_wrap li .previous a:before{ content:'Previous'; }
.list_btn_wrap li .previous a:after{ left:13px; content:''; }
.list_btn_wrap li .next a{ padding-right:31px; }
.list_btn_wrap li .next a:before{ content:'Next'; }
.list_btn_wrap li .next a:after{ right:13px; content:''; }

/* 제품스킨 : view 간단설명 */
.simple_spec{ margin-bottom:40px; font:500 24px/32px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; text-align:center; color:#001677; word-break:keep-all; }
.simple_spec.last{ margin-top:-35px; }

/* 제품스킨 : view 제품특징 블럭 */
.product_feature{ margin-bottom:52px; padding:34px 50px 39px; background:#f9fbfc url(/img/bg_pattern_01.png); border:1px solid #ddd; border-width:1px 0; }
.product_feature li{ padding:3px 0; font:300 15px/24px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; word-break:keep-all; color:#333; text-align:center; }
.product_feature li b{ font-weight:400; color:#222; }

/* 제품스킨 : view 제품사양 테이블 */
.product_spec{ position:relative; margin:0 auto 40px; clear:both; width:100%; background:#fff; border-top:2px solid #333; }
.product_spec th, .product_spec td{ height:50px; padding:5px 13px; font:400 15px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic'; color:#555; border:1px solid #ddd; word-break:keep-all; text-align:center; }
.product_spec thead th{ background:#242424; color:#fff; border-color:#242424; }
.product_spec thead th:first-child{ border-right-color:#fff; }
.product_spec thead th:first-child:before{ position:absolute; left:0; top:0; content:''; border-bottom:42px solid transparent; border-left:230px solid rgba(255,255,255,0.05); border-top:0px solid rgba(255,255,255,0.05); }
.product_spec th{ background:#f9fbfc; border-bottom:1px solid #d4d8de; font-weight:500; color:#333; }
.product_spec td{ height:38px; padding-left:20px; }

/* 제품스킨 : list */
div.modifybtn { position: relative; }
div.modifybtn > a.modify_btn { display:block; position: absolute; bottom: 15px; right: 25px; background-color: #fff; padding: 0 10px 0; z-index:1; width: 60px; border: solid 1px #ddd; color: #444; border-radius: 3px;font: 400 14px/30px 'Roboto','Noto Sans KR',Malgun Gothic,Sans-serif; }
.board_list_gallery li a{ display:block; position: relative; } 
.board_list_gallery .modify_btn:hover { border-color: rgba(0, 91, 172, 1); background: rgba(0, 91, 172, 1); color: #fff !important; }

.product_list{ position: relative; overflow:hidden; display:block; padding:5px; /*background:#f3f3f3 url(/img/product_img_bg.jpg); border: 1px solid rgba(0, 91, 172, .2);*/ height: 300px; background-color: rgba(0, 91, 172, .05);}
.product_list:hover:before, .product_list:hover:after  { height: 100%; opacity: 1; filter: alpha(opacity=100); }
.product_list:before, .product_list:after { width: 2px; height: 0; position: absolute; display: block; content: ""; background-color: rgba(0, 91, 172, 1); -webkit-transition: all 0.4s ease; }
.product_list:before { left: 0; bottom: 0; }
.product_list:after { right: 0; top: 0; }

.product_list > ul{ height:235px; /*background:#fff;*/ }
.product_list:hover > ul:before, .product_list:hover > ul:after  { width: 100%; opacity: 1; filter: alpha(opacity=100); }
.product_list > ul:before, .product_list > ul:after { width: 0;height: 2px;position: absolute;display: block;content: "";background-color: rgba(0, 91, 172, 1); -webkit-transition: all 0.4s ease; }
.product_list > ul:before { left: 0; bottom: 0; }
.product_list > ul:after { right: 0; top: 0; }
.product_list_left{ float:left; width:100%; height: 300px; padding:25px; text-align:left; }

.product_list_right{ display: none; float:right; /*width:43%; padding:30px 4% 30px 0; */ }
/*.product_list_right .product_img_wrap{ /* overflow:hidden;  width:100%; height:175px; background-size:100% !important; }*/
/*.product_list_right .product_img_wrap img{ display: none; width:auto; max-width:100%; height:auto; max-height:100%; }*/
/* .board_list_gallery li:hover .product_img_wrap img{ -webkit-transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); -o-transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); }
.board_list_gallery li:hover .product_img_wrap img{ -webkit-transform:scale(1.10); -ms-transform:scale(1.10); transform:scale(1.10); } */

.product_list_title{ padding: 4px 0;margin-bottom:15px; font:500 21px/30px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; color: rgba(34, 34, 34, 1); /*border-bottom:2px dotted #ddd;*/ }
.product_list_title{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.product_list_title{ overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.board_list_gallery li:hover .product_list_title{ color:rgba(0, 91, 172, 1); }
.product_list_left ol{}
.product_list_left ol li{ position:relative; margin:2px 0; padding:0 0 0 13px; font:300 13px/22px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',sans-serif; color:rgba(85, 85, 85, 1); }
.product_list_left ol li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.product_list_left ol li:before{ position:absolute; left:3px; top:10px; content:''; width:3px; height:3px; background:rgba(0, 91, 172, 1); border-radius:100px; }
.product_list_left ol li b{ font-weight:400; color:rgba(51, 51, 51, 1); }
.product_list_left:nth-child(2) p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 160%; height: 30%; color: rgba(34, 34, 34, 1); font: 300 14px/24px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
.product_list_left p.date { position: absolute; bottom: -45px; left: 30px; font-size: 14px; color: rgba(34, 34, 34, 0.7); }


.form-control::-ms-input-placeholder { color:#555; } /* Internet Explorer 10 이상 */
.form-control::-webkit-input-placeholder { color:#555; }  /* Webkit, Blink, Edge */
.form-control::-moz-placeholder { color:#555; } /* Mozilla Firefox */




@media (max-width:1200px){



}
@media (max-width:999px){

.board_list_gallery_wrap{ padding:0; }

/*리스트*/
.board_list_gallery > li{ width:49% !important; margin-left:2% !important; margin-bottom: 2%; }
.board_list_gallery li.col_4:nth-child(4n+1){ clear:none; }
.board_list_gallery li.col_5:nth-child(5n+1){ clear:none; }
.board_list_gallery li.col_6:nth-child(6n+1){ clear:none; }
.board_list_gallery li:nth-child(2n+1){ clear:both !important; margin-left:0 !important; }

.titleField{ padding:10px 5px 20px; }
.titleField a{ font-size:12px; line-height:18px; text-align:left; }

/*리스트 검색*/
.cs_search_wrap .select{ height:28px; width:70px; }
.cs_search_wrap input[type="text"]{ height:28px; width:140px; }
.cs_search_wrap input[type="submit"]{ min-width:50px; font-size:11px; line-height:26px; }

/*이전글 다음글*/
.board_view_basic .listField th, .board_view_basic .listField td{ padding:5px 5px; font-size:11px; line-height:18px; }
.board_view_basic .listField th strong{ padding:2px 10px; }

/* view 타이틀 */
.board_view_basic .titleField{ padding:0 5px 15px; font-size:16px; line-height:24px; }
.board_view_basic .titleField:before{ padding-right:3px; font-size:13px; }

.board_view_basic .infoField{ padding:5px 15px; }
.board_view_basic .infoField li{ font-size:11px; }

.board_view_basic .infoField ul:last-child li{ padding-left:0; }
.board_view_basic .fileField li a{ padding:5px 15px; font-size:11px; }

/* view페이지 이미지 */
.board_view_basic .contentField{ padding-bottom:0; border-bottom:0; }
.board_view_basic .contentField img{ max-width:100%; }

/* 입력항목 */
.board_write_basic{ padding:0; }
.col_wrap .col{ float:none; width:100%; padding-left:0; margin-left:0; }
.col_wrap .col_1{ font-size:11px; }
.col_wrap .col li.col_title{ width:80px; }
.col_wrap .col li.col_title b{ font-size:11px; line-height:26px; }
.col_wrap .col li.col_contents{ padding-left:80px; }
.form-control{ height:28px; font-size:11px; line-height:26px; }

.col_wrap .col_8 li.col_icon{ width:30%; font-size:10px; }
.col_wrap .col_8 li.col_contents{ width:70%; padding-left:10px; }
.col li.col_contents select{ height:28px; font-size:11px; line-height:26px; }
.infoTxt{ padding:0 8px; height:28px; line-height:26px; font-size:10px; }


/* 제품스킨 : list */
.board_list_gallery{ max-width:90%; margin:0 auto; }
.board_list_gallery > li.col_2{ float:none; width:100% !important; margin:0 0 20px 0 !important; } 

.product_list{ /* background:none; border:none; padding:0; */ height: 250px; }
.product_list > ul{ height:auto; padding:20px; }
.product_list_right{ float:none; width:100%; padding:0; }
.product_list_right .product_img_wrap{ height:auto; margin:0 auto; text-align:center; }
.product_list_right .product_img_wrap img{ width:auto; max-width:100%; height:auto; max-height:150px; }
.product_list_left{ float:none; width:100%; padding:0; /*text-align:center;*/ }
.product_list_title{ margin-bottom:12px; padding-bottom:10px; white-space:normal; font-size:18px; line-height:26px; border-bottom-width:1px; border:none; margin:0; padding:0; }
.product_list_left ol{ display:inline-block; display:none; }
.product_list_left ol li{ font-size:11px; line-height:18px; text-align:left; }
.product_list_left ol li:before{ top:8px; }
.product_list_title { margin-bottom: 10px; }
.product_list_left:nth-child(2) p { -webkit-line-clamp: 4;}
.product_list_left p.date { left: 25px; bottom: -30px; line-height: 100%; }
.product_list_left p.date span:before { display: none; height: 12px; left: 7px; }
.fa-thin { font-size: 12px; padding-right: 2px; }
.product_list_left p.date span { display: none; padding-left: 0; }
div.modifybtn > a.modify_btn { display: inline-block; padding: 0; min-width: 37px; margin: 0 1px 3px 1px; border: solid 1px #b4b4b6; border-radius: 4px; font: 300 12px/22px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; text-align: center; width: 0; bottom: 15px; right: 15px;}

/* 제품스킨 : view */
.product_view_title_wrap{ text-align:center; }
.product_view_title{ margin-bottom:5px; float:none; font-size:18px; line-height:26px; }
.list_btn_wrap{ float:none; display:inline-block; }
.list_btn_wrap li p{ padding-left:4px; }
.list_btn_wrap li p a{ padding:0 6px; }
.list_btn_wrap li p a:before{ font-size:11px; }
.list_btn_wrap li p a:after{ top:1px; font-size:9px; }
.list_btn_wrap li .next a{ padding-right:18px; }
.list_btn_wrap li .next a:after{ right:5px; }
.list_btn_wrap li .previous{ padding-left:0; }
.list_btn_wrap li .previous a{ padding-left:18px; }
.list_btn_wrap li .previous a:before{ content:'Prev'; }
.list_btn_wrap li .previous a:after{ left:5px; }
.list_btn_wrap li div{ margin-left:2px; }
.list_btn_wrap li div a{ margin-left:4px; }
.list_btn_wrap li p a{ height:24px; }
.list_btn_wrap li p a:before{ font-size:11px; line-height:23px; }
.list_btn_wrap li p a:after{ font-size:10px; line-height:21px; }

.simple_spec{ margin-bottom:25px; font-size:12px; line-height:20px; font-weight:500; }
.simple_spec.last{ margin-top:-20px; }

.product_feature{ padding:15px; margin-bottom:25px; }
.product_feature li{ font-size:11px; line-height:18px; text-align:left; }

.product_spec{ margin-bottom:25px; }
.product_spec th, .product_spec td{ height:30px; padding:3px 5px; font-size:11px; line-height:18px; }

.board_view_basic .btn_padding.right{ display:none; }


/* 제품스킨 : write */
.product_form_wrap h4{ margin:10px 0 5px; font-size:14px; line-height:16px; }
.product_form_wrap h4:before{ width:3px; height:3px; top:7px; }
.product_form_wrap h4 span{ font-size:11px; }

}