/*technology*/
.sub_business_ctWrap{background-image:url(../Images/Business/businessBg.jpg); background-repeat:no-repeat; background-attachment:fixed; width:1920px; height:1113px; position:relative;}
.header{width:0%; height:954px; background:#222; float:left;}
.header .headerBg{width:200px; height:954px; background:#222;}
 .logo{opacity:0.9; padding:80px 0;}
 .nav .inner > ul.navMenu{position:relative; z-index:200;}
 .nav .inner > ul.navMenu > li{width:200px; height:60px;  margin-top:0px; text-align:center; color:#fff; position:relative;}
 .nav .inner > ul.navMenu > li:nth-child(1){margin-top:80px;}
 .nav .inner > ul.navMenu > li a{line-height:60px; font-weight:500;}
 .nav .inner > ul.navMenu > li:hover > .navBg{width:200px; height:; background:#fff; left:200px; top:0; position:absolute;}
 .nav .inner > ul > li.mobile{display:none;}
 .gnb .inner > ul > li{width:200px; margin-top:20px; text-align:center; color:#fff;}
 .gnb .inner > ul > li:nth-child(1){margin-top:150px;}
 .nav .inner > ul.navMenu li:hover{background:#fff;}
 .nav .inner > ul.navMenu li:hover a{color:#000;}
 .nav .inner > ul.navMenu > li > ul.navSub{width:240px; height:; background:#fff; display:none;}
 .nav .inner > ul.navMenu > li:hover > ul.navSub{display:block; position:absolute; width:240px; left:200px; top:0px; }
 .nav .inner > ul.navMenu > li:hover > ul.navSub > li{width:200px; border-bottom:1px solid #000; text-align:left; margin-left:20px;}
 .nav .inner > ul.navMenu > li:hover > ul.navSub > li:last-child{border-bottom:0px solid #000;}
 .nav .inner > ul.navMenu > li:hover > ul.navSub a{color:#000;}
 .quick{overflow:hidden; }
 .quick .inner01 > ul{width:200px; text-align:center; margin:20px;}
 .quick .inner01 > ul > li{float:left; margin:6px;}
.contWrap{width:1920px; height:954px; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.contTit{color:#fff; margin-left:300px; position: absolute; margin-right:20%;}
.contTit .menuList{margin-top:100px; }
.contTit h1{margin-top:120px;font-weight:bold; font-size:2.500em;}
.contents{width:1000px; height:954px;  color:#fff;  position: absolute; margin-left:200px;}
.contents .contTxt01{width:500px;  margin:350px auto 0;}
.contents .contTxt02{width:750px;  margin:350px auto 0;}
.contents .contTxt03{width:600px;  margin:350px auto 0;}
.contents .contTxt04{width:900px; height:600px; margin:350px auto 0;}
.contents .contTxt05{width:650px; height:600px; margin:350px auto 0;}
.capacity{position:absolute;}
.capacity > ul > li{float:left;}
.capacity > ul > li > img{margin:20px 0;}
.capacityBox{width:395px; height:310px; border-radius:5px; border:1px solid #fff; background:rgba(0,0,0,0.3); margin:20px;}
.capacityBox > p{margin:10px }
p.kiosk{margin-top:350px;}
.contents .contTxt01 h2{font-weight:bold; font-size:1.125em;}
.contents .contTxt01 span{font-weight:bold; font-size:1.125em;}
.contents .contTxt03 h2{font-weight:bold; font-size:1.125em;}
.contents .contTxt03 span{font-weight:bold; font-size:1.125em;}
.contents .contTxt02 h2{font-weight:bold; font-size:1.125em;}
.contents .contTxt02 span{font-weight:bold; font-size:1.125em;}
.contents .contTxt04 h2{font-weight:bold; font-size:1.125em;}
.contents .contTxt04 p > span{font-weight:bold; font-size:1.125em; width:880px; /*text-align:center;*/ position:absolute;}
.contents .contTxt04 p > span.business{font-weight:bold; font-size:1.125em; width:880px; position:absolute;}
footer{color:#fff; font-size:0.875em;margin-left:200px; height:159px; padding-top:0;position:absolute;}
footer p:nth-child(1){margin-top:30px; margin-bottom:0px; position:relative;}
/*entertainment*/
li.capacity02 > img{margin-left:20px; position:absolute;}
/*dsmanagement*/
.sub_business_smWrap{background-image:url(../Images/Business/smBg.jpg); background-repeat:no-repeat; background-attachment:fixed; width:1920px; height:1113px; position:relative;}
/*system*/
.smIcon{margin:20px 0;}
.smIcon > ul{width:900px; height:110px;}
.smIcon > ul > li{float:left; text-align:center;}
.smIcon > ul > li > p{font-size:0.750em;}
.smIcon > ul > li > img{margin:10px 0;}
/*dsintegration*/
.sub_business_siWrap{background-image:url(../Images/Business/siBg.jpg); background-repeat:no-repeat; background-attachment:fixed; width:1920px; height:1113px; position:relative;}
/*solution*/
.solutionWrap{width:620px; height:600px; position:relative; overflow-y:scroll; overflow-x:hidden;}
.solution{position:absolute;width:650px; height:600px; margin-top:20px; }
.solution > ul{float:left; margin-top:-25px;}
.solution > ul > li{width:285px; height:285px; border-radius:10px; border:3px solid #fff; margin:15px 15px 0 0;}
.solution > ul > li:last-child{margin:15px 0 0 0;}
.solution span.tit{width:285px; height:40px;text-align:center; position:absolute; font-size:1.750em; margin-top:20px;}
.solution span.titA{width:285px; height:40px;text-align:center; position:absolute; font-size:1.750em; margin-top:0px;}
.solution span.tit01{width:285px; height:40px; text-align:center;position:absolute; margin-top:35px;}
hr{margin:55px 0 0 120px;}
.solution p.tit02{margin:20px;}
.solution p.tit03{margin:10px 0 0 10px;}

.solution02{width:590px; height:600px; border-radius:10px; border:3px solid #fff; position:absolute;margin-top:640px;}
.solution02 span.tit04{width:590px; height:40px;text-align:center; position:absolute; font-size:1.750em; margin-top:20px;}
.solution02 span.tit05{width:590px; height:40px; text-align:center;position:absolute; margin-top:35px;}
hr{margin:55px 0 0 120px;}
.solution02 p.tit06{margin:10px 0 0 10px;}
/*solution hover*/
span.solution_ov{display:block; position:absolute; width:285px; height:285px; background:rgba(255,255,255,0.8);color:#000; opacity:0; transition:all 0.3s linear; border-radius:5px; margin-top:-265px;}
span.solution_ov > div > ul{float:left;}
span.solution_ov > div > ul.solutionIcon > li{margin:10px;}
span.solution_ov > div > ul.solutionTxt > li{margin:10px;}
span.solution_ov > div{margin:100px 0 0 20px;}
.solution > ul > li:hover span.solution_ov{opacity:1;} 
span.solution_ov01{display:block; position:absolute; width:285px; height:285px; background:rgba(255,255,255,0.8);color:#000; opacity:0; transition:all 0.3s linear; border-radius:5px; margin-top:-277px;}
span.solution_ov01 > div > ul{float:left; }
span.solution_ov01 > div > ul.solutionIcon > li{margin:10px 5px;}
span.solution_ov01 > div > ul.solutionTxt > li{margin:10px;}
span.solution_ov01 > div{margin:100px 0 0 20px;}
.solution > ul > li:hover span.solution_ov01{opacity:1;} 
span.solution_ov02{display:block; position:absolute; width:285px; height:285px; background:rgba(255,255,255,0.8);color:#000; opacity:0; transition:all 0.3s linear; border-radius:5px; margin-top:-286px;}
span.solution_ov02 > div > ul{float:left; }
span.solution_ov02 > div > ul.solutionIcon > li{margin:10px;}
span.solution_ov02 > div > ul.solutionTxt > li{margin:10px;}
span.solution_ov02 > div{margin:100px 0 0 20px;}
.solution > ul > li:hover span.solution_ov02{opacity:1;} 
/*solution02*/
hr.line02{margin-left:270px;}
span.tit06{margin-left:40px; position:absolute;}
/*product*/
.productMenu{width:600px; margin:-50px 0 45px 45px; position:absolute; z-index:400; }
.productMenu > ul > li{width:160px; height:30px; border:1px solid #fff; float:left; margin-right:10px; text-align:center;}
.productMenu > ul > li.on{background:#fff; color:#000;}
.productMenu > ul > li > a{line-height:30px; font-weight:bold;}
.productTxt{margin-top:60px; position:absolute;}

.systemBox{width:600px; margin-top:200px; position:absolute;}
.systemBox .hard{width:290px; height:380px; background:rgba(255,255,255,0.8); color:#000; border-radius:10px; float:left;}
.systemBox .hard:nth-child(1){margin-right:15px;}
.systemBox .hard > p{width:290px; margin:70px 0 0 13px; font-size:1.000em; }
.systemBox .hard > span{width:290px; margin:20px 0 40px 100px; position:absolute; font-weight:bold; font-size:1.313em;}

.productWrap{width:630px; height:600px; position:relative; overflow-y:scroll; overflow-x:hidden;}
.product02{margin-top:650px; position:absolute;}
.product02 > product02Txt{margin-top:100px;}
.kioskFBox{margin-top:20px; }
.kioskFBox > ul{float:left;}
.kioskFBox > ul >li{margin:10px 10px 0 0;}
.kioskFBox > ul >li:last-child{margin-right:0;}
.kioskFBox .kioskF{width:290px; height:185px; border:2px solid #fff; border-radius:10px;}
.kioskFBox .kioskF > span{font-size:1.500em; margin:75px 0 0 0; position:absolute; width:290px; text-align: center;}
.kioskFBox .kioskF > span.kioskF_ov{color:#000; font-size:0.813em; opacity:0; text-align:left; background:rgba(255,255,255,.8); width:290px; height:185px; border-radius:5px; margin-top:0px;}
p.kioskF_txt > img{float:left; margin:15px; position:absolute;}
p.kioskF_txt > span.kioskTxt01{float:left; margin:20px 0 0 110px; position:absolute; font-size:1.000em;}
.kioskFBox > ul >li:hover .kioskF_ov{opacity:1;}

.kioskFBox .boardF{width:290px; height:185px; border:2px solid #fff; border-radius:10px;}
p.boardF_txt > img{margin:10px 0 0 95px;}
p.boardF_txt > p{font-size:0.750em;}
.product03{margin-top:1150px;}
/*productPos*/
.posBox .pos{width:195px; height:255px; background:#fff; border-radius:10px; margin:60px 10px 0 0px; float:left; color:#000;}
.posBox02 .pos{width:195px; height:255px; background:#fff; border-radius:10px; margin:20px 10px 0 0px; float:left; color:#000;}
.pos > span{font-weight:bold; font-size:1.250em; text-align:center; position:absolute; margin-top:180px; width:195px; }
.pos > img{margin:30px 0 0 5px;}
span.pos_ov{display:block; position:absolute; width:193px; height:253px; background:rgba(0,0,0,0.85); color:#fff; opacity:0; transition:all 0.3s linear; border-radius:10px; border:2px solid #fff; margin-top:-160px;}
span.pos_ov > p{float:left; margin:30px 0 0 15px; font-size:0.688em; font-weight:100; text-align:left;}
.pos:hover span.pos_ov{opacity:1;}
/*productWire*/
.posBox01{margin-top:60px; position:absolute; color:#000;}
.posWire{width:600px; height:250px; background:#fff; border-radius:10px; margin:0px 0 15px 0;}
.posWire .pos01{float:left;}
.posWire .pos02{float:left;}
.pos01 > span{font-weight:bold; font-size:1.250em; text-align:center; position:absolute; margin-top:180px; width:195px; margin-left:20px;}
.pos01 > img{margin:30px 0 0 35px;}
.pos02 > p{margin:20px 0 0 40px; }
span.pos250_ov{display:block; position:absolute; width:598px; height:248px; background:rgba(0,0,0,0.85); color:#fff; opacity:0; transition:all 0.3s linear; border-radius:10px; border:2px solid #fff;}
span.pos250_ov > p{float:left; margin:30px 0 0 30px; font-size:0.813em;}
.posWire:hover span.pos250_ov{opacity:1;}
/*----------[DREAM] smileCampaign css-------------*/
.sub_dreamScWrap{background-image:url(../Images/Dream/dreamBg.jpg); background-repeat:no-repeat; background-attachment:fixed; width:1920px; height:1113px; position:relative;}
.campaign > ul{float:left;}
.campaign > ul > li{width:290px; height:185px; border-radius:10px; border:3px solid #fff; margin:15px 15px 0 0;}
.campaign > ul > li > p{margin:30px 0 0 20px;}
span.campaignTxt{width:290px; text-align:center; position:absolute; margin-left:-20px;}
/*----------[STORY] career css-------------*/
.sub_storyWrap{background-image:url(../Images/Story/storyBg.jpg); background-repeat:no-repeat; background-attachment:fixed; width:1920px; height:1113px; position:relative;}
.careerList > ul > li{float:left; width:200px; height:275px; background:#dfdfdf; margin:15px 20px 0 0;}
.careerList > ul > li > a > p{color:#000; margin:25px 0 0 0px; font-weight:800; text-align:center;}
.careerList > ul > li:last-child{margin:15px 0 0 0;}
span.career_ov{display:block; position: absolute; width:196px; height:183px; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.3s linear; border:2px solid #fff; margin-top:-253px;}
span.career_ov > a > img{margin:75px 0 0 80px;}
.careerList > ul > li:hover > span.career_ov{opacity:1;}
.keyword{width:860px; position:absolute; margin-top:-20px;}
.keyword p{font-size:0.938em;}
.keyword img{margin:50px 0 50px 250px;}
.keyword .challenge{text-align:center; margin-top:-230px;}
.keyword .creative{text-align:right; margin-top:20px; margin-right:20px;float:left; position:absolute;}
.keyword .passion{text-align:left; margin-top:30px; margin-right:-20px;float:right;}
.keyword .innovation{text-align:                    ; margin-top:25px; margin-left:500px; float:right;}
.keyword .share{text-align:right; margin-top:35px;margin-left:-20px; float:left;}
.career{margin-top:170px; font-weight:bold; font-size:1.125em;}
/*----------[STORY] news css-------------*/
.newsList ul > li{float:left; width:200px; height:200px; background:#efefef; color:#000; font-weight:800; margin:20px 20px 0 0;}
.newsList ul > li:last-child{margin:20px 0 0 0;}
.newsList ul > li > a > p{width:190px; height:63px; margin:10px 0 0 10px;}
.add{width:860px; text-align:center; margin-top:310px; position:absolute;}
span.news_ov{display:block; position:absolute; width:196px; height:196px; background:rgba(0,0,0,0.7); border:2px solid #fff; transition:all 0.3s linear;  opacity:0; color:#fff; font-size:2.500em; margin-top:-195px;}
span.news_ov > a > p{margin:70px 0 0 90px; font-weight:0;}
.newsList > ul > li:hover > span.news_ov{opacity:1;}