@import url(common.css); .silkscreen{position: fixed;top: 0;left: 0;right: 0;height: 100%;z-index: 350;background: #fff;transform: translate3d(0, 0, 0);} #container{overflow: hidden;} .sub_visual{position: relative;height: 230px;margin-bottom: 190px;} .sub_title{text-align: center;position: absolute;width: 100%;bottom: -160px;color: #000;} .sub_title span{display: block;} .sub_title .top{font-size: 56px;font-weight: 600;} .sub_title .btm{font-size: 15px;font-weight: 300;margin-top: 35px;color:#e7e7e7;letter-spacing: 2.5px;opacity: 0;transform: translateY(-70px);display: none!important;} .path{display: flex;position: absolute;right:0;bottom:30px;padding-left: 8px;} .path:before{content: '';width: 2px;height: 2px;background-color: #fff;position: absolute;left: 0;top:9px;} .path>li{margin-right: 27px;position: relative;} .path>li:after{content: '';width: 5px;height: 7px;background: url(../images/sub/path_arrow.png)center no-repeat;position: absolute;right: -17px;top: 6px;} .path>li:last-child{margin-right: 0;} .path>li:last-child:after{display: none;} .path>li>a, .path>li>span{font-size: 14px;color:#fff;} .path>li>span{color:#01d3fa; font-weight:500;} .path>li.home {font-weight:500;} .scroll_line{display: none!important;} /*타이틀*/ .titleA{font-size: 24px;font-weight: 500;margin-bottom: 22px;position: relative;margin-top: 40px;letter-spacing: -1.5px;text-align: left;} .titleA:first-child{margin-top:0;} .titleA.white{color:#fff;} .titleB{font-size: 20px;color:#2d44b6;font-weight: 500;margin-bottom: 12px;margin-top: 40px;display: block;} .titleC{font-size: 20px;font-weight: 600;} .titleD{font-size: 28px;font-weight: 300;margin-top: 35px;} .titleD .small{font-size: 15px;font-weight: 400;} .titleE{font-size: 38px;color:#333;margin-bottom: 10px;} .titleE strong{font-weight: 600;color:#044487} .textA{font-size: 17px;line-height: 1.7;letter-spacing: -1px;} .textB{font-size: 16px;line-height: 1.6;color: #2d44b6;margin-top: 4px;} .textC{font-size: 17px;line-height: 1.7;letter-spacing: -1px;text-wrap: balance;margin-bottom: 15px;text-align: center;} .sub_text2{font-size: 26px;font-weight: 300;text-align: center;line-height: 1.5;margin-bottom: 50px;} .italic, .italic>em{font-size: 22px;font-style: italic;font-weight: 300;} #content{text-align: center;margin-top: 0;transition: 1s;position: relative;padding-bottom: 100px;min-height: calc(100vh - 550px);} #content>.wrap{position: relative;} .front{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .sub_visual .bg{height: 210px;width:100%;overflow: hidden;position: relative;top:0;/*transition: height 1s ease;*/} .sub_visual .bg .wrap{position: absolute;left: 50%;bottom:0;height: 100%;transform: translateX(-50%);/*transition: height 1s;*/} .sub_visual .bg img{position: absolute;bottom:0;transform:scale(1.2) rotate(.001deg);/*transition:transform 1s;-ms-transition:transform 1s;*/height: 100%;object-fit: cover;} .bg_area{background: url(../../images/sub/sub_visual01.jpg)center top no-repeat;display: block;width: 100%;height: 100%;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sub_visual .bg{transition: height 1s;} .sub_title{transition: height 1s;} } /* 탭 */ .tab_wrap .now_tab {display: none;} .box_con{display: none;} .box_con.current{display: block;} .tabA{display:flex;border-bottom:1px solid #008df0;height: 50px!important;margin-bottom: 50px!important;z-index: 60;gap: 3px;} .tabA li{text-align: center;border: 1px solid #dbdbdb;border-bottom: 0;width: 100%;} .tabA li:first-child{border-left:1px solid #dbdbdb;} .tabA li a{font-size: 16px;display: block;padding: 0 10px;position: relative;max-height: 50px;height: 100%;display: flex;align-items: center;justify-content: center;color: #727272;word-break: break-all;} .tabA li a:before{content: '';width: 10px;height: 10px;background:#008df0;transform: rotate(45deg);position: absolute;bottom:-4px;left:50%;margin-left: -5px;opacity: 0;display: none;} .tabA li a:hover{color: #008df0;} .tabA li.current{border: 1px solid #008df0;border-bottom: 0;background: #008df0;} .tabA li.current a{color:#fff;} .tabA li.current a:before{opacity: 1;transition: .4s;} .move .sub_visual .scroll_line{opacity: 0;} .show .sub_title .btm{opacity: 1;transform: translateY(0);transition: 1.5s;} .show .sub_visual .bg img{transform: scale(1);max-width: 100%;} .sub_line{text-align: center;position: relative;width: 100%;} .sub_line span{width: 1px;height: 40px;display: inline-block;} .sub_text{font-size: 28px;display: inline-block;margin-bottom:95px} .quote{position: relative;padding: 0 55px;} .quote:before, .quote:after{content: '';width: 31px;height: 23px;background: url(../images/sub/quote.png)center no-repeat;position: absolute;top:-6px;background-size: 100%;} .quote:before{left:0;} .quote:after{right:0;transform: rotate(180deg);} .sub_move{width: 100%;display: flex;justify-content: space-between;z-index: 2;position: absolute;top: -90px;left: 0;} .sub_move .prev .arrow{text-align: left;padding-left: 87px;padding-right: 0;letter-spacing: -1px;} .sub_move .prev .arrow:before{right: auto;left: 21px;} .sub_move .prev .arrow:after{right: auto;left: 21px;transform: rotate(180deg);} .sub_move .prev .circle{right: auto;left: 0;} .sub_move .prev:hover .arrow{padding-left: 60px;} .sub_move .more_btn .circle:before ,.sub_move .more_btn .circle:after{height: 12px;margin-left: 1px;} .sub_move .more_btn .circle:before{transform: rotate(-50deg);margin-top: -11px;} .sub_move .more_btn .circle::after{transform: rotate(50deg);top: 43%;} .sub_move .prev .more_btn .circle:before, .sub_move .prev .more_btn .circle:after{margin-left: -2px;} .sub_move .prev .more_btn .circle:before{transform: rotate(50deg);} .sub_move .prev .more_btn .circle::after{transform: rotate(-50deg);} #cts{text-align: left;} .logo_img{font-size: 0;line-height: 0;width: 175px;height: 45px;background:url(../images/common/logo_black.png)center no-repeat;display: inline-block;background-size: 100%;} .security_menu a:after{background: url(../images/sub/quick_bg01.jpg)center no-repeat;background-size: cover;} .network_menu a:after{background: url(../images/sub/quick_bg02.jpg)center no-repeat;background-size: cover;} .management_menu a:after{background: url(../images/sub/quick_bg03.jpg)center no-repeat;background-size: cover;} /*이미지 확대보기팝업*/ .img_pop{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;box-sizing: border-box;z-index: 900;background: #fff;display: none;} .img_pop .img_inner{overflow: auto;padding: 20px 20px 58px 20px;height: 100%;} .img_pop .img_inner img{max-width: none;} .img_pop .img_close{position: fixed;left: 0;bottom: 0;text-align: center;background: #333;color: #fff;width: 100%;font-size: 16px;padding: 15px 10px;box-sizing: border-box;} .img_wrap{text-align: center;} .img_wrap>img{max-width: 100%;display: block;margin: 0 auto;} /*텍스트 스타일*/ .bullet_list{} .bullet_list>li{display: inline-block;margin-right: 40px;} .bullet_list>li:last-child{margin-right: 0;} .bullet01{font-size: 17px;padding-left: 18px;position: relative;line-height: 1.7;margin-top: 8px;letter-spacing: -1px;} .bullet01:before{content: '';width: 3px;height: 3px;background-color: #2d44b6;position: absolute;left: 5px;top:10px;} .bullet01 .point{display: block;color:#2d44b6;font-weight: 500;margin-bottom: 3px;} .bullet02{font-size: 13px;position: relative;padding-left: 8px;} .bullet02:before{content: '';width: 6px;height: 1px;background-color: #242424;position: absolute;left: 0;top:8px;} .num_list{margin: 0;margin-top: 34px;padding-left: 22px;} .num_list li{list-style: decimal;position: relative;} .num_list li:last-child{margin-bottom: 0;} .bullet_num{padding-left: 1em;position: relative;margin-bottom: 5px;} .bullet_num:before{content: attr(data-num);position: absolute;left: 0;top:0} /*테이블공통*/ .searchArea{background:#efeff4;padding: 27px 30px;display: flex;justify-content: center;margin-bottom: 40px;align-items: center;} .searchArea>*{margin-right:10px} .searchArea>*:last-child{margin-right:0} .searchArea label{display:none;} .searchArea input, .searchArea select{border:1px solid #fff;} .searchArea .btn_area a{margin-right:5px;height:45px;padding: 11px 20px;-webkit-padding-before:13px;min-width: 110px;} .searchArea a{width: 160px;} .searchArea .btn02 a{width: 110px;} .table_top{position: relative;display: flex;align-items: flex-end;margin-bottom: 10px;} .table_top.text{margin-bottom: 10px;} .table_top.text .top_detail{margin-left: auto;} .table_top .titleB{margin: 0 0 5px 0;} .total{font-size:14px;padding-left: 18px;margin-right: 30px;position: relative;} .total:before{content: '';width:13px;height: 13px;background: url(../images/common/total.png)left top no-repeat;position: absolute;left: 0;top: 2px;} .total .count{color:#4354da} .attach_btn{display: inline-block;vertical-align: top;padding-left: 25px;margin-right: 35px;transition:color .4s;position: relative;} .attach_btn:hover{color:#3a57c2;text-decoration: underline;} .attach_btn:before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;} .attach_btn.file{width: 20px;height: 15px;} .attach_btn.file:before{background: url(../images/sub/file_bg.png)center no-repeat;} .state{font-size:13px;display: inline-block;min-width: 80px;height: 29px;padding: 6px 10px;-webkit-padding-before:7px;} .state01{border:1px solid #242424;background:#fff;} .state02{border:1px solid #2d44b6;background:#fff;color:#2d44b6;} .state03{background:#2d44b6;color:#fff;font-weight: 300;} .state04{background:#868686;color:#fff;font-weight: 300;} .pill{padding-left: 10px;position: relative;} .pill:after{content: '*';color:#e21625;position: absolute;left: 0;top:0;} .table_p{font-size: 13px;margin-top:7px;position: relative;display: block;} .table_p:first-child{margin-top:0} .table_chk{color: #ff0000;font-size: 13px;margin-top: 6px;display: block;width: 100%;line-height: 1.4!important;background: url(../images/sub/titChk_ico.png) left top 1px no-repeat;padding-left:18px;} .attach_td .table_p{margin:3px 0 7px 0;} .file_box{position: relative;} .file_list{margin-top: 7px;} .file_list:first-child{margin-top: 0;} .attach_td .btn_area{position: absolute;top: 0;left: 510px;} .attach_td .btn_area button{margin-right: 5px;} .attach_td .btn_area button:last-child{margin-right: 0;} .t_left .btn_area{justify-content: flex-start;flex-wrap: wrap;margin-top: -5px;} .t_left .btn_area a{margin-top: 5px;} /*테이블L(리스트 테이블)*/ .tableL{border-top:1px solid #2d44b6;} .tableL tr{min-height: 50px;transition:background .4s;} .tableL thead tr{background:#efeff4;} .tableL th{font-size: 16px;border-bottom:1px solid #d4d4d4;padding: 17px 15px;position: relative;font-weight: 400;text-align: center;} .tableL th:before{content: '';width: 1px;height: 15px;background:#c4c4c4;position: absolute;right:0;top:19px;} .tableL th:last-child:before{display: none;} .tableL td{border-bottom:1px solid #d4d4d4;padding: 10px 15px;text-align: center;position: relative;height: 56px;} .tableL tbody tr:hover{background-color:#f7f7f8;} .tableL td a{display: block;} .tableL td a:hover{color:#3a57c2;text-decoration: underline;transition:color .4s;} .tableL .attach_btn{font-size:0;line-height:0;padding:0;margin: 0 3px;} .tableL .t_link tr:hover{cursor: pointer;} .tableL .t_link tr:hover a{text-decoration: underline;color:#3a57c2;} .important.num{position: relative;} .important.num:before{content: '중요';font-size: 13px;color:#fff;background-color: #4886f7;width: 41px;height: 24px;position: absolute;left: 50%;top:50%;margin: -12px 0 0 -20px;padding: 5px 0;border-radius: 10px;} /*테이블V(뷰테이블)*/ .tableV{border-top:1px solid #2d44b6;margin-bottom: 40px;} .view_top{font-size:16px;background:#efeff4;border-bottom:1px solid #d4d4d4;padding: 18px 40px;position: relative;font-weight: 400;display: flex;justify-content: space-between;} .view_top .title{font-weight: 500;line-height: 1.4;width: calc(100% - 100px);} .view_top .right{display: flex;width: 100px;justify-content: flex-end;} .view_top .right p{font-size: 14px;} .view_top .right p{font-size: 14px;position: relative;padding: 0 22px;line-height: 21px;} .view_top .right p:before{content: '';width: 1px;height: 15px;background:#d4d4d4;position: absolute;right:0;top:4px;} .view_top .right p:last-child{padding-right:0 !important;} .view_top .right p:last-child:before{display: none;} .view_top.long .title{width: calc(100% - 280px);} .view_top.long .right{width: 280px;} .view_down{margin: 20px 20px 0 20px;border:1px solid #d4d4d4;font-size: 14px;padding: 15px 20px;display: flex;} .view_down dt{color:#3a57c2;padding-right: 25px;margin-right: 25px;position: relative;line-height: 22px;} .view_down dt:before{content: '';width: 1px;height: 15px;background: #ccc;position: absolute;right:0;top:4px;} .view_down dd{display: flex;flex-wrap: wrap;width: calc(100% - 80px);} .view_down dd .attach_btn{margin-top:2px;margin-bottom: 2px;width: auto;} .view_down dd .attach_btn.file:before{background-position: left center;background-size: 17px;} .view_cts{padding: 40px;font-size: 15px;border-bottom:1px solid #d4d4d4;} .view_cts p{line-height: 1.6;} .view_cts img{display: block;/*margin: 0 auto;*/} .viewList{border-top:1px solid #d4d4d4;} .viewList>div{border-bottom:1px solid #d4d4d4;display: flex;font-size: 14px;} .viewList span{color:#2d44b6;background: #efeff4;padding: 18px 10px;width: 180px;text-align: center;position: relative;} .viewList span:before, .viewList span:after{content: '';width: 1px;height: 7px;background: #2d44b6;position: absolute;left: 23px;top:50%;margin-top: -4px;} .viewList span:before{transform: rotate(45deg);} .viewList span:after{transform: rotate(-45deg);left: 28px;} .viewList .nextList span:before{transform: rotate(315deg);} .viewList .nextList span:after{transform: rotate(45deg);} .viewList a{padding: 18px 20px;transition:color .4s;width: calc(100% - 180px);} .viewList a:hover{color:#2d44b6;text-decoration: underline;} /*테이블W(글쓰기 테이블)*/ .tableW{border-top:1px solid #2d44b6;} .tableW th{background:#efeff4;border-bottom:1px solid #d4d4d4;padding: 7px;font-weight: 400;text-align: center;} .tableW td{border-bottom:1px solid #d4d4d4;padding: 7px 15px;height: 56px;line-height: 1.6;} .tableW td>*{vertical-align: middle;} .tableW td label{margin:0;} .tableW td.pill:after{display: none;} .tableW .btn{font-size: 14px;padding: 7px 15px;height: auto;min-width: auto;} .tableW td.select_in .email03{width: 172px;} .tableW td.select_in>*:last-child{margin-right: 0;} td.select_in input, td.select_in select{width: calc(33.3% - 11px)!important;max-width: 170px;min-width: auto;} .idDupCk input{width: calc(100% - 90px)!important;max-width: 250px;margin-right: 4px!important;} .idDupCk .chk_btn{color: #fff;background-color: #242424;text-align: center;min-width: 80px;padding: 10px;height: 35px;font-size: 13px;display: inline-block;} /*페이징*/ .paging{margin-top:40px;display: flex;align-items: center;justify-content: center;} .paging button, .paging a{width: 20px;height: 25px;} .paging button{font-size:0;line-height:0;width: 25px;background-repeat: no-repeat;background-position: center;} .paging button.first{background-image: url(../images/common/first_arrow.png);} .paging button.prev{background-image: url(../images/common/prev_arrow.png);margin-right: 13px;} .paging button.next{background-image: url(../images/common/prev_arrow.png);transform:rotate(180deg);margin-left: 13px;} .paging button.last{background-image: url(../images/common/first_arrow.png);transform:rotate(180deg);} .paging .num{font-size: 14px;text-align: center;margin:0 5px;line-height: 24px;border-radius: 50%;} .paging .num:hover{color:#2d44b6;font-weight: 500;} .paging .num.on{background-color:#2d44b6;color:#fff;font-weight: 500;width: 25px;} /* 테이블A(일반페이지) */ .tableA{border-top:2px solid #2d44b6;} .tableA th{background:#efeff4;border-bottom:1px solid #d4d4d4;padding: 10px;border-left: 1px solid #d4d4d4;font-weight: 500;text-align: center;height: 50px;} .tableA td{background:#fff;border-bottom:1px solid #d4d4d4;padding: 8px 10px;text-align: center;border-left: 1px solid #d4d4d4;height: 50px;word-break: break-all;} .tableA tr *:first-child{border-left: 0;} .tableA .bl{border-left: 1px solid #d4d4d4!important;} .tableA img{max-width: 100%;} /*제품문의*/ #complete_pop .cts p{font-size: 16px;margin-bottom: 5px;} #complete_pop .cts p:last-child{margin-bottom: 0;} .tableW td.select_in .b_number01{width: 160px;} .tableW td.select_in .b_number02{width: 130px;} .tableW td.select_in .b_number03{width: 212px;} .m_btn{margin-top: 20px;display: none;} /*솔루션 로고*/ .title_bg{font-size: 0;line-height: 0;display: block;} .title_bg.airtms{width: 214px;height: 73px;background: url(../images/sub/airtms_wips.png)left top no-repeat;margin-bottom: 62px;background-size: 100%;} .title_bg.bluemax{width: 658px;height: 70px;background: url(../images/sub/firewall_title.jpg)left top no-repeat;margin-bottom: 62px;background-size: 100%;} .title_bg.sniper{width: 285px;height: 71px;background: url(../images/sub/sniper_onei.jpg)left top no-repeat;margin-bottom: 38px;background-size: 100%;} .title_bg.sniper02{width: 304px;height: 71px;background: url(../images/sub/sniper_oned.jpg)left top no-repeat;margin-bottom: 38px;background-size: 100%;} .title_bg.genian{width: 357px;height: 80px;background: url(../images/sub/control_title.jpg)left top no-repeat;margin-bottom: 38px;background-size: 100%;} .title_bg.hunesion{width: 311px;height: 35px;background: url(../images/sub/linkage_title01.jpg)left top no-repeat;margin-bottom: 38px;background-size: 100%;} .title_bg.darktrace{width: 277px;height: 80px;background: url(../images/sub/darktrace_title.jpg)left top no-repeat;margin-bottom: 23px;background-size: 100%;} .title_bg.appm{width: 312px;height: 48px;background: url(../images/sub/appm_title.jpg)left top no-repeat;margin-bottom: 30px;background-size: 100%;} .title_bg.log{width: 349px;height: 85px;background: url(../images/sub/logcenter_title.jpg)left top no-repeat;margin-bottom: 30px;background-size: 100%;} .title_bg.whatap{width: 281px;height: 55px;background: url(../images/sub/whatap_title.jpg)left top no-repeat;margin-bottom: 35px;background-size: 100%;} .title_bg.nutanix{width: 400px;height: 55px;background: url(../images/sub/nutanix_title.jpg)left top no-repeat;margin-bottom: 40px;background-size: 100%;} .title_bg.apc{width: 165px;height: 46px;background: url(../images/sub/apc_title.jpg)left top no-repeat;margin: 10px 10px 0 0;background-size: 100%;} .title_bg.dell{width: 125px;height: 64px;background: url(../images/sub/dell_title.jpg)left top no-repeat;margin: 0 10px 0 0;background-size: 100%;} .title_bg.vis{width: 126px;height: 54px;background: url(../images/sub/vis_title.jpg)left top no-repeat;margin: 0 10px 0 0;background-size: 100%;} .title_bg.focs{width: 168px;height: 56px;background: url(../images/sub/police_title.jpg)left top no-repeat;margin: 0 25px 0 0;background-size: 100%;} /*백본스위치*/ .backbone_box{justify-content: space-between;} .backbone_box .imgArea{height: 500px;} .backbone_box .imgArea .bg01{right: 0;top:0;background: url(../images/sub/backbone_bg01.jpg)center top no-repeat;} .backbone_box .imgArea .bg02{width: 434px;height:402px;left:0;top: 158px;background: url(../images/sub/backbone_bg02.png)center no-repeat;background-size: 100%;} .inner_box{background: url(../images/sub/backbone_bg.jpg)left top no-repeat;background-size: cover;position: relative;z-index: 1;} .inner_box:after{content: '';width: 448px;height: 214px;background: url(../images/sub/backbone_bg_btm.jpg)center no-repeat;position: absolute;right:0;bottom:0;z-index: -1;} .inner_box .wrap{padding: 90px 0 95px 0;} .backbon_wbox .left{width: 680px;} .backbon_wbox .right{width: calc(100% - 680px);} .backbon_wbox .box{width: calc(100% - 38px);margin-left: 38px;margin-bottom: 40px;padding: 37px 40px;} .backbon_wbox .box:last-child{margin-bottom: 0;} .backbon_wbox .box.box01{width: 100%;margin:0} .backbon_wbox .box .bullet_list li{width: 50%;} .spinleaf{margin-top: 50px;} .spinleaf span{position: relative;display: block;width: 600px;} .spinleaf span em{font-size: 14px;color: #242424;font-weight: 500;position: absolute;right: 15px;top: 15px;} .spinleaf .bg{width: 600px;height: 486px;background: url(../images/sub/spineleaf_bg.jpg)center top no-repeat;background-size: 100%;} .spinleaf .bg02 em{top: 162px;} .spinleaf .bg01{height: 200px;background: url(../images/sub/spineleaf_bg01.jpg)center top no-repeat;} .spinleaf .bg02{height: 349px;background: url(../images/sub/spineleaf_bg02.png)center top no-repeat;margin-top: -63px;} .backbone_cts02 .item{min-height: 210px;} .backbone_cts02 .item01 .circle_icon{background-image: url(../images/sub/backbone_icon01.png);} .backbone_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon30.png);} .backbone_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon24.png);background-size: 37px 44px;} .backbone_cts02 .item04 .circle_icon{background-image: url(../images/sub/backbone_icon04.png);} .backbone_cts02 .item05 .circle_icon{background-image: url(../images/sub/backbone_icon05.png);} .backbone_cts02 .item06 .circle_icon{background-image: url(../images/sub/icon31.png);} .backbone_cts02 .item07 .circle_icon{background-image: url(../images/sub/backbone_icon07.png);} .backbone_cts02 .item08 .circle_icon{background-image: url(../images/sub/icon33.png);} .backbone_cts02 .item09 .circle_icon{background-image: url(../images/sub/backbone_icon09.png);} .backbone_cts02 .item10 .circle_icon{background-image: url(../images/sub/backbone_icon10.png);} /*네트워크스위치*/ .network_box{justify-content: space-between;} .network_box .textArea{width: calc(100% - 540px);} .network_box .imgArea{width: 540px;height: 500px;margin-top: 27px;} .network_box .imgArea .bg01{right: 0;top:0;background: url(../images/sub/network_bg01.jpg)right top no-repeat;} .network_box .imgArea .bg02{width: 722px;height:299px;left:-166px;bottom: -63px;background: url(../images/sub/network_bg02.png)center no-repeat;background-size: 100%;} .logo_left{display: flex;margin-top: 57px;} .logo_left span{display: block;margin-right: 10px;width: 106px;height: 80px;background-position: left top;background-repeat: no-repeat;} .logo_left .logo01{background-image: url(../images/sub/logo_01.jpg);background-size:100%;} .logo_left .logo02{background-image: url(../images/sub/logo_02.jpg);background-size:100%;} .logo_left .logo03{background-image: url(../images/sub/logo_03.jpg);background-size:100%;} .logo_left .logo04{background-image: url(../images/sub/logo_04.jpg);background-size:100%;} .price_box{width: 100%;display: flex;position: relative;} .price_box:before, .price_box:after{content: '';width: 40px;height: 78px;background: url(../images/sub/price_bg.png)center no-repeat;position: absolute;top: 22px;z-index: 2;background-size: 100%;} .price_box:before{left: 39px;} .price_box:after{right: 39px;transform: rotateY(180deg);} .price_box li{width: 50%;background: linear-gradient(to right, #1f2d3d, #275571, #1f2d3d);text-align: center;padding: 32px 0px;position: relative;} .price_box li:first-child{padding-left: 45px;} .price_box li:last-child{padding-right: 45px;} .price_box li:before{content: '';width: 1px;height: 71px;background: url(../images/common/pattern01.png)left top repeat-y;position: absolute;right:0;top:22px} .price_box li:last-child:before{display: none;} .price_box li p{font-size: 18px;color: #f9d959;font-weight: 500;line-height: 1.6;} .price_box li p span{font-size: 16px;color: #f2f3f6;font-weight: 400;display: block;} .application_box{margin-bottom: 0;} .application_box .imgArea{width: 520px;height: 500px;} .application_box .bg{background: url(../images/sub/application_bg.jpg)center no-repeat;display: block;width: 100% !important;height: 100%;} .application_box .textArea{width: calc(100% - 520px);padding-left: 51px;padding-right: 0;} .application_box .bullet_list{display: block;font-size: 16px;margin-top: 50px;} .application_box .bullet_list>li{margin-bottom: 25px;} .flex_list>li:last-child{margin-right: 0;} .flex_list>li{text-align: left;height: auto;min-height:220px;display: flex;align-items: center;} .flex_list.f2>li{width: calc(50% - 20px);} .flex_list.f2>li:nth-child(2n){margin-right: 0;} .flex_list.f2>li:nth-child(n+3){margin-top: 40px;} .flex_list.f3>li{width: calc(33% - 22px);} .flex_list.f3>li:nth-child(3n){margin-right: 0;} .flex_list .circle_icon{margin: 0 0 0 40px;width: 110px;height: 110px;} .flex_list .textArea{margin-left: 38px;width: calc(100% - 188px);} .network_cts01 .item{min-height: 220px;} .network_cts01 .item01 .circle_icon{background-image: url(../images/sub/icon14.png);} .network_cts01 .item02 .circle_icon{background-image: url(../images/sub/icon15.png);} .network_cts01 .item03 .circle_icon{background-image: url(../images/sub/icon16.png);} .network_cts01 .item04 .circle_icon{background-image: url(../images/sub/icon17.png);} /*방화벽*/ .firewall_box{align-items: flex-start;} .firewall_box .textArea{width: calc(100% - 750px);} .firewall_box .textArea .text{margin-bottom: 62px;} .firewall_box .textArea .bullet_list{font-size: 18px;margin-top: 35px;} .firewall_box .textArea .bullet_list li{margin-bottom: 0;width: auto;margin-right: 40px;} .firewall_box .textArea .bullet01{padding-left: 15px;} .firewall_box .textArea .bullet01:before{width: 7px;height: 7px;background-color: #0954b6;} .firewall_box .imgArea{width: 750px;height: 366px;} .firewall_box .imgArea .bg01{width: 835px;right: 0;top:0;background: url(../images/sub/firewall_bg01.png)right top no-repeat;background-size: 100%;} .firewall_box .imgArea .bg02{width: 571px;height:227px;right:135px;bottom: -85px;background: url(../images/sub/firewall_bg02.png)center no-repeat;background-size: 100%;} .firewall_cts01 .white_box .box{padding: 86px 30px 30px;background-repeat: no-repeat;} .firewall_cts01 .box01{background-image: url(../images/sub/icon18.png);background-position: center top 31px;} .firewall_cts01 .box02{background-image: url(../images/sub/icon17.png);background-position: center top 29px;} .firewall_cts01 .box03{background-image: url(../images/sub/icon13.png);background-size: 45px;background-position: center top 33px;} .firewall_cts01 .box04{background-image: url(../images/sub/icon19.png);background-position: center top 32px;background-size:50px} .firewall_cts01 .box05{background-image: url(../images/sub/icon20.png);background-position: center top 31px;} .firewall_cts01 .box06{background-image: url(../images/sub/icon21.png);background-position: center top 25px;} .firewall_cts01 .box07{background-image: url(../images/sub/icon22.png);background-position: center top 30px;} .firewall_cts01 .box08{background-image: url(../images/sub/icon23.png);background-position: center top 31px;} .title_box{margin-top: 20px;display: flex;flex-wrap: wrap;} .title_box .box{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.24);border-radius: 10px;margin-right: 40px;width: calc(50% - 20px);overflow: hidden;} .title_box .box:nth-child(2n), .title_box .box:last-child{margin-right: 0;} .title_box .box:nth-child(n+3){margin-top: 40px;} .title_box .top{font-size: 18px;font-weight: 500;color: #fff;text-align: center;padding: 11px 0;border-radius: 10px 10px 0 0; } .title_box .inner{padding: 30px 30px 16px 30px;letter-spacing: -1px;} .title_box .inner .img{width: 100%;display: flex;min-height: 200px;margin-top: 25px;align-items: center;justify-content: center;} .title_box .blue .top{background-color: #009eeb;} .title_box .green .top{background-color: #00c3b2;} .title_box .navy .top{background-color: #1d304c;} .title_box .red .top{background-color: #d26337;} .title_box .yellow .top{background-color: #d79a31;} .boxArea02{position: relative;} .boxArea02:before{content: '';width: 200px;height: 245px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.24);position: absolute;left: 50%;top: 50%;margin: -99px 0 0 -100px;z-index: -1;opacity: 0;transition: .5s;} .boxArea02:before{opacity: 1;} .boxArea02 .box02{margin-top: 0 !important;} .boxArea02 .inner{padding: 28px 30px 37px 30px;} .boxArea02 .inner .img{margin-top: 0;} .position{position: absolute;left: 50%;top:50%;width: 252px;height: 245px;background-color: #fff;margin: -99px 0 0 -126px;} .position .img, .position .bullet_list{position: relative;top: -19px;} .firewall_cts01 .wrap{padding-bottom: 75px;} .inner_box02{background: url(../images/sub/security_bg.jpg)center top no-repeat;background-size: cover;} .inner_box02 .wrap{padding: 96px 0 100px 0;} .firewall_cts03 .inner{padding-bottom: 30px;} .firewall_cts03 .box{box-shadow: 0 0 20px rgba(0,0,0,.05);} .firewall_cts03 .box .bullet_list{display: block;padding-right: 270px;background-position: right top;background-repeat: no-repeat;} .firewall_cts03 .box .img{min-height: auto;justify-content: space-between;} .firewall_cts03 .box01 .bullet_list{background-image: url(../images/sub/bluemax01.png);} .firewall_cts03 .box02 .bullet_list{background-image: url(../images/sub/bluemax02.png);} .firewall_cts03 .box03 .bullet_list{background-image: url(../images/sub/bluemax03.png);} .firewall_cts03 .box04 .bullet_list{background-image: url(../images/sub/bluemax04.png);} .circle_list{display: flex;justify-content: space-around;text-align: center;margin-top: 37px;} .circle_list .circle_icon{width: 95px;height: 95px;} .circle_list p{font-size: 14px;margin-top: 20px;} .fire_img{margin-top: 20px;} .fire_img img{margin: -15px 0 0 -15px;width: calc(100% + 30px);max-width: 1530px;} .firewall_cts03 .box03 .list01 .circle_icon{background-image: url(../images/sub/icon01.png);background-size: 45px;} .firewall_cts03 .box03 .list02 .circle_icon{background-image: url(../images/sub/icon12.png);background-size: 39px;} .firewall_cts03 .box03 .list03 .circle_icon{background-image: url(../images/sub/icon13.png);background-size: 37px;} .firewall_cts03 .box03 .list04 .circle_icon{background-image: url(../images/sub/icon11.png);background-size: 44px;} .firewall_cts03 .box03 .list05 .circle_icon{background-image: url(../images/sub/firewall_circle_icon05.png);} .firewall_cts03 .box04 .list01 .circle_icon{background-image: url(../images/sub/icon29.png);} .firewall_cts03 .box04 .list02 .circle_icon{background-image: url(../images/sub/firewall_circle_icon07.png);} .firewall_cts03 .box04 .list03 .circle_icon{background-image: url(../images/sub/icon23.png);background-size: 36px;} .firewall_cts03 .box04 .list04 .circle_icon{background-image: url(../images/sub/firewall_circle_icon09.png);} .firewall_cts03 .box04 .list05 .circle_icon{background-image: url(../images/sub/firewall_circle_icon05.png);} /*침입방지*/ .ips_box{justify-content: space-between;} .ips_box .textArea{width:calc(100% - 600px)} .ips_box .imgArea{width:600px;height: 500px;} .ips_box .imgArea .bg01{right: 0;top:0;background: url(../images/sub/ips_img01.jpg)right top no-repeat;} .ips_box .imgArea .bg02{width: 766px;height:238px;left: -192px;bottom: -74px;background: url(../images/sub/ips_img02.png)center no-repeat;background-size: 100%;} .ips_cts01 .white_box .box{min-height: 228px;} .ips_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon01.png);} .ips_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon02.png);} .ips_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon03.png);} .ips_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon04.png);} .ips_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon05.png);} .ips_cts01 .box06 .circle_icon{background-image: url(../images/sub/icon06.png);} .ips_cts01 .box07 .circle_icon{background-image: url(../images/sub/icon07.png);} .ips_cts03 .color_box{margin-right: 40px;width: calc(50% - 20px);margin-top: 0;} .ips_cts03 .color_box:last-child{margin-right:0;} .ips_cts03 .color_box img{width: 100%;max-width: 670px;} .shadow_box{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.24);border-radius: 10px;margin-top: 20px;} .shadow_box .inner{padding: 40px;position: relative;} .time{position: absolute;left: 30px;bottom: 40px;font-size: 12px;height: 400px;display: flex;align-items: flex-end;overflow: hidden;} .time:before{content: '';width: 1px;height: 100%;background: #242424;position: absolute;left: 50%;bottom: 22px;} .time:after{content: '';width: 7px;height: 4px;background: url(../images/sub/top_arrow.png)left top no-repeat;position: absolute;left: 50%;top:0;margin-left: -3px;} .time.m_time{display: none;} .sky_ar{display: flex;position: relative;} .sky_ar>div{padding-right: 40px;font-size: 14px;width:calc((100% - 350px)/2);text-align: center;} .sky_ar>div:last-child, .sky_ar .center{padding-right: 0;} .sky_ar .center{width: auto;} .sky_ar .top{font-size: 15px;padding: 10px 0;background-color: #009eeb;color:#fff} .sky_ar .inner_ar{background-color: #c4e4ee;padding: 25px 0 34px 0;} .sky_ar .inner_ar .w225{width: 225px;display: inline-block;} .sky_ar .inner_ar .w225>div:last-child{margin-right: 0;} .sky_ar .inner_ar .w225>div>*{margin-bottom: 10px;max-width: 225px;} .sky_ar .inner_ar .w225>div>*:last-child{margin-bottom: 0;} .sky_ar .blue_inner_ar{background-color: #044487;} .sky_ar .text_ar{color:#044487;font-weight: 500;} .sky_ar .title{font-weight: 500;} .sky_ar .title .circle_icon{width: 60px;height: 60px;background-color: #fff;} .sky_ar .title span{padding-left: 45px;width: calc(100% - 60px);} .sky_ar .title .small{font-size: 16px;} .sky_ar .blue_ar{color: #fff;background-color: #044487;padding: 11px 0;} .sky_ar .white_ar{background-color: #fff;padding: 18px 10px;} .sky_ar .white_ar.warn{background: #fff url(../images/sub/warning.png)center bottom 15px no-repeat;padding-bottom: 61px;} .sky_ar .white_ar p{margin-bottom: 5px;} .sky_ar .white_ar p:last-child{margin-bottom: 0;} .sky_ar .gray_ar{background-color: #6c7d83;color:#fff;display: flex;padding: 14px 5px;width: 225px;} .sky_ar .gray_ar dl{width: 50%;position: relative;} .sky_ar .gray_ar dl:before{content: '';width: 1px;height: 133px;background: url(../images/common/pattern01.png)center repeat-y;position: absolute;right:0;top:0;} .sky_ar .gray_ar dt{padding-bottom: 14px;position: relative;margin-bottom: 13px;} .sky_ar .gray_ar dt:before{content: '';width: 20px;height: 2px;background-color: #fff;position: absolute;left: 50%;bottom: 0;margin-left:-10px;} .sky_ar .gray_ar dd{margin-bottom: 5px;} .sky_ar .gray_ar dd:last-child{margin-bottom: 0 !important;} .sky_ar .gray_ar dl:last-child:before{display: none;} .sky_ar .gray_ar dl:last-child dd{margin-bottom: 15px;} .sky_ar .border_ar{font-size: 15px;background-color: #fff;border:1px solid #044487;padding: 14px 5px;width: 185px;margin-bottom: 20px;} .sky_ar .list_ar{margin-top: 30px;display: flex;flex-wrap: wrap;} .sky_ar .list_ar .white_ar{margin-right: 10px;width: calc(50% - 5px);display: flex;align-items: center;justify-content: center;letter-spacing: -1.5px;padding: 5px;min-height: 55px;} .sky_ar .list_ar .white_ar.w3{width:calc(33% - 6px);} .sky_ar .list_ar .white_ar:nth-child(2n), .sky_ar .list_ar .white_ar:last-child{margin-right: 0;} .sky_ar .list_ar .white_ar.w3:nth-child(2n){margin-right: 10px;} .sky_ar .list_ar .white_ar:nth-child(n+3){margin-top: 10px;} .sky_ar .border_ar:last-child{margin-bottom: 0;} .sky_ar .center{position: absolute;left: 50%;top: 50%;margin: -93px 0 0 -263px;} .sky_ar .result{width: 350px;} .sky_ar .result .inner_ar{background-color: #fff;padding: 0;} .sky_ar .result .enhance{width: 100%;height: 380px;background:#044487 url(../images/sub/enhance_img.png)center no-repeat;margin-top: 30px;background-size: 100%;} .box_area01 .sky_ar>div:first-child{margin-left: 30px;} .box_area02 .sky_ar .inner_ar{padding: 30px;} .box_area02 .sky_ar .title{font-size: 22px;font-weight: 600;display: flex;align-items: center;text-align: left;color: #fff;} .box_area02 .sky_ar{justify-content: space-between;} .box_area02 .sky_ar>div{width: calc(50% - 180px);position: relative;z-index: 1;} .box_area02 .sky_ar>div:before{content: '';width: 81px;height: 80px;position: absolute;top:50%;margin-top:-40px;z-index: -1;} .box_area02 .first_ar:before{background: url(../images/sub/arrow_sky.png)center no-repeat;right:-61px;background-size: 100%;} .box_area02 .first_ar .title{color: #044487;} .box_area02 .sky_ar>div.center{position:absolute !important;margin: 0;width: 198px;height:257px;margin-left: -99px;top: auto;bottom: 0;background: url(../images/sub/ips_cts02_bg.png)center bottom no-repeat;} .box_area02 .sky_ar>div.center:before{display: none;} .box_area02 .third_ar:before{background: url(../images/sub/arrow_blue.png)center no-repeat;left:-61px;background-size: 100%;} .box_area02 .first_ar .circle_icon{background-image: url(../images/sub/icon08.png);background-size: 25px;} .box_area02 .third_ar .circle_icon{background-image: url(../images/sub/icon09.png);background-size: 28px;} .box_area03 .inner{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .box_area03 img{width: 100%;max-width: 1404px;} /*무선침입방지(WIPS)*/ .wips_box .textArea{width: calc(100% - 867px);} .wips_box .imgArea{width:867px;height: 400px;} .wips_box .imgArea .bg01{right: 0;top:0;background: url(../images/sub/wips_img01.jpg)right top no-repeat;} .wips_box .imgArea .bg02{width: 647px;height:430px;left: 0;bottom: -108px;background: url(../images/sub/wips_img02.png)center no-repeat;background-size: 100%;} .wips_cts01 .title01{margin: 25px 0;} .wips_cts01 .s_text{margin-top: 5px;} .wips_cts01 .box{min-height: 335px;padding-top: 35px;} .wips_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon20.png);} .wips_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon09.png);background-size: 43px;} .wips_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon17.png);background-size: 46px;} .wips_cts02 .item{min-height: 200px;} .wips_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon24.png);} .wips_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon25.png);} .wips_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon26.png);} .wips_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon05.png);} .wips_cts02 .item05 .circle_icon{background-image: url(../images/sub/icon27.png);} .wips_cts02 .item06 .circle_icon{background-image: url(../images/sub/icon28.png);} .wips_cts02 .item07 .circle_icon{background-image: url(../images/sub/icon29.png);} .inner_box03{background: url(../images/sub/wips_bg.jpg)center top no-repeat;background-size: cover;} .inner_box03 .wrap {padding: 96px 0 100px 0;} .wips_cts03{display: flex;justify-content: space-between;} .wips_cts03 .num_list{margin-top: 55px;} .wips_cts03 .num_list li{margin-bottom: 18px;display: flex;} .wips_cts03 .num_list li:before{background-color: #0954b6;top: -2px;} .wips_cts03 .imgArea{margin-top: -163px;} .arrow_p{display: flex;position: relative;} .arrow_p:after{content: '';width: 50px;height: 1px;background-color: #242424;position: absolute;top: 50%;} .arrow_p.arrow01:after{left: 130px;} .arrow_p.arrow02:after{left: 120px;} .arrow_p p{position: relative;} .arrow_p p:first-child{padding-right: 35px;} .arrow_p p:last-child{padding-left: 35px;} .arrow_p p:before{content: '';width: 9px;height: 7px;position: absolute;top:50%;margin-top:-3px;background: url(../images/sub/arrow_p.png)right center no-repeat;} .arrow_p p:first-child:before{right:20px;} .arrow_p p:last-child:before{left: 20px;transform: rotate(180deg);} /*DDos*/ .ddos_box{justify-content: space-between;} .ddos_box .imgArea{height:500px;} .ddos_box .imgArea .bg01{right: 0;top:0;background: url(../images/sub/ddos_bg01.jpg)right top no-repeat;} .ddos_box .imgArea .bg02{width: 788px;height:203px;left: -104px;bottom: -68px;background: url(../images/sub/ddos_bg02.png)center no-repeat;background-size: 100%;} .ddos_cts01 .box{min-height: 228px;} .ddos_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon20.png);} .ddos_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon05.png);} .ddos_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon06.png);} .ddos_cts02 .color_box{margin-top:0} .ddos_cts02 .color_box .inner{padding: 0;display: flex;} .ddos_cts02 .color_box .inner>div{width: calc(100% / 6);display: flex;align-items: center;justify-content: center;text-align: center;height: 158px;} .ddos_cts02 .color_box .inner>div:nth-child(2n){background-color: #f2f5f8;} .ddos_cts02 .color_box .inner p{font-size: 14px;font-weight: 500;} .ddos_cts02 .color_box .inner p span{display: block;margin-top: 10px;font-weight: 400;} .ddos_cts02 .box_area01>.inner{padding: 40px 30px 20px 30px;} .ddos_cts02 .inner img{width: 100%;} .shadow_flex{display: flex;flex-wrap: wrap;margin-top: 80px;} .shadow_flex .shadow_box{margin-right: 40px;width: calc(50% - 20px);} .shadow_flex .shadow_box:nth-child(2n){margin-right: 0;} .shadow_flex .shadow_box:nth-child(n+3){margin-top: 40px;} .shadow_flex .shadow_box .inner{padding: 30px 10px 40px 40px;} .shadow_flex .textA{font-weight: 500;} .shadow_flex .textB{font-size: 14px;margin: 10px 0 35px 0;} .shadow_flex .box_area03 .inner{display: block;} .ddos_cts03 img{margin: -10px 0 0 -10px;} /*네트워크접근제어*/ .control_box{justify-content: space-between;} .control_box .imgArea{height:645px;} .control_box .imgArea .bg01{right: 0;top:0;background: url(../images/sub/control_bg.jpg)right center no-repeat;background-size: 100%;} .control_box .icon01 .circle_icon{background-image: url(../images/sub/icon30.png);} .control_box .icon02 .circle_icon{background-image: url(../images/sub/icon24.png);background-size: 37px 44px;} .control_box .icon03 .circle_icon{background-image: url(../images/sub/icon31.png);} .control_box .icon04 .circle_icon{background-image: url(../images/sub/icon32.png);} .control_box .icon05 .circle_icon{background-image: url(../images/sub/icon33.png);} .control_cts01 .box{min-height: 220px;} .control_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon01.png);} .control_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon10.png);} .control_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon34.png);} .control_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon35.png);} .control_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon36.png);} .control_cts01 .box06 .circle_icon{background-image: url(../images/sub/icon37.png);} .control_cts03 .item{min-height: 240px;} .control_cts03 .item .circle_icon {margin-bottom: 15px;} .control_cts03 .item01 .circle_icon{background-image: url(../images/sub/icon08.png);} .control_cts03 .item02 .circle_icon{background-image: url(../images/sub/icon20.png);} .control_cts03 .item03 .circle_icon{background-image: url(../images/sub/icon40.png);} .control_cts03 .item04 .circle_icon{background-image: url(../images/sub/icon56.png);} .control_cts03 .item05 .circle_icon{background-image: url(../images/sub/icon39.png);} .control_cts03 .item06 .circle_icon{background-image: url(../images/sub/icon55.png);} .control_cts03 .item07 .circle_icon{background-image: url(../images/sub/icon51.png);} .control_cts03 .item08 .circle_icon{background-image: url(../images/sub/icon17.png);} .control_cts02 .inner{display: flex;justify-content: space-between;} /*망연계솔루션*/ .linkage_box01, .linkage_box02{justify-content: space-between;} .linkage_box01 .imgArea, .linkage_box02 .imgArea{height: 350px;} .linkage_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/linkage_bg01.jpg)right top no-repeat;} .linkage_box01 .imgArea .bg02{width: 558px;height: 430px;left: -58px;bottom: -100px;background: url(../images/sub/linkage_bg02.png)center no-repeat;background-size: 100%;} .linkage_cts01 .white_box .box{height: 420px;position: relative;margin-right: 40px;width: calc(25% - 30px);} .linkage_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon39.png);} .linkage_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon20.png);} .linkage_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon38.png);} .linkage_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon09.png);} .more_circle{display: flex;height: 80px;position: absolute;bottom: 37px;} .more_circle p{font-size: 14px;width: 80px;height: 80px;border-radius: 50%;background-color: #cad8f0;margin-right: 14px;display: flex;align-items: center;justify-content: center;position: relative;} .more_circle p:before{content: '';width: 14px;height: 2px;background-color: #cad8f0;position: absolute;right: -14px;top: 50%;margin-top: -1px;} .more_circle p:last-child{margin-right: 0;} .more_circle p:last-child:before{display: none;} .linkage_cts02 .item{min-height: 240px;} .linkage_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon09.png);} .linkage_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon14.png);background-size: 55px;} .linkage_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon13.png);} .linkage_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon06.png);} .gray_box{background-color: #f5f5f5;box-shadow: 0 0 20px rgba(0,0,0,.05);padding: 37px 40px;} .linkage_cts03 .gray_box{text-align: center;margin-right: 40px;padding: 29px;width: 100%;} .linkage_cts03 .gray_box:last-child{margin-right: 0;} .linkage_cts03 .f2 .gray_box{width: calc(50% - 20px);} .linkage_cts03 .gray_box .textArea{margin-bottom: 40px;} .linkage_cts03 .gray_box .textArea .title{font-size: 20px;color:#0954b6;font-weight: 500;} .linkage_cts03 .gray_box .textArea .text{font-size: 16px;margin-top: 17px;} .linkage_cts03 .gray_box img{width: 100%;max-width: 670px;} .linkage_box02 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/linkage_bg03.jpg)center no-repeat;} .linkage_box02 .imgArea .bg02{width: 558px;height: 430px;left: -58px;bottom: -100px;background: url(../images/sub/linkage_bg04.png)center no-repeat;background-size: 100%;} .linkage_cts04 .box01 .circle_icon{background-image: url(../images/sub/icon40.png);} .linkage_cts04 .box02 .circle_icon{background-image: url(../images/sub/icon41.png);} .linkage_cts04 .box03 .circle_icon{background-image: url(../images/sub/icon42.png);} .linkage_cts04 .box04 .circle_icon{background-image: url(../images/sub/icon35.png);background-size: 52px;} .linkage_cts04 .box05 .circle_icon{background-image: url(../images/sub/icon11.png);} .linkage_cts04 .box06 .circle_icon{background-image: url(../images/sub/icon43.png);} .linkage_cts04 .box07 .circle_icon{background-image: url(../images/sub/icon12.png);} .linkage_cts04 .box08 .circle_icon{background-image: url(../images/sub/icon44.png);} .linkage_cts05 .item{min-height: 175px;} .linkage_cts05 .item01 .circle_icon{background-image: url(../images/sub/icon20.png);} .linkage_cts05 .item02 .circle_icon{background-image: url(../images/sub/icon13.png);} .linkage_cts05 .item03 .circle_icon{background-image: url(../images/sub/icon09.png);} .linkage_cts06 .gray_box{height: 470px;display: flex;justify-content: space-between;align-items: center;padding:0 89px;} .linkage_cts06 .bullet_list li{display: block;width: 100%;} .linkage_cts06 .bg{display: inline-block;position: relative;width: 56px;} .linkage_cts06 .bg:before{content: '';width: 49px;height: 34px;background: url(../images/sub/linkage_arrow.jpg)left top no-repeat;position: absolute;left: 0;top:-23px;background-size: 100%;} /*통합패스워드관리02*/ .account_box01{justify-content: space-between;} .account_box01 .imgArea{height: 350px;} .account_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/account_bg01.jpg)right top no-repeat;} .account_box01 .imgArea .bg02{width: 558px;height: 430px;left: -58px;bottom: -100px;background: url(../images/sub/account_bg02.png)center no-repeat;background-size: 100%;} .account_cts01 .box .m_title{margin-bottom: 0;} .account_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon39.png);} .account_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon40.png);} .account_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon20.png);} .account_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon45.png);} .account_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon19.png);} .account_cts01 .box06 .circle_icon{background-image: url(../images/sub/icon12.png);} .account_cts01 .box07 .circle_icon{background-image: url(../images/sub/icon46.png);} .account_cts01 .box08 .circle_icon{background-image: url(../images/sub/icon47.png);} .account_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon20.png);} .account_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon09.png);} .account_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon02.png);} /*머신러닝 기반 사이버 면역 시스템*/ .mechine_box01{justify-content: space-between;} .mechine_box01 .imgArea{height: 540px;} .mechine_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/mechine_bg01.jpg)right top no-repeat;} .mechine_box01 .imgArea .bg02{width: 690px;height: 373px;left: -88px;bottom: -100px;background: url(../images/sub/mechine_bg02.png)center no-repeat;background-size: 100%;} .mechine_box01 .icon_list li{margin: 0 15px;display: flex;} .mechine_box01 .icon_list li:first-child{margin-left: 0;} .mechine_box01 .icon_list .circle_icon{width: 65px;height: 65px;} .mechine_box01 .icon_list li p{font-size: 13px;margin-top: 5px;} .mechine_box01 .icon_list li div{margin-right: 30px;} .mechine_box01 .icon_list li div:last-child{margin-right: 0;} .mechine_box01 .icon01 .circle_icon{background-image: url(../images/sub/icon48.png);background-size:31px;} .mechine_box01 .icon02 .circle_icon{background-image: url(../images/sub/icon49.png);} .mechine_box01 .icon03 .circle_icon{background-image: url(../images/sub/icon26.png);background-size:34px;} .mechine_box01 .icon04 .circle_icon{background-image: url(../images/sub/icon17.png);background-size:36px;} .mechine_box01 .icon05 .circle_icon{background-image: url(../images/sub/icon31.png);background-size:34px;} .mechine_box01 .icon06 .circle_icon{background-image: url(../images/sub/icon50.png);} .mechine_box01 .icon07 .circle_icon{background-image: url(../images/sub/icon30.png);background-size:34px;} .mechine_box01 .icon01:before, .mechine_box01 .icon01:after{width: calc(65px + 63px * 3);} .mechine_box01 .icon04:before, .mechine_box01 .icon06:before, .mechine_box01 .icon04:after, .mechine_box01 .icon06:after{width: calc(65px + 48px * 2);} .mechine_box01 .icon_list.btm li:after{content: '';height: 5px;border-left: 1px solid #044487;border-right: 1px solid #044487;left: 0;bottom: 26px;position: absolute;width: 100%;} .mechine_box01 .icon02:after, .mechine_box01 .icon03:after, .mechine_box01 .icon05:after, .mechine_box01 .icon07:after{display: none;} .mechine_cts01 .box{min-height: 220px;} .mechine_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon51.png);} .mechine_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon01.png);} .mechine_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon09.png);} .mechine_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon52.png);} .mechine_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon53.png);} .mechine_cts01 .box06 .circle_icon{background-image: url(../images/sub/icon54.png);} .mechine_cts02 .item{min-height: 180px;} .mechine_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon55.png);} .mechine_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon56.png);} .mechine_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon11.png);} .mechine_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon13.png);} .mechine_cts02 .item05 .circle_icon{background-image: url(../images/sub/icon57.png);} .mechine_archi{display: flex;flex-wrap: wrap;} .mechine_archi .top{text-align: center;background: url(../images/sub/mechine_top.jpg)center top no-repeat;width: 100%;height: 50px;font-size: 20px;font-weight: 500;color:#fff;margin-bottom: 15px;padding-top: 13px;background-size: cover;} .mechine_archi .left{width: calc(100% - 340px);} .mechine_archi .left img{width: 100%;max-width: 1160px;} .mechine_archi .right{width: 310px;margin-left: 30px;margin-top: 8px;} .mechine_cts04 .mechine_archi .left{width: calc(100% - 457px);} .mechine_cts04 .mechine_archi .left img{display: block;margin: -20px 0 0 -20px;width: 100%;} .mechine_cts04 .mechine_archi .right{box-shadow: none;margin-left: 27px;width: 430px;margin-top: 0;} .mechine_cts04 .color_box{margin-top: 0;} .mechine_cts04 .color_box .title{font-size: 20px;background-color: #04a2fb;padding: 17px 0;} .mechine_cts04 .color_box .inner{background-color: #f2f3f6;padding: 40px 30px;} /*통합패스워드관리04*/ .password_box01{justify-content: space-between;} .password_box01 .imgArea, .password_box02 .imgArea, .password_box04 .imgArea{height: 460px;} .password_box03 .imgArea{height: 410px;} .password_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/password_bg01.jpg)right top no-repeat;} .password_box01 .imgArea .bg02{width: 900px;height: 206px;left: -254px;bottom: -100px;background: url(../images/sub/password_bg02.png)center no-repeat;background-size: 100%;} .password_cts01 .box{padding: 40px 30px 20px 30px;} .password_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon40.png);} .password_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon13.png);} .password_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon44.png);} .password_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon03.png);} .password_cts02 .imgArea img{display: block;margin: -20px 0 0 -20px;} .password_box02{justify-content: space-between;} .password_box02 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/password_bg03.jpg)right top no-repeat;} .password_box02 .imgArea .bg02{width: 900px;height: 206px;left: -212px;bottom: -100px;background: url(../images/sub/password_bg04.png)center no-repeat;background-size: 100%;} .password_cts03 .box{min-height: 190px;} .password_cts03 .box01 .circle_icon{background-image: url(../images/sub/icon58.png);} .password_cts03 .box02 .circle_icon{background-image: url(../images/sub/icon39.png);} .password_cts03 .box03 .circle_icon{background-image: url(../images/sub/icon40.png);} .password_cts03 .box04 .circle_icon{background-image: url(../images/sub/icon59.png);} .password_cts03 .box05 .circle_icon{background-image: url(../images/sub/icon34.png);} .password_cts03 .box06 .circle_icon{background-image: url(../images/sub/icon60.png);} .password_cts03 .box07 .circle_icon{background-image: url(../images/sub/icon03.png);} .password_cts03 .box08 .circle_icon{background-image: url(../images/sub/icon20.png);} .password_cts04 .imgArea img{display: block;margin: 0 0 0 -20px;} .password_box03{justify-content: space-between;} .password_box03 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/password_bg05.jpg)right top no-repeat;} .password_box03 .imgArea .bg02{width: 900px;height: 206px;left: -226px;bottom: -100px;background: url(../images/sub/password_bg06.png)center no-repeat;background-size: 100%;} .password_cts05 .box{min-height: 190px;} .password_cts05 .box01 .circle_icon{background-image: url(../images/sub/icon40.png);} .password_cts05 .box02 .circle_icon{background-image: url(../images/sub/icon46.png);} .password_cts05 .box03 .circle_icon{background-image: url(../images/sub/icon02.png);} .password_cts05 .box04 .circle_icon{background-image: url(../images/sub/icon20.png);} .password_cts05 .box05 .circle_icon{background-image: url(../images/sub/icon61.png);} .password_cts06 .imgArea img{display: block;margin: -20px 0 0 -20px;} .password_box04{justify-content: space-between;} .password_box04 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/password_bg07.jpg)right top no-repeat;} .password_box04 .imgArea .bg02{width: 631px;height: 434px;left: -115px;bottom: -100px;background: url(../images/sub/password_bg08.png)center no-repeat;background-size: 100%;} .ovation{width: 212px;height: 261px;background: url(../images/sub/ovation_bg.jpg)center no-repeat;display: inline-block;margin-top: 67px;} .password_cts07 .ovation_wrap{width: 300px;display: inline-block;} .password_cts07 .box{min-height: 190px;} .password_cts07 .box01, .password_cts07 .box02{margin-bottom: 90px;margin-top: 50px;} .password_cts07 .box03, .password_cts07 .box04{margin-bottom: 50px;} .password_cts07 .box01{margin-right: 40px !important;} .password_cts07 .box02{margin-right: 0 !important;} .password_cts07 .white_box.f2 .box03, .password_cts07 .white_box.f2 .box04{margin-top: 0;} .password_cts07 .white_box.f2 .box03{margin-right: 40px;} .password_cts07 .white_box.f2 .box04{margin-right: 0;} .password_cts07 .box01 .textArea, .password_cts07 .box03 .textArea{padding-right: 270px;} .password_cts07 .box02 .textArea, .password_cts07 .box04 .textArea{padding: 0 20px 0 290px;} .password_cts07 .box01 .circle_icon{background-image: url(../images/sub/icon20.png);} .password_cts07 .box02 .circle_icon{background-image: url(../images/sub/icon02.png);} .password_cts07 .box03 .circle_icon{background-image: url(../images/sub/icon40.png);} .password_cts07 .box04 .circle_icon{background-image: url(../images/sub/icon46.png);} /* 방화벽 정책관리 221004추가 */ .police_box{justify-content: space-between;} .police_box .textArea{width:calc(100% - 660px)} .police_box .imgArea{width:660px;height: 590px;} .police_box .imgArea .bg01{right: 0;top:0;background: url(../images/sub/police_img01.jpg)right top no-repeat;} .police_box .imgArea .bg02{width: 855px;height:434px;right: 0;bottom: -64px;background: url(../images/sub/police_img02.png)center no-repeat;background-size: 100%;} .police_box.flex_box .textArea .title{line-height: 1.3;} .police_box.flex_box .textArea .title span{font-size: 18px;position: relative;top: 2px;} .police_box.flex_box .textArea .title03{margin-bottom: 35px;color: #000;font-size: 24px;} .police_box.flex_box .textArea .text{margin-bottom: 35px;} .police_box .textArea .title.small{font-size: 42px;} .police_box .icon_list{flex-wrap: wrap;} .police_box .icon_list li{margin: 0;margin-right: 80px; padding: 0 20px;position: relative;} .police_box .icon_list li:after{content: '';background: #044487;width: 80px;height: 1px;position: absolute;left: 100%;top: 33px;} .police_box .icon_list li:nth-child(4){margin-right: 0;} .police_box .icon_list li:nth-child(4):after{display: none;} .police_box .icon_list li div{padding-bottom: 25px;position: relative;} .police_box .icon_list li div>p{font-size: 13px;margin-top: 0; position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);white-space: nowrap;} .police_box .icon_list .circle_icon{width: 65px;height: 65px;position: relative;} .police_box .icon_list .circle_icon:before{content: '';background:#fff url(../images/sub/arrow_b.png) no-repeat;width: 20px;height: 7px;position: absolute;top: 30px;left: -20px;} .police_box .icon_list .circle_icon:after{content: '';background:#fff url(../images/sub/arrow_b.png) no-repeat;width: 20px;height: 7px;position: absolute;top: 30px;right: -20px;transform: rotate(180deg);} .police_box .icon01 .circle_icon{background-image: url(../images/sub/icon87.png);} .police_box .icon02 .circle_icon{background-image: url(../images/sub/icon88.png);} .police_box .icon03 .circle_icon{background-image: url(../images/sub/icon89.png);} .police_box .icon04 .circle_icon{background-image: url(../images/sub/icon90.png);} .police_box .icon_list .tit{width: 100%;max-width: 660px;margin: 0;padding: 0;} .police_box .icon_list .tit:before{content: '';width: 1px;height: 77px;background: #044487;position: absolute;left: 0;bottom: 70px;} .police_box .icon_list .tit:after{width: 1px;height: 77px;left: auto;top: auto;right: 0;bottom: 70px;} .police_box .icon_list .tit p{border-top: 1px solid #044487;padding-top: 22px;margin-top: 15px;font-size: 15px;line-height: 1.6em;} .police_cts01 .titleB{font-size: 28px;} .police_cts01 .bullet01{margin-right: 80px;font-size: 18px;} .police_cts01 .bullet01:last-child{margin-right: 0;} .police_cts01 .white_box .box{padding: 86px 30px 30px;background-repeat: no-repeat;} .police_cts01 .box01{background-image: url(../images/sub/icon91.png);background-position: center top 31px;} .police_cts01 .box02{background-image: url(../images/sub/icon92.png);background-position: center top 29px;} .police_cts01 .box03{background-image: url(../images/sub/icon93.png);background-position: center top 30px;} .police_cts01 .box04{background-image: url(../images/sub/icon94.png);background-position: center top 31px;} .police_cts01 .box05{background-image: url(../images/sub/icon95.png);background-position: center top 26px;} .police_cts01 .box06{background-image: url(../images/sub/icon96.png);background-position: center top 27px;} .police_cts01 .box07{background-image: url(../images/sub/icon97.png);background-position: center top 29px;} .police_cts02 .inner .textA{font-weight: 500;} .police_cts02 .shadow_flex .shadow_box .inner{padding: 34px 40px 40px;} .police_cts02 .box_area01 .list_box{display: flex;margin-top: 15px;} .police_cts02 .box_area01 .list_box li{width: calc(100% / 3);position: relative;} .police_cts02 .box_area01 .list_box li:after{content: '';width: 1px;height: 210px;background-image: linear-gradient(to bottom, #242424 1px, rgba(0,0,0,0) 0%);background-position: right;background-size: 1px 6px;background-repeat: repeat-y;position: absolute;right: 0;top: 0;} .police_cts02 .box_area01 .list_box li:last-child:after{display: none;} .police_cts02 .box_area01 .list_box li p{text-align: center;margin-top: 20px;font-size: 14px;padding: 0 10px;} .police_cts02 .box_area01 .list_box .img{width: 100%;max-width: 160px;height: 210px;margin: 0 auto;box-shadow: 0 0 20px rgba(0,0,0,.24);background-size: contain!important;} .police_cts02 .box_area01 .list_box .list01 .img{background:#fff url(../images/sub/police_img03.jpg) center no-repeat;} .police_cts02 .box_area01 .list_box .list02 .img{background:#fff url(../images/sub/police_img04.jpg) center no-repeat;} .police_cts02 .box_area01 .list_box .list03 .img{background:#fff url(../images/sub/police_img05.jpg) center no-repeat;} .police_cts02 .box_area02 .item_box{display: flex;margin-top: 15px;gap: 30px;} .police_cts02 .box_area02 .item_box .img{background: #044182;padding: 14px 16px;text-align: center;} .police_cts02 .box_area02 .item_box ul{display: flex;flex-direction: column;justify-content: space-between;width: 100%;} .police_cts02 .box_area02 .item_box .item{border: 1px solid #ddd;height: calc((100% - 30px) / 2);font-weight: 500;padding-left: 55%;display: flex;align-items: center;background-repeat: no-repeat;} .police_cts02 .box_area02 .item_box .item01{background-image: url(../images/sub/police_logo01.png);background-position: left 15% center;} .police_cts02 .box_area02 .item_box .item02{background-image: url(../images/sub/police_logo02.png);background-position: left 15% center;} .police_cts02 .box_area03{margin-top: 40px;} .police_cts02 .box_area03 .title_box{justify-content: space-between;position: relative;margin-top: 15px;} .police_cts02 .box_area03 .title_box:after{content: 'VS';border-radius: 50%;width: 80px;height: 80px;background: #ea3531;text-align: center;color: #fff;font-size: 30px;font-weight: 500;line-height: 72px;border: 6px solid #faaead;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);} .police_cts02 .box_area03 .inner{justify-content: flex-start;} .police_cts02 .box_area03 .title_box .inner{padding: 30px 30px 250px;} .police_cts02 .box_area03 .title_box .item{width: calc((100% - 120px) / 2);background-repeat: no-repeat;background-position: center bottom 35px;} .police_cts02 .box_area03 .item01{background-color: #f8eae5;background-image: url(../images/sub/police_img07.png);} .police_cts02 .box_area03 .item01 .top{background: #d26337;border-radius: 0;} .police_cts02 .box_area03 .item02{background-color: #e3ebf9;background-image: url(../images/sub/police_img08.png);} .police_cts02 .box_area03 .item02 .top{background: #053269;border-radius: 0;} .police_cts02 .box_area04 {margin-top: 40px;} .police_cts02 .box_area04 .flex_box{display: flex;} .police_cts02 .box_area04 .imgArea{width: 420px;height: 250px;} .police_cts02 .box_area04 .bg{background: url(../images/sub/police_img09.png)center no-repeat;} .police_cts02 .box_area04 .textArea{width: calc(100% - 425px);padding-left: 40px;padding-right: 0;} .police_cts03 .color_box .inner{padding: 30px 20px 30px;text-align: center;} .police_cts03 .flex{justify-content: space-between;margin-top: 30px;} .police_cts03 .flex .color_box{width: calc((100% - 40px) / 2);} .police_cts03 .flex .color_box .inner{padding: 17px 20px;} .police_cts03 .flex .color_box img{width: 100%;max-width: 670px;} .police_cts04 .shadow_box01 .item.fL{padding: 40px;} .police_cts04 .item01 .circle_icon{background-image: url(../images/sub/icon98.png);} .police_cts04 .item02 .circle_icon{background-image: url(../images/sub/icon99.png);} .police_cts04 .item03 .circle_icon{background-image: url(../images/sub/icon100.png);} .police_cts04 .item04 .circle_icon{background-image: url(../images/sub/icon101.png);} .police_cts04 .item05 .circle_icon{background-image: url(../images/sub/icon102.png);} .police_cts04 .item06 .circle_icon{background-image: url(../images/sub/icon103.png);} /*인프라취약점점검*/ .circle_box{display: flex;flex-wrap: wrap;position: relative;} .circle_box .box{width: 50%;position: relative;} .circle_box .box:before{content: '';position: absolute;} .circle_box .box .title{font-size: 26px;font-weight: 600;} .circle_box .box .text{margin: 13px 0 20px 0;} .circle_box .circle{position: absolute;left: 50%;top:0;width: 434px;height: 435px;background: url(../images/sub/infra_circle.png)center no-repeat;margin-left: -217px;background-size: 100%;} .circle_box .box01, .circle_box .box03{text-align: right;padding-right: 245px;} .circle_box .box02, .circle_box .box04{padding-left: 245px;} .circle_box .box01, .circle_box .box02{margin-bottom: 130px;} .circle_box .box01:before{background:url(../images/sub/infra_circle_icon01.png)center no-repeat;width: 39px;height: 36px;right: 135px;top: 40px;background-size: 100%;} .circle_box .box02:before{background:url(../images/sub/infra_circle_icon02.png)center no-repeat;width: 30px;height: 40px;left: 140px;top: 40px;background-size: 100%;} .circle_box .box03:before{background:url(../images/sub/infra_circle_icon04.png)center no-repeat;width: 33px;height: 37px;right: 135px;top: 55px;background-size: 100%;} .circle_box .box04:before{background:url(../images/sub/infra_circle_icon03.png)center no-repeat;width: 27px;height: 39px;left: 140px;top: 50px;background-size: 100%;} .circle_box .box01 .infra_img, .circle_box .box03 .infra_img{justify-content: flex-end;} .circle_box .infra_img{display: flex;} .circle_box .infra_img li{padding-right: 20px;} .circle_box .infra_img li:last-child{padding-right: 0;} .infra_cts01 .color_box{margin-right: 40px;width: calc(25% - 30px);margin-top: 0;} .infra_cts01 .color_box:last-child{margin-right:0} .infra_cts01 .color_box .title{background-color: #009eeb;font-size: 18px;} .infra_cts01 .color_box .inner{padding: 25px 30px;} .infra_cts01 .color_box img{display: inline-block;margin-top: 15px;} .color_box .btm_inner{text-align: center;position: relative;margin-top: 96px;} .color_box .btm_inner:before{content: '';width: 100%;height: 96px;background: url(../images/sub/infra_box_bg.png)center no-repeat;position: absolute;left: 0;top:-96px;} .infra_cts02 .item{min-height: 180px;} .infra_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon60.png);} .infra_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon55.png);} .infra_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon44.png);} .infra_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon02.png);} .infra_cts02 .item05 .circle_icon{background-image: url(../images/sub/icon62.png);} /*규정관리 솔루션*/ .rule_box01{justify-content: space-between;} .rule_box01 .imgArea{height: 450px;} .rule_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/rule_bg01.jpg)right top no-repeat;} .rule_box01 .imgArea .bg02{width: 781px;height: 378px;left: -214px;bottom: -67px;background: url(../images/sub/rule_bg02.png)center no-repeat;background-size: 100%;} .rule_cts01 .box{min-height: 228px;} .rule_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon63.png);} .rule_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon35.png);background-size: 50px;} .rule_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon23.png);background-size: 43px;} .rule_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon14.png);background-size: 53px;} .rule_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon20.png);background-size: 60px;} .rule_cts02 .item{min-height: 205px;} .rule_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon02.png);} .rule_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon60.png);} .rule_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon64.png);} .rule_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon42.png);} .rule_cts02 .item05 .circle_icon{background-image: url(../images/sub/icon34.png);} .rule_cts02 .item06 .circle_icon{background-image: url(../images/sub/icon72.png);} .rule_cts03 .color_box.box01 .box01 .circle_icon{background-image: url(../images/sub/icon79.png);} .rule_cts03 .color_box.box01 .box02 .circle_icon{background-image: url(../images/sub/icon51.png);} .rule_cts03 .color_box.box01 .box03 .circle_icon{background-image: url(../images/sub/icon02.png);background-size: 45px;} .rule_cts03 .color_box.box01 .box04 .circle_icon{background-image: url(../images/sub/icon86.png);background-position: left 32px center;} .rule_cts03 .color_box.box02 .box01 .circle_icon{background-image: url(../images/sub/icon67.png);background-size: 47px;} .rule_cts03 .color_box.box02 .box02 .circle_icon{background-image: url(../images/sub/icon29.png);} .rule_cts03 .color_box.box02 .box03 .circle_icon{background-image: url(../images/sub/icon09.png);background-size: 38px;} .rule_cts03 .color_box.box02 .box04 .circle_icon{background-image: url(../images/sub/icon44.png);background-size: 47px;} .rule_cts03 .color_box.box03 .box01 .circle_icon{background-image: url(../images/sub/icon63.png);} .rule_cts03 .color_box.box03 .box02 .circle_icon{background-image: url(../images/sub/icon57.png);} .rule_cts03 .color_box.box03 .box03 .circle_icon{background-image: url(../images/sub/icon78.png);background-position: left 27px center;} .rule_cts03 .color_box.box03 .box04 .circle_icon{background-image: url(../images/sub/icon13.png);background-size: 37px;} /*통합로그관리*/ .log_box01{justify-content: space-between;} .log_box01 .imgArea{height: 400px;} .log_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/log_bg01.jpg)right top no-repeat;} .log_box01 .imgArea .bg02{width: 701px;height: 485px;left: -188px;bottom: -124px;background: url(../images/sub/log_bg02.png)center no-repeat;background-size: 100%;} .log_cts01 .box{padding: 40px 20px 33px 20px;} .log_cts01 .box .circle_icon{margin-bottom: 20px;} .log_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon63.png);background-size: 47px;} .log_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon64.png);background-size: 36px;} .log_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon29.png);} .log_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon57.png);} .log_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon65.png);} .log_cts01 .box06 .circle_icon{background-image: url(../images/sub/icon66.png);} .log_cts02 .item{min-height: 200px;} .log_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon67.png);} .log_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon56.png);} .log_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon48.png);} .log_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon20.png);} /*포트취약점분석시스템*/ .port_box01{justify-content: space-between;align-items: flex-start;} .port_box01 .textArea{margin-top: 25px;} .port_box01 .imgArea{height:450px;} .port_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/port_bg01.jpg)right top no-repeat;} .port_box01 .imgArea .bg02{width: 750px;height: 413px;left: -176px;bottom: -100px;background: url(../images/sub/port_bg02.png)center no-repeat;background-size: 100%;} .port_box01 .logo_left span{width: 168px;height: 60px;} .port_box01 .logo_left .logo01{background-image: url(../images/sub/port_logo01.jpg);margin-right: 55px;} .port_box01 .logo_left .logo02{background-image: url(../images/sub/port_logo02.jpg);} .port_cts01 .white_box.f4 .box{margin-right: 40px;width: calc(25% - 30px);} .port_cts01 .white_box.f4 .box:nth-child(4n){margin-right:0;} .port_cts01 .white_box.f4 .box:nth-child(n+5) {margin-top: 40px;} .port_cts01 .box .m_title{margin-bottom: 0;} .port_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon12.png);} .port_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon68.png);} .port_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon61.png);} .port_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon51.png);} .port_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon53.png);} .port_cts01 .box06 .circle_icon{background-image: url(../images/sub/icon69.png);} .port_cts01 .box07 .circle_icon{background-image: url(../images/sub/icon70.png);} .port_cts01 .box08 .circle_icon{background-image: url(../images/sub/icon19.png);} .inner_box02.port_box{background: url(../images/sub/port_bg.jpg)center top no-repeat;background-size: cover;} .port_cts02 .item{min-height: 205px;} .port_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon20.png);} .port_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon23.png);} .port_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon29.png);} .port_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon17.png);} .port_cts02 .item05 .circle_icon{background-image: url(../images/sub/icon71.png);} .port_cts02 .item06 .circle_icon{background-image: url(../images/sub/icon72.png);} /*sass 모니터링*/ .sass_box01{justify-content: space-between;} .sass_box01 .imgArea{height: 540px;} .sass_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/sass_bg01.jpg)right top no-repeat;} .sass_box01 .imgArea .bg02{width: 878px;height: 551px;left: -178px;bottom: -140px;background: url(../images/sub/sass_bg02.png)center no-repeat;background-size: 100%;} .sass_cts01 .box{margin-top: 50px;padding-top:0;text-align: left;padding-bottom: 30px;} .sass_cts01 .white_box.f2 .box:nth-child(n+3) {margin-top: 90px;} .sass_cts01 .box img{display: inline-block;margin-top: -50px;} .sass_cts02 .item{min-height: 180px;} .sass_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon41.png);} .sass_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon36.png);} .sass_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon02.png);} .sass_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon55.png);} .sass_cts02 .item05 .circle_icon{background-image: url(../images/sub/icon73.png);} .sass_cts02 .item06 .circle_icon{background-image: url(../images/sub/icon74.png);} /*RACK 통합 관리시스템*/ .racktotal_box01{justify-content: space-between;} .racktotal_box01 .imgArea{height: 420px;} .racktotal_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/racktotal_bg01.jpg)right top no-repeat;} .racktotal_box01 .imgArea .bg02{width: 748px;height: 386px;left: -133px;bottom: -50px;background: url(../images/sub/racktotal_bg02.png)center no-repeat;background-size: 100%;} .racktotal_cts01 .white_box.f3 .box{margin-right: 28px;width: calc(33% - 15px);padding: 0 0 25px 0;} .racktotal_cts01 .white_box.f3 .box:nth-child(3n){margin-right:0;} .racktotal_cts01 .white_box.f3 .box:nth-child(n+4){margin-top: 28px;} .racktotal_cts01 .box .imgArea{height: 230px;overflow: hidden;} .racktotal_cts01 .box .textArea{padding: 0 30px;} .racktotal_cts01 .box .m_title{text-align: left;} .racktotal_cts02 .item{min-height: 270px;} .racktotal_cts02 .item .circle_icon{margin-bottom: 35px;} .racktotal_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon57.png);} .racktotal_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon21.png);background-position: left 33px center;} .racktotal_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon29.png);} .racktotal_cts02 .item04 .circle_icon{background-image: url(../images/sub/icon14.png);} .racktotal_cts03 img{display: block;margin: -10px 0 0 -17px;} /*대규모 영상 3D 통합 관제*/ .three_box01{justify-content: space-between;} .three_box01 .textArea .flex{align-items: flex-end;margin-bottom: 35px;} .three_box01 .imgArea{height: 520px;} .three_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/three_bg01.jpg)right top no-repeat;} .three_box01 .imgArea .bg02{width: 750px;height: 527px;right:0;bottom: -100px;background: url(../images/sub/three_bg02.png)center no-repeat;background-size: 100%;} .three_box01 .icon_list .circle_icon {width: 65px;height: 65px;} .three_box01 .icon_list li{position: relative;padding-bottom: 0;} .three_box01 .icon_list li:before{content: '';width: 13px;height: 13px;background: url(../images/sub/plus_icon.png)center no-repeat;position: absolute;right: -29px;top: 30px;border: none;padding: 0;font-size: 0;bottom: auto;left: auto;} .three_box01 .icon_list li:last-child:before{display: none;} .three_box01 .icon_list p{font-size: 13px;} .three_box01 .icon_list .blue{color:#044487;font-weight: 500;font-size: 14px;} .three_box01 .icon_list .icon01 .circle_icon{background-image:url(../images/sub/icon82.png)} .three_box01 .icon_list .icon02 .circle_icon{background-image:url(../images/sub/icon25.png);background-size:27px;} .three_box01 .icon_list .icon02:before{right: -39px;} .three_box01 .icon_list .icon03 .circle_icon{background-image:url(../images/sub/icon36.png);background-size:27px;} .three_cts01 .white_box .box.fL{padding: 0;height: 200px;} .three_cts01 .white_box .box .imgArea{width: 305px;height:100%;overflow: hidden;position: relative;} .three_cts01 .white_box .box .imgArea img{position: absolute;left: 50%;transform: translateX(-50%);top: 0;} .three_cts01 .white_box .box .textArea{width: calc(100% - 305px);padding: 30px;} .three_cts01 .white_box .bullet_list{margin-top: 0;} .three_cts01 .white_box .box.big_box{height: 300px;} .three_cts01 .white_box .box.big_box .imgArea{width: 730px;} .three_cts01 .white_box .box.big_box .textArea{width: calc(100% - 730px);} .figure_box{display: flex;flex-wrap: wrap;} .figure_box>div{margin-right: 40px;width: calc(50% - 20px);display: flex;flex-wrap: wrap;} .figure_box>div:nth-child(2n){margin-right:0;} .figure_box>div:nth-child(n+3){margin-top: 20px;} .figure_box .textA{width: 100%;} .figure_box .imgArea{position: relative;margin-right: 10px;width: calc(50% - 5px);overflow: hidden;} .figure_box .imgArea:last-child{margin-right: 0;} .figure_box .imgArea img{position: relative;left: 50%;transform: translateX(-50%);} .figure_box .imgArea p{color:#fff;background: #044487;text-align: center;padding: 10px 0;position: absolute;left: 0;bottom: 0;width: 100%;} .three_list{display: flex;justify-content: space-between;margin-top: 52px;position: relative;} .three_list:before{content:'';width:1190px;height:113px;background:#e6eef8;position: absolute;left: 50%;top:50%;margin: -56px 0 0 -595px;z-index: -1;} .three_list li{width: 300px;height: 300px;border-radius: 50%;border:5px solid #009eeb;background: #fff;text-align: center;padding: 56px 20px 0 20px;position: relative;} .three_list li:before{content: '';background: #fff url(../images/sub/shadow.png)center bottom no-repeat;width: 250px;height: 46px;position: absolute;left: 50%;bottom: -55px;margin-left: -125px;} .three_list li:after{content: '';width: 38px;height: 38px;background: url(../images/sub/plus_icon_big.png)center no-repeat;position: absolute;right:-50%;top:50%;margin-top: -19px;margin-right: -30px;background-size: 100%;} .three_list li:last-child:after{display: none;} .three_list li p{margin-top: 25px;} .three_list li p em{display: block;} .three_list .list01 .circle_icon{background-image:url(../images/sub/icon05.png);background-size:45px} .three_list .list02 .circle_icon{background-image:url(../images/sub/icon01.png);background-size:49px} .three_list .list03 .circle_icon{background-image:url(../images/sub/icon03.png);background-size:45px} /*딥러닝 영상분석*/ .deep_box01{justify-content: space-between;} .deep_box01 .imgArea{height: 460px;} .deep_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/deep_bg01.jpg)right top no-repeat;} .deep_box01 .imgArea .bg02{width: 536px;height: 517px;left: -97px;bottom: -110px;background: url(../images/sub/deep_bg02.png)center no-repeat;background-size: 100%;} .deep_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon19.png);} .deep_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon83.png);} .deep_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon58.png);} .deep_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon27.png);} .deep_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon36.png);} .deep_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon84.png);} .deep_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon10.png);background-position: left 41px center;} .deep_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon85.png);} .deep_cts03 img{margin: -10px 0 0 -10px;} /*가상 컴퓨터 플랫폼*/ .platform_box01{justify-content: space-between;} .platform_box01 .imgArea{height: 370px;} .platform_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/platform_bg01.jpg)right top no-repeat;} .platform_box01 .imgArea .bg02{width: 673px;height: 203px;left: -9px;bottom: -100px;background: url(../images/sub/platform_bg02.png)center no-repeat;background-size: 100%;} .platform_cts01 .box{min-height: 230px;} .platform_cts01 .box05{flex-wrap: wrap;} .platform_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon05.png);} .platform_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon06.png);} .platform_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon57.png);} .platform_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon29.png);} .platform_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon56.png);} .platform_flex{width: 100%;display: flex;} .platform_flex .item01{margin-right: 40px;width: 420px;} .platform_flex .item02{width: calc(100% - 460px);} .platform_flex .color_box{box-shadow: none;margin-top: 30px;} .platform_flex .color_box .title{background-color: #009eeb;font-size: 18px;font-weight: 500;margin-bottom: 10px;} .platform_flex .gray_box{background-color: #ebeff3;box-shadow: none;padding: 31px 10px 28px 180px;background-position: left 56px center;background-repeat: no-repeat;} .platform_flex .gray_box.first{margin-bottom: 10px;background-image: url(../images/sub/platform_img02.png);} .platform_flex .gray_box.second{background-image: url(../images/sub/platform_img03.png);} .box.w100 .platform_flex .gray_box .bullet_list{background:none;padding-top:0;margin-top:0} .slideA{margin-bottom: 70px;} .slideA .slick-list {padding: 20px 20% 20px 20px !important;overflow: inherit;width: 100vw;overflow: hidden;margin-left: -20px;} .slideA .slick-slide{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.24);border-radius: 10px;width: 1111px !important;margin-right: 40px;padding: 40px;} .slideA .slick-arrow{font-size:0;line-height:0;width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;background: url(../images/sub/slide_arrow.png)center no-repeat;z-index: 5;} .slideA .slick-prev{transform: rotate(180deg);left: -23px;} .slideA .slick-next{left: 1087px;} .slideA .top{display: flex;} .slideA .name{font-size: 28px;color:#003991;width: 240px;position: relative;line-height: 48px;text-align: center;} .slideA .name:after{content: '';width: 1px;height: 100%;background: url(../images/common/pattern02.png)left top repeat-y;position: absolute;right:0;top:0} .slideA .name span{display: inline-block;padding-left: 65px;} .slideA .detail{width: calc(100% - 240px);padding-left: 30px;display: flex;flex-wrap: wrap;align-items: center;} .slideA .detail strong{display: block;font-size: 16px;margin-bottom: 10px;font-weight: 600;width: 100%;} .slideA .btm{display: flex;align-items: center;justify-content: center;padding-top: 30px;height: 89%;} .slideA .btm img{display: inline-block;} .slideA .name01 span{background: url(../images/sub/slide_name01.png)left center no-repeat;} .slideA .name02 span{background: url(../images/sub/slide_name02.png)left center no-repeat;} .slideA .name03 span{background: url(../images/sub/slide_name03.png)left center no-repeat;} .slideA .name04 span{background: url(../images/sub/slide_name04.png)left center no-repeat;} .slideA .name05 span{background: url(../images/sub/slide_name05.png)left center no-repeat;} .slideA .name06 span{background: url(../images/sub/slide_name06.png)left center no-repeat;} .slideA .name07 span{background: url(../images/sub/slide_name07.png)left center no-repeat;padding-left: 78px;} .slideA .name08 span{background: url(../images/sub/slide_name08.png)left center no-repeat;} .slideA .name09 span{background: url(../images/sub/slide_name09.png)left center no-repeat;} .slideA .name10 span{background: url(../images/sub/slide_name10.png)left center no-repeat;} .slideA .name09 span em{margin-right: 5px;} .slide01 .item .btm{height: 362px;} .slide02 .item .btm{height: 366px;} .platform_cts03 .color_box{width: calc(50% - 20px);margin-right: 40px;margin-top: 0;background-color: #fff;} .platform_cts03 .color_box:last-child{margin-right: 0;} .platform_cts03 .color_box .inner{display: flex;align-items: center;justify-content: center;} .platform_cts03 .color_box .inner img{width: 100%;} /*서버 및 스토리지*/ .storage_box01{justify-content: space-between;} .storage_box01 .imgArea{height: 290px;} .storage_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/storage_bg01.jpg)right top no-repeat;} .storage_box01 .imgArea .bg02{width: 604px;height: 326px;left: -37px;bottom: -100px;background: url(../images/sub/storage_bg02.png)center no-repeat;background-size: 100%;} .storage_cts01 .white_box .box{min-height: 180px;} .storage_cts01 .white_box .box01 .circle_icon{background-image: url(../images/sub/icon18.png);background-size: 46px;} .storage_cts01 .white_box .box02 .circle_icon{background-image: url(../images/sub/icon64.png);} .storage_cts01 .white_box .box03 .circle_icon{background-image: url(../images/sub/icon20.png);background-size: 56px;} .storage_cts01 .white_box .box04 .circle_icon{background-image: url(../images/sub/icon60.png);background-size: 44px;} .sky_box .title{background-color: #009eeb;width: 100%;} .sky_box .flex .title{width:66%} .sky_box .flex .title:first-child{color:#fff09e;width: 34%;position: relative;} .sky_box .flex .title:first-child:before{content: '';width: 1px;height: 16px;background-color: #99d8f7;position: absolute;right:0;top:11px;} .sky_box .titleC.pointB03{text-align: center;} .sky_box .inner{padding: 20px;} .sky_box .inner_flex{display: flex;} .sky_box .inner_flex .box{position: relative;} .sky_box .inner_flex.f3 .box{width: 33.333%;padding: 15px 40px;} .sky_box .inner_flex.f4 .box{width: 25%;padding: 15px 40px 15px 30px;} .sky_box .inner_flex.f4 .box .textArea{padding-left: 20px;} .sky_box .inner_flex .box:after{content: '';width: 1px;height: 100%;background: url(../images/common/pattern04.png)left top repeat-y;position: absolute;right:0;top:0} .sky_box .inner_flex .box:last-child:after{display: none;} .sky_box .inner_flex .box .titleC{margin-bottom: 18px;} .sky_box .inner_flex .circle_icon{width: 95px;height: 95px;} .storage_cts01 .color_box.box01 .box01 .circle_icon{background-image: url(../images/sub/icon51.png);background-size:42px;} .storage_cts01 .color_box.box01 .box02 .circle_icon{background-image: url(../images/sub/icon09.png);background-size:37px;} .storage_cts01 .color_box.box01 .box03 .circle_icon{background-image: url(../images/sub/icon02.png);background-size:45px;} .storage_cts01 .color_box.box02 .box01 .circle_icon{background-image: url(../images/sub/icon44.png);background-size:49px;} .storage_cts01 .color_box.box02 .box02 .circle_icon{background-image: url(../images/sub/icon78.png);} .storage_cts01 .color_box.box02 .box03 .circle_icon{background-image: url(../images/sub/icon08.png);} .storage_cts01 .color_box.box03 .box01 .circle_icon{background-image: url(../images/sub/icon79.png);} .storage_cts01 .color_box.box03 .box02 .circle_icon{background-image: url(../images/sub/icon80.png);} .storage_cts01 .color_box.box03 .box03 .circle_icon{background-image: url(../images/sub/icon81.png);background-position: left 33px center} .storage_layout{display: flex;} .storage_layout .left{width: 791px;margin-right: 38px;} .storage_layout .right{width: calc(100% - 829px);} .storage_layout .shadow_box{text-align: center;margin-top:50px} .storage_layout .left .shadow_box .inner{padding-top: 51px;} .storage_layout .right .shadow_box{margin-top:38px} .storage_layout .shadow_box:first-child{margin-top:0} .storage_layout .shadow_box .inner{flex-wrap: wrap;justify-content: center;padding: 40px 10px;} .storage_layout .shadow_box img{display: inline-block;width: 100%;max-width: initial;} .storage_layout .shadow_box .textA{font-weight: 500;margin:25px 0 10px 0;width: 100%;} /* HPE 20210917 스토리지추가 */ .hpe_box01{justify-content: space-between;} .hpe_box01 .textArea{width: calc(100% - 620px);} .hpe_box01 .imgArea{height: 290px;width: 620px;} .hpe_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/hpe_bg01.jpg)right top no-repeat;} .hpe_box01 .imgArea .bg02{width: 666px;height: 300px;left: -140px;bottom: -102px;background: url(../images/sub/hpe_bg02.png)center no-repeat;background-size: 100%;} .hpe_box01 .textArea .title02 br{display: none;} .hpe_box01.flex_box .textArea .title02{margin-bottom: 35px; margin-top: 30px;} .hpe_box01.flex_box .imgArea {top: -25px;} .hpe_cts01.inner_box .wrap {padding: 80px 0 65px 0;} /* 박스사이즈 수정 */ .hpe_cts01 .white_box.f3 .box{margin-right: 2%; width: 32%;padding: 30px 30px 30px 30px;margin-bottom: 30px;} .hpe_cts01 .white_box.f3 .box:nth-child(3n){margin-right:0;} .hpe_cts03 .box_area03 img, .hpe_cts02 .box_area03 img{max-width: 1440px;} .hpe_cts01 .white_box .s_text{margin-top: 5px;} .hpe_cts01 .white_box .box01 .circle_icon{background-image: url(../images/sub/icon44.png);} .hpe_cts01 .white_box .box02 .circle_icon{background-image: url(../images/sub/icon20.png);} .hpe_cts01 .white_box .box03 .circle_icon{background-image: url(../images/sub/icon05.png);} .hpe_cts03 .shadow_box .inner, .hpe_cts02 .shadow_box .inner {padding: 30px;} .hpe_cts01 .white_box .title01{margin: 20px 0 0;} .hpe_cts01 .white_box .m_title{font-size: 14px; margin: 0;} .hpe_cts01 .white_box .titleD{color: #0954b6;} .hpe_cts01 .white_box .titleD .pointB04{font-weight: 600;} .hpe_cts02 .flex{margin-top: 20px;} .hpe_cts02 .flex>div{width: calc(25% - 15px);margin-right: 20px;} .hpe_cts02 .flex>div:last-child{margin-right: 0px;} .hpe_cts02 .titleD{margin-top: 50px !important;letter-spacing:-1px;} /* 0917컬러추가 */ .pointB06{color:#f4684b} .pointB07{color:#41b4c2} .pointB08{color:#67506d} .pointB09{color:#2a4358} .hpe_cts02 .flex .color_box.box01 .title{background-color: #f4684b;} .hpe_cts02 .flex .color_box.box02 .title{background-color: #41b4c2;} .hpe_cts02 .flex .color_box.box03 .title{background-color: #67506d;} .hpe_cts02 .flex .color_box.box04 .title{background-color: #2a4358;} .hpe_cts02 .flex .color_box .textA{font-weight: 600;padding-bottom: 10px;} .hpe_cts02 .flex .inner{text-align: center; padding: 25px 25px 30px;height: calc(100% - 41px);} .hpe_cts02 .flex .inner .text{line-height: 26px;} /* LENOVO 스토리지추가 */ .lenovo_box01{justify-content: space-between;} .lenovo_box01 .textArea{width: calc(100% - 620px);} .lenovo_box01 .imgArea{height: 290px;width: 620px;} .lenovo_box01 .imgArea .bg01{right: 0;top:-21px;background: url(../images/sub/lenovo_bg01.jpg)right top no-repeat;} .lenovo_box01 .imgArea .bg02{width: 507px;height: 383px;left: -94px;bottom: -102px;background: url(../images/sub/lenovo_bg02.png)center no-repeat;background-size: 100%;} .lenovo_box01 .text{line-height: 1.6;} .lenovo_box01.flex_box .textArea .text{margin-bottom: 25px;} .lenovo_box01.flex_box .textArea .title02{margin-bottom: 38px;} .lenovo_cts01 .textArea .textB{letter-spacing: -1px;} .lenovo_cts01 .white_box .bullet_list{margin-top: 0;} .lenovo_cts01 .white_box .box.fL{padding: 40px 40px;} .lenovo_cts01 .white_box .box01 .circle_icon{background-image: url(../images/sub/icon32.png);} .lenovo_cts01 .white_box .box02 .circle_icon{background-image: url(../images/sub/icon05.png);} .lenovo_cts02 .shadow_box{padding: 60px; margin-top: 0;} .lenovo_cts02 .flex_box .imgArea{width: 50%;} .lenovo_cts02 .flex_box .imgArea img{width: 100%;} .lenovo_cts02 .flex_box .textArea{width: calc(50% - 65px);padding-right: 0;} .lenovo_cts02 .textArea .textA{font-weight: 500;margin-bottom: 35px;} .lenovo_cts02 .textArea .bullet01{width: 100%;} .lenovo_cts02 .flex_box{justify-content: space-between;} /*UPS*/ .ups_box01{justify-content: space-between;} .ups_box01 .imgArea{height: 460px;} .ups_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/ups_bg01.jpg)right top no-repeat;} .ups_box01 .imgArea .bg02{width: 425px;height: 497px;left: 31px;bottom: -100px;background: url(../images/sub/ups_bg02.png)center no-repeat;background-size: 100%;} .ups_cts01 .application_box .imgArea{width: 730px;height: 420px;} .ups_cts01 .application_box .bg{background: url(../images/sub/ups_img01.jpg)center no-repeat;} .ups_cts01 .application_box .textArea{width: calc(100% - 781px);} .ups_cts02 .item{padding: 40px 40px 24px 40px;} .ups_cts02 .item .title{margin-bottom: 12px;} .ups_cts02 .item01 .circle_icon{background-image: url(../images/sub/icon75.png);} .ups_cts02 .item02 .circle_icon{background-image: url(../images/sub/icon21.png);background-position: left 33px center;} .ups_cts02 .item03 .circle_icon{background-image: url(../images/sub/icon57.png);} /*랙*/ .rack_box01{justify-content: space-between;} .rack_box01 .imgArea{height: 460px;} .rack_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/rack_bg01.jpg)right top no-repeat;} .rack_box01 .imgArea .bg02{width: 554px;height: 498px;left: 31px;bottom: -100px;background: url(../images/sub/rack_bg02.png)center no-repeat;background-size: 100%;} .rack_cts01 .box{padding: 30px;} .rack_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon10.png);} .rack_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon17.png);} .rack_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon25.png);} .rack_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon07.png);} /*KVM*/ .kvm_box01{justify-content: space-between;} .kvm_box01 .imgArea{height: 370px;} .kvm_box01 .imgArea .bg01{right: 0;top:0;background: url(../images/sub/kvm_bg01.jpg)right top no-repeat;} .kvm_box01 .imgArea .bg02{width: 791px;height: 133px;left: -126px;bottom: -80px;background: url(../images/sub/kvm_bg02.png)center no-repeat;background-size: 100%;} .kvm_cts01 .box{min-height: 200px;} .kvm_cts01 .box01 .circle_icon{background-image: url(../images/sub/icon29.png);} .kvm_cts01 .box02 .circle_icon{background-image: url(../images/sub/icon10.png);} .kvm_cts01 .box03 .circle_icon{background-image: url(../images/sub/icon14.png);} .kvm_cts01 .box04 .circle_icon{background-image: url(../images/sub/icon76.png);} .kvm_cts01 .box05 .circle_icon{background-image: url(../images/sub/icon77.png);} .kvm_cts01 .box06 .circle_icon{background-image: url(../images/sub/icon21.png);background-position: left 33px center;} .kvm_cts01 .box07 .circle_icon{background-image: url(../images/sub/icon57.png);} .kvm_cts01 .box08 .circle_icon{background-image: url(../images/sub/icon06.png);} /* 바른건설기술 서브 */ .top_imgBox{margin-bottom: 56px;} .top_imgBox img{display: block;max-width: 100%;} .topArea_img{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 34px;} .topArea_img img{display: block;width: calc((100% - 20px) / 3);max-width: 460px;} .topArea_img.f1 img{width: 100%;max-width: none;} .topArea_img.f2 img{width: calc((100% - 10px) / 2);max-width: 730px;} /*인사말*/ .point_line{font-size: 29px;font-weight: 600;color: #044487;background: linear-gradient(to top, #bde3f5 50%, transparent 50%);margin-bottom: 12px;display: inline-block;} .flex_box{display: flex;align-items: center;flex-wrap: wrap;} .flex_box .textArea{padding-right: 40px;width: calc(100% - 700px);} .flex_box .textArea .text{font-size: 18px;font-weight: 400;margin-bottom: 37px;line-height: 1.8;letter-spacing: -1px;} .flex_box .textArea .title{font-size: 55px;letter-spacing: -3px;margin-bottom: 35px;font-weight: 300;line-height: 1.5;} .flex_box .textArea .title.small{font-size: 48px;} .flex_box .textArea .title01{font-size: 46px;letter-spacing: -3.5px;margin-bottom: 52px;} .flex_box .textArea .title02{font-size: 50px;margin-bottom: 52px;} /* 210917 title03추가 */ .flex_box .textArea .title03{font-size: 26px;margin-bottom: 42px; color: #044487; font-weight: 500;} .flex_box .textArea em{font-weight: 500;} .flex_box .imgArea{width: 700px;position: relative;height: 100%;} .flex_box .imgArea span{position: absolute;display: block;z-index: 5;width: 100%;height: 100%;} .greeting_box{align-items: flex-start;} .greeting_box .imgArea{width: 770px;height: 597px;} .greeting_box .imgArea .bg01{width: 500px;height: 437px;left: 0;top:0;background: url(../images/sub/greeting_img01.jpg)center no-repeat;background-size: cover;} .greeting_box .imgArea .bg02{width: 430px;height:387px;right:0;top: 210px;background: url(../images/sub/greeting_img02.jpg)left no-repeat;background-size: cover;} .greeting_box .imgArea span:before{content: '';width: 100%;height: 100%;top: 0;position: absolute;background-color: #fff;transition: 1s;} .greeting_box .textArea{padding-left: 98px;width: calc(100% - 770px);padding-right: 0 !important;} .greeting_box .flex_box .textArea .text{margin-bottom: 47px;} .greeting_box .textArea .title{font-size: 28px;font-weight: 600;margin-bottom: 30px;} .greeting_box .textArea .name{font-size: 16px;margin-top: 79px;margin-bottom: 0;} .greeting_box .imgArea .bg01.aos-animate:before{right: 0;width: 0;} .greeting_box .imgArea .bg02.aos-animate:before{bottom: 0;height: 0;} /* 비전 */ .img_box{display: flex;align-items: center;} .img_box .imgArea img{display: block;} .img_box .textArea{margin-left: 80px;width: calc(100% - 680px);} .img_box .textArea li{padding: 28px 0;position: relative;} .img_box .textArea li:before{content: '';width: 100%;height: 1px;background: url(../images/common/pattern03.png)left bottom repeat-x;position: absolute;left: 0;bottom: 0;} .img_box .textArea li:last-child:before{display: none;} .img_box .textArea li:first-child{padding-top: 0;} .img_box .textArea li:last-child{padding-bottom: 0;} .img_box .textArea li p{font-size: 18px;line-height: 1.6;} .img_box .textArea li .pointB03{font-weight: 500;font-style: italic;margin-bottom: 8px;} .vision_cts{background: #ecf0f4;text-align: center;padding: 60px 30px 70px;} .vision_cts img{display: block;margin: 0 auto;max-width: 100%;} /*연혁*/ .history_wrap {margin-top: -10px;} .history_wrap .history_inner {display: flex;flex-direction: column;align-items: center;position: relative;} .history_wrap .history_inner:before {content: '';width: 1px;height: calc(100% + 120px);background: #d4d4d4;position: absolute;top: 30px;z-index: -1;} .history_wrap .history_list {width: 100%;display: flex;align-items: center;} .history_wrap .history_list:not(:first-child) {margin-top: 10px;} .history_wrap .history_list>li {width: 50%;padding-left: 78px;position: relative;} .history_wrap .history_list>li:after {content: '';width: 18px;height: 18px;background: #fff;border: 4px solid #194f96;border-radius: 50%;position: absolute;top: 15px;left: -9px;} .history_wrap .history_list .history_txt li {display: flex;font-size: 18px;margin-top: 10px;} .history_wrap .history_list .history_txt li.img {margin-top: 25px;} .history_wrap .history_list .year {font-size: 36px;font-weight: 700;margin-bottom: 10px;display: inline-block;width: 100%;} .history_wrap .history_list .month {min-width: 45px;font-weight: 700;color: #194f96;line-height: 28px;} .history_wrap .history_list:nth-child(2n)>li:after {left: auto;right: -9px;} .history_wrap .history_list:nth-child(2n)>li {padding-left: 0;padding-right: 78px;text-align: right;} .history_wrap .history_list:nth-child(2n) .history_txt li {flex-direction: row-reverse;} .history_wrap .history_list:nth-child(2n+1) {flex-direction: row-reverse;} /* 등록 및 인증 */ .certify_box{display: flex;flex-wrap: wrap;gap: 30px 20px;justify-content: space-between;} .certify_box li{width: calc((100% - 40px) / 3);text-align: center;max-width: 380px;} .certify_box li img{max-width: 100%;display: block;margin: 0 auto 34px;} /* ci 소개 */ .logo_box{display: flex;justify-content: space-between;gap: 20px;} .logo_box>div{width: calc((100% - 20px) / 2);max-width: 730px;} .line_box{border: 1px solid #dcdcdc;text-align: center;padding: 20px 40px 30px;max-height: 350px;height: 20vw;display: flex;align-items: center;justify-content: center;} .line_box img{display: block;max-width: 100%;} .line_box02{justify-content: space-around;min-height: 350px;gap: 20px 40px;} .line_box02 img{width: calc((100% - 40px) / 2);max-width: 570px;} /*오시는 길*/ .map_wrap{display: flex;gap: 40px 20px;justify-content: space-between;} .map_wrap>div{width: calc((100% - 20px) / 2);max-width: 730px;} .map_area{width: 100%;height: 630px;background-color: #ccc;position: relative;} .map_area .address{display: flex;width: 100%;height: 60px;background-color: #1b1e25;font-size: 16px;align-items: center;padding: 0 40px;position: absolute;left: 0;top:0;z-index: 5;} .map_area .address span{color: #00d7fe;padding-right: 80px;display: block;position: relative;} .map_area .address span:before{content: '';width: 1px;height: 18px;background-color: #61656b;position: absolute;right:40px;top:0} .map_area .address p{color:#fff} .map{width: 100%;height: 100%;} /* 사업영역 */ .agrg_list{display: flex;justify-content: space-between;gap: 20px 10px;} .agrg_list li{width: calc((100% - 40px) / 5);max-width: 240px;text-align: center;} .agrg_list li img{max-width: 100%;display: block;margin: 0 auto;} .agrg_list .title{display: block;font-size: 18px;font-weight: 500;margin: 16px 0 10px;} .agrg_list .text{font-size: 16px;} .img_explain{border: 1px solid #d4d4d4;padding: 40px 0;display: flex;align-items: center;margin-top: 40px;} .img_explain:first-of-type{margin-top: 0;} .img_explain .imgArea{width: 50%;padding: 0 40px;min-width: 440px;} .img_explain .imgArea img{display: block;margin: 0 auto;} .img_explain .title{font-size: 28px;font-weight: 600;margin-bottom: 12px;} .img_explain .tit{font-size: 17px;font-weight: 500;letter-spacing: 0;} .img_explain dl{padding-right: 20px;width: 50%;} .img_explain dd{font-size: 17px;line-height: 1.6;margin-top: 30px;max-width: 640px;} .img_explain img{display: block;max-width: 100%;} /* 제품정보 */ .forthall_order{display: flex;justify-content: space-between;gap: 60px;padding: 0;margin: 0;margin-top: 32px;} .forthall_order li{width: 100%;max-width: 270px;position: relative;} .forthall_order li:not(:last-child):after{content: '';background: url(../images/sub/arrow.png) center no-repeat;width: 45px;height: 80px;position: absolute;right: -34%;top: calc(50% - 20px);transform: translateY(-50%);} .forthall_order li img{max-width: 100%;display: block;} .forthall_order li span{font-size: 17px;display: block;margin-top: 16px;text-align: center;} .pd_type03{display: flex;justify-content: space-between;margin-top: 10px;} .pd_type03 li{width: 100%;max-width: 242px;} .pd_type03 li:first-child{max-width: 352px;} .pd_type03 li img{max-width: 100%;display: block;margin: 0 auto;} .pd_type03 li p{font-size: 18px;display: block;margin-top: 26px;text-align: center;} /* 주요연구실적 */ .border_box{border: 1px solid #d4d4d4;text-align: center;padding: 30px;margin-top: 26px;} .border_box img{max-width: 100%;margin: 0 auto;} .rsrch_box01{display: flex;justify-content: space-between;} .rsrch_box01 ul{width: calc(100% - 340px);} .rsrch_box01 .imgArea{width: 302px;} .rsrch_box01 .imgArea img{max-width: 100%;display: block;} .rsrch_box01 .imgArea .text{text-align: center;font-size: 16px;margin-top: 18px;} .rsrch_box02{margin-top: 32px;} .rsrch_box02 img{max-width: 100%;display: block;margin: 0 auto;} .rsrch_box02 .top{text-align: center;} .rsrch_box02 .btm{display: flex;justify-content: space-between;margin-top: 40px;} .rsrch_box02 .btm span{display: block;text-align: center;font-size: 18px;margin-top: 4px;} .rsrc_list{display: flex;flex-wrap: wrap;gap: 40px 38px;} .rsrc_list li{border: 1px solid #ececec;width: calc((100% - 152px) / 5);} .rsrc_list li img{display: block;max-width: 100%;} .rsrc_list.bg:after{content: '';display: block;background: url(../images/sub/history_bg.jpg) center no-repeat;background-size: cover;width: calc((((100% - 152px) / 5) * 3) + 76px);height: auto;} /* 홍보동영상 */ .video{text-align: center;} .video iframe{width: 100%;height: 50vw;max-width: 1032px;max-height: 581px;border-radius: 12px;} /* 브로슈어 */ .brochure{background: url(../images/sub/brochure_bg.jpg) top center no-repeat;background-size: contain;padding: 70px 80px 0;display: flex;gap: 20px;} .brochure .imgArea{position: relative;} .brochure .imgArea:before{content: '';background: rgba(0,0,0,.1);position: absolute;left: 16px;top: 16px;width: 100%;height: 100%;} .brochure .imgArea img{display: block;box-shadow: 0 0 8px rgba(0,0,0,.2);position: relative;z-index: 1;} .brochure .txtArea{margin-left: auto;} .brochure .txtArea .title{font-size: 46px;font-weight: 600;line-height: 1.5;margin-top: 48px;letter-spacing: -1px;} .brochure .txtArea .title strong{color: #101b55;font-weight: 600;} .brochure .txtArea .text{font-size: 18px;margin-top: 42px;} .brochure .txtArea .text strong{font-size: 20px;font-weight: 600;display: block;margin-bottom: 14px;} .brochure .txtArea a{margin-top: 62px;} /* 회원관련 */ .login_wrap{width: 100%;max-width: 900px;background: #eff3f5;border-radius: 20px;position: relative;padding: 40px 30px 45px;text-align: center;font-size: 18px;box-sizing: border-box;color: #333;margin: 0 auto;} .login_wrap .logo{font-size: 0;line-height: 0;text-indent: -9999px;background: url(../images/sub/login_logo.png) center no-repeat;width: 100%;height: 63px;} .login_wrap .login_input{margin: 40px auto 36px;padding-bottom: 50px;border-bottom: 1px solid #d7dadc;display: flex;justify-content: space-between;width: 100%;position: relative;max-width: 530px;} .login_wrap .login_input ul{width: 100%;display: flex;flex-direction: column;gap: 15px;} .login_wrap .login_input input{width: 100%;height: 50px;width: 100%;border-radius: 8px;padding: 10px 15px;border: 0;box-sizing: border-box;font-size: 15px;} .login_input .login_btn{max-width: 115px;width: 100%;height: 115px;margin-left: 15px;border-radius: 8px;background-color: #1f3159;transition: background-color 0.4s;} .login_input .login_btn{display: block;width: 100%;height: 100%;line-height: 115px;color: #fff!important;text-align: center;font-size: 22px;font-weight: 500;} .login_input .login_btn:hover{background-color: #16284d;} .login_wrap .find_login{text-align: center;} .login_wrap .find_login a{padding-right: 30px;display: inline-block;position: relative;margin-right: 30px;font-size: 16px;color: #333;} .login_wrap .find_login a:after{content: '';width: 1px;height: 15px;background: rgba(0, 0, 0, 0.2);position: absolute;right: 0;top: 2px;} .login_wrap .find_login a:last-child{padding-right: 0;margin-right: 0;} .login_wrap .find_login a:last-child:after{display: none;} /* 회원가입 */ /* 작성 스텝 리스트 */ .step_area{list-style: none;display: flex;justify-content: space-between;position: relative;padding: 0;margin: 0;margin-bottom: 54px;} .step_area li{width: 100%;max-width: 420px;} .step_area li:not(:last-child){margin-right: 30px;} .step_area .title{display: flex;align-items: flex-end;color: #666;line-height: 28px;border-bottom: 1px solid #858585;padding-bottom: 6px;white-space: nowrap;} .step_area .title:before{content: '';display: inline-block;background-position: center;background-repeat: no-repeat;height: 30px;margin-right: 14px;} .step_area .step01 .title:before{background-image: url(../images/sub/step_ico01.png);width: 30px;background-size: 30px;} .step_area .step02 .title:before{background-image: url(../images/sub/step_ico02.png);width: 30px;background-size: 30px;} .step_area .step03 .title:before{background-image: url(../images/sub/step_ico03.png);width: 30px;background-size: 30px;} .step_area .title span{margin-left: auto;font-size: 12px;letter-spacing: 3px;} .step_area .active .title{color: #222969;font-weight: 500;border-color: #222969;} .step_area .step01.active .title:before{background-image: url(../images/sub/step_ico01_on.png);} .step_area .step02.active .title:before{background-image: url(../images/sub/step_ico02_on.png);} .step_area .step03.active .title:before{background-image: url(../images/sub/step_ico03_on.png);} .step_area .active span{color: #222969;font-weight: 500;} .step_area .title em{display: inline-block;margin: 0 3px;} .agree_text{display: flex;justify-content: space-between;flex-wrap: wrap;} .agree_text span{margin-top: 10px;} .agree_text .radiobox{margin-top: 10px;margin-left: auto;} .joinCmplt{text-align: center;width: 100%;margin: 100px auto 0;} .joinCmplt:after{content: '';background: url(../images/sub/join_img.png) bottom 10px center no-repeat;margin: 0 auto;background-size: contain;display: block;width: 100%;max-width: 328px;height: 336px;margin-top: 60px;} .joinCmplt .title{font-size: 36px;font-weight: 400;margin-bottom: 30px;} .joinCmplt .title em{font-weight: 500;color: #222969;} .joinCmplt .text{font-size: 18px;} .textBox{border: 1px solid #d1d1d1;padding: 20px;line-height: 1.6;max-height: 340px;overflow-y: auto;}