/*********************** layout **************************/ #container {width:100%; overflow:hidden;} /* sub banner */ #subBanner {width:100%; background:#e0eaf0; overflow:hidden;}/*170413 : background:#111;*/ #subBanner .bannerWrap {position:relative; width:1140px; height:159px; margin:0 auto; overflow:hidden;} #subBanner .bannerWrap .txtArea {position:relative; width:1000px; margin:50px auto 0; z-index:2;} #subBanner .bannerWrap .txtArea:after {content:""; display:block; clear:both;} #subBanner .bannerWrap .txtArea p {display:inline-block; font-size:28px; color:#26333b; font-weight:600; padding:0 0 6px 0; margin:0 0 6px 42px; border-bottom:2px #486577 solid;}/*170413 : color:#fff*/ #subBanner .bannerWrap .txtArea span {display:block; font-size:13px; color:#656565; line-height:1.2; margin:0 0 0 42px;}/*170413 : color:#b9b9b9*/ #subBanner .bannerWrap .imgArea {position:absolute; right:0; top:0; z-index:1;} /* content wrap */ #contentsWrap {width:980px; margin:45px auto 100px;} #contentsWrap:after {content:""; display:block; clear:both;} /* local menu */ #lnb {float:left; width:175px; margin:0 50px 0 0; overflow:hidden;} #lnb #title {height:49px; font-size:24px; color:#333; font-weight:600; border-bottom:1px #ddd solid;} #lnb ul li {} #lnb ul li a {display:block; font-size:14px; color:#333; font-weight:600; padding:10px 14px; border-bottom:1px #ddd solid; line-height:1.4;} #lnb ul li.on > a {background:#262f3b; color:#fff;} #lnb ul li ul {display:none; padding:12px 0 12px 10px; border-bottom:1px #ddd solid;} #lnb ul li ul li {padding:6px 0;} #lnb ul li ul li a {font-size:13px; color:#666; font-weight:600; line-height:1.2; padding:0 0 0 13px; border:0; background:url('../images/bg/bg_lnb_dot.gif') left 6px #fff no-repeat;} #lnb ul li ul li.on a {background:url('../images/bg/bg_lnb_dot.gif') left 6px #fff no-repeat; color:#f58220;} /* shop menu */ #lnbshop {float:left; width:175px; margin:0 50px 0 0; overflow:hidden;} #lnbshop #title {height:49px; font-size:24px; color:#333; font-weight:600; border-bottom:1px #ddd solid;} #lnbshop ul li {} #lnbshop ul li a {display:block; font-size:14px; color:#333; font-weight:600; padding:10px 14px; border-bottom:1px #ddd solid; line-height:1.4;} #lnbshop ul li.on > a {background:#262f3b; color:#fff;} #lnbshop ul li ul {display:none; padding:12px 0 12px 10px; border-bottom:1px #ddd solid;} #lnbshop ul li ul li {padding:6px 0;} #lnbshop ul li ul li a {font-size:13px; color:#666; font-weight:600; line-height:1.2; padding:0 0 0 13px; border:0; background:url('../images/bg/bg_lnb_dot.gif') left 6px #fff no-repeat;} #lnbshop ul li ul li.on a {background:url('../images/bg/bg_lnb_dot.gif') left 6px #fff no-repeat; color:#f58220;} /* content */ #contents {float:left; width:755px; overflow:hidden;} #contents h2 {font-size:24px; color:#333; font-weight:600; padding:0 0 25px 0; border-bottom:1px #333 solid;} #contents h2.bn {border:0;} #location {position:relative; width:100%; height:0;} #location:after {content:""; display:block; clear:both;} #location ol {position:absolute; right:0; top:-40px;} #location ol li {float:left; padding:0 12px 0 9px; background:url('../images/bg/bg_location_arrow.gif') right 7px no-repeat;} #location ol li img {vertical-align:middle; margin:-2px 0 0 0;} #location ol li a {font-size:13px; color:#868788;} #location ol li a:hover {color:#868788;} #location ol li.last {font-size:13px; color:#333; padding:2px 0 0 9px; background:none;} /* POS HARDWARE Contents */ table {border-collapse:collapse; border-spacing:0;} .tab_type02{margin-top: 0px;border: 1px solid #dadada;text-align: left;} .tab_type02 table{width: 100%;} .tab_type02 tr~tr{border-top: 1px solid #dadada;} .tab_type02 th.line_L{border-left:1px solid #dadada;} .tab_type02 th{height: 60px;font-size: 16px; text-align:center; color: #000;font-weight: normal;} .tab_type02 td{height: 60px;font-size: 16px;padding-left: 5px;border-left: 1px solid #dadada;padding: 10px 10px;} /* product */ #product {width:100%;} #product:after {content:""; display:block; clear:both;} #product .promotion {position:relative; width:100%; margin:0 0 15px 0; background:#f9f9f9; border-bottom:2px #333 solid; overflow:hidden; word-break:keep-all;} #product .promotion .txtArea {position:relative; padding:0 0 0 50px; z-index:2;} #product .promotion .txtArea .tit {font-size:30px; color:#f58220; font-weight:600; padding:40px 0 15px 0;} #product .promotion .txtArea .explan {font-size:15px; color:#333; font-weight:600; padding:0 0 16px 0; line-height:1.2;} #product .promotion .txtArea .explan span {display:block; font-size:15px;} #product .promotion .txtArea .txt {padding:0 0 40px 0;} #product .promotion .txtArea .txt span {display:block; font-size:13px; color:#666; line-height:1.5;} #product .promotion .imgArea {position:absolute; right:0; top:0; z-index:1;} #product .promotion_shop {position:relative; width:100%; margin:0 0 2px 0; background:#f9f9f9; border-bottom:2px #333 solid; overflow:hidden; word-break:keep-all;} #product .promotion_shop .txtArea {position:relative; padding:0 0 0 20px; z-index:2;} #product .promotion_shop .txtArea .tit {font-size:30px; color:#f58220; font-weight:600; padding:10px 0 15px 0;} #product .promotion_shop .txtArea .explan {font-size:15px; color:#333; font-weight:600; padding:0 0 16px 0; line-height:1.2;} #product .promotion_shop .txtArea .explan span {display:block; font-size:15px;} #product .promotion_shop .txtArea .txt {padding:0 0 40px 0;} #product .promotion_shop .txtArea .txt span {display:block; font-size:13px; color:#666; line-height:1.5;} #product .promotion_shop .imgArea {position:absolute; right:0; top:0; z-index:1;} #product .goodsList {width:100%; overflow:hidden; word-break:keep-all;} #product .goodsList ul li {float:left; width:32%; margin:0 2% 18px 0; overflow:hidden;} #product .goodsList ul li.gap {margin:0 0 18px 0;} #product .goodsList ul li .goods {position:relative; border:1px #ddd solid; padding:0 0 80px 0; background:#f9f9f9; overflow:hidden;} #product .goodsList ul li .goods:after {content:""; display:block; clear:both;} #product .goodsList ul li .goods .tit {background:#3e4b5d;} #product .goodsList ul li .goods .tit span {display:block; font-size:15px; color:#fff; font-weight:600; line-height:1.2; padding:10px 12px;} #product .goodsList ul li .goods .img {text-align:center;} #product .goodsList ul li .goods .img img {} #product .goodsList ul li .goods .name {font-size:20px; color:#3e4b5d; font-weight:600; padding:8px 25px 12px 25px;} #product .goodsList ul li .goods .info {margin:0 18px;} #product .goodsList ul li .goods .info p {color:#666; padding:3px 0 3px 10px; line-height:1.2; background:url('../images/bg/bg_goods_info_p.gif') left 10px no-repeat;} #product .goodsList ul li .goods .btn {position:absolute; left:0; bottom:0; width:100%; margin:24px 0; text-align:center; overflow:hidden;} #product .program {margin:20px 0 0 0; padding:30px 23px; border:1px #ddd solid; word-break:keep-all;} #product .program:after {content:""; display:block; clear:both;} #product .program .pdfPro {position:relative; border-bottom:1px #ddd solid;} #product .program .pdfPro:after {content:""; display:block; clear:both;} #product .program .pdfPro .ico {position:absolute; left:0; top:0;} #product .program .pdfPro .info {padding:10px 80px 30px 75px;} #product .program .pdfPro .info p {font-size:14px; color:#666; line-height:1.4;} #product .program .pdfPro .info p span {font-size:14px; color:#2a6a9c; font-weight:600;} #product .program .pdfPro .btn {position:absolute; right:0; top:10px;} #product .program .cadPro {position:relative; margin:20px 0 0 0;} #product .program .cadPro:after {content:""; display:block; clear:both;} #product .program .cadPro .ico {position:absolute; left:14px; top:0;} #product .program .cadPro .info {padding:8px 80px 18px 75px;} #product .program .cadPro .info p {font-size:14px; color:#666; line-height:1.4;} #product .program .cadPro .info p span {font-size:14px; color:#2a6a9c; font-weight:600;} #product .program .cadPro .btn {position:absolute; right:0; top:6px;} #product .program .cadPro .method {margin:30px 15px 0 15px;} #product .program .cadPro .method:after {content:""; display:block; clear:both;} #product .program .cadPro .method .tit {font-size:16px; color:#333; padding:0 0 5px 0;} #product .program .cadPro .method .txt p {color:#666; line-height:1.5;} #product .program .cadPro .method .txt p span {color:#bf3434; line-height:1.5;} #product .program .cadPro ul {margin:0 0 0 15px;} #product .program .cadPro ul:after {content:""; display:block; clear:both;} #product .program .cadPro ul li {color:#666; line-height:1.5; padding:0 0 0 8px; background:url('../images/bg/bg_cadpro_li.gif') left 8px no-repeat;} #product .contact {width:100%; overflow:hidden;} #product .contact .branchOffice {position:relative; width:100%; margin:42px 0 0 0; overflow:hidden;} #product .contact .branchOffice .tit {position:absolute; left:3px; top:0; font-size:20px; color:#447e96; font-weight:600; padding:0 0 0 15px; background:url('../images/bg/bg_branchoffice_tit.gif') left 3px no-repeat;} #product .contact .branchOffice .tit span {display:block; font-size:20px;} #product .contact .branchOffice ul {margin:-8px 0 0 162px;} #product .contact .branchOffice ul:after {content:""; display:block; clear:both;} #product .contact .branchOffice ul li {position:relative; font-size:13px; color:#666; padding:10px 0 10px 70px; line-height:1.2; border-bottom:1px #bcbcbc dotted;} #product .contact .branchOffice ul li p {position:absolute; left:0; top:12px; font-size:13px; color:#333; font-weight:600; padding:0 0 0 16px; background:url('../images/bg/bg_branchoffice_dot.gif') 2px 4px no-repeat;} #product .contact .branchOffice.f {margin:27px 0 0 0;} /* service */ #service {width:100%; overflow:hidden; word-break:keep-all;} #service h3 {width:100%; overflow:hidden;} #service h3 span {display:block; font-size:15px; color:#555; font-weight:600; line-height:1.2; padding:10px 0 10px 14px;} #service h3 span u {font-size:13px; color:#d90a0a; font-weight:normal; text-decoration:none;} #service h3.dep {border-top:1px #333 solid;} #service .asWebArea {display:block;} #service .asWebArea img {width:100%;} #service .asTabletArea {display:none;} #service .asTabletArea img {width:100%;} #service .asMobileArea {display:none;} #service .asMobileArea img {width:100%;} #service .asDiv {width:100%; border-top:1px #333 solid; overflow:hidden;} #service .asType {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} #service .asType th {border-color:#ddd; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:center; padding:13px 0 12px; font-size:13px; vertical-align:middle; background:#e8eef4;} #service .asType td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:left; padding:20px 0 20px 13px; font-size:13px; line-height:1.4; vertical-align:top;} #service .asType td.goods {background:#efefef; text-align:center; padding:20px 0; font-size:15px; font-weight:600; color:#333; line-height:1.1;} #service .asType td.failure {background:#f6f6f6; text-align:center; padding:20px 0;} #service .asTypeM {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} #service .asTypeM th {border-color:#ddd; border-width:0 0 1px 0; color:#447e96; border-style:none none solid none; text-align:center; padding:13px 0 12px; font-size:12px; vertical-align:middle; background:#e8eef4;} #service .asTypeM td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:left; padding:10px 0 10px 13px; font-size:12px; line-height:1.4; vertical-align:top;} #service .asTypeM td.thType {background:#f6f6f6; font-weight:600;} #service .goodsTit {font-size:20px; color:#447e96; font-weight:600; background:url('../images/bg/bg_powerlimb_h3.gif') left 3px no-repeat; padding:0 0 0 16px; margin:40px 0 15px 0;} #service .outline {width:100%; margin:45px 0 0 0; overflow:hidden;} #service .outline .webDiv {display:block; text-align:center;} #service .outline .tabletDiv {display:none; text-align:center;} #service .outline .mobileDiv {display:none; text-align:center;} #service .outline .pointDiv {position:relative; width:100%; margin:80px 0 0 0; border-top:1px #333 solid; border-bottom:3px #333 solid; background:#f9f9f9; padding:18px 0;} #service .outline .pointDiv:after {content:""; display:block; clear:both;} #service .outline .pointDiv .home {position:absolute; right:0; top:-25px; font-size:13px; color:#3e4b5d; font-weight:600;} #service .outline .pointDiv .leftDiv {position:absolute; left:0; top:17px; width:150px; text-align:center;} #service .outline .pointDiv .leftDiv img {padding:0 0 10px 0;} #service .outline .pointDiv .leftDiv span {display:block; font-size:16px; color:#333; font-weight:600;} #service .outline .pointDiv .rightDiv {margin:0 10px 0 140px;} #service .outline .pointDiv .rightDiv:after {content:""; display:block; clear:both;} #service .outline .pointDiv .rightDiv ul {} #service .outline .pointDiv .rightDiv ul li {position:relative; width:100%; font-size:13px; color:#666; font-weight:600; padding:0 0 12px 10px; line-height:1.2; background:url('../images/bg/bg_outline_rightdiv_dot.gif') left 6px no-repeat; overflow:hidden;} #service .outline .pointDiv .rightDiv ul li.f {padding:12px 0 12px 10px; background-position:left 18px;} #service .outline .pointDiv .rightDiv ul li span {font-size:13px; color:#447e96;} #service .academy {width:100%; overflow:hidden;} #service .academy h3 {font-size:20px; color:#447e96; font-weight:600; background:url('../images/bg/bg_powerlimb_h3.gif') left 3px no-repeat; padding:0 0 0 16px; margin:40px 0 15px 0;} #service .academy h3.f {margin:15px 0 15px 0;} #service .academy .txt {font-size:14px; color:#666; font-weight:600; line-height:1.4; padding:0 0 20px 0;} #service .academy .txt02 {font-size:14px; color:#666; font-weight:600; line-height:1.4; padding:60px 0 20px 0; margin:40px 0 0 0; border-top:1px #ddd solid;} #service .academy .txt02 span {display:block; font-size:14px; line-height:1.4;} #service .academy .plan {width:100%; overflow:hidden;} #service .academy .plan .section {position:relative; float:left; width:50%; overflow:hidden;} #service .academy .plan .section .point {display:table; position:absolute; left:4px; top:0; width:117px; height:117px; background:url('../images/bg/bg_academy_circle.gif') left top no-repeat;} #service .academy .plan .section .point span {display:table-cell; vertical-align:middle; font-size:16px; color:#fff; font-weight:600; line-height:1.2; text-align:center;} #service .academy .plan .section .info {display:table; height:117px; margin:0 0 0 140px;} #service .academy .plan .section .info:after {content:""; display:block; clear:both;} #service .academy .plan .section .info .inwrap {display:table-cell; vertical-align:middle;} #service .academy .plan .section .info .inwrap p {font-size:14px; color:#666; line-height:1.2; padding:0 0 0 10px; margin:10px 0; background:url('../images/bg/bg_academy_info_dot.gif') left 7px no-repeat;} #service .academy .plan .section .info .inwrap p span {font-size:14px; color:#333; font-weight:600;} #service .academy .plan .section .info .inwrap p u {display:block; font-size:14px; line-height:1.2; text-decoration:none;} #service .academy .academyProgram {position:relative; width:100%; padding:10px 0; overflow:hidden;} #service .academy .academyProgram .point {display:table; position:absolute; left:4px; top:10px; width:117px; height:117px; background:url('../images/bg/bg_academy_circle.gif') left top no-repeat;} #service .academy .academyProgram .point span {display:table-cell; vertical-align:middle; font-size:16px; color:#fff; font-weight:600; line-height:1.2; text-align:center;} #service .academy .academyProgram .info {display:table; height:117px; margin:0 140px;} #service .academy .academyProgram .info:after {content:""; display:block; clear:both;} #service .academy .academyProgram .info .inwrap {display:table-cell; vertical-align:middle;} #service .academy .academyProgram .info .inwrap p {font-size:14px; color:#666; line-height:1.2; padding:0 0 0 10px; margin:10px 0; background:url('../images/bg/bg_academy_info_dot02.gif') left 7px no-repeat;} #service .academy .academyProgram .info .inwrap p strong {font-size:14px;} #service .academy .academyProgram .period {display:table; position:absolute; right:12px; top:10px; width:117px; height:117px; background:url('../images/bg/bg_academy_circle_period.gif') left top no-repeat;} #service .academy .academyProgram .period span {display:table-cell; vertical-align:middle; font-size:15px; color:#467183; font-weight:600; line-height:1.2; text-align:center;} #service .academy .academyProgram.gray .point {background:url('../images/bg/bg_academy_circle02.gif') left top no-repeat;} #service .academy .academyProgram.gray .period {background:url('../images/bg/bg_academy_circle_period02.gif') left top no-repeat;} #service .academy .academyProgram .period span {color:#424b59;} #service .homeSystem {width:100%; overflow:hidden;} #service .homeSystem h3 {font-size:20px; color:#447e96; font-weight:600; background:url('../images/bg/bg_powerlimb_h3.gif') left 3px no-repeat; padding:0 0 0 16px; margin:40px 0 15px 0;} #service .homeSystem h3.f {margin:15px 0 15px 0;} #service .homeSystem .txt {font-size:14px; color:#666; line-height:1.4;} #service .homeSystem .txt strong {font-size:14px;} #service .homeSystem ul {width:100%; overflow:hidden;} #service .homeSystem ul li {font-size:14px; color:#666; line-height:1.2; padding:6px 0 6px 18px; background:url('../images/bg/bg_homesystem_li.gif') left 13px no-repeat;} #service .homeSystem ul li strong {font-size:14px; color:#333; font-weight:600;} #service .homeSystem .download {position:relative; width:100%; height:0;} #service .homeSystem .download a {position:absolute; right:0; top:-85px;} #service .homeSystem .map {width:100%; overflow:hidden;} #service .homeSystem .map img {width:100%;} .w_type02 {} .m_type02 {display:none;} /* client */ #business {width:100%; overflow:hidden;} #business .mechatronicsImg {margin:40px 0 0 0;} #business .mechatronicsImg img {width:100%;} #business .powerlimb {width:100%; overflow:hidden;} #business .powerlimb h3 {font-size:20px; color:#447e96; font-weight:600; background:url('../images/bg/bg_powerlimb_h3.gif') left 3px no-repeat; padding:0 0 0 16px;} #business .powerlimb .img {width:100%; margin:35px 0; text-align:center; overflow:hidden;} #business .powerlimb .info {width:750px; margin:0 auto; overflow:hidden;} #business .powerlimb .info ul li {float:left; width:174px; margin:0 18px 20px 0;} #business .powerlimb .info ul li .circle01 {width:117px; height:117px; font-size:18px; color:#fff; font-weight:600; line-height:117px; text-align:center; margin:0 auto; background:url('../images/bg/bg_powerlimb_circle01.gif');} #business .powerlimb .info ul li .circle02 {width:117px; height:117px; font-size:18px; color:#fff; font-weight:600; line-height:117px; text-align:center; margin:0 auto; background:url('../images/bg/bg_powerlimb_circle02.gif');} #business .powerlimb .info ul li .tit {width:100%; height:67px; font-size:16px; color:#447e96; font-weight:600; text-align:center; padding:14px 0 0 0; line-height:1.2;} #business .powerlimb .info ul li p {font-size:14px; color:#666; font-weight:600; padding:0 0 0 14px; line-height:1.4; background:url('../images/bg/bg_powerlimb_dot.gif') left 8px no-repeat;} #business .powerlimb .info ul li p.f {color:#333;} #business .powerlimb .info ul li.last {margin:0;} #business .hydraulic {width:755px; margin:0 auto; overflow:hidden;} #business .hydraulic h3 {clear:both; font-size:20px; color:#447e96; font-weight:600; background:url('../images/bg/bg_powerlimb_h3.gif') left 3px no-repeat; margin:50px 0 20px; padding:0 0 0 16px;} #business .hydraulic h3.f {margin:25px 0 20px;} #business .hydraulic ul {margin:0 0 0 -33px;} #business .hydraulic ul:after {content:""; display:block; clear:both;} #business .hydraulic ul li {float:left; text-align:center; width:150px; border:1px #ccc solid; margin:35px 0 0 45px;} #business .hydraulic ul li.last {margin:0 0 20px 0;} #business .hydraulic ul li .info {position:relative;} #business .hydraulic ul li img {width:140px; height:50px;} # #business .hydraulic ul li .info.h80 {height:10px;} #business .hydraulic ul li .info.h50 {height:50px;} #business .hydraulic ul li .info.h63 {height:63px;} #business .hydraulic ul li .info p {position:absolute; left:8px; top:18px; font-size:14px; color:#333; font-weight:600;} #business .hydraulic ul li .info span {display:block; font-size:13px; color:#888; line-height:1.3; padding:16px 0 0 74px; letter-spacing:-0.2px;} #business .hydraulic ul li .user {position:relative; background:#3e4b5d;} #business .hydraulic ul li .user p {position:absolute; left:8px; top:12px; line-height:1.3; font-size:13px; color:#fff; font-weight:600;} #business .hydraulic ul li .user span {display:block; line-height:1.3; font-size:13px; color:#fff; font-weight:600; padding:10px 0 10px 0px;} /* company */ #company {width:100%; overflow:hidden;} #company h3 {font-size:20px; color:#447e96; font-weight:600; background:url('../images/bg/bg_powerlimb_h3.gif') left 3px no-repeat; padding:0 0 0 16px; margin:25px 0 15px 0;} #company .guide {width:100%; overflow:hidden;} #company .guide .point {width:100%; padding:15px 0 20px 0; overflow:hidden;} #company .guide .point p {font-size:22px; color:#333; font-weight:600; line-height:1.4;} #company .guide .point p span {font-size:22px; color:#447e95;} #company .guide .txtArea {width:100%; overflow:hidden;} #company .guide .txtArea p {font-size:14px; color:#666; line-height:1.4; word-break:keep-all;} #company .guide .txtArea p strong {font-size:14px; color:#333;} #company .guide .businessArea {width:100%; overflow:hidden;} #company .guide .businessArea ul li {float:left; width:150px;} #company .guide .businessArea ul li .circle01 {width:117px; height:117px; font-size:16px; color:#fff; font-weight:600; line-height:117px; text-align:center; margin:0 auto 12px; background:url('../images/bg/bg_powerlimb_circle01.gif');} #company .guide .businessArea ul li .circle02 {width:117px; height:117px; font-size:16px; color:#fff; font-weight:600; line-height:117px; text-align:center; margin:0 auto 12px; background:url('../images/bg/bg_powerlimb_circle02.gif');} #company .guide .businessArea ul li .tit {width:100%; height:67px; font-size:16px; color:#447e96; font-weight:600; text-align:center; padding:14px 0 0 0; line-height:1.2;} #company .guide .businessArea ul li p {font-size:13px; color:#666; text-align:center; line-height:1.4;} #company .guide .businessArea ul li.orther p {margin:0 0 0 35px;} #company .history {position:relative; width:100%; padding:0 0 30px 0; margin:45px 0 0 0; border-bottom:1px #ddd solid; overflow:hidden;} #company .history .period {position:absolute; left:0; top:-5px; color:#262f3b; font-size:50px; font-weight:800;} #company .history .period span {display:block; font-size:28px; color:#262f3b; font-weight:200;} #company .history ul {margin:0 0 0 165px;} #company .history ul li {position:relative; width:100%; overflow:hidden; word-break:keep-all;} #company .history ul li .year {position:absolute; left:0; top:0; font-size:16px; color:#42778e; font-weight:600;} #company .history ul li .data {position:relative; margin:0 0 12px 56px; overflow:hidden;} #company .history ul li .data .month {position:absolute; left:0; top:1px; font-size:14px; color:#91afc2; font-weight:600;} #company .history ul li .data p {font-size:13px; color:#666; margin:0 0 0 52px; line-height:1.2;} #company .history.bn {border:0;} #tab_menus {margin-left:-4%;margin-top:57px;} #tab_menus:after {content:"";display:block;clear:both;} #tab_menus li {width:16%;max-width:176px;float:left;margin-left:4%;} #tab_menus li a {display:block;font-size:14px;color:#444;font-weight:600;padding:17px 0;border-top:solid 3px #e4e4e4;text-align:center;} #tab_menus li.selected a {color:#f58220;border-top:solid 3px #f58220 ;} .content {} .history_list {margin-bottom:50px;} .history_list li {padding:40px 0;border-bottom:solid 1px #d9d9d9;} .history_list li dl {background:#fff;} .history_list li dl:after {content:"";display:block;clear:both;} .history_list li dl dt {width:18%;max-width:200px;float:left;font-size:50px;color:#f58220;font-weight:600;line-height:100%;} .history_list li dl dd {width:82%;max-width:860px;float:left;} .history_list li dl dd p {position:relative;padding-left:25px;line-height:130%;margin-bottom:15px;} .history_list li dl dd p span {font-weight:600;font-size:13px;color:#333;font-weight:600;position:absolute;left:0;top:0;} .history_list li dl dd p:last-child {margin-bottom:0;} #company .map {width:100%; overflow:hidden;} #company .map .tabs {border-left:1px #ddd solid;} #company .map .tabs:after {content:""; display:block; clear:both;} #company .map .tabs ul li {float:left; width:20%;} #company .map .tabs ul li a {display:block; font-size:14px; color:#666; text-align:center; line-height:38px; border:1px #ddd solid; margin:0 0 0 -1px;} #company .map .tabs ul li.on {background:#3e4b5d;} #company .map .tabs ul li.on a {color:#fff; font-weight:600; border:1px #3e4b5d solid;} #company .map .api {width:100%; margin:10px 0 20px 0; overflow:hidden;} #company .map .mapInfo {width:100%; border-top:1px #333 solid; border-bottom:2px #333 solid; overflow:hidden;} #company .map .mapInfo ul li {position:relative; width:100%; border-bottom:1px #ddd solid; padding:15px 0; overflow:hidden; word-break:keep-all;} #company .map .mapInfo ul li .tit {position:absolute; left:0; top:15px;} #company .map .mapInfo ul li .tit p {font-size:13px; color:#333; font-weight:600; line-height:1.3; padding:0 0 0 53px;} #company .map .mapInfo ul li .tit p.ty1 {background:url('../images/ico/ico_mapinfo01.gif') 12px top no-repeat;} #company .map .mapInfo ul li .tit p.ty2 {background:url('../images/ico/ico_mapinfo02.gif') 12px top no-repeat;} #company .map .mapInfo ul li .tit p.ty3 {background:url('../images/ico/ico_mapinfo03.gif') 12px top no-repeat;} #company .map .mapInfo ul li .tit p.ty4 {background:url('../images/ico/ico_mapinfo04.gif') 12px top no-repeat;} #company .map .mapInfo ul li .tit p.ty5 {background:url('../images/ico/ico_mapinfo05.gif') 12px top no-repeat;} #company .map .mapInfo ul li .info {font-size:13px; color:#666; line-height:1.2; margin:0 20px 0 148px;} #company .map .mapInfo ul li.last {border:0;} #company .technology {width:100%; overflow:hidden; word-break:keep-all;} #company .technology .scTxt {font-size:14px; color:#666; line-height:1.4; padding:0 0 25px 0;} #company .technology .scTxt strong {font-size:20px; color:#447e96; font-weight:600; line-height:1.4;} #company .technology .scTxt.interval {margin:15px 0 0 0;} #company .technology .scPic {position:relative; width:100%; margin:30px 0 60px 0; overflow:hidden;} #company .technology .scPic .blueTxt {position:absolute; left:30px; top:98px; font-size:20px; color:#447e96; font-weight:600; text-align:right; line-height:1.2;} #company .technology .scPic .blueTxt span {display:block; font-size:20px; line-height:1.2;} #company .technology .scPic .grayTxt {position:absolute; right:40px; top:106px; font-size:20px; color:#454c54; font-weight:600;} #company .technology .scPic .scConf {position:relative; width:448px; height:230px; background:url('../images/bg/bg_technology_scpic.gif')left top no-repeat; margin:0 auto;} #company .technology .scPic .scConf .inbox {float:left; width:224px;} #company .technology .scPic .scConf .inbox p {padding:74px 0 0 0; text-align:center; font-size:14px; color:#447e96; font-weight:600; line-height:1.7;} #company .technology .scPic .scConf .inbox p.ty {color:#3e4b5d;} #company .technology .scPic .info {width:100%; margin:24px 0 0 0; overflow:hidden;} #company .technology .scPic .info span {display:block; font-size:15px; color:#333; line-height:1.4; font-weight:600; text-align:center;} #company .technology .scList {width:100%; border-top:1px #ddd solid; margin:0 0 70px 0; overflow:hidden;} #company .technology .scList .listBox {position:relative; width:100%; padding:17px 0 42px; border-bottom:1px #ddd solid; overflow:hidden;} #company .technology .scList .listBox .imgArea {position:absolute; left:8px; top:50%; margin:-80px 0 0 0;} #company .technology .scList .listBox .listConf {margin:0 0 0 210px;} #company .technology .scList .listBox .listConf:after {content:""; display:block; clear:both;} #company .technology .scList .listBox .listConf p {font-size:13px; color:#666; line-height:1.4;} #company .technology .scList .listBox .listConf ul {width:100%; margin:12px 0 0 0; overflow:hidden;} #company .technology .scList .listBox .listConf ul li {font-size:13px; color:#666; line-height:1.2; background:url('../images/bg/bg_sclist_listconf_li.gif') left 50% no-repeat; padding:2px 0 2px 10px;} #company .technology .scAspect {border-left:1px #ddd solid; overflow:hidden;} #company .technology .scAspect:after {content:""; display:block; clear:both;} #company .technology .scAspect .aspect {float:left; width:50%; overflow:hidden;} #company .technology .scAspect .aspect .inter {border-right:1px #ddd solid; text-align:center;} #company .technology .scAspect .aspect .inter:after {content:""; display:block; clear:both;} #company .technology .scAspect .aspect .inter h4 {font-size:20px; color:#447e96; font-weight:600; line-height:1.1; padding:0 0 15px 0;} #company .technology .scAspect .aspect .inter p {font-size:14px; color:#666; line-height:1.5; font-weight:600; padding:14px 0 0 0;} #company .technology .scAspect .aspect .inter .img {width:117px; height:117px; margin:0 auto; background:url('../images/bg/bg_scaspect_inter_circle01.gif') left top no-repeat;} #company .technology .scAspect .aspect .inter .img span {font-size:20px; color:#fff; font-weight:600; line-height:117px; text-align:center;} #company .technology .scAspect .aspect .inter.ty h4 {color:#3e4b5d;} #company .technology .scAspect .aspect .inter.ty .img {background:url('../images/bg/bg_scaspect_inter_circle02.gif') left top no-repeat;} #company .technology .rnd {position:relative; width:100%; margin:15px 0 0 0; overflow:hidden;} #company .technology .rnd .leftImg {position:absolute; left:0; top:0;} #company .technology .rnd .rtxt {margin:0 0 30px 390px;} #company .technology .rnd .rtxt p {font-size:14px; color:#666; line-height:1.5; padding:0 0 18px 0;} #company .technology .rnd .rtxt p strong {font-size:14px; color:#333; line-height:1.5; font-weight:600;} #company .technology .rnd .pr1 {font-size:14px; color:#333; font-weight:300; text-align:right; line-height:1.2;padding-right:20px} #company .technology .rnd .pr2 {font-size:25px; color:#666; font-weight:300; text-align:right; line-height:1.2;padding-right:20px} #company .technology .rnd .stepTxt {width:100%; overflow:hidden;} #company .technology .rnd .stepTxt p {font-size:14px; color:#666; line-height:1.5; padding:0 0 18px 0;} #company .technology .rnd .stepTxt p strong {font-size:14px; color:#333; line-height:1.5; font-weight:600;} #company .technology .rnd .stepTxt p span {font-size:16px; color:#447e96; line-height:1.5; font-weight:600;} #company .technology .rnd .product {width:100%; overflow:hidden;} #company .technology .rnd .product ul {margin:15px 0 0 -4.6%;} #company .technology .rnd .product ul:after {content:""; display:block; clear:both;} #company .technology .rnd .product ul li {float:left; width:45.4%; margin:0 0 60px 4.6%;} #company .technology .rnd .product ul li .tit {width:100%; background:#3e4b5d; overflow:hidden;} #company .technology .rnd .product ul li .tit span {display:block; font-size:15px; color:#fff; font-weight:600; padding:8px 0 10px 15px; line-height:1.2;} #company .technology .rnd .product ul li .pbox {border:1px #ddd solid;} #company .technology .rnd .product ul li .pbox:after {content:""; display:block; clear:both;} #company .technology .rnd .product ul li .pbox img {width:100%;} #company .technology .rnd .product ul li .cate {font-size:15px; color:#3e4b5d; font-weight:600; padding:26px 0 0 0;} #company .technology .rnd .product ul li p {font-size:13px; color:#666; line-height:1.2; padding:0 0 0 14px; margin:18px 0 0 0; background:url('../images/bg/bg_rnd_product_dot.gif') left 6px no-repeat;} #company .certificateWrap {width:100%; overflow:hidden;} #company .certificateWrap .cerDiv {width:100%; overflow:hidden;} #company .certificateWrap .cerDiv .cerType {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} #company .certificateWrap .cerDiv .cerType th {border-color:#333; border-width:0 0 2px 0; color:#333; border-style:none none solid none; text-align:center; padding:13px 0 12px; font-size:14px; vertical-align:middle;} #company .certificateWrap .cerDiv .cerType td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:center; padding:24px 0 23px; font-size:14px; line-height:1.4; vertical-align:middle;} #company .certificateWrap .cerDiv .cerType td.left {text-align:left; padding:24px 0 23px 10px;} #company .certificateWrap .cerDiv .cerType td span {font-size:14px; color:#3e4b5d; font-weight:600;} #company .certificateWrap .cerDiv .cerType td p {font-size:14px; color:#48869f; font-weight:600; padding:0 0 6px 0;} #company .certificateWrap .certificate {width:755px; margin:0 auto; overflow:hidden;} #company .certificateWrap .certificate ul {margin:-30px 0 0 -33px; } #company .certificateWrap .certificate ul li {float:left; margin:35px 0 0 33px;} .vision_box {} .vision_box p.tit_img {max-width:651px;margin:0 auto 50px auto;} .vision_box p.tit_img img {width:100%;} .vision_box ul {max-width:940px;width:100%;margin:0 auto 70px auto;} .vision_box ul:after {content:"";display:block;clear:both;} .vision_box ul li {width:32%;max-width:299px;float:left;} .vision_box ul li:nth-child(2) {margin:0 2%;} .vision_box ul li img {width:100%;} .vision_box ul li p {line-height:130%;font-size:15px;color:#777;margin-top:30px;text-align:center;} .vision_box ul li p span {line-height:150%;font-size:15px;} .vision_box ul li p span.type01 {color:#2797c5;} .vision_box ul li p span.type02 {color:#3db0a9;} .vision_box ul li p span.type03 {color:#64a37d;} #sitemap {width:100%; overflow:hidden;} #sitemap .sitemenu {float:left; width:160px; margin:0 38px 20px 0;} #sitemap .sitemenu ul:after {content:""; display:block; clear:both;} #sitemap .sitemenu ul li {} #sitemap .sitemenu ul li a {display:block; font-size:14px; color:#fff; font-weight:600; line-height:40px; text-align:center; background:#54768c; margin:0 0 8px 0;} #sitemap .sitemenu ul li ul li a {font-size:14px; color:#54768c; background:#fff; border:1px #54768c solid; padding:10px 0; line-height:1.2;} #sitemap .sitemenu ul li ul li ul {margin:10px 0;} #sitemap .sitemenu ul li ul li ul li {padding:3px 0;} #sitemap .sitemenu ul li ul li ul li a {display:inline; font-size:13px; color:#666; font-weight:600; line-height:1.2; border:0; padding:0;} #sitemap .sitemenu.mno {margin:0;} /*************************** fancybox *************************/ #layerWrap {width:100%; overflow:hidden;} #layerWrap .passwordWrap {width:220px; padding:25px 35px; border:1px #ddd solid; background:#f5f5f5;} #layerWrap .passwordWrap .tit {font-size:14px; color:#333; font-weight:600; padding:0 0 12px 0; text-align:center;} #layerWrap .passwordWrap .pwType {width:209px; height:35px; line-height:35px; border:1px #ddd solid; padding:0 0 0 10px; color:#666;} #layerWrap .passwordWrap ul {width:100%; margin:6px 0 0 0; overflow:hidden;} #layerWrap .passwordWrap ul li {float:left;} #layerWrap .passwordWrap ul li.gab {margin:0 6px 0 0;} /*************************** Common *************************/ /***** img type *****/ .webImg {display:inline-block;} .mobileImg {display:none;} /***** list table *****/ .listDiv {width:100%; overflow:hidden;} .listType {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .listType th {border-color:#333; border-width:0 0 2px 0; color:#333; border-style:none none solid none; text-align:center; padding:13px 0 12px; font-size:14px; vertical-align:middle;} .listType td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:center; padding:13px 0 12px; font-size:13px; line-height:1.4; vertical-align:middle;} .listType td.left {text-align:left; padding:13px 0 12px 10px;} .listType td a {color:#666;} .listType td img {vertical-align:middle;} /***** notice type *****/ .noticeDiv {width:100%; overflow:hidden;} .noticeDiv ul {margin:0 0 0 -7px;} .noticeDiv ul li {float:left; width:183px; height:185px; background:#f9f9f9; margin:0 0 7px 7px;} .noticeDiv ul li a {position:relative; display:block;} .noticeDiv ul li a .num {position:absolute; right:0; top:0; width:36px; height:34px; line-height:34px; font-size:13px; color:#fff; font-weight:600; background:#bbb; text-align:center;} .noticeDiv ul li a p.tit {font-size:13px; color:#333; font-weight:600; padding:18px 40px 6px 14px;} .noticeDiv ul li a p.day {font-size:13px; color:#888; padding:0 14px 70px 14px;} .noticeDiv ul li a p.txt {font-size:13px; color:#666; padding:0 14px; line-height:1.2;} .noticeDiv ul li a .hover {display:none; position:absolute; left:0; top:0; width:179px; height:180px; border:2px #262f3b solid;} /***** write table *****/ .writeDiv {position:relative; width:100%; border-top:2px #333 solid;} .writeDiv.mb30 {margin:0 0 30px 0;} .writeDiv.mb70 {margin:0 0 70px 0;} .writeTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .writeTable th {border-color:#ddd; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; background:#fff; padding:17px 0; font-size:13px; vertical-align:top;} .writeTable th p {display:block; font-size:13px; color:#333; font-weight:600; padding:0 0 0 26px; background:url('../images/bg/bg_write_th.gif') right 50% no-repeat;} .writeTable th p span {font-size:13px; color:#dc2e2e; font-weight:600; line-height:1.2;} .writeTable th p u {font-size:13px; text-decoration:none; line-height:1.2;} .writeTable td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:left; background:#fff; padding:8px 0 8px 20px; font-size:13px; line-height:1.2; vertical-align:middle;} /***** view table *****/ .viewDiv {position:relative; width:100%; border-bottom:2px #333 solid; overflow:hidden;} .viewTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .viewTable th {border-color:#ddd; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; background:#fff; padding:17px 0; font-size:13px; vertical-align:top;} .viewTable th span {display:block; font-size:13px; color:#333; font-weight:600; padding:0 0 0 26px; line-height:1.2; background:url('../images/bg/bg_write_th.gif') right 50% no-repeat;} .viewTable th span u {font-size:13px; text-decoration:none; line-height:1.2;} .viewTable th.reply {background:#e8eef4;} .viewTable th.reply span {color:#447e96;} .viewTable th.list {background:#f4f4f4;} .viewTable th.list span {background:none;} .viewTable td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:left; background:#fff; padding:17px 20px 17px 20px; font-size:13px; line-height:1.4; vertical-align:middle;} .viewTable td.conf {padding:17px 20px 70px 20px;} .viewTable td.reply {background:#e8eef4;} .viewTable td.reply {color:#447e96;} .viewTable td.list {background:#f4f4f4; padding:17px 20px 17px 0;} .viewTable td.list a {color:#666;} .viewTable td.list a:hover {color:#666;} .viewTable td a.file {color:#3b7da3; text-decoration:underline;} .viewDiv.bt {border-top:1px #333 solid;} /***** agreebox *****/ .agreeWrap {width:100%; margin:0 0 70px 0; overflow:hidden;} .agreeWrap .agreeBox {height:100px; padding:18px 28px 0; border:1px #e4e4e4 solid; border-top:2px #333 solid; overflow-y:auto;} .agreeWrap .agreeBox .tit {color:#777; font-size:13px; font-weight:600; padding:18px 0 14px 0;} .agreeWrap .agreeBox .txt {color:#777; font-size:13px; padding:0 0 12px 0; line-height:1.4;} .agreeWrap .agreeChk {float:right; padding:12px 0 0 0;} .agreeWrap .agreeChk label {font-size:13px; color:#555; font-weight:600; margin:0 4px 0 0; line-height:1.2;} .agreeWrap .agreeChk input {vertical-align:middle; margin:2px 0 0 0;} /***** head txt *****/ .headTxt {width:100%; border-bottom:2px #333 solid; padding:14px 0; margin:0 0 25px 0; overflow:hidden; word-break:keep-all;} .headTxt p {font-size:14px; color:#333; font-weight:600; line-height:1.4; padding:0 26px;} .headTxt p span {font-size:14px; color:#447e96;} .headTxt2 {width:100%; border-bottom:3px #333 solid; padding:18px 0; margin:0 0 25px 0; background:#f9f9f9; overflow:hidden; word-break:keep-all;} .headTxt2 p {font-size:14px; color:#666; font-weight:600; line-height:1.4; padding:0 35px;} .headTxt2 p span {font-size:14px; color:#447e96; line-height:1.4;} .headTxt2 p strong {font-size:16px; line-height:1.4; color:#333; font-weight:600;} /***** search selection *****/ .selection {width:100%; border-bottom:1px #333 solid; padding:50px 0 12px; overflow:hidden;} .selection ul li {float:left;} .selection ul li .stype {width:220px; height:38px; color:#333; font-size:13px; line-height:38px; padding:0 0 0 10px; border:0; border-top:1px #ddd solid; border-bottom:1px #ddd solid;} .selection.bn {border:0;} /* select change */ span.selectBox {height:30px; font-size:13px; background:url('../images/bg/bg_select.gif') right center #fff no-repeat; padding:0 28px 0 0; border-left:1px #ddd solid;} span.selectBox.changed {} .selectBoxInner {font-size:13px; white-space:nowrap; line-height:30px; padding:0 20px 0 10px;} span.headSelectBox {height:40px; font-size:13px; background:url('../images/bg/bg_headselect.gif') right center #fff no-repeat; padding:0 28px 0 0; border-left:1px #ddd solid;} span.headSelectBox.changed {} .headSelectBoxInner {font-size:13px; white-space:nowrap; line-height:40px; padding:0 40px 0 10px;} /***** btn area *****/ .btnArea {position:relative; width:100%; clear:both; overflow:hidden;} .btnArea .right {float:right; padding:15px 0 0 0;} .btnArea .right li {float:left; padding:0 0 0 8px;} .btnArea .left {float:left; padding:15px 0 0 0;} .btnArea .left li {float:left; padding:0 8px 0 0;} /***** paging *****/ .allPageMoving1{margin:60px 0 0 0; text-align:center;} .allPageMoving1 *{vertical-align:top;} .allPageMoving1 a{display:inline-block;width:32px;height:32px;line-height:32px;color:#555;text-decoration:none; border:1px #ddd solid; background:#fff; font-size:13px; margin:0 2px;} .allPageMoving1 a.n{border:0;padding:0;} .allPageMoving1 a.pre{border:0;padding:0 10px 0 5px;} .allPageMoving1 a.next{border:0;padding:0 5px 0 10px;} .allPageMoving1 a img{vertical-align:top;} .allPageMoving1 span.mobile{display:none;} .allPageMoving1 strong{display:inline-block; width:34px; height:34px; line-height:34px; color:#c9cacc; text-decoration:none; background:#262f3b; font-size:12px; font-weight:normal;} /***** btn ******/ .graybtn01 {display:inline-block; color:#fff; font-weight:600; height:34px; line-height:34px; padding:0 31px 0 11px; background:url('../images/bg/bg_btn_graybtn01.gif') right top no-repeat;} .graybtn01:hover {color:#fff;} .graybtn02 {display:inline-block; color:#fff; font-weight:600; height:34px; line-height:34px; padding:0 58px 0 11px; background:url('../images/bg/bg_btn_graybtn02.gif') right top no-repeat;} .graybtn02:hover {color:#fff;} .wBtn {display:block; width:103px; height:34px; border:2px #333 solid; text-align:center; background:url('../images/bg/bg_wbtn_arrow.gif') 82px 12px no-repeat;} .wBtn span {line-height:34px; font-size:14px; color:#333; font-weight:600; margin:0 0 0 -14px;} .wBtn:hover {color:#333;} .qBtn {display:block; width:194px; height:53px; text-align:center; background:url('../images/bg/bg_qbtn_arrow.gif') 162px 20px #447e96 no-repeat;} .qBtn span {line-height:53px; font-size:15px; color:#fff; font-weight:600; margin:0 0 0 -30px;} .qBtn:hover {color:#fff;} .oBtn {display:block; width:103px; height:34px; border:2px #333 solid; background:url('../images/bg/bg_wbtn_arrow.gif') 82px 12px no-repeat;} .oBtn span {line-height:34px; font-size:14px; color:#333; font-weight:600; margin:0 0 0 14px; text-align:left;} .oBtn span.list {color:#3e4b5d;} .oBtn:hover {color:#333;} .cBtn {display:block; width:103px; height:34px; border:2px #aaa solid; background:url('../images/bg/bg_wbtn_arrow.gif') 82px 12px no-repeat;} .cBtn span {line-height:34px; font-size:14px; color:#666; font-weight:600; margin:0 0 0 14px; text-align:left;} .cBtn:hover {color:#666;} .rBtn {display:block; width:103px; height:34px; border:2px #447e96 solid; background:url('../images/bg/bg_wbtn_arrow.gif') 82px 12px no-repeat;} .rBtn span {line-height:34px; font-size:14px; color:#447e96; font-weight:600; margin:0 0 0 14px; text-align:left;} .rBtn:hover {color:#447e96;} /***** input ******/ .w107 {width:97px; height:28px; font-size:13px; color:#666; line-height:28px; padding:0 0 0 10px; border:1px #ddd solid;} .w144 {width:134px; height:28px; font-size:13px; color:#666; line-height:28px; padding:0 0 0 10px; border:1px #ddd solid;} .w152 {width:142px; height:28px; font-size:13px; color:#666; line-height:28px; padding:0 0 0 10px; border:1px #ddd solid;} .w254 {width:244px; height:28px; font-size:13px; color:#666; line-height:28px; padding:0 0 0 10px; border:1px #ddd solid;} .w402 {width:392px; height:28px; font-size:13px; color:#666; line-height:28px; padding:0 0 0 10px; border:1px #ddd solid;} .w75c {width:75px; height:28px; font-size:13px; color:#666; line-height:28px; text-align:center; border:1px #ddd solid;} /* ul pta */ .pta li{float:left;} .pta li.pr {padding-right:6px;} .pta li.pr8 {padding-right:8px;} .pta li.pr10 {padding-right:10px;} .pta li.pr20 {padding-right:20px;} .pta li.pt5 {padding-top:5px;} .pta li.pl20 {padding-left:20px;} .pta li.cb {clear:both; float:left;} .pta li.mq740 {padding-left:8px;} .pta li.push {padding-left:6px;} .pta li span {font-size:13px; color:#777;} .pta li span.valign {line-height:30px; padding:0 6px;} .pta li span.valign img {vertical-align:middle; margin:-2px 0 0 0;} .pta li span.valign input {vertical-align:middle; margin:-2px 0 0 0;} .pta li span.valign2 {line-height:30px;} .pta li span.valign2 input {vertical-align:middle; margin:-2px 0 0 0;} .pta li span strong {font-size:13px; color:#555;} .pta li label {font-size:13px; color:#666; line-height:30px;} .pta li input {vertical-align:middle;} .pta li .red {color:#df0000;} .pta li .blue {color:#4b629b;} .pta li .oran {color:#f54f06;} /* ul dataInform */ .dataInform {border:1px #ddd solid; border-bottom:0;} .dataInform:after {content:""; display:block; clear:both;} .dataInform li {float:left; border-bottom:1px #ddd solid;} .dataInform li.dw20 {width:20%; height:40px; background:#f4f4f4;} .dataInform li.dw20 span {font-size:13px; color:#333; line-height:40px; padding:0 0 0 16px;} .dataInform li.dw30 {width:26%; height:40px; padding:0 2%;} .dataInform li.dw30 input {width:94%; height:28px; line-height:28px; margin:5px 0; padding:0 0 0 6%; color:#666; font-size:13px; border:1px #ddd solid;} .dataInform li.dw30 input:after {content:""; display:block; clear:both;} .dataInform li.dw30 span {font-size:13px; color:#666; line-height:40px;} /* ul condition */ .cond {width:100%; overflow:hidden;} .cond li {padding:3px 0;} .cond li input {vertical-align:middle; margin:-2px 0 0 0;} .cond li label {font-size:13px; color:#666; padding:0 0 0 4px;} /* textarea */ .tta {border:1px #ddd solid;} .tta:after {content:""; display:block; clear:both;} .tta textarea {width:96%; height:165px; font-size:13px; padding:2%; line-height:1.2; color:#666; border:0;} p.point_tit01 {font-size:18px;font-weight:600;color:#333;margin-bottom:15px;} p.point_tit02 {font-size:15px;font-weight:600;color:#333;margin-bottom:15px;} p.point_tit03 {font-size:18px;font-weight:600;color:#fe7700;margin-bottom:15px;margin-top:50px;} h2.sub_h2_tit01 {font-size:42px;color:#222;line-height:100%;font-weight:800;margin-bottom:20px;} p.sub_p_txt01 {font-size:13px;color:#666;line-height:130%;margin-bottom:50px;} /* 전국서비스센타 */ .guidance_img {margin:0 auto 30px auto;max-width:750px;} .guidance_img img {width:100%;} p.guidance_txt01 {text-align:center;font-size:30px;color:#;font-weight:600;color:#333;margin-bottom:25px;} p.guidance_txt01 span {display:block;font-size:30px;color:#;font-weight:600;color:#d4172d;margin-bottom:10px;} ul.guidance_txt02 {text-align:center;padding-bottom:30px;} ul.guidance_txt02 li {font-size:14px;color:#363636;line-height:120%;margin-bottom:6px;} .guidance_img02 {margin:20px 0 40px 0;} .guidance_img02 img {width:100%;} /*테이블스타일*/ .w10 {width:10px;text-align:center;} .w22 {width:22px;text-align:center;} .w146 {max-width:146px;width:16.50%;} .w154 {max-width:154px;width:16.50%;} .w178 {max-width:178px;width:20%;} .w307 {max-width:307px;width:35%;} .w340 {max-width:340px;width:39%;} .w755 {max-width:755px;width:100%;} .table_type01 {border:solid 1px #ddd;margin-bottom:50px;} .table_type01 th {width:16%;text-align:left;background:#fafafa;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;} .table_type01 th.left_border {border-left:solid 1px #ddd;} .table_type01 th strong {margin-left:20px;font-size:14px;color:#333;display:block;} .table_type01 td {width:84%;padding:5px 10px;border-bottom:solid 1px #ddd;} .table_type01 ul.list {/*margin-left:30px ;*/} .table_type01 ul.list:after {content:"";display:block;clear:both;} .table_type01 ul.list li {line-height:30px;float:left;} .table_type01 ul.list li select {height:30px;width:100%;} .table_type01 ul.list02 {margin-left:30px;padding:15px 0;} .table_type01 ul.list02 li {line-height:120%;font-size:14px;color:#666;margin-bottom:10px;} .table_type01 ul.list02 li:last-child {margin-bottom:0;} .table_type01 ul.list02 li ol {} .table_type01 ul.list02 li ol li {float:left;margin:0 15px 0 0;} .table_type01 ul.list02 li ol li:last-child {margin-right:0;} .table_type01 ul.list02 li ol li label {line-height:130%;color:#666;} .table_type01 ul.list03 {} .table_type01 ul.list03:after {content:"";display:block;clear:both;} .table_type01 ul.list03 li {line-height:30px;float:left;margin-right:10px;} .table_type01 ul.list03 li select {height:30px;width:100px;} .table_type01 ul.list03 li input {width:80px;} .table_type01 ul.list04 {} .table_type01 ul.list04 li a {border:solid 1px #ddd;padding:7px 10px;font-weight:600;color:#666;font-size:12px;line-height:100%;vertical-align:middle;} .table_type01 ul.list04 li {line-height:30px;margin-bottom:10px;} .table_type01 ul.list04 li:last-child {margin-bottom:0;} .table_type01 ul.list05 {padding:30px 0 0 28px;} .table_type01 ul.list05 li {margin-bottom:20px;} .table_type01 ul.list05 li p {font-size:12px;color:#;margin-bottom:5px;} .table_type01 ul.list06 {} .table_type01 ul.list06 li {line-height:130%;} .table_type01 ul.list06 li.last {margin-top:5px;text-align:right;width:100%;} .table_type01 ul.list06 li.type01 {line-height:150%;padding:5px 0;} .textarea_w {width:96%;padding:1% 2%;height:200px;resize:none;} .textarea_w02 {width:96%;padding:1% 2%;height:100px;resize:none;} .table_type02 {border:solid 1px #e5e5e5;border-top:solid 1px #777;margin-bottom:40px;} .table_type02 th {background:url(../images/bg/board_gap01.html) no-repeat right center;font-size:15px;color:#333;padding:17px 0;line-height:150%;} .table_type02 th:last-child {background-image:none;} .table_type02 th.no {width:10%;} .table_type02 th.tit {} .table_type02 th.day {width:15%;} .table_type02 th.click {width:15%;} .table_type02 th.ing {width:15%;} .table_type02 td {text-align:center;padding:17px 0;border-top:solid 1px #e5e5e5;font-size:13px;line-height:130%;color:#666;} .table_type02 td.tit {text-align:left;} .table_type02 td.tit a {display:block;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666;} .table_type02 td span.ing {color:#d4172d;} .table_type02 td span.end {color:#666;} .table_type02 td span.on {color:#308aaa;} .table_type02 td span.off {color:#d4172d;} .table_type02 td a.modify_btn {display:block;border:solid 1px #b1b1b1;background:#fefefe;color:#666;width:87px;margin:0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:10px 0;} /* 채용 테이블 신규 */ .table_type03 {border:solid 1px #ddd;margin-bottom:50px;} .table_type03 th {width:16%;text-align:center;background:#fafafa;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; padding:15px 0 15px 0} .table_type03 th.left_border {border-left:solid 1px #ddd;} .table_type03 th strong {margin-left:20px;font-size:14px;color:#333;display:block;} .table_type03 td {width:84%;padding:5px 10px;border-bottom:solid 1px #ddd;} .table_type03 ul.list {/*margin-left:30px ;*/} .table_type03 ul.list:after {content:"";display:block;clear:both;} .table_type03 ul.list li {line-height:30px;float:left;} .table_type03 ul.list li select {height:30px;width:100%;} .table_type03 ul.list02 {margin-left:30px;padding:15px 0;} .table_type03 ul.list02 li {line-height:120%;font-size:14px;color:#666;margin-bottom:10px;} .table_type03 ul.list02 li:last-child {margin-bottom:0;} .table_type03 ul.list02 li ol {} .table_type03 ul.list02 li ol li {float:left;margin:0 15px 0 0;} .table_type03 ul.list02 li ol li:last-child {margin-right:0;} .table_type03 ul.list02 li ol li label {line-height:130%;color:#666;} .table_type03 ul.list03 {} .table_type03 ul.list03:after {content:"";display:block;clear:both;} .table_type03 ul.list03 li {line-height:30px;float:left;margin-right:10px;} .table_type03 ul.list03 li select {height:30px;width:100px;} .table_type03 ul.list03 li input {width:80px;} .table_type03 ul.list04 {} .table_type03 ul.list04 li a {border:solid 1px #ddd;padding:7px 10px;font-weight:600;color:#666;font-size:12px;line-height:100%;vertical-align:middle;} .table_type03 ul.list04 li {line-height:30px;margin-bottom:10px;} .table_type03 ul.list04 li:last-child {margin-bottom:0;} .table_type03 ul.list05 {padding:30px 0 0 28px;} .table_type03 ul.list05 li {margin-bottom:20px;} .table_type03 ul.list05 li p {font-size:12px;color:#;margin-bottom:5px;} .table_type03 ul.list06 {} .table_type03 ul.list06 li {line-height:130%;} .table_type03 ul.list06 li.last {margin-top:5px;text-align:right;width:100%;} .table_type03 ul.list06 li.type01 {line-height:150%;padding:5px 0;} /*테이블 뷰페이지*/ .bg_01 {background:#fafafa!important;} .view_type02 {border:solid 1px #e5e5e5;border-top:solid 1px #777!important;} .view_type02 th.tit01 {width:90px;color:#333;font-size:13px;border-bottom:solid 1px #e5e5e5;padding:17px 0;} .view_type02 td.txt01 {color:#666;font-size:13px;paddng-left:10px;} .view_type02 td {border-bottom:solid 1px #e5e5e5;font-size:13px;line-height:130%;color:#666;} .view_type02 td p {font-size:13px;line-height:130%;color:#666;} .view_type02 td.view_content_box {padding:20px;} /*이전글 다음글*/ .list_nav {border:solid 1px #e5e5e5;border-top:none;box-sizing:border-box;} .list_nav li {border-bottom:solid 1px #e5e5e5;} .list_nav li:last-child {border-bottom:none;} .list_nav li.file dl {} .list_nav li.file dl dt {max-width:140px;width:13.23%;height:50px;line-height:50px;float:left;background:#fafafa;} .list_nav li.file dl dt strong {padding-left:30px;display:block;color:#555;font-size:13px;background:url(../images/ico/file_icon.png) no-repeat 100px center;} .list_nav li.file dl dd {background:#fff;float:left;padding:18px;} .list_nav li.file dl dd a {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#519cdc;text-decoration:underline;} .list_nav li.list dl {width:100%;} .list_nav li.list dl dt {max-width:140px;width:13.23%;height:50px;line-height:50px;float:left;background:#fafafa;} .list_nav li.list dl dt a {padding-left:30px;display:block;color:#555;font-size:13px;font-weight:600;} .list_nav li.list dl dt a.prev {background:url(../images/ico/list_icon01.png) no-repeat 100px center;} .list_nav li.list dl dt a.next {background:url(../images/ico/list_icon02.png) no-repeat 100px center;} .list_nav li.list dl dd {background:#fff;float:left;max-width:918px;width:86.77%;} .list_nav li.list dl dd div {padding:18px 100px 18px 18px;position:relative;} .list_nav li.list dl dd a {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666;line-height:120%;} .list_nav li.list dl dd span {display:block;color:#666;position:absolute;right:20px;top:20px;} /*게시판 검색영역*/ .board_search {background:#fafafa;padding:20px 0;margin-bottom:30px;} .board_search_input {max-width:434px;position:relative;margin:0 auto;padding:0 47px 0 132px;} .board_search_input select {height:40px;width:130px;border:solid 1px #ddd;} .board_search_input p {position:absolute;left:0;top:0;} .board_search_input input {height:38px;border:solid 1px #ddd;} .board_search_input a {display:block;position:absolute;right:0;top:0;} /*고객지원*/ p.point_tit01 {font-size:18px;font-weight:600;color:#333;margin-bottom:15px;} p.point_tit02 {font-size:15px;font-weight:600;color:#333;margin-bottom:15px;} .info_txt_box {margin-bottom:40px;} .info_txt_box textarea {font-size:13px;line-height:130%;color:#666;border:0;width:96%;height:160px;border:solid 1px #e4e4e4;padding:2% 2%;} .info_txt_box p {text-align:right;margin-top:20px; margin-right:5px;} .info_txt_box p label {font-size:13px;color:#666;} /*회사소식 리스트*/ .news_list {margin-left:-0.57%;} .news_list li {width:24.43%;max-width:259px;box-sizing:border-box;float:left;border:solid 1px #ddd;margin:0 0 0.57% 0.57%;} .news_list li:hover {border:solid 1px #cc0000;/*background:url(../images/bg/list_bg.png) no-repeat 0 0;background-size:100%;*/} .news_list li a {display:block;padding:20px;} .news_list li p.tit {font-size:16px;color:#333;line-height:140%;height:50px;overflow:hidden;margin-bottom:40px;font-weight:600;} .news_list li p.txt {font-size:13px;color:#333;line-height:140%;height:70px;overflow:hidden;border-bottom:solid 1px #ccc;} .news_list li div {padding-top:15px;} .news_list li div span {color:#aaa;font-weight:600;} .news_list li div span.type01 {float:left;} .news_list li div span.type02 {float:right;} /*FAQ리스트*/ ul.faqList {width:99.8%;border:solid 1px #ddd;margin-bottom:40px;} ul.faqList li {border-bottom:1px solid #ddd;} ul.faqList li:last-child {border-bottom:0;} ul.faqList li dl dt {background:url(../images/ico/faq_icon02.png) no-repeat right center;margin-right:20px;} ul.faqList li dl dt a {display:block;min-height:20px; padding:15px 30px 15px 25px; font-size:14px;color:#666;line-height:20px;font-weight:600;} ul.faqList li dl dt a span {font-size:20px;color:#666;line-height:20px;font-weight:600;margin-right:40px;} ul.faqList li dl dt a strong {padding-right:20px;} ul.faqList li dl dd {background:#fff url(../images/ico/a_icon.png) 30px 25px no-repeat; padding:20px 50px 20px 94px; min-height:40px; font-size:13px; color:#333; display:none;line-height:150%;} ul.faqList li dl.current {background:#f3f3f3;} ul.faqList li dl.current dt {background:url(../images/ico/faq_icon01.png) no-repeat right center;margin-right:20px;} ul.faqList li dl.current dd {border-top:1px solid #e3e3e3;} ul.faqList li dl img {width:100%;padding-top:20px;} .resume_txt {border:solid 1px #e5e5e5;background:#fafafa;padding:30px 0;font-size:14px;font-weight:600;color:#666;line-height:140%;text-align:center;margin-bottom:30px;} .resume_txt strong {color:#308aaa;font-size:14px;font-weight:600;} .depthTabs {width:100%; margin:10px 0 23px 0; overflow:hidden;} .depthTabs ul {margin-left:-10px;} .depthTabs ul:after {content:""; display:block; clear:both;} .depthTabs ul li {float:left;position:relative;width:19%;max-wdith:200px;box-sizing:border-box;margin-left:10px;} .depthTabs ul li span {display:block;position:absolute;right:0;top:0;background:url(../images/bg/tab_off.html) no-repeat 0 0;width:10px;height:10px;} .depthTabs ul li a {display:block; font-size:16px; color:#666; font-weight:600;background:#fff;border:solid 1px #bbb;padding:20px 0 20px 25px;} .depthTabs ul li.on a {color:#fff;background:#d4172d;border:solid 1px #d4172d;} .depthTabs ul li.on span {background:url(../images/bg/tab_on.html) no-repeat 0 0;} .depthTabs ul li.last a {background:none;} .depthTabs ul.map_tab {margin-left:-1.5%;margin-bottom:30px;} .depthTabs ul.map_tab li {width:15%;max-width:165px;margin-left:1.5%;} .p_tit {font-size:18px;color:#000;margin-bottom:15px;font-weight:600;} .ul_txt02 {margin:0 0 20px 3px;} .ul_txt02 li {font-size:14px;color:#666;line-height:130%;margin-bottom:8px;background:url(../images/ico/point03.gif) no-repeat 0 8px;padding-left:10px;} .ul_txt02 li span {font-size:14px;color:#cc0000;line-height:130%;} /*PORTFOLIO*/ ul.portfolio {width:99.8%;border:solid 1px #ddd;margin-bottom:0px;} ul.portfolio li {border-bottom:1px solid #ddd;} ul.portfolio li:last-child {border-bottom:0;} ul.portfolio li dl dt {background:url(../images/ico/faq_icon02.png) no-repeat right center;margin-right:20px;} ul.portfolio li dl dt a {display:block;min-height:20px; padding:15px 30px 15px 25px; font-size:14px;color:#666;line-height:20px;font-weight:600;} ul.portfolio li dl dt a span {font-size:18px;color:#666;line-height:15px;font-weight:600;margin-right:40px;margin-left:45px;} ul.portfolio li dl dt a strong {padding-right:20px;} ul.portfolio li dl dd {background:#fff url(../images/ico/arro_icon_1.png) 40px 25px no-repeat; padding:10px 50px 10px 94px; min-height:40px; font-size:13px; color:#333; display:none;line-height:150%;} ul.portfolio li dl.current {background:#f3f3f3;} ul.portfolio li dl.current dt {background:url(../images/ico/faq_icon01.png) no-repeat right center;margin-right:20px;} ul.portfolio li dl.current dd {border-top:1px solid #e3e3e3;} /*버튼 스타일*/ .btn_f li {display:inline-block;line-height:100%;} .btn_type01 {text-align:center;margin-top:30px;} .btn_type02 {text-align:left;margin-top:30px;} .btn_type03 {text-align:right;margin-top:30px;} .btn_type04 {position:absolute;right:15px;top:15px;} .btn_type05 {text-align:right;margin:0 0 30px 0px;} .btn_type01 a,.btn_type02 a,.btn_type03 a,.btn_type04 a {display:block;min-width:120px;text-align:center;line-height:100%;} .btn_type05 a {display:block;min-width:80px;text-align:center;line-height:100%;} .btnType01 {padding:14px 0;background:#f58220;color:#fff;font-weight:600;font-size:16px;} .btnType02 {padding:14px 0;background:#aaa;color:#fff;font-weight:600;font-size:16px;} .btnType03 {padding:14px 0;background:#aaa;color:#fff;font-weight:600;font-size:16px;border:solid 1px #ddd;} .btnType04 {padding:14px 0;background:#f76a0e;color:#fff;font-weight:600;font-size:16px;} a.btn_01 {display:block;background:#666;font-size:12px;color:#fff;text-align:center;line-height:29px;} .btnType01_01 {padding:10px 20px;background:#535255;color:#fff;font-weight:600;font-size:16px;} .btnType02_01 {padding:10px 20px;background:#fff;border:solid 1px #ddd;color:#333;font-weight:600;font-size:16px;} .btnType03_01 {padding:10px 20px;background:#aaa;color:#fff;font-weight:600;font-size:16px;border:solid 1px #ddd;} .btnType04_01 {padding:10px 20px;background:#f76a0e;color:#fff;font-weight:600;font-size:16px;border:solid 1px #f76a0e;} /*간격 영역*/ .PgapT50 {padding-top:50px;} .MgapB10 {margin-bottom:10px;} .MgapB30 {margin-bottom:30px;} .MgapB50 {margin-bottom:50px;} /**************** media query ****************/ /*** media query 1140px ***/ @media all and (max-width:1140px){ #subBanner .bannerWrap {width:100%;} } /**************** media query ****************/ /*** media query 1000px ***/ @media all and (max-width:1000px){ #subBanner .bannerWrap .txtArea {width:100%;} } /**************** media query ****************/ /*** media query 980px ***/ @media all and (max-width:980px){ /* layout */ #contentsWrap {width:auto; margin:45px 0px 50px;} #lnb {display:none; float:none; margin:0;} #contents {float:none; width:auto;} #subBanner .bannerWrap {width:auto;} /* content */ #product .promotion .txtArea {padding:0 0 0 25px;} #product .promotion_shop .txtArea {padding:0 0 0 0px;} #product .program .pdfPro .info p {font-size:13px;} #product .program .pdfPro .info p span {font-size:13px;} #product .program .cadPro .info p {font-size:13px;} #product .program .cadPro .info p span {font-size:13px;} #company .guide .point p {display:inline;} .selection ul {width:380px; margin:0 auto;} /* notice type */ .noticeDiv {width:760px; margin:0 auto;} .w_type02 {display:none;} .m_type02 {display:block;} } /**************** media query ****************/ /*** media query 850px ***/ @media all and (max-width:850px){ /* notice type */ .noticeDiv {width:570px; margin:0 auto;} } /**************** media query ****************/ /*** media query 840px ***/ @media all and (max-width:840px){ #business .powerlimb .info {width:690px;} #business .powerlimb .info ul li {width:165px; margin:0 10px 20px 0;} #business .powerlimb .info ul li p {font-size:13px;} #company .guide .businessArea ul li {width:33.33%; margin:0 0 20px 0;} #company .guide .businessArea ul li.orther p {margin:0 0 0 20%;} #company .technology .scPic .blueTxt {left:0;} #company .technology .scPic .grayTxt {right:0;} #company .certificateWrap .certificate {width:558px;} #business .hydraulic {width:558px;} #service .outline .webDiv {display:none;} #service .outline .tabletDiv {display:block;} #service .outline .mobileDiv {display:none;} #service .asWebArea {display:none;} #service .asTabletArea {display:block;} #service .asMobileArea {display:none;} #service .academy .txt02 span {display:inline;} } /**************** media query ****************/ /*** media query 768px ***/ @media all and (max-width:768px){ #subBanner .bannerWrap .txtArea span {display:none;} } /**************** media query ****************/ /*** media query 767px ***/ @media all and (max-width:767px){ /* content */ #product .promotion .imgArea {position:relative; right:0; top:0; margin:20px;} #product .promotion .txtArea .txt {padding:0 0 10px 0;} #product .promotion_shop .imgArea {position:relative; right:0; top:0; margin:0px;} #product .promotion_shop .txtArea .txt {padding:0 0 00px 0;} #product .goodsList ul li {width:48%; margin:0 1% 18px;} #product .goodsList ul li.gap {margin:0 1% 18px;} #product .program .pdfPro .info {padding:5px 20px 10px 75px;} #product .program .pdfPro .btn {position:relative; right:0; top:0; margin:0 0 20px 75px;} #product .program .cadPro .info {padding:5px 20px 10px 75px;} #product .program .cadPro .btn {position:relative; right:0; top:0; margin:0 0 20px 75px;} #business .powerlimb h3 {display:none;} #business .powerlimb .img {margin:10px 0 35px 0;} #business .powerlimb .info {width:388px;} #business .powerlimb .info ul li {width:174px; margin:0 0 20px 0; padding:0 10px;} #company .map .tabs ul li a {font-size:13px;} #company .map .tabs ul li.on a {font-size:13px;} #company .map .mapInfo ul li .info {margin:0 0 0 130px;} #company .technology .scPic {padding:40px 0 0 0;} #company .technology .scPic .blueTxt {width:448px; left:50%; top:0; margin:0 0 0 -208px; z-index:2; text-align:left;} #company .technology .scPic .blueTxt span {display:inline;} #company .technology .scPic .grayTxt {width:448px; left:50%; top:0; margin:0 0 0 -286px; z-index:2; text-align:right;} #company .technology .rnd .leftImg {position:relative; left:0; top:0; text-align:center; margin:0 0 30px 0;} #company .technology .rnd .rtxt {margin:0;} .vision_box {} .vision_box p.tit_img {max-width:651px;margin:0 auto;} .vision_box p.tit_img img {width:100%;} .vision_box ul {max-width:940px;width:100%;margin:0 auto;padding-top:30px;} .vision_box ul:after {content:"";display:block;clear:both;} .vision_box ul li {width:100%;max-width:100%;float:none;margin:0 auto 30px auto;text-align:center;} .vision_box ul li:nth-child(2) {margin:0 0 30px 0;} .vision_box ul li img {width:100%;max-width:200px;} .vision_box ul li p {line-height:130%;font-size:15px;color:#777;margin-top:15px;text-align:center;} .vision_box ul li p span {line-height:150%;font-size:15px;} .vision_box ul li p span.type01 {color:#cf3a4b;} .vision_box ul li p span.type02 {color:#905d52;} #tab_menus {margin-left:0%;margin-top:57px;} #tab_menus:after {content:"";display:block;clear:both;} #tab_menus li {width:50%;max-width:100%;float:left;margin-left:0%;} #tab_menus li a {display:block;font-size:12px;color:#444;font-weight:600;padding:17px 0;border-top:solid 1px #e4e4e4;text-align:center;} #tab_menus li.selected a {color:#f58220;border-top:solid 1px #f58220 ;} #tab_menus li:last-child {width:100%;} .content {border-top:solid 1px #d9d9d9;} .history_list {margin-bottom:0;} .history_list li {padding:20px 0;border-bottom:solid 1px #d9d9d9;} .history_list li dl {background:#fff;} .history_list li dl:after {content:"";display:block;clear:both;} .history_list li dl dt {width:100%;max-width:100%;float:none;font-size:25px;color:#f58220;font-weight:600;line-height:100%;margin-bottom:10px;} .history_list li dl dd {width:100%;max-width:100%;float:none;} .history_list li dl dd p {position:relative;padding-left:25px;line-height:140%;margin-bottom:10px;} .history_list li dl dd p span {font-weight:600;font-size:13px;color:#333;font-weight:600;position:absolute;left:0;top:0;} .history_list li dl dd p:last-child {margin-bottom:0;} #service .academy .plan .section {float:none; width:100%;} #service .academy .plan .section .info .inwrap p u {display:inline;} #service .academy .plan .section.mType {margin:20px 0 0 0;} #service .academy .academyProgram .point {left:0;} #service .academy .academyProgram .period {left:127px;} #service .academy .academyProgram .info {margin:0 0 0 254px;} /* table area */ h2.sub_h2_tit01 {font-size:32px;color:#222;line-height:100%;font-weight:800;margin-bottom:20px;} p.sub_p_txt01 {display:none;} } /**************** media query ****************/ /*** media query 740px ***/ @media all and (max-width:740px){ /* content */ #service .headTxt p {padding:0 20px;} #service .headTxt2 p {padding:0 20px;} /* common */ .pta li.mq740 {clear:both; padding:0;} .pta li.mq740 label {line-height:1.2;} .pta li.mq740 span.valign {display:block; padding:5px 0 0 0; line-height:1.2;} .pta li.push {clear:both; padding:5px 0 0 0;} .dataInform li.dw30 {width:76%; padding:0 2%;} } /**************** media query ****************/ /*** media query 700px ***/ @media all and (max-width:700px){ #location.fastNone {display:none;} } /**************** media query ****************/ /*** media query 676px ***/ @media all and (max-width:676px){ /* notice type */ .noticeDiv {width:380px; margin:0 auto; padding:0 0 0 2px;} } /**************** media query ****************/ /*** media query 640px ***/ @media all and (max-width:640px){ /* common */ .tNone {display:none;} .thWide {width:20%;} .thWideTy {width:30%;} .tw20 {width:20%;} .tw25 {width:25%;} .w402 {width:90%;} .writeTable th p {padding:0 0 0 10%;} .writeTable th p u {display:block;} .writeTable td {padding:4px 0 4px 8px;} .viewTable th {padding:10px 0;} .viewTable th span {padding:0 0 0 10%;} .viewTable th span u {display:block;} .viewTable td {padding:10px 0 10px 8px;} .viewTable td.conf {padding:10px 10px 50px;} .viewTable td.list {padding:10px 10px 10px 0;} .pta li.mq540 {clear:both; padding:5px 0 0 0;} #business .powerlimb .img img {width:100%;} #company .history .period {position:relative; left:0; top:0;} #company .history ul {margin:20px 0 0 0;} #company .certificateWrap .certificate {width:394px;} #business .hydraulic {width:394px;} #service .outline .webDiv {display:none;} #service .outline .tabletDiv {display:none;} #service .outline .mobileDiv {display:block;} } /**************** media query ****************/ /*** media query 560px ***/ @media all and (max-width:560px){ #service .outline .mobileDiv img {width:100%;} } /**************** media query ****************/ /*** media query 540px ***/ @media all and (max-width:540px){ /* layout */ #subBanner .bannerWrap {height:85px;} #subBanner .bannerWrap .txtArea {margin:30px 0 0 32px;} #subBanner .bannerWrap .txtArea p {font-size:18px; margin:0 0 6px 0;} #subBanner .bannerWrap .txtArea span {display:none;} #subBanner .bannerWrap .imgArea img {height:85px;} #contentsWrap {margin:24px 0px 30px;}/*양쪽 */ #location {display:none;} #contents h2 {font-size:20px; padding:0 0 24px;} /* content */ #product .promotion .txtArea {padding:0 0 0 10px;} #product .promotion .txtArea .tit {font-size:20px; padding:28px 0 10px;} #product .promotion .txtArea .explan {font-size:13px; padding:0 0 10px 0;} #product .promotion .txtArea .explan span {display:inline; font-size:13px;} #product .promotion .txtArea .txt span {display:inline;} #product .promotion .imgArea {margin:10px;} #product .promotion .imgArea img {height:140px;} #product .promotion_shop .txtArea .tit {font-size:20px; padding:0px 0 10px;} #product .promotion_shop .txtArea {padding:0 0 0 10px;} #product .promotion_shop .txtArea .explan {font-size:13px; padding:0 0 10px 0;} #product .promotion_shop .txtArea .explan span {display:inline; font-size:13px;} #product .promotion_shop .txtArea .txt span {display:inline;} #product .promotion_shop .imgArea {margin:10px;} #product .promotion_shop .imgArea img {height:140px;} #product .goodsList ul li {width:100%; margin:0 0 12px 0;} #product .goodsList ul li.gap {margin:0 0 12px 0;} #product .goodsList ul li .goods .name {font-size:18px;} #product .program {padding:20px 15px;} #product .program .pdfPro .info {padding:0 0 10px 45px;} #product .program .pdfPro .info p {font-size:12px;} #product .program .pdfPro .info p span {font-size:12px;} #product .program .pdfPro .ico img {width:30px;} #product .program .pdfPro .btn {margin:0 0 20px 45px;} #product .program .cadPro .info {padding:0 0 10px 45px;} #product .program .cadPro .info p {display:inline; font-size:12px;} #product .program .cadPro .info p span {font-size:12px;} #product .program .cadPro .ico {left:6px;} #product .program .cadPro .ico img {width:27px;} #product .program .cadPro .btn {margin:0 0 20px 45px;} #product .program .cadPro ul {margin:0;} #product .program .cadPro .method {margin:20px 0 0 0;} #product .program .cadPro .method .tit {font-size:14px;} #product .contact .branchOffice.f {margin:10px 0 0 0;} #product .contact .branchOffice {margin:30px 0 0 0;} #product .contact .branchOffice .tit {position:relative; left:0; top:0; font-size:14px; background-position:left 1px;} #product .contact .branchOffice .tit span {display:inline; font-size:14px;} #product .contact .branchOffice ul {margin:10px 0 0 0;} #product .contact .branchOffice ul li p {font-size:12px;} #product .contact .branchOffice ul li {font-size:12px;} /* service */ #service h3 span {font-size:14px;} #service .outline .pointDiv {padding:15px 0 0 0; margin:50px 0 0 0;} #service .outline .pointDiv .home {top:-25px; font-size:12px; line-height:1.2;} #service .outline .pointDiv .leftDiv {position:relative; left:0; top:0; width:auto; text-align:left; margin:0 12px;} #service .outline .pointDiv .leftDiv span {position:absolute; left:54px; top:28px; font-size:14px;} #service .outline .pointDiv .rightDiv {margin:0 12px;} #service .outline .pointDiv .rightDiv ul li {font-size:12px; padding:0 0 15px 10px; background-position:left 4px;} #service .outline .pointDiv .rightDiv ul li.f {padding:0 0 15px 10px; background-position:left 4px;} #service .outline .pointDiv .rightDiv ul li span {font-size:12px;} #service .academy h3 {font-size:15px; margin:20px 0 10px;} #service .academy .txt {font-size:12px; padding:0 0 10px 0;} #service .academy .txt02 {font-size:12px; margin:0; padding:20px 0 0 0;} #service .academy .txt02 span {font-size:12px;} #service .academy .plan .section .point span {font-size:14px;} #service .academy .plan .section .info .inwrap p {font-size:12px;} #service .academy .plan .section .info .inwrap p span {font-size:12px;} #service .academy .plan .section.mType {margin:10px 0 0 0;} #service .academy .academyProgram .point span {font-size:14px;} #service .academy .academyProgram .period span {font-size:14px;} #service .academy .academyProgram .info {height:auto; margin:117px 0 0 0;} #service .academy .academyProgram .info .inwrap p {font-size:12px;} #service .academy .academyProgram .info .inwrap p strong {font-size:12px;} #service .homeSystem h3 {font-size:15px; margin:20px 0 10px;} #service .homeSystem h3.f {margin:0 0 10px;} #service .homeSystem .txt {font-size:12px;} #service .homeSystem .txt strong {font-size:12px;} #service .homeSystem ul li {font-size:12px; padding:4px 0 4px 10px; background-position:left 8px;} #service .homeSystem ul li strong {font-size:12px;} #service .homeSystem .download {height:auto;} #service .homeSystem .download a {position:relative; left:0; top:0; margin:10px 0 0 0;} #service .asWebArea {display:none;} #service .asTabletArea {display:none;} #service .asMobileArea {display:block;} #service .asMobileArea .asTabs {width:100%; overflow:hidden;} #service .asMobileArea .asTabs ul {margin:0 0 0 -2%;} #service .asMobileArea .asTabs ul li {float:left; width:31.3%; margin:0 0 2% 2%;} #service .asMobileArea .asTabs ul li a {display:block; line-height:30px; border:1px #ddd solid; background:#f5f5f5;} #service .asMobileArea .asTabs ul li a span {color:#666; font-weight:600; padding:0 0 0 10px;} #service .asMobileArea .asTabs ul li.on a {border:0; line-height:32px; background:#447e96;} #service .asMobileArea .asTabs ul li.on a span {color:#fff;} #service .goodsTit {font-size:16px; margin:15px 0;} /* company */ #company h3 {font-size:16px; margin:15px 0;} #company .guide .point {padding:0 0 15px;} #company .guide .point p {font-size:15px;} #company .guide .point p span {font-size:15px;} #company .guide .txtArea p {font-size:12px;} #company .guide .txtArea p strong {font-size:12px;} #company .guide .businessArea ul li {width:50%;} #company .guide .businessArea ul li .circle01 {font-size:14px;} #company .guide .businessArea ul li .circle02 {font-size:14px;} #company .guide .businessArea ul li p {font-size:12px;} #company .history {margin:20px 0 0; padding:0 0 20px 0;} #company .history .period {font-size:36px;} #company .history .period span {font-size:20px;} #company .history ul li .data p {font-size:12px;} #company .map .mapInfo ul li .tit {top:14px;} #company .map .mapInfo ul li .tit p {font-size:12px; line-height:1.4; padding:0 0 0 45px;} #company .map .mapInfo ul li .info {font-size:12px; margin:0 0 0 110px;} #company .map .tabs ul li {width:33.33%;} #company .map .tabs ul li a {font-size:12px;} #company .map .tabs ul li.on a {font-size:12px;} #company .map .tabs ul li.m {width:50%;} #company .map .tabs ul li.m a {border-top:0;} #company .technology .scTxt {font-size:12px; padding:0 0 15px 0;} #company .technology .scTxt.interval {margin:0;} #company .technology .scTxt strong {font-size:13px;} #company .technology .scPic {padding:30px 0 0 0; margin:10px 0 30px;} #company .technology .scPic .blueTxt {width:280px; font-size:13px; margin:0 0 0 -131px;} #company .technology .scPic .blueTxt span {font-size:13px;} #company .technology .scPic .grayTxt {width:280px; font-size:13px; margin:0 0 0 -182px;} #company .technology .scPic .scConf {width:280px; height:143px; background:url('../images/bg/bg_technology_scpic_m.gif')left top no-repeat;} #company .technology .scPic .scConf .inbox {width:140px;} #company .technology .scPic .scConf .inbox p {font-size:10px; line-height:1.4; padding:44px 0 0 0;} #company .technology .scPic .info span {display:inline; font-size:13px;} #company .technology .scList {margin:0 0 30px 0;} #company .technology .scList .listBox .imgArea {position:relative; left:0; top:0; margin:0; text-align:center;} #company .technology .scList .listBox .listConf {margin:0;} #company .technology .scList .listBox .listConf p {font-size:12px;} #company .technology .scList .listBox .listConf ul li {font-size:12px;} #company .technology .scList .listBox {padding:17px 0;} #company .technology .scAspect {border:0;} #company .technology .scAspect .aspect .inter { padding:0 0 20px 0;} #company .technology .scAspect .aspect .inter h4 {font-size:14px;} #company .technology .scAspect .aspect .inter .img span {font-size:14px;} #company .technology .scAspect .aspect .inter p {font-size:12px;} #company .technology .scAspect .aspect .inter.ty {border:0;} #company .technology .rnd {margin:0;} #company .technology .rnd .leftImg {margin:0 0 10px 0;} #company .technology .rnd .leftImg img {width:140px;} #company .technology .rnd .rtxt p {padding:0 0 10px 0; font-size:12px;} #company .technology .rnd .rtxt p strong {font-size:12px;} #company .technology .rnd .stepTxt p {padding:0 0 10px 0; font-size:12px;} #company .technology .rnd .stepTxt p span {font-size:13px;} #company .technology .rnd .stepTxt p strong {font-size:12px;} #company .technology .rnd .product ul {margin:0;} #company .technology .rnd .product ul li {float:none; width:100%; margin:0 0 40px 0;} #company .technology .rnd .product ul li .tit span {font-size:13px;} #company .technology .rnd .product ul li .cate {font-size:13px;} #company .technology .rnd .product ul li p {font-size:12px; margin:10px 0 0 0;} #company .certificateWrap .cerDiv .cerType th {font-size:12px;} #company .certificateWrap .cerDiv .cerType td {font-size:12px;} #company .certificateWrap .cerDiv .cerType td span {font-size:12px;} #company .certificateWrap .cerDiv .cerType td p {font-size:12px;} #company .technology .scAspect .aspect .inter /* client */ #business .hydraulic h3 {font-size:18px; margin:40px 0 20px;} #business .hydraulic h3.f {margin:5px 0 20px;} #business .hydraulic ul {margin: 0 -49px 0 0;} #business .hydraulic ul:after {content:""; display:block; clear:both;} #business .hydraulic ul li {float:left; text-align:center; width:150px; border:1px #ccc solid; margin:0 49px 20px 0;} #business .hydraulic ul li.last {margin:0 0 20px 0;} #business .hydraulic ul li .info {position:relative;} position:relative; left:0; top:0; margin:0; text-align:center; /* sitemap */ #sitemap .sitemenu ul li a {font-size:12px;} #sitemap .sitemenu ul li ul li a {font-size:12px;} #sitemap .sitemenu ul li ul li ul li a {font-size:12px;} /* common */ .headTxt p {font-size:12px; padding:0 10px;} .headTxt p span {font-size:12px;} .headTxt2 p {font-size:12px; padding:0 10px;} .headTxt2 p span {font-size:12px;} .headTxt2 p strong {font-size:12px;} /* paging */ .allPageMoving1 {margin:20px 0 0 0;} .allPageMoving1 a {width:26px; height:26px; line-height:26px;} .allPageMoving1 a img {width:27px; height:27px;} .allPageMoving1 strong {width:27px; height:27px; line-height:27px;} .allPageMoving1 a.pre{border:0;padding:0 5px 0 2px;} .allPageMoving1 a.next{border:0;padding:0 2px 0 5px;} /* img type */ .webImg {display:none;} .mobileImg {display:inline-block;} /* list table */ .listType th {font-size:13px;} .listType td {font-size:12px;} /* write table */ .writeDiv.mb70 {margin:0 0 30px 0;} .writeTable th p {font-size:12px; padding:0 0 0 5%;} .writeTable th p u {font-size:12px;} .writeTable td {font-size:12px;} .viewTable th span {font-size:12px; padding:0 0 0 5%;} .viewTable th span u {font-size:12px;} .viewTable td {font-size:12px;} /* pta */ .pta li span {font-size:12px;} .pta li label {font-size:12px;} /* datainform */ .dataInform li.dw20 {width:30%; height:34px;} .dataInform li.dw20 span {font-size:12px; padding:0 0 0 10%; line-height:34px;} .dataInform li.dw30 {width:66%; height:34px;} .dataInform li.dw30 input {font-size:12px; height:22px; line-height:22px;} /* condition */ .cond li label {font-size:12px;} /* agreebox */ .agreeWrap {margin:0 0 30px 0;} .agreeWrap .agreeBox {height:66px; padding:12px;} .agreeWrap .agreeBox .tit {font-size:12px; padding:12px 0 8px;} .agreeWrap .agreeBox .txt {font-size:12px; padding:0 0 8px 0;} .agreeWrap .agreeChk {float:left;} .agreeWrap .agreeChk label {font-weight:normal; font-size:12px;} /* textarea */ .tta textarea {font-size:12px; height:100px;} /* input */ .w107 {font-size:12px;} .w152 {font-size:12px;} .w402 {font-size:12px;} .w254 {width:90%; font-size:12px;} .w75c {font-size:12px; width:51px;} /* select */ .selectBoxInner {font-size:12px;} span.selectBox {font-size:12px;} span.headSelectBox {height:30px; font-size:12px; background:url('../images/bg/bg_headselect_m.gif') right center #fff no-repeat; padding:0 20px 0 0; border-left:1px #ddd solid;} .headSelectBoxInner {font-size:12px;line-height:30px; padding:0 20px 0 10px;} /* search selection */ .selection ul {width:235px; margin:0 auto;} .selection ul li .stype {width:120px; height:28px; font-size:12px; line-height:30px;} /* btn */ #service .wBtn {width:80px; height:30px; background-position:60px 9px;} #service .wBtn span {font-size:12px; line-height:30px;} #service .oBtn {width:80px; height:30px; background-position:60px 9px;} #service .oBtn span {font-size:12px; line-height:30px;} #service .cBtn {width:80px; height:30px; background-position:60px 9px;} #service .cBtn span {font-size:12px; line-height:30px;} #service .rBtn {width:80px; height:30px; background-position:60px 9px;} #service .rBtn span {font-size:12px; line-height:30px;} .qBtn {width:130px; height:40px; background-position:112px 14px;} .qBtn span {font-size:12px; line-height:40px; margin:0 0 0 -14px;} } /**************** media query ****************/ /*** media query 492px ***/ @media all and (max-width:492px){ .pta li.mq492 {clear:both; padding:5px 0 0 0;} } /**************** media query ****************/ /*** media query 440px ***/ @media all and (max-width:440px){ /* sitemap */ #sitemap .sitemenu {float:none; margin:0 auto 20px;} #sitemap .sitemenu.mno {margin:0 auto 20px;} } /**************** media query ****************/ /*** media query 420px ***/ @media all and (max-width:420px){ .noticeDiv {width:183px;} .noticeDiv ul {margin:0;} .noticeDiv ul li {margin:0 0 7px 0;} #business .powerlimb .info {width:180px;} #business .powerlimb .info ul li .tit {height:auto; font-size:14px; margin:0 0 10px 0;} #business .powerlimb .info ul li .circle01 {font-size:15px;} #business .powerlimb .info ul li .circle02 {font-size:15px;} #business .powerlimb .info ul li p {font-size:12px; background-position:left 6px;} } /**************** media query ****************/ /*** media query 400px ***/ @media all and (max-width:400px){ #company .technology .scAspect .aspect {float:none; width:100%;} #company .technology .scAspect .aspect.bt {margin:20px 0 0 0;} #company .certificateWrap .certificate {width:164px;} #company .certificateWrap .certificate ul {margin:0;} #company .certificateWrap .certificate ul li {margin:20px 0 0 0;} #company .technology .scAspect .aspect .inter {border:0; border-bottom:1px #ddd solid;} #business .hydraulic {width:400px;} #business .hydraulic ul {margin:30px;} #business .hydraulic ul li {margin:20px 10px 0 0;} .pta li.mq400 {clear:both; padding:5px 0 0 0;} } /**************** media query ****************/ /*** media query 365px ***/ @media all and (max-width:365px){ #service .outline .pointDiv .home {top:-35px;} .emailInput {width:82px;} #business .hydraulic {width:300px;overflow:hidden;} #business .hydraulic h3 {float:left; font-size:20px; color:#447e96; font-weight:600; background:url('../images/bg/bg_powerlimb_h3.gif') left 3px no-repeat;/* margin:50px 0 20px; */ padding:0 30px 0 16px;} /* #business .hydraulic h3.f {margin:25px 0 20px;} */ #business .hydraulic ul {margin:0 0 0 -20px;padding: 0px 0 0 0px;} #business .hydraulic ul li {float:left; text-align:center; width:100px; border:1px #ccc solid; margin:20px 0 0 40px; } #business .hydraulic ul li.last {margin:0 0 20px 0; } #business .hydraulic ul li img {width:100px;} /* # #business .hydraulic ul li .info.h80 {height:10px;} #business .hydraulic ul li .info.h50 {height:50px;} #business .hydraulic ul li .info.h63 {height:63px;} */ /* #business .hydraulic ul li .info p {position:absolute; left:8px; top:18px; font-size:14px; color:#333; font-weight:600;} #business .hydraulic ul li .info span {display:block; font-size:13px; color:#888; line-height:1.3; padding:16px 0 0 74px; letter-spacing:-0.2px;} #business .hydraulic ul li .user {position:relative; background:#3e4b5d;} #business .hydraulic ul li .user p {position:absolute; left:8px; top:12px; line-height:1.3; font-size:13px; color:#fff; font-weight:600;} #business .hydraulic ul li .user span {display:block; line-height:1.3; font-size:13px; color:#fff; font-weight:600; padding:10px 0 10px 0px;} */ }