@charset "utf-8";
@font-face {font-family:'NanumBarunGothic';
font-style:normal;
font-weight:400;
src: url('/fonts/NanumBarunGothic.eot');
src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'), url('/fonts/NanumBarunGothic.woff') format('woff'), url('/fonts/NanumBarunGothic.ttf') format('truetype');
}

@font-face {font-family:'NanumBarunGothicBold';
font-style:normal;
font-weight:700;
src: url('/fonts/NanumBarunGothicBold.eot');
src: url('/fonts/NanumBarunGothicBold.eot') format('embedded-opentype'), url('/fonts/NanumBarunGothicBold.woff') format('woff'), url('/fonts/NanumBarunGothicBold.ttf') format('truetype');
}

*{margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body{width:100%; height:100%; font-size:1em; line-height:1.5;}
body, input, button, textarea{color:#333; font-family:'NanumBarunGothic', '나눔바른고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum;}
body{min-width:1100px; *word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none;}
img, fieldset, iframe{border:0 none;}
li{list-style:none;}
input, select, button, textarea{vertical-align:middle;}
button{padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
img{vertical-align:middle;}
i, em, address{font-style:normal;}
button{cursor:pointer;}
a{color:#333; text-decoration:none;}
a:hover{color:#151515; text-decoration:none;}
html:first-child select{height:20px; padding-right:6px;}
option{padding-right:6px;}
hr{display:none;}
legend{*width:0;}
legend, caption, figcaption{visibility:hidden; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em;}
table{font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
button span{position:relative; left:0; top:0}
textarea{resize:none;} /* textarea 크기 조정 막음 */

.NanumBarunGothic * {font-family:"NanumBarunGothic", "나눔바른고딕",  "맑은 고딕", "Malgun Gothic", "돋움", Dotum, sans-serif;}

#header:after,
#container:after,
#contents:after,
#footer:after{content:''; display:block; clear:both;}

#wrap{position:relative; width:100%; height:100%;}

#header{z-index:900; position:fixed; top:0; left:0; width:100%; border-bottom:1px solid rgba(6, 6, 6, 0.6); background-color:#fff;}
#header div.gnb{position:relative; width:1100px; margin:0 auto;}
#header div.gnb > h1{float:left;}
#header div.gnb > h1 > a{display:inline-block; width:246px; height:61px; margin:30px 0 8px; text-indent:-9999em; background:url('../img/index/logo.gif') no-repeat;}
#header div.gnb > ul{float:right; margin-top:32px;}
/*#header div.gnb > ul:hover{font-weight: bold; color:red;}*/

#header div.gnb > ul > li{position:relative; float:left; padding-right:60px; text-align:right; font-size:18px; font-weight:400;}
#header div.gnb > ul >li > .menu1:hover{ color:blue; font-weight: 400;}

#header div.gnb > ul > li:last-child{padding-right:40px;}
#header div.gnb > ul > li > a{display:block; color:#636363; line-height:70px;}
#header div.gnb > ul > li > a:hover{color:#333;}

#header  div.gnb .sub_area{z-index:900; position:absolute; display:none; left:0; width:110px; padding-top:15px;}
#header  div.gnb .sub_area ul{float:left;}
#header  div.gnb .sub_area li{width:110px; text-align:left; line-height:20px;}
#header  div.gnb .sub_area li a{color:#696969 !important; font-size:12px; height:20px !important; line-height:20px !important; font-family:"돋움", Dotum, sans-serif;}
#header  div.gnb .sub_area li a:hover{color:#dd3e3e !important; text-decoration:underline;}
#header .sub_open{z-index:800; position:absolute; display:none; top:103px; width:100%; height:145px; background-color:#fff; border-bottom:1px solid rgba(6, 6, 6, 0.6);background:url(../img/head/tel_bg2.gif)no-repeat center center #fff;}
/*
#header .sub_tel{position:absolute;top:110px;left:30px;z-index:801;background : url(../img/head/tel_bg.gif)no-repeat left bottom;display:none;width:250px;height:75px;}*/



#footer{position:relative; width:1024px; margin:25px auto; padding-left:225px;  font-size:12px; color:#000; line-height:18px; font-family:"돋움", Dotum, sans-serif; background:url('../img/index/logo_footer.gif') no-repeat 0 0;}
#footer .copy{margin-top:10px;width:400px;}
#footer .adm{width:80px;position:absolute;right:0;top:60px;text-align: center;background:#efefef;}


/* Index */
/*.index_visual{overflow:hidden; position:relative; width:100%; height:584px; margin-top:103px; background:url('../img/index/visual_bg.gif') repeat center 0;}*/


/*Main slide
.index_visual .jBanner ul{margin:0 auto;}
.index_visual .jBanner ul li{list-style:none;text-align:center;width:100%;height:585px;}
.index_visual .jBanner ul li:first-child{background:url('../img/index/visual_1.jpg') center;}
.index_visual .jBanner ul li:last-child{background:url('../img/index/visual_2.jpg') center;}
.index_visual .jBanner{text-align:center;height:585px;margin:0 auto;}

#visual_area { position:relative; clear:both; overflow:hidden; height:585px;}
	#visual_area div.visual_group { position:absolute; width:100%; top:0px; overflow:hidden;}*/



    #visual_area { position:relative; overflow:hidden; height:585px;margin-top:103px;width:100%;}
	#visual_area .visual_group { position:absolute; width:100%; top:0px; overflow:hidden;}
    #visual_area #visual_group_1{height:585px; z-index:11;}
    #visual_area #visual_group_1 .visual_center{position:absolute; width:100%;top:0px;background:url(../img/index/visual_2.jpg) center bottom;height:585px;}
    #visual_area #visual_group_0{height:585px; z-index:12;}
    #visual_area #visual_group_0 .visual_center{position:absolute; width:100%;top:0px;background:url(../img/index/visual_1.jpg) center bottom;height:585px;}

    


	#visual_area div.visual_group div.visual_center { margin:0 auto; width:100%; z-index:2; overflow:hidden; }
	#visual_area #visual_bul_group { position:absolute; left:0px; bottom:20px; width:100%; height:15px; text-align:center; z-index:13; }
	#visual_area #visual_bul_group span.visual_slide_bul1 { display:inline-block; width:30px; height:12px; background:URL('../img/index/btn_now.png'); margin:0 5px; cursor:pointer; }
	#visual_area #visual_bul_group span.visual_slide_bul2 { display:inline-block; width:30px; height:12px; background:URL('../img/index/btn_next.png'); margin:0 5px;; cursor:pointer; }



/*
.index_visual > .visual_cont{position:relative; width:1100px; height:584px; margin:0 auto;}
.index_visual > .visual_cont > h2{display:inline-block; width:50%; margin-top:100px; font-size:70px; color:#fff; line-height:65px; font-weight:700;}
.index_visual > .visual_cont > p.slogan{margin-top:20px; font-size:21px; color:#fff; font-weight:700;}
.index_visual > .visual_cont > p.slogan span{color:#dbd447;}
.index_visual > .visual_cont > p.txt{margin-top:10px; font-size:12px; color:#adc1d5; line-height:15px; font-weight:400;}
.index_visual > .visual_cont > span.visual_prod{display:inline-block; position:absolute; right:0; bottom:0; width:549px; height:576px; text-indent:-9999em; background:url('../img/index/visual_prod.png') repeat 100% 100%;}
*/

.index_product{position:relative; width:100%;}
.index_product:after,
.index_photo:after,
.index_customer:after{content:""; display:block; clear:both;}
.index_product > .product_list,
.index_photo > .photo_list,
.index_customer > .customer_list,
.index_board > .board_list{width:1024px; margin:0 auto;}

.index_photo > .photo_list{width:100%; margin:0 auto 15px;}

.index_product > .product_list > h3{margin-top:54px;}
.index_product > .product_list > h3,
.index_photo > .photo_list > h3,
.index_customer > .customer_list > h3{font-size:31px; color:#585858; font-weight:400; text-align:center;}
.index_product > .product_list > p{margin-top:3px;}
.index_product > .product_list > p,
.index_photo > .photo_list > p{font-size:18px; color:#676666; font-weight:400; text-align:center;}
.index_product > .product_list > ul{margin-top:38px;}
.index_product > .product_list > ul li{float:left; width:25%; height:332px; max-height:332px; padding-bottom:20px; border:1px solid #ddd; border-left:0;}
.index_product > .product_list > ul li:first-child{border-left:1px solid #ddd;}
.index_product > .product_list > ul li a{display:inline-block; width:100%; height:100%;}
.index_product > .product_list > ul li a span.product_name{display:inline-block; width:100%; height:47px; margin-bottom:14px; padding-top:9px; color:#fff; font-size:21px; font-weight:700; text-align:center; background-color:#18abde;}
.index_product > .product_list > ul li a span.product_img{display:block; height:196px; margin-bottom:6px; text-align:center;}
.index_product > .product_list > ul li a span.product_dir{display:inline-block; width:100%; color:#454545; font-size:11px; line-height:15px; font-family:"돋움", Dotum, sans-serif; text-align:center; letter-spacing:-1px;}
.index_product > .product_list > ul li a:hover span.product_dir{text-decoration:underline;}


.index_photo{position:relative; width:100%; height:500px; margin-top:70px; border:1px solid #e8e8e8; border-right:0; border-left:0; background-color:#eaf7fc;}
.index_photo > .photo_list > h3{margin-top:40px; letter-spacing:-0.05em;}
.index_photo > .photo_list > p{margin-top:3px;margin-bottom:30px;}
.index_photo > .photo_list > .gallery1{width:1023px;margin:0 auto;}
.index_photo > .photo_list > .gallery2{width:1023px;margin:0 auto;padding-top:40px;}



/*.index_photo > .photo_list > ul{margin-top:35px;}
.index_photo > .photo_list > ul li{float:left; width:306px; margin-right:52px;}
.index_photo > .photo_list > ul li:last-child{margin-right:0;}
.index_photo > .photo_list > ul li img{border:1px solid #ddd;}
.index_photo > .photo_list > ul li span.photo_txt{display:block; padding-top:10px; */font-size:12px; font-family:"돋움", Dotum, sans-serif; color:#4a4a4a; text-align:center;}

.index_customer{position:relative; width:100%; margin-top:60px;}
.index_customer > .customer_list > h3{width:340px; height:52px; margin:0 auto 10px; padding-top:5px; color:#fff; background-color:#1fa7e8;
	-webkit-border-radius:18px 0 18px;
	-moz-border-radius:18px 0 18px;
	border-radius:18px 0 18px;margin-top:53px;}
.index_customer > .customer_list > ul{float:left; width:516px;}
.index_customer > .customer_list > ul li{float:left; width:258px; height:77px; border:1px solid #ddd;}
.index_customer > .customer_list > ul li:nth-child(even){border-left:0;}
.index_customer > .customer_list > ul li:nth-child(n+3){border-top:0;}
.index_customer > .customer_list > ul li a{display:inline-block; width:100%; height:100%; font-size:16px; color:#777; line-height:77px; background:url('../img/index/customer.gif') no-repeat 220px 50%;}
.index_customer > .customer_list > ul li a:hover{text-decoration:underline;}
/*.index_customer > .customer_list > ul li a span{display:inline-block; width:51px; height:60px; margin:0 8px 0 22px; vertical-align:middle; background:url('../img/index/index_common.gif') no-repeat;}*/
.index_customer > .customer_list > ul li a span.company{background-position:0 0;}
.index_customer > .customer_list > ul li a span.inverter{background-position:-51px 0;}
.index_customer > .customer_list > ul li a span.brochure{background-position:-102px 0;}
.index_customer > .customer_list > ul li a span.video{background-position:-153px 0;}
.index_customer > .customer_list > ul li a span.estimate{background-position:-204px 0;}
.index_customer > .customer_list > ul li a span.photo{background-position:-255px 0;}
.index_customer > .customer_list > .customer_box{float:right; width:508px; height:231px; padding-left:220px; border:1px solid #ddd; border-left:0; background:url('../img/index/customer_bg.gif') no-repeat #e4e4e4;}
.index_customer > .customer_list > .customer_box > h4{margin-top:30px; font-size:22px; color:#525252; font-weight:400;}
.index_customer > .customer_list > .customer_box > p{margin-top:3px; font-size:18px; color:#b4b4b4; font-weight:400;}
.index_customer > .customer_list > .customer_box > dl{margin-top:13px; line-height:30px;}
.index_customer > .customer_list > .customer_box > dl dt{float:left; clear:both; width:40px; height:30px; font-size:14px; color:#7a7a7a; font-weight:400;}
.index_customer > .customer_list > .customer_box > dl dd{height:30px;}
.index_customer > .customer_list > .customer_box > dl dd.tel{font-size:22px; color:#e14242; font-weight:700;}
.index_customer > .customer_list > .customer_box > dl dd.fax{font-size:22px; color:#4f4e4e; font-weight:700;}
.index_customer > .customer_list > .customer_box > dl dd.mail{font-size:17px; color:#7f7f7f; font-weight:700;}

.index_board{position:relative; width:100%; margin-top:60px;}
.index_board > .board_list{height:235px; border:1px solid #ddd; border-top:4px solid #44c3f0;}
.index_board > .board_list > div{float:left; position:relative; width:33.33%; height:100%; padding:22px 30px; border-right:1px solid #ddd;}
.index_board > .board_list > div > h3{font-size:22px; color:#094085; font-weight:400; line-height:22px;}
.index_board > .board_list > div > p{margin-top:3px; font-size:13px; color:#585858; font-weight:400;}

.index_board > .board_list > div.board > ul{height:130px; margin-top:10px; border-top:2px dotted #ddd; border-bottom:1px solid #ddd; background-color:#f7f7f7;}


.index_board > .board_list > div.board > ul li:first-child{margin-top:10px;}
.index_board > .board_list > div.board > ul li{line-height:20px;}
.index_board > .board_list > div.board > ul li a{padding-left:15px; font-size:11px; font-family:"돋움", Dotum, sans-serif; color:#4a4a4a;}
.index_board > .board_list > div > ul li a:hover{text-decoration:underline;}
.index_board > .board_list > div.board > ul li a span{float:right; margin-right:15px;}
.index_board > .board_list > div.board > .more{display:inline-block; position:absolute; top:40px; right:30px; width:45px; height:16px; text-indent:-9999em; background:url('../img/index/more.gif') no-repeat;}
.index_board > .board_list > div > h3.movie{color:#cb39c2;}
.index_board > .board_list > div.link{border-right:0; background:url('../img/index/link_hyundai.gif') no-repeat 50% 180px;}
.index_board > .board_list > div.link > ul{margin-top:10px; border-top:2px dotted #ddd; background-color:#efefef;}
.index_board > .board_list > div.link > ul li{height:30px; border-bottom:1px solid #ddd;}
.index_board > .board_list > div.link > ul li:first-child{margin-top:0;}
.index_board > .board_list > div.link > ul li a{font-size:13px; color:#4a4a4a; line-height:30px;}
.index_board > .board_list > div.link > ul li a span{display:inline-block; width:17px; height:20px; margin:0 8px 0 12px; vertical-align:middle; background:url('../img/index/index_common.gif') no-repeat;}
.index_board > .board_list > div.link > ul li a span.blog{background-position:0 -60px;}
.index_board > .board_list > div.link > ul li a span.hyundai{background-position:-20px -60px;}
.index_board > .board_list > div.link > ul li a span.daara{background-position:-40px -60px;}







.lt ul {height:130px; margin-top:10px; border-top:2px dotted #ddd; border-bottom:1px solid #ddd; background-color:#f7f7f7;}


.lt ul li:first-child{margin-top:10px;}
.lt ul{line-height:20px;}
.lt ul a{padding-left:15px; font-size:11px; font-family:"돋움", Dotum, sans-serif; color:#4a4a4a;}
.lt ul a:hover{text-decoration:underline;}

/*



.lt .lt_title {display:block;padding:10px 0 8px}
.lt .lt_more {position:absolute;top:10px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
li p{font-size:1px;}

*/
/*


.gray_area{width:100%; margin-top:60px; padding:40px 0; background-color:#e8e8e8;}
.sub_content h5{margin-bottom:20px; font-size:40px; color:#313131; font-weight:400;}
.sub_content p{font-size:15px;}
*/

/* 게시판 버튼 */
/*.btn_area{width:100%;}
.btn_area .btn{display:inline-block; width:170px; height:44px; margin-top:20px; border:2px solid #1e1e1f; font-size:15px; font-family:"Oswald", "Noto Sans KR", sans-serif; text-align:center; font-weight:400; letter-spacing:1px; line-height:42px; background:#fff; cursor:pointer; text-transform:uppercase;}
.btn_area .btn:hover{color:#fff; border-color:#ff2d2d; background:#ff2d2d;
	-moz-transition:color .3s ease, border-color .3s ease, background .3s ease-out;
	-o-transition:color .3s ease, border-color .3s ease, background .3s ease-out;
	-ms-transition:color .3s ease, border-color .3s ease, background .3s ease-out;
	-webkit-transition:color .3s ease, border-color .3s ease, background .3s ease-out;
	transition:color .3s ease, border-color .3s ease, background .3s ease-out;}*/