@charset "utf-8";
/* Sub */
.sub_content{width:1024px; margin:0 auto;}

.sub_visual{overflow:hidden; position:relative; width:100%; height:289px; margin-top:103px;  background:url('../img/product/visual_bg.jpg') repeat center 0; /*background-size:cover;*/}
.sub_visual h2{margin-top:62px; font-size:48px; color:#fff; text-align:center; font-weight:700;}
.sub_visual p.visual_txt{font-size:18px; color:#deecf5; text-align:center; font-weight:400;}
.sub_visual ul.visual_tab{width:852px; margin:55px auto 0;}
.sub_visual ul.visual_tab li{float:left; margin-right:10px;}
.sub_visual ul.visual_tab li:last-child{margin-right:0;}
.sub_visual ul.visual_tab li a{display:inline-block; width:162px; height:51px; padding-left:15px; font-size:18px; color:rgba(255, 255, 255, 0.84); border:1px solid rgba(255, 255, 255, 0.31); font-weight:700; line-height:51px; background:url('../img/sub/visual_bu.png') no-repeat 143px 50%; background-color:rgba(255, 255, 255, 0.09); }


.sub_visual ul.visual_tab li a:hover,
.sub_visual ul.visual_tab li a.on{color:#4b4b4b; border:1px solid #fff; background:url('../img/sub/visual_bu_on.png') no-repeat 143px 50%; background-color:#fff;}

.sub_content h3.title{margin-top:80px; font-size:26px; color:#313131; font-weight:700;}
.sub_content ul.content_tab{width:100%; margin:23px 0 60px;}
.sub_content ul.content_tab:after{content:""; display:block; clear:both;}
.sub_content ul.content_tab li{float:left; width:16.66%; height:46px; text-align:center; line-height:45px;}
.sub_content ul.content_tab li a{display:inline-block; width:100%; height:100%; border:1px solid #dbdbdb; border-left:0; font-size:17px; font-weight:400;}


.sub_content ul.content_tab li:first-child a{border-left:1px solid #dbdbdb;}
.sub_content ul.content_tab li a:hover,
.sub_content ul.content_tab li a.on{color:#fff; font-weight:700; background-color:#18abde;}

.sub_content .product_exp{position:relative; padding-bottom:30px;}
.sub_content .product_exp h4.product_name{margin-top:14px; font-size:52px; color:#313131; font-weight:400;}
.sub_content .product_exp p{width:550px; font-size:15px; }
.sub_content .product_exp img.product_img{position:absolute; right:0; bottom:0;}
.sub_content .product_exp img.product_lsimg{position:absolute; right:0; bottom:-50px;}

.sub_content .product_exp ul.jump_tab{width:375px; margin-top:30px;}
.sub_content .product_exp ul.jump_tab:after{content:""; display:block; clear:both;}
.sub_content .product_exp ul.jump_tab li{float:left; width:180px; height:50px; margin:0 15px 14px 0; text-align:center; line-height:48px;}
.sub_content .product_exp ul.jump_tab li:nth-child(even){margin-right:0;}
.sub_content .product_exp ul.jump_tab li a{display:inline-block; width:100%; height:100%; border:2px solid #3395f4; font-size:18px; color:#3395f4; font-weight:700;}
.sub_content .product_exp ul.jump_tab li a:hover,
.sub_content .product_exp ul.jump_tab li a.on{color:#fff; background-color:#3395f4;}

.product_char{width:100%; margin-top:60px; padding:40px 0; background-color:#e8e8e8;}
.product_spec, .product_cert{width:100%; margin-top:60px;}
.sub_content h5{margin-bottom:20px; font-size:40px; color:#313131; font-weight:400;}
.sub_content p{font-size:16px;}


.product_char .sub_content p, .indel > p{margin-left:26px; vertical-align: middle;}
.product_char .sub_content p span{font-size:20px;}
.product_char .sub_content .chrTitP1{color:#003399;font-size:24px;font-weight: bold;margin-left:0px;}
.product_char .sub_content .chrTitP2{color:#336633;font-size:24px;font-weight: bold;margin-top:20px;margin-left:0px;}
.product_char .sub_content .chrTitP3{color:#663366;font-size:24px;font-weight: bold;margin-top:20px;margin-left:0px;}

/*
.product_char .sub_content .chrP1{margin-left:26px;}

.product_spec .sub_content .lsP{margin-top:40px;}
*/

.gray_box{background-color:#eee;}


/*현대인버터 제품특징 텍스트 Ul 부분*/
/*
.product_sub {width:100%; margin-top:60px; padding:40px 0;}
.sub_content h5{margin-bottom:20px; font-size:40px; color:#313131; font-weight:400;letter-spacing: -0.5px;}

.sub_content h6{margin-bottom:20px; font:20px "Malgun Gothic", Gulim; color:#333; font-weight:600;margin-top:20px; text-align:middle; letter-spacing: -1px;}

.content_ul:after{content:'';display:block;clear:both;}
.content_ul > li{font-family: Malgun Gothic;color:#336699; font-size:19px;display:inline-block;width:480px;vertical-align: top;border-top: 1px solid #ccc;margin-right:30px;margin-top:60px;padding-top:20px;font-weight: bold;position: relative;letter-spacing: -0.5px;}
.content_ul > .marginT{margin-top:0px;}

.content_ul > li > ul{margin-top:5px;}
.content_ul > li > ul > li{color:#666;font-weight: normal;font-size:14px;font-family: Malgun Gothic;line-height: 18px;padding-bottom:3px;}
*/

/*.sub_box3 > .content_ul > li{color:#087d08;font-size:22px;}*/

/*.sub_box3 > h5{width:170px;border-right:12px solid blue;height:50px;padding:0;word-spacing: 0;vertical-align: top;}*/

.sub_box1 > h6{font-size:20px; padding:20px 0 0;}

/* 제품특징 텍스트 Ul 부분*/
.product_sub {width:100%; margin-top:60px; padding:40px 0;}
.sub_content h5{margin-bottom:20px; font-size:40px; color:#313131; font-weight:400;}

.content_ul > li{font:bold 19px 'Malgun Gothic' ;color:#006699;display:inline-block;width:480px;vertical-align: top;border-top: 1px solid #ccc;margin-right:30px;margin-top:60px;padding-top:20px;letter-spacing: -0.5px;}

.content_ul > .marginT{margin-top:0px;}

.content_ul > li > ul{margin-top:5px;}
.content_ul > li > ul > li{color:#666;font-weight: normal;font-size:14px;font-family: Malgun Gothic;line-height: 18px;padding-bottom:3px;}


.sub_box1 div.used{background:url(../img/product/inpack11_box1_bg2.gif)center center no-repeat #f1f2f2;margin:0 auto;position:relative;height:320px;width:897px;border:1px solid #ccc;margin-top:20px;}

.sub_box1 div.used .txt_p{position:absolute;font:bold 20px 'Malgun Gothic',san-serif;}

.sub_box1 div.used .txt_p1{top:210px;left:90px;}
.sub_box1 div.used .txt_p2{top:210px;left:255px;}
.sub_box1 div.used .txt_p3{top:100px;left:495px;color:#003366;font-size:26px}
.sub_box1 div.used .txt_p4{top:145px;left:500px;text-align: center;font-size:14px;color:#003366;line-height: 1em;}
.sub_box1 div.used .txt_p5{top:105px;left:722px;color:#003366;text-align: center;font-size:26px;line-height: 1.3em;}
.sub_box1 div.used .txt_p6{bottom:20px;left:40px;font-size:17px}


.sub_box1 div.ex{background:url('../img/product/inpack11_box1_bg4.jpg');height:564px;width:897px;margin:0 auto;margin-top:30px;position:relative;}

.sub_box1 div.ex ul .ex_li:after{content:'';display:block;clear:both;}
.sub_box1 div.ex ul .ex_li{float:left;color:#666;margin-top:159px;width:282px;margin-right:24px;text-align:center;font-size:14px;}
.sub_box1 div.ex ul .li3, 
.sub_box1 div.ex ul .li6, 
.sub_box1 div.ex ul .li9{margin-right:0;} 
.sub_box1 div.ex ul .li4, 
.sub_box1 div.ex ul .li5, 
.sub_box1 div.ex ul .li6{margin-top:171px;} 
.sub_box1 div.ex ul .li7, 
.sub_box1 div.ex ul .li8, 
.sub_box1 div.ex ul .li9{margin-top:171px} 


.sub_box2 div.saving_cost {background:url('../img/product/inpack11_box2_bg.gif') center 80px no-repeat #003366; width:900px;height:440px;margin:0 auto;position: relative;}

.sub_box2 div.saving_cost .txt_p{position:absolute;color:#ccc;font:bold 16px 'Malgun Gothic';}

.sub_box2 div.saving_cost .txt_p1{top:10px;left:310px;color:#fff;font-size:26px;}
.sub_box2 div.saving_cost .txt_p2{top:50px;left:200px;font-size:18px;}
.sub_box2 div.saving_cost .txt_p3{top:110px;left:90px;text-align: right;}
.sub_box2 div.saving_cost .txt_p4{top:210px;left:60px;text-align:right;}
.sub_box2 div.saving_cost .txt_p5{top:310px;left:340px;}
.sub_box2 div.saving_cost .txt_p6{top:110px;left:480px;text-align: right;}
.sub_box2 div.saving_cost .txt_p7{top:210px;left:450px;text-align: right;}
.sub_box2 div.saving_cost .txt_p8{top:380px;left:500px;color:#ff9933;font-size:22px}
.sub_box2 div.saving_cost .txt_p9{top:110px;left:730px;text-align:center;}
.sub_box2 div.saving_cost .txt_p10{top:195px;left:613px;text-align:center;color:#ff9933;font-size:18px;line-height: 1.2em}
.sub_box2 div.saving_cost .txt_p11{top:290px;left:630px;color:#fff;font-size:20px;}
.sub_box2 div.saving_cost .txt_p12{top:200px;left:200px;color:#666;text-align:center;line-height: 1em;;}


.sub_box2 .saving_detail{width:800px;margin:20px auto; text-align: center;}
.sub_box2 .saving_detail p{color:#333;margin:15px}
.sub_box2 .saving_detail p:nth-child(1){font-size:20px;font-weight: bold;margin-top:30px;}
.sub_box2 .saving_detail p:nth-child(2){font-size:26px;font-weight: bold;}
.sub_box2 .saving_detail p:nth-child(2) span {font-size:28px;font-weight: bold;color:#ff6600;}
.sub_box2 .saving_detail p:nth-child(3){font-size:26px;font-weight: bold;}
.sub_box2 .saving_detail p:nth-child(3) span{font-size:28px;font-weight:bold;color:#2e6fdb;}




.sub_box2 .saving_table{margin:0 auto;width:900px;}
.sub_box2 .saving_table td{border:1px solid #ccc;border-collapse: collapse;text-align:center;}

.sub_box2 .saving_table  tr > td{background:#cce3f1;font:bold 16px 'Malgun Gothic';padding:10px;}
.sub_box2 .saving_table  tr > td:first-child{background:#fff;}
.sub_box2 .saving_table  tr > td:last-child{background:#0071bd;color:#fff;}

.sub_box2 .saving_table  tr:last-child > td:last-child{background:#fff;color:#333;}




.sub_box3 .content_ul > li{background:url(../img/product/content_ul_bg.gif)no-repeat ;background-position:0 25px; color:#333;padding-left:22px;}
.sub_box3 .content_ul > li > ul > li{margin-left:-22px;}


.sub_box4 .content_ul{}
.sub_box4 .content_ul > li{height:200px;position:relative;}
.sub_box4 .content_ul .li_img{position:absolute;}
.sub_box4 .content_ul > li li.li_img {right:0;top:35px; padding:3px; text-align:center;vertical-align: middle;background-color:#0099ff;}
.sub_box4 .content_ul > li li > img{width:279px;}
.sub_box4 .content_ul > li li.li_img2 > img{width:186px;}
.sub_box4 .inpack12{width:85%;margin:0 auto;display:block;}

.sub_box5 > h6{font-size:20px; padding:20px 0 0;}
.sub_box5 img{width:85%;margin:0 auto;display:block;}


.sub_box7{}


/*.sub_box7 .div1 .left_txt:after{content:'';display:block;clear:both;}*/
.sub_box7 .div1 .right_txt:after{content:'';display:block;clear:both;}
.sub_box7 .div1{width:90%;margin:0 auto;}
.sub_box7 .div1 > .left_txt, 
.sub_box7 .div1 > .right_txt{width:50%;float:left;padding:0 20px}

.sub_box7 .div1 > .left_txt{}
.sub_box7 .div1 > .left_txt p:first-child{text-align: center;border:2px solid #000;padding:10px;line-height: 2em;}
.sub_box7 .div1 > .left_txt p:first-child span{font:bold 25px 'GungsuhChe';}

.sub_box7 .div1 > .left_txt p:nth-child(2){text-align: center;border:2px solid #000;margin-top:30px;padding:10px;font-size:18px;}
.sub_box7 .div1 > .left_txt p:nth-child(2) span{font:bold 18px 'GungsuhChe';}
.sub_box7 .div1 > .left_txt p:nth-child(3){margin-top:30px;border:1px solid #000;padding:7px;}
.sub_box7 .div1 > .left_txt p:nth-child(4){text-align: center;margin-top:50px;}
.sub_box7 .div1 > .left_txt p:nth-child(5){text-align: center;margin-top:10px;}

.sub_box7 .div1 > .right_txt{}
.sub_box7 .div1 > .right_txt > p:nth-child(1){}
.sub_box7 .div1 > .right_txt > table{width:100%;border-collapse: collapse;}
.sub_box7 .div1 > .right_txt > table td{border:1px solid #999;padding:5px;font-size:12px;}
.sub_box7 .div1 > .right_txt > table tr td:first-child{text-align:center;}
.sub_box7 .div1 > .right_txt > table tr:nth-child(5) td{text-align:left;}
.sub_box7 .div1 > .right_txt > table tr:nth-child(9) img{width:180px;margin:0 10px;}
.sub_box7 .div1 > .right_txt > table tr:last-child p{width:40%;display:inline-block;font-size:12px;}

.sub_box7 .div1_p{text-align: right;display:inline-block;margin:35px 0px 12px 0 ;width:93%;}
.sub_box7 .div1_p > span{background:#fc622e;color:#fff;display: inline-block;height:30px;padding:4px 30px;font-size:18px;text-align: right;}

.sub_box7 > h6{font-size:20px; padding:20px 0 0;}
.sub_box7 .div2{text-align: center;}

.sub_box7 .div2 ul{margin-top:20px;}
.sub_box7 .div2 ul li{display:inline-block;}
/*.sub_box7 .div2 ul li img{width:270px}*/
.sub_box7 .div2 ul li p{font-size:13px;margin-top:5px;color:#333;}


/*자금지원대상 BOX8*/
.sub_box8{height:500px;}

.sub_box8 > h6{text-align:center;height:50px;padding-top:12px;padding-bottom:0px; margin:0 auto 30px;width:600px;background-color:#004e9b;color:#fff;font-size:20px;}
.box8_ul :after{content:'';display:block;clear:both;}
.box8_ul { margin:0 auto;}
.box8_ul > li{float:left;width:470px;margin-left:30px; }

/*.box8_ul > li:last-child{margin-left:30px;}*/

.box8_ul li li{color:#333;font-weight: normal;font-size:14px;font-family: Malgun Gothic;}
.box8_ul  li li > p{font-size:16px;font-weight: bold;margin:20px 0px 2px;}
.box8_ul li li:first-child{text-align:center;font-size:20px;font-weight: bold;}
.box8_ul li ul > li:last-child{margin-top:15px;}
.box8_ul li a{float:right;background-color:#0066cc;font-size:16px;font-weight:  bold;padding:3px 15px;color:#fff;border-radius:15px;}
/*.product_char .sub_content .chrP2{    margin-left:26px;}*/
.box8_ul li a:hover{background-color:#ff3366;}


/*인버터팩 특장점*/