/* main CSS */

body{background-color:#f9f9f9;}
#skipNav{position:absolute; top:0; top:-1000%;}
#skipNav a{display:block; height:1px; width:1px; overflow:hidden;}
#skipNav a:focus, #skipNav a:active{height:auto; width:100%;}

/* wrap */
#wrap{width:960px; margin:0 auto; text-align:left;}

/* nav */
#nav{background:url(../images/main/topmenu_b.gif) 0 0 no-repeat; width:960px; height:50px;}
#nav .left_nav{float:left; padding:19px 0 0 10px;}
#nav .left_nav li{color:#ffffff; float:left; padding-left:7px;}
#nav .left_nav li a{display:inline-block; padding-right:7px; color:#fefefe; font-size:10px;}
#nav .left_nav li.first{padding-left:0px;}
#nav .left_nav li.jp a, li.en a, li.chin a{font-weight:bold;}
#nav .left_nav li a:hover{text-decoration:underline; color:#ffffff;}

#nav .right_nav{float:left; padding-top:12px;}
#nav .right_nav li{float:left; padding-left:19px;}
#nav .right_nav li.nav01{padding-left:112px;}
#nav .right_nav li.nav01 a{background:url(../images/main/navi01.gif) 0 0 no-repeat; width:59px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav02 a{background:url(../images/main/navi02.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav03 a{background:url(../images/main/navi03.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav04 a{background:url(../images/main/nav04.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav05 a{background:url(../images/main/nav05.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}
#nav .right_nav li.nav06 a{background:url(../images/main/nav06.gif) 0 0 no-repeat; width:71px; height:25px; display:block; text-indent:-9999px;}

#nav .right_nav li.nav01 a:hover{background:url(../images/main/navi01_over.gif) 0 0 no-repeat; width:59px; height:25px; display:block;}
#nav .right_nav li.nav02 a:hover{background:url(../images/main/navi02_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav03 a:hover{background:url(../images/main/navi03_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav04 a:hover{background:url(../images/main/nav04_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav05 a:hover{background:url(../images/main/nav05_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}
#nav .right_nav li.nav06 a:hover{background:url(../images/main/nav06_over.gif) 0 0 no-repeat; width:71px; height:25px; display:block;}

/* meta */
.meta{width:960px; height:318px; background:url(../images/main/meta_b.jpg) 0 0 no-repeat;}
.meta .left_section{float:left; width:600px;}
.meta .left_section .logo{padding-top:25px; float:left;}
.meta .left_section .logo h1 a{width:213px; height:43px; background:url(../images/main/logo.gif) 0 0 no-repeat; display:block; text-indent:-9999px;}
.meta .left_section .ceo_greeting{width:350px; height:101px; float:left; padding-top:70px;}
.meta .left_section .ceo_greeting p.greeting_detail{padding:17px 0 0 27px; font-family:Gulim; color:#838383; line-height:16px;}
.meta .left_section .ceo_greeting p.greeting_detail a:hover{color:#000000;}
.meta .meta_text{float:left; width:291px; padding:57px 0 0 94px;}
.meta .meta_text p.text1{font-size:18px; color:#002d3c; font-family:Georgia; width:350px;}
.meta .meta_image{float:left; width:357px; height:318px;}

/* left_content */
#content{width:960px; position:relative; overflow:hidden;}
#content .left_content{width:403px; height:850px; background:url(../images/main/left_b.gif) 0 0 no-repeat; float:left;}
#content .right_content{width:557px; height:850px; background:url(../images/main/right_b.gif) 0 0 no-repeat; float:left;}
.left_content .title{font-size:28px; color:#4e4e4e; font-family:Arial; padding:28px 0 0 27px;}
.left_content .title .best{color:#df5026;}
.left_content .product1, .product2, .product3, .product4{float:left; width:385px; height:155px;}
.left_content .product1 .image, .product2 .image, .product3 .image, .product4 .image{float:left; padding:18px 0 0 27px;}
.left_content .product1 .product_ex, .product2 .product_ex, .product3 .product_ex, .product4 .product_ex{width:210px; height:160px; float:left;}
.left_content .product1 .product_title, .product2 .product_title, .product3 .product_title, .product4 .product_title{padding-top:26px;}
.left_content .product1 .product_text, .product2 .product_text, .product3 .product_text, .product4 .product_text{padding:11px  0 0 16px;}
.left_content .product1 .product_text a:hover, .product2 .product_text a:hover, .product3 .product_text a:hover, .product4 .product_text a:hover{color:#000000;}
.left_content .product1 .more, .product2 .more, .product3 .more, .product4 .more{padding:12px 0 0 149px;}

.right_content .support{float:left; width:558px; height:201px;}
.right_content .support_title{float:left;}
.right_content .support_image{float:left; }
.right_content .support_ex{float:left; padding:10px 0 0 10px; line-height:16px; width:543px;}

.right_content .support_ex li.list_title{font-family:Gulim; color:#838383; font-weight:bold; padding-bottom:11px;}
.right_content .support_ex li.list{width:357px; height:76px; background:url(../images/main/notice_icon.png) 0 0 no-repeat; padding-left:15px; line-height:16px;}
.right_content .support_ex li a:hover{color:#000000;}
.right_content .support_ex li.more{float:right;  padding-bottom:23px; padding-right:5px; text-align:right; width:556px;}
.right_content .notice{float:left; width:558px; height:256px;}
.right_content .notice .notice_section{width:263px; height:188px; padding:18px 0 0 25px; float:left;}

.company_photo{float:left; }

.quick_menu{float:left;}
.quick_menu .quick_menu_list{padding:18px 0 0 26px;}
.quick_menu .quick_menu_list .quick_menu1 a{width:243px; height:61px; background:url(../images/main/quick01.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu2 a{width:243px; height:60px; background:url(../images/main/quick02.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu3 a{width:243px; height:60px; background:url(../images/main/quick03.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu1 a:hover{width:243px; height:61px; background:url(../images/main/quick01_over.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu2 a:hover{width:243px; height:60px; background:url(../images/main/quick02_over.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}
.quick_menu .quick_menu_list .quick_menu3 a:hover{width:243px; height:60px; background:url(../images/main/quick03_over.gif) 0 0 no-repeat; text-indent:-1000%; display:block;}

.menu{float:left; overflow:hidden;}
.menu dl.list1{width:528px;  height:24px; float:left; padding:19px 0 0 30px;}
.menu dt{width:72px; float:left; font-family:Gulim; color:#186fa5; font-weight:bold; }
.menu dt img{padding-right:7px;}
.menu .list1 .dd1{color:#838383; width:84px; float:left;}
.menu .list1 .dd2, .list1 .dd3, .list1 .dd5{color:#838383; width:68px; float:left;}
.menu .list1 .dd4{color:#838383; width:55px; float:left;}
.menu .list1 .dd1 a, .list1 .dd2 a, .list1 .dd3 a, .list1 .dd4 a, .list1 .dd5 a{display:inline-block; padding-right:9px;}
.menu .list1 .dd1 a:hover, .list1 .dd2 a:hover, .list1 .dd3 a:hover, .list1 .dd4 a:hover, .list1 .dd5 a:hover, .list1 .dd6 a:hover{color:#3d3d3d;}
.menu dl.list2, dl.list5{width:528px; float:left; padding-left:30px; height:23px;}
.menu dl.list3{width:528px; float:left; padding-left:30px; height:230px;}
.menu dl.list4{width:528px; float:left; padding-left:30px; height:40px;}
.menu dl.list2 .dd1{color:#838383;  float:left;}
.menu .list2 .dd1 a, .list2 .dd2 a, list2 .dd3 a{display:inline-block; padding-right:9px;}
.menu .list2 .dd1 a:hover, .list2 .dd2 a:hover, .list2 .dd3 a:hover{color:#3d3d3d;}
.list3_dt2  {  width:450px;  }
.menu dl.list3 .dd1{color:#838383; height:21px; float:left; width:450px;}
.menu dl.list3 .dd1{color:#838383; height:21px; float:left; width:450px;}
.menu dl.list3 .dd1_1{color:#838383; height:21px; float:left; width:110px; }
.menu dl.list3 .dd1_2{color:#838383; width:340px; float:left; }

.menu dl.list3 .dd2_1{color:#838383; height:21px; float:left; width:120px; margin-left:74px; }
.menu dl.list3 .dd2_2{  color:#838383; width:330px; float:left; }

.menu dl.list3 .dd3_1{color:#838383; height:21px; float:left; width:120px; margin-left:74px; }
.menu dl.list3 .dd3_2{  color:#838383; width:330px; float:left; }

.menu dl.list3 .dd4_1{color:#838383; height:21px; float:left; width:350px; margin-left:74px; }

.menu dl.list3 .dd5_1{color:#838383; height:21px; float:left; width:200px; margin-left:74px; }
.menu dl.list3 .dd5_2{  color:#838383; width:250px; float:left; height:21px; }


.menu dl.list3 .dd2{color:#838383; width:185px; height:21px; float:left;}
.menu dl.list3 .dd3{width:193px; height:21px; float:left; padding-left:111px;}
.menu dl.list3 .dd4{ height:21px; float:left; color:#838383; width:220px;}
.menu dl.list3 .dd4 a{display:inline-block; padding-right:9px;}
.menu dl.list3 .dd5{width:209px; float:left; color:#838383; padding-left:73px; height:21px;}
.menu dl.list3 .dd6{width:238px; float:left; height:21px;}
.menu dl.list3 .dd7{width:210px; float:left; height:21px; padding-left:73px;}
.menu dl.list3 .dd8{width:214px; float:left; height:21px;}
.menu dl.list3 .dd10{width:433px; height:21px; float:left; padding-left:73px; color:#838383;}
.menu dl.list3 .dd9{width:433px; height:21px; float:left; padding-left:125px; color:#838383;}
.menu dl.list3 .dd9 a{display:inline-block; padding-right:9px;}
.menu dl.list3 .dd1_2 a:hover, .list3 .dd2_2 a:hover,  .list3 .dd3_2 a:hover, .list3 .dd4_2 a:hover, .list3 .dd5_2 a:hover, .list3 .dd2 a:hover, .list3 .dd3 a:hover, .list3 .dd4 a:hover, .list3 .dd5 a:hover, .list3 .dd6 a:hover, .list3 .dd7 a:hover, .list3 .dd8 a:hover, .list3 .dd9 a:hover, .list3 .dd10 a:hover{color:#3d3d3d;}


.menu dl.list4 .dd1{width:450px; float:left; color:#838383; height:21px;}

.menu dl.list4 .dd2{width:91px; float:left; color:#838383; height:21px;}
.menu dl.list4 .dd3{width:93px; float:left; color:#838383; height:21px;}
.menu dl.list4 .dd4{width:150px; float:left; color:#838383; height:21px;}
.menu dl.list4 .dd5{width:213px; float:left; color:#838383; height:21px; padding-left:73px;}
.menu .list4 .dd1 a, .list4 .dd2 a, .list4 .dd3 a{display:inline-block; padding-right:9px;}
.list4 .dd5 a{display:inline-block; padding-left:5px;}
.menu dl.list4 .dd1 a:hover, .list4 .dd2 a:hover, .list4 .dd3 a:hover, .list4 .dd4 a:hover, .list4 .dd5 a:hover{color:#3d3d3d;}
.menu dl.list5 .dd1{width:65px; float:left; color:#838383;}
.menu dl.list5 .dd2{width:65px; float:left; color:#838383;}
.menu dl.list5 .dd3{width:52px; float:left; color:#838383;}
.menu dl.list5 .dd4{width:78px; float:left; color:#838383;}
.menu dl.list5{width:528px; height:21px; float:left; padding-left:30px;}
.menu .list5 .dd1 a, .list5 .dd2 a, .list5 .dd3 a, .list5 .dd4 a{display:inline-block; padding-right:9px;}
.menu dl.list5 .dd1 a:hover, .list5 .dd2 a:hover, .list5 .dd3 a:hover, .list5 .dd4 a:hover{color:#3d3d3d;}

/* footer */
#footer{color:#717171; float:left; width:960px; height:55px; padding:25px 0 0 7px;}
.footer_logo{float:left; margin-right:10px;}
#footer .address{width: 710px; float:left; line-height:135%;}
	.address li.copyright-1{width: 710px; float:left;}
	.address li.copyright-2{width: 330px; float:left; font-size:11px; padding-top:2px;}
	.address li.admin{width: 68px; float:left; padding-top:1px;}
#footer .address a:hover{color:#3d3d3d;}
/*121116백업 #footer .copy{font-size:11px;}*/
#footer .gobiz{width:88px; height:27px; float:right;  padding-top:-28px; padding-right:10px;}