/* main */
.mainVisual{position:relative; width:100%; height:380px; padding:0px 0px; z-index:1000; background:#fff;}
.mainVisual .rollingBt{position:absolute; bottom:30px; left:50%; margin-left:450px; z-index:1000;}
.mainVisual .rollingBt a img{padding:0 1px}

.mainVisual .mainImg{ width:100%; display:block; height:378px;}

.mainSearchBox{width:980px; height:120px; overflow:hidden; background:url('../images/mainSearchBoxBg.gif') repeat-x 0 0;}
.mainSearchDiv{width:340px; float:left; padding-top:23px;}
.mainSearchDiv .tit{font-size:18px; color:#fff; line-height:18px; overflow:hidden;}
.mainSearchDiv .tit span{display:block; float:left;}
.mainSearchDiv .tit a.goFinder{display:block; font-size:9px; color:#828aaa; float:right; padding-right:40px;}
.mainSearchDiv .tit a.goFinder span.go{padding-top:1px \9;}
.mainSearchDiv .tit a.goFinder img{padding:3px 0 0 3px;}
.mainSearchDiv .txt{font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; color:#747ea2}
.mainSearchDiv02{width:300px; float:left; padding-top:23px;}
.mainSearchDiv02 .tit{font-size:18px; color:#fff; line-height:18px;}
.mainSearchDiv02 .txt{font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; color:#747ea2}
.mainSearchBox .inputDiv{width:100%; overflow:hidden}
.mainSearchBox .searchDiv{width:300px; height:25px; overflow:hidden; border:1px solid #1b2756; background:#39467a}
.mainSearchBox .searchDiv:after{clear:both; display:block; content:""; *zoom:1;}
.mainSearchBox .searchDiv input{background:#39467a; color:#828aaa; border:0; width:265px; height:19px;}

.mainSearchBox .searchDiv input{padding-top:4px \9;}
.mainSearchBox .searchDiv02 input{padding-top:4px \9;}

.mainSearchBox .searchDiv img{padding:4px;}
.mainSearchBox .finderTxt{margin-top:5px; .margin-top:0;}
.mainSearchBox .searchDiv02{width:185px; height:25px; overflow:hidden; float:left; border:1px solid #1b2756; background:#39467a}
.mainSearchBox .searchDiv02 input{background:#39467a; color:#828aaa; border:0; width:150px; height:19px; }
.mainSearchBox .searchDiv02 img{padding:4px;}
.mainSearchBox .selectDiv{width:; float:left; padding-right:3px}
.mainSearchBox .selectDiv select{background:#39467a; color:#828aaa; border:1px solid #1b2756; width:108px; height:27px; padding:2px 2px 4px 2px \9; line-height:21px;}
.mainSearchBox p{font-size:10px}

.mainContents{width:980px; height: auto; overflow:hidden; color:#777}
.mainContents .pdR{padding-right:40px;}
.mainContents .mainConDiv{width:300px; height:300px; float:left; line-height:16px}
.mainContents .mainConDiv .pBox{position:relative; height:113px; border-bottom:1px solid #ddd}
.mainContents .mainConDiv .left{width:173px; float:left}
.mainContents .mainConDiv .tit{font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; font-size:14px; color:#444}
.mainContents .mainConDiv .bt{font-size:10px; line-height:13px;}
.mainContents .mainConDiv .bt .more{padding-right:2px}
.mainContents .mainConDiv .bt .inBtn{padding-left:2px}
.mainContents .mainConDiv .mediaMoreBtn{position:absolute; bottom:15px; left:0;}
.mainContents .mainConDiv .dotLine{border-bottom:1px dotted #ccc}
.mainContents .mainConDiv .right{width:127px; float:right}
.mainContents .mainConDiv .right img{padding-top:3px;}
.mainContents .mainConDiv .mediaCursor{position:relative; cursor:pointer;}
.mainContents .mainConDiv a.linkBtn{display:block;}
.main_news li{padding:0 0 3px 10px; background:url('../images/dot3x3.gif') no-repeat left 7px; line-height:16px;}
.main_news li a{display:block;overflow:hidden; height:18px; text-overflow:ellipsis;-o-text-overflow:ellipsis}
a,x:-moz-any-link,x:default{white-space:normal;word-wrap:break-word} /* Firefox 에서 줄 바꿈이 가능하도록 변경 */
.mainContents .mainConDiv .con01{height:113px; border-bottom:1px solid #ddd; background:url('../images/main_img01.gif') no-repeat right 25px;}
.mainContents .mainConDiv .con01 .bt{width:155px; font-size:12px; /*padding:8px 0 7px;*/padding-top:2px;}
.mainContents .mainConDiv .con01 .bt img {vertical-align:middle;}
.mainContents .mainConDiv .con02{height:119px; background:url('../images/main_img02.gif') no-repeat right 0px;}
.mainContents .mainConDiv .con03 li{border-bottom:1px solid #ddd}
.mainContents .mainConDiv .con03 li.end{border-bottom:0;}
.mainContents .mainConDiv .con03 .pBox{height:49px; border:0; .height:45px;}
.mainContents .mainConDiv .con03 .height{height:48px; .height:44px;}
.mainContents .mainConDiv .con03 .pBox a{display:block; color:#777;}
.mainContents .mainConDiv .con03 .txt{width:; float:left;}
.mainContents .mainConDiv .con03 .img{width:; float:right;}

.mainTankless{padding-left:0px;}
.mainTankless a{ width:237px; height:124px; position:absolute; display:block; background:url(../images/yuding.png) no-repeat; top:-30px;}
.visual01{position:absolute; top:0; left:0; width:100%; height:380px; background:#fff;}

.playBtn{position:absolute; top:0; left:0; width:180px; height:128px; z-index:100; background:url('../images/icoMvPlayer02_overout.png') no-repeat 0 0;}
.playBtn:hover{background:url('../images/icoMvPlayer02_overout.png') no-repeat 0 -95px;}

/* pop up */
.layPop{position:absolute; top:90px; left:70px; background:#fff; z-index:1000;}
.layPop02{position:absolute; top:20px; left:45px; background:#fff; z-index:1000;}
.listpop{background:#223479}
.listpop .head{position:relative; width:795px; height:20px; overflow:hidden; padding:6px 0 14px 25px; font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; font-size:20px; color:#fff; background:#223479}
.listpop .head .xbt{position:absolute; top:10px; right:14px;}
.listpop .body{width:760px; height:1140px; overflow-y:scroll; padding:30px 25px; border-left:5px solid #26387c; border-right:5px solid #26387c; border-bottom:5px solid #26387c; background:#fff}
.listpop .body .title{font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; font-size:20px; color:#333;}
.listpop .body table{border-top:4px solid #f8841d; font-size:11px}
.listpop .body td{padding:6px 0 11px; border-bottom:1px solid #f2dbca; text-align:center}
.listpop .body td.tit{background:#f7f7f7; font-size:12px; padding-left:17px; text-align:left}
.listpop .body td.tit02{background:#f7f7f7; font-size:12px; padding-left:13px; text-align:left; border-left:1px solid #f2dbca}
.listpop .body td.product{padding:20px 0 8px;}
.listpop .body td.product p{font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; font-size:18px; color:#f49113}
.listpop .body td .specList{padding:5px 0 5px 10px;}
.listpop .body td .specList p{padding:0 0 0 10px; background:url('../images/dot3x3.gif') no-repeat 0px 7px;}

.playpop{background:#223479}
.playpop .head{position:relative; width:650px; height:20px; overflow:hidden; padding:6px 0 14px 19px; font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; font-size:20px; color:#fff; background:#223479}
.playpop .head .xbt{position:absolute; top:10px; right:6px;}
.playpop .body{width:640px; padding:25px 14px; border-left:5px solid #26387c; border-right:5px solid #26387c; border-bottom:5px solid #26387c; background:#fff}
.playpop .body .title{font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; font-size:18px; color:#333;}
.playpop .body .proNum{font-family:'easyOpenSanBold', 'easyOpenSanBold02'; font-weight:normal; font-size:18px; color:#f08d10;}

/**/
.navienPop{position:absolute; top:60px; left:0; z-index:5000;}
.navienPop .content{position:relative; width:386px; height:320px; padding:32px; background:url('../images/bg_pop.jpg') no-repeat; border-bottom:6px solid #263570}
.navienPop .content .txtArea{line-height:16px;}
.navienPop .content .txtArea .title{color:#263570; font-size:34px; font-family:'easyOpenSanBold', 'easyOpenSanBold02'; font-weight:normal; letter-spacing:-1px; line-height:26px;}
.navienPop .content .txtArea .sTitle{color:#263570; font-size:13px; font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; line-height:20px; margin:5px 0 14px;}
.navienPop .content .close{position:absolute; top:12px; right:12px;}
.navienPop .content .markArea{overflow:hidden; margin-top:57px;}
.navienPop .content .markArea .img{float:left;}
.navienPop .content .markArea .txt{float:left; color:#f56b0f; font-size:24px; font-family:'easyOpenSanSemiBold', 'easyOpenSanSemiBold02'; font-weight:normal; line-height:24px; margin-top:30px; padding-left:10px;}

.zynews{ width:980px; height:45px; background:url(../images/news.gif) no-repeat; margin:25px auto 15px;}
.zynews ul{ padding-left:50px;}
.zynews li{ line-height:45px; float:left; margin-left:15px;}
.zymenu{ height:auto;}
.zymenu li{ float:left; margin-left:20px; position:relative;}
.zymenu li img{ border:1px #eeeeee solid; width:220px; padding:4px; height:115px; }
.zymenu li p{ line-height:18px;}
.zymenu .mmore{ border-top:1px #eee solid; margin-top:8px; padding-top:10px;}
.zymenu .mmore a{ background:url(../images/ico1.gif) 0 7px no-repeat; height:20px; padding:8px 0 10px 25px; line-height:20px;}
.zymenu .mmore a:hover{ background:url(../images/ico1.gif) 0 -19px no-repeat; color:#79b43e;}
.zymenu .zympic{ width:230px; height:125px; position:relative; margin-bottom:8px; }
.zymenu .zympic span{ width:220px; height:35px; line-height:35px; position:absolute; bottom:5px; left:5px; background:#000; text-align:center; color:#FFF; font-weight:bold;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; font-size:14px;}