/* 레이아웃 세팅 */
.wrap {padding:107px 0 0 0;}
.sub_wrap {position:relative; width:1000px; margin:0 auto; padding:80px 0 120px 0; *zoom:1}
.sub_wrap:after {content:""; display:block; clear:both;}

/* 헤더 */
.header {position:absolute; top:0; width:100%; height:107px; background:url("/public_html/images/common/bg_header_gnb.png") repeat-x top left; z-index:1000;}
.header .inner {position:relative; width:1000px; margin:0 auto;}
.header h1 {position:absolute; top:49px; left:0;}
.header .top_link {position:absolute; top:5px; right:23px;}
.header .top_link li {float:left; margin:0 0 0 10px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line01.gif") no-repeat left 50%;}
.header .top_link li a {font-size:10px; color:#fff;}
.header .top_link li.none {background:none;}
.header .header_bg {display:none;}

/* 헤더 구버젼
.header {position:absolute; top:0; width:100%; height:103px; background:url("/public_html/images/common/bg_header_gnb.gif") repeat-x top left; overflow:hidden; z-index:1000;}
.header .inner {position:relative; width:1000px; margin:0 auto;}
.header h1 {position:absolute; top:49px; left:0;}
.header .top_link {position:absolute; top:5px; right:23px;}
.header .top_link li {float:left; margin:0 0 0 10px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line01.gif") no-repeat left 50%;}
.header .top_link li a {font-size:10px; color:#fff;}
.header .top_link li.none {background:none;}
.header .header_bg {position:fixed; top:103px; left:0; width:100%; height:0; background:#fff; opacity:0.4;}
 */

/* GNB */
.gnb {position:absolute; top:24px; right:0; z-index:1000;}
.gnb > li {float:left;}
.gnb > li > a {display:block; height:47px; padding:32px 20px 0 20px; font-size:16px; font-weight:bold; font-family:"Nato Sans KR", sans-serif; color:#595959; text-align:center;}
.gnb > li > a:hover {background:url("/public_html/images/common/bg_gnb01.gif") no-repeat bottom center;}
.gnb .two_depth {display:none; position:absolute; top:79px; padding:25px 20px 10px 20px; background:#fff; border-right:1px solid #e5e5e5;}
.gnb .two_depth ul {padding:20px 20px 10px 20px; background:url("/public_html/images/common/bg_gnb01.png") repeat;}
.gnb .two_depth li {margin:0 0 10px 0;}
.gnb .two_depth li a {}
.gnb .two_depth.menu01 {left:-2px}
.gnb .two_depth.menu02 {left:100px}
.gnb .two_depth.menu03 {left:200px}
.gnb .two_depth.menu04 {left:288px}
.gnb .two_depth.menu05 {left:428px}
.gnb .two_depth.menu06 {left:525px}


/* GNB 구버젼
.gnb {position:absolute; top:24px; right:0; z-index:1000;}
.gnb > li {float:left;}
.gnb > li > a {display:block; height:47px; padding:32px 20px 0 20px; font-size:16px; font-weight:bold; color:#595959; text-align:center;}
.gnb > li > a:hover {background:url("/public_html/images/common/bg_gnb01.gif") no-repeat bottom center;}
.gnb .two_depth {padding:25px 20px 10px 20px; background:#fff; border-right:1px solid #e5e5e5;}
.gnb .two_depth.main {border-left:1px solid #e5e5e5;}
.gnb .two_depth.center {padding:25px 20px 10px 20px; text-align:center;}
.gnb .two_depth.none {padding:25px 5px 10px 5px;}
.gnb .two_depth li {margin:0 0 10px 0;}
.gnb .two_depth li a {}
 */

/* 메인 비주얼 */
.main_visual {width:100%; height:617px; margin:-4px 0 0 0; background:url("/public_html/images/main/bg_main_visual01.jpg") no-repeat top center;}
.main_visual .inner {position:relative; width:1000px; margin:0 auto;  z-index:999;}
.main_visual .inner p {position:absolute; top:249px; right:19px;}
.main_visual .inner a {display:block; text-indent:-9999px;}
.main_visual .inner .area01 {position:absolute; top:47px; left:-3px; width:353px; height:183px; background:url("/public_html/images/main/bg_area01_off.png") no-repeat}
.main_visual .inner .area01:hover {background:url("/public_html/images/main/bg_area01_on.png") no-repeat}
.main_visual .inner .area02 {position:absolute; top:47px; left:343px; width:353px; height:183px; background:url("/public_html/images/main/bg_area02_off.png") no-repeat}
.main_visual .inner .area02:hover {background:url("/public_html/images/main/bg_area02_on.png") no-repeat}
.main_visual .inner .area03 {position:absolute; top:221px; left:166px; width:361px; height:180px; background:url("/public_html/images/main/bg_area03_off.png") no-repeat}
.main_visual .inner .area03:hover {background:url("/public_html/images/main/bg_area03_on.png") no-repeat}
.main_visual .inner .area04 {position:absolute; top:391px; left:-6px; width:358px; height:184px; background:url("/public_html/images/main/bg_area04_off.png") no-repeat}
.main_visual .inner .area04:hover {background:url("/public_html/images/main/bg_area04_on.png") no-repeat}
.main_visual .inner .area05 {position:absolute; top:391px; left:342px; width:358px; height:181px; background:url("/public_html/images/main/bg_area05_off.png") no-repeat;cursor:pointer;}
.main_visual .inner .area05:hover {background:url("/public_html/images/main/bg_area05_on.png") no-repeat}

/* 메인컨텐츠 */
.main_contents {width:1000px; margin:0 auto; padding:45px 0; overflow:hidden;}

/* 공지사항 */
.notice {position:relative; float:left; width:306px; margin:0 39px 0 0;}
.notice h2 {height:27px; margin:0 0 20px 0; border-bottom:1px solid #cccccc; color:#585858; font-size:18px; line-height:18px; font-family:"Nato Sans KR", sans-serif;}
.notice ul li {margin:0 0 10px 0; padding:0 0 0 8px; background:url("/public_html/images/main/bul_notice01.gif") no-repeat left 50%;}
.notice ul li a {display:block; width:100%; overflow:hidden; font-size:12px;}
.notice ul li a .subject {float:left; width:230px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notice ul li a .date {float:right; letter-spacing:-1px;}
.notice .more {position:absolute; top:0; right:0;}

/* 메인배너리스트 */
.main_banner_list li {float:left; height:145px;}
.main_banner_list li a {display:block; width:100%; height:100%;}
.main_banner_list li.intro {width:173px; font-family:"Nato Sans KR", sans-serif; background:url("/public_html/images/main/bg_banner01.jpg") no-repeat;}
.main_banner_list li.patent {width:175px; font-family:"Nato Sans KR", sans-serif; background:url("/public_html/images/main/bg_banner02.jpg") no-repeat;border-left:1px solid #e4e4e4;}
.main_banner_list li.visit {width:281px;height:145px;font-family:"Nato Sans KR", sans-serif;position:relative;border-left:1px solid #e4e4e4;}
.main_banner_list li.visit .tel{height:92px;}
.main_banner_list li.visit .tit {padding:0 0 0 25px;}
.main_banner_list li.visit h2{width:260px; height:27px; margin:0 0 20px 20px; border-bottom:1px solid #cccccc; color:#585858; font-size:18px; line-height:18px; font-family:"Nato Sans KR", sans-serif;}
.main_banner_list li.visit .more{position:absolute; top:0; right:0;}
.main_banner_list li .tit {margin:0 0 30px 0; padding:0 0 0 15px; font-size:18px; font-weight:bold; color:#585858; line-height:1;}
.main_banner_list li p {color:#676767;}

/* 서브비주얼 */
.sub_visual {width:100%; height:187px; margin:-4px 0 0 0; text-indent:-9999px;}

.company .sub_visual {background:url("/public_html/images/common/sub_visual01.png") no-repeat center top;} /* 회사정보 */
.electronic .sub_visual {background:url("/public_html/images/common/sub_visual02.png") no-repeat center top;} /* 전장사업 */
.lighting .sub_visual {background:url("/public_html/images/common/sub_visual03.png") no-repeat center top;} /* 조명사업 */
.development .sub_visual {background:url("/public_html/images/common/sub_visual04.png") no-repeat center top;} /* 기술개발사업 */
.IoT .sub_visual {background:url("/public_html/images/common/sub_visual05.png") no-repeat center top;} /* IoT사업 */
.support .sub_visual {background:url("/public_html/images/common/sub_visual06.png") no-repeat center top;} /* 고객지원 */
.etc .sub_visual {background:url("/public_html/images/common/sub_visual01.jpg") no-repeat center top;} /* 그외페이지 */

/* 레프트메뉴 */
.left_menu {display:none; float:left; width:180px; padding:0 41px 0 0;}
.left_menu h2 {margin:0 0 10px 0; font-size:30px; color:#294676; line-height:18px;}
.left_menu p {margin:0 0 10px 0;font-size:11px; color:#a3b5bf;}
.left_menu ul {border-top:1px solid #e3e3e3;}
.left_menu ul li {border-bottom:1px solid #e3e3e3;}
.left_menu ul li a {display:block; padding:7px 0 7px 27px; background:url("/public_html/images/common/left_menu_off.gif") no-repeat 13px 50%; font-size:14px; font-weight:bold;}
.left_menu ul li a:hover {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu ul p {margin:8px 0 8px 25px;font-size:12px;line-height:25px;}

.company .left_menu.company {display:block;} /* 회사정보 */
.electronic .left_menu.electronic {display:block;} /* 전장사업 */
.lighting .left_menu.lighting {display:block;} /* 조명사업 */
.development .left_menu.development {display:block;} /* 기술개발사업 */
.IoT .left_menu.IoT {display:block;} /* IoT사업 */
.support .left_menu.support {display:block;} /* 고객지원 */
.etc .left_menu.etc {display:block;} /* 그외페이지 */

.left_menu01_01 .left_menu ul .menu01 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu01_02 .left_menu ul .menu02 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu01_03 .left_menu ul .menu03 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu01_04 .left_menu ul .menu04 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu01_05 .left_menu ul .menu05 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu01_06 .left_menu ul .menu06 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}

.left_menu02_01 .left_menu ul .menu01 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu02_02 .left_menu ul .menu02 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu02_03 .left_menu ul .menu03 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}

.left_menu03_01 .left_menu ul .menu01 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu03_02 .left_menu ul .menu02 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu03_03 .left_menu ul .menu03 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}

.left_menu04_01 .left_menu ul .menu01 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu04_02 .left_menu ul .menu02 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu04_03 .left_menu ul .menu03 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu04_04 .left_menu ul .menu04 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu04_05 .left_menu ul .menu05 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu04_06 .left_menu ul .menu06 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu04_07 .left_menu ul .menu07 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu04_08 .left_menu ul .menu08 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}

.left_menu05_01 .left_menu ul .menu01 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu05_02 .left_menu ul .menu02 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}

.left_menu06_01 .left_menu ul .menu01 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu06_02 .left_menu ul .menu02 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu06_03 .left_menu ul .menu03 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}
.left_menu06_04 .left_menu ul .menu04 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}

.left_menu07_01 .left_menu ul .menu01 a {padding-left:15px; background:#3d5b8d url("/public_html/images/common/left_menu_on.gif") no-repeat; color:#fff !important;}

/* 서브컨텐츠 */
.sub_content {float:right; width:746px; padding:0 0 0 32px; overflow:hidden; border-left:1px solid #e1e1e1;}
.sub_content .title_area {width:100%; margin:0 0 30px 0; overflow:hidden;}
.sub_content .title_area h3 {float:left; font-size:35px; color:#2f2f2f; line-height:35px;}
.sub_content .title_area .page_nav {float:right}
.sub_content .title_area .page_nav span {font-size:11px;}
.sub_content .title_area .page_nav strong {font-weight:normal;}
.sub_content .title_area .page_nav * {display:inline-block; margin:0 0 0 4px; vertical-align:top; line-height:1; color:#515151;}

/* 푸터 */
.footer {clear:both; width:100%; height:98px; padding:0 0 10px 0; border-top:1px solid #cccccc;}
.footer .inner {position:relative; width:1000px; height:98px; margin:0 auto;}
.footer .inner .logo {position:absolute; top:22px; right:21px;}
.footer .inner .company_info {position:absolute; top:20px; left:0;}
.footer .inner .company_info .name {float:left; margin:0px 0 0 0;}
.footer .inner .company_info .ceo {float : left; margin :0 0 0 10px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line02.gif") no-repeat left 50%}
/*.footer .inner .company_info address {display:block; float:left;}*/
.footer .inner .company_info .address {float:left; margin:0 0 0 10px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line02.gif") no-repeat left 50%}
.footer .inner .company_info .number {float:left; margin:0 0 0 10px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line02.gif") no-repeat left 50%}
.footer .inner .company_info .number2 {position:absolute; top:19px;}
.footer .inner .company_info .tel {position:absolute; margin:19px 0 0 250px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line02.gif") no-repeat left 50%}
.footer .inner .company_info .fax {position:absolute; margin:19px 0 0 375px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line02.gif") no-repeat left 50%;}
.footer .inner .company_info .mail {position:absolute; margin:19px 0 0 500px; padding:0 0 0 10px; background:url("/public_html/images/common/bul_line02.gif") no-repeat left 50%;}
/*.footer .inner .company_info .copyright {clear:both; padding:53px 0 0 0;}*/
.footer .inner .company_info .copyright {position:absolute;top:47px; left:0;}
.footer .inner .language_select {position:absolute; top:34px; right:0; padding:3px; background:#656565; border:0; color:#fff; font-size:11px;}
.footer .inner .footer_links {position:absolute; bottom:3px; right:0;}
.footer .inner .footer_links li {float:left; padding:0 0 0 8px;}
.footer .inner .fm {position:absolute; top:70px; right:21px;}
#banner {position:absolute; top:150px; right:-110px; width:53px;}
#banner a {display:block; margin:0 0 5px 0;}
#banner .uplus {display:none;}
.IoT #banner .uplus {display:block;}