@charset "utf-8";
.board-info .pull-left div .checkbox.pull-left { margin-left:20px; }
/* 게시판 공통 */
.margin-hr-10 { height: 1px; border-top: 1px dotted #ddd; margin: 10px 0; clear: both; }
.margin-top-m-1 { margin-top: -1px; }
.board-write .sky-form section { margin-bottom: 0; }
/* 게시판 목록 */
.board-list .sky-form .radio i, .board-list .sky-form .checkbox i { top: 0; }
.board-list .bo_current { color: crimson; }
.board-btn-adm li { float: left; margin-right: 5px; }
.blog-list-eb .blog-img { overflow: hidden; max-height: 260px; }
.blog-list-eb img { }
.blog-list-eb .blog-list-title { border: 1px solid #ddd; border-top: 0; }
.blog-list-eb .blog-list-sub { padding: 6px 0;  display: block;  /*  border-bottom: 1px dotted #ddd;  */overflow:hidden;}
.blog-list-eb .blog-list-sub .blog-title{ font-size: 18px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;  color:#111; font-weight:bold; margin-bottom:10px; }
.blog-list-eb .blog-list-sub .pull-left .checkbox i { margin-top:5px; }
.blog-list-eb .blog-list-icon i { margin-left: 5px; }
.blog-list-eb .blog-list-description {float:right; padding-top:3px; display:none; }
.blog-list-eb .blog-list-description i{padding-left:20px;}
.blog-list-eb .blog_list_content{/* margin-top:10px; */ padding:0 3% 10px 3%; position:relative; overflow:hidden; }
.blog-list-eb .blog_list_content:after{ content:""; display:block; clear:both }

.blog-list-eb .check_all{margin:15px 0 10px;}
.blog-list-eb .check_all .checkbox{display:inline-block;}

.board_tab{background:url(/img/bg_tab.png) repeat;}
.board_tab li{background:#fff;}

.blog-boxes img{max-width:100%; }
.zoomer{  float:left; width:43%; margin-top:30px; box-sizing:border-box; padding:0 8%;  }
/* .zoomer:hover .overlay-zoom .zoom-icon { opacity:0.4; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); filter: alpha(opacity = 50); } */
.overlay-zoom { z-index: 90; /* cursor: pointer;  */position: relative; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.overlay-zoom .zoom-icon { top:0; opacity: 0; z-index: 100; width: 100%; height: inherit; position: absolute; background-color: #000; background-position: 50%; filter: alpha(opacity = 0); -webkit-backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.overlay-zoom .zoom-icon i { color: #fff; text-align:center; font-weight:bold; font-size:30px; z-index:100; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px; }
/* 게시판 쓰기 */
.board-write .tbl_wrap { border: 1px solid #eee; padding: 10px; }
.board-write .tbl_frm01 textarea { width: 100%; height: 200px; border: 1px solid #ddd; background: #fafafa; line-height: 1.7; }
.board-write .input-group-btn .btn { cursor: inherit; }
#char_count_desc { display: block; margin: 0 0 5px; padding: 0; }
#char_count_wrap { margin: 5px 0 0; text-align: right; }
#char_count { font-weight: bold; }
#autosave_wrapper { position: relative; }
#autosave_pop { display: none; z-index: 10; position: absolute; top: 24px; right: 15px; padding: 8px; width: 320px; height: auto !important; height: 180px; max-height: 180px; border: 1px solid #565656; background: #fff; overflow-y: scroll; }
html.no-overflowscrolling #autosave_pop { height: auto; max-height: 10000px !important; } /* overflow 미지원 기기 대응 */
#autosave_pop strong { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#autosave_pop div { text-align: right; }
#autosave_pop button { margin: 0; padding: 0; border: 0; background: transparent; margin-left: 10px; }
#autosave_pop ul { margin: 10px 0; padding: 0; border-top: 1px solid #e9e9e9; list-style: none; }
#autosave_pop li { padding: 8px 5px; border-bottom: 1px solid #e9e9e9; zoom:1; }
#autosave_pop li:after { display: block; visibility: hidden; clear: both; content: ""; }
#autosave_pop a { display: block; float: left; }
#autosave_pop span { display: block; float: right; }
.autosave_close { cursor: pointer; }
.autosave_content { display: none; }
/* CK Editor Style */
.cke_chrome { border: 1px solid #ddd !important; box-shadow: none !important; }
.cke_top { background: #f8f8f8 !important; border-bottom: 1px solid #ddd !important; box-shadow: none !important; }
.cke_bottom { background: #f8f8f8 !important; border-top: 1px solid #ddd !important; box-shadow: none !important; }
.cke_toolgroup { border: 1px solid #aaa !important; border-bottom-color: #aaa !important; box-shadow: none !important; background: #fff !important; background-image: none !important; }
.cke_combo_button { border: 1px solid #aaa !important; border-bottom-color: #aaa !important; box-shadow: none !important; background: #fff !important; background-image: none !important; }
/* 게시판 읽기 */
#bo_v_img{display:none;}/*첨부파일 view페이지에서 삭제*/
.board-view { margin-bottom: 20px; padding-bottom: 20px; }
.board-view-info { padding: 5px 10px; border: 1px solid #eee; color: #555; background: #fafafa; }
.board-view-info h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.board-view-info small { display: inline-block; margin: 0 10px 0 5px; font-weight: normal; }
.board-view-info .view-photo img { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; width: 40px; height: 40px; }
.board-view-info .view-photo .fa-user { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; width: 40px; height: 40px; background: #fff; color: #aaa; line-height: 40px; font-size: 20px; text-align: center; }
.board-view-file { border: 1px solid #eee; border-right: 1px solid #eee; background:#f9f9f9 }
.board-view-file h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.board-view-file ul { margin-bottom: 0; }
.board-view-file li { padding: 7px 10px; border-bottom: 1px solid #eee; background: #fff; font-size: 12px; }
.board-view-file span { padding: 0 5px; color: #888; }
.board-view-file a { color: #000; word-wrap: break-word; }
.board-view-link { border-left:1px solid #eee; border-right:1px solid #eee; }
.board-view-link h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.board-view-link li { padding: 7px 10px; border-bottom: 1px solid #eee; background: #fff; font-size: 12px; }
.board-view-link a { word-wrap: break-word; }
.board-view-bot { zoom: 1; }
.board-view-bot:after { display: block; visibility: hidden; clear: both; content: ""; }
.board-view-bot h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.board-view-bot ul { margin:0; padding:0; list-style:none; }
.view-top-btn { margin: 0 0 10px; padding: 10px 0; zoom: 1; /* border-bottom:1px solid #ddd;  */}
.view-top-btn:after { display: block; visibility: hidden; clear: both; content: ""; }
.view-top-btn h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.view-top-btn .top-btn-left li { float: left; margin-right: 5px; }
.view-top-btn .top-btn-right li { float: left; margin-left: 5px; margin-bottom: 5px; }
.board-view-atc { min-height: 200px; height: auto !important; height: 200px; }
.board-view-atc-title { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
.board-view-img { margin: 0; width: 100%; overflow: hidden; zoom: 1; }
.board-view-img:after { display: block; visibility: hidden; clear: both; content: ""; }
.board-view-img img { max-width: 100%; height: auto; }
.board-view-con { margin-bottom: 30px; padding:0 15px; width: 100%; line-height: 1.7; word-break: break-all; overflow: hidden; }
.board-view-con a { color: #000; text-decoration: underline; }
.board-view-con img { max-width: 100%; height: auto; }
.board-view-act { margin-bottom: 30px; text-align: center; }
.board-view-act .board-view-act-gng { position: relative; }
.board-view-act a { margin-right: 5px; vertical-align: middle; }
.board-view-act strong { color: crimson; }
.board-view-act-good, .board-view-act-nogood { display: none; position: absolute; top: 30px; left: 0; padding: 5px 0; width: 165px; background: #000; color: #fff; text-align: center; }
.board-view-sns { margin:0 0 20px; padding:0; list-style:none; zoom:1; }
.board-view-sns:after { display:block; visibility:hidden; clear:both; content:""; }
.board-view-sns li { float:left; margin:0 5px 0 0; }
/* 게시판 보기에서 이미지 자동조절 */
.board-view-con .photo-image, .board-view-con .photo-image { margin: 0px 10px; }
.board-view-con .photo-image img, .board-view-con .photo-image img { width: 100%; }
.board-view-con .photo-text, .board-view-con .photo-text { color: #777; font-size: 11px; line-height: 13pt; margin: 0; padding: 5px; border: 1px solid #ddd; border-top: 0; }
.board-view-con a { text-decoration: none; }
.blind { display: none; }
/* 게시판 댓글 */
.view-comment .fa-reply { -ms-transform: scale(-1, -1); /* IE 9 */ -webkit-transform: scale(-1, -1); /* Chrome, Safari, Opera */ transform: scale(-1, -1); }
.view-comment .view-comment-photo .fa-user { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; width: 50px; height: 50px; background: #eee; font-size: 32px; line-height: 50px; text-align: center; color: #aaa; }
.view-comment .view-comment-photo img { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; width: 50px; height: 50px; }
.view-comment .media-heading { padding-top: 3px; }
.view-comment .comment-name { font-weight: bold; }
.view-comment .comment-ip { font-size: 11px; }
.view-comment .comment-time { padding-left: 10px; background: #fff; }
.view-comment .bg-light p { margin-bottom: 0; }
.view-comment .bg-light.first-comment { border-left:1px solid #e33334; }
.view-comment .bg-light.bomb-comment { border-left:1px solid #ff9501; }
.view-comment .bg-light.lucky-comment { border-left:1px solid #87b822; }
.comment-area .view-comment-write-box { border: 1px solid #ddd; }
.comment-area .sky-form header { padding:8px 16px; }
.comment-area .sky-form footer { padding:10px 16px; }
.comment-area .sky-form button { margin: 0; }
/* 게시물 복사 이동 */
.copy-move { padding: 15px; }
.copy-move .sky-form { border: 0; }
.copy-move .copy-move-list label { margin-bottom: 0; }
.copy-move .copymove_current { color: #e33334; }
.copy-move .sky-form .checkbox i { top: 0; }
/*리스트에서 목록에서 무한스크롤 사용시 head_bs.html에 basic-bs가 날려지기 때문에 basic_bs.css 파일에 내용을 아래에 따로 불러옴. (앞에 .basic_bs 는 지운것임) 0622 */
/*Media*/
.media.media-v2 { overflow: visible; margin-top: 0; padding: 15px 0 10px 0; border-top: 1px solid #eee; }
.media.media-v2:first-child { border-top: none; }
.media.media-v2 .media.media-v2 { margin-top: 20px; padding-bottom: 0; }
.media.media-v2 img.media-object { width: 50px; height: 50px; margin-right: 10px; }
/*Media Body*/
.media.media-v2 .media-body { overflow: visible; }
.media.media-v2 .media-body p { color: #777; line-height: 1.4; }
/*Media Heading*/
.media.media-v2 .media-heading { margin: 0 0 5px; font-size: 13px; position: relative; }
.media.media-v2 .media-heading a, .media.media-v2 .media-heading a:hover { color: #555; }
.media.media-v2 .media-heading strong { padding-right: 5px; }
.media.media-v2 .media-heading small { top: 3px; right: 0; color: #999; font-size: 12px; position: absolute; }
/*Expand List*/
i.expand-list { color: #777; padding: 5px; min-width: 20px; font-size: 12px; text-align: center; display: inline-block; border: 1px solid #777; }
i.expand-list:hover { color: #999; border-color: #999; }




/* ########################################################### 제품 카테고리 해드라인 ############################################################### */
.product_category_bg{ display:none;  position:relative; overflow:hidden }
.product_category_bg:after{ content:""; display:block; clear:both; }
.hsvc .product_category_bg.hsvc{ display:block;  }
.svc .product_category_bg.svc{ display:block;  }
.csd .product_category_bg.csd{ display:block;  }
.ahf .product_category_bg.ahf{ display:block;  }
.dpz .product_category_bg.dpz{ display:block;  }
.css .product_category_bg.css{ display:block;  }
.smart_eye .product_category_bg.smart_eye{ display:block;  }
.bms .product_category_bg.bms{ display:block;  }

/* 제품 스펙표 */
.spec_info_wrap{ position:relative; overflow:hidden; font:300 12px/20px 'Malgun Gothic';  margin:7px 0 0 0 }
.spec_info_wrap{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; height:18.6px; }
.spec_info_wrap:after{ content:""; display:block; clear:both;  }
.spec_info_wrap .spec_title{ float:left; width:27%; padding-right:2%; color:#5869a0; margin:0 0 0 0; word-break:keep-all; font-weight:400; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden; letter-spacing:-0.5px  }
.spec_info_wrap .spec_memo{ float:left; /* width:70%; */ max-width:225px; margin:0 0 0 0; line-height:18px; word-break:keep-all; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden;  } 
.spec_info_wrap .spec_memo{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.spec_info_wrap .spec_memo:before{ display:inline-block; content:','; margin-right:2px; }
.spec_info_wrap .spec_memo:nth-child(2):before{ display:none; }


.spec_info_wrap_table{ margin:0 auto; border-top:2px solid #005d9e; font:300 11px/16px 'Malgun Gothic'; clear:both; width:100%; background:#fff; }
.spec_info_wrap_table th, .spec_info_wrap_table td{ padding:2px 10px; border:1px solid #dbdbdb; border-width:1px; word-break:keep-all; text-align:left; }
.spec_info_wrap_table th{ width:22%; min-height:24px; font-weight:400; background:#eaf9ff; border-color:#c6d3e8; color:#44608b; }
.spec_info_wrap_table td{ /* width:75%; */ /* padding-left:20px; */ }

.product_category_bg h3{ text-align:center; font:500 30px/40px 'Noto Sans Kr',Malgun gothic; color:#333; padding:20px 0 50px 0; letter-spacing:-1px }
.product_category_bg h3 b{ display:block; color:#005c9d; font:600 50px/60px 'Noto Sans Kr',Malgun gothic; letter-spacing:0 }

.product_category_bg h3.second{ font:500 20px/32px 'Noto Sans Kr',Malgun gothic; color:#444; padding:60px 0 40px 0; letter-spacing:-0.5px }
.product_category_bg h3.second b{ font:600 40px/50px 'Noto Sans Kr',Malgun gothic;color:#005c9d; letter-spacing:-1px }

.product_category_bg p{ width:90%; margin:0 auto; word-break:keep-all  }

h3.second{ font:500 24px/34px 'Noto Sans Kr',Malgun gothic; color:#333; padding:50px 0 60px 0; letter-spacing:-1px; text-align:center }
h3.second b{ font:600 40px/50px 'Noto Sans Kr',Malgun gothic;color:#005c9d; display:block; }

.headline_p{ position:relative;  overflow:hidden; box-sizing:border-box; background:#0e79c4; border:solid 1px #ddd; margin:0 auto 20px; word-break:keep-all;   }
.headline_p:after{ content:""; display:block; clear:both; }
.headline_p dt{ float:left; width:40%; background:#fff; text-align:center; box-sizing:border-box; padding:20px 0; }
.headline_p dt img{ width:65%; margin:0 auto }
.headline_p dd{ float:right; width:55%; box-sizing:border-box; padding:30px 4% 10px 0; color:#fff; font:400 14px/26px 'Noto Sans Kr',Malgun gothic;  }
.headline_p dd strong{  font:600 30px/40px 'Noto Sans Kr',Malgun gothic; display:block; padding:10px 0 20px 0;  }

.point_p_wrap{ position:relative; overflow:hidden; margin:0 auto 30px; margin-right:-11px;  }
.product_category_bg:after{ content:""; display:block; clear:both; }
.point_p_wrap dl{ float:left; width:24%; box-sizing:border-box; margin-left:1%; border:solid 1px #ddd; padding:10px 1% 10px 2%; min-height:230px; box-shadow:0 0 5px rgba(0,0,0,.15); border-radius:5px; background:#fafafa }
.point_p_wrap.row3 dl{  width:32.33333%; }
.point_p_wrap.row4 dl{  width:24%; }
.point_p_wrap.row5 dl{  width:19%; }
.point_p_wrap.row6 dl{  width:15.6666666%; }
.point_p_wrap.row6 dl{ min-height:312px; padding:20px 0.5% 10px 1%;  }
.point_p_wrap dl:first-child{ margin-left:0; }
.point_p_wrap dl dt{ position:relative;  font:500 15.5px/22px 'Noto Sans Kr',Malgun gothic; text-align:center; padding:8px 0; color:#0e79c4; min-height:80px; vertical-align:middle; letter-spacing:-0.5px;  }
/* .point_p_wrap dl dt:after{ position:absolute; top:-8px; left:45%; content:""; display:block; width:10%; height:6px; background:#0e79c4; margin:7px auto 0; border-radius:2px; opacity:.2; margin:0 auto;  } */
.point_p_wrap dl dt:before{ display:block;  font:500 16px/22px 'Noto Sans Kr',Malgun gothic; color:#ff5883; }
.point_p_wrap dl:nth-child(1) dt:before{ content:"01"; }
.point_p_wrap dl:nth-child(2) dt:before{ content:"02"; }
.point_p_wrap dl:nth-child(3) dt:before{ content:"03"; }
.point_p_wrap dl:nth-child(4) dt:before{ content:"04"; }
.point_p_wrap dl:nth-child(5) dt:before{ content:"05"; }
.point_p_wrap dl:nth-child(6) dt:before{ content:"06"; }
.point_p_wrap dl:nth-child(7) dt:before{ content:"07"; }

.point_p_wrap dl dd{  font:300 12px/20px Malgun gothic; color:#777; }  
.point_p_wrap dl dd img{ max-width:100% }
.point_p_wrap.no dl{ background:#fff; }
.point_p_wrap.no dl dd{ text-align:center }
.point_p_wrap.no dl dd img{ max-width:90%; margin:0 auto }
.point_p_wrap.no dl dt{ color:#18a7d0; min-height:30px; letter-spacing:0;  }
.point_p_wrap.no dl dt:after{ display:none; }
.point_p_wrap.no dl dt:before{ display:none; }

.product_constitution.smart_eye{ position:relative; overflow:hidden; margin:0 auto 40px  }
.product_constitution.smart_eye:after{ content:""; display:block; clear:both; }
.product_constitution.smart_eye dl{ float:left; width:50%; text-align:center }
.product_constitution.smart_eye dl dt{ font:500 24px/34px 'Noto Sans Kr',Malgun gothic;  }
.product_constitution.smart_eye dl dd{  }
.product_constitution.smart_eye dl dd img{ width:100%; }

.both_box{ position:relative; overflow:hidden; margin:0 auto 40px  }
.both_box h2{ background:#005d9e; color:#fff; border-radius:30px; width:30%; margin:0 auto 20px; padding:3px 0; font:600 20px/30px "NanumGothic", Malgun gothic }
.both_box:after{ content:""; display:block; clear:both; }
.both_box li{ float:left; width:50%; text-align:center }
.both_box li table{ width:90%; margin:0 auto; font:normal 12px/16px Malgun gothic  }
.both_box li table th{ border:solid 1px #cddfed; text-align:center; background:#edf7ff; color:#4b6f8d; padding:5px 0; }
.both_box li table td{ border:solid 1px #ddd }

.product_specification.display_image{ position:relative; overflow:hidden; margin:0 auto 40px  }
.product_specification.display_image:after{ content:""; display:block; clear:both; }
.product_specification.display_image li{ float:left; width:33.333%; box-sizing:border-box; padding:20px 1.5%; text-align:center }
.product_specification.display_image li img{ width:90%; margin:0 auto }

/*게시판 탭*/
.board-list nav{ margin:-45px auto 40px; }
.board_tab{ width:100%; position:relative; clear:both; margin:50px auto 0; overflow:hidden; border:solid 1px #e7e7e7; box-sizing:border-box;  padding:10px 1%; border-top:solid 2px #005d9e; }
.board_tab li.all{ width:100%; float:none; /* border-bottom:solid 1px #c3ced7 */ display:none;  }
.board_tab li.all a{ /* border-top-color:#005d9e; */ background:#f4f4f4 url(/img/bg_top_1.png) top left; font:500 18px 'Noto Sans Kr','NanumGothic',Malgun Gothic; padding:10px 0; letter-spacing:0; color:#333; }
.board_tab li{ float:left; width:49%;  box-sizing:border-box; overflow:hidden; position:relative; border:1px solid #e8e8e8; margin:5px 0.5%; border-radius:3px;  /* box-shadow:2px 2px 2px rgba(0,0,0,.08) */cursor:pointer }
.board_tab li:after{ content:""; display:block; clear:both  }
/* .board_tab li a.btn{ position:relative; z-index:1; display:block; padding:8px 0 10px 0; font:300 14px Malgun Gothic; border-left-color:#fff; text-align:center;  letter-spacing:-0.5px; color:#666; border-radius:3px;  } */
ca.btn{ background:url(/img/bg_patt.png) no-repeat bottom right; }
.board_tab li a.btn:hover{ color:#3c8bdc; background:#fff; /* border-color:#3c8bdc;  */}
.board_tab li:after{  content:"상세보기"; position:absolute;  bottom:10%; right:19.5%; background:#fff; border:solid 1px #ddd; padding:2px 10px; display:inline-block; font-size:11px;  color:#777; cursor:pointer; display:none;  }
.board_tab li:after{   border-radius:3px;   background:#eee url(/img/bg_top_1.png) top repeat-x; box-shadow:1px 1px #fff }
.board_tab li:hover{ border-color:#c2c6cb; box-shadow:2px 2px 2px rgba(0,0,0,.15) }
.board_tab li:hover:after{ color:blue; }

/* PDF 다운로드 */
a.pdf_down{ position:absolute; bottom:10%; right:2.5%; background:#fff; border:solid 1px #ddd;  padding:3px 33px 1px 10px;  font-size:11px; color:#666; border-radius:3px; background:#eee url(/img/bg_top_1.png) top repeat-x; letter-spacing:-0.5px; }
a.pdf_down:before{  content:""; background:url(/img/icon_pdf.png) no-repeat; display:inline-block; width:22px; height:21px; position:absolute; bottom:4px; right:7px; }
a.pdf_down:after{ display:none !important; content:"";  }
a.pdf_down:hover{ background:#343434; color:#fff; border-color:#343434 }

.headline_p a.pdf_down{ background:#005089; border-color:#005089; color:#eee; font-size:14px; }
.headline_p a.pdf_down:hover{ background:#004a7e }

.board_tab li:first-child a{ margin-left:0; }
/* .board_tab .selected{ border-color:#005d9e;color:#fff; font-weight:400; background-color:#005d9e; z-index:2; border-color:#005d9e;  }  */
/* .board_tab li.all .selected{  width:100%;  color:#005d9e; border-color:#ddd;} */
.board_tab li a:hover h2{ color:#e94757; }
.board_tab li a:hover .cate_22{ color:#333; font-weight:500; font-size:16px   }
.overlay-zoom .zoom-icon { top:0; opacity: 0; z-index: 100; width: 100%; height: inherit; position: absolute; background-color: #000; background-position: 50%; filter: alpha(opacity = 0); -webkit-backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.overlay-zoom .zoom-icon i { color: #fff; text-align:center; font-weight:bold; font-size:30px; z-index:100; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px; }
.category_right{ position:absolute; top:0; left:0; background:#0086ce; font:400 14px/20px Malgun Gothic; color:#fff; display:inline-block; padding:5px 40px 3px 25px; z-index:999999; display:none;  }
.category_right:before{ position:absolute; right:-20px; top:0; content:""; border-top:0px solid #0086ce; border-left:20px solid #0086ce; border-bottom:28px solid transparent; }


.sky-form header{ border-bottom:none }

/* 제품 카테고리 이미지 삽입*/
.cate_img1{ margin:0 auto; overflow:hidden; border-radius:3px;  overflow:hidden; position:relative;  background:url(/img/product_img_bg.jpg); }
.cate_img1:after{ content:""; display:block; clear:both  }
.cate_img1 h2{ font:700 18px 'Noto Sans kr',Malgun Gothic; color:#2559cf; padding:20px 8px 5px 40px; display:inline-block; float:left }
.cate_img{ width:130px; height:130px; overflow:hidden; border-radius:3px; display:inline-block; float:left; /* padding:15px;  */background:#fff; padding:10px; box-sizing:border-box }
.cate_img:after{ content:""; display:block; clear:both  }
.cate_img img{ width:100%; transition:.2s ease }
.board_tab li a:hover .cate_img img{ -webkit-transform: scale(1.20);-moz-transform: scale(1.20);-o-transform: scale(1.20);-ms-transform: scale(1.20);transform: scale(1.20);  }
/* board_tab li a.selected h2{ color:#fff; } */

.cate_22{  float:none; display:block; position:absolute; top:47px; left:170px; /* margin-top:25px; */ font:400 14px/22px 'Noto Sans kr',Malgun gothic; letter-spacing:-0.2px; color:#666; transition:.2s ease  }

.code_p_wrap{ position:relative; border-bottom:solid 3px #005d9e; padding:0; color:#7c869e; }
.code_p_wrap .code{ position:relative;margin:0; display:inline-block; padding:0 25px 0 30px; text-align:center; background:#005d9e; color:#fff; font:600 20px/36px "NanumGothic", Malgun gothic; letter-spacing:-0.5px; }
.code_p_wrap .code{ border-left:solid 20px #ff5883 }
.code_p_wrap .code:before{ position:absolute; top:0; right:-36px; display:inline-block;  content:''; border-top:0px solid transparent; border-right:36px solid transparent; border-bottom:36px solid #005d9e; }
.code_p_wrap .code:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.code_p_wrap .code2{ position:absolute; top:3px; right:2%; color:#999; font-size:12px; letter-spacing:-0.2px  }

/* ################### 제품 카테고리 하단 카테고리 표  ###################  */
.board_tab.bottom{ margin:-20px auto 40px; padding:0; }
.board_tab.bottom li{ width:25%; margin:0; border-width:0 0 1px 0  }
.board_tab.bottom li .cate_img{ width:70px; height:70px; border-radius:0; border-width:0 0 1px 0; padding:0; border-radius:100px; overflow:hidden; margin:20px 10px; border:solid 1px #ddd; box-shadow:2px 2px 2px rgba(0,0,0,.07); transition:.2s ease  }
.board_tab.bottom li:hover .cate_img{ border-radius:3px; box-shadow:none; border-color:#666  }
.board_tab.bottom li .cate_img1 {  border-radius:0; }
.board_tab.bottom li .cate_img1 h2{  font:700 16px 'Noto Sans kr',Malgun Gothic; padding:30px 0 5px 10px; }
.board_tab.bottom li .cate_22{  float:none; display:block; position:absolute; top:55px; left:100px;  font:400 12px/18px Malgun gothic;  padding-bottom:10px;}
.board_tab.bottom li:after{  content:""; display:none; }
.board_tab.bottom li .pdf_down{  display:none; }
.board_tab.bottom li:hover .cate_22{   font:400 12px/18px Malgun gothic;  }
.board_tab.bottom li:hover{ box-shadow:none; border-color:#ddd }

/* 제품 스펙표 */
.spec_info_wrap{ position:relative; overflow:hidden; font:300 12px/20px 'Malgun Gothic';  margin:7px 0 0 0 }
.spec_info_wrap{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; height:18.6px; }
.spec_info_wrap:after{ content:""; display:block; clear:both;  }
.spec_info_wrap .spec_title{ float:left; width:27%; padding-right:2%; color:#5869a0; margin:0 0 0 0; word-break:keep-all; font-weight:400; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden; letter-spacing:-0.5px  }
.spec_info_wrap .spec_memo{ float:left; /* width:70%; */ max-width:225px; margin:0 0 0 0; line-height:18px; word-break:keep-all; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden;  } 
.spec_info_wrap .spec_memo{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.spec_info_wrap .spec_memo:before{ display:inline-block; content:','; margin-right:2px; }
.spec_info_wrap .spec_memo:nth-child(2):before{ display:none; }

/* .btn_file{ display:none;  } */

header{ position:relative; overflow:hidden }
header:after{ content:""; display:block; clear:both;  }
.headline_wrap{ float:left; width:55%; box-sizing:border-box }
.headline_wrap .headline > h3{  font:600 26px/36px "Noto Sans KR", Malgun Gothic; letter-spacing:-1px; border-bottom:none; margin-bottom:5px; display:block; color:#444; }
.pro1{ display:inline-block; padding:2px 10px; margin-top:5px; color:#fff; background:#18a7d0; font:800 16px/22px 'Arial','Malgun Gothic'; text-align:center; border-radius:100px;  }

.list_product_wrap > h3{display:block;  text-align:center; color:#333; padding:50px 0; display:block; color:#005c9d; font:600 30px/40px 'Noto Sans Kr',Malgun gothic; }
.hsvc_wrap{ position:relative; overflow:hidden; width:90%; margin:0 auto  }
.hsvc_wrap:after{ content:""; clear:both; display:block;  }
dl.hsvc_emp{ width:50%; float:left; box-sizing:border-box; padding:0 2%; margin:0 auto 20px }
dl.hsvc_emp dt{ text-align:center; padding:0 0 20px 0; text-align:center }
dl.hsvc_emp dt img{display:block; max-width:70%; margin:0 auto  }
dl.hsvc_emp dt h4{ text-align:center; font:500 18px/34px "Noto Sans Kr", Malgun gothic; color:#005c9d;  padding:0 20px; border-radius:50px; border:solid 1px #caeef9; display:inline-block; margin:0 auto 20px;  }
dl.hsvc_emp dd{  font:500 16px/24px "Noto Sans Kr", Malgun gothic;  width:85%; margin:0 auto 10px; position:relative;  }
dl.hsvc_emp dd:before{ content:""; font:normal 15px 'FontAwesome'; position:absolute; top:5px; left:-20px; color:#439ef2; }
.hsvc_emp p{ width:95%; margin:0 auto  }
.hsvc_emp h3{ position:relative;  font:600 22px/30px "Noto Sans Kr", Malgun gothic; color:#333;  padding:6px 0 6px 25px; border-left:solid 20px #005c9d; margin:40px 0 30px 0; background:#f2f2f2; text-align:left }
.hsvc_emp h3:after{ position:absolute; bottom:10px; right:2%; content:""; font:normal 20px "FontAwesome"; color:#005c9d; opacity:.8 }
.hsvc_emp p.point{ font:500 17px/30px "Noto Sans Kr", Malgun gothic; padding:40px 0 0 0; text-align:center; color:#4d9928; }
.hsvc_wrap.big dl.hsvc_emp{ margin:30px auto }
.hsvc_wrap.big dl.hsvc_emp dt img{ max-width:100%; }
.hsvc_wrap.big dl.hsvc_emp dd{ text-align:center }
.hsvc_wrap.big dl.hsvc_emp dd:before{ content:""; }
.hsvc_wrap.big dl.hsvc_emp dd b{ color:#2d6ee3; font-size:30px }
.hsvc_wrap.big dl.hsvc_emp.h102 dd b{ color:#e93861;  }
.product_category_bg p.point{ text-align:center; font:500 20px/30px "Noto Sans Kr", Malgun gothic; color:#54a622; }

.hsvc_tec{ position:relative; overflow:hidden }
.hsvc_tec:after{ content:""; display:block; clear:both;  }
.hsvc_tec dl{ position:relative; overflow:hidden; border:solid 1px #ddd; margin:0 0.5% 10px; float:left; width:49%; box-sizing:border-box; border-radius:3px; background:#f8f8f8; min-height:100px;  }
.hsvc_tec dl:after{ content:""; display:block; clear:both;  }
.hsvc_tec dl dt{ float:left; width:40%; box-sizing:border-box;  }
.hsvc_tec dl dt img{ max-width:200px;   }
.hsvc_tec dl dd{ float:left; width:60%; padding:15px 2%; box-sizing:border-box; font-size:12px; color:#777;  }
.hsvc_tec dl dd strong{ display:block; color:#222; display:block; padding:0 0 5px 0; color:#333; }

.hsvc_emp_201_image ul{ position:relative; overflow:hidden; background:url(/img/product_img_bg.jpg); margin:20px auto 0; padding:20px 10px; width:75%; border:solid 1px #e4e4e4 }
.hsvc_emp_201_image ul:after{ content:""; display:block; clear:both;  }
.hsvc_emp_201_image ul li{ float:left; width:50%; text-align:center }
.hsvc_emp_201_image ul li img{ margin:0 auto; border:solid 1px #ddd; max-width:95%; }
.hsvc_emp_201_image p{ text-align:center; color:#666;  }

table.hsvc_emp_202_table{ width:100%; word-break:break-all; }
table.hsvc_emp_202_table th{ background:#18a7d0; color:#fff; text-align:center; border:solid 1px #ddd; padding:10px; font-size:18px }
table.hsvc_emp_202_table td{ border:solid 1px #ddd; text-align:center; color:#444; padding:5px; }
table.hsvc_emp_202_table td img{ max-width:500px }


table.spec_row3{ width:100%; }
table.spec_row3 th{ border:solid 1px #cddfed; text-align:center; background:#edf7ff; color:#4b6f8d; padding:2px 10px;}
table.spec_row3 td{ border:solid 1px #ddd; text-align:center; color:#666; padding:5px; }
table.spec_row3 td img{ max-width:300px }
table.spec_row3 td strong{ display:block; color:#fa4753; font:800 14px/20px "Noto Sans Kr", Malgun gothic; }
table.spec_row3 td b{ color:#3d70cd;  font:800 14px/20px "Noto Sans Kr", Malgun gothic;  }

.view_file_download{ border:solid 1px #d7d7d7; display:inline-block; padding:5px 10px; color:#0e5dc5; margin:15px 3px 5px 0; background:#eee url(/img/bg_top_1.png) top repeat-x; border-radius:3px; transition:.2s ease  }
.view_file_download:hover{ background:#3882e3; border-color:#3882e3; color:#fff; }
.view_file_download i{ color:#ff5883; }
.view_file_download:hover i{ color:#50d4fa; }


ul.charac_1{  position:relative; width:80%; margin:0 auto;   }
ul.charac_1:after{ content:""; display:block; clear:both;  }
ul.charac_1 li{  font:400 14px/24px "Noto Sans Kr", Malgun gothic; padding:10px 0; position:relative; }
ul.charac_1 li b{  display:block; color:#005d9e;  font:600 20px/30px "Noto Sans Kr", Malgun gothic; letter-spacing:-1px  }
ul.charac_1 li em{ position:absolute; top:15px; left:-40px; background:#73aa7b; color:#fff; border-radius:50px; display:inline-block; width:30px; font:600 20px/30px "Noto Sans Kr", Malgun gothic; text-align:center  }

p.img{ text-align:center; width:70%; margin:0 auto }
p.img img{ width:70%; }
.board-list .margin-bottom-20{ margin-bottom:2px; }

/* 이플러스 제품소개 카테고리 리스트 노출 비노출 스타일 설정 kjs 2018-06-19  */

.product_wrap .blog-list-eb{  display:none;  }
/* .product_wrap .text-center{  display:none;  } */
.product_wrap .list_paging{ display:none;  }
.product_wrap.hsvc .blog-list-eb{ display:block; }
.product_wrap.product_wrap.svc .blog-list-eb{ display:block; }
.csd .blog-list-eb{ display:block; }
.product_wrap.ahf .blog-list-eb{ display:block; }
.product_wrap.dpz .blog-list-eb{ display:block; }
.product_wrap.css .blog-list-eb{ display:block; }
.product_wrap.smart_eye .blog-list-eb{ display:block; }
.product_wrap.bms .blog-list-eb{ display:block; }

/* .hsvc .board_tab{ display:none; }
.svc .board_tab{ display:none; }
.csd .board_tab{ display:none; }
.ahf .board_tab{ display:none; }
.dpz .board_tab{ display:none; }
.css .board_tab{ display:none; }
.smart_eye .board_tab{ display:none; }
.bms .board_tab{ display:none; }
 */

@media (max-width:999px) {  
.product_category_bg h3 b{ font:600 30px/40px "Noto Sans Kr", Malgun gothic }
.product_category_bg > h3{ font:600 24px/34px "Noto Sans Kr", Malgun gothic; padding:20px 0;}
.headline_p dt{ float:none; width:100%; }
.headline_p dd{ float:none; width:100%; padding:10px 5%; }
a.pdf_down{ position:relative; right:0; left:0; bottom:auto; width:100%; display:block; text-align:center; margin:10px auto; padding:5px 0; font-size:14px }
.point_p_wrap{ margin-right:0; }
.point_p_wrap dl{ width:98% !important; float:none; margin:10px auto !important;  min-height:auto !important;  padding:10px 4% 20px 4% !important; box-shadow:0 !important }
.point_p_wrap dl dt{ min-height:auto }
.point_p_wrap dl dd{ text-align:center; font-size:13px }

dl.hsvc_emp{ width:100%; float:none; padding:0; }
.product_category_bg p.point{ font:500 16px/24px "Noto Sans Kr", Malgun gothic }
.hsvc_emp h3{ font:500 18px/24px "Noto Sans Kr", Malgun gothic; padding:10px 3%; }

.hsvc_tec dl{ width:99%; background:#fff }
.hsvc_tec dl dd{  }
.hsvc_tec dl dt img{ max-width:auto; width:90%; padding:10px 0; }
.code_p_wrap .code2{ display:none;  }
.code_p_wrap .code{ font:500 16px/24px "Noto Sans Kr", Malgun gothic; padding:7px 5%; }
.code_p_wrap .code::before{ border:0 }
.code_p_wrap .code{ border-left:solid 10px #ff5883 }

.zoomer{ width:100%; float:none; }
.zoomer img{ width:90%; margin:0 auto  }
.headline_wrap{ width:100%; float:none; }
.headline_wrap .headline > h3{ font:600 20px/24px "Noto Sans Kr", Malgun gothic; padding:10px 0; letter-spacing:0 }
.board_tab li a:hover .cate_22{ /* display:none;  */ }
.cate_img1 h2{ float:none }
.bottom.board_tab li .cate_22{ position:relative; top:auto; left:auto; }
.cate_img{ float:none }
.bottom.board_tab li .cate_img{ margin:10px auto; text-align:center }
.bottom.board_tab li .cate_img img{  text-align:center; margin:0 auto }
.bottom.board_tab li .cate_img1 h2{ padding:10px 0; display:block; text-align:center }
.bottom.board_tab li{ margin:0 auto; text-align:center }
.board_tab.bottom li:hover .cate_img{ border-radius:3px; box-shadow:none; border-color:#666  }
.product_category_bg h3.second b{ font:600 24px/32px "Noto Sans Kr", Malgun gothic;  }
.product_category_bg h3.second{ font:400 16px/24px "Noto Sans Kr", Malgun gothic; color:#999;  }
.product_category_bg h3.second{ padding:10px 0 40px 0 ; }
.smart_eye.product_constitution dl{ float:none; width:100%; }
.both_box li{ float:none; width:100%;  }
.both_box li table{ width:100%; margin:20px auto }
table.spec_row3 td img{  max-width:80px }
table.hsvc_emp_202_table td img{ max-width:150px }
table.spec_row3 th{ padding:2px 0px; word-break:break-all; min-width:40px }

}