@charset "utf-8";

/* layout */
html,body {height:100% }
#warp { width:100%; /*padding-bottom:80px;*/ }
.vsBg { background:url(../img/vs_bg.jpg) no-repeat center top; }

/* Head */
#head {width:100%; z-index:20;}
.headWrap { width:1355px; margin:0 auto; height:100px; }
.headWrap img { width: 100%; }
.headWrap h1 { float:left; padding-top:20px; }
.headTop { float:right; position:relative; text-align:right; padding-top:30px; }
.headTop ul { float:right; }
.headTop ul li { float:left; }
.headTop ul li:last-child { margin-right:0; }
.gnbWrap { width: 1356px; border-top-style:solid; border-top-width:15px; }
.gnb { margin:0 auto; height:110px; display:table; width:1000px; padding:0 0; }
.gnb li { width:210px; display:table-cell; height:100px; }
.gnb li a { width:293px; height:70px; padding:28px 0 0 46px; display:block; }
.gnb li a.sub1 { background:#374654; }
.gnb li a.sub2 { background:#94b75e; }
.gnb li a.sub3 { background:#622a80; }
.gnb li a.sub4 { background:#feb356; }
.gnb li a.sub5 { background:#00b9b3; }
.gnb li .dapth2 { height:30px; padding-left:20px; overflow:hidden; line-height:35px; }
.gnb li .dapth2.on1 { background:#171d20; }
.gnb li .dapth2.on2 { background:#596d37; }
.gnb li .dapth2.on3 { background:#331844; }
.gnb li .dapth2.on4 { background:#a37030; }
.gnb li .dapth2.on5 { background:#307472; }
.sub1 { border-color:#374654; margin: 0 auto;}
.sub2 { border-color:#94b75e; margin: 0 auto;}
.sub3 { border-color:#622a80; margin: 0 auto;}
.sub4 { border-color:#feb356; margin: 0 auto;}
.sub5 { border-color:#00b9b3; margin: 0 auto;}

/* main */
.mainWrap {height:100%; text-align:center; display:table-cell; vertical-align:middle; }
.mainWrap img { margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; }

/* sub */
#subWrap { width:100%; }
.prevWrap { position:absolute; left:150px; height: 530px; top:0px; }
.nextWrap { position:absolute; right:150px; height: 530px; top:0px; }
.prevWrap a, .nextWrap a { height:466px; display:block; }
.prevWrap img, .nextWrap img { margin-top:210px; cursor: pointer; }
.contentWrap { text-align:center; position:relative; margin:0 auto; height:610px;}
.bottomBtn { overflow:hidden; text-align:center; margin:0 auto 0 auto; clear:both; padding-top:20px; }
.bottomBtn img { display:inline-block; margin-right:5px; }

.contentWrap02 { width:1355px; margin:0 auto; overflow:hidden; position:relative; }

.vsMain { width:802px; margin:150px auto 0 auto; }
.vsMain li { float:left; margin-right:20px; line-height:0; margin-bottom:20px; }

.vsContent { width:1300px; height:625px; margin:0 auto; overflow:hidden; }
.vsContent .leftWrap { width:590px; float:left; position:relative; top:35px; }
.vsContent .leftWrap .line1 { position:absolute; top:162px; left:0; width:392px; height:100px; margin-top:40px; width:600px;}
.vsContent .leftWrap .line1 span.text1 { font:normal 15px "Open Sans"; color:#d6d6d6; display:block; word-break: keep-all; letter-spacing: normal; line-height: normal; text-align: left; }
.vsContent .leftWrap .line1 span.text2 { font:normal 15px "Open Sans"; color:#d6d6d6; display:block; word-break: keep-all; letter-spacing: normal; line-height: normal; text-align: left; margin-top:10px; }
.vsContent .leftWrap .line2 { width:400px; position:absolute; top:270px; left:0; display:table; }
.vsContent .leftWrap .line2 li { display:table-cell; }
.vsContent .leftWrap .line2 li div { width:110px; height:64px; padding:8px 8px; color:#fff; font:normal 14px/16px "Open Sans"; letter-spacing:-0.5px; vertical-align:top; margin-bottom:10px; }
.vsContent .leftWrap .line2 li div.org { background-color:rgba(246,163,28, 0.8); }
.vsContent .leftWrap .line2 li div.green { background-color:rgba(0,170,163, 0.8); }
.vsContent .leftWrap .line2 li div.purple { background-color:rgba(32,26,86, 0.8); }
.vsContent .leftWrap .line2 li span { font:normal 9px/11px "Open Sans"; color:#c0c0c0; display:block; letter-spacing:-0.5px; display:block; width:128px; word-break: keep-all; overflow:hidden; }
.vsContent .leftWrap .tabDn { position:absolute; right:0; top:0; margin-right: -190px; }
.vsContent .rightWrap { width:505px; height:500px; float:right; position:relative; top:35px; }
.vsContent.content1 { background:url(../img/vertical_solutions/vs_commercial_content.png) no-repeat left 35px; background-size: 1351px 600px; }
.vsContent.content2 { background:url(../img/vertical_solutions/vs_education_content.png) no-repeat left 35px; background-size: 1300px; }
.vsContent.content3 { background:url(../img/vertical_solutions/vs_banking_content.png) no-repeat left 35px; background-size: 1300px; }
.vsContent.content4 { background:url(../img/vertical_solutions/vs_manufacturing_content.png) no-repeat left 35px; background-size: 1300px; }
.vsContent.content5 { background:url(../img/vertical_solutions/vs_healthcare_content.png) no-repeat left 35px; background-size: 1313px; }
.vsContent.content6 { background:url(../img/vertical_solutions/vs_transportation_content.png) no-repeat left 35px; background-size: 1300px; }
.vsContent.content7 { background:url(../img/vertical_solutions/vs_retail_content.png) no-repeat left 35px; background-size: 1300px; }

.tabWrap li { width:30px; height:42px; }
.tabWrap li a { display:block; width:30px; height:42px; text-indent:9999px; }
.tabWrap li.btnA { background:url(../img/vertical_solutions/tab_a.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnB { background:url(../img/vertical_solutions/tab_b.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnC { background:url(../img/vertical_solutions/tab_c.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnD { background:url(../img/vertical_solutions/tab_d.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnE { background:url(../img/vertical_solutions/tab_e.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnF { background:url(../img/vertical_solutions/tab_f.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnG { background:url(../img/vertical_solutions/tab_g.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnH { background:url(../img/vertical_solutions/tab_h.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnI { background:url(../img/vertical_solutions/tab_i.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnJ { background:url(../img/vertical_solutions/tab_j.png) no-repeat 0 0; opacity: 0.7; }
.tabWrap li.btnA:hover, .tabWrap li.btnB:hover, .tabWrap li.btnC:hover, .tabWrap li.btnD:hover, .tabWrap li.btnE:hover, .tabWrap li.btnF:hover, .tabWrap li.btnG:hover, .tabWrap li.btnH:hover, .tabWrap li.btnI:hover, .tabWrap li.btnJ:hover { opacity: 1.0; }
.tabWrap li.btnA.on, .tabWrap li.btnB.on, .tabWrap li.btnC.on, .tabWrap li.btnD.on, .tabWrap li.btnE.on, .tabWrap li.btnF.on, .tabWrap li.btnG.on, .tabWrap li.btnH.on, .tabWrap li.btnI.on, .tabWrap li.btnJ.on { background-position: 0 -42px; opacity: 1.0; }

.content1 .po1 { position:absolute; left:125px; top:168px; }
.content1 .po2 { position:absolute; right:159px; top:127px; }
.content1 .po3 { position:absolute; left:270px; top:170px; }
.content1 .po4 { position:absolute; left:244px; top:275px; }
.content1 .po5 { position:absolute; left:270px; bottom:119px; }
.content1 .po6 { position:absolute; left:175px; top:278px; }
.content1 .po7 { position:absolute; left:179px; bottom:101px; }
.content1 .po8 { position:absolute; left:224px; bottom:-18px; }
.content1 .po9 { position:absolute; left:119px; bottom:6px; }

.content2 .po1 { position:absolute; left:215px; top:218px; }
.content2 .po2 { position:absolute; left:245px; top:205px; }
.content2 .po3 { position:absolute; right:123px; top:183px; }
.content2 .po4 { position:absolute; left:200px; top:130px; }
.content2 .po5 { position:absolute; left:29px; top:156px; }
.content2 .po6 { position:absolute; left:245px; top:103px; }
.content2 .po7 { position:absolute; left:170px; top:95px; }
.content2 .po8 { position:absolute; left:155px; top:250px; }
.content2 .po9 { position:absolute; right:43px; top:140px; }
.content2 .po10 { position:absolute; left:112px; top:215px; }

.content3 .po1 { position:absolute; left:232px; top:73px; }
.content3 .po2 { position:absolute; left:200px; top:155px; }
.content3 .po3 { position:absolute; right:50px; top:195px; }
.content3 .po4 { position:absolute; left:265px; top:190px; }
.content3 .po5 { position:absolute; left:153px; top:172px; }
.content3 .po6 { position:absolute; left:56px; top:172px; }
.content3 .po7 { position:absolute; left:125px; top:140px; }
.content3 .po8 { position:absolute; left:187px; top:95px; }
.content3 .po9 { position:absolute; right:185px; top:140px; }

.content4 .po1 { position:absolute; left:138px; top:93px; }
.content4 .po2 { position:absolute; left:240px; top:126px; }
.content4 .po3 { position:absolute; right:218px; top:30px; }
.content4 .po4 { position:absolute; left:166px; top:72px; }
.content4 .po5 { position:absolute; right:59px; top:115px; }
.content4 .po6 { position:absolute; right:72px; top:185px; }
.content4 .po7 { position:absolute; right:141px; top:195px; }
.content4 .po8 { position:absolute; left:75px; top:96px; }
.content4 .po9 { position:absolute; left:183px; top:153px; }

.content5 .po1 { position:absolute; right:183px; top:16px; }
.content5 .po2 { position:absolute; left:189px; top:142px; }
.content5 .po3 { position:absolute; right:142px; top:162px; }
.content5 .po4 { position:absolute; left:298px; top:303px; }
.content5 .po5 { position:absolute; left:277px; bottom:59px; }
.content5 .po6 { position:absolute; left:238px; bottom:8px; }
.content5 .po7 { position:absolute; right:136px; bottom:4px; }
.content5 .po8 { position:absolute; left:176px; bottom:-14px; }
.content5 .po9 { position:absolute; left:130px; bottom:22px; }

.content6 .po1 { position:absolute; right:80px; top:227px; }
.content6 .po2 { position:absolute; right:176px; top:238px; }
.content6 .po3 { position:absolute; right:110px; top:297px; }
.content6 .po4 { position:absolute; right:196px; top:160px; }
.content6 .po5 { position:absolute; left:257px; top:189px; }
.content6 .po6 { position:absolute; left:130px; top:178px; }
.content6 .po7 { position:absolute; left:143px; top:223px; }
.content6 .po8 { position:absolute; right:64px; top:287px; }
.content6 .po9 { position:absolute; left:265px; top:265px; }
.content6 .po10 { position:absolute; left:292px; top:345px; }

.content7 .po1 { position:absolute; right:32px; top:249px; }
.content7 .po2 { position:absolute; left:213px; top:204px; }
.content7 .po3 { position:absolute; right:157px; top:220px; }
.content7 .po4 { position:absolute; right:172px; top:304px; }
.content7 .po5 { position:absolute; right:121px; top:237px; }
.content7 .po6 { position:absolute; right:79px; top:287px; }
.content7 .po7 { position:absolute; left:259px; top:107px; }
.content7 .po8 { position:absolute; left:173px; top:248px; }
.content7 .po9 { position:absolute; left:270px; top:213px; }

.click { position:absolute; top:0; right:0; }

.caseMain { margin:45px auto 0 45px;}
.caseMain a img { padding:0 0; }

.caseContent { width:1355px; height:610px; margin:0 auto 0 auto; overflow:hidden; }
.caseContent #tab01 img, .caseContent #tab02 img, .caseContent #tab03 img, .caseContent #tab04 img { width:92% !important; }

.caseTab { width:582px; margin:0 auto; }
.caseTab li { float:left; margin-right:10px; width:138px; height:59px; }
.caseTab li:last-child { margin-right:0; }
.caseTab li a { display:block; width:138px; height:59px; text-indent:-999999px; }
.caseTab li.btnA { background:url(../img/casestudy/caseStudies_tab01.png) no-repeat 0 -59px; }
.caseTab li.btnB { background:url(../img/casestudy/caseStudies_tab02.png) no-repeat 0 -59px; }
.caseTab li.btnC { background:url(../img/casestudy/caseStudies_tab03.png) no-repeat 0 -59px; }
.caseTab li.btnD { background:url(../img/casestudy/caseStudies_tab04.png) no-repeat 0 -59px; }
.caseTab li.btnA.on, .caseTab li.btnB.on, .caseTab li.btnC.on, .caseTab li.btnD.on { background-position: 0 0; }

.downloadbtn {
	margin: 17px 21px 0 -10px;
	position: absolute;
	text-align: right;
	width: 100%;
}

.m_right_15 {
	margin-right: 15px;
}
.p_right_31 {
	padding-right: 0;
}