/* 제품 상단배경 */
.page_product {background-image:url(http://www.huvis.com.cn/resource/eng/images/product/bg_product.jpg);}


/**
 *  위치 : 제품소개 - 단섬유 - 단섬유 소개
 *  파일 : stapleFiber_intro.html
 */
.content_product_intro .box_top:after {display:block; content:''; clear:both;}
.content_product_intro .box_top .img {float:left; margin-right:30px; width:400px; height:280px;}
.content_product_intro .box_top .txt {float:left; width:660px; height:100%; font-size:18px; line-height:24px; color:#000;}
.content_product_intro .box_top .txt .txt_chi {vertical-align:-2px;}
.content_product_intro .article {margin-top:50px;}
/* 생산공정 */
.content_product_intro .box_process {border:1px solid #ccc;}
.content_product_intro .area_map {position:relative; width:1088px; height:579px; border-bottom:1px solid #ddd;}
.content_product_intro .area_map .btn {position:absolute; top:50%; width:63px; height:63px; margin-top:-31px;}
.content_product_intro .area_map .btn_prev {left:30px; background:url(../image/btn_step_prev.gif) no-repeat 0 0;}
.content_product_intro .area_map .btn_next {right:30px; background:url(../image/btn_step_next.gif) no-repeat 0 0;}
.content_product_intro .area_map .list_map {position:relative; width:1088px; height:579px;}
.content_product_intro .area_map .list_map.type_s {background:url(../image/bg_s_process.gif) no-repeat 0 0;}
.content_product_intro .area_map .list_map li {display:none; position:absolute; cursor:pointer;}
.content_product_intro .area_map .list_map li:first-child {display:block; top:143px; left:170px;}
.content_product_intro .area_map .list_map.type_s li:nth-child(2) {top:73px; left:332px;}
.content_product_intro .area_map .list_map.type_s li:nth-child(3) {top:63px; left:448px;}
.content_product_intro .area_map .list_map.type_s li:nth-child(4) {top:49px; left:656px;}
.content_product_intro .area_map .list_map.type_s li:nth-child(5) {top:192px; left:552px;}
.content_product_intro .area_map .list_map.type_s li:nth-child(6) {top:274px; left:496px;}
.content_product_intro .area_map .list_map.type_s li:nth-child(7) {top:348px; left:253px;}
.content_product_intro .area_order {padding:50px 140px;background-color:#f2f2f2;}
.content_product_intro .area_order .tit_order {margin-bottom:10px; font-weight:700; font-size:18px; color:#000;}
.content_product_intro .area_order .list_order {position:relative; margin:0 auto;}
.content_product_intro .area_order .list_order.type_s {width:761px; height:90px; background:url(../image/bg_s_order.png) no-repeat 0 0;}
/*수정*/.content_product_intro .area_order .list_order li {position:absolute; width:85px; height:40px; background:url(../image/bg_order_off.png) no-repeat 0 0; text-align:center; font-size:14px; line-height:1.2; color:#fff; cursor:pointer;}
/*추가*/.content_product_intro .area_order .list_order li .txt {display:inline-block; vertical-align:middle;}
/*추가*/.content_product_intro .area_order .list_order li:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
/* [D] 현재 내용에 .on 추가 (bg) */
.content_product_intro .area_order .list_order li.on {background:url(../image/bg_order_on.png) no-repeat 0 0;}
.content_product_intro .area_order .list_order li:first-child {top:24px; left:0;}
.content_product_intro .area_order .list_order li:nth-child(2) {top:24px; left:135px;}
.content_product_intro .area_order .list_order li:nth-child(3) {top:0; left:270px;}
.content_product_intro .area_order .list_order li:nth-child(4) {top:50px; left:270px;}
.content_product_intro .area_order .list_order li:nth-child(5) {top:24px; left:405px;}
.content_product_intro .area_order .list_order li:nth-child(6) {top:24px; left:541px;}
.content_product_intro .area_order .list_order li:nth-child(7) {top:24px; left:675px;}
/* Chain */
.content_product_intro .box_supplychain .step {padding-bottom:50px; border:1px solid #ccc;}
/* 제품용도 */
.content_product_intro .article .box_usage.type_label {margin-top:-30px;}
.content_product_intro .article .list_usage {width:1090px; margin:0 auto;}
.content_product_intro .article .list_usage:after {display:block; content:''; clear:both;}
.content_product_intro .article .list_usage li {float:left; width:154px; min-height:187px; margin-top:30px; text-align:center;}
.content_product_intro .article .list_usage li .bg_usage {display:table; margin:0 auto; width:112px; height:112px; text-align:center;}
.content_product_intro .article .list_usage li .bg_usage img {width:112px; height:112px;}
.content_product_intro .article .list_usage li .bg_copy {display:table; padding-top:20px; text-align:center;}
.content_product_intro .article .list_usage li .copy_usage {display:table-cell; width:172px; padding:0 10px; font-size:18px; line-height:24px; color:#333; vertical-align:middle;}
/* 제품보기 */
.content_product_intro .article .tbl_usage .col_quart {width:16%; height:100%;}
.content_product_intro .article .tbl_usage tr th,
.content_product_intro .article .tbl_usage tr td {word-break:break-all;}
.content_product_intro .article .tbl_usage thead th {padding:10px 8px; background:#f2f2f2; border-top:2px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:18px; font-weight:700; color:#333;}
.content_product_intro .article .tbl_usage thead th:first-child {border-left:none;}
.content_product_intro .article .tbl_usage tbody td {padding:8px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:16px; color:#333;}
.content_product_intro .article .tbl_usage tbody td:first-child {border-left:none;}
.content_product_intro .article .tbl_usage td .small {font-size:14px;}


/**
 *  위치 : 제품소개 - 제품상세
 *  파일 : product_deatil.html
 */
.noneImg {display:none;}
/** 제품종류 버튼 **/
.content_product_view .box_top .list_sort:after {display:block; content:''; clear:both;}
.content_product_view .box_top .list_sort li {display:table; float:left; margin:0 2px 2px 0px; height:50px; width:216px; border:1px solid #ccc; background:#f2f2f2; text-align:center; vertical-align:middle; box-sizing:border-box; color:#000;}
/* [D] 현재 제품에 .on 추가 */
.content_product_view .box_top .list_sort li:hover,
.content_product_view .box_top .list_sort li.on {border:1px solid #01b4e5;background:#01b4e5; color:#fff;}
.content_product_view .box_top .list_sort li a {display:block; text-align:center;width:100%; height:100%;}
.content_product_view .box_top .list_sort li span {display:table-cell; padding:0 4px; width:218px; height:48px; margin:0 auto; vertical-align:middle; font-size:18px; line-height:1.2;}
.content_product_view .box_top .list_sort li p {display:table-cell; padding:0 4px; width:218px; height:48px; margin:0 auto; vertical-align:middle;}
.content_product_view .box_top .list_sort li:nth-child(5n) {margin-right:0}
/* 제품종류 더보기 버튼 */
.content_product_view .wrap_more {margin-top:75px; display:block; width:100%; height:28px; text-align:center; border-top:1px dashed #cdcdcd;}
.content_product_view .wrap_more .btn_more {margin-top:-25px; width:52px; height:52px; background:url(../image/btn_more.gif) no-repeat}
.content_product_view .wrap_more .btn_more.close {background:url(../image/btn_more_close.gif)}
/* 제품군 이동 버튼 */
.content_product_view .article_intro {position:relative;}
.content_product_view .area_product_move {position:absolute; top:80px; right:2px; font-size:0;}
.content_product_view .area_product_move .desc,
.content_product_view .area_product_move button {display:inline-block; vertical-align:bottom; font-size:14px;}
.content_product_view .area_product_move .desc {margin-right:10px; color:#000;}
.content_product_view .area_product_move button {width:22px; height:22px; background-repeat:no-repeat; background-position:0 0;}
.content_product_view .area_product_move .btn_prev_product {margin-right:2px; background-image:url(../image/arr_product_prev.gif);}
.content_product_view .area_product_move .btn_prev_product:hover {background-image:url(../image/arr_product_prev_on.gif);}
.content_product_view .area_product_move .btn_next_product {background-image:url(../image/arr_product_next.gif);}
.content_product_view .area_product_move .btn_next_product:hover {background-image:url(../image/arr_product_next_on.gif);}

/** 제품설명 **/
.content_product_view .article {margin-bottom:50px;}
/* 제품이름,  수상내역 이미지 */
.content_product_view .article .box_tit .tit_sort {float:left;}
.content_product_view .article .box_tit .wrap_award {float:left; padding:30px 0 0 10px;}
.content_product_view .article .box_tit .wrap_award .list_award li {float:left; margin-left:5px;}
/* 설명 내용 */
.content_product_view .article .box_cont .wrap_desc {box-sizing:border-box; width:720px; padding-right:20px;}
.content_product_view .article .box_cont .desc_tit {padding-bottom:28px; font-size:22px; color:#000; font-weight:700;}
.content_product_view .article .box_cont .desc_sort {font-size:18px; line-height:24px; color:#000; font-weight:400;}
.content_product_view .article .box_cont .list_btn {margin-top:30px;}
.content_product_view .article .box_cont .list_btn:after {display:block; content:''; clear:both;}
.content_product_view .article .box_cont .list_btn li {float:left;}
.content_product_view .article .box_cont .list_btn .btn {display:inline-block; margin-right:5px;  min-width:140px; height:40px; font-size:14px; font-weight:700; text-align: center; line-height: 40px; color: #fff; box-sizing:border-box;}
.content_product_view .article .box_cont .list_btn .btn:hover {background-color:#00265b;}
.content_product_view .article .box_cont .list_btn .btn_hangtag {padding:0 23px 0 45px; background:url(../image/bg_hangtag.gif) no-repeat 23px center #999;}
.content_product_view .article .box_cont .list_btn .btn_hangtag:hover {background:url(../image/bg_hangtag_hover.gif) no-repeat 23px #00265b;}
.content_product_view .article .box_cont .list_btn .btn_catalogue {padding:0 19px 0 39px; background:url(../image/bg_catalogue.gif) no-repeat 20px center #999;}
.content_product_view .article .box_cont .list_btn .btn_certi {padding:0 25px 0 46px; background:url(../image/bg_certi.gif) no-repeat 25px center #999;}
.content_product_view .article .box_cont .list_btn .btn_certi:hover {background:url(../image/bg_certi_hover.gif) no-repeat 25px #00265b;}
/* 브랜드 소개*/
.content_product_view .article {position:relative;}
.content_product_view .article .wrap_brand {padding-left:27px; border-left:1px solid #ccc; position:absolute; right:0; top:116px;}
.content_product_view .article .wrap_brand .img_brand {width:340px; height:136px; text-align:center; line-height:136px;}
.content_product_view .article .wrap_brand .img_brand img {vertical-align:middle;}
.content_product_view .article .wrap_brand .desc_brand {padding:30px 0 50px 20px; width:340px; color:#333; font-size:16px; box-sizing:border-box;}
/* 브랜드로고, 소개 전부 있는 경우 .comp로 구분점선 */
.content_product_view .article .wrap_brand.comp .img_brand {border-bottom:1px dashed #ccc;}
.content_product_view .article .wrap_brand .desc_brand .tag {padding-left:25px; background:url(../image/bu_tit.gif) no-repeat left center; font-weight:700;}
.content_product_view .article .wrap_brand .desc_brand .desc {font-weight:400;}

/** 제품 특징 (1 ~ 6개 : 가운데정렬) **/
.content_product_view .article .box_feature {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.content_product_view .article .list_feature {display:table; padding:50px 0; margin:0 auto;}
.content_product_view .article .list_feature:after {display:block; content:''; clear:both;}
.content_product_view .article .list_feature li {display:inline-block; float:left; padding:0 17px; width:175px;}
.content_product_view .article .list_feature li .bg_feature {display:table; margin:0 auto; width:150px; height:150px; background:#00265b; border-radius:151px; text-align:center;}
.content_product_view .article .list_feature li .tit_feature {padding:0 18px; display:table-cell; font-size:18px; line-height:24px; vertical-align:middle; color:#fff;}
.content_product_view .article .list_feature li .bg_copy {display:table; padding-top:30px; text-align:center;}
.content_product_view .article .list_feature li .copy_feature {display:table-cell; width:175px; font-size:18px; line-height:24px; color:#333; vertical-align:middle;}

/** 타이틀1 / 타이틀2 / 타이틀4  (540px 이미지 중앙정렬 최대 2개까지) **/
.content_product_view .article .list_demo {text-align:center;}
.content_product_view .article .list_demo:after {display:block; content:''; clear:both; }
.content_product_view .article .list_demo li {display:inline-block; max-width:1090px; min-width:540px; height:100%; margin:0 auto;}
.content_product_view .article .list_demo li:firsh-child {margin:0 auto; width:540px}
.content_product_view .article .list_demo li:nth-child(2n) {float:right;}

/** 타이틀3, 세부사항 테이블 **/
.content_product_view .tbl_demo {border-top:2px solid #ccc;}
.content_product_view .tbl_demo th,
.content_product_view .tbl_demo td {word-break:break-all; border:1px solid #ccc; color:#333;}
.content_product_view .tbl_demo th:first-child,
.content_product_view .tbl_demo td:first-child {border-left:0;}
.content_product_view .tbl_demo th:last-child,
.content_product_view .tbl_demo td:last-child {border-right:0;}
.content_product_view .tbl_demo th {padding:10px 8px; background:#f2f2f2; font-size:18px; font-weight:700;}
.content_product_view .tbl_demo td {padding:8px; text-align:center; font-size:16px;}

/** 제품 용도 (7개 : 왼쪽정렬 ) **/
.content_product_view .article .box_usage {margin-top:-30px;}
.content_product_view .article .list_usage {width:1090px; margin:0 auto;}
.content_product_view .article .list_usage:after {display:block; content:''; clear:both;}
.content_product_view .article .list_usage li {float:left; width:154px; /* min-height:192px; */ margin-top:30px; text-align:center;}
.content_product_view .article .list_usage li .bg_usage {display:table; width:112px; height:112px; margin:0 auto; text-align:center;}
.content_product_view .article .list_usage li .bg_usage img {width:112px; height:112px;}
.content_product_view .article .list_usage li .bg_copy {display:table; margin-top:20px; text-align:center;}
.content_product_view .article .list_usage li .copy_usage {display:table-cell; width:172px; padding:0 10px; vertical-align:middle; font-size:18px; line-height:24px; color:#333;}

/** 타이틀5 (에디터용) **/
.content_product_view .article .box_apply {font-size:18px; color:#000;}
.content_product_view .article .box_apply .tit {font-size:22px; font-weight:700; color:#000;}

/** Contact us **/
.content_product_view .article .tbl_contact .col_quart {width:16%;}
.content_product_view .article .tbl_contact tr th,
.content_product_view .article .tbl_contact tr td {word-break:break-all;}
.content_product_view .article .tbl_contact thead th {padding:10px 8px; background:#f2f2f2; border-top:2px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:18px; font-weight:700; color:#333;}
.content_product_view .article .tbl_contact thead th:first-child {border-left:none;}
.content_product_view .article .tbl_contact tbody td {padding:8px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; font-size:16px; color:#333;}
.content_product_view .article .tbl_contact tbody td:first-child {border-left:none;}


/**
 *  위치 : 제품소개 - 수처리 - 수처리 소개
 *  파일 : waterTreatment_intro.html
 */
.content_product_intro.water .img_intro {margin-top:80px;}


/**
 *  위치 : 제품소개 - 수처리 - 제품상세 공통
 *  파일 : product_detail_water_separation.html,
 *	       product_detail_water_component.html
 */
/* 간격 */
.content_product_view.water .article {margin-bottom:0; margin-top:80px;}
.content_product_view.water .article:first-child {margin-top:0;} 
.content_product_view.water .box_cont {font-size:18px; line-height:24px;}
/* 테이블 (공통) */
.content_product_view.water .wrap_tbl {border-top:1px solid #999; border-bottom:1px solid #999;}
.content_product_view.water .tbl_demo {border-top:0;}
.content_product_view.water .tbl_demo tr:first-child td,
.content_product_view.water .tbl_demo tr:first-child th {border-top:0;}
.content_product_view.water .tbl_demo tr:last-child td,
.content_product_view.water .tbl_demo tr:last-child th {border-bottom:0;}
.content_product_view.water .tbl_demo th {border-color:#999;}
.content_product_view.water .tbl_demo sup {font-size:9px;}


/**
 *  위치 : 제품소개 - 수처리 - FilONE 分离膜
 *  파일 : product_detail_water_separation.html
 */
.content_product_view.water .article_diff .area_diff {margin-bottom:24px;}
.content_product_view.water .article_diff .area_diff:after {display:block; height:0; clear:both; content:'';}
.content_product_view.water .article_diff .area_diff .img_diff {float:left; border:1px solid #ccc;}
.content_product_view.water .article_diff .area_diff .img_diff:first-child {margin-right:22px;}


/**
 *  위치 : 제품소개 - 수처리 - FilONE 组件
 *  파일 : product_detail_water_component.html
 */
/* 제품소개 */
.content_product_view.water .article_outline .area_outline {float:left;}
.content_product_view.water .article_outline .area_detail {float:right; width:641px;}
/* 제품소개 - table */
.content_product_view.water .article_outline .wrap_tbl {margin-bottom:68px;}
.content_product_view.water .article_outline th,
.content_product_view.water .article_outline td {box-sizing:border-box; height:50px; padding:0; font-size:16px; line-height:20px; letter-spacing:-0.025em;}
/* 장점 - table */
.content_product_view.water .article_strong .col_list {width:360px;}
.content_product_view.water .article_strong .col_center {width:210px;}
.content_product_view.water .article_strong tr:nth-child(4) td {border-bottom-color:#999;}
.content_product_view.water .article_strong .th_merge,
.content_product_view.water .article_strong tr:nth-last-child(2) td {border-bottom:0;}
.content_product_view.water .article_strong .cell_desc {padding:20px 28px; text-align:left;}
.content_product_view.water .article_strong .emp {font-weight:700;}
/* HMO, HMI Series */
.content_product_view.water .article_standard .img_standard {margin-bottom:50px; text-align:center; font-size:0;}
.content_product_view.water .article_standard .img_standard img {display:inline-block;}
/* HMO, HMI Series - table 공통 */
.content_product_view.water .article_standard .wrap_tbl {margin-bottom:60px;}
.content_product_view.water .article_standard .wrap_tbl:last-child {margin-bottom:0;}
/* HMO, HMI Series - table1 */
.content_product_view.water .article_standard .wrap_tbl.type_detail tr:first-child th:first-child {width:50%;}
.content_product_view.water .article_standard .wrap_tbl.type_detail tr:nth-last-child(2) td {border-bottom:0;}
.content_product_view.water .article_standard .wrap_tbl.type_detail .cell_subtit {border-right-color:#999;}
/* HMO, HMI Series - table2,3 */
.content_product_view.water .article_standard .wrap_tbl.type_sort td:first-child {border-right-color:#999;}


/**
 *  위치 : 제품소개 - 제품자료실
 *  파일 : product_data.html
 */
.content_product_data .box_tbl .tbl_data {border-bottom:1px solid #999; background:#fff;}
.content_product_data .box_tbl .tbl_data tr:first-child td {border-top:1px solid #999;}
.content_product_data .box_tbl .tbl_data tr td {padding:30px 10px; border-top:1px solid #ccc; text-align:left; color:#666;}
.content_product_data .box_tbl .tbl_data tr td:first-child {padding-left:25px;}
.content_product_data .box_tbl .tbl_data td .tit {display:block; padding-bottom:18px; font-size:18px; font-weight:700; color:#333;}
.content_product_data .box_tbl .tbl_data tr td:nth-child(2) {width:600px; vertical-align:top; word-break:break-all;}
.content_product_data .box_tbl .tbl_data td .btn_dwnload {float:right; width:103px; padding-left:17px; margin-top:145px; background-position:93px 9px;}
.content_product_data .box_tbl .tbl_data .img img {box-sizing:border-box; width:270px; height:178px; border:1px solid #ccc;}
.content_product_data .box_tbl .tbl_data .img .img_wrap {position:relative; width:146px; height:180px; margin:0 auto;}
.content_product_data .box_tbl .tbl_data tr:hover .img_wrap:after {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; border:4px solid #21a9dc; content:'';}


/*
*  위치 : 제품소개 - 수처리 - FilONE 分离膜
*  파일 : product_detail_water_separation.html
*/
.content_product_view.water .section_contact {margin-top:80px;}
.content_product_view.water .section_contact.first {margin-top:0;}
.content_product_view.water .box_tbl_contact {border-top:2px solid #ccc;}
.content_product_view.water .tbl_contact .col_contact {width:25%;}
.content_product_view.water .tbl_contact td {height:40px; border:1px solid #ccc; border-top:0; text-align:center;}
.content_product_view.water .tbl_contact td:first-child {border-left:0;}
.content_product_view.water .tbl_contact td:last-child {border-right:0;}
.content_product_view.water .tbl_contact td:last-child a {display:block; width:25px; height:19px; margin:0 auto;}
.content_product_view.water .tbl_contact td.tit {height:50px; background-color:#f2f2f2; font-weight:700; font-size:18px;}