@import url(./basic.css);/*font-family: 'Nanum Brush Script', cursive;*/ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- sub 코딩 38 ( 260 40 650 ) 38 = 1026 = 38 ( 30 890 30 ) 38 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .subVisual {width:950px;margin-left:38px; height:120px;border-bottom:1px solid #ee8400;} .subVisual .titleArea {padding:45px 0 0 30px;} .subVisual .titleArea h2 {color: #403438;line-height: 55px;font-size: 40px;letter-spacing: -1px;font-weight:bold;font-family: '나눔고딕',Nanum Gothic, Arial, Helvetica, sans-serif;} .subVisual .titleArea h2 span {color: #9c9c9c;line-height: 55px;font-size: 16px;letter-spacing: 0;font-weight:normal;font-family: Arial, Helvetica, Arial, sans-serif;} #subwrap {position:relative;width:1000px;background: url(/english/image/contentBg.gif) no-repeat 0 0;padding:42px 38px 0 38px;} #subContentBox {width:890px;min-height:700px;margin-left:30px;} #subContentBox h3{font-size: 16px;font-family: Nanum Gothic;color:#4e5b70;font-weight:bold;margin-bottom:20px;margin-top:30px;} /*---서브메뉴---*/ #leftContentBox {width:650px;min-height:1000px;margin-left:300px;} #menuBox {position: absolute;top:20px;left:38px;width:260px;} #menuBox .BigTitle{width:250px;color:#4e5b70;font-size:24px;margin:0 0 20px 10px;font-family: Cuprum, Arial, sans-serif;font-weight:400;} #menuBox .menuList{width:250px;} #menuBox .menuList ul a:hover {color:#3c79cc;} #menuBox .menuList ul li.subMenu a.smallTitle{display:block;width:250px;color:#6d6d6d;border-top:1px solid #e7e7e7;font-weight:bold;padding:10px 0 10px 15px;} #menuBox .menuList ul li.subMenu a.smallTitle:hover {display:block;background-color:#4e5b70;width:270px;color:#fff;font-weight:bold;padding:10px 0 10px 15px;} #menuBox .menuList ul li.subMenu a.smallTitle:hover span {color:#fff;} #menuBox .menuList ul li.subMenu ul {display:none;} #menuBox .menuList ul li.subMenu ul li a {width:250px; height:15px;color:#6c6c6c;} #menuBox .menuList ul li.subMenu_active a.smallTitle{display:block;background-color:#4e5b70;width:250px;color:#fff;font-weight:bold;padding:10px 0 10px 15px;} #menuBox .menuList ul li.subMenu_active a.smallTitle span{color:#fff;} #menuBox .menuList ul li.subMenu_active ul.on {display:block;width:250px;padding:7px 12px 15px;} #menuBox .menuList ul li.subMenu_active ul.on li {padding-left:17px;line-height:25px;border-left:4px solid #d6d6d6;} #menuBox .menuList ul li.subMenu_active ul.on li:hover {padding-left:17px;line-height:25px;border-left:4px solid #93bc4c;font-weight:bold;} #menuBox .menuList ul li.subMenu_active ul.on li a, #menuBox .menuList ul li.subMenu_active ul.on li a:link {color:#4c4b4b;} #menuBox .menuList ul li.subMenu_active ul.on li a:hover{color:#5e8b10;} #menuBox .menuList ul li.subMenu_active ul.on li.check {padding-left:17px;line-height:25px;border-left:4px solid #93bc4c;font-weight:bold;} #menuBox .menuList ul li.subMenu_active ul.on li.check a.aLink {width:250px; height:15px;color:#5e8b10;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- sub 컨텐츠url(/english/image/allBg.png) no-repeat 0 0; --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #fl_menu{position:absolute; top:135px; right:83px; z-index:9999; width:77px; height:50px;} #fl_menu .label{padding:5px 0 10px;line-height:20px; font-size:14px; font-weight:bold; background-color:#6e933a; color:#fff; letter-spacing:0;width:77px;text-align:center;} #fl_menu .menu{display:none;} #fl_menu .menu .menu_item{display:block; width:120px;background:#6e933a; color:#fff; border-bottom:1px solid #567925; padding:8px 20px;font-size:12px; text-decoration:none;} #fl_menu .menu .menu_item a{color:#bbb;} #fl_menu .menu .menu_item .grayText{color:#ededed;} #fl_menu .menu li.menu_item:hover{background:#567925; color:#fff;} /*--- 파랑라인테이블(제품가격,온라인상담) ---*/ .table02{margin-bottom:40px;} .table02 table {border-top:2px solid #167dcc;} .table02 table thead th{border-right:#dfe0e1 1px solid;border-bottom:#dfe0e1 1px solid;background-color:#fff; color:#125fab; font-weight:bold;font-size:13px;line-height:140%; padding:10px;} .table02 table tbody th{border-right:#dfe0e1 1px solid;border-bottom:#dfe0e1 1px solid;background-color:#f8f8f8;line-height:150%; padding:8px 20px;text-align:left;} .table02 table td{border-right:#dfe0e1 1px solid;border-bottom:#dfe0e1 1px solid;line-height:150%; padding:8px 20px;text-align:center;} .table02 .acenter{text-align: center;} .table02 .none{border-right:none;} .table02 input,.table02 textarea{ border:1px solid; background-color:#ffffff; border-color:#cccccc; font-size: 12px;padding:5px;} /*--- 회사소개 ---------------------------------------*/ .intro {margin:-88px 0 0 -30px;} /*--- 제품소개 -------------------------------------------*/ /*--- 제품 리스트페이지 ---*/ ul.productList {margin-top:30px;} ul.productList li {display:table;float:left;width:220px;height:200px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} ul.productList li img{width:200px;margin-bottom:20px;} ul.productList li h3{width:220px;height:40px;display:table-cell;vertical-align:middle;font-size: 14px;color: #444 !important;text-align:center;background-color:#f9f9f9;} ul.productList li h4{width:220px;height:40px;display:table-cell;vertical-align:middle;font-size: 14px;color: #444 !important;text-align:center;} ul.productList li:hover h4{background-color:#efefef;} ul.productList li.four {border-right:none;} ul.productList li.last {border-bottom:1px solid #e1e1e1;} ul.productList li.text a h4{margin-top:100px;font-size:16px;font-family: Nanum Gothic;} /*--- 제품상세 레이아웃 ---*/ #productMenu{float:left;width:235px;} #productMenu h3{font-size: 18px;font-family: Nanum Gothic;color:#22559b;margin-bottom:10px;} #productMenu h3.smallTitle{font-size: 14px;padding-left:10px;} #productMenu ul{border-top:1px solid #22559b;} #productMenu ul li{border-bottom:1px solid #e7e7e7;padding:10px 0;font-size:13px;padding-left:10px;} #productMenu ul li:hover{background-color:#efefef;} #productMenu ul li.menu_item_active{background-color:#22559b;color:#fff;font-weight:bold;padding-left:10px;} #productMenu ul li.other {font-weight:bold;} #productMenu ul li.menu_item_active .grayText {color:#fff;} .productBox {float:left;width:620px;margin-left:35px;line-height:160%;} .productBox ol{margin-left:20px;} .productBox p{margin-bottom:20px;} /*--- 제품상세 ---*/ #P_detail{padding-bottom:20px;background: url(/english/image/dot_line.gif) repeat-x 0 bottom;} #P_detail .img{width:600px;padding:10px;background-color: #efefef;margin-bottom:30px;} #P_detail .img img{width:598px;border:1px solid #ddd;} #P_detail .text{position:relative;width:620px;} #P_detail .text h3{margin:5px 0 20px 0 !important;padding:0 !important;color:#444;font-size:21px;font-weight:bold;} #P_detail .text h4{margin:0 0 15px 0 !important;padding:0 !important;font-size: 16px;font-family: Nanum Gothic;color:#4e5b70;font-weight:bold;} #P_detail .text p{margin:0 0 20px 0 !important;} #P_detail .text ul{margin:0 0 20px 0;} #P_detail .text ul li {background: url(/english/image/list_dot.gif) no-repeat 0 center;padding-left:10px;line-height:140%;} #P_detail .downloadBtn {position:absolute; top:0; right:0;} #P_detail .downloadBtn img{width:150px;} /*--- 제품테이블 ---*/ .table03{margin-bottom:40px;border-top:2px solid #6e828e;} .table03 p {margin-top:10px;color:#a5a5a5;line-height:18px;} .table03 table thead th{border:#dfe0e1 1px solid;border-top:none;background-color: #f8f8f8;color:#4e5a60; font-weight:bold;font-size:13px;line-height:140%; padding:7px 5px;font-family: Nanum Gothic;} .table03 table tbody th{border:#dfe0e1 1px solid;line-height:150%; padding:5px;text-align: left;background-color: #fbfbfb;} .table03 table td{ border:#dfe0e1 1px solid; line-height:150%; padding:5px;text-align: center;} .table03 .acenter{text-align: center;} /*--- 영어설명 ---*/ .terms {} .terms h4{} .terms p{border-bottom:1px dotted #ddd;padding-bottom:30px;} /*--- business ----------------------------------------*/ /*--- 상위실적 ---*/ .pf_list{position:relative;float:left;width:410px;padding-right:30px;height:150px;background: url(/english/image/dot_line.gif) repeat-x 0 bottom;} .pf_list img{position:absolute;top:0;left:0;} .pf_list ul{margin-left:200px;height:100px;padding-left:20px; } .pf_list ul li{font-size:16px;} .pf_list ul li.year{font-size:14px;color:#a5a5a5;} /*--- 실적테이블 ---*/ .table04{margin-bottom:40px;border-top:2px solid #6e828e;} .table04 p {margin-top:10px;color:#a5a5a5;line-height:18px;} .table04 table thead th{border:#dfe0e1 1px solid;background-color: #f8f8f8;color:#4e5a60; font-weight:bold;font-size:13px;line-height:140%; padding:10px 5px;font-family: Nanum Gothic;} .table04 table tbody th{border:#dfe0e1 1px solid;background-color: #f8f8f8;line-height:150%; padding:8px 20px;} .table04 table td{ border:#dfe0e1 1px solid; line-height:150%; padding:5px 15px;text-align: left;} .table04 .acenter{text-align: center;} #nbm {margin-left:3px;} #nbm .bs1{width:880px;height:14500px;margin-top:20px;} #nbm .bs2{width:880px;height:4000px;margin-top:20px;} #nbm .bs3{width:880px;height:2550px;margin-top:20px;} #nbm .bs4{width:880px;height:6100px;margin-top:20px;} #nbm .bs5{width:880px;height:1700px;margin-top:20px;} #nbm .bs6{width:880px;height:800px;margin-top:20px;} #nbm .tb{width:880px;height:30px;} #nbm .tb span.off,#nbm .tb span.on{width:auto;padding:10px 20px;margin-right:5px;text-align:center;text-decoration:none;display:block;float:left;cursor:pointer;z-index:100;} #nbm .tb span.off{color:#707070;background-color:#f5f5f5;} #nbm .tb span.on{color:#fff;font-weight:bold;background:#3877ce url(/image/about/tabOn.png) no-repeat center bottom;} #nbm .stc{width:880px;margin-top:30px;line-height:23px;} /*#nbm .stc ul li{position: relative;float:left;height:330px;margin:0 30px 20px 0;border:1px dotted #ddd; border-bottom:2px solid #ddd;padding:10px;width:130px;} #nbm .stc ul li p{margin:10px 0 0 5px;} #nbm .stc ul li img{padding-top:5px;width:130px;} #nbm .stc ul li p span.social{position:absolute; bottom:7px; left:0;font-size:11px; letter-spacing:0;text-align:center;width:145px;}*/ .new_imageBox {margin-top:10px;} .new_imageBox ul li {display:inline-block;*display:inline;*zoom:1;margin:0 15px 10px 0;line-height:19px;vertical-align:top;border:1px solid #9e9e9e;} .new_imageBox ul li a img {width:200px;} .new_imageBox ul li:hover {color:#1b8868;border:1px solid #443731;} .new_imageBox ul li p{line-height:20px;font-size:12px;letter-spacing: -1px;background-color: #fff;padding:5px;text-align:center;margin:0;font-weight:bold;} /*--- contact ----------------------------------------*/ #address{margin:20px 0;} #address .txt{float:left;width:320px;margin-right:40px;} #address .txt ul li{padding:10px 0 0 25px;} #address .txt ul li.ad{background: url(/english/image/icon_map.png) no-repeat 3px 12px;} #address .txt ul li.tel{background: url(/english/image/icon_tel.png) no-repeat 0 12px;} #address .txt ul li.mail{background: url(/english/image/icon_mail.png) no-repeat 1px 15px;} #address .onlineForm{float:left;width:530px;} #address .btn{border: 0px; padding: 6px 15px 8px 15px; cursor: pointer; font-family: 'Cuprum', sans-serif; font-size: 16px; line-height: 16px;color:#fff;text-align: center;background: #4E5B70;} #address .btn:hover{background: #282E38;} #address .tableA{margin-bottom:40px;} #address .tableA table {border-top:2px solid #167dcc;} #address .tableA table tbody th{border-right:#dfe0e1 1px solid;border-bottom:#dfe0e1 1px solid;background-color:#f8f8f8;line-height:150%; padding:8px 20px;text-align:left;} #address .tableA table td{border-right:#dfe0e1 1px solid;border-bottom:#dfe0e1 1px solid;line-height:150%; padding:8px 10px ;} #address .tableA .acenter{text-align: center;} #address .tableA .none{border-right:none;} #address .tableA input{border:1px solid; background-color:#ffffff; border-color:#cccccc; font-size: 12px;padding:5px;width:200px;height:15px;} #address .tableA textarea{border:1px solid; background-color:#ffffff; border-color:#cccccc; font-size: 12px;padding:5px;}