/*********************** layout **************************/ #subBanner {position:relative; width:100%; height:320px; background:#000; overflow:hidden;} #subBanner h2 {position:relative; font-size:54px; color:#fff; font-weight:600; text-align:center; padding:190px 0 0 0; z-index:2;} #subBanner img {position:absolute; left:50%; top:0; margin:0 0 0 -960px; z-index:1;} #location {width:100%; overflow:hidden;} #location ul {width:250px; margin:0 auto; float:right;} #location ul li {line-height:20px; font-size:11px; color:#777; padding:0 10px; float:left;} #location ul li.home {padding:0 5px;} #location ul li.home img {vertical-align:middle; margin:-2px 0 0 0;} #location ul li.nexthome {padding:5px 5px 0 0;} #location ul li.last {color:#f2375a; font-weight:600;} #location ul li a {font-size:11px; color:#777;} #location ul li a span {font-size:11px; line-height:49px;} #location ul li a span.w {display:block;} #location ul li a span.m {display:none;} #location ul li a:hover {color:#777;} /*********************** content **************************/ /***** COMPANY *****/ /* overview */ #overview {width:100%;} #overview:after {content:""; display:block; clear:both;} #overview h4 {font-size:28px; color:#333; font-weight:600; padding:38px 0 18px 0;} #overview .headTxt {width:100%; padding:0 0 14px 0; overflow:hidden;} #overview .headTxt p {font-size:22px; color:#666; font-weight:600; line-height:1.2;} #overview .headTxt p span {font-size:22px; color:#cc0000; font-weight:600;} #overview .txt {font-size:14px; color:#666; line-height:1.5;} #overview .txt strong {font-size:15px; color:#333; font-weight:600; line-height:1.5;} #overview .scFamily {width:100%; overflow:hidden;} #overview .scFamily ul {} #overview .scFamily ul li {float:left; width:500px;} #overview .scFamily ul li h5 {font-size:20px; color:#333; font-weight:600; padding:0 0 0 16px; margin:20px 0 16px 0; background:url('../images/bg/bg_scfamily_h4.gif') left 5px no-repeat;} #overview .scFamily ul li h5 span {font-size:15px; color:#666; font-weight:600;} #overview .scFamily ul li .img img {width:100%;} #overview .scFamily ul li .infoBox {width:100%; height:148px; border-top:2px #333 solid; border-bottom:1px #333 solid; overflow:hidden;} #overview .scFamily ul li .infoBox .info {float:left; margin:0 12px 0 0;} #overview .scFamily ul li .infoBox .info p {font-size:13px; color:#888; font-weight:600; line-height:1.5; letter-spacing:-0.1px;} #overview .scFamily ul li .infoBox .info p.tit {font-size:14px; color:#333; font-weight:800; line-height:1.1; padding:20px 0 10px 0; letter-spacing:auto;} #overview .scFamily ul li .infoBox .info p span {display:block; font-size:13px; line-height:1.5;} #overview .scFamily ul li.fr {float:right;} #overview .scFamily ul li.fr .info {float:left; width:33.33%; margin:0;} #ceo {width:100%;} #ceo:after {content:""; display:block; clear:both;} #ceo .headTxt {position:relative; width:100%; height:222px; margin:0 0 30px 0; border-bottom:4px #222 solid; overflow:hidden;} #ceo .headTxt p {font-size:20px; color:#333; line-height:1.4; padding:46px 0 0 6px;} #ceo .headTxt p span {font-size:20px; color:#cc0000; line-height:1.4;} #ceo .headTxt p u {display:block; font-size:20px; text-decoration:none; line-height:1.4;} #ceo .headTxt .img {position:absolute; right:0; bottom:0; z-index:-1;} #ceo .txt {font-size:14px; color:#666; line-height:1.4; padding:0 0 20px 0;} #ceo .txt strong {font-size:14px; color:#333; font-weight:600; line-height:1.4;} #ceo .sign {width:100%; overflow:hidden;} #ceo .sign ul {float:right;} #ceo .sign ul li {float:left; padding:0 0 0 24px;} #ceo .sign ul li p {font-size:14px; color:#666; text-align:right; margin:30px 0 0 0;} #ceo .sign ul li p span {display:block; font-size:16px; color:#333; font-weight:600; padding:6px 0 0 0;} #history {width:100%;} #history:after {content:""; display:block; clear:both;} #history ul li {position:relative; width:100%; padding:20px 0 16px 0; background:url('../images/bg/bg_history_line.gif') left top no-repeat; overflow:hidden;} #history ul li .year {position:absolute; left:0; top:20px; font-size:30px; color:#cc0000;} #history ul li .time {position:absolute; left:135px; top:22px; font-size:20px; color:#644734;} #history ul li .time span {display:block; font-size:14px; color:#b59c8c; padding:10px 0 0 0;} #history ul li .time span u {display:block; font-size:14px; text-decoration:none; line-height:1.2;} #history ul li .data {margin:0 0 0 348px;} #history ul li .data:after {content:""; display:block; clear:both;} #history ul li .data p {position:relative; font-size:14px; color:#666; padding:0 0 6px 46px; line-height:1.2;} #history ul li .data p span {display:block; position:absolute; left:0; top:0; font-size:14px; color:#666; line-height:1.2; padding:0 9px 0 0; background:url('../images/bg/bg_history_data_line.gif') right 2px no-repeat;} #vision {width:100%;} #vision:after {content:""; display:block; clear:both;} #vision .img {text-align:center; margin:0 0 30px 0;} #vision ul li {float:left; width:31%; margin:0 3.5% 0 0;} #vision ul li .inbox {border:1px #ddd solid; padding:6px 7px 20px;} #vision ul li .inbox:after {content:""; display:block; clear:both;} #vision ul li .inbox .tit {font-size:16px; color:#fff; font-weight:600; line-height:38px; text-align:center; background:#cc0000; margin:0 0 16px 0;} #vision ul li .inbox p {font-size:14px; color:#666; line-height:1.4; padding:0 0 0 10px;} #vision ul li.delivery .inbox .tit {background:#ec4d58;} #vision ul li.price .inbox .tit {background:#644734;} #vision ul li.price {margin:0;} #map {width:100%;} #map:after {content:""; display:block; clear:both;} #map .api {width:100%; overflow:hidden;} #map .api img {width:100%;} #map .info {width:100%; margin:28px 0 0 3px; overflow:hidden;} #map .info h4 {font-size:20px; color:#644734; font-weight:normal; padding:0 0 0 20px; background:url('../images/bg/bg_map_info_h4.gif') 2px 4px no-repeat;} #map .info .txt {font-size:15px; color:#333; font-weight:600; padding:7px 0 18px 0;} #map .info ul {} #map .info ul:after {content:""; display:block; clear:both;} #map .info ul li {float:left; font-size:14px; color:#666; line-height:22px; margin:0 22px 0 0;} #map .info ul li span {display:inline-block; font-size:12px; color:#fff; font-weight:600; line-height:22px; background:#666; padding:0 10px; margin:0 5px 0 0; border-radius:10px;} #info {width:100%;} #info:after {content:""; display:block; clear:both;} #info .ir {border:1px #ddd solid;} #info .ir:after {content:""; display:block; clear:both;} #info .ir iframe {display:block; width:998px; margin:0 auto; padding:20px 0 0 0;} /***** BUSINESS *****/ #portfolio {width:100%;} #portfolio:after {content:""; display:block; clear:both;} #portfolio h4 {font-size:20px; color:#644734; font-weight:normal; line-height:1.2; background:url('../images/bg/bg_portfolio_h4.gif') left 7px no-repeat; padding:0 0 0 20px; margin:80px 0 20px 0;} #portfolio h4.f {margin:0 0 20px 0;} #portfolio .tit {position:absolute; left:37px; top:37px; font-size:45px; color:#fff; font-weight:600; z-index:2;} #portfolio .info {position:relative; margin:34px 0 0 165px; z-index:2;} #portfolio .info:after {content:""; display:block; clear:both;} #portfolio .info p {font-size:17px; color:#fff; font-weight:600; padding:0 0 10px 7px;} #portfolio .info ul:after {content:""; display:block; clear:both;} #portfolio .info ul li {font-size:13px; color:#fff; font-weight:600; line-height:1.2; padding:2px 0 2px 10px; background:url('../images/bg/bg_portfolio_info_li.gif') left 8px no-repeat;} #portfolio .arrow {text-align:center;} #portfolio .vpe {position:relative; width:100%; height:165px; background:url('../images/bg/bg_vpe_pattern.gif') left top repeat; overflow:hidden;} #portfolio .vpe .img {position:absolute; right:-73px; bottom:-23px; z-index:1;} #portfolio .ape {position:relative; width:100%; height:165px; background:url('../images/bg/bg_ape_pattern.gif') left top repeat; overflow:hidden;} #portfolio .ape .img {position:absolute; right:-73px; bottom:-23px; z-index:1;} #portfolio .thirdVpe {border-top:1px #ddd solid;} #portfolio .thirdVpe:after {content:""; display:block; clear:both;} #portfolio .thirdVpe .mpeBox {position:relative; float:left; width:66.64%; overflow:hidden;} #portfolio .thirdVpe .mpeBox ul li {float:left; width:25%; overflow:hidden;} #portfolio .thirdVpe .mpeBox .combineTxt {position:absolute; left:-2px; top:359px; width:100%; font-size:16px; color:#fff; font-weight:600; line-height:54px; text-align:center; background:#3f322a; border-right:1px #655b55 solid; z-index:9;} #portfolio .thirdVpe .mpeBox .combineTxt a {color:#fff;} #portfolio .thirdVpe .ipfBox {float:left; width:33.36%; overflow:hidden;} #portfolio .thirdVpe .ipfBox ul li {float:left; width:50%; overflow:hidden;} #portfolio .thirdVpe .baseDiv:after {content:""; display:block; clear:both;} #portfolio .thirdVpe .baseDiv .img {float:right; border-right:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .category {clear:both; font-size:16px; color:#fff; font-weight:600; line-height:54px; text-align:center; background:#3f322a; border-right:1px #655b55 solid;} #portfolio .thirdVpe .baseDiv .category:after {content:""; display:block; clear:both;} #portfolio .thirdVpe .baseDiv .category a {color:#fff;} #portfolio .thirdVpe .baseDiv .category2 {clear:both; font-size:16px; color:#fff; font-weight:600; line-height:94px; text-align:center; background:#664936; border-right:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .category2:after {content:""; display:block; clear:both;} #portfolio .thirdVpe .baseDiv .category2 a {color:#fff;} #portfolio .thirdVpe .baseDiv .category3 {clear:both; font-size:16px; color:#fff; font-weight:600; line-height:94px; text-align:center; background:#b28970; border-right:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .category3:after {content:""; display:block; clear:both;} #portfolio .thirdVpe .baseDiv .category3 a {color:#fff;} #portfolio .thirdVpe .baseDiv .group {font-size:14px; color:#cec8c4; font-weight:600; line-height:39px; text-align:center; background:#3f322a; border-top:1px #655b55 solid; border-right:1px #655b55 solid;} #portfolio .thirdVpe .baseDiv .group:after {content:""; display:block; clear:both;} #portfolio .thirdVpe .baseDiv .group a {color:#cec8c4;} #portfolio .thirdVpe .baseDiv .detail {padding:22px 10px 10px 17px; background:#fafafa;} #portfolio .thirdVpe .baseDiv .detail:after {content:""; display:block; clear:both;} #portfolio .thirdVpe .baseDiv .detail ul {width:100%; overflow:hidden;} #portfolio .thirdVpe .baseDiv .detail ul li {float:none; width:auto; font-size:12px; color:#666; line-height:1.4; padding:0 0 10px 10px; background:url('../images/bg/bg_portfolio_basediv_li.gif') left 7px no-repeat;} #portfolio .thirdVpe .baseDiv .detail.f01 {border-left:1px #ddd solid; border-bottom:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f02 {border-left:1px #ddd solid; border-bottom:1px #ddd solid; border-right:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f03 {border-bottom:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f04 {border-left:1px #ddd solid; border-bottom:1px #ddd solid; border-right:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f05 {border-bottom:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f06 {border-left:1px #ddd solid; border-bottom:1px #ddd solid; border-right:1px #ddd solid;} #portfolio .thirdVpe .baseDiv.lr .category {border-right:1px #ddd solid;} #portfolio .thirdVpe .baseDiv.lr .group {border-right:1px #ddd solid;} #platform {width:100%;} #platform:after {content:""; display:block; clear:both;} #platform .contentType01 {width:100%; overflow:hidden;} #platform .contentType01 .baseImg {position:relative; width:100%; overflow:hidden;} #platform .contentType01 .baseImg img {width:100%;} #platform .contentType01 .baseImg .txtArea {position:absolute; left:42px; top:45px;} #platform .contentType01 .baseImg .txtArea p.tit {font-size:24px; color:#666; font-weight:600; line-height:1.1; padding:0 0 10px 0;} #platform .contentType01 .baseImg .txtArea p.tit span {font-size:24px; color:#222;} #platform .contentType01 .baseImg .txtArea p.tit span.overview {color:#fff;} #platform .contentType01 .baseImg .txtArea p.tit u {font-size:24px; text-decoration:none;} #platform .contentType01 .baseImg .txtArea p.txt {font-size:14px; color:#666; line-height:1.5;} #platform .contentType01 .baseImg .txtArea p.txt span {display:block; font-size:14px; color:#666; line-height:1.5;} #platform .contentType01 .baseImg .txtArea p.txt span.overview {color:#fff;} #platform .contentType01 .subImg {width:100%; margin:28px 0 0 0; overflow:hidden;} #platform .contentType01 .subImg .subTit {font-size:20px; color:#644734; font-weight:normal; padding:0 0 10px 20px; background:url('../images/bg/bg_platform_subtit.gif') 2px 5px no-repeat;} #platform .contentType01 .subImg ul {width:100%; overflow:hidden;} #platform .contentType01 .subImg ul li {float:left; width:50%; overflow:hidden;} #platform .contentType01 .subImg ul li .img {float:left; width:60%; margin:3px 2.5% 0 0;} #platform .contentType01 .subImg ul li .img img {width:100%;} #platform .contentType01 .subImg ul li .info {float:left; width:37%;} #platform .contentType01 .subImg ul li .info p.name {width:100%; margin:0 0 6px 0; overflow:hidden;} #platform .contentType01 .subImg ul li .info p.name u {display:block; font-size:16px; color:#644734; line-height:1; text-decoration:none;} #platform .contentType01 .subImg ul li .info p.name {margin:0 0 12px 0;} #platform .contentType01 .subImg ul li .info span {display:block; font-size:12px; color:#888; font-weight:600; padding:0 0 5px 0;} #platform .contentType01 .subImg ul li .info.ty p.name {margin:0 0 18px 0;} #platform .contentType01 .subImg ul li .info.ty span {font-size:13px;} #platform .contentType02 {width:100%; overflow:hidden;} #platform .contentType02 .imgBox {width:100%; overflow:hidden;} #platform .contentType02 .imgBox .baseImg {position:relative; float:left; width:66.4%; overflow:hidden;} #platform .contentType02 .imgBox .baseImg img {width:100%;} #platform .contentType02 .imgBox .baseImg .txtArea {position:absolute; left:42px; top:45px;} #platform .contentType02 .imgBox .baseImg .txtArea p.tit {font-size:24px; color:#fff; font-weight:600; line-height:1.1; padding:0 0 10px 0;} #platform .contentType02 .imgBox .baseImg .txtArea p.tit span {font-size:24px; color:#222;} #platform .contentType02 .imgBox .baseImg .txtArea p.txt {font-size:14px; color:#d2d1d9; line-height:1.5;} #platform .contentType02 .imgBox .baseImg .txtArea p.txt span {display:block; font-size:14px; color:#d2d1d9; line-height:1.5;} #platform .contentType02 .imgBox .baseImg .txtArea2 {position:absolute; left:42px; top:45px;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.tit {font-size:24px; color:#666; font-weight:600; line-height:1.1; padding:0 0 10px 0;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.tit span {font-size:24px; color:#333;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.tit span.logi {color:#fff;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.txt {font-size:14px; color:#666; line-height:1.5;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.txt span {display:block; font-size:14px; color:#666; line-height:1.5; margin:0 30px 0 0;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.txt span.logi {color:#fff;} #platform .contentType02 .imgBox .baseImg .num {position:absolute; right:8px; top:6px; width:23px; height:23px; line-height:23px; font-size:13px; color:#fff; font-weight:600; text-align:center; background:#000;} #platform .contentType02 .imgBox .sideImg {float:right; width:32.8%;} #platform .contentType02 .imgBox .sideImg ul li {position:relative; margin:0 0 8px 0;} #platform .contentType02 .imgBox .sideImg ul li img {width:100%;} #platform .contentType02 .imgBox .sideImg ul li p {position:absolute; right:6px; top:6px; width:23px; height:23px; line-height:23px; font-size:13px; color:#fff; font-weight:600; text-align:center; background:#000;} #platform .contentType02 .imgBox .sideImg ul li.last {margin:0;} #platform .contentType02 .infoBox {width:100%; margin:20px 0 0 0; overflow:hidden;} #platform .contentType02 .infoBox .section {float:left; width:48%; overflow:hidden;} #platform .contentType02 .infoBox .section.tyr {width:52%;} #platform .contentType02 .infoBox .section.full {width:100%;} #platform .contentType02 .infoBox .section .lBox {display:inline-block; float:left; margin:0 15px 0 0;} #platform .contentType02 .infoBox .section .lBox ul li {font-size:13px; color:#888; font-weight:600; line-height:1.2; padding:2px 0 2px 10px; background:url('../images/bg/bg_contenttype02_box_li.gif') left 8px no-repeat;} #platform .contentType02 .infoBox .section .rBox {display:inline-block; float:left; margin:0 25px 0 0;} #platform .contentType02 .infoBox .section .rBox .tit {font-size:16px; color:#644734; line-height:1.2; margin:0 0 12px 0;} #platform .contentType02 .infoBox .section .rBox .tit span {display:block; font-size:16px; line-height:1.2;} #platform .contentType02 .infoBox .section .rBox .tit p {display:inline-block; font-size:13px; color:#fff; padding:2px 4px; margin:0 6px 0 0; background:#644734;} #platform .contentType02 .infoBox .section .rBox ul li {font-size:13px; color:#888; font-weight:600; line-height:1.4;} #platform .contentType02 .infoBox .section .rBox.last {margin:0;} #platform .contentType02 .infoBox .section .rBox.fullLast {margin:0;} #platform .contentType03 {width:100%; overflow:hidden;} #platform .contentType03 .imgBox {float:left; width:67%; overflow:hidden;} #platform .contentType03 .imgBox ul li {position:relative; float:left; width:49%; padding:0 1% 7px 0;} #platform .contentType03 .imgBox ul li img {width:100%;} #platform .contentType03 .imgBox ul li p {position:absolute; right:4%; top:6px; width:23px; height:23px; line-height:23px; font-size:13px; color:#fff; font-weight:600; text-align:center; background:#000;} #platform .contentType03 .imgBox ul li.full {clear:both; width:99%; padding:0 1% 7px 0;} #platform .contentType03 .imgBox ul li.full p {right:2%;} #platform .contentType03 .infoBox {float:left; width:33%; overflow:hidden;} #platform .contentType03 .infoBox .inbox {min-height:519px; padding:20px 18px 0; border:1px #ddd solid;} #platform .contentType03 .infoBox .inbox:after {content:""; display:block; clear:both;} #platform .contentType03 .infoBox .inbox .txt {font-size:14px; color:#666; line-height:1.3;} #platform .contentType03 .infoBox .inbox .txt strong {font-size:14px; color:#333; font-weight:600; line-height:1.3;} #platform .contentType03 .infoBox .inbox .list {width:100%; margin:14px 0 0 0; overflow:hidden;} #platform .contentType03 .infoBox .inbox .list li {font-size:13px; color:#666; line-height:1.3; padding:0 0 0 12px; background:url('../images/bg/bg_basic_list_li.gif') left 7px no-repeat;} #platform .contentType03 .infoBox .inbox .info {width:100%; margin:20px 0 0 0; overflow:hidden;} #platform .contentType03 .infoBox .inbox .info ul li {display:inline-block; float:left; width:50%; padding:0 0 20px 0;} #platform .contentType03 .infoBox .inbox .info ul li .tit {font-size:16px; color:#644734; line-height:1.2; margin:0 0 10px 0; letter-spacing:-0.2px;} #platform .contentType03 .infoBox .inbox .info ul li .tit span {display:block; font-size:16px; line-height:1.2;letter-spacing:-0.2px;} #platform .contentType03 .infoBox .inbox .info ul li .tit p {display:inline-block; font-size:13px; color:#fff; padding:1px 2px; margin:0 2px 0 0; background:#644734;} #platform .contentType03 .infoBox .inbox .info ul li p.txt {font-size:13px; color:#888; font-weight:600; line-height:1.3; letter-spacing:-1px;} #platform .contentType03 .infoBox .inbox .info ul li.full {width:100%;} #platform .contentType04 {width:100%; overflow:hidden;} #platform .contentType04 .performance {width:100%; overflow:hidden;} #platform .contentType04 .performance ul {margin:0 -4.33% 0 0;} #platform .contentType04 .performance ul:after {content:""; display:block; clear:both;} #platform .contentType04 .performance ul li {float:left; width:29%; margin:0 4.33% 42px 0; border-bottom:1px #ddd solid;} #platform .contentType04 .performance ul li a {display:block;} #platform .contentType04 .performance ul li .img img {width:100%;} #platform .contentType04 .performance ul li .subject {font-size:13px; color:#666; padding:10px 0;} #platform .contentType04 .performance ul li .subject span {font-size:13px; color:#ba8971; padding:0 0 0 0;} #platform .contentType05 {width:100%; overflow:hidden;} #platform .contentType05 .imgBox {width:100%; overflow:hidden;} #platform .contentType05 .imgBox .baseImg {position:relative; float:left; width:50%; overflow:hidden;} #platform .contentType05 .imgBox .baseImg img {width:100%;} #platform .contentType05 .imgBox .baseImg .txtArea {position:absolute; left:30px; top:30px;} #platform .contentType05 .imgBox .baseImg .txtArea p.tit {font-size:24px; color:#fff; font-weight:600; line-height:1.1; padding:0 20px 10px 0;} #platform .contentType05 .imgBox .baseImg .txtArea p.tit span {font-size:24px; color:#fff;} #platform .contentType05 .imgBox .baseImg .txtArea p.txt {font-size:14px; color:#fff; line-height:1.5; padding:0 20px 0 0;} #platform .contentType05 .imgBox .baseImg .txtArea p.txt span {display:block; font-size:14px; color:#fff; line-height:1.5;} #platform .contentType05 .imgBox .baseImg .num {position:absolute; right:6px; top:6px; width:23px; height:23px; line-height:23px; font-size:13px; color:#fff; font-weight:600; text-align:center; background:#000;} #platform .contentType05 .imgBox .sideImg {float:right; width:49%;} #platform .contentType05 .imgBox .sideImg ul li {position:relative; float:left; width:49%; margin:0 1% 10px 0;} #platform .contentType05 .imgBox .sideImg ul li img {width:100%;} #platform .contentType05 .imgBox .sideImg ul li p {position:absolute; right:6px; top:6px; width:23px; height:23px; line-height:23px; font-size:13px; color:#fff; font-weight:600; text-align:center; background:#000;} #platform .contentType05 .imgBox .sideImg ul li.full {clear:both; width:100%;} #platform .contentType05 .imgBox .sideImg ul li.dr {float:right; margin:0;} #platform .contentType05 .infoBox {width:100%; overflow:hidden;} #platform .contentType05 .infoBox .section {float:left; width:50%; margin:22px 0 0 0;} #platform .contentType05 .infoBox .section .lBox {width:100%; overflow:hidden;} #platform .contentType05 .infoBox .section .lBox p.txt {font-size:13px; color:#888; font-weight:600; line-height:1.4; padding:0 20px 0 0;} #platform .contentType05 .infoBox .section .lBox ul {width:100%; margin:16px 0 0 0; overflow:hidden;} #platform .contentType05 .infoBox .section .lBox ul li {font-size:13px; color:#888; font-weight:600; line-height:1.4; padding:0 0 0 14px; background:url('../images/bg/bg_contenttype05_lbox_arrow.gif') left 3px no-repeat;} #platform .contentType05 .infoBox .section .rBox {float:left; display:inline-block; width:48%; margin:0 0 24px 2%; overflow:hidden;} #platform .contentType05 .infoBox .section .rBox .tit {font-size:16px; color:#644734; line-height:1.2; margin:0 0 10px 0;} #platform .contentType05 .infoBox .section .rBox .tit span {display:block; font-size:16px; line-height:1.2;} #platform .contentType05 .infoBox .section .rBox .tit p {display:inline-block; font-size:13px; color:#fff; padding:2px 4px; margin:0 6px 0 0; background:#644734;} #platform .contentType05 .infoBox .section .rBox ul li {font-size:13px; color:#888; font-weight:600; line-height:1.4; letter-spacing:-0.4px;} #platform .contentType05 .infoBox .section .rBox.last {margin:0;} #platform .performance {width:100%; overflow:hidden;} #platform .performance h4 {font-size:20px; color:#333; font-weight:600; padding:5px 0 0 20px; margin:0 0 10px 0; background:url('../images/bg/bg_performance_h4.gif') left 10px no-repeat;} #platform .performance .controlArea {position:relative; width:100%; height:0;} #platform .performance .controlArea:after {content:""; display:block; clear:both;} #platform .performance .controlArea ul {position:absolute; right:0; top:-31px;} #platform .performance .controlArea ul li {float:left; margin:0 0 0 4px;} #platform .performance .pfbox {width:100%; margin:0 0 40px 0; overflow:hidden;} #platform .performance .pfbox .leftDiv {float:left; position:relative; width:50%; overflow:hidden;} #platform .performance .pfbox .leftDiv p {position:absolute; left:0; top:0; width:100%; font-size:16px; color:#fff; text-align:center; padding:15px 0; background:url('../images/bg/bg_performance_p.png') left top repeat; z-index:2;} #platform .performance .pfbox .leftDiv img {width:100%;} #platform .performance .pfbox .rightDiv {float:left; width:50%; overflow:hidden;} #platform .performance .pfbox .rightDiv ul {margin:0 0 0 24px; border-top:1px #ddd solid;} #platform .performance .pfbox .rightDiv ul:after {content:""; display:block; clear:both;} #platform .performance .pfbox .rightDiv ul li {position:relative; font-size:13px; color:3666; line-height:1.5; padding:12px 0 13px 130px; border-bottom:1px #ddd solid;} #platform .performance .pfbox .rightDiv ul li p {position:absolute; left:0; top:16px; font-size:13px; color:#ba8971; font-weight:600; padding:0 0 0 20px; background:url('../images/bg/bg_performance_right_p.gif') 8px 5px no-repeat;} .performanceCate {width:100%; text-align:right;overflow:hidden;} .performanceCate div {position:relative; display:inline-block;} .performanceCate div p {display:inline; font-size:15px; color:#666; font-weight:600; padding:0 4px 0 0;} #contact {width:100%; overflow:hidden;} #contact h4 {font-size:16px; color:#644734; font-weight:600; line-height:1.2; background:url('../images/bg/bg_contact_h4.gif') left 2px no-repeat; padding:0 0 0 25px; margin:35px 0 10px 0;} #contact h4.f {margin:0 0 10px 0;} #contact .contactInfo {border:1px #ddd solid;} #contact .contactInfo:after {content:""; display:block; clear:both;} #contact .contactInfo .infoWrap {float:left; width:33.33%;} #contact .contactInfo .infoWrap .info {height:170px; border-right:1px #ddd solid;} #contact .contactInfo .infoWrap .info:after {content:""; display:block; clear:both;} #contact .contactInfo .infoWrap .info .tit {font-size:16px; color:#e65c5c; font-weight:600; padding:22px 0 12px 0; margin:0 0 0 24px;} #contact .contactInfo .infoWrap .info ul {margin:0 0 0 24px;} #contact .contactInfo .infoWrap .info ul li {position:relative; font-size:14px; color:#666; line-height:1.5; padding:0 0 0 54px;} #contact .contactInfo .infoWrap .info ul li p {position:absolute; left:0; top:5px; font-size:14px; color:#333; font-weight:600;} #contact .contactInfo .infoWrap.ty3 .info {border:0;} #contact .contactInfo .infoWrap:nth-child(1) {background:url('../images/bg/bg_contact_info01.gif') right top no-repeat;} #contact .contactInfo .infoWrap:nth-child(2) {background:url('../images/bg/bg_contact_info02.gif') right top no-repeat;} #contact .contactInfo .infoWrap:nth-child(3) {background:url('../images/bg/bg_contact_info03.gif') right top no-repeat;} /******* TECHNOLOGY *********/ #technology {width:100%; overflow:hidden;} #technology .affiliates {width:100%; overflow:hidden;} #technology .affiliates .section {float:left; width:30%;} #technology .affiliates .section h4 {height:45px; font-size:20px; color:#644734; font-weight:normal; letter-spacing:-2px; padding:0 0 0 20px; background:url('../images/bg/bg_affiliates_h4.gif') left 5px no-repeat;} #technology .affiliates .section.center {margin:0 5%;} #technology .affiliates .section .banner {border:1px #ddd solid;} #technology .affiliates .section .banner:after {content:""; display:block; clear:both;} #technology .affiliates .section .banner img {width:100%;} #technology .affiliates .section .banner .goLink a {display:block;} #technology .affiliates .section .banner .goLink {text-align:right; border-top:1px #ddd solid;} #technology .affiliates .section .banner .goLink span {font-size:13px; color:#666; font-weight:600; line-height:30px; padding:0 10px 0 0; margin:0 13px 0 0; background:url('../images/bg/bg_affiliates_goLink.gif') right 4px no-repeat;} #technology .affiliates .section .info {width:100%; overflow:hidden;} #technology .affiliates .section .info .tit {font-size:16px; color:#ec4d58; font-weight:600; line-height:1.2; padding:24px 0 10px 0;} #technology .affiliates .section .info .tit span {font-size:16px; line-height:1.2;} #technology .affiliates .section .info ul li {font-size:13px; color:#666; line-height:1.2; padding:0 0 0 10px; margin:5px 0; background:url('../images/bg/bg_affiliates_section_li.gif') left 7px no-repeat;} #technology .license {width:100%; overflow:hidden;} #technology .license h4 {font-size:20px; color:#644734; font-weight:normal; padding:0 0 0 20px; background:url('../images/bg/bg_license_h4.gif') left 6px no-repeat;} #technology .license .diviBlock {clear:both; width:100%; margin:90px 0 0 0 ; overflow:hidden;} #technology .license .diviBlock.f {margin:40px 0 0 0;} #technology .license .diviLeft {float:left;} #technology .license .diviRight {float:right;} #technology .license .diviRightAth {float:right;} #technology .license .diviCenter {float:left; margin:0 0 0 40px;} #technology .license .diviBlock h5 {position:relative; font-size:16px; color:#d94141; line-height:1.2; padding:12px 0;} #technology .license .diviBlock h5 u {display:block; position:absolute; left:0; top:0; width:40px; border-top:2px #cc0000 solid;} #technology .license .diviBlock ul li {float:left; width:224px; margin:0 30px 0 0;} #technology .license .diviBlock ul li .img {padding:0 0 18px 0;} #technology .license .diviBlock ul li .tit {font-size:15px; font-weight:600; color:#333; padding:0 0 8px 0;} #technology .license .diviBlock ul li .txt {font-size:13px; font-weight:600; color:#888; line-height:1.4;} #technology .license .diviBlock ul li.c {margin:0 0 0 40px;} #technology .license .diviBlock ul li.r {margin:0;} #technology .license .diviBlock.dummy {display:none;} /******* customer *********/ #customer {width:100%; overflow:hidden;} /******* careers *********/ #careers {width:100%; overflow:hidden;} #careers .talent {width:100%; overflow:hidden;} #careers .talent .category01 {width:100%; margin:74px 0 0 0; overflow:hidden;} #careers .talent .category01 .conf {position:relative; width:100%; overflow:hidden;} #careers .talent .category01 .conf .point {position:absolute; left:23%; top:10px; font-size:60px; color:#cc0000; font-weight:600; letter-spacing:-6px;} #careers .talent .category01 .conf .tit {font-size:20px; color:#333; font-weight:600; line-height:1.4; margin:0 0 0 41%; padding:10px 0 22px 0;} #careers .talent .category01 .conf .tit span {display:block; font-size:20px; color:#cc0000; line-height:1.4;} #careers .talent .category01 .conf .txt {font-size:15px; color:#666; line-height:1.4; text-align:center;} #careers .talent .category01 .conf ul {width:100%; margin:63px 0 0 0; overflow:hidden;} #careers .talent .category01 .conf ul li {width:26%; float:left; text-align:center; background:url('../images/bg/bg_careers_category01_li.gif') right 50px no-repeat;} #careers .talent .category01 .conf ul li .subject {font-size:24px; color:#000; font-weight:600; padding:18px 0;} #careers .talent .category01 .conf ul li .ttx {font-size:14px; color:#888; line-height:1.4; padding:0 40px;} #careers .talent .category01 .conf ul li.last {width:22%; background:none;} #careers .talent .category02 {width:100%; overflow:hidden;} #careers .talent .category02 h4 {font-size:20px; color:#644735; font-weight:normal; margin:70px 0 0 0; padding:0 0 20px 20px; background:url('../images/bg/bg_category02_h4.gif') left 6px no-repeat;} #careers .talent .category02 h4.f {margin:45px 0 0 0;} #careers .talent .category02 .principle {width:100%; padding:13px 0 0 0; overflow:hidden;} #careers .talent .category02 .principle ul li {position:relative; float:left; width:33.33%; min-height:85px;} #careers .talent .category02 .principle ul li .ico {position:absolute; left:10%; top:0;} #careers .talent .category02 .principle ul li .txtArea {padding:0 10px 0 41%; border-left:1px #ddd solid;} #careers .talent .category02 .principle ul li .txtArea:after {content:""; display:block; clear:both;} #careers .talent .category02 .principle ul li .txtArea strong {display:block; font-size:20px; color:#000; font-weight:600; padding:13px 0 8px 0;} #careers .talent .category02 .principle ul li .txtArea p {font-size:14px; color:#666; line-height:1.4;} #careers .talent .category02 .principle ul li.first .ico {left:6px;} #careers .talent .category02 .principle ul li.first .txtArea {padding:0 0 0 112px; border:0;} #careers .talent .category02 .rank {width:100%; overflow:hidden;} #careers .talent .category02 .rank ul li {float:left; padding:0 0 10px 0;} #careers .talent .category02 .rank ul li p {width:132px; height:131px; line-height:131px; font-size:20px; color:#644734; font-weight:600; text-align:center; background:url('../images/bg/bg_category02_rank_p.gif') left top no-repeat;} #careers .talent .category02 .rank ul li p span {font-size:20px; color:#888;} #careers .talent .category02 .rank ul li.arrow {height:131px;} #careers .talent .category02 .rank ul li.arrow img {padding:52px 32px 0;} #careers .talent .category02 .benefits {width:100%; overflow:hidden;} #careers .talent .category02 .benefits ul li {font-size:14px; color:#666; line-height:1.4; padding:2px 0 2px 12px; background:url('../images/bg/bg_benefits_li.gif') left 11px no-repeat;} #careers .support {width:100%; overflow:hidden;} #careers .support h4 {font-size:16px; color:#644734; font-weight:600; line-height:1.2; background:url('../images/bg/bg_contact_h4.gif') left 2px no-repeat; padding:0 0 0 25px; margin:35px 0 10px 0;} #careers .support h4.f {margin:0 0 10px 0;} #careers .support h5 {font-size:14px; color:#644734; font-weight:600; margin:20px 0 10px 0;} #careers .support .noti {width:100%; margin:10px 0 30px 0; overflow:hidden;} #careers .support .noti ul li {font-size:14px; color:#777; padding:4px 0 4px 10px; line-height:1.2; background:url('../images/bg/bg_support_noti_li.gif') 4px 11px no-repeat;} #careers .support .noti ul li span {font-size:14px; color:#cc0000;} #careers .support .hTxt {font-size:15px; color:#888; font-weight:600; line-height:1.2; padding:15px 20px; margin:0 0 20px 0; text-align:center; border:3px #ddd solid;} #careers .support .hTxt:after {content:""; display:block; clear:both;} #careers .support .hTxt strong {font-size:15px; color:#333; font-weight:600;} #careers .support .hTxt span {font-size:15px; color:#e65c5c;} #careers .fTxt {font-size:13px; color:#666; padding:10px 0 0 0;} /* sitemap */ #sitemap {width:100%; overflow:hidden;} #sitemap .sitemenu {float:left; width:191px; margin:0 26px 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; padding:14px 0; text-align:center; background:#644734; margin:0 0 16px 0;} #sitemap .sitemenu ul li ul li a {font-size:13px; color:#644734; background:#fff; border:1px #beaa9d solid; padding:10px 0; margin:-1px 0 0 0; line-height:1.2;} #sitemap .sitemenu ul li ul li ul {margin:12px 0;} #sitemap .sitemenu ul li ul li ul li {padding:4px 0;} #sitemap .sitemenu ul li ul li ul li a {font-size:13px; color:#a4968f; font-weight:600; line-height:1.2; border:0; padding:0 0 0 10px; text-align:left; background:url('../images/bg/bg_sitemenu_li.gif') 2px 8px no-repeat;} #sitemap .sitemenu.mno {margin:0;} /* guide */ #guide {width:100%; overflow:hidden;} #guideBox {height:740px; border:1px #ddd solid; margin:30px 0 0 0; padding:44px; overflow-y:auto;} #guideBox:after {content:""; display:block; clear:both;} #guideBox h4 {font-size:13px; color:#333; line-height:1.4; padding:0 0 16px 0;} #guideBox strong {font-size:13px; color:#333; font-weight:600; line-height:1.4;} #guideBox p {font-size:13px; color:#333; line-height:1.4; padding:0 0 30px 0;} #guideBox p.n {padding:0 0 10px 0;} #guideBox ul {margin:0 0 30px 0;} #guideBox ul:after {content:""; display:block; clear:both;} #guideBox ul li {font-size:13px; color:#333; line-height:1.4; padding:0 0 0 14px; background:url('../images/bg/bg_guidebox_li.gif') left 8px no-repeat;} /******* contractors *******/ #contractorsWrap {border:8px #634835 solid; background:#fff; padding:0 37px 50px;} #contractorsWrap:after {content:""; display:block; clear:both;} #contractorsHead {position:relative; width:100%; padding:40px 0 34px 0; overflow:hidden;} #contractorsHead span {font-size:26px; color:#cc0000; font-weight:600;} #contractorsHead p.btn {position:absolute; right:0; top:32px;} #contractorsTabs {height:47px; background:url('../images/bg/bg_contractors_tabs.gif') left bottom repeat-x;} #contractorsTabs ul li {float:left; padding:0 0 2px 0;} #contractorsTabs ul li a {position:relative; display:block; height:44px; padding:0 40px 0; background:#fff; border-top:1px #bbb solid; text-align:center; border-left:1px #bbb solid; border-right:1px #bbb solid; z-index:1;} #contractorsTabs ul li a span {display:block; font-size:15px; color:#888; font-weight:600; padding:15px 0 0 0;} #contractorsTabs ul li.on {background:#fff;} #contractorsTabs ul li.last {margin:0 0 0 -1px;} #contractorsTabs ul li.on a {height:45px; border-left:2px #cc0000 solid; border-top:2px #cc0000 solid; border-right:2px #cc0000 solid; z-index:2;} #contractorsTabs ul li.on a span {color:#cc0000;} #contractorsWrap .ty01 {clear:both; padding:30px 10px 0;} #contractorsWrap .ty01:after {content:""; display:block; clear:both;} #contractorsWrap .ty01 .tit {font-size:19px; color:#333; font-weight:600;} #contractorsWrap .ty01 .txt {line-height:1.5; padding:13px 0 24px 0;} #contractorsWrap .ty01 .txt:after {content:""; display:block; clear:both;} #contractorsWrap .ty01 .txt span {display:block; font-size:14px; color:#777; line-height:1.6;} #contractorsWrap .ty01 .txt span strong {font-size:14px; color:#333; font-weight:600; line-height:1.6;} #contractorsWrap .ty01 .txt span u {font-size:14px; color:#cc0000; font-weight:600; line-height:1.4;} #contractorsWrap .ty01 ul:after {content:""; display:block; clear:both;} #contractorsWrap .ty01 ul li {position:relative; font-size:14px; color:#777; padding:0 0 0 72px; line-height:1.6;} #contractorsWrap .ty01 ul li strong {position:absolute; left:0; top:0; font-size:14px; color:#333; font-weight:600; line-height:1.6;} #contractorsWrap .ty01 ul li span {font-size:14px; color:#333; font-weight:600; line-height:1.6;} #contractorsWrap .ty01 ul li a {font-size:14px; color:#777; font-weight:600; text-decoration:underline;} #contractorsWrap .appbtn {width:208px; height:42px; line-height:42px; font-size:14px; color:#fefefe; font-weight:600; text-align:center; background:#cc0000; margin:42px auto 0;} #contractorsWrap .appbtn a {display:block; width:100%; height:100%;} #contractorsWrap .ty02 {clear:both; padding:30px 0 0;} #contractorsWrap .ty02:after {content:""; display:block; clear:both;} #contractorsWrap .ty02 .tit {font-size:19px; color:#333; font-weight:600; padding:0 0 20px 0;} #contractorsWrap .ty02 ul:after {content:""; display:block; clear:both;} #contractorsWrap .ty02 ul li {display:table; float:left; width:128px; height:49px; background:#f7f0ed; border:1px #e9deda solid; text-align:center;} #contractorsWrap .ty02 ul li p {display:table-cell; font-size:14px; color:#634634; font-weight:600; vertical-align:middle;} #contractorsWrap .ty02 ul li p span {display:block; font-size:11px; color:#634634; padding:4px 0 0 0;} #contractorsWrap .ty02 ul li.arrow {width:32px; height:49px; background:none; border:0;} #contractorsWrap .ty02 ul li.arrow2 {width:100%; height:27px; background:none; border:0;} #contractorsWrap .ty02 ul li.arrow2 p {text-align:right; padding:0 53px 0 0;} #contractorsWrap .ty02 ul li.arrow3 {width:100%; height:27px; background:none; border:0;} #contractorsWrap .ty02 ul li.arrow3 p {text-align:left; padding:0 0 0 53px;} #contractorsWrap .ty02 ul li.r {float:right;} #contractorsWrap .ty02 ul.web {display:block;} #contractorsWrap .ty02 ul.mobile {display:none;} #contractorsWrap .ty02 .alert {font-size:15px; color:#cc0000; font-weight:600; padding:38px 0 5px 0;} #contractorsWrap .ty02 .txt {font-size:14px; color:#666; line-height:1.4;} /* layer popup */ #layerWrap {width:100%; border-top:10px #644734 solid; background:#fff; overflow:hidden;} #layerHead {position:relative; margin:27px 30px 0; padding:0 0 18px 0;} #layerHead span {font-size:26px; color:#644734; font-weight:600; padding:0 0 0 10px;} #layerHead p.btn {position:absolute; right:0; top:-10px;} #layerHead.bline {border-bottom:1px #644734 solid;} #layerWrap .layerBody{position:relative; background:#fff; padding:0 30px 30px 30px;} /* address popup */ #layerWrap .layerBox {border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid;} #layerWrap .layerBox .addrTabs {width:100%; overflow:hidden;} #layerWrap .layerBox .addrTabs ul li {float:left; width:50%;} #layerWrap .layerBox .addrTabs ul li a {display:block; font-size:14px; color:#555; height:48px; line-height:48px; text-align:center; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; background:#fcfcfc;} #layerWrap .layerBox .addrTabs ul li.f a {border-right:1px #dbdbdb solid;} #layerWrap .layerBox .addrTabs ul li a.on {font-size:14px; color:#644734; font-weight:600; height:47px; line-height:47px; border-top:3px #644734 solid; border-bottom:0; margin:-1px 0 0 0; background:#fff;} #layerWrap .layerBox .addr {padding:25px;} #layerWrap .layerBox .addr p.tit {font-size:13px; color:#333; font-weight:600; line-height:1.3;} #layerWrap .layerBox .addr p.txt {font-size:13px; color:#666; line-height:1.3; padding:4px 0 13px 0;} #layerWrap .layerBox .addr p.txt span {display:block; line-height:1.6;} #layerWrap .layerBox .addr p.txt span u {font-size:13px; color:#cc0000; text-decoration:none;} #layerWrap .layerBox .addr .inform01 {width:100%; margin:6px 0 0 0; overflow:hidden;} #layerWrap .layerBox .addr .inform01 ul li {float:left;} #layerWrap .layerBox .addr .inform02 {width:100%; margin:6px 0 0 0; padding:0 0 10px 0; background:#f6f6f6; overflow:hidden;} #layerWrap .layerBox .addr .inform02 ul {margin:20px 0 0 10px;} #layerWrap .layerBox .addr .inform02 ul li {float:left; padding:0 0 10px 5px;} #layerWrap .layerBox .addr .inform02 ul li label {font-size:14px; color:#555; font-weight:600; line-height:38px;} #layerWrap .layerBox .addr .inform02 ul li label.ty1 {display:block; width:40px;} #layerWrap .layerBox .addr .inform02 ul li.dep {clear:both;} #layerWrap .layerBox .addr .inform02 ul li.valign {font-size:14px; color:#555; font-weight:600; line-height:38px;} #layerWrap .layerBox .addr .pop337 {width:327px; height:38px; line-height:38px; font-size:13px; color:#555; border-left:1px #dbdbdb solid; border-right:0; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; padding:0 0 0 10px; background:url('../images/bg/bg_pop337.gif') left top no-repeat;} #layerWrap .layerBox .addr .pop337_n {width:327px; height:38px; line-height:38px; font-size:13px; color:#555; border-left:1px #dbdbdb solid; border-right:0; border-top:1px #dbdbdb solid; border-bottom:1px #dbdbdb solid; padding:0 0 0 10px; background:url(none);} #layerWrap .layerBox .addr .pop119 {width:109px; height:38px; line-height:38px; font-size:13px; border-left:1px #dbdbdb solid; border:1px #dbdbdb solid; padding:0 0 0 10px;} #layerWrap .layerBox .addr .pop89 {width:79px; height:38px; line-height:38px; font-size:13px; border-left:1px #dbdbdb solid; border:1px #dbdbdb solid; padding:0 0 0 10px;} #layerWrap .layerBox .addr .sbtn {display:block; width:71px; height:38px; line-height:38px; font-size:14px; color:#fff; font-weight:600; text-align:center; background:#5e8137; border:1px #5e8137 solid;} /* address input */ .addrSearch {display:block; width:90px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; font-weight:600; background:#cc0000;} .addrSearch:hover {color:#fff;} /* address table */ .popDiv{width:100%; overflow:hidden;} .popTableHead {width:100%; margin:30px 0 0 0; overflow:hidden;} .popTableHead ul li {float:left; text-align:center; font-size:13px; color:#444; font-weight:600; height:40px; line-height:40px; background:#f6f6f6;} .popTableHead ul li.h {width:20%;} .popTableHead ul li.h p {font-size:13px; font-weight:600; height:40px; line-height:40px; border-right:1px #fff solid;} .popTableHead ul li.t {width:80%;} .popTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:13px;} .popTable td {border-color:#dedede; border-width:0 0 1px 0; color:#555; padding:12px 0; border-style:none none solid none; vertical-align:middle; text-align:center; font-size:13px; line-height:1.3;} .popTable td.left {padding:8px 0 8px 10px; text-align:left; font-size:13px;} .popTable td a {color:#555;} .popTable td a:hover {text-decoration:underline;} #lnb {position:absolute; float:left; width:200px; margin:20px 0 0 50px; overflow:hidden; padding:0;} #lnb #title {height:60px; font-size:23px; color:white; font-weight:600; line-height:60px; border-bottom:1px #ddd solid; padding-left:15px; background:linear-gradient(#7ab6ff, #4b9cff, #7ab6ff);} #lnb ul li {} #lnb ul li a {display:block; font-size:14px; color:#333; font-weight:400; 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:#3e6d83;} /***** COMMON *****/ .conform {width:100%; padding:20px 0 0 0; overflow:hidden;} .conform p {font-size:13px; color:#333; line-height:26px; vertical-align:middle;} .conform p.r {float:right; padding:20px 0 0 0;} .conform p.r input {width:80px; height:26px; font-size:13px; line-height:26px; color:#333; border:1px #ddd solid; text-align:center; font-weight:600;} sub {font-size:7px;} /* select change */ span.mainSelectBox{width:100%; height:40px; background:url('../images/bg/bg_select.gif') right center #fff no-repeat; border-left:1px #ddd solid;} span.mainSelectBox.changed {background:#fff;} .mainSelectBoxInner{width:95%; font-size:13px; font-weight:600; color:#333; white-space:nowrap; line-height:40px; padding:0 0 0 5%;} span.wSelectBox{height:30px; background:url('../images/bg/bg_write_select.gif') right center #fff no-repeat; border-left:1px #ddd solid;} .wSelectBoxInner{width:95%; font-size:13px; color:#333; white-space:nowrap; line-height:30px; padding:0 50px 0 10px;} span.headSelectBox {height:35px; 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 {background-color: #fff;} .headSelectBoxInner {font-size:13px; white-space:nowrap; line-height:35px; padding:0 40px 0 10px;} span.fullSelectBox {width:300px; height:35px; font-size:13px; background:url('../images/bg/bg_headselect.gif') right center #fff no-repeat; border-left:1px #ddd solid; text-align:left;} span.fullSelectBox.changed {background-color: #fff;} .fullSelectBoxInner {font-size:13px; white-space:nowrap; line-height:35px; padding:0 0 0 10px;} /* tabs */ .platformTabs {width:100%; margin:0 0 22px 0; overflow:hidden;} .platformTabs ul {} .platformTabs ul:after {content:""; display:block; clear:both;} .platformTabs ul li {float:left; width:16%; margin:0 0.8% 0 0;} .platformTabs ul li a {position:relative; display:block; height:83px; border:1px #bbb solid; background:url('../images/bg/bg_platformTabs_off.gif') 13px 14px no-repeat;} .platformTabs ul li a:after {content:""; display:block; clear:both;} .platformTabs ul li a p {position:absolute; left:13px; bottom:10px; font-size:16px; color:#888; font-weight:600; line-height:1.1;} .platformTabs ul li.last {margin:0;} .platformTabs ul li.on a {border:1px #cc0000 solid; background:url('../images/bg/bg_platformTabs_on.gif') 13px 14px #cc0000 no-repeat;} .platformTabs ul li.on a p {color:#fff;} .platformTabs.mbn {margin:0 0 44px 0;} .platformTabs ul.five {} .platformTabs ul.five li {width:19.36%;} .depthTabs {width:100%; margin:10px 0 23px 0; overflow:hidden;} .depthTabs ul {} .depthTabs ul:after {content:""; display:block; clear:both;} .depthTabs ul li {float:left;} .depthTabs ul li a {display:block; font-size:16px; color:#666; font-weight:600; padding:0 14px 10px 0; margin:0 13px 0 0; background:url('../images/bg/depthtabs_li.gif') right 5px no-repeat;} .depthTabs ul li.on a {color:#cc0000;} .depthTabs ul li.last a {background:none;} .recruitTabs {width:100%; margin:10px 0 45px 0; overflow:hidden;} .recruitTabs ul {} .recruitTabs ul:after {content:""; display:block; clear:both;} .recruitTabs ul li {float:left; width:18.4%; margin:0 2% 0 0;} .recruitTabs ul li a {display:block; border:1px #bbb solid;} .recruitTabs ul li a p {font-size:16px; color:#888; font-weight:600; line-height:44px; padding:0 0 0 14px;} .recruitTabs ul li.last {margin:0;} .recruitTabs ul li.on a {border:0; background:url('../images/bg/bg_recruittabs_on.gif') 90% 17px #644734 no-repeat;} .recruitTabs ul li.on a p {color:#fff; line-height:46px;} /* btn area */ .btnArea {position:relative; width:100%; text-align:center; clear:both; margin:30px 0 0 0; overflow:hidden;} .btnArea .right {float:right; padding:10px 0 0 0;} .btnArea .right li {float:left; padding:0 0 0 10px;} .btnArea .left {float:left; padding:20px 0 0 0;} .btnArea .left li {float:left; padding:0 6px 0 0;} .btnArea.mtn {margin:40px 0 0 0;} .btnArea.mn {margin:0;} /***** faq *****/ .faqList {width:100%; border-bottom:1px #ddd solid; margin:4px 0 0 0; overflow:hidden;} .faqList ul li {position:relative; width:100%; border-top:1px #ddd solid; overflow:hidden;} .faqList ul li .question {width:100%; padding:14px 0; line-height:1.2; overflow:hidden;} .faqList ul li .question .blet {position:absolute; left:0; top:14px; width:85px; font-size:20px; font-weight:600; color:#705543; text-align:center;} .faqList ul li .question .title {font-size:15px; color:#666; margin:0 20px 0 85px; line-height:1.4;} .faqList ul li .arrow {position:absolute; right:37px; top:16px; width:12px; height:12px;} .faqList ul li.hover .question {font-weight:600; background:#f7f4f3;} .faqanswer {display:none; width:100%; overflow:hidden; clear:both;} .faqanswer .faqbox {position:relative; border-top:1px #e5e5e5 solid; padding:20px 0;} .faqanswer .faqbox:after {content:""; display:block; clear:both;} .faqanswer .faqbox .blet {position:absolute; left:0; top:22px; width:85px; font-size:20px; font-weight:600; color:#cc0000; text-align:center;} .faqanswer .faqbox .text {font-size:14px; color:#888; line-height:1.4; margin:0 20px 0 85px;} /* btn */ .wBtn {display:inline-block; width:120px; height:44px; text-align:center; background:#666;} .wBtn span {line-height:44px; font-size:16px; color:#fff; font-weight:600;} .wBtn:hover {color:#fff;} .cBtn {display:inline-block; width:120px; height:44px; text-align:center; background:#aaa;} .cBtn span {line-height:44px; font-size:16px; color:#fff; font-weight:600;} .cBtn:hover {color:#fff;} .gBtn {display:inline-block; height:44px; text-align:center; background:#666; padding:0 40px;} .gBtn span {line-height:44px; font-size:16px; color:#fff; font-weight:600;} .gBtn:hover {color:#fff;} .nBtn {display:inline-block; height:44px; text-align:center; background:#aaa; padding:0 40px;} .nBtn span {line-height:44px; font-size:16px; color:#fff; font-weight:600;} .nBtn:hover {color:#fff;} .mbtn {display:inline-block; height:30px; line-height:30px; text-align:center; padding:0 14px; color:#fff; background:#aaa;} .mbtn:hover {color:#fff;} .applicationBtn {display:block; width:205px; height:50px; line-height:48px; font-size:18px; color:#fff; text-align:center; background:#644734; margin:0 auto;} .applicationBtn:hover {color:#fff;} /* paging */ .allPageMoving1{font-size:0; line-height:0;} .allPageMoving1 *{vertical-align:top;} .allPageMoving1 a{display:inline-block;width:32px;height:50px;line-height:32px;color:#555;margin:0 2px;text-decoration:none; background:#fff; font-size:13px;} .allPageMoving1 a.n{border:0;padding:0 2px; margin:0; width:34px; height:34px; line-height:34px;} .allPageMoving1 a.pre{border:0;padding:0 2px; margin:0; width:34px; height:34px; line-height:34px;} .allPageMoving1 a.next{border:0;padding:0 2px; margin:0; width:34px; height:34px; line-height:34px;} .allPageMoving1 a img{vertical-align:top;margin:15px 0 0 0; } .allPageMoving1 a.bn {border:0; padding:0px; margin:17px 0 0 0; width:40px; height:20px; line-height:20px;} .allPageMoving1 span.mobile{display:none;} .allPageMoving1 strong{display:inline-block; width:34px; height:34px; line-height:34px; color:#fff; text-decoration:none; background:#cc0000; font-size:12px; font-weight:normal;} /* agree */ .agreeWrap {} .agreeWrap:after {content:""; display:block; clear:both;} .agreeBox {height:118px; border:1px #ddd solid; padding:30px; overflow-y:auto;} .agreeBox:after {content:""; display:block; clear:both;} .agreeBox p {font-size:13px; color:#777; line-height:1.2; padding:0 0 15px 0;} .agreeBox ul {width:100%; padding:0 0 20px 0; overflow:hidden;} .agreeBox ul li {font-size:13px; color:#777; line-height:1.2;} .agreeChk {width:100%; padding:12px 0 0 0; text-align:right; overflow:hidden;} .agreeChk input {vertical-align:middle;} .agreeChk label {font-size:13px; color:#666; line-height:1.1; padding:0 0 0 4px;} /* ul pta */ .pta li{float:left;} .pta li.pr {padding-right:6px;} .pta li.pt {padding-top:5px;} .pta li.rd {padding-right:14px;} .pta li.cb {clear:both; float:left;} .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 label {font-size:13px; color:#666; line-height:30px; padding:0 0 0 4px;} .pta li input {vertical-align:middle;} .pta li .wSelectBoxInner {color:#333;} /* search selection */ .selection {width:100%; padding:0 0 12px 0; overflow:hidden; margin:0 0 0 230px;} .selection ul li {float:left; margin:0;} .selection ul li .stype {width:350px; height:28px; color:#333; font-size:13px; line-height:33px; padding:0 0 0 10px; border:0; border-top:1px #ddd solid; border-bottom:1px #ddd solid;} /***** notice type *****/ .noticeDiv {width:100%; overflow:hidden;} .noticeDiv ul {margin:0 0 0 -8px;} .noticeDiv ul li {float:left; width:257px; height:227px; background:#f9f9f9; border:1px #ddd solid; margin:0 0 8px 8px;} .noticeDiv ul li a {position:relative; display:block; width:100%; height:100%;} .noticeDiv ul li a .conf {width:207px; margin:0 auto; padding:24px 0 0 0; overflow:hidden;} .noticeDiv ul li a .conf .newspaper {display:inline-block; font-size:12px; color:#fff; font-weight:600; padding:0 10px; margin:0 0 8px 0; line-height:24px; background:#666; border-radius:10px;} .noticeDiv ul li a .conf .tit {font-size:16px; color:#333; font-weight:600; line-height:1.2;} .noticeDiv ul li a .conf .subject {font-size:16px; color:#333; font-weight:600; line-height:1.2; padding:0 0 30px 0;} .noticeDiv ul li a .conf .txt {font-size:13px; color:#666; line-height:1.4; padding:15px 0; border-bottom:1px #ccc solid;} .noticeDiv ul li a .conf .day {font-size:13px; color:#aaa; font-weight:600; padding:14px 0 0 0;} .noticeDiv ul li a .conf .day span {float:right; text-align:right; font-size:13px;} .noticeDiv ul li a .hover {display:none; position:absolute; left:0; top:0; width:254px; height:225px; border:2px #cc0000 solid;} /***** list table *****/ .listDiv {margin:0 0 40px 0; border-top:3px #4b9cff solid; border-left:1px #ddd solid; border-right:1px #ddd solid;float:right; width:850px; height:485px;} .listDiv:after {content:""; display:block; clear:both;} .listType {float:right; width:850px; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .listType 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 0; font-size:15px; background:#f7f4f3; 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 5px 12px 5px; font-size:13px; line-height:1.4; vertical-align:middle;} .listType td.left {text-align:left; padding:13px 5px 12px 20px;} .listType td.tr_test {border-right:1px solid #ddd;} .listType td a {color:#666;} .listType td a.repair {color:#6b71c1; text-decoration:underline;} .listType td img {vertical-align:middle;} .listType td span.ing {display:inline-block; width:42px; height:17px; line-height:16px; color:#fff; background:#e65c5c; text-align:center;} .listType td span.red {font-size:13px; color:#ec4d58;} .listType.allbn th, .listType.allbn td {border:1px #ddd solid;} /***** write table *****/ .writeDiv {position:relative; width:100%;} .writeTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .writeTable th {border-color:#ddd; border-width:1px; color:#333; border-style:solid; text-align:left; background:#f7f4f3; padding:14px 0; font-size:13px; vertical-align:top;} .writeTable th p {display:block; font-size:13px; color:#644734; padding:0 15px 0 25px; line-height:1.2;} .writeTable th p span {font-size:13px; line-height:1.2;} .writeTable th .pic {width:100%; overflow:hidden;} .writeTable th .pic a {display:block; width:120px; height:160px; background:#fff; margin:0 auto;} .writeTable th .pic a .ico {padding:45px 0 0 0; text-align:center;} .writeTable th .pic a p {font-size:13px; color:#644734; line-height:1.2; text-align:center; padding:8px 0 0 0;} .writeTable th .pic .addTxt {padding:15px 0 0 5px;} .writeTable th .pic .addTxt p {font-size:12px; color:#666; line-height:1.4;} .writeTable th .pic.img {width:120px; margin:0 auto;} .writeTable td {border-color:#ddd; border-width:1px; color:#666; border-style:solid; text-align:left; background:#fff; padding:5px 0 5px 30px; font-size:13px; line-height:1.2; vertical-align:middle;} .writeTable td.left {padding:5px 0 5px 18px;} .writeTable td p {padding:10px 0 5px 0;} .writeTable td p.r {text-align:right; padding:10px 2% 5px 0;} .writeTable td a.file {color:#166e9b; text-decoration:underline;} /***** view *****/ .viewHead {position:relative; border-top:1px #644734 solid;} .viewHead:after {content:""; display:block; clear:both;} .viewHead .subject {position:relative; font-size:15px; color:#333; line-height:1.2; padding:14px 170px 14px 26px; background:#fafafa; border-bottom:1px #dbdbdb solid; border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid;} .viewHead .subject:after {content:""; display:block; clear:both;} .viewHead .subject .day {position:absolute; right:25px; top:18px; font-size:13px; color:#666;} .viewHead .subject .day span {font-size:13px; color:#333;} .viewHead .subject.ty {background:#f7f4f3;} .viewHead .file {line-height:1.2; padding:14px 25px 14px 26px; text-align:right; border-bottom:1px #dbdbdb solid; border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid;} .viewHead .file span {font-size:13px; color:#666; line-height:1.2; padding:4px 0 4px 20px; background:url('../images/ico/ico_file.gif') left 4px no-repeat;} .viewHead .file a {font-size:13px; color:#166e9b; line-height:1.2; text-decoration:underline;} .viewContent {padding:40px 60px; font-size:13px; color:#666; line-height:1.4; border-left:1px #dbdbdb solid; border-right:1px #dbdbdb solid;} .viewContent:after {content:""; display:block; clear:both;} .viewDiv {position:relative; border:1px #ddd solid; border-top:0; border-bottom:0;} .viewDiv:after {content:""; display:block; clear:both;} .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:#f7f4f3; padding:14px 0; font-size:14px; vertical-align:top;} .viewTable th p {display:block; font-size:14px; color:#644734; padding:0 5px 0 25px;} .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:5px 20px 5px 24px; font-size:13px; line-height:1.2; vertical-align:middle;} .viewTableM {display:none; width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .viewTableM th {border-color:#ddd; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; background:#f7f4f3; padding:12px 0; font-size:12px; vertical-align:top;} .viewTableM th p {display:block; font-size:12px; color:#644734; padding:0 5px 0 15px;} .viewTableM td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:left; background:#fff; padding:5px 10px 5px 10px; font-size:12px; line-height:1.2; vertical-align:middle;} /***** pre next table*****/ .preNext {width:100%; border-top:1px #cacaca solid; overflow:hidden;} .preNext table {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .preNext th {border-color:#cacaca; border-width:0 0 1px 1px; color:#666; border-style:none none solid solid; text-align:left; background:#f8f8f8; padding:14px 0 13px 0; font-size:13px; vertical-align:middle;} .preNext th span {font-size:13px; color:#666; padding:0 27px 0 26px;} .preNext th span.pre {background:url('../images/bg/bg_th_up.gif') right 4px no-repeat;} .preNext th span.next {background:url('../images/bg/bg_th_down.gif') right 5px no-repeat;} .preNext td {border-color:#cacaca; border-width:0 1px 1px 0; color:#666; border-style:none solid solid none; text-align:left; padding:14px 10px 13px 20px; font-size:13px; line-height:1.2; vertical-align:middle;} .preNext td a {color:#666;} /***** design table *****/ .recruitDiv {position:relative; border-top:1px #ddd solid; width:100%;} .recruitTable {width:100%; border-width:0; border-spacing:0; border-style:none; font-size:12px;} .recruitTable th {border-color:#ddd; border-width:0 0 1px 0; color:#333; border-style:none none solid none; text-align:left; padding:14px 0; font-size:13px; vertical-align:top;} .recruitTable th p {display:block; font-size:14px; color:#ec4d58; padding:0 0 0 25px; background:url('../images/bg/bg_recruittable_th_p.gif') right 3px no-repeat;} .recruitTable th p span {font-size:14px; line-height:1.2;} .recruitTable td {border-color:#ddd; border-width:0 0 1px 0; color:#666; border-style:none none solid none; text-align:left; padding:14px 0 12px 30px; font-size:14px; line-height:1.2; vertical-align:middle;} .recruitTable td ul li {font-size:14px; color:#666; line-height:1.4; padding:0 0 5px 12px; background:url('../images/bg/bg_recruittable_ul_li.gif') left 8px no-repeat;} .recruitTable td ul li strong {font-size:14px;} /* input type */ .w107 {width:97px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .w152 {width:142px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .w455 {width:445px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .w75c {width:75px; height:28px; color:#666; border:1px #ddd solid; text-align:center; line-height:28px;} .wr124 {width:114px; height:28px; color:#666; border:1px #ddd solid; text-align:right; line-height:28px; padding:0 10px 0 0;} .r56 {width:46px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .r158 {width:148px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .r108 {width:98px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .r352 {width:342px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .r616 {width:606px; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} .rc68 {width:68px; height:28px; color:#666; border:1px #ddd solid; text-align:center; line-height:28px; padding:0;} .wa90 {width:92%; height:28px; color:#666; border:1px #ddd solid; text-align:left; line-height:28px; padding:0 0 0 10px;} /* textarea */ .tta:after {content:""; display:block; clear:both;} .tta textarea {width:92%; height:140px; font-size:13px; padding:2%; line-height:1.2; color:#666; border:1px #ddd solid;} .ttaShort:after {content:""; display:block; clear:both;} .ttaShort textarea {width:94%; height:80px; font-size:13px; padding:2%; line-height:1.2; color:#666; border:1px #ddd solid;} /**************** media query ****************/ /*** media query 1160px ***/ @media all and (max-width:1160px){ /*** layout ***/ #container {margin:0 0 55px 0;} #location ol {width:auto; margin:0 20px;} #content {width:auto;} /*** content ***/ #platform .contentType03 .imgBox {float:none; width:100%;} #platform .contentType03 .imgBox ul li:nth-child(even) {float:right; padding:0 0 7px 0;} #platform .contentType03 .imgBox ul li.full {width:100%; padding:0 0 7px 0;} #platform .contentType03 .infoBox {float:none; width:100%;} #platform .contentType03 .infoBox .inbox {min-height:100%;} /* common */ .selection {width:548px; margin:0 auto;} .noticeDiv {width:794px; margin:0 auto;} } /**************** media query ****************/ /*** media query 1140px ***/ @media all and (max-width:1140px){ /**** content ***/ /* company */ #overview h4 {width:688px; margin:0 auto;} #overview .scFamily {width:688px; margin:0 auto;} #overview .scFamily ul li {width:100%; padding:0 0 52px 0;} #overview .scFamily ul li .infoBox .info {width:32%; margin:0;} #overview .scFamily ul li .infoBox .info p span {display:inline;} #overview .scFamily ul li .infoBox .info.last {width:34%;} #overview .scFamily ul li.fr {padding:0;} #overview .scFamily ul li.fr .infoBox .info {width:40%;} #overview .scFamily ul li.fr .infoBox .info.last {width:20%;} #ceo .headTxt .img img {width:560px;} /* business */ #portfolio .thirdVpe .mpeBox {float:none; width:100%;} #portfolio .thirdVpe .ipfBox {float:none; width:100%;} #portfolio .thirdVpe .baseDiv .category2 {line-height:54px;} #portfolio .thirdVpe .baseDiv .category3 {line-height:54px;} #platform .contentType01 .subImg ul li {float:none; width:100%; margin:0 0 25px 0;} #platform .contentType01 .subImg ul li .img {width:auto; margin:0 20px 0 0;} #platform .contentType01 .subImg ul li .info {width:auto;} #platform .contentType01 .subImg ul li .img img {width:auto;} #platform .contentType01 .subImg ul li .info p.name {margin:5px 0 12px 0;} #platform .contentType01 .subImg ul li .info p.name u {display:inline;} #platform .contentType02 .infoBox .section {width:100%; padding:0 0 28px 0; margin:0 0 28px 0; border-bottom:1px #ddd solid;} #platform .contentType02 .infoBox .section.tyr {width:100%; border:0; padding:0; margin:0;} #platform .contentType02 .imgBox .baseImg .txtArea {left:30px; top:30px;} #platform .contentType02 .imgBox .baseImg .txtArea p.tit {font-size:18px; padding:0 30px 0 0;} #platform .contentType02 .imgBox .baseImg .txtArea p.tit span {font-size:18px;} #platform .contentType02 .imgBox .baseImg .txtArea p.txt {padding:0 30px 0 0;} #platform .contentType02 .imgBox .baseImg .txtArea p.txt span {display:inline; font-size:13px;} #platform .contentType02 .infoBox .section .lBox {margin:0 25px 0 0;} #platform .contentType02 .infoBox .section .rBox .tit span {display:inline;} #platform .contentType02 .infoBox .section .rBox.dpblock {clear:both; padding:20px 0 0 0;} #platform .contentType02 .infoBox .section .rBox.fullLast {clear:both; padding:20px 0 0 0;} } /**************** media query ****************/ /*** media query 1130px ***/ @media all and (max-width:1130px){ #contact .contactInfo .infoWrap {width:50%;} #contact .contactInfo .infoWrap .info {height:auto; padding:0 0 20px 0;} #contact .contactInfo .infoWrap.ty2 .info {border:0;} #contact .contactInfo .infoWrap.ty3 {width:100%; background-position:99% top;} #contact .contactInfo .infoWrap.ty3 .info {border-top:1px #ddd solid;} #technology .license .diviRight {float:left;} #technology .license .diviRightAth {float:left;} #technology .license .diviCenter {margin:0;} .r616 {width:346px;} } /**************** media query ****************/ /*** media query 1080px ***/ @media all and (max-width:1080px){ #technology .license .diviRight {clear:both; margin:90px 0 0 0;} #technology .license .diviRightAth {clear:both;} #technology .license .hide {display:none;} #technology .license .diviBlock.dummy {display:block;} #careers .talent .category01 .conf .point {left:20%;} #careers .talent .category01 .conf ul li .ttx {padding:0 20px;} #careers .talent .category02 .principle ul li .ico {left:8%;} #careers .talent .category02 .principle ul li .txtArea {padding:0 0 0 42%;} #platform .performance .pfbox .leftDiv {float:none; width:530px; margin:0 auto 30px;} #platform .performance .pfbox .rightDiv {float:none; width:100%;} #platform .performance .pfbox .rightDiv ul {margin:0;} } /**************** media query ****************/ /*** media query 960px ***/ @media all and (max-width:960px){ #platform .contentType02 .infoBox .section .rBox.dp960 {clear:both; margin:20px 0 0 0;} #careers .talent .category01 .conf .point {left:0;} #careers .talent .category01 .conf .tit {margin:0 0 0 200px;} #careers .talent .category01 .conf .txt {text-align:left;} } /**************** media query ****************/ /*** media query 940px ***/ @media all and (max-width:940px){ #platform .contentType02 .imgBox .baseImg {float:none; width:100%; margin:0 0 1.4% 0;} #platform .contentType02 .imgBox .sideImg {float:none; width:100%;} #platform .contentType02 .imgBox .sideImg ul li {float:left; width:32.4%; margin:0 1.4% 0 0;} #platform .contentType02 .imgBox .sideImg.ty2 ul li {float:left; width:49.3%; margin:0 1.4% 0 0;} #platform .contentType02 .imgBox .sideImg.ty2 ul li.last {margin:0;} #platform .contentType05 .infoBox .section {width:100%; } #platform .contentType05 .infoBox .section .rBox {margin:0 0 24px 0;} } /**************** media query ****************/ /*** media query 900px ***/ @media all and (max-width:900px){ #ceo .headTxt p {padding:20px 0 0 0;} #ceo .headTxt .img img {width:400px;} #careers .talent .category02 .principle ul li {width:33%; border-left:1px #ddd solid;} #careers .talent .category02 .principle ul li .ico {position:relative; left:0; top:0; text-align:center;} #careers .talent .category02 .principle ul li .txtArea {padding:0 10px; text-align:center; border:0;} #careers .talent .category02 .principle ul li.first {border:0;} #careers .talent .category02 .principle ul li.first .txtArea {padding:0 10px;} .recruitTabs ul li a p {font-size:14px;} .recruitTabs ul li.on a {background:#644734;} } /**************** media query ****************/ /*** media query 890px ***/ @media all and (max-width:890px){ .noticeDiv {width:526px;} .pta li.mq890 {clear:both; padding:5px 0 0 0;} .r616 {width:241px;} } /**************** media query ****************/ /*** media query 860px ***/ @media all and (max-width:860px){ /* company */ #map .info ul li.last {clear:both; margin:10px 0 0 0;} /* business */ #platform .contentType01 .baseImg .txtArea {left:30px; top:30px;} #platform .contentType01 .baseImg .txtArea p.tit {font-size:18px;} #platform .contentType01 .baseImg .txtArea p.tit span {font-size:18px;} #platform .contentType01 .baseImg .txtArea p.tit u {font-size:18px;} #platform .contentType01 .baseImg .txtArea p.txt span {font-size:13px; line-height:1.3;} #platform .contentType05 .imgBox .baseImg {float:none; width:100%; margin:0 0 10px 0;} #platform .contentType05 .imgBox .sideImg {float:none; width:100%;} .viewTable th p {font-size:13px; padding:0 0 0 20px;} .viewHead .subject {padding:14px 170px 14px 20px;} } /**************** media query ****************/ /*** media query 820px ***/ @media all and (max-width:820px){ #technology .license .diviBlock {width:478px; margin:90px auto;} #technology .license .diviBlock.f {margin:40px auto 0;} #technology .license .diviBlock ul li.l {margin:0;} #technology .license .diviBlock ul li.r2 {margin:0;} #technology .license .diviBlock ul li.r3 {margin:20px 0 0 0;} #technology .license .diviCenter {margin:20px 0 0 0;} #careers .talent .category01 .conf ul li {width:50%; margin:0 0 20px 0;} #careers .talent .category01 .conf ul li.ty {background:none;} #careers .talent .category01 .conf ul li.last {width:50%;} #careers .talent .category01 .conf ul li .ttx {padding:0 10px;} } /**************** media query ****************/ /*** media query 800px ***/ @media all and (max-width:800px){ #platform .contentType04 .performance ul {margin:0 -7.33% 0 0;} #platform .contentType04 .performance ul li {width:45%; margin:0 3.33% 42px 0;} #technology .affiliates .section {width:48%;} #technology .affiliates .section h4 {height:auto; margin:0 0 15px 0;} #technology .affiliates .section.center {margin:0 0 0 4%;} #technology .affiliates .section.last {clear:both; margin:20px 0 0 0;} .rWidth {width:100px;} .writeTable th p {padding:0 5px 0 25px;} .writeTable th p span {display:block;} } /**************** media query ****************/ /*** media query 767px ***/ @media all and (max-width:767px){ /* layout */ #subBanner {height:96px;} #subBanner h2 {font-size:36px; padding:30px 0 0 0;} #subBanner img {margin:-120px 0 0 -960px;} #content {padding:0 30px;} /* company */ #overview h4 {width:auto;} #overview .headTxt p {display:inline;} #overview .scFamily {width:auto;} #overview .scFamily ul li .infoBox {height:auto; padding:0 0 20px 0;} #overview .scFamily ul li .infoBox .info {float:none; width:100%;} #overview .scFamily ul li .infoBox .info.last {width:auto;} #history ul li .time span {display:inline-block; padding:0 0 0 6px; line-height:1.4;} #history ul li .time span u {display:inline;} #history ul li .data {margin:40px 0 0 135px;} #vision ul li {float:none; width:100%; margin:0 0 20px 0;} /* business */ #platform .contentType01 .baseImg .txtArea p.txt {display:none;} #platform .contentType01 .baseImg .txtArea p.tit u {display:block; padding:4px 0 0 0;} #platform .contentType01 .subImg ul li {float:left; width:48%; margin:0;} #platform .contentType01 .subImg ul li.fr {float:right;} #platform .contentType01 .subImg ul li .img {margin:0 0 10px 0;} #platform .contentType01 .subImg ul li .img img {width:100%;} #platform .contentType02 .imgBox .baseImg .txtArea p.txt {display:none;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.txt {display:none;} #platform .contentType05 .imgBox .baseImg .txtArea p.txt {display:none;} #contact .contactInfo .infoWrap {width:100%;} #contact .contactInfo .infoWrap .info {border:0;} #contact .contactInfo .infoWrap.ty2 .info {border-top:1px #ddd solid;} /* common */ .platformTabs {margin:0 0 12px 0;} .platformTabs ul li {width:32%; margin:0 2% 10px 0;} .platformTabs ul li.last, .platformTabs ul li.dep {width:32%; margin:0;} .platformTabs ul.five li {width:32%; margin:0 2% 10px 0;} .platformTabs ul.five li.last, .platformTabs ul.five li.dep {width:32%; margin:0;} .fastNone {display:none;} } /**************** media query ****************/ /*** media query 706px ***/ @media all and (max-width:706px){ .w455 {width:93%;} } /**************** media query ****************/ /*** media query 676px ***/ @media all and (max-width:676px){ #vision .img {margin:0 0 30px;} #vision .img img {width:100%;} #platform .contentType02 .infoBox .section .rBox.dp676 {clear:both; padding:20px 0 0 0;} } /**************** media query ****************/ /*** media query 640px ***/ @media all and (max-width:640px){ #portfolio .thirdVpe .mpeBox ul li {width:50%;} #portfolio .thirdVpe .mpeBox .combineTxt {display:none;} #portfolio .thirdVpe .baseDiv .detail {padding:10px;} #portfolio .thirdVpe .baseDiv .detail ul li {padding:0 0 5px 10px;} #platform .contentType02 .imgBox .sideImg ul li {width:49.3%; margin:0 1.4% 1.4% 0;} #platform .contentType02 .imgBox .sideImg ul li.dep {margin:0 0 1.4% 0;} #platform .contentType02 .infoBox .section .lBox.last {clear:both; margin:20px 0 0 0;} #platform .contentType02 .infoBox .section .rBox.last {clear:both; margin:20px 0 0 0;} #platform .contentType02 .infoBox .section .rBox.dplast {clear:both; margin:20px 0 0 0;} #platform .contentType05 .infoBox .section .rBox {float:none; width:100%;} /* careers */ #careers .talent .category01 .conf .point {position:relative; left:0; top:0;} #careers .talent .category01 .conf .tit {margin:0;} .pta li.mq640 {clear:both; padding:5px 0 0 0;} } /**************** media query ****************/ /*** media query 620px ***/ @media all and (max-width:620px){ .selection {width:364px;} .selection ul li .stype {width:200px;} #platform .performance .pfbox .leftDiv {width:100%;} } /**************** media query ****************/ /*** media query 580px ***/ @media all and (max-width:580px){ #location ol li a span.w {display:none;} #location ol li a span.m {display:block;} .noticeDiv {width:260px;} .noticeDiv ul {margin:0;} .noticeDiv ul li {margin:0 0 8px 0;} } /**************** media query ****************/ /*** media query 540px ***/ @media all and (max-width:540px){ /*** layout ***/ #container {margin:0 0 25px 0;} #subBanner {height:60px;} #subBanner h2 {font-size:22px; padding:19px 0 0 0;} #content h3 {font-size:25px; padding:22px 0 17px;} #content h3 span {display:none;} /*** content ***/ /* company */ #overview h4 {font-size:18px; padding:25px 0 10px;} #overview .headTxt p {font-size:14px;} #overview .headTxt p span {font-size:14px;} #overview .txt {font-size:12px;} #overview .txt strong {font-size:12px;} #overview .scFamily ul li {padding:0 0 20px;} #overview .scFamily ul li h5 {font-size:14px; background-position:left 3px; margin:10px 0;} #overview .scFamily ul li h5 span {font-size:12px;} #overview .scFamily ul li .infoBox {padding:0 0 10px;} #overview .scFamily ul li .infoBox .info {padding:0 0 5px 0;} #overview .scFamily ul li .infoBox .info p.tit {font-size:13px; padding:15px 0 8px;} #overview .scFamily ul li .infoBox .info p {font-size:12px; line-height:1.4;} #ceo .headTxt {height:auto; margin:0 0 15px 0;} #ceo .headTxt p {font-size:13px; padding:0 0 70px 0;} #ceo .headTxt p u {font-size:13px;} #ceo .headTxt p span {font-size:13px;} #ceo .headTxt .img img {width:260px;} #ceo .txt {font-size:12px; padding:0 0 10px 0;} #ceo .txt strong {font-size:12px;} #ceo .sign ul li {padding:0 0 0 12px;} #ceo .sign ul li p {margin:10px 0 0 0; font-size:12px;} #ceo .sign ul li p span {font-size:14px;} #history ul li {padding:10px 0 6px; background:url('../images/bg/bg_history_line_m.gif') left top no-repeat;} #history ul li .year {font-size:20px; top:10px;} #history ul li .time {left:80px; font-size:13px; top:14px;} #history ul li .time span {font-size:12px;} #history ul li .time span u {font-size:11px;} #history ul li .data {margin:35px 0 0 80px;} #history ul li .data p {font-size:12px;} #history ul li .data p span {font-size:12px;} #vision ul li .inbox {padding:6px 7px 10px;} #vision ul li .inbox .tit {font-size:13px; line-height:30px; margin:0 0 10px;} #vision ul li .inbox p {font-size:12px;} #map .info {margin:28px 0 0 0;} #map .info h4 {font-size:14px; background-position:2px 3px;} #map .info .txt {font-size:12px; line-height:1.3;} #map .info ul li {clear:both; font-size:12px; line-height:20px; margin:0 0 10px 0;} #map .info ul li span {line-height:20px;} #map .info ul li.last {margin:0 0 10px 0;} /* business */ #portfolio h4 {font-size:16px; margin:30px 0 10px 0; background-position:left 5px;} #portfolio h4.f {margin:0 0 10px 0;} #portfolio .vpe {height:auto; padding:0 0 20px 0;} #portfolio .ape {height:auto; padding:0 0 20px 0;} #portfolio .tit {left:20px; top:36px; font-size:24px;} #portfolio .tit img {width:50px;} #portfolio .info {margin:34px 0 0 80px;} #portfolio .info p {font-size:14px;} #portfolio .info ul li {font-size:12px;} #portfolio .thirdVpe .mpeBox ul li {width:100%;} #portfolio .thirdVpe .ipfBox ul li {width:100%;} #portfolio .thirdVpe .baseDiv .img img {width:100%;} #portfolio .thirdVpe .baseDiv .detail {padding:10px 10px 15px 10px;} #portfolio .thirdVpe .baseDiv .category {font-size:14px; line-height:35px;} #portfolio .thirdVpe .baseDiv .category2 {font-size:14px; line-height:35px;} #portfolio .thirdVpe .baseDiv .category3 {font-size:14px; line-height:35px;} #portfolio .thirdVpe .baseDiv .group {font-size:13px; line-height:30px;} #portfolio .thirdVpe .baseDiv .detail.f01 {border:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f02 {border:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f03 {border:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f04 {border:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f05 {border:1px #ddd solid;} #portfolio .thirdVpe .baseDiv .detail.f06 {border:1px #ddd solid;} #platform .contentType01 .baseImg .txtArea {left:15px; top:15px;} #platform .contentType01 .baseImg .txtArea p.tit {font-size:14px;} #platform .contentType01 .baseImg .txtArea p.tit span {font-size:14px;} #platform .contentType01 .baseImg .txtArea p.tit u {font-size:14px;} #platform .contentType01 .subImg {margin:18px 0 0 0;} #platform .contentType01 .subImg .subTit {font-size:14px; background-position:2px 3px;} #platform .contentType01 .subImg ul li .info p.name {margin:0 0 10px 0;} #platform .contentType01 .subImg ul li .info p.name u {font-size:13px;} #platform .contentType01 .subImg ul li .info span {font-size:12px;} #platform .contentType02 .imgBox .baseImg .txtArea {left:15px; top:15px;} #platform .contentType02 .imgBox .baseImg .txtArea p.tit {font-size:14px;} #platform .contentType02 .imgBox .baseImg .txtArea p.tit span {display:block; font-size:14px; line-height:1.5;} #platform .contentType02 .imgBox .baseImg .txtArea2 {left:15px; top:15px;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.tit {font-size:14px;} #platform .contentType02 .imgBox .baseImg .txtArea2 p.tit span {display:block; font-size:14px; line-height:1.5;} #platform .contentType02 .imgBox .baseImg .num {font-size:12px; width:18px; height:18px; line-height:18px;} #platform .contentType02 .imgBox .sideImg ul li p {font-size:12px; width:18px; height:18px; line-height:18px;} #platform .contentType02 .infoBox {margin:15px 0 0 0;} #platform .contentType02 .infoBox .section {margin:0 0 20px 0; padding:0 0 20px 0;} #platform .contentType02 .infoBox .section .lBox ul li {font-size:12px;} #platform .contentType02 .infoBox .section .lBox.last {margin:10px 0 0 0;} #platform .contentType02 .infoBox .section .rBox .tit {font-size:13px;} #platform .contentType02 .infoBox .section .rBox .tit span {font-size:13px;} #platform .contentType02 .infoBox .section .rBox .tit p {font-size:12px;} #platform .contentType02 .infoBox .section .rBox ul li {font-size:12px;} #platform .contentType03 .infoBox .inbox .txt {font-size:13px;} #platform .contentType03 .infoBox .inbox .txt strong {font-size:13px;} #platform .contentType03 .infoBox .inbox .list li {font-size:12px;} #platform .contentType03 .infoBox .inbox .info ul li {float:none; width:100%;} #platform .contentType03 .infoBox .inbox .info ul li .tit {font-size:13px;} #platform .contentType03 .infoBox .inbox .info ul li .tit span {display:inline; font-size:13px;} #platform .contentType03 .infoBox .inbox .info ul li p.txt {font-size:12px;} #platform .contentType04 .performance ul li {margin:0 3.33% 30px 0;} #platform .contentType04 .performance ul li .subject {font-size:12px;} #platform .contentType04 .performance ul li .subject span {font-size:12px;} #platform .contentType05 .imgBox .baseImg .txtArea p.tit {font-size:14px;} #platform .contentType05 .imgBox .baseImg .txtArea p.tit span {display:block; font-size:14px; padding:4px 0 0 0;} #platform .contentType05 .imgBox .baseImg .txtArea p.txt span {font-size:12px;} #platform .contentType05 .infoBox .section {margin:15px 0 0 0;} #platform .contentType05 .infoBox .section .lBox p.txt {font-size:12px;} #platform .contentType05 .infoBox .section .lBox ul li {font-size:12px;} #platform .contentType05 .infoBox .section .rBox .tit {font-size:13px;} #platform .contentType05 .infoBox .section .rBox .tit span {font-size:13px;} #platform .contentType05 .infoBox .section .rBox .tit p {font-size:12px;} #platform .contentType05 .infoBox .section .rBox ul li {font-size:12px;} #platform .contentType05 .infoBox .section .rBox {margin:0 0 15px 0;} #platform .performance h4 {font-size:16px; background-position:left 8px;} .performanceCate {text-align:left;} .performanceCate div p {font-size:13px;} #contact h4 {font-size:13px; background:url('../images/bg/bg_contact_h4_m.gif') left 1px no-repeat; padding:0 0 0 20px; margin:20px 0 10px;} #contact .contactInfo .infoWrap .info {padding:0 0 15px 0;} #contact .contactInfo .infoWrap .info .tit {font-size:14px; padding:15px 0 12px;} #contact .contactInfo .infoWrap .info ul li {font-size:12px;} #contact .contactInfo .infoWrap .info ul li p {font-size:12px;} /* technology */ #technology .affiliates .section {width:100%;} #technology .affiliates .section h4 {font-size:15px; padding:0 0 0 15px; background:url('../images/bg/bg_affiliates_h4_m.gif') left 4px no-repeat; letter-spacing:0;} #technology .affiliates .section.center {width:100%; margin:20px 0 0 0;} #technology .affiliates .section .banner {text-align:center;} #technology .affiliates .section .banner img {width:auto;} #technology .affiliates .section .banner .goLink span {font-size:12px; background-position:right 3px;} #technology .affiliates .section .info .tit {font-size:13px; padding:15px 0 8px;} #technology .affiliates .section .info .tit span {font-size:13px;} #technology .affiliates .section .info ul li {font-size:12px; background-position:left 5px;} #technology .license {margin:0 0 30px 0;} #technology .license h4 {font-size:15px; background-position:left 3px;} #technology .license .diviBlock.f {margin:40px auto 0;} #technology .license .diviBlock {width:224px; margin:40px auto 0;} #technology .license .diviBlock h5 {font-size:14px;} #technology .license .diviBlock h5 u {width:30px;} #technology .license .diviBlock ul li {margin:0 0 20px 0;} #technology .license .diviRight {margin:40px 0 0 0;} #technology .license .diviRightAth {margin:40px 0 0 0;} #technology .license .diviCenter {margin:40px 0 0 0;} #technology .license .diviBlock.dummy {display:none;} #technology .license .hide {display:block;} /* careers */ #careers .talent .category01 {margin:30px 0 0 0;} #careers .talent .category01 .conf .point {font-size:40px;} #careers .talent .category01 .conf .tit {font-size:15px;} #careers .talent .category01 .conf .tit span {font-size:15px;} #careers .talent .category01 .conf .txt {font-size:12px;} #careers .talent .category01 .conf ul {margin:30px 0 0 0;} #careers .talent .category01 .conf ul li {width:100%; padding:0 0 40px 0; background-position:center bottom;} #careers .talent .category01 .conf ul li.ty {background:url('../images/bg/bg_careers_category01_li.gif') center bottom no-repeat;} #careers .talent .category01 .conf ul li.last {width:100%;} #careers .talent .category01 .conf ul li .subject {font-size:16px;} #careers .talent .category01 .conf ul li .ttx {font-size:12px;} #careers .talent .category02 h4 {font-size:16px; margin:30px 0 0 0; background-position:left 3px;} #careers .talent .category02 h4.f {margin:20px 0 0 0;} #careers .talent .category02 .principle ul li {width:100%; border:0; padding:0 0 30px 0;} #careers .talent .category02 .principle ul li .txtArea strong {font-size:16px;} #careers .talent .category02 .principle ul li .txtArea p {font-size:12px;} #careers .talent .category02 .rank ul li p {width:110px; height:110px; font-size:16px; line-height:110px; background:url('../images/bg/bg_category02_rank_p_m.gif') left top no-repeat;} #careers .talent .category02 .rank ul li p span {font-size:16px;} #careers .talent .category02 .rank ul li.arrow {height:110px;} #careers .talent .category02 .rank ul li.arrow img {width:16px; padding:52px 20px 0;} #careers .talent .category02 .benefits ul li {font-size:12px; background-position:left 8px;} #careers .support h4 {font-size:13px; background:url('../images/bg/bg_contact_h4_m.gif') left 1px no-repeat; padding:0 0 0 20px; margin:20px 0 10px;} #careers .support .noti {margin:10px 0 20px 0;} #careers .support .noti ul li {font-size:12px; background-position:4px 9px;} #careers .support .noti ul li span {font-size:12px;} #careers .support .hTxt {font-size:13px;} #careers .support .hTxt strong {font-size:13px;} #careers .support .hTxt span {font-size:13px;} /* customer */ #customer h4 {font-size:13px; background:url('../images/bg/bg_contact_h4_m.gif') left 1px no-repeat; padding:0 0 0 20px; margin:20px 0 10px;} /* sitemap */ #sitemap .sitemenu {float:none; margin:0 auto 20px;} #sitemap .sitemenu.mno {margin:0 auto 20px;} #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;} /* guide */ #guideBox {height:300px; padding:15px;} #guideBox strong {font-size:12px;} #guideBox p {font-size:12px;} #guideBox ul li {font-size:12px;} #contractorsWrap {padding:0 10px 30px;} #contractorsHead span {font-size:20px;} #contractorsHead p.btn {top:28px;} #contractorsTabs ul li a {padding:0 10px;} #contractorsTabs ul li a span {font-size:13px;} #contractorsWrap .ty01 {padding:20px 10px 0;} #contractorsWrap .ty01 .tit {font-size:13px;} #contractorsWrap .ty01 .txt {padding:13px 0 18px;} #contractorsWrap .ty01 .txt span {display:inline; font-size:12px;} #contractorsWrap .ty01 .txt span strong {font-size:12px;} #contractorsWrap .ty01 .txt span u {font-size:12px;} #contractorsWrap .ty01 ul li {font-size:12px;} #contractorsWrap .ty01 ul li strong {font-size:12px;} #contractorsWrap .ty01 ul li span {font-size:12px;} #contractorsWrap .ty01 ul li a {font-size:12px;} #contractorsWrap .appbtn {width:180px; height:38px; margin:20px auto 0; font-size:13px;} #contractorsWrap .appbtn a {line-height:38px;} #contractorsWrap .ty02 {padding:20px 0 0;} #contractorsWrap .ty02 .tit {font-size:13px;} #contractorsWrap .ty02 ul li p {font-size:12px;} #contractorsWrap .ty02 ul li {width:122px; margin:0 0 10px 0;} #contractorsWrap .ty02 ul.web {display:none;} #contractorsWrap .ty02 ul.mobile {display:block;} #contractorsWrap .ty02 .alert {font-size:13px; padding:20px 0 5px;} #contractorsWrap .ty02 .txt {font-size:12px;} /* common */ .platformTabs {margin:0 0 5px 0;} .platformTabs ul li a {height:48px; background:url('../images/bg/bg_platformTabs_off_m.gif') 5px 5px no-repeat;} .platformTabs ul li a p {left:5px; bottom:5px; font-size:12px;} .platformTabs ul li.on a {background:url('../images/bg/bg_platformTabs_on_m.gif') 5px 5px #cc0000 no-repeat;} .platformTabs.mbn {margin:0 0 20px 0;} .depthTabs ul li a {font-size:13px; padding:0 10px 5px 0; margin:0 8px 0 0; background-position:right 2px;} /* btn area */ .btnArea {margin:0 0 20px 0;} .btnArea.mtn {margin:20px 0 0 0;} /* paging */ .allPageMoving1 a {width:23px; height:23px; line-height:23px;} .allPageMoving1 a img {width:25px; height:25px;} .allPageMoving1 strong {width:25px; height:25px; line-height:25px;} .allPageMoving1 a.pre{border:0; width:25px; height:25px; line-height:25px;} .allPageMoving1 a.next{border:0; width:25px; height:25px; line-height:25px;} .allPageMoving1 a.n{border:0; width:25px; height:25px; line-height:25px;} .allPageMoving1 a.bn {border:0; padding:0 2px; margin:0; width:25px; height:25px; line-height:25px;} /* agree */ .agreeBox {padding:10px;} .agreeBox p {font-size:12px;} .agreeBox ul li {font-size:12px;} .agreeChk {text-align:left;} .agreeChk label {font-size:12px; line-height:1.2;} /* table */ .writeTable th p {font-size:12px; padding:0 0 0 10px;} .writeTable th p span {font-size:12px;} .writeTable td {font-size:12px; padding:5px 0 5px 10px;} .noticeDiv ul li {height:204px;} .noticeDiv ul li a .conf {padding:15px 0 0 0;} .noticeDiv ul li a .conf .tit {font-size:14px;} .noticeDiv ul li a .conf .txt {font-size:12px;} .noticeDiv ul li a .conf .day {font-size:12px;} .noticeDiv ul li a .conf .day span {font-size:12px;} .noticeDiv ul li a .hover {height:201px;} .listType th {font-size:11px;} .listType td {font-size:11px;} .listType td.left {padding:13px 5px 12px 10px;} .listType td span.red {font-size:12px;} .tNone {display:none;} .viewHead .subject {font-size:13px; padding:10px 15px 10px 15px;} .viewHead .subject .day {position:relative; left:0; top:0; font-size:12px; margin:15px 0 0 0;} .viewHead .subject .day span {font-size:12px;} .viewHead .file {text-align:left; padding:10px 15px 10px 16px;} .viewHead .file span {font-size:12px;} .viewHead .file a {font-size:12px;} .viewContent {padding:15px; font-size:12px;} .viewTable {display:none;} .viewTableM {display:table;} .preNext th {font-size:12px;} .preNext th span {font-size:12px; padding:0 25px 0 15px;} .preNext .tw {width:30%;} .preNext td {font-size:12px;} .preNext td a {font-size:12px;} .recruitTable th p {font-size:13px; padding:0 0 0 12px;} .recruitTable th p span {display:block; font-size:13px;} .recruitTable td {padding:14px 0 12px 12px; font-size:12px;} .recruitTable td ul li {font-size:12px; background-position:left 6px;} .recruitTable td ul li strong {font-size:12px;} .thWide {width:25%;} .tw18 {width:18%;} .tw20 {width:20%;} .tw27 {width:27%;} /* pta */ .pta li label {font-size:12px; line-height:23px;} /* btn */ .wBtn {width:90px; height:34px;} .wBtn span {font-size:13px; line-height:33px;} .cBtn {width:90px; height:34px;} .cBtn span {font-size:13px; line-height:33px;} .gBtn {height:34px; padding:0 20px;} .gBtn span {font-size:13px; line-height:33px;} .applicationBtn {width:120px; height:36px; line-height:36px; font-size:14px;} /* search selection */ .selection {width:auto;} .selection ul {width:235px; margin:0 auto;} .selection ul li .stype {width:120px; height:28px; font-size:12px; line-height:30px;} 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;} span.fullSelectBox {width:140px; 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;} .fullSelectBoxInner {font-size:12px;line-height:30px; padding:0 0 0 5px;} .faqList ul li .question .blet {width:50px; font-size:15px;} .faqList ul li .question .title {font-size:13px; margin:0 20px 0 50px;} .faqList ul li .arrow {right:20px;} .faqanswer .faqbox .blet {width:50px; font-size:15px;} .faqanswer .faqbox .text {font-size:12px; margin:0 20px 0 50px;} } /**************** media query ****************/ /*** media query 460px ***/ @media all and (max-width:460px){ #platform .contentType02 .infoBox .section .lBox {display:block; float:none; margin:0 0 10px 0;} #platform .contentType02 .infoBox .section .lBox.last {margin:0;} #platform .contentType02 .infoBox .section .rBox {display:block; float:none; margin:0 0 10px 0;} #platform .contentType02 .infoBox .section .rBox .tit span {display:inline;} #platform .contentType02 .infoBox .section .rBox.last {margin:0 0 10px 0;} #platform .contentType02 .infoBox .section .rBox.dplast {margin:0 0 10px 0;} #platform .contentType02 .infoBox .section .rBox.dpblock {padding:0; margin:0;} .w107 {width:62px;} .w455 {width:90%;} .w75c {width:38px;} .wSelectBoxInner {padding:0 30px 0 10px;} } /**************** media query ****************/ /*** media query 430px ***/ @media all and (max-width:430px){ #platform .contentType04 .performance ul {margin:0;} #platform .contentType04 .performance ul li {float:none; width:100%;} } /**************** media query ****************/ /*** media query 400px ***/ @media all and (max-width:400px){ #history ul li .time span {display:block; padding:2px 0 0 0;} #history ul li .data {margin:45px 0 0 80px;} #contact .contactInfo .infoWrap:nth-child(1) {background:url(none);} #contact .contactInfo .infoWrap:nth-child(2) {background:url(none);} #contact .contactInfo .infoWrap:nth-child(3) {background:url(none);} #technology .affiliates .section .banner img {width:100%;} } /**************** media query ****************/ /*** media query 340px ***/ @media all and (max-width:340px){ #history ul li .time span u {display:block; padding:2px 0 0 0;} #history ul li .data.tym {margin:60px 0 0 80px;} }