@import url("common.css"); @import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css); #visual{background-color:#313131; opacity:0; } #visual h2{text-align:center; color:#fff; font-size:44px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:900; line-height:120%; padding:180px 0 120px; opacity:0; top:-20px; position:relative; } .subtop_automation{background:url('/img/subtop_automation.jpg') no-repeat center; } .subtop_bigdata{background:url('/img/subtop_bigdata.jpg') no-repeat center; } .subtop_rpa{background:url('/img/subtop_rpa.jpg') no-repeat center; } .subtop_about{background:url('/img/subtop_about.jpg') no-repeat center; } .subtop_other{background:url('/img/subtop_other.jpg') no-repeat center; } #contents { opacity:0; top:20px; position:relative; } .sticky-wrapper{position:Relative; z-index:9995; } .NavMenu{width:100%; position:Relative; background:#fff; z-index:99999;} .NavMenu::after{content:""; display:block;width:100%; height:1px; position:absolute; left:0; bottom:0; background:#ddd;} .NavMenu_in{width:1170px; margin:0 auto; } .NavMenu .box.dep1{display:none; } .NavMenu .box.dep2 .txt.title{display:none; } .NavMenu .box.dep2 .dlst{display:none;} .NavMenu .box.dep2 .lnb.pc ul{display:table; width:100%; table-layout:fixed; border-left:1px solid #ddd; position:relative; z-index:1;box-sizing:border-box; } .NavMenu .box.dep2 .lnb.pc li{display:table-cell; height:57px; line-height:57px; text-align:Center; } .NavMenu .box.dep2 .lnb.pc li a{display:block; width:100%; height:100%; line-height:inherit; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; position:Relative; border-right:1px solid #ddd; box-sizing:border-box; } .NavMenu .box.dep2 .lnb.pc li a.on{color:#f6841f; font-weight:700;} .NavMenu .box.dep2 .lnb.pc li a.on::after{position:Absolute; bottom:0; left:0; content:""; display:block; width:100%; height:3px; background:#f6841f; } .contentArea{width:1170px; margin:0 auto 140px; opacity:0; top:20px; position:relative; } .tit_area{overflow:hidden; clear:both; padding:58px 0 36px;} .tit_area h3{float:left; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:40px; font-weight:800; color:#313131; line-height:120%; } .tit_area h3 span{font-size:25px; font-weight:300; color:#313131; margin-left:10px;} .tit_area p{float:right; font-size:14px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; padding:17px 0 0;} .tit_area p a{ color:#666;font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif;} .tit_area p img{vertical-align:middle; margin:0 9px 2px 10px} .tit_area p a img{margin-right:0;} /*** 공통css ***/ .point_txt{font-weight:bold; color:#313131; letter-spacing:0;} .pointOrange{color:#ef7d17 !important; } strong{font-weight:500; color:#313131;} img{max-width:100%; } .cont_tit{font-size:32px; letter-spacing:0; font-weight:700; color:#313131; line-height:135%; padding:0 0 22px} .cont_stit{font-weight:300; font-size:19px; } .dep_tit{font-size:22px; font-weight:700; color:#313131; letter-spacing:0; background:url('/chn/rpa/img/dep_tit.gif') no-repeat left 9px; padding:0 0 18px 22px; line-height:135%; } div > .dep_tit{margin-top:60px;} .hr + div > .dep_tit{margin-top:0;} div:first-child > .dep_tit{margin-top:0; } .dep_stit{font-size:18px; font-weight:700; color:#313131; letter-spacing:0; background:url('/chn/rpa/img/dep_stit.gif') no-repeat left 8px; padding:0 0 14px 16px; line-height:120%; margin-top:40px;} .dep_tit + .dep_stit{margin-top:0;} .dep_tit .stxt, .dep_stit .stxt{font-size:12px; color:#888; margin-left:5px;font-weight:400;} .dep_tit .light{font-weight:300; margin:0 0 0 8px;} .dep_check{} .dep_check li, .dep_check dd{letter-spacing:0; background:url('/chn/rpa/img/dep_check.gif') no-repeat left 7px; padding:0 0 5px 20px;} .dep_check li:last-child, .dep_check dd:last-child{padding-bottom:0;} .dep_check.ver2 li, .dep_check.ver2 dd{background-image:url('/chn/bigdata/img/dep_check2.gif')} .txt{letter-spacing:0; } .txt h6{font-size:19px; font-weight:500; color:#313131; letter-spacing:0; padding:0 0 8px;} .remark{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; color:#888; padding:8px 0 0;} .remark a{font-weight:800; text-decoration:underline; color:#313131; font-family:inherit;} .img_tit{text-align:center; font-size:25px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; color:#313131; font-weight:300; text-decoration:underline; padding:0 0 42px } .img_tit strong{font-weight:800;} .hr{display:block; border:none; width:100%; height:1px; background:#ddd; margin:60px 0;} .grayBox{background:#f0f0f0; text-align:center; padding:50px;} .borderBox{border:1px solid #ddd; text-align:center; padding:50px;} .moreBtn{display:block; margin:40px auto 0; } .moreBtn.type2{width:260px;} .btnsBox{text-align:Center; color:#888; font-size:15px; letter-spacing:0; /*padding:38px 0 0;*/ margin-top:30px;} .btnsBox .moreBtn{margin:0 2px; display:inline-block;} .tabStyle{text-align:center; font-size:0;} .tabStyle li{width:16.6666%; font-size:16px; display:inline-block; box-sizing:border-box; overflow:hidden; } .tabStyle li a{display:block; letter-spacing:0; padding:17px 0; width:100%; height:100%; background:#f0f0f0;transition:all 0.3s ease-out;} .tabStyle li:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;} .tabStyle li:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;} .tabStyle li a.focus{background:#f6841f; color:#fff; } .tabStyle li a:hover{background:#f6841f; color:#fff; letter-spacing:1pt; transition:all 0.3s ease-out;} .tpad_10{padding-top:10px} .tpad_20{padding-top:20px} .tpad_35{padding-top:35px} .bpad_5{padding-bottom:5px} .bpad_10{padding-bottom:10px} .bpad_20{padding-bottom:20px} .bpad_25{padding-bottom:25px} .bpad_30{padding-bottom:30px} .bpad_40{padding-bottom:40px} .bpad_50{padding-bottom:50px} /*** S::준비중 ***/ .ready_cont{text-align:Center; padding:80px 0 50px;} .ready_cont dt{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:60px; font-weight:900; line-height:120%; color:#313131; } .ready_cont dt span{font-weight:900;} .ready_cont dd{letter-spacing:0; color:#888; text-decoration:underline; padding:18px 0 0;} /*** E::준비중 ***/ .btmcontact_txt{border-top:1px solid #ddd; margin:60px 0 0; padding:20px 0 0; text-align:right; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:15px; color:#888;} .btmcontact_txt a{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:15px; color:#888;} .btmcontact_txt strong{font-weight:700;} /* 이용약관, 개인정보취급방침 */ .policy_con{position:relative; overflow:hidden; letter-spacing:0; line-height:160%;} .cont_title{font-size:24px; color:#313131; padding-bottom:18px; letter-spacing:0; font-weight:600;} p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#313131 !important;} .cont_txt {padding:0px 0px 35px 0;} .cont_txt2 {padding-bottom:35px;} .cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; } .privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;} .privacy_list li {width:49%; float:left; padding-bottom:1%;} .privacy_list li a {font-weight:500;} /* 천명호추가(2016-07-20) */ .pay_add_tit {font-size: 11px; color: #555;} .pay_add_tit2 {font-size: 11px; color: #ee2d7a;} /*** S::Factory Automation_ Eiworks ***/ .ei_cont{} .ei_cont .txt{padding-bottom:20px;} .ei_cont .borderBox{padding-left:0; padding-right:0;} .ei_cont .grayBox{padding-left:0; padding-right:0;} .ei_cont .m_img{display:none;} .ei_cont .eiCont_in{} .eiCont_in .img_tit{font-size:19px; font-weight:700; padding-bottom:18px} .eiCont_in .borderBox{padding:30px 0;} .eiCont_in ul{overflow:hidden; clear:both; width:calc(100% + 10px); margin:10px -5px 0;} .eiCont_in li{margin:0 5px; width:calc(25% - 10px); float:left; box-sizing:border-box; height:304px;} .eiCont_in li .img_tit{font-size:18px; } .eiContCverview_in{overflow:hidden; clear:both;} .eiContCverview_in ul{float:left;position:Relative; margin:15px 0 0;} .eiContCverview_in ul::before{display:block; content:""; width:76px; height:100%; background:url('/chn/automation/img/eiCont_overview_dia01.gif') no-repeat center; position:Absolute; right:-76px;top:0;} .eiContCverview_in li{background:#393a3e; color:#fff; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; width:660px; padding:25px 0 25px 45px; border-radius:5px; margin:6px 0 7px; box-sizing:border-box; font-weight:600; position:Relative; } .eiContCverview_in li::before{content:""; display:block; width:8px; height:2px; background:#fff; position:absolute; left:25px; top:50%; margin-top:-1px; } .eiContCverview_in img{float:right; margin-right:55px;} .eiContCverview_in .arrow{display:none;} /*** E::Factory Automation_ Eiworks ***/ /*** S::Factory Automation_ MCSworks ***/ .mcs_cont{} .mcsCont_in {overflow:hidden; clear:Both; } /*.mcsCont_in > div{float:left; width:50%; }*/ .mcsCont_in > img{float:right; max-width:50%; margin:3% 0 0; display:none; } .mcsCont_function_in{overflow:hidden; clear:Both; width:calc(100% + 14px); margin:0 -7px;} .mcsCont_function_in dl{margin:0 7px 14px; float:left; width:calc(33.3333% - 14px); } .mcsCont_function_in dt{background:#7d7e81; font-weight:500; color:#fff; padding:15px 20px;} .mcsCont_function_in dt span{display:inline-block; width:25px; height:25px; text-align:Center; line-height:25px; background:#fff; border-radius:50%; font-size:13px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:800; color:#7d7e81; margin:0 8px 0 0;} .mcsCont_function_in dd {border:1px solid #ddd; border-top:none; padding:18px 20px; font-size:15px; letter-spacing:0; height:122px;} .mcsCont_function_in dd li{position:Relative; padding:0 0 5px 10px;} .mcsCont_function_in dd li::before{content:""; display:block; width:5px; height:2px; background:#909090; position:absolute; left:0; top:10px;} .mcsCont_function_in2{background:#f0f0f0; text-align:left; } .mcsCont_function_in2 li{min-height:25px; padding:0 0 10px 30px; position:Relative; letter-spacing:0; } .mcsCont_function_in2 li::before{content:"1"; display:block; width:25px; height:25px; text-align:Center; line-height:25px; background:#7d7e81; border-radius:50%; font-size:13px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:800; color:#fff; position:Absolute; left:0; top:0;} .mcsCont_function_in2 li:last-child{padding-bottom:0;} .mcsCont_function_in2 li strong{display:inline-block; letter-spacing:0; padding:0 8px 0 0;} .mcsCont_function_in2 li strong::after{display:inline-block; width:5px; height:2px; background:#898989; content:""; vertical-align:middle; margin:0 0 0 8px;} .mcsCont_function_in2 li:nth-child(1)::before{content:"1"; } .mcsCont_function_in2 li:nth-child(2)::before{content:"2"; } .mcsCont_function_in2 li:nth-child(3)::before{content:"3"; } .mcsCont_function_in2 li:nth-child(4)::before{content:"4"; } .mcsCont_function_in2 li:nth-child(5)::before{content:"5"; } .mcsCont_function_in2 li:nth-child(6)::before{content:"6"; } .mcsCont_function_in2 li:nth-child(7)::before{content:"7"; } .mcsCont_function_in2 li:nth-child(8)::before{content:"8"; } .mcsCont_function_in2 li:nth-child(9)::before{content:"9"; } .mcsCont_function_in2 li:nth-child(10)::before{content:"10"; } /*** E::Factory Automation_ MCSworks ***/ /*** S::Factory Automation_ Inlineworks ***/ .inline_cont{} .inline_cont .pc_img{display:block; max-width:100%; margin:0 auto;} .inline_cont .m_img{display:none; max-width:100%;} .inlineCont_in{position:Relative; } .inlineCont_in img{position:absolute; right:0; bottom:0; z-index:-1;} .inlineCont_benefit dl{overflow:hidden; clear:both; } .inlineCont_benefit dd{float:left; width:48%; } .inlineCont_benefit dd:last-child{margin-left:4%;} .inlineCont_benefit dd .dep_stit{margin:0;} /*** E::Factory Automation_ Inlineworks ***/ /*** S::Factory Automation_ ISWT / ISW ***/ .isw_cont{} .isw_cont dl{overflow:hidden; clear:both; width:calc(100% + 24px); margin:24px -12px 0;} .isw_cont dd{float:left; width:calc(33.3333% - 24px); margin:0 12px; } .isw_cont .iswCont_iswt .grayBox{overflow:hidden; clear:both; margin:24px 0;} .isw_cont .iswCont_iswt .grayBox > img{float:left; } .isw_cont .iswCont_iswt .grayBox > div{float:left; position:relative;} .isw_cont .iswCont_iswt .grayBox > div img{padding:0 150px;} .isw_cont .iswCont_iswt .grayBox li{position:Absolute; font-size:15px; letter-spacing:0; text-align:left; line-height:21px;;} .isw_cont .iswCont_iswt .grayBox li h6{font-size:20px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:800; color:#313131;} .isw_cont .iswCont_iswt .grayBox li:nth-child(1) {top:38px; text-align:right; right:50%; margin-right:190px;} .isw_cont .iswCont_iswt .grayBox li:nth-child(2) {left:50%; top:38px; margin-left:190px;} .isw_cont .iswCont_iswt .grayBox li:nth-child(3) {text-align:right; top:285px; right:50%; margin-right:190px;} .isw_cont .iswCont_iswt .grayBox li:nth-child(4) {left:50%; top:285px; margin-left:190px; } .isw_cont .moreBtn{display:block; margin:40px auto 0;} /*** E::Factory Automation_ ISWT / ISW ***/ /*** S::Factory Automation_ SmartFarm ***/ .smart_cont{} .smartCont_top{background:url('/chn/automation/img/smart_bg.jpg') no-repeat center, #212121; padding:50px 70px;} .smartCont_top .cont_tit{color:#fff; } .smartCont_top .cont_stit{color:#fff; letter-spacing:0; } .smartCont_top .cont_stit span{letter-spacing:0; } .smartCont_plan {position:Relative; } .smartCont_plan > img{position:Absolute; right:0; top:0;} .smartCont_plan dl{ margin:0 0 10px; width:calc(100% - 420px);} .smartCont_plan dt{display:table-cell; vertical-align:middle; width:88px;} .smartCont_plan dt img{width:100%; } .smartCont_plan dd{display:table-cell; vertical-align:middle; width:calc(100% - 88px); padding-left:14px; font-size:15px; letter-spacing:0; } .smartCont_plan dd h6{font-weight:700; color:#313131; font-size:16px; font-weight:500; letter-spacing:0; padding:0 0 3px;} /*** E::Factory Automation_ SmartFarm ***/ /*** S::Big Data_ ISFA ***/ .isfa_cont{background:url('/chn/bigdata/img/isfa_bg.gif') no-repeat right top; } .isfaCont_in{background:url('/chn/bigdata/img/isfa_dia_bg.gif') no-repeat center; position:relative; overflow:hidden; clear:both; margin:55px 0 60px;} .isfaCont_in > img{position:absolute; top: 50%; left:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .isfaCont_in .m_img{display:none;} .isfaCont_in dl{width:429px; box-sizing:Border-box; background:#fff; border:1px solid #ddd; float:left; padding:30px;} .isfaCont_in dl.type01{margin:0 0 10px; height:340px;} .isfaCont_in dl.type02{float:right; margin:0 0 10px; height:340px;} .isfaCont_in dl.type03{height:360px;} .isfaCont_in dl.type04{float:right;height:360px;} .isfaCont_in dt{text-align:center;} .isfaCont_in dt img{max-width:100%; } .isfaCont_in dd{font-size:15px; padding:25px 0 0; letter-spacing:0} .isfaCont_in dd h6{color:#313131; font-weight:800; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:19px; font-weight:800;} .isfa_cont .grayBox{text-align:left; display:table; width:100%; box-sizing:border-box;} .isfa_cont .grayBox ul{display:table-cell; vertical-align:middle;} .isfa_cont .grayBox ul li{margin:0 0 2px;} .isfa_cont .grayBox .txt{display:table-cell; vertical-align:middle; padding:0 0 0 5%;} .isfa_cont .moreBtn{display:block; margin:40px auto 0;} /*** E::Big Data_ ISFA ***/ /*** S::Big Data_ RDA & IDA ***/ .rda_cont{ } .rdaCont_in{border-top:1px solid #ddd; margin:25px 0 0; padding:40px 0 0;} .rdaCont_in .m_img{display:none;} .rdaCont_in .pc_img{display:block; margin:0 auto;;} .rdaCont_ida{} .rdaCont_ida .txt{padding:0 0 15px;} .rdaCont_ida dl{display:inline-block; vertical-align:middle; margin:0 0 0 56px;} .rdaCont_ida dt{text-align:left; font-weight:700; color:#313131; letter-spacing:0; padding:0 0 10px; font-size:20px; } .rdaCont_ida dd{text-align:left; } .rdaCont_detection{} .rdaCont_detection .margin{margin:20px 0;} .rdaContDetection_tech{overflow:hidden; clear:both; width:101%; margin:0 -0.5%; } .rdaContDetection_tech li{float:left; margin:0 0.5%; width:24%; font-size:15px; letter-spacing:0; } .rdaContDetection_tech li h6{font-weight:500; color:#313131; font-size:16px; padding:10px 0 3px} .rdaContDetection_vs dl{display:inline-block; width:363px; vertical-align:middle; } .rdaContDetection_vs dt{border-radius:3px; background:#f6841f; margin:0 40px; color:#fff;font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:15px; padding:23px 0 15px; position:Relative; z-index:5;} .rdaContDetection_vs dt strong{font-size:30px; display:block; margin:0 auto 3px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:800; color:#fff; } .rdaContDetection_vs dd{background:#f0f0f0; border-radius:3px; padding:74px 40px 40px; margin-top:-46px;} .rdaContDetection_vs dd p{background:#fff; border-radius:3px; margin:0 0 3px; color:#313131; letter-spacing:0; padding:11px 0;} .rdaContDetection_vs dl:last-child dt{background:#7d7e81; } .rdaContDetection_vs span{vertical-align:middle; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:900; color:#cbcbcc; font-size:60px; padding:0 16px;} .rdaContDetection_process{font-size:0;} .rdaContDetection_process li{display:inline-block; vertical-align:top; margin:0 1px 2px;} .rdaCont_bigdata{} .rdaCont_bigdata ul{text-align:Center; } .rdaCont_bigdata li{display:inline-block; width:245px; margin:0 0; background:#f6841f; text-align:center; text-align:Center; color:#fff; padding:20px 0; border-radius:200px;} .rdaCont_bigdata li img{display:inline-block; ; margin:0 12px 0 0; height:36px; } .rdaCont_bigdata li:nth-child(even) {background:#f6b71f;} /*** E::Big Data_ RDA & IDA ***/ /*** S::IA-RPA_ UipathRPA ***/ .rpa_cont {} .rpaCont_roll{position:Relative; } .rpaCont_roll dl{padding:8px 0 0} .rpaCont_roll dt{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:20px; font-weight:800; color:#313131; padding:0 0 2px;} .rpaCont_roll dd{letter-spacing:0; color:#999; } .rpaCont_roll .slick-dots{position:absolute; right:0; bottom:58px; z-index:1005;} .rpaCont_roll .slick-dots li{display:inline-block; width:13px; height:13px; background:#989898; border-radius:50%; margin-left:3px; text-indent:-999999px; cursor:pointer; } .rpaCont_roll .slick-dots li.slick-active{background:#f6841f;} .rpaCont_roll .slick-dots li button{background:none; border:none; cursor:pointer; } .rpaCont_roll .slick-arrow{position:absolute; top:39%; z-index:1005; width:15px; height:22px; border:none; text-indent:-99999999999999999px; overflow:hidden; cursor:pointer; transition:all 0.2s linear; background:url('/img/v_arrow.png') no-repeat center; transform:rotate(0deg); } .rpaCont_roll .slick-prev{ opacity:0.6;transition:all 0.3s ease-out; left:20px; } .rpaCont_roll .slick-next{opacity:0.6;transition:all 0.3s ease-out; transform:rotate(180deg); right:20px;} .rpaCont_roll .slick-prev:hover{ opacity:1;transition:all 0.3s ease-out; } .rpaCont_roll .slick-next:hover{opacity:1;transition:all 0.3s ease-out; } .rpaCont_task_in{background:url('/chn/rpa/img/rpa_task_img.gif') no-repeat right 95px center, #f0f0f0; margin:28px 0 0; overflow:hidden; clear:both; padding:38px 300px 38px 50px;} .rpaCont_task_in dl{float:left; width:50%; padding:7px 0 8px;} .rpaCont_task_in dt{display:table-cell; width:72px; vertical-align:middle;} .rpaCont_task_in dt span{display:block; width:72px; height:72px; border-radius:50%; background:#f6841f; position:Relative; } .rpaCont_task_in dt span img{position:Absolute; top: 50%; left:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .rpaCont_task_in dd{display:table-cell; vertical-align:middle; padding-left:18px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:800; color:#313131; } .rpaCont_task_in dl:nth-child(2) dt span, .rpaCont_task_in dl:nth-child(3) dt span, .rpaCont_task_in dl:nth-child(6) dt span, .rpaCont_task_in dl:nth-child(7) dt span{background:#393a3e;} .rpaCont_task .btnsBox{/*margin-top:0;*/} .rpaCont_level{} .rpaCont_level dl{display:inline-block; margin:0 28px;} .rpaCont_level dt{width:150px; height:150px; background:#fff; border:10px solid #e1e1e1; border-radius:50%; text-align:center; line-height:150px; color:#313131; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:900; font-size:45px; display:block; margin:0 auto; } .rpaCont_level dt span{font-weight:700; font-size:25px; margin:0 -10px 0 2px} .rpaCont_level dd{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; padding:12px 0 0} .rpaCont_level dd strong{font-weight:700;} .rpaCont_component{} .rpaCont_component_in{border:1px solid #ddd; padding:50px 80px; text-align:center; } .rpaCont_component_in > div{border-top:1px solid #ddd; margin:60px 0; padding:60px 0 0;font-size:0; position:relative; overflow:hidden; box-sizing:border-box; width:100%; display:table;} .rpaCont_component_in dl{display:table-cell; vertical-align:top; width:33.33% } .rpaCont_component_in dd{font-size:15px; letter-spacing:0; } .rpaCont_component_in dd h6{color:#313131; font-weight:700; font-size:20px; letter-spacing:0; padding:19px 0 11px;} .rpaCont_component_in dd h6 span{display:block; font-size:18px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:400; line-height:120%; padding:2px 0 0;} .rpaCont_component_in i{display:inline-block; font-size:0;vertical-align:top; height:11px; width:110px; background:url('/chn/rpa/img/rpa_component_arrow.gif') no-repeat right center; position:Relative; margin:100px 0 0;} .rpaCont_component_in i::before{ display:block; position:absolute; top:-5px; left:0; width:100%; text-align:Center; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:11px; color:#8c8c8c; font-style:normal; letter-spacing:0.2pt;} .rpaCont_component_in i::after{display:block; position:absolute; bottom:-5px; left:0; width:100%; text-align:Center; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:11px; color:#8c8c8c; font-style:normal; letter-spacing:0.2pt;} .rpaCont_component_in i:nth-child(2)::before{content:"Deploy";} .rpaCont_component_in i:nth-child(4)::before{content:"Execute";} .rpaCont_component_in i:nth-child(4)::after{content:"Monitor";} .rpaCont_methodologyBg{background:url('/chn/rpa/img/rpa_methodology_bg.jpg') no-repeat right -50px; padding:0 0 0;} .rpaCont_methodology{} .rpaCont_methodology .dep_check{margin-bottom:25px;} .rpaCont_methodology .moreBtn{margin-left:0;} .rpaCont_methodology_table{} .rpaCont_methodology_table .dep_stit .pointOrange{float:right; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:15px; font-weight:400;padding:3px 0 0;} .rpaCont_methodology_table > div{overflow:hidden; clear:both; } .rpaCont_methodology_table dl{float:left; width:13.5%; box-sizing:border-box; border-left:2px solid #fff; opacity:0; transition:all 0.5s ease-out;} .rpaCont_methodology_table dl.action{opacity:1; transition:all 0.5s ease-out; } .rpaCont_methodology_table dl dt:first-child{height:115px; margin:0 0 2px; } .rpaCont_methodology_table dl dd:nth-child(2){height:358px; margin:0 0 2px; } .rpaCont_methodology_table dl dd:last-child{height:224px; } .rpaCont_methodology_table dl:first-child{width:5.5%;border:none; } .rpaCont_methodology_table dl:first-child dd, .rpaCont_methodology_table dl:first-child dt{background:#7d7e81; color:#fff; text-align:Center; position:Relative; border:none;} .rpaCont_methodology_table dl:first-child dd span{display:block; text-align:Center; width:358px; position:Absolute; top: 50%; left:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) rotate(-90deg); font-size:14px; font-weight:600; letter-spacing:0.2pt; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif;} .rpaCont_methodology_table dt{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; background:#393a3e; padding:15px 15px; box-sizing:border-box; font-weight:600; color:#fff;line-height:19px;} .rpaCont_methodology_table dt span{display:block; color:#afafb0; font-size:12px; font-family:inherit; font-weight:400; padding:0 0 2px;} .rpaCont_methodology_table dd{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; border:1px solid #ddd; padding:12px 10px 12px 15px; box-sizing:border-box; background:#fff;} .rpaCont_methodology_table dd li{} .rpaCont_methodology_table .dep_dot li{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:12px; position:relative; padding:0 0 6px 8px} .rpaCont_methodology_table .dep_dot li::before{display:block; content:""; width:3px; height:3px; background:#9c9c9e; position:Absolute; left:0; top:7px; } .rpaCont_love{} .rpaCont_love_in{border:1px solid #ddd; background:url('/chn/rpa/img/rpa_love_logo.gif') no-repeat right 50px top 55px, #fff; padding:50px 0;} .rpaCont_love_in .img_tit{padding-right:180px; padding-left:180px;} .rpaCont_love_inDia{background:#f0f0f0; padding:56px 0; position:Relative; } .rpaCont_love_inDia img{display:block; margin:0 auto; } .rpaCont_love_inDia li{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; position:absolute; } .rpaCont_love_inDia li span{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:13px; font-weight:600; color:#f6841f; line-height:120%; } .rpaCont_love_inDia li h6{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:700; color:#313131; font-size:20px; line-height:120%; } .rpaCont_love_inDia li:first-child{text-align:right; right:50%; margin-right:165px; top:70px;} .rpaCont_love_inDia li:nth-child(2){left:50%; margin-left:165px; top:70px;} .rpaCont_love_inDia li:nth-child(3){text-align:right; right:50%; margin-right:165px; bottom:70px;} .rpaCont_love_inDia li:last-child{left:50%; margin-left:165px; bottom:70px;} .rpaCont_love_inLogos {text-align:Center; font-size:0; padding:50px 0 0;} .rpaCont_love_inLogos img{display:inline-block; vertical-align:top; margin:0 22px;} .rpaCont_love_inLogos img:first-child{margin:0 0 13px;} .rpaCont_love dl{padding:23px 0 0;} .rpaCont_love dt{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:18px; font-weight:700; color:#313131; } .rpaCont_love dd{letter-spacing:0; } /*** E::IA-RPA_ UipathRPA ***/ /*** S::Company_ About Us ***/ .about_cont{} .about_cont .cont_stit span{color:#313131; } .aboutCont_in{background-color:#000000; margin:10px 0; padding:70px 70px; font-size:22px; color:#fff; letter-spacing:0; font-weight:300;} .aboutCont_in h5{color:#fff; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:900; font-size:36px; line-height:40px; padding:0 0 10px} .aboutCont_in h5 span{font-weight:300; font-size:27px; line-height:inherit;} .aboutCont_in.bg01{background:url('/chn/about/img/about_img01.jpg') no-repeat right center; background-size:cover; padding:90px 70px;} .aboutCont_in.bg02{background:url('/chn/about/img/about_img02.jpg') no-repeat right center; background-size:cover; } .aboutCont_in .block{display:none; } .aboutCont_values .txt{padding:0 0 20px;} .aboutCont_values .m_img{display:none;} .aboutCont_culture dl{display:Table; width:100%; margin:0 0 5px; border:1px solid #ddd; border-radius:200px;} .aboutCont_culture dt{display:Table-cell; background:#393a3e; width:330px; border-radius:200px; vertical-align:middle; box-sizing:Border-box; height:117px;font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:800; color:#fff; font-size:17px; } .aboutCont_culture dt span{display:inline-block; padding:0 15px 0 33px; } .aboutCont_culture dd{display:table-cell; vertical-align:middle; letter-spacing:0; padding-left:25px;} .aboutCont_culture dd span{display:block; padding:0 0 4px;} .aboutCont_culture dl:nth-child(even) dt{background:#f6841f;} .aboutCont_culture dl:nth-child(even) dd .pointOrange{color:#313131 !important;} .aboutCont_roll{position:Relative; margin:0 0 20px;} .aboutCont_roll .slick-dots{position:absolute; right:0; bottom:-10px ; z-index:505; } .aboutCont_roll .slick-dots li{display:inline-block; width:13px; height:13px; background:#989898; border-radius:50%; margin-left:3px; text-indent:-999999px; cursor:pointer; } .aboutCont_roll .slick-dots li.slick-active{background:#f6841f;} .aboutCont_roll .slick-dots li button{background:none; border:none; cursor:pointer; } /*** E::Company_ About Us ***/ /*** S::Company_ Our Story ***/ .tableWrap{background:url('/chn/about/img/his_line.gif') repeat-y center top; padding:0 0 30px;} .his_in h6{display:block; margin:0 auto; width:118px; height:118px; box-sizing:Border-box; border-radius:50%; background:#393a3e; text-align:Center; color:#fff; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:24px; font-weight:800; line-height:120%; padding:33px 0 0; position:relative;} .his_in h6 a{color:#fff;} .his_in h6 input{position:absolute; top:5px; left:50%; margin-left:-10px; } .his_in{overflow:hidden; clear:both; transition: all 0.5s ease-in-out; transform: scale(1);} .his_in .his_txt{float:right; text-align:right; width:50%; box-sizing:Border-box; padding:0 40px 38px 0; font-size:15px; letter-spacing:0; } .his_in .his_txt dl{width:100%; padding:0 0 4px; clear:Both; } .his_in .his_txt dl:first-child{padding-top:0;} .his_in .his_txt dt{float:left; min-height:27px; width:70px; vertical-align:top; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:22px; font-weight:800; color:#313131; line-height:140%;} .his_in .his_txt dd{float:left; font-size:16px; width:calc(100% - 70px); letter-spacing:0; position:relative; vertical-align:top; line-height:150%; padding:0 0 0 10px; word-break:keep-all; box-sizing:Border-box;} .his_in .his_txt dt.line{padding-top:15px;} .his_in .his_txt dt.line + dd{padding-top:15px;} .his_in .his_txt dt.line::before{content:""; display:block; width:32px; height:1px; background:#ddd; position:relative; left:-40px; top:14px;} .his_in .his_txt dd::before{content:""; display:block; width:3px; height:3px; background:#888; position:relative; left:-10px; top:14px;} .his_in .his_img{float:left; width:50%; box-sizing:Border-box; padding:20px 0 38px 40px;} .his_in .his_img img{max-width:100%;} .his_in:hover{-webkit-transform: scale(1.12);-moz-transform: scale(1.12); -o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12); } .his_in:nth-child(odd) .his_txt dl{display:block;} .his_in:nth-child(odd) .his_txt{float:right; text-align:left; padding:0 0 40px 40px;} .his_in:nth-child(odd) .his_img{padding:20px 40px 40px 0; text-align:right;} .his_in:nth-child(even) .his_txt{float:left; } .his_in:nth-child(even) .his_img{float:right; } .his_in:nth-child(even) .his_txt dt{display:block; float:right; min-height:27px; box-sizing:border-box;} .his_in:nth-child(even) .his_txt dd{display:block; float:right; padding-left:0; padding-right:10px; width:calc(100% - 70px); box-sizing:border-box;} .his_in:nth-child(even) .his_txt dt.line::before{left:calc(100% + 9px);} .his_in:nth-child(even) .his_txt dd::before{left:calc(100% + 10px); } /*** E::Company_ Our Story ***/ /*** S::Company_ Contact Us ***/ .contact_cont{text-align:Center; background:#f0f0f0; padding:110px 0 125px;} .contact_cont h5{font-weight:300; color:#888; font-size:22px; font-family:'Muli','Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; } .contact_cont h6{font-weight:700; color:#313131; font-size:35px; letter-spacing:0; padding:4px 0 15px; line-height:138%;} .contact_cont{letter-spacing:0; } .form_table td,table.form_table {font-size:15px; color: #666; line-height: 150%; font-family:'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', 'Muli', sans-serif;} .form_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;} .form_table th{color:#444; font-weight:500; text-align:left; padding:12px 0 12px 15px; border-bottom:1px solid #ddd; letter-spacing:0;} .form_table td{border-bottom:1px solid #eee; padding:12px 0 12px 15px; text-align:left} .form_table td select {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:0 5px; font-family:'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', 'Muli', sans-serif; height:38px; width:20%; } .form_table td .input {font-size:14px; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:0 5px; font-family:'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', 'Muli', sans-serif; height:38px; width:50%; box-sizing:Border-box; } .form_table td .textarea {font-size:13px; font-family:'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', 'Muli', sans-serif; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:5px; box-sizing:border-box; width:100%; box-sizing:border-box;} .form_table td .blind {font-size:0; line-height:0; width:0px; height:0px;} .form_table td .input_num {width:20%;} .form_table td .input_s {width:130px;} .form_table td .input_m {width:240px;} .form_table td .input_l {width:98%; box-sizing:border-box;} .form_table td .input_file {padding:5px; border:1px solid #ddd;} .form_table td .input_add {margin-bottom:3px;} .form_table td .input_adr{width:25%;} .form_table td .input_adr + span{display:inline-block; width:2%; overflow:hidden; vertical-align:middle; text-align:Center;} .form_table td .input_adr + select{margin-left:2px;} .form_table td .inputVcode{width:140px;} .form_table td .input_num + font, .form_table td select + font{display:inline-block; width:1%; overflow:hidden; vertical-align:middle; text-align:Center; } .form_table .option1 {display:none;} .form_table .option2 {display:none;} .form_table .option3 {display:none;} .form_table .option4 {display:none;} .form_table .option5 {display:none;} .form_table .option6 {display:none;} .form_table .option7 {display:none;} .contactCont .agree_con{position:relative; overflow:hidden; border:1px solid #ddd; padding:15px; margin:20px 0;} .contactCont .agree_con h4{font-weight:500; color:#333; font-size:17px; letter-spacing:0; padding:0 0 10px 0} .contactCont .agree_con .agree{text-align:center; padding:8px 0 0 0; font-weight:500; color:#333; letter-spacing:0; font-size:15px;} .contactCont .agree input[type="checkbox"] {width:15px; height:15px;} .contactCont .agree_con .textarea {font-size:13px; font-family:'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', 'Muli', sans-serif; color:#666; border:1px solid #d4d4d4; background-color:#fff; padding:5px; box-sizing:border-box; width:100%; box-sizing:border-box;} .contactCont .btn_area{text-align:center; margin-top:30px} .contactCont .btn_confirm{display:inline-block; width:178px; height:52px; line-height:53px; border:1px solid #f6841f; text-align:Center; background:#f6841f; color:#fff; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:14px; border-radius:3px; transition:all 0.3s ease-out; cursor:pointer;} .contactCont .btn_confirm:hover{background:rgba(255,255,255,0); color:#f6841f; font-weight:500; letter-spacing:1pt; transition:all 0.3s ease-out;} .contactCont .btn_cancel{display:inline-block; width:178px; height:52px; line-height:53px; border:1px solid #7d7e81; text-align:Center; background:#7d7e81; color:#fff; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:14px; border-radius:3px; transition:all 0.3s ease-out; cursor:pointer;} .contactCont .btn_cancel:hover{background:rgba(255,255,255,0); color:#7d7e81; font-weight:500; letter-spacing:1pt; transition:all 0.3s ease-out;} /*** E::Company_ Contact Us ***/ /*** S::Company_ Locations ***/ .loca_cont{} .loca_cont {} .wrap_controllers, .map_border {display:none; } .root_daum_roughmap {width:100% !important; height:450px !important; } .root_daum_roughmap .wrap_map{height:100% !important;} .root_daum_roughmap .wrap_map .map{height:100% !important;} .loca_cont iframe{height:450px;} .loca_info {position:Relative; } .loca_info dl{overflow:hidden; clear:both; padding:30px 0 0; min-height:56px; width:calc(100% - 280px);} .loca_info dt{float:left; width:92px; letter-spacing:0; font-weight:500; color:#313131; padding:0 0 5px;} .loca_info dd{float:left; width:calc(100% - 92px); letter-spacing:0; padding:0 0 5px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; } .loca_info dd strong{font-family: 'Noto Sans SC', sans-serif; font-weight:500; } .loca_info .btns{position:absolute; right:0; top:24px; } .loca_info .btns a{display:inline-block; box-sizing:Border-box; width:130px; height:56px; font-size:15px; text-align:Center; border:1px solid #f6841f; border-radius:3px; line-height:54px; letter-spacing:0; margin-left:2px; color:#ef7d17;transition:all 0.3s ease-out;} .loca_info .btns a.print{border-color:#7d7e81; color:#666666; } .loca_info .btns a:hover{background:#ef7d17; color:#fff; transition:all 0.3s ease-out; letter-spacing:1pt;} .loca_info .btns a.print:hover{background:#7d7e81; color:#fff; transition:all 0.3s ease-out; letter-spacing:1pt;} .loca_cont .google_map {position:relative; } .loca_cont .google_loca {position:absolute; top:10px; left:10px; background:#fff; padding:10px 80px 10px 10px; box-sizing:border-box; max-width:305px; min-height:100px; box-shadow:rgb(0 0 0 / 30%) 0px 1px 4px -1px} .loca_cont .google_loca h6 {/*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ font-weight: 500; font-size: 14px; color: black; font-family:Roboto,Arial, sans-serif; line-height:1.2} .loca_cont .google_loca p {font-family:Roboto,Arial, sans-serif; margin:6px 0 0 0; color:#585858; font-size:12px;} .loca_cont .google_loca a.more {font-family:Roboto,Arial, sans-serif; color:#3a84df; font-size:12px; padding-top:10px; display:block} .loca_cont .google_loca a.direction {display:block; font-family:Roboto,Arial, sans-serif; color:#3a84df; font-size:12px; position:absolute; top:10px; right:20px} .loca_cont .google_loca a.direction i {display:block; width:22px; height:22px; margin:0 auto; background-image: url(https://maps.gstatic.com/mapfiles/embed/images/entity11.png); background-size: 70px 210px;} .loca_cont .google_loca a:hover {text-decoration:underline} /*** E::Company_ Locations ***/ /*** S::사이트맵 ***/ .sitemap_cont{overflow:hidden; clear:both; } .sitemap_cont dl{float:left; width:31.6%; margin:0 2.6% 4% 0; border-top:1px solid #313131; } .sitemap_cont dl:nth-child(3n) {margin-right:0} .sitemap_cont dl:nth-child(3n+1) {clear:both} .sitemap_cont dl:last-child{margin-right:0;} .sitemap_cont dt{text-align:center; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR',sans-serif; color:#313131; font-weight:700; border-bottom:1px solid #acacac;padding:13px 0;} .sitemap_cont dd{text-align:center; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; border-bottom:1px solid #ddd; } .sitemap_cont dd a{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; display:block; padding:13px 0;transition:all 0.3s ease; color:#888;} .sitemap_cont dd a:hover{background:#f5f5f5; letter-spacing:1pt; transition:all 0.3s ease; color:#444;} /*** E::사이트맵 ***/ /******************************************************************************* @media ~1200px *******************************************************************************/ @media all and (max-width:1200px){ #visual{ } #visual h2{text-align:center; color:#fff; font-size:44px; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-weight:900; line-height:120%; padding:180px 0 120px;} .NavMenu_in{width:100%; } .NavMenu .box.dep2 .dlst ul{border-left:none; } .NavMenu .box.dep2 .dlst li:last-child a{border-right:none;} .contentArea{width:100%; box-sizing:border-box; padding:0 15px;} /*** S::Factory Automation_ Eiworks ***/ .ei_cont{} .ei_cont .eiCont_in{} .eiCont_in img{max-width:90%; } .eiContCverview_in ul{width:calc(100% - 430px); } .eiContCverview_in li{width:100%;} .eiContCverview_in img{float:right; margin-right:0;} /*** E::Factory Automation_ Eiworks ***/ /*** S::Factory Automation_ MCSworks ***/ .mcs_cont{} .mcsCont_in { } .mcsCont_in > div{/*width:62%;*/ } .mcsCont_in > img{ width:38%; margin:9% 0 0;} .mcsCont_function_in dt {font-size:15px; padding:15px} .mcsCont_function_in dd {height:190px;} /*** E::Factory Automation_ MCSworks ***/ /*** S::Factory Automation_ ISWT / ISW ***/ .isw_cont{} .isw_cont .iswCont_iswt .grayBox img{width:280px} .isw_cont .iswCont_iswt .grayBox > div img{padding:0 167px;} .isw_cont .iswCont_iswt .grayBox li br{display:none;} .isw_cont .iswCont_iswt .grayBox li:nth-child(1) {margin-right:155px;} .isw_cont .iswCont_iswt .grayBox li:nth-child(2) { margin-left:155px;} .isw_cont .iswCont_iswt .grayBox li:nth-child(3) {top:165px; margin-right:155px;} .isw_cont .iswCont_iswt .grayBox li:nth-child(4) {top:165px; margin-left:155px; } /*** E::Factory Automation_ ISWT / ISW ***/ /*** S::Big Data_ ISFA ***/ .isfa_cont{background-image:url('/chn/bigdata/img/isfa_bg_m.gif'); } .isfaCont_in dl{width:calc(50% - 156px); } .isfaCont_in dl.type01{height:310px;} .isfaCont_in dl.type02{ height:310px;} .isfaCont_in dl.type03{height:340px;} .isfaCont_in dl.type04{height:340px;} .isfa_cont .grayBox{} .isfa_cont .grayBox .txt{box-sizing:Border-box; width:calc(100% - 240px);} .isfa_cont .grayBox .txt .none{display:none; } /*** E::Big Data_ ISFA ***/ /*** S::IA-RPA_ UipathRPA ***/ .rpaCont_level{} .rpaCont_level dl{margin:0 20px; width:28%; vertical-align:top; } .rpaCont_level dd br{display:none; } .rpaCont_component{} .rpaCont_component_in {padding:50px;} .rpaCont_component_in i{width:100px;} .rpaCont_methodology_table{} .rpaCont_methodology_table dl dd:nth-child(2){height:440px; } .rpaCont_methodology_table dl dd:last-child{height:280px; } .rpaCont_love_inLogos {} .rpaCont_love_inLogos img{width:30%; margin:0 1%;} .rpaCont_love_inLogos img:first-child{width:80%;} /*** E::IA-RPA_ UipathRPA ***/ /*** S::Company_ About Us ***/ .about_cont{} .about_cont br.none {display:none;} .aboutCont_in{padding:60px;} .aboutCont_in.bg01{ padding:60px 60px;} .aboutCont_in .block{display:block; } .aboutCont_values .txt{padding:0 0 20px;} .aboutCont_culture dl{} .aboutCont_culture dt{height:150px; } .aboutCont_culture dd{padding:0 20px;} /*** E::Company_ About Us ***/ } /******************************************************************************* @media ~1024px *******************************************************************************/ @media all and (max-width:1024px){ /*** S::Factory Automation_ Eiworks ***/ .ei_cont{} .ei_cont .eiCont_in{} .eiCont_in img{max-width:90%; } .eiCont_in li{width:calc(50% - 10px); margin-bottom:10px;} .eiCont_in li:nth-child(3), .eiCont_in li:nth-child(4){margin-bottom:0; height:auto} /*** E::Factory Automation_ Eiworks ***/ /*** S::Factory Automation_ Inlineworks ***/ .inline_cont{} .inlineCont_in{} .inlineCont_in img{max-width:60%; } .inlineCont_benefit dl{} .inlineCont_benefit dd br{display:none; } /*** E::Factory Automation_ Inlineworks ***/ /*** S::Factory Automation_ ISWT / ISW ***/ .isw_cont{} .isw_cont .iswCont_iswt .grayBox img{display:block; margin:0 auto; float:none;} .isw_cont .iswCont_iswt .grayBox > div{float:none; margin-top:10px} /*** E::Factory Automation_ ISWT / ISW ***/ /*** S::Big Data_ RDA & IDA ***/ .rda_cont{ } .rdaCont_ida{} .rdaCont_ida dl{ margin:0 0 0 25px;} .rdaContDetection_vs dl{width:300px; } .rdaContDetection_vs dt{ margin:0 30px;} .rdaContDetection_vs dd{padding:74px 30px 30px; margin-top:-46px;} .rdaContDetection_vs span{font-size:40px;} .rdaContDetection_process{} .rdaContDetection_process li{height:123px;} .rdaContDetection_process li img{max-height:100%; width:auto; } .rdaCont_bigdata li{width:calc(25% - 8px); } /*** E::Big Data_ RDA & IDA ***/ /*** S::IA-RPA_ UipathRPA ***/ .rpaCont_task_in{padding:30px;} .rpaCont_task_in dl{float:none; width:100%; padding:3px 0;} .rpaCont_task_in dt{width:60px; } .rpaCont_task_in dt span{ width:60px; height:60px; } .rpaCont_task_in dt span img{width:30px;} .rpaCont_task_in dd br{display:none; } .rpaCont_task_in dl:nth-child(even) dt span{background:#393a3e;} .rpaCont_task_in dl:nth-child(3) dt span, .rpaCont_task_in dl:nth-child(7) dt span{background:#ee8300;} .rpaCont_component{} .rpaCont_component_in{padding:30px; } .rpaCont_component_in i{ width:70px; } .rpaCont_methodology_table{} .rpaCont_methodology_table dl dd:nth-child(2){height:480px; } .rpaCont_methodology_table dl dd:last-child{height:300px; } /*** E::IA-RPA_ UipathRPA ***/ } /******************************************************************************* @media ~980px *******************************************************************************/ @media all and (max-width:980px){ br.none{display:none; } .tit_area h3{font-size:34px;} .tit_area h3 span{font-size:21px; } .tit_area p{padding:14px 0 0;} .cont_tit{font-size:29px; padding:0 0 18px} .cont_stit{font-size:17px; } .cont_stit br{display:none; } .tabStyle{} .tabStyle li{width:20%; } #visual{} #visual h2{padding:150px 0 90px;} .contentArea{margin-bottom:80px;} /*** S::Factory Automation_ Eiworks ***/ .eiContCverview_in{} .eiContCverview_in ul{width:calc(100% - 400px); } .eiContCverview_in ul::before{right:-55px;} /*** E::Factory Automation_ Eiworks ***/ /*** S::Factory Automation_ ISWT / ISW ***/ .isw_cont{} .isw_cont .iswCont_iswt .grayBox img{width:60%;} .isw_cont .iswCont_iswt .grayBox > div img{padding:0; } .isw_cont .iswCont_iswt .grayBox li{position:relative; left:auto !important; top:auto !important; right:auto !important; margin:18px 0 0 !important; text-align:center !important; font-size:14px;} .isw_cont .iswCont_iswt .grayBox li h6{font-size:17px;} /*** E::Factory Automation_ ISWT / ISW ***/ /*** S::Factory Automation_ SmartFarm ***/ .smart_cont{} .smartCont_top{background:url('/chn/automation/img/smart_bg.jpg') no-repeat left center; padding:40px 50px;} .smartCont_plan {} .smartCont_plan > img{width:40%; top:20%} .smartCont_plan dl{width:calc(100% - 42%);} /*** E::Factory Automation_ SmartFarm ***/ /*** S::Big Data_ ISFA ***/ .isfa_cont{} .isfaCont_in{margin:40px 0;} .isfaCont_in .pc_img{display:none;} .isfaCont_in .m_img{display:block; width:20%; } .isfaCont_in dl{width:50%; } .isfaCont_in dl.type01{height:390px; margin:0; border-right:none; border-bottom:none; } .isfaCont_in dl.type02{ height:390px; margin:0;border-bottom:none; } .isfaCont_in dl.type03{height:390px;border-right:none; } .isfaCont_in dl.type04{height:390px;} .isfaCont_in dl.type03 dt, .isfaCont_in dl.type04 dt{padding-top:50px;} .isfaCont_in dd{font-size:14px} .isfaCont_in dd h6{font-size:17px; } .isfa_cont .grayBox{} .isfa_cont .grayBox .txt{box-sizing:Border-box; width:calc(100% - 240px);} .isfa_cont .grayBox .txt .none{display:none; } /*** E::Big Data_ ISFA ***/ /*** S::Big Data_ RDA & IDA ***/ .rda_cont{ } .rdaCont_in{ padding:30px 0 0;} .rdaCont_ida{} .rdaCont_ida img{width:58%;} .rdaCont_detection{} .rdaContDetection_tech{width:102%; margin:0 -1%;} .rdaContDetection_tech li{width:48%; margin:0 1%;; margin-bottom:15px;} .rdaContDetection_tech li h6{font-weight:500; color:#313131; font-size:16px;} .rdaContDetection_vs dl{ width:40%; } .rdaContDetection_vs dt{ margin:0 20px;font-size:14px; } .rdaContDetection_vs dt strong{font-size:26px; } .rdaContDetection_vs dd{ padding:64px 20px 20px; margin-top:-40px;} .rdaContDetection_vs span{font-size:30px; } .rdaContDetection_process{font-size:0;} .rdaContDetection_process li{ margin:0 1px 10px; height:123px; width:164px;} .rdaContDetection_process li img{height:100%; } /*** E::Big Data_ RDA & IDA ***/ /*** S::IA-RPA_ UipathRPA ***/ .rpaCont_task_in{padding:30px; background-position: right 5% center; } .rpaCont_level{} .rpaCont_level dl{margin:0 1%; width:30%;} .rpaCont_level dt{width:100px; height:100px;border:8px solid #e1e1e1; line-height:100px; font-size:35px; } .rpaCont_level dt span{ font-size:20px; } .rpaCont_component{} .rpaCont_component_in{ padding:30px; } .rpaCont_component_in > div{margin:30px 0 0; padding:30px 0 0; } .rpaCont_component_in > img{width:80%; } .rpaCont_component_in dl{display:block; width:100%} .rpaCont_component_in dt{display:table-cell; width:130px; vertical-align:middle;} .rpaCont_component_in dd{display:table-cell; letter-spacing:0; text-align:left; vertical-align:middle; padding:0 0 0 20px;} .rpaCont_component_in dd br{display:none; } .rpaCont_component_in dd h6{font-size:17px;padding:0 0 8px;} .rpaCont_component_in dd h6 span{display:inline-block; padding:0 0 0 2px; font-size:16px;} .rpaCont_component_in i{display:block; font-size:0;vertical-align:top; height:8px; width:20px; background-size: auto 100%;position:Relative; margin:20px 55px; transform:rotate(90deg); } .rpaCont_component_in i::before{ transform:rotate(-90deg); position:relative; top:45px; left:0; margin:0;} .rpaCont_component_in i::after{ transform:rotate(-90deg);position:relative; top:-15px; left:auto; margin:0;} .rpaCont_methodologyBg{background:none;} .rpaCont_methodology_table{} .rpaCont_methodology_table .dep_stit .pointOrange{float:none; display:block; text-align:right; } .rpaCont_methodology_table > div{overflow:hidden; clear:both; } .rpaCont_methodology_table dl{float:none; width:100%; display:table; border:none; } .rpaCont_methodology_table dl dt:first-child{height:auto; } .rpaCont_methodology_table dl dd:nth-child(2){height:auto; } .rpaCont_methodology_table dl dd:last-child{height:auto; border-left:none; } .rpaCont_methodology_table dl:first-child{float:none; width:100%; display:table} .rpaCont_methodology_table dl:first-child dd{border-left:1px solid rgba(255,255,255,0.2); } .rpaCont_methodology_table dl:first-child dd span{width:100%; position:relative; top: auto; left:auto; transform: rotate(0); font-size:14px; } .rpaCont_methodology_table dt{display:table-cell;width:20%; box-sizing:Border-box; font-size:14px;padding:10px; border-bottom:1px solid rgba(255,255,255,0.2);} .rpaCont_methodology_table dt span{display:block; color:#afafb0; font-size:12px; font-family:inherit; font-weight:400; padding:0 0 2px;} .rpaCont_methodology_table dd{display:table-cell;width:40%; box-sizing:Border-box; padding:10px; border-left:none; border-top:none; } .rpaCont_methodology_table .dep_dot li{padding:0 0 4px 8px} .rpaCont_methodology_table .dep_dot li::before{display:block; content:""; width:3px; height:3px; background:#9c9c9e; position:Absolute; left:0; top:7px; } .rpaCont_love{} .rpaCont_love_in{border:1px solid #ddd; background:url('/chn/rpa/img/rpa_love_logo.gif') no-repeat right 25px top 25px; padding:30px 0; background-size:60px auto} .rpaCont_love_in .img_tit{padding-right:120px; padding-left:120px;} .rpaCont_love_inDia{background:#f0f0f0; padding:35px 0; position:Relative; } .rpaCont_love_inDia img{max-width:50%; margin:0 auto 10px} .rpaCont_love_inDia li{ position:relative; text-align:center; margin:18px 0 0;} .rpaCont_love_inDia li span{font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size:13px; font-weight:600; color:#f6841f; line-height:120%; } .rpaCont_love_inDia li h6{font-size:18px; padding:2px 0 5px;} .rpaCont_love_inDia li:first-child{text-align:center; right:auto; margin-right:0; top:0;} .rpaCont_love_inDia li:nth-child(2){left:auto; margin-left:0; top:0;} .rpaCont_love_inDia li:nth-child(3){text-align:center; right:auto; margin-right:0; bottom:0;} .rpaCont_love_inDia li:last-child{left:auto; margin-left:0; bottom:0;} .rpaCont_love_inLogos {text-align:Center; font-size:0; padding:35px 0 0;} .rpaCont_love_inLogos img{display:block; vertical-align:top; margin:0 auto 30px; width:auto; max-width:100%;} .rpaCont_love_inLogos img:first-child{margin:0 auto 5px; width:90%} .rpaCont_love dl{padding:18px 0 0;} .rpaCont_love dt{ font-size:16px; line-height:140%; padding:0 0 8px;} .rdaCont_bigdata{} .rdaCont_bigdata ul{} .rdaCont_bigdata li{width:calc(50% - 8px); margin:0 0 4px; } /*** E::IA-RPA_ UipathRPA ***/ /*** S::Company_ About Us ***/ .about_cont{} .about_cont .cont_stit span{display:block;} .aboutCont_in{padding:40px; font-size:18px;} .aboutCont_in.bg01{ padding:40px;} .aboutCont_in h5{font-size:29px; line-height:130%;} .aboutCont_in h5 span{font-size:22px;} .aboutCont_culture dl{} .aboutCont_culture dt{width:280px; font-size:15px;; } .aboutCont_culture dd{padding:0 20px;} /*** E::Company_ About Us ***/ /*** S::Company_ Our Story ***/ .his_in .his_txt dt{ width:60px;font-size:19px; } .his_in .his_txt dd{font-size:14px; } /*** E::Company_ Our Story ***/ /*** S::Company_ Locations ***/ .loca_cont{} .root_daum_roughmap { height:380px !important; } .loca_cont iframe{height:380px;} /*** E::Company_ Locations ***/ } /******************************************************************************* @media 481~768px *******************************************************************************/ @media all and (max-width:768px){ #visual{} #visual h2{padding:130px 0 70px; font-size:35px;} /*** S::준비중 ***/ .ready_cont{padding:40px;} .ready_cont dt{font-size:50px; } .ready_cont dd{letter-spacing:0;padding:14px 0 0;} /*** E::준비중 ***/ .tit_area{padding:42px 0 29px;} .tit_area h3{font-size:29px;} .tit_area h3 span{font-size:18px; } .tit_area p{display:none; } .cont_tit{font-size:26px; } .cont_stit{font-size:16px; } .tabStyle{} .tabStyle li{width:25%; } .txt{letter-spacing:0; } .txt h6{font-size:16px; letter-spacing:0; padding:0 0 6px;} /***************** Start- Sub Nav *****************/ .NavMenu .box.dep1{display:block; } .NavMenu .box.dep2 .txt.title{display:block; } .NavMenu .box.dep2 .lnb.pc{display:none; } /***************** Start- Sub Nav *****************/ /* dropdownlist */ .dropLst { display:inline-block; vertical-align:middle; color:#666; } .dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrpa; overflow:hidden; text-overflow:ellipsis; height:40px; padding:0 40px 0 10px; box-sizing:border-box; color:#3a3a3a; } .dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; } .dropLst .dlst { display:none; position:absolute;z-index:9; } .dropLst.bottom .dlst { top:auto; bottom:100%; } .dropLst .dlst.aright { right:0; } .dropLst ul { background-color:#fff; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; } .dropLst ul > li { position:relative; } .dropLst ul > li > label { display:block; position:relative; cursor:pointer; } .dropLst ul > li > label > span { display:block; } .dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { } .dropLst .txt, .dropLst ul {} .dropLst .txt, .dropLst li span, .dropLst li a { line-height:44px; white-space:nowrpa; overflow:hidden; text-overflow:ellipsis; } .dropLst li span, .dropLst li a { padding:0 20px; box-sizing:border-box; } .dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {} .dropLst li span, .dropLst li a { display:block; } /* 서브 네비게이션 모바일 */ .NavMenu {position:relative; left:0; top:0px; width:100%; height:54px; box-sizing:border-box; z-index:999 !important; background:#fff; } .NavMenu_in {display: block; width:100%; margin:0 auto; height:54px; position:relative; z-index:50; box-sizing:border-box; } .NavMenu_in .box {float:left; width:50%; height:54px; border-right:1px solid #ddd; box-sizing:border-box;} .NavMenu_in .dropLst .txt, .NavMenu_in .dropLst li span, .NavMenu_in .dropLst > a {padding-left:20px; width:100%; height:54px; line-height:54px; color:#666666; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; } .NavMenu_in .box .dropLst .txt {color:#666; } .NavMenu_in .box .dropLst .txt:before {content: ""; position: absolute; top:50%; right:20px; display: block; width:6px; height:10px; margin-top:-5px; background: url("/img/bsn_arrow.png") no-repeat center; background-size:100% auto; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transform:rotate(-90deg); } .NavMenu_in .box .dropLst .txt.on:before {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} .NavMenu_in .box .dropLst ul {padding:0;} .NavMenu_in .box .dropLst ul, .NavMenu_in .box .dropLst ul li {background-color: #f0f0f0; border-bottom:1px solid #ddd; margin:0 !important; line-height:100%; vertical-align:top; display:block; } .NavMenu_in .box .dropLst ul li a{display:block; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif;} .NavMenu_in .box .dropLst ul li:last-child {border-bottom:0;} .NavMenu_in .box .dropLst li .on {color:#fff !important; background:#f6841f; border-color:#f6841f;} .NavMenu_in .dropLst {width:100%; box-sizing: border-box;} .NavMenu_in .dropLst .dlst {width:100%; box-sizing: border-box} .NavMenu_in .dropLst .dlst ul {border:none;} .NavMenu_in .box.dep2 {border-right:none; } .NavMenu_in .box.dep2 .dlst {width:100%; left:0%;} .NavMenu_in .box.dep2 .txt{color:#f6841f; font-weight:700;} .NavMenu_in .navimg{position:absolute; right:0; top:0; display:block; background:url('/img/nav_bg.png') no-repeat left top; width:172px; height:60px; opacity:0.35;} /***************** End- Sub Nav *****************/ .dep_tit{font-size:19px; background-position:left 5px} div > .dep_tit{margin-top:50px;} .dep_stit{font-size:17px; margin-top:35px; background-position:left 7px} .img_tit{ font-size:18px; padding:0 0 28px } .hr{ margin:50px 0;} .grayBox{ padding:20px;} .borderBox{padding:20px;} .btmcontact_txt{margin:50px 0 0; } /*** S::Factory Automation_ Eiworks ***/ .ei_cont{} .ei_cont .txt{padding-bottom:15px;} .ei_cont .borderBox{padding:20px;} .ei_cont .grayBox{padding:20px;} .ei_cont .m_img{display:block; margin:0 auto; } .ei_cont .pc_img{display:none;} .ei_cont .eiCont_in{} .eiCont_in img{max-width:100%; } .eiCont_in .img_tit{font-size:16px; padding-bottom:11px;} .eiCont_in li .img_tit{font-size:14px;} .eiCont_in li{height:220px;} .eiCont_in li img{width:110px;} .eiContCverview_in{} .eiContCverview_in ul{float:none;position:Relative; margin:0; width:100%;} .eiContCverview_in ul::before{display:none; } .eiContCverview_in li{background:#393a3e; color:#fff; font-family:'Muli', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans KR', sans-serif; padding:10px 0 10px 27px; border-radius:5px; margin:0 0 3px; box-sizing:border-box; font-weight:600; position:Relative; } .eiContCverview_in li::before{width:4px; left:15px; top:50%; margin-top:-1px; } .eiContCverview_in img{float:none; display:block; margin:0 auto; max-width:60%;} .eiContCverview_in .arrow{display:block; max-width:100%;} /*** E::Factory Automation_ Eiworks ***/ /*** S::Factory Automation_ MCSworks ***/ .mcs_cont{} .mcsCont_in { } .mcsCont_in > div{width:100%; /*margin:0 0 18px;*/} .mcsCont_in > img{display:block; width:auto; margin:0 auto; max-width:90%; float:none; } .mcsCont_function_in{} .mcsCont_function_in dl{width:calc(50% - 14px); } .mcsCont_function_in2{} .mcsCont_function_in2 li strong{display:block; padding:2px 0 2px;} .mcsCont_function_in2 li strong::after{display:none; } /*** E::Factory Automation_ MCSworks ***/ /*** S::Factory Automation_ Inlineworks ***/ .inline_cont{} .inlineCont_in{} .inlineCont_in img{max-width:60%; } .inlineCont_archi .borderBox{border:none; padding:0;} .inlineCont_benefit dl{} .inlineCont_benefit dd{float:none; width:100%; } .inlineCont_benefit dd:last-child{margin:35px 0 0;} /*** E::Factory Automation_ Inlineworks ***/ /*** S::Factory Automation_ SmartFarm ***/ .smart_cont{} .smartCont_top{padding:30px; background:url('/chn/automation/img/smart_bg_m.jpg') no-repeat center top, #212121; background-size:cover;} .smartCont_plan {} .smartCont_plan > img{width:70%; display:block; margin:0 auto; position:Relative; top:0} .smartCont_plan dl{width:100%} .smartCont_plan dt{ width:52px; vertical-align:top;} .smartCont_plan dd{ width:calc(100% - 52px); padding-left:10px; font-size:14px; vertical-align:top;} .smartCont_plan dd h6{font-size:15px;} /*** E::Factory Automation_ SmartFarm ***/ /*** S::Big Data_ ISFA ***/ .isfa_cont{} .isfaCont_in .m_img{ width:28%; } .isfaCont_in dl.type01{height:380px;} .isfaCont_in dl.type02{ height:380px; } .isfaCont_in dl.type03{height:380px;} .isfaCont_in dl.type04{height:380px;} /*** E::Big Data_ ISFA ***/ /*** S::Big Data_ RDA & IDA ***/ .rda_cont{ } .rdaCont_in .pc_img{display:none;} .rdaCont_in .m_img{display:block; } /*** E::Big Data_ RDA & IDA ***/ /*** S::IA-RPA_ UipathRPA ***/ .rpaCont_roll{ } .rpaCont_roll dt{font-size:17px;} .rpaCont_roll dd{} .rpaCont_roll .slick-dots{bottom:auto; bottom:auto; top:-35px; right:0; } .rpaCont_roll .slick-dots li{margin-left:2px; } .rpaCont_roll .slick-arrow{top:28%; } .rpaCont_roll .slick-prev{left:10px; } .rpaCont_roll .slick-next{right:10px;} .rpaCont_task_in{background:url('/chn/rpa/img/rpa_task_img.gif') no-repeat center top 20px, #f0f0f0; margin:28px 0 0; overflow:hidden; clear:both; padding:230px 20px 20px;} .rpaCont_task_in dl{} .rpaCont_task_in dt{width:45px; vertical-align:middle;} .rpaCont_task_in dt span{ width:45px; height:45px;} .rpaCont_task_in dt span img{width:22px} .rpaCont_task_in dd{font-weight:600; } .rpaCont_level{} .rpaCont_level dl{display:block; overflow:hidden; clear:both; width:100%; margin:0 0 10px;} .rpaCont_level dt{float:left; width:80px; height:80px; border:5px solid #e1e1e1;line-height:70px; font-weight:900; font-size:24px; display:block; margin:0 auto; box-sizing:border-box; } .rpaCont_level dt span{font-size:15px; margin:0 -5px 0 2px} .rpaCont_level dd{float:left; box-sizing:Border-box; padding:8px 0 0 15px; width:calc(100% - 80px); text-align:left; } .rpaCont_level dd strong{font-weight:700;} .rpaCont_component{} .rpaCont_component_in{padding:25px} .rpaCont_component_in > div{ margin:25px 0 0; padding:25px 0 0;} .rpaCont_component_in > img{width:100%; } .rpaCont_component_in dt {width:110px; vertical-align:top;} .rpaCont_component_in dd{font-size:13px; letter-spacing:0; } .rpaCont_component_in dd h6{font-size:15px} .rpaCont_component_in dd h6 span{font-size:14px;} .rpaCont_component_in i{margin:15px 44px} .rpaCont_methodology_table{} .rpaCont_methodology_table .dep_stit .pointOrange{ font-size:13px; } /*** E::IA-RPA_ UipathRPA ***/ /*** S::Company_ About Us ***/ .about_cont{} .aboutCont_in{padding:28px; font-size:15px;} .aboutCont_in.bg01{ padding:28px;} .aboutCont_in h5{font-size:22px; line-height:130%;} .aboutCont_in h5 span{font-size:20px;} .aboutCont_culture dl{border:none; border-radius:0;} .aboutCont_culture dt{width:100%; height:auto; font-size:15px; display:block; padding:12px 0; border-radius:5px; border-bottom-left-radius:0;border-bottom-right-radius:0; } .aboutCont_culture dt span{padding:0 8px 0 15px} .aboutCont_culture dd{display:block; width:100%; height:auto; border:1px solid #ddd; border-top:none; padding:15px; box-sizing:Border-box;border-bottom-left-radius:5px;border-bottom-right-radius:5px; } /*** E::Company_ About Us ***/ /*** S::Company_ Contact Us ***/ .contact_cont{padding:70px 0;} /* input 디자인 */ .form_table td,table.form_table {font-size:14px; } .form_table td .input{width:100%;} .form_table td select{width:32%;} .form_table td .input_num + font, select + font{width:2%;} .form_table td .input_num{width:32%;} .form_table td .input_file {padding:5px; border:1px solid #ddd;} .form_table td .input_add {margin-bottom:3px;} .form_table td .input_adr{width:48%;} .form_table td .input_adr + span{width:4%; } .form_table td .input_adr + select{width:100%; margin:2px 0 0;} .form_table td .inputVcode{width:140px;} .form_table td textarea{height:150px} .contactCont .agree_con{border:none; padding:0; margin:20px 0;} .contactCont .agree_con h4{font-size:15px;} .contactCont .agree_con .textarea{height:100px;} .contactCont .agree_con .agree{font-size:13px;} /* 확인/취소 버튼 */ .btn_area{text-align:center;} .btn_confirm{width:49%; height:48px; line-height:48px;} .btn_cancel{width:49%; height:48px; line-height:48px;} /*** E::Company_ Contact Us ***/ /*** S::Company_ Locations ***/ .loca_cont{} .root_daum_roughmap { height:300px !important; } .loca_cont iframe{height:300px;} .loca_info {position:Relative; } .loca_info dl{ padding:18px 0 15px; min-height:auto; width:100%;} .loca_info dt{width:80px;} .loca_info dd{ width:calc(100% - 80px); } .loca_info .btns{position:relative; right:0; top:0; } .loca_info .btns a{ width:calc(50% - 1px); height:48px; font-size:14px; line-height:46px; letter-spacing:0; margin:0} .loca_info .btns a.print{ margin-left:2px; } /*** E::Company_ Locations ***/ /*** S::사이트맵 ***/ .sitemap_cont{ } .sitemap_cont dl{ width:48%; margin:0 4% 40px 0; } .sitemap_cont dl:nth-child(3n) {margin-right:4%} .sitemap_cont dl:nth-child(2n){margin-right:0;} .sitemap_cont dl:nth-child(3n+1) {clear:none} .sitemap_cont dl:nth-child(2n+1) {clear:both} /*** E::사이트맵 ***/ /* 이용약관, 개인정보취급방침 */ .privacy_list li {width:100%; float:none; } } /******************************************************************************* @media 481~680px *******************************************************************************/ @media all and (max-width:680px){ #visual h2 span{display:block; font-size:0.8em; line-height:140%;} /*** S::준비중 ***/ .ready_cont{} .ready_cont dt{font-size:40px; } .ready_cont dd{padding:10px 0 0;} /*** E::준비중 ***/ .dep_tit .stxt, .dep_stit .stxt{display:block; margin:2px 0 0} .btnsBox{ font-size:14px;} .tabStyle{} .tabStyle li{width:33.3333%; } .tabStyle li a{font-size:15px;} /*** S::Factory Automation_ MCSworks ***/ .mcs_cont{} .mcsCont_function_in{width:100%; margin:0;} .mcsCont_function_in dl{width:100%; margin:0 0 5px;} .mcsCont_function_in dt{background:#7d7e81; font-weight:500; color:#fff; padding:12px 15px;} .mcsCont_function_in dt span{width:20px; height:20px; line-height:20px; font-size:11px; } .mcsCont_function_in dd {height:auto; padding:15px; font-size:13px;} .mcsCont_function_in dd li::before{top:8px;} .mcsCont_function_in2{} .mcsCont_function_in2 li{min-height:20px; font-size:13px; letter-spacing:0; padding-left:26px;} .mcsCont_function_in2 li::before{ width:20px; height:20px;line-height:20px;font-size:11px; } .mcsCont_function_in2 li strong{display:block; padding:0px 0 2px; font-size:14px; } .mcsCont_function_in2 li strong::after{display:none; } .mcsCont_function_in2 li:nth-child(1)::before{content:"1"; } .mcsCont_function_in2 li:nth-child(2)::before{content:"2"; } .mcsCont_function_in2 li:nth-child(3)::before{content:"3"; } .mcsCont_function_in2 li:nth-child(4)::before{content:"4"; } .mcsCont_function_in2 li:nth-child(5)::before{content:"5"; } .mcsCont_function_in2 li:nth-child(6)::before{content:"6"; } .mcsCont_function_in2 li:nth-child(7)::before{content:"7"; } .mcsCont_function_in2 li:nth-child(8)::before{content:"8"; } .mcsCont_function_in2 li:nth-child(9)::before{content:"9"; } .mcsCont_function_in2 li:nth-child(10)::before{content:"10"; } /*** E::Factory Automation_ MCSworks ***/ /*** S::Factory Automation_ Inlineworks ***/ .inline_cont{} .inline_cont .pc_img{display:none;} .inline_cont .m_img{display:block;} .inlineCont_in{} .inlineCont_in img{position:relative; max-width:100%; } .inlineCont_benefit dl{} .inlineCont_benefit dd{float:none; width:100%; } .inlineCont_benefit dd:last-child{margin:35px 0 0;} /*** E::Factory Automation_ Inlineworks ***/ /*** S::Factory Automation_ ISWT / ISW ***/ .isw_cont{} .isw_cont .iswCont_iswt .grayBox img{width:70%;} .isw_cont .iswCont_iswt .grayBox li{font-size:13px;} .isw_cont .iswCont_iswt .grayBox li h6{font-size:16px;} /*** E::Factory Automation_ ISWT / ISW ***/ /*** S::Factory Automation_ SmartFarm ***/ .smart_cont{} .smartCont_top{padding:25px;} .smartCont_plan {} .smartCont_plan dd{ font-size:13px;} .smartCont_plan dd h6{font-size:14px;} /*** E::Factory Automation_ SmartFarm ***/ /*** S::Big Data_ ISFA ***/ .isfa_cont{background:none; } .isfaCont_in{margin:30px 0;} .isfaCont_in .m_img{display:block; width:50%; position:relative; top:0; left:25%; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0);} .isfaCont_in dl{width:100%; padding:15px;} .isfaCont_in dl.type01{height:auto; border-right:1px solid #ddd; position:relative; margin-top:20px;} .isfaCont_in .type01::before{display:block; width:1px; height:20px; content:""; background:#ddd; position:absolute; left:50%; top:-21px;} .isfaCont_in dl.type02{ height:auto; border-bottom:none; } .isfaCont_in dl.type03{height:auto;border-right:1px solid #ddd; border-bottom:none; } .isfaCont_in dl.type04{height:auto;} .isfaCont_in dl.type03 dt, .isfaCont_in dl.type04 dt{padding-top:0px;} .isfaCont_in dd{font-size:13px} .isfaCont_in dd h6{font-size:15px; } .isfa_cont .grayBox{} .isfa_cont .grayBox ul{display:block; width:100%; overflow:hidden; clear:both; } .isfa_cont .grayBox ul li{float:left; width:33.3333%; } .isfa_cont .grayBox .txt{display:block; width:100%; padding:15px 0 0;} .isfa_cont .grayBox .txt .none{display:none; } /*** E::Big Data_ ISFA ***/ /*** S::Big Data_ RDA & IDA ***/ .rda_cont{ } .rdaCont_in{ padding:30px 0 0;} .rdaCont_ida{} .rdaCont_ida img{width:100%;} .rdaCont_ida dl{text-align:left; margin:0; width:100%; } .rdaCont_ida dt{font-size:16px; padding:20px 0 5px} .rdaCont_detection{} .rdaContDetection_tech{width:102%; margin:0 -1%;} .rdaContDetection_tech li{width:48%; margin:0 1%;; margin-bottom:15px;} .rdaContDetection_tech li h6{font-size:15px;} .rdaContDetection_vs.borderBox{border:none; padding:0;} .rdaContDetection_vs dl{ width:45%; } .rdaContDetection_vs dt{ margin:0;font-size:13px; } .rdaContDetection_vs dt strong{font-size:24px; } .rdaContDetection_vs dd{ padding:64px 15px 20px; margin-top:-40px;} .rdaContDetection_vs span{display:inline-block; font-size:22px; padding:0; width:10%; margin:0 -4px; } .rdaContDetection_process{font-size:0;} .rdaContDetection_process li{display:inline-block; vertical-align:top; margin:0 1px 10px; height:123px; width:164px;} .rdaContDetection_process li img{height:100%; width:auto; } /*** E::Big Data_ RDA & IDA ***/ /*** S::IA-RPA_ UipathRPA ***/ .rpaCont_roll .slick-arrow{top:20%; width:12px; height:17px; } .rpaCont_roll .slick-prev{left:10px; background-size:100%;} .rpaCont_roll .slick-next{right:10px; background-size:100%;} .rpaCont_methodology_table{} .rpaCont_methodology_table .dep_stit .pointOrange{ font-size:13px; } .rpaCont_methodology_table dl{display:block; width:100%; overflow:hidden; clear:both; position:relative;} .rpaCont_methodology_table dl::after{content:""; display:block; position:Absolute; right:0; top:0; width:1px; height:100%; background:#ddd; z-index:-1;} .rpaCont_methodology_table dl:last-child{border-bottom:1px solid #ddd; } .rpaCont_methodology_table dl dt{display:block; width:100%; margin:0; } .rpaCont_methodology_table dl dt span{display:inline-block; vertical-align:middle; padding:0 3px 0 0; } .rpaCont_methodology_table dl dd{display:block; width:50%; float:left; margin:0 !important; border:none; } .rpaCont_methodology_table dl dd:nth-child(2){border-left:1px solid #ddd;border-right:1px solid #ddd; } .rpaCont_methodology_table dl:first-child {display:table; background:#7d7e81} .rpaCont_methodology_table dl:first-child dt{display:none; } .rpaCont_methodology_table dl:first-child dd{display:table-cell; font-size:13px; padding:8px 0;} .rpaCont_methodology_table dl:first-child dd:nth-child(2){border:none; } .rpaCont_methodology_table dl:first-child dd span{font-size:13px;} .rpaCont_love{} .rpaCont_love_in{background-position:center 20px; padding:30px 0;} .rpaCont_love_in .img_tit{padding:20px 0 28px;} .rpaCont_love_inDia li h6 {font-size:16px; padding:1px 0 2px;} .rpaCont_love_inDia li span {font-size:12px} /*** E::IA-RPA_ UipathRPA ***/ /*** S::Company_ About Us ***/ .about_cont{} .aboutCont_in{padding:22px; font-size:13px;} .aboutCont_in h5{font-size:18px; line-height:130%;} .aboutCont_in h5 span{font-size:16px;} .aboutCont_in.bg01{background:url('/chn/about/img/about_img01_m.jpg') no-repeat center center; padding:22px;} .aboutCont_in.bg02{background:url('/chn/about/img/about_img02_m.jpg') no-repeat center center; } .aboutCont_values .m_img{display:block;} .aboutCont_values .pc_img{display:none;} /*** E::Company_ About Us ***/ /*** S::Company_ Our Story ***/ .tableWrap{background:url('/chn/about/img/his_line.gif') repeat-y 40px top; padding:0 0 30px;} .his_in h6{margin:0; width:90px; height:90px; font-size:18px; font-weight:800; line-height:120%; padding:24px 0 0;} .his_in .his_txt{float:none; clear:both; text-align:left; width:100%; box-sizing:Border-box; padding:0 0 38px 40px; font-size:15px; letter-spacing:0; } .his_in .his_txt dl{width:90%; padding:0 0 4px 20px; clear:Both; } .his_in .his_txt dt{width:60px; font-size:18px; } .his_in .his_txt dd{font-size:14px; width:calc(100% - 60px);} .his_in .his_txt dt.line{padding-top:8px;} .his_in .his_txt dt.line + dd{padding-top:8px;} .his_in .his_txt dt.line::before{width:15px; left:-20px} .his_in .his_img{float:none; clear:both; width:100%; box-sizing:Border-box; padding:10px 0 10px 60px; } .his_in:nth-child(odd) .his_txt dl{display:block;} .his_in:nth-child(odd) .his_txt{float:none; clear:both ; text-align:left; padding:0 0 40px 40px;} .his_in:nth-child(odd) .his_img{padding:10px 0 10px 60px; text-align:left;} .his_in:nth-child(even) .his_txt dt{float:left; } .his_in:nth-child(even) .his_txt dd{ float:left; padding-left:10px; padding-right:0px; width:calc(100% - 60px); box-sizing:border-box;} .his_in:nth-child(even) .his_txt dt.line::before{left:-20px;} .his_in:nth-child(even) .his_txt dd::before{left:-10px; } .his_in:nth-child(even) .his_img{padding:10px 0 10px 60px; text-align:left;} /*** E::Company_ Our Story ***/ /*** S::Company_ Contact Us ***/ .contact_cont{padding:50px 40px;} .contact_cont h5{font-size:17px;} .contact_cont h6{ font-size:26px; } .contact_cont{letter-spacing:0; } .form_table td,table {font-size:13px; } .form_table th{display:block; width:100%; box-sizing:border-box; border-bottom:none; padding:10px 5px 0;} .form_table td{display:block; width:100%; box-sizing:border-box; padding:3px 5px 10px;} /* input 디자인 */ .form_table td .input{width:100%;} .form_table td select{width:32%;} .form_table td .input_num + font, .form_table td select + font{width:2%;} .form_table td .input_num{width:32%;} .form_table td .input_file {padding:5px; border:1px solid #ddd;} .form_table td .input_add {margin-bottom:3px;} .form_table td .input_adr{width:48%;} .form_table td .input_adr + span{width:4%; } .form_table td .input_adr + select{width:100%; margin:2px 0 0;} .form_table td .inputVcode{width:140px;} .form_table td textarea{height:100px} /*** E::Company_ Contact Us ***/ /*** S::Company_ Locations ***/ .loca_cont{} .root_daum_roughmap { height:240px !important; } .loca_cont iframe{height:240px;} .loca_info {} .loca_info dl{ padding:15px 0 13px; } .loca_info dt{} .loca_info dd{} .loca_info .btns a{ width:100%; height:44px; font-size:13px; line-height:42px; } .loca_info .btns a.print{display:none; } .loca_cont .google_loca {min-height:auto; max-width:293px;} .loca_cont .google_loca p {display:none;} .loca_cont .google_loca a.direction {display:none} /*** E::Company_ Locations ***/ } /******************************************************************************* @media ~480px *******************************************************************************/ @media all and (max-width:480px){ #visual{} #visual h2{padding:110px 0 50px; font-size:29px;} .moreBtn.type2{ width:100%;} /*** S::준비중 ***/ .ready_cont{;} .ready_cont dt{font-size:35px; } .ready_cont dd{padding:5px 0 0;} /*** E::준비중 ***/ .tabStyle{} .tabStyle li{width:50%; } .tabStyle li a{font-size:14px; padding:11px 0;} .tit_area{padding:30px 0 19px;} .tit_area h3{font-size:26px;} .tit_area h3 span{display:block; margin:3px 0 0; font-size:15px; line-height:120%; } .cont_tit{font-size:23px; } .cont_stit{font-size:15px; } .contentArea{margin-bottom:60px;} .dep_tit{font-size:17px; background-position:left 3px; background-size:14px auto; padding:0 0 10px 18px} div > .dep_tit{margin-top:35px;} .dep_stit{font-size:15px; margin-top:35px; background-position:left 7px} .txt h6{font-size:15px; } .dep_check{} .dep_check li, .dep_check dd{background-size:10px auto; background-position:left 4px; padding:0 0 4px 15px} .img_tit{ font-size:18px; padding:0 0 35px } .hr{ margin:30px 0;} .grayBox{ padding:18px 15px;} .borderBox{padding:18px 15px;} .moreBtn{margin:30px auto 0; } .btnsBox{ padding:28px 0 0; font-size:13px;} .btnsBox .moreBtn{margin-top:15px; } .btmcontact_txt{margin:30px 0 0; padding:15px 0 0; font-size:13px; } .btmcontact_txt a{font-size:13px; } /*** S::Factory Automation_ Eiworks ***/ .ei_cont .eiCont_in{} .eiCont_in ul{width:100%; } .eiCont_in li{height:auto;width:100%; margin:0 0 10px;} .eiCont_in li:nth-child(3) {margin:0 0 10px;} .eiCont_in li img{width:80%;} /*** E::Factory Automation_ Eiworks ***/ /*** S::Factory Automation_ ISWT / ISW ***/ .isw_cont{} .isw_cont dl{width:100%; margin:20px 0 0;} .isw_cont dd{width:50%; margin:0; text-align:Center; } .isw_cont dd:last-child{margin:3% 0 0 25%;} .isw_cont dd img{width:90%; } /*** E::Factory Automation_ ISWT / ISW ***/ /*** S::Big Data_ RDA & IDA ***/ .rda_cont{ } .rdaCont_in{ padding:20px 0 0;} .rdaCont_ida{} .rdaCont_ida img{width:100%;} .rdaCont_ida dt{font-size:14px; } .rdaCont_detection{} .rdaContDetection_tech{width:100%;margin:0} .rdaContDetection_tech li{width:100%; margin:0 0 10px; font-size:13px;} .rdaContDetection_tech li h6{font-size:14px;} .rdaContDetection_vs.borderBox{border:none; padding:0;} .rdaContDetection_vs dl{ width:100%; } .rdaContDetection_vs dt{ margin:0;font-size:13px; padding:12px 0 8px;} .rdaContDetection_vs dt strong{font-size:20px; } .rdaContDetection_vs dd{ padding:15px 15px 15px; margin-top:0;} .rdaContDetection_vs span{display:inline-block; font-size:20px; padding:10px 0;margin:0} .rdaContDetection_process{font-size:0;} .rdaContDetection_process li{display:inline-block; vertical-align:top; margin:0 1px 10px; height:95px; width:auto;} .rdaContDetection_process li img{height:100%; width:auto; } .rdaCont_bigdata{} .rdaCont_bigdata ul{width:100%; } .rdaCont_bigdata li{width:100%; margin:0 0 4px; padding:10px 25px; text-align:left; box-sizing:border-box; } .rdaCont_bigdata li img{display:inline-block; height:30px; margin-right:10px;} /*** E::Big Data_ RDA & IDA ***/ /*** S::IA-RPA_ UipathRPA ***/ .rpaCont_level{} .rpaCont_level dt{width:55px; height:55px; border:3px solid #e1e1e1;line-height:49px; font-size:17px; } .rpaCont_level dd{padding:8px 0 0 10px; width:calc(100% - 55px); } .rpaCont_component{} .rpaCont_component_in dt {width:90px; vertical-align:top;} .rpaCont_component_in dd{font-size:13px; letter-spacing:0; } .rpaCont_component_in dd h6{font-size:14px; padding-bottom:3px;} .rpaCont_component_in dd h6 span{font-size:13px;} .rpaCont_component_in i{margin:15px 34px} /*** E::IA-RPA_ UipathRPA ***/ /*** S::Company_ Our Story ***/ .tableWrap{background:url('/chn/about/img/his_line.gif') repeat-y 35px top; padding:0 0 30px;} .his_in h6{margin:0; width:70px; height:70px; font-size:15px; font-weight:800; line-height:120%; padding:18px 0 0;} .his_in .his_txt{float:none; clear:both; text-align:left; width:100%; box-sizing:Border-box; padding:0 0 38px 40px; font-size:15px; letter-spacing:0; } .his_in .his_txt dl{width:90%; padding:0 0 4px 20px; clear:Both; } .his_in .his_txt dt{width:50px; font-size:16px; } .his_in .his_txt dd{font-size:13px; width:calc(100% - 50px);} .his_in .his_txt dt.line{padding-top:8px;} .his_in .his_txt dt.line + dd{padding-top:8px;} .his_in .his_txt dt.line::before{width:15px; left:-25px} .his_in .his_txt dd::before{top:10px;} .his_in:nth-child(odd) .his_txt dl{display:block;} .his_in:nth-child(odd) .his_txt{float:none; clear:both ; text-align:left; padding:0 0 40px 40px;} .his_in:nth-child(odd) .his_img{padding:8px 0 10px 60px; text-align:left;} .his_in:nth-child(even) .his_txt dt{float:left; } .his_in:nth-child(even) .his_txt dd{ float:left; padding-left:10px; padding-right:0px; width:calc(100% - 50px); box-sizing:border-box;} .his_in:nth-child(even) .his_img{padding:8px 0 10px 60px; text-align:left;} /*** E::Company_ Our Story ***/ /*** S::Company_ Contact Us ***/ .contact_cont{padding:40px 0 50px; } .contact_cont h5{font-size:16px; } .contact_cont h6{ font-size:20px; padding:2px 0 9px; line-height:130%;} .contact_cont p{letter-spacing:0;padding:0 40px } /*** E::Company_ Contact Us ***/ /*** S::사이트맵 ***/ .sitemap_cont{ } .sitemap_cont dl{ width:100%; margin:0 0 40px 0; } /*** E::사이트맵 ***/ } /******************************************************************************* @media ~360px *******************************************************************************/ @media all and (max-width:360px){ #visual h2 span{ font-size:0.7em; } /*** S::Company_ Contact Us ***/ .contact_cont{padding:30px 0 40px; } .contact_cont h5{font-size:16px; } .contact_cont h6{ font-size:20px; padding:2px 0 9px; line-height:130%;} .contact_cont p{letter-spacing:0;padding:0 30px } /*** E::Company_ Contact Us ***/ /*** S::Factory Automation_ ISWT / ISW ***/ .isw_cont{} .isw_cont .iswCont_iswt .grayBox img{width:100%;} .isw_cont dl{width:100%; margin:20px 0 0;} .isw_cont dd{width:100%; margin:0; text-align:Center; } .isw_cont dd:last-child{margin:3% 0 0 ;} /*** E::Factory Automation_ ISWT / ISW ***/ }