@charset "utf-8";

/*
* product style
*/


/* contentToLeft */
.pdtFilter { float:left; margin-right:40px; width:200px; height:1048px; border-bottom:1px solid #e4e3e3; background:#fff url(/images/product/bg_PdtFilter.gif) repeat-y;}
.pdtFilter .wrap { padding:25px 19px; background-color:#f9f9f9; border-left:1px solid #e4e3e3; border-right:1px solid #e4e3e3;}
.pdtFilter .btn1 { float:left; display:block;}
.pdtFilter .btn2 { float:left; margin-left:4px; display:block;}
.pdtFilter fieldset legend img {*margin-left:-7px;}
.pdtFilter fieldset label { display:block;} /* 대표보고 임시 */
.pdtFilter fieldset i { line-height:16px; color:#454545;}
.pdtFilter fieldset span {   white-space:nowrap; cursor:pointer;}
.pdtFilter fieldset i span { color:#777; font:11px/15px dotum;}

.pdtFilter fieldset.boiler, .pdtFilter fieldset.waterHeating, .pdtFilter fieldset.fitOption{ margin-top:15px;}
.pdtFilter fieldset.boiler ul, .pdtFilter fieldset.waterHeating ul, .pdtFilter fieldset.fitOption ul { padding-top:14px;}
.pdtFilter fieldset.boiler li, .pdtFilter fieldset.waterHeating li, .pdtFilter fieldset.fitOption li { line-height:18px;}

.pdtFilter fieldset.heatingArea>ul, .pdtFilter fieldset.waterHeating>ul { padding-top:7px;}
.pdtFilter fieldset.heatingArea>ul>li { padding-top:7px;}
.pdtFilter fieldset.heatingArea>ul ul.sub { background-color:#efefef; margin-top:9px; padding:3px 0 9px 14px; border:1px solid #e9e9e9;}
.pdtFilter fieldset.heatingArea>ul ul.sub li { margin-top:7px; *margin-top:4px;}

.pdtFilter fieldset.fitForm ul { padding-top:14px;}
.pdtFilter fieldset.fitForm li { display:inline; float:left; width:70px; margin-top:10px; *margin-top:-10px; margin-right:10px; }
.pdtFilter fieldset.fitForm li.first { margin-top:0; margin-right:10px; width:100px;}
.pdtFilter fieldset.fitForm li .fitForm1, .pdtFilter fieldset.fitForm li .fitForm2 { margin-bottom:5px;  margin-left:16px;}
.pdtFilter fieldset.fitForm li.first i { margin-left:21px;}
.pdtFilter fieldset.fitForm li i { margin-left:0;}
.pdtFilter fieldset.fitForm li i span { margin-top:5px; display:block;}
.pdtFilter fieldset.fitForm .imgRdo1 { font-size:12px; color:#444; padding:32px 0 0 17px; *padding-top:0;  }
.pdtFilter fieldset.fitForm .imgRdo1_on { font-size:12px; color:#444; padding:32px 0 0 17px; *padding-top:0; }

.boiler>ul>li,.waterHeating>ul>li,.fitOption>ul>li { margin-top:5px;}
.boiler>ul>li.first,.waterHeating>ul>li.first,.fitOption>ul>li.first { margin-top:0;}
#oilArea { display:none;}

/* contentToRight */
.pdtListTp1 { float:left; width:100%;}
.pdtListTp1.pdtIndex { float:left; width:720px;}
.pdtListTp1.indoorList { margin-top:18px;}

.topWrap { height:25px; overflow:visible;}
.topWrap+.lineTp1{ margin-top:7px;}
.pdtTotal { float:left; padding-top:10px;}
.pdtTotal strong { font-weight:bold; color:#f97b0b;}

.iconView { float:right; margin-right:15px;}
.tipTp1 .arrow { position:absolute; top:0; left:60px; background:url(/images/common/arrow_tipTp1.png) no-repeat; width:11px; height:8px; z-index:11;}
.tipTp1 { position:relative; display:none; }
.tipTp1 .pdtFeature { position:absolute; top:6px; left:0; width:93px; padding:13px; background-color:#fff; border:2px solid #dadada; z-index:10;}
.tipTp1 .pdtFeature li { vertical-align:middle; white-space:nowrap; clear:both; margin-top:10px; height:18px; font:11px dotum; color:#444;}
.tipTp1 .pdtFeature li:first-child{ margin-top:0;}

.pdtFeature img { float:left; }
.pdtFeature span { float:left; padding:3px 0 0 5px;}
.pdtFeature i { font-size:12px;}
.btnCompare { float:right;}
.btnCompare .btn1 { float:left; display:block;}
.btnCompare .btn2 { float:left; margin-left:4px; display:block;}

.pdtListTp1 .row { clear:both;}
.pdtListTp1 .col { float:left; padding:0 20px; width:200px; }

.checkArea { overflow:visible; height:17px;}
.checkArea i { display:inline-block; margin-left:21px; margin-top:2px; height:16px; line-height:16px; vertical-align:middle; font-size:11px; white-space:nowrap; cursor:pointer;}
.checkArea i.on { color:#f97d0b;}

.linkArea { text-align:center; margin-top:15px; cursor:pointer;}

.infoArea { text-align:center; margin-top:15px;}
.infoArea h3 { }
.infoArea img { margin-top:7px;}

.btnDetail { text-align:center; margin-top:12px;}

/*
* pdtDetail style
*/
.contentFeature { position:relative; /*margin-top:63px;*/ overflow:hidden;}
.contentFeature .leftNavi { position:absolute; top:178px; left:0;}
.contentFeature .leftNavi ul { position:relative;}
.contentFeature .leftNavi ul li { position:absolute; left:0; background:url(/images/product/leftNavi.png) no-repeat;}
.contentFeature .leftNavi ul li.num1 { top:0; background-position:0 0;}
.contentFeature .leftNavi ul li.num2 { top:33px; background-position:0 -33px;}
.contentFeature .leftNavi ul li.num3 { top:66px; background-position:0 -66px;}
.contentFeature .leftNavi ul li.num4 { top:99px; background-position:0 -99px;}
.contentFeature .leftNavi ul li.num5 { top:132px; background-position:0 -132px;}
.contentFeature .leftNavi ul li.num6 { top:165px; background-position:0 -165px;}
.contentFeature .leftNavi ul li.num7 { top:198px; background-position:0 -198px;}
.contentFeature .leftNavi ul li.on { z-index:10;}
.contentFeature .leftNavi ul li.num1.on { top:-1px; background-position:0 -203px;}
.contentFeature .leftNavi ul li.num2.on { top:32px; background-position:0 -243px;}
.contentFeature .leftNavi ul li.num3.on { top:65px; background-position:0 -283px;}
.contentFeature .leftNavi ul li.num4.on { top:98px; background-position:0 -323px;}
.contentFeature .leftNavi ul li.num5.on { top:131px; background-position:0 -363px;}
.contentFeature .leftNavi ul li.num6.on { top:164px; background-position:0 -403px;}
.contentFeature .leftNavi ul li.num7.on { top:197px; background-position:0 -443px;}
.contentFeature .leftNavi ul li a { width:181px; height:33px; display:block; text-indent:-99999px;}
.contentFeature .leftNavi ul li.on a { height:40px;}
.contentFeature .leftNavi.vari1 ul li { position:absolute; left:0; background:url(/images/product/leftNavi01.png) no-repeat;}

.featureCon h4 { float:left;}
.featureCon .imgCon { float:right;}


/*product spec style*/
.contentSpec { /*margin-top:63px;*/}
.contentSpec h4 { margin-bottom:20px;}
.specTxt { margin-top:20px;}
.specTxt ul li { line-height:18px;}
.compList { float:left; width:250px; }
.compLay { float:left; width:710px;}

.sepSpec {}
.sepSpec .row { margin-top:90px;}
.sepSpec .row01 { margin-top:46px;}/* pja add 1106 */
.sepSpec .row01 .col .txt{margin-top:45px;}/* pja add 1106 */
.sepSpec .row.first { margin-top:0; padding-top:20px;}
.sepSpec .col { float:left; width:440px; margin-left:80px;}
.sepSpec .col01 { float:left; width:440px; margin-left:80px; margin-top:40px;}/* pja add 1106 */
.sepSpec .col.first { margin-left:0;}
.sepSpec .conTop { margin-bottom:30px;}
.sepSpec .conTop01 { margin-bottom:-30px;}/* pja add 1106 오후 */
.sepSpec .thum { float:left;}
.sepSpec .txt { float:left; margin-left:10px;}
.sepSpec .txt p { margin-top:14px;}
.sepSpec .specTable {}
.sepSpec .specTable .tableTpA th, .sepSpec .specTable .tableTpA td { text-align:left; padding-left:30px;} 
.sep4_btn{display:block;margin-top:10px;}/* pja add 1106 */
/* product service */
.pdtService {/* margin-top:63px;*/}
.pdtService .leftCon { float:left;}

.ManualDownload { width:634px; float:left; margin-right:40px;}
.ManualDownload h3 { float:left;}
.ManualDownload .downloadBtn { margin-top:15px;}
.ManualDownload .downloadBtn li { float:left; margin-left:6px;margin-bottom:6px;}
.ManualDownload .downloadBtn li:nth-child(5) {margin-left:0;} 
.ManualDownload .downloadBtn li:last-child {margin-right:0;} 
.ManualDownload .downloadBtn li.first { margin-left:0;}
.ManualDownload .downloadBtn li a { display:block;}
.ManualDownload  p.down { float:right; height:20px;}
.ManualDownload .down span { display:inline-block; height:20px; white-space:nowrap; /*background:url(/images/common/bul_list.gif) 0 4px no-repeat;*/ font:11px dotum; color:#a1a1a1; vertical-align:middle;}
.ManualDownload .down a { display:inline-block; margin-left:5px;}

.indoorMovieManual { margin-top:40px;}
.indoorMovieManual .manualBox { margin-top:15px; width:960px;}
.indoorMovieManual .manualBox .manualNavi { float:left; position:relative; width:240px; height:427px; background-color:#736d67;}
.indoorMovieManual .manualBox .manualMovie { float:right; padding:39px 0 39px 93px; width:626px; height:347px; background-color:#f9f9f9; border-top:1px solid #e4e3e3; border-right:1px solid #e4e3e3; border-bottom:1px solid #e4e3e3;}
.indoorMovieManual .manualBox .manualMovie h4 { margin-left:10px;}
.indoorMovieManual .manualBox .manualMovie .videoTpD { position:relative; margin-top:15px; width:534px; height:330px;}
.indoorMovieManual .manualBox .manualMovie .videoTpD .videoContainer { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.indoorMovieManual .manualBox .manualMovie .videoTpD .videoContainer .playBtn { position:absolute; display:block; width:100%; height:100%; background:url("../images/pr/flashVideo_playBtn.png") 50% 50% no-repeat; }
.indoorMovieManual .manualBox .manualMovie .videoTpD .thumbnail { width:512px; height:288px; margin-left:10px; text-align:center; background-color:#dadada; border:1px solid #e7e7e7; }
.indoorMovieManual .manualBox .manualMovie .videoTpD.mobile { margin:0 10px 9px 0; width:512px; height:288px; }
.indoorMovieManual .manualBox .manualMovie .videoTpD.mobile .thumbnail { width:512px; height:288px; margin-left:10px; text-align:center; background-color:#dadada; border:1px solid #e7e7e7;}
.indoorMovieManual .manualTxt { width:680px; margin-top:30px;}
.indoorMovieManual .manualTxt>dl { margin-top:20px;}
.indoorMovieManual .manualTxt dl dt.tit { font:bold 16px dotum; color:#444; letter-spacing:-0.5px;}
.indoorMovieManual .manualTxt dl dt.tit.Tp02 { font:bold 16px dotum; color:#f97b0b; letter-spacing:-0.5px;}/* pja add 1210 */
.indoorMovieManual .manualTxt dl>dd { padding-left:21px; margin-top:10px; line-height:18px;}
.indoorMovieManual .manualTxt dl.tp0>dd { padding-left:0;} /* pja add */
.indoorMovieManual .manualTxt dl dt+dd { margin-top:17px;}
.indoorMovieManual .manualTxt dl>dd strong { font-weight:bold; color:#777;}
.indoorMovieManual .manualTxt dl>dd strong.tit_color { color:#3496a9; }
.indoorMovieManual .manualTxt dl>dd.num1 { background:url(../images/common/ico_num1.gif) left 1px no-repeat;}
.indoorMovieManual .manualTxt dl>dd.num2 { background:url(../images/common/ico_num2.gif) left 1px no-repeat;}
.indoorMovieManual .manualTxt dl>dd.num3 { background:url(../images/common/ico_num3.gif) left 1px no-repeat;}
.indoorMovieManual .manualTxt dl>dd.num4 { background:url(../images/common/ico_num4.gif) left 1px no-repeat;}
.indoorMovieManual .manualTxt dl>dd.num5 { background:url(../images/common/ico_num5.gif) left 1px no-repeat;}
.indoorMovieManual .manualTxt dl>dd.num6 { background:url(../images/common/ico_num6.gif) left 1px no-repeat;}
.indoorMovieManual .manualTxt dl>dd.num7 { background:url(../images/common/ico_num7.gif) left 1px no-repeat;}
.indoorMovieManual .manualTxt dl>dd.tip { *zoom:1; padding:10px 10px 10px 45px; border:3px solid #e4e3e3; background:url(../images/common/ico_tip.gif) 12px 12px no-repeat; font:11px/18px dotum; color:#a1a1a1;}
.indoorMovieManual .manualTxt dl>dd.imp { *zoom:1; padding:10px 10px 10px 45px; border:3px solid #e4e3e3; background:url(../images/common/ico_imp.gif) 12px 12px no-repeat; font:11px/18px dotum; color:#a1a1a1;} /* pja add */
.indoorMovieManual .manualTxt dl>dd.reference { *zoom:1; padding:10px 10px 10px 45px; border:3px solid #e4e3e3; background:url(../images/common/ico_reference.gif) 12px 12px no-repeat; font:11px/18px dotum; color:#a1a1a1;} /* pja add */
.indoorMovieManual .manualTxt #bcolor { *zoom:1; padding:10px 10px 10px 10px; border:3px solid #f97b0b;  font:11px/18px dotum;} /* pja add 1210*/
.indoorMovieManual .manualTxt #bcolor2 { *zoom:1; padding:10px 10px 10px 45px; border:3px solid #f97b0b;  font:11px/18px dotum;} /* pja add 1210*/
.indoorMovieManual .manualTxt dl.sub dt { margin-top:10px;}
.indoorMovieManual .manualTxt dl.sub dd { margin-top:0; padding-left:0; color:#a1a1a1; font-size:11px;}
.indoorMovieManual .manualTxt dl.sub dd img, .indoorMovieManual .manualTxt dl> dd img { vertical-align: middle;}/* pja add */
.indoorMovieManual .manualTxt .txt_box { padding:1px 3px 0; border:1px solid #807a73; background-color:#98938e; color:#fff; font:11px/14px dotum; letter-spacing:-0.5px;}
.indoorMovieManual .manualTxt p.img {margin-top:10px;}
.indoorMovieManual .manualTxt .box_color { display:inline-block; background-color:#98938e; width:8px; height:8px; border:1px solid #807a73;}




.pdtWarranty { float:left;}
.pdtWarranty p { height:20px; margin-top:16px;}
.pdtWarranty p span { display:inline-block; height:20px; vertical-align:middle; color:#777;}
.pdtWarranty p a { display:inline-block;margin-top:5px;}

.bottomBanner { margin-top:40px;}
.bottomBanner li { float:left; margin-left:20px;}
.bottomBanner li.first { margin-left:0;}

.pdtService .rightCon { float:right;}
.callcenter { width:238px; height:133px; border-top:1px solid #e4e3e3; border-right:1px solid #e4e3e3; border-left:1px solid #e4e3e3;}
.callcenter .wrap { margin:30px 0 0 25px;}
.callcenter .wrap p { margin-top:20px;}
.customer { width:238px; height:173px; border-top:1px dotted #e4e3e3; border-right:1px solid #e4e3e3; border-bottom:1px solid #e4e3e3; border-left:1px solid #e4e3e3;}
.customer .wrap { margin:30px 0 0 25px;}
.customer .wrap ul { margin-top:15px;}
.customer .wrap ul li { line-height:22px; }
.customer .wrap ul li a { padding-right:18px; background:url(/images/common/ding_arrow.gif) right center no-repeat;}

/*product review*/
.contentReview {/* margin-top:63px;*/}
.contentReview h3 {}
.contentReview .conInfo .recommend { float:left; text-align:right; margin-left:14px; margin-top:-2px; }
.contentReview .conInfo .recommend .bg { float:left;}
.contentReview .conInfo .pointTp1 {}
.contentReview .conInfo .pointTxt { font:11px dotum; color:#999; padding-top:2px;}
.contentReview .conInfo .pointWarp { padding-top:4px;}
.contentReview .contentReview_txt { margin-top:15px; padding:25px 28px; border:1px solid #e1e1e1; background-color:#f8f8f8;}
.contentReview .contentReview_txt .wrap { float:left;}
.contentReview .contentReview_txt ul { margin-top:13px;}
.contentReview .contentReview_txt ul li{ padding-left:13px; background:url(/images/common/bul_list.gif) 0 6px no-repeat; color:#777; letter-spacing:-1px; line-height:18px;}
.contentReview .contentReview_txt a { float:right; display:block; height:53px; margin-top:3px;}
.contentReview .contentReview_txt .btnPdtRegister { width:86px; background:url(/images/btn/btn_pdtRegister.gif) no-repeat;}
.contentReview .contentReview_txt .btnReviewRegister { margin-left:5px; width:87px; background:url(/images/btn/btn_reviewRegister.gif) no-repeat;}
.contentReview .contentReview_txt .btnPdtRegister, .btnReviewRegister { text-indent:-9999px;}

.reviewList { margin-top:30px;}
.reviewList .topWrap .listTotal { float:left; color:#999; letter-spacing:-0.5px;}
.reviewList .topWrap .listTotal strong { font-weight:bold; color:#f97b0b; letter-spacing:0;}
.reviewList .topWrap .pointWarp { float:right; width:135px;}
.reviewList .topWrap .pointTp1 { float:left; margin-left:5px; margin-right:-7px;}
.reviewList .topWrap .pointTxt { float:left; padding-top:2px; font:11px dotum; color:#999; letter-spacing:-0.5px;}
.reviewList ul li { position:relative; padding:20px 172px 20px 15px; border-top:1px solid #e4e4e4;}
.reviewList ul li:first-child,.reviewList ul li.first { border-top:1px solid #aaaaaa;}
.reviewList ul li h4 { font:bold 12px dotum; color:#555555; float:left;}
.reviewList ul li h4  strong { font-weight:bold; color:#f97b0b;}
.reviewList ul li .comment { margin-top:10px; line-height:18px; color:#777;}
.reviewList ul li .right { position:absolute; top:20px; right:20px; text-align:right;}
.reviewList ul li .userId {}
.reviewList ul li .date { margin-top:3px; font:11px verdana; color:#777;}
.reviewList .btn { margin-top:-6px;}
.reviewList .pointTp1 {float:left; margin-left:17px;}
.reviewList .pointTxt { font:11px dotum; color:#999; padding-top:2px;}

.contentReview .pagingList { margin-top:0;}

.reviewSns { margin-top:50px;}
.reviewSnsWrite { width:904px; height:53px; padding:11px 28px 11px 26px; border:1px solid #dfdfdf; background-color:#f9f9f9;}
.reviewSnsWrite .tabTpG { float:left;}
.reviewSnsWrite .input_textarea{ float:left; margin-left:15px; width:675px; height:35px;}
.reviewSnsWrite .btnReviewRegister { display:block; float:right; margin-left:5px; width:87px; height:53px; background:url(/images/btn/btn_reviewRegister.gif) no-repeat;}
.reviewSnsList {}
.reviewSnsList .row { margin:30px 0 0 15px;}
.reviewSnsList .row .col { float:left; margin-right:60px; width:410px;}
.reviewSnsList .row .col img { float:left;}
.reviewSnsList .row .col .userId { float:left; margin-left:10px; padding-bottom:12px;}
.reviewSnsList .row .col .comment { float:left; margin-left:10px; margin-top:4px; width:337px; line-height:16px; letter-spacing:-1px; word-break:break-all;}
html>/**/body .reviewSnsList .row .col .comment{word-wrap:break-word;}
.reviewSnsList .row .col.twitter .userId a { display:block; padding-left:21px; padding-top:3px;  height:16px; line-height:16px; vertical-align:middle; background:url(/images/common/icon_twitterUserId.gif) no-repeat;  font:bold 11px dotum; color:#41b3e6;}
.reviewSnsList .row .col.facebook .userId a { display:block; padding-left:21px; padding-top:3px;  height:16px; line-height:16px; vertical-align:middle; background:url(/images/common/icon_facebookUserId.gif) no-repeat;  font:bold 11px dotum; color:#3b5998;}
.reviewSnsList .pagingList .txt { font-weight:bold; color:#b2b2b2;}
.reviewWrite { margin-top:30px;}
.reviewWrite .btn { display:block; margin:0 auto; width:86px; height:33px; background:url(/images/btn/btn_reviewRegister_s2.gif) no-repeat; text-indent:-9999px;}
.reviewWrite tr.recommend ul.point li label input { float:left;}


/*product compare*/
.pdt_compareHead { width:100%; height:55px; background-color:#50b5c7;}
.pdt_compareHead .inner { width:960px; margin:0 auto;}
.pdt_compareHead .inner h1 { float:left; margin-top:19px;}
.pdt_compareHead .inner .btn { float:right; margin-top:21px;}
.pdt_compare .specTwo,.pdt_compare .specThr{ width:960px; margin:30px auto;}
.pdt_compare .compLeft { width:225px; float:left;}
.pdt_compare .compRight { width:735px; float:left;}
.pdt_compare .row1 { height:14px;}
.pdt_compare .row1.lh { line-height:14px; vertical-align:middile;}
.pdt_compare .row2 { height:160px;}
.pdt_compare .row2.lh { line-height:160px; vertical-align:middile;}
.pdt_compare .row3 { height:28px;}
.pdt_compare .row3.lh { height:28px; line-height:28px; vertical-align:middle;}
.pdt_compare .row4 { height:50px;}
.pdt_compare .row4.lh { height:50px; line-height:50px; vertical-align:middle;}
.pdt_compare .row5 { height:94px; }
.pdt_compare .row5.lh { height:94px; line-height:94px; vertical-align:middle;}
.pdt_compare .specTwo .txt { width:337px;}
.pdt_compare .specThr .txt { width:219px;}
.pdt_compare .total { font:bold 12px dotum; color:#4d4d4d;}
.pdt_compare .txt { margin-top:6px;}
.pdt_compare .btn { margin-top:16px; display:block; width:67px; height:10px; font:bold 11px dotum; background:url(/images/common/arrow_small.png) 64px 50% no-repeat; color:#f97b0b; text-decoration:none; letter-spacing:-1px;}
.pdt_compare .specTwo col.width1, .pdt_compare .specThr col.width1 { width:56px;}
.pdt_compare .specTwo col.width2 { width:367px;}
.pdt_compare .specThr col.width2 { width:245px;}

/*product indoor_popup*/
.pdt_indoorPopHead { width:100%; height:55px; background-color:#50b5c7;}
.pdt_indoorPopHead .inner { width:960px; margin:0 auto;}
.pdt_indoorPopHead .inner h1 { float:left; margin-top:19px;}
.pdt_indoorPopHead .inner .btn { float:right; margin-top:21px;}
.pdt_indoorPopCon { width:960px; margin:0 auto 30px;}


/* navien mate LineUp 추가 : 150828 */
.mateLineup {border-top:3px solid #f48018;border-bottom:2px solid #d3d3d3;}
.mateLineup th {height:40px; text-align:center; color:#3a3a3a; font-weight:bold;}
.mateLineup th {border-left:1px solid #dddddd;}
.mateLineup th:last-child {border-right:1px solid #dddddd;}
.mateLineup tr {height:40px; color:#3a3a3a;}
.mateLineup td.col1 { background:#f5f5f5; }
.mateLineup td.col2 {background:#ececec;}
.mateLineup td {text-align:center;color:#3a3a3a;font-weight:bold; border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.mateLineup td:last-child {text-align:center;font-weight:bold;border-right:1px solid #dddddd; }
.mateLineup td.txt1 {color:#9e9e9e; font-size:14px;}
.mateLineup td.txt2 {color:#F63;}



/* 홈넷&홈오토메이션 고객지원 설치가이드 추가 : 150901 */
.pdtVideoGuide { float:left;margin-bottom:60px;}
.pdtVideoGuide h3 {margin:40px 0 16px 0; font:14px; font-weight:bold;}
.pdtVideoGuide p { height:20px; margin-top:16px;}
.pdtVideoGuide p span { display:inline-block; height:20px; vertical-align:middle; color:#777;}
.pdtVideoGuide p a { display:inline-block;margin-top:5px;}
.videoGuide_Box {float:left; width:790px; height:390px; border:1px solid #f4f4f4; background:#fafafa;padding:20px 0 0 170px;}
.videoGuide_Box .videoGuide_cont {position:absolute; display:block; width:609px; height:380px; z-index:100;}
.videoGuide_Box img.bgimg {padding-left:10px; z-index:1;}


/* 동영상 */
.videoTite {font-size:16px; color:#4c4c4c; margin-bottom:26px; margin-left:20px;  font-weight:bold; line-height:1.2}
.prViewTpB { border:1px solid #f4f4f4; width:790px; height:391px; padding:19px 0 0 170px; background:#fafafa}
.prViewTpB .videoTpC {position:relative; width:622px; height:379px;}
.prViewTpB .videoTpC .videoContainer { position:absolute; top:0; left:0; width:100%; height:100%;z-index:2; }
.prViewTpB .videoTpC .videoContainer .playBtn { position:absolute; display:block; width:100%; height:100%; background:url("/images/player/flashVideo_playBtn.png") 50% 50% no-repeat; }
.prViewTpB .videoTpC .thumbnail { margin-left:10px; width:604px; height:342px; }
.prViewTpB .videoTpC.mobile { margin:0 60px 0 0; width:602px; height:340px; }
.prViewTpB .videoTpC.mobile .thumbnail { margin-left:0px; border:1px solid #e7e7e7;}


/* 온수매트 고객지원 사용가이드 동영상 추가 : 151109 */
#pdtVideoGuide2 { float:left;margin-bottom:60px;}
#pdtVideoGuide2 h3 {margin:40px 0 16px 0;}
#pdtVideoGuide2 .video_Box_L {float:left; width:256px; height:470px; background:#FCC; background:url("/images/product/videoGuide_bg.gif") no-repeat; }
#pdtVideoGuide2 .video_Box_R {float:left; width:703px; height:468px; background:#fafafa; border:1px solid #f4f4f4; border-left:none; position:relative;}

#pdtVideoGuide2 .video_Box_L ul { position:relative; width:256px; margin-top:23px;}
#pdtVideoGuide2 .video_Box_L ul li { position:relative; width:256px; height:60px; z-index:100;display: block;}
#pdtVideoGuide2 .video_Box_L ul li a { display:block; width:100%; height:100%; z-index:102;}
#pdtVideoGuide2 .video_Box_L ul li a.select { position:relative; width:256px; height:66px; background:url("/images/product/movingnav_on.png") no-repeat left top; z-index:150;}

#pdtVideoGuide2 .video_Box_R .panel {display: none; width:619px; height:380px; text-align:center;margin:50px 0 0 35px}
#pdtVideoGuide2 .video_Box_R .videoGuide_cont {position:absolute; display:block; left:35px ;width:619px; height:380px; z-index:100;text-align:center;}
#pdtVideoGuide2 .video_Box_R .bgimg {z-index:1;}


#pdtVideoGuide3 { float:left;margin-bottom:60px;}
#pdtVideoGuide3 h3 {margin:40px 0 16px 0;}
#pdtVideoGuide3 .video_Box_R {float:left; width:960px; height:468px; background:#fafafa; border:1px solid #f4f4f4; position:relative;}

#pdtVideoGuide3 .video_Box_R .panel {display: none; width:960px; height:380px; text-align:center;margin:50px 0 0 0px}
#pdtVideoGuide3 .video_Box_R .videoGuide_cont {position:absolute; display:block; left:168px ;width:960px; height:380px; z-index:100;text-align:center;}
#pdtVideoGuide3 .video_Box_R .bgimg {z-index:1;}