/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */ html, body { position: relative; height: 100%; } body { margin: 0; padding: 0; /* font-family: "Roboto", serif; */ font-family: 'Noto Sans KR', sans-serif; /* overflow-x: hidden; */ } button {background: none; border:none;} h1 { margin: 2em 0 1.5em 0; } .container {width: 100%; background-color: #000; position: fixed; z-index: 1000;} header {width: 1200px; margin:0 auto; display: flex; flex-flow: column nowrap;} /* nav { width: 100%; display: flex; justify-content: center; position: relative; background: linear-gradient(90deg, #051937, #004d7a, #008793, #00bf72, #a8eb12); } */ .jbGrad01 { /* height: 250px; background: linear-gradient( to bottom, white 3%, gray );*/ height: 40px; background: linear-gradient( to bottom, white 20% , #f1f1f1); } nav { } ul, li { margin: 0; padding: 0; list-style: none; } #banner3 {background-image:url(../images/main/baner3.jpg)} #banner2 {background-image:url(../images/main/baner22.jpg)} #banner1 {background-image:url(../images/main/bninc_main_01.jpg)} /* #main-menu {width: 1200px; float:right;} */ #main-menu {float:right;} #main-menu > ul { float: right; position: relative; } #main-menu > li { float: left; position: relative; } #main-menu > li > a { font-size: 0.85rem; color: rgba(255,255,255,0.85); text-align: center; text-decoration: none; letter-spacing: 0.05em; display: block; padding: 20px 26px; border-right: 1px solid rgba(0,0,0,0.15); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); font-size: 17px; font-weight: 500; } #main-menu > li > a:hover{ color: #76b900; /* border-bottom: 2px solid #76b900; */ } #main-menu > li:nth-child(1) > a { border-left: 1px solid rgba(0,0,0,0.15); } #sub-menu { position: absolute; background: #76b900; opacity: 0; visibility: hidden; transition: all 0.15s ease-in; width: 250px; z-index: 900; } #sub-menu > li { padding: 16px 28px; border-bottom: 1px solid rgba(0,0,0,0.15); } #sub-menu > li > a { color: rgba(255,255,255,1); text-decoration: none; } #main-menu > li:hover #sub-menu { opacity: 1; visibility: visible; } #sub-menu > li > a:hover { text-decoration: underline; } section { column-width: 15em; background: #dadadf; padding: 2em 12em; } .company_type1_i { background-position: center; background-size: cover; position: relative; text-align: center; /* Internet Explorer 10 */ display:-ms-flexbox; /* Firefox */ display:-moz-box; /* Safari, Chrome, and Opera */ display:-webkit-box; /* W3C */ display:box; align-items: center; justify-content: center; margin-bottom: 40px; } .company_type1_i > div { margin-right: 5%; } .company_type1_i > div:nth-child(3) { margin-right: 0%; } .hpc_type1 { width: 1200px; margin: 0 auto; height: auto; padding-top: 100px; } .hpc_type2 { width: 1200px; margin: 0 auto; height: auto; padding-top: 0px; } .hpc_main_1 {height:588px; width:1200px; margin: 0 auto; background: url(../images/hpc/hpc_01_05.png) no-repeat center center; padding-top: 0px; } .hpc_main_1_1 {height: 246px;} .hpc_main_1_2 {height: 342px; width: 206px; float:left;} .hpc_main_1_3 {height: 342px; width: 994px; float:left;} .hpc_main_1_3_t1 {font-size: 28px; font-weight: 600; padding-left: 43px; color:#fff; padding-bottom: 10px; } .hpc_main_1_3_t2 {padding-left: 43px; background-color:#f4f6f0; height:300px; } .hpc_main_1_3_t3 { padding-top: 54px;} .hpc_main_1_3_t2_1 {font-size: 22px; font-weight: 600; border-left: 3px solid #76b900; padding-left:20px;} .hpc_main_1_3_t2_2 {font-size: 15px; font-weight: 500; border-left: 3px solid #76b900; padding-left:20px; padding-top: 16px;} .hpc_main_2 {text-align: center; padding-top: 60px;} .hpc_main_2 p {color: #fff; background-color: #76b900; font-size: 15px; width: 630px; margin: 0 auto; padding: 12px 0px; margin-bottom: 10px } .hpc_main_3 {height:796px; width:100%; margin: 0 auto; background: url(../images/hpc/hpc_01_18.png) center center; padding-top: 0px; } .hpc_main_3_1 {width: 790px; margin:0 auto; margin-bottom: 10px; height: 152px;} .hpc_type1_t1 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 68px; color:#fff;} .hpc_type1_t1:after {content: ""; display: block; width: 60px;border-bottom: 4px solid #73b61b; } .hpc_main_3_1_1 {width: 190px; text-align: center; height: 152px; background-color: rgba(20,20,21,0.5); margin-right:10px; font-size: 14px; align-items: center; justify-content: center; display: flex; color: #fff; float:left;} .hpc_main_3_1_2 {width: 190px; text-align: center; height: 152px; background-color: rgba(20,20,21,0.5); font-size: 14px; align-items: center; justify-content: center; display: flex; color: #fff; float:left;} .nvidia_type111_t111 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 60px; color:#fff;} .nvidia_type111_t111:after { content: ""; display: block; width: 60px; border-bottom: 4px solid #73b61b; margin: 20px auto 40px; } .hpc_type3 {background-color: rgba(25,26,28,0.7); margin-top:40px; height: 100%; height: 282px;} .hpc_type3_1 {align-items: center; justify-content: center; display: flex; text-align: center; height: 282px;} .swiper-container { width: 100%; height: 100%; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); -webkit-transform:translate3d(0, 0, 0); } .swiper-slide { background-position: center; background-size: cover; position: relative; text-align:center; display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */ align-items:center; /* 위아래 기준 중앙정렬 */ justify-content:center; /* 좌우 기준 중앙정렬 */ } .main_mid { background: url(../images/main/bninc_main_02.jpg) no-repeat center center; height: 975px; position: relative; background-size: cover; padding-top: 100px;} .main_mid_inner {width: 1200px; margin: 0 auto; text-align: center;} .main_t1 {font-size: 53px; font-weight: 600; color: #76b900;} .main_t2 {font-size: 22px; font-weight: 400; color: #fff;} .mid_t1 {font-size: 18px; font-weight: 600; padding:20px 20px; color: #76b900; letter-spacing: -1px; height:40px;} .mid_t2 {font-size: 16px; font-weight: 400; padding:0px 20px;word-break: keep-all;letter-spacing: -1px;} .mid_t11 {font-size: 18px; font-weight: 600; padding:20px 20px; color: #76b900; letter-spacing: -1px;} .mid_t21 {font-size: 16px; font-weight: 400; padding:0px 20px;word-break: keep-all;letter-spacing: -1px;} .top_t1 {font-size: 48px; color: #fff; padding-bottom: 20px; font-weight: 600;} .top_t2 {font-size: 35px; color: #fff; padding-bottom: 58px;} .top_t3 {font-size: 18px; color: #fff; padding: 10px 25px; border: 1px solid #fff;} .top_t4 {font-size: 18px; color: #4d4d4b; padding: 10px 25px; border: 1px solid #4d4d4b;} #top { width: 1200px; height: 280px; /* padding: 20px 10px; */ text-align: left; } #top2 { width: 100%; /* height: 280px; */ /* padding: 20px 10px; */ position: absolute; text-align: center; bottom: 100px; } #mid { width: 326px; height: 380px; /* padding: 20px 10px; */ text-align: left; overflow: hidden; background-color: #fff; border: 2px solid #e4e4e4;} #mid div img {width: 100%;} #mid2 { width: 326px; height: 380px; /* padding: 20px 10px; */ text-align: left; background-color: #fff; border: 2px solid #e4e4e4; margin-right:105px;} #mid2 > a > div > img { width: 100%; height: 187px;} #mid2_2 { width: 29.6%; height: 380px; /* padding: 20px 10px; */ text-align: left; background-color: #fff; border: 2px solid #e4e4e4; /* margin-right: 105px; */ float: left; overflow: hidden; } #mid2_2 > a > div > img { width: 100%; height: 187px;} #mid3 { width: 326px; height: 380px; /* padding: 20px 10px; */ text-align: left; background-color: #fff; border: 2px solid #e4e4e4;} footer {height: 610px; background-color: #3c3c3c; margin-top: 0px;} #footer {width: 1240px; margin:0 auto; color: #fff; padding-top: 100px;} #footer2 {width: 1240px; margin:0 auto; color: #fff; padding-top: 100px; margin-top:0px;} .footer_li1 {float:left; list-style:none; width:150px;} .footer_li1 ul li {list-style:none; padding-bottom:10px;} .footer_li1 ul li a {text-decoration:none; color:#fff; font-size:14px;} .footer_li2 {float:right; list-style:none; text-align:right;} .footer_li2 ul li {list-style:none; padding-bottom:10px;} .footer_li2 ul li a {text-decoration:none; color:#fff; font-size: 14px;} .footer_li2 {float:left; list-style:none; width:150px;} .footer_li3 {float:left; list-style:none; width:150px;} .footer_li1 ul li a {text-decoration:none; color:#fff; font-size:14px;} .footer_li4 {float:left; list-style:none; width:150px;} .footer_li1 ul li a {text-decoration:none; color:#fff; font-size:14px;} .footer_li5 {float:left; list-style:none; width:150px;} .footer_li1 ul li a {text-decoration:none; color:#fff; font-size:14px;} .footer_li6 {float:left; list-style:none; width:150px;} .footer_li1 ul li a {text-decoration:none; color:#fff; font-size:14px;} .footer_li7 {float:left; list-style:none; width:150px; text-align:right;} .footer_li1 ul li a {text-decoration:none; color:#fff; font-size:14px;} #pad {display:none ;} .f_1 {clear: both; width: 50%; text-align: center; padding-top: 30px; float: left;} .f_2 {float: left; width: 50%; text-align: left; padding-top: 30px; color: #fff; line-height: 24px;} /**/ #nvidia_type_t0 { font-weight: 600; color: #73b61b;} .nvidia_top { background: url(../images/nvidia/nvidia_1_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .nvidia_top_button {background-color: #73b61b; width:100%; height: 128px; padding-top: 63px;} .nvidia_top_button ul {width: 1200px; margin:0 auto;} .nvidia_top_button ul li {width: 240px; float:left; height: 64px; text-align: center; display: flex; color:#fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer;} .nvidia_top_button ul li:hover {width: 240px; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer; transition: all ease 0.5s 0s; } .nvidia_top_button ul li.on {width: 240px; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center;} .nvidia_top_button ul li a {color: #fff; clear: both; text-align: center; width: 240px;} .nvidia_top_button ul li a:hover {color: #000; background-color: #fff; } #w100 {width:100px;} .float {float:left;} .nvidia_type_a {width: 100%; background-color: #fff; margin: 0 auto; } .nvidia_type1 {width: 1200px; margin: 0 auto; height: 480px;} .nvidia_type1 div {float:left; padding-top: 50px; padding-bottom: 70px;} .nvidia_type1 > div:nth-child(2) {width: 40%; text-align:center;} .nvidia_type1 > div:nth-child(3) {width: 60%;} .nvidia_type1 div > p { padding: 20px 0px 20px 0px;} #nvidia_type1_t0 {font-size: 18px; font-weight: 600; text-align: center; color: #73b61b;} .nvidia_type1_t1 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 68px;} .nvidia_type1_t1:after { content: ""; display: block; width: 60px; border-bottom: 4px solid #73b61b; margin: 20px auto 40px; } .nvidia_type1_t111 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 80px;} .nvidia_type1_t111:after { content: ""; display: block; width: 60px; border-bottom: 4px solid #73b61b; margin: 20px auto 40px; } .nvidia_type1_t2 {font-size: 15px; font-weight: 500; line-height: 23px; word-break: keep-all; } /* .nvidia_type1_t10 {font-size: 32px; font-weight: 600; text-align: center; color: #73b61b; padding-top: 60px;} */ .nvidia_type1_t10 {font-size: 19px; font-weight: 600; text-align: center; color: #73b61b; padding-top: 60px;} .nvidia_type1_t11 {font-size: 15px; font-weight: 600; text-align: center; color: #000; padding-top: 20px; line-height: 24px;} .nvidia_type_b {width: 100%; background-color: #f3f3f3; margin: 0 auto; } .nvidia_type_c {width: 100%; background-color: #d1d1d1; margin: 0 auto; } /*.nvidia_type2 {width: 1200px; margin: 0 auto; height: 680px; padding-top: 86px;}*/ .nvidia_type2 {width: 1200px; margin: 0 auto; height: 630px; padding-top: 46px;} .nvidia_type2 div {float:left; padding-top: 0px; padding-bottom: 60px;} .nvidia_type2 > .nvidia_type2_1 {width: 18%; text-align:center; clear: both; } .nvidia_type2 > .nvidia_type2_2 {width: 82%;} .nvidia_type2_b {width: 1200px; margin: 0 auto; height: 700px; padding-top: 46px;} .nvidia_type2_b div {float:left; padding-top: 0px; padding-bottom: 60px;} .nvidia_type2_b > .nvidia_type2_1 {width: 18%; text-align:center; clear: both; } .nvidia_type2_b > .nvidia_type2_2 {width: 82%;} .nvidia_type2_b > .nvidia_type2_1_1 {width: 18%; text-align:center; clear: both; } .nvidia_type2_b > .nvidia_type2_1_2 {width: 82%;} .nvidia_type_a {width: 100%; margin:0 auto; background-color: #fff;} .nvidia_type_b {width: 100%; margin:0 auto; background-color: #f3f3f3;} .nvidia_type_b_2 {width: 100%; margin:0 auto; background-color: #f3f3f3;} .nvidia_type_d {width: 100%; margin:0 auto; background-color: #000;} .nvidia_type2_t1 {font-size: 18px; color: #73b61b;} .nvidia_type2_t2 {font-size: 15px; padding-top: 20px; } .nvidia_type3 {width: 1200px; margin: 0 auto; height: 628px;} .nvidia_type3 div {padding-top: 50px; padding-bottom: 70px;} .nvidia_type4 {width: 1200px; margin: 0 auto; height: 408px; padding-top: 0px;} .nvidia_type4 div {float:left; padding-top: 0px; padding-bottom: 0px;} .nvidia_type4 > .nvidia_type4_1 {width: 50%; text-align:left; } .nvidia_type4 > .nvidia_type4_2 {width: 50%; text-align:right;} .nvidia_type4_t1 {font-size: 15px; color: #73b61b; padding-left: 50px; padding-top: 30px;} .nvidia_type4_t2 {font-size: 15px; color: #000; padding-left: 72px;} .nvidia_type5 {width: 1200px; margin: 0 auto; height: 648px;} .nvidia_type5 div {padding-top: 50px; padding-bottom: 70px;} .nvidia_type4_ul_div {width: 100%; margin:0 auto; padding-top: 40px;} .nvidia_type4_ul_div > ul {width: 1200px; margin:0 auto; text-align: center; height:350px; } .nvidia_type4_ul_div > ul > li:nth-child(1) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #73b61b; height: 330px;} .nvidia_type4_ul_div > ul > li:nth-child(2) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #73b61b; height: 330px;} .nvidia_type4_ul_div > ul > li:nth-child(3) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); border-top: 3px solid #73b61b; height: 330px;} .nvidia_type4_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .nvidia_type4_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #73b61b; font-weight: 600; padding-top:10px} .nvidia_type4_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .nvidia_type5_ul_div {width: 100%; margin:0 auto;} .nvidia_type5_ul_div > ul {width: 1200px; margin:0 auto; text-align: center; height:350px; } .nvidia_type5_ul_div > ul > li:nth-child(1) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #73b61b; height: 330px; margin-left:18%;} .nvidia_type5_ul_div > ul > li:nth-child(2) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #73b61b; height: 330px;} .nvidia_type5_ul_div > ul > li:nth-child(3) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); border-top: 3px solid #73b61b; height: 330px;} .nvidia_type5_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .nvidia_type5_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #73b61b; font-weight: 600; padding-top:10px} .nvidia_type5_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .nvidia_button {font-size: 14px; color: #73b61b; padding: 8px 25px; border: 1px solid #73b61b; margin-top:30px} /*.nvidia_button2 {font-size: 19px; color: #909090; padding: 10px 25px; background-color:#e9e9e9; border: 1px solid #e9e9e9; margin-top:30px}*/ .nvidia_button2 { font-size: 13px; color: #909090; padding: 9px 25px; background-color: #e9e9e9; /* border: 1px solid #e9e9e9; */ margin-top: 30px; display: inline-block; border-top: 4px solid #e9e9e9;} /*.nvidia_button3 {font-size: 16px; color: #ffff; padding: 10px 25px; border: 1px solid #ffff; margin-top:4px}*/ .nvidia_button3 {font-size: 14px; color: #ffff; padding: 8px 25px; border-top: 4px solid #e9e9e9; margin-top:4px} /*.nvidia_button4 {font-size: 19px; color: #909090; padding: 10px 25px; background-color:#e9e9e9; border: 1px solid #e9e9e9; margin-top:4px}*/ /*.nvidia_button4 {font-size: 16px; color: #909090; padding: 10px 25px; background-color:#e9e9e9; border: 1px solid #e9e9e9; margin-top:4px}*/ .nvidia_button4 { font-size: 13px; color: #909090; padding: 9px 25px; background-color: #e9e9e9; /* border: 1px solid #e9e9e9; */ margin-top: 0px; display: inline-block; border-top: 4px solid #e9e9e9;} .nvidia_button5 {font-size: 16px; color: #73b61b; padding: 10px 25px; border: 1px solid #73b61b; margin-top:60px} .nvidia_button6 {font-size: 14px; color: #ffff; padding: 8px 25px; border: 1px solid #ffff; margin-top:4px; visibility: hidden;} .nvidia_type6 {width: 1200px; margin: 0 auto; height: 628px;} .nvidia_type6 div {float:left; padding-top: 50px; padding-bottom: 70px;} .nvidia_type6 > div:nth-child(2) {width: 40%; text-align:center;} .nvidia_type6 > div:nth-child(3) {width: 60%;} .nvidia_type6 div > p { padding: 20px 0px 20px 0px;} .nvidia_type6_t1 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 80px;} .nvidia_type6_t2 {font-size: 15px; font-weight: 500; line-height: 23px; } .nvidia_type6_t3 {font-size: 21px; font-weight: 500; padding-top: 40px; color:#73b61b; } .nvidia_type7 {width: 1200px; margin: 0 auto; height: 588px;} .nvidia_type7 div {text-align: center; padding-top: 50px; padding-bottom: 70px;} .nvidia_type7 div > p { padding: 20px 0px 20px 0px;} .nvidia_type9 {width: 1200px; margin: 0 auto; height: 1020px;} .nvidia_type9 div {padding-top: 50px; padding-bottom: 70px;} .nvidia_type10 {width: 1200px; margin: 0 auto; height: 480px;} .nvidia_type10 div {float:left; padding-top: 50px; padding-bottom: 70px;} .nvidia_type10 > div:nth-child(2) {width: 40%; text-align:center;} .nvidia_type10 > div:nth-child(3) {width: 60%;} .nvidia_type10 div > p { padding: 20px 0px 20px 0px;} .nvidia_type10_t1 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 80px;} .nvidia_type10_t2 {font-size: 15px; font-weight: 500; line-height: 23px; } .nvidia_type11 {width: 1200px; margin: 0 auto; height: 408px; padding-top: 0px;} .nvidia_type11 div {float:left; padding-top: 0px; padding-bottom: 0px;} .nvidia_type11 > .nvidia_type11_1 {width: 50%; text-align:right; } .nvidia_type11 > .nvidia_type11_2 {width: 50%; text-align:left; } .nvidia_type11_t1 {font-size: 20px; color: #73b61b; font-weight: 600; padding-top: 60px; padding-left: 30px;} .nvidia_type11_t2 {font-size: 15px; font-weight: 500; line-height: 23px; padding-top: 20px; padding-left: 30px;} .nvidia_type12 {width: 1200px; margin: 0 auto; height: 560px; padding-top: 46px;} .nvidia_type12 div {float:left; padding-top: 0px; padding-bottom: 60px;} .nvidia_type12 > .nvidia_type12_1 {width: 18%; text-align:center; clear: both; } .nvidia_type12 > .nvidia_type12_2 {width: 82%;} .nvidia_type12_t1 {font-size: 18px; color: #73b61b;} .nvidia_type12_t2 {font-size: 15px; padding-top: 20px; } .nvidia_type13 {width: 1200px; margin: 0 auto; height: 1240px;} .nvidia_type13 div {padding-top: 50px; padding-bottom: 70px;} .nvidia_type14 {width: 1200px; margin: 0 auto; height: auto;} .nvidia_type14 div {float:left; padding-top: 50px; padding-bottom: 70px;} .nvidia_type14 > div:nth-child(2) {width: 40%; text-align:center;} .nvidia_type14 > div:nth-child(3) {width: 60%;} .nvidia_type14 div > p { padding: 20px 0px 20px 0px;} .nvidia_type14_t1 {padding-bottom: 40px; text-align:center; clear:both;} .nvidia_type114_t1 {padding-bottom: 40px; text-align:center; clear:both;} .nvidia_type15 {width: 1200px; margin: 0 auto; height: auto;} .nvidia_type15 div {float:left; padding-top: 50px; padding-bottom: 70px;} .nvidia_type15 > div:nth-child(2) {width: 55%; text-align:center;} .nvidia_type15 > div:nth-child(3) {width: 40%; text-align: right;} .nvidia_type15 div > p { padding: 20px 0px 20px 0px;} .nvidia_type15_t1 {padding-bottom: 40px; text-align:center; clear:both;} .question_type1 { width: 1200px; margin: 0 auto; height: 800px; } .main { background-color: #fff; height: auto; width: 900px; margin: 0 auto; } .nvidia_type16 {width: 1200px; margin: 0 auto; height: auto; padding-bottom: 80px;} .nvidia_type16 div {float:left; padding-top: 50px; padding-bottom: 10px;} .nvidia_type16 > div:nth-child(4) {width: 55%; text-align:center;} .nvidia_type16 > div:nth-child(5) {width: 40%; text-align: left;} .nvidia_type16 div > p { padding: 20px 0px 20px 0px;} .nvidia_type16_t1 {padding-bottom: 40px; text-align:center; clear:both;} .nvidia_type17 {width: 1200px; margin: 0 auto; height: 345px; padding-top: 48px;} .nvidia_type17 div > ul {float:left; width: 100%;} .nvidia_type17 div > ul > li {float:left; width: 25%; text-align: center;} .nvidia_type17_t1 {font-size: 16px; line-height: 28px; padding-top: 10px;} .nvidia_type17_t2 {font-size: 16px; line-height: 28px; padding-top: 10px; display:block;} .nvidia_type17_t2_m {font-size: 16px; line-height: 28px; padding-top: 10px; display:none;} .nvidia_type17_t00 {font-size: 17px; line-height: 28px; padding-top: 40px;} .nvidia_type18 {width: 1200px; margin: 0 auto; height: 435px; padding-top: 68px;} .nvidia_type19 {width: 1200px; margin: 0 auto; height: 1090px; padding-top: 48px;} .nvidia_type19 div > ul {float:left; width: 100%;} .nvidia_type19 div > ul > li {float:left; width: 25%; text-align: center;} .nvidia_type19_t1 {font-size: 16px; line-height: 28px; padding-top: 10px;} .nvidia_type19_t2 {font-size: 16px; line-height: 28px; padding-top: 10px;} .nvidia_type19_t00 {font-size: 17px; line-height: 28px; padding-top: 40px;} .nvidia_type20 {width: 1200px; margin: 0 auto; height: 488px; padding-top: 48px;} .nvidia_type20 div > ul {float:left; width: 100%;} .nvidia_type20 div > ul > li {float:left; width: 33%; text-align: center; padding-top: 50px;} .nvidia_type20_t1 {font-size: 21px; line-height: 28px; padding-top: 10px; color: #76b900; font-weight: 600; text-align: center; padding-top: 20px;} .nvidia_type20_t2 {font-size: 14px; line-height: 20px; padding-top: 10px;} .nvidia_type20_t3 {font-size: 14px; line-height: 20px; padding-top: 10px; text-align: center; padding-top: 50px; clear: both;} .nvidia_type20_t4 {font-size: 14px; line-height: 20px; padding-top: 10px; text-align: center; padding-top: 10px; clear: both;} .nvidia_type20_t00 {font-size: 17px; line-height: 28px; padding-top: 40px;} .nvidia_type21 {width: 1200px; margin: 0 auto; height: 530px; padding-top: 48px;} .nvidia_type22 {width: 1100px; margin: 0 auto; height: 560px; padding-top: 48px; } .nvidia_type22_t1 {font-size: 21px; line-height: 28px; padding-top: 10px; color: #76b900; font-weight: 600; text-align: center; padding-top: 20px;} .nvidia_type22_t2 {font-size: 14px; line-height: 20px; padding-top: 40px; color:#fff; text-align:center;} .nvidia_type22_t3 {font-size: 11px; line-height: 20px; padding-top: 40px; text-align: left; clear: both; color:#fff;} .nvidia_type23 {width: 1200px; margin: 0 auto; height: auto; padding-bottom: 20px;} .nvidia_hpe_type7 {width: 1200px; margin: 0 auto; height:1100px;} /* floating menu */ /*.floating-menu { position: fixed; right: 50px; top: 50%; z-index: 300; width: 128px; margin: 0; background-color: #d4cecf; }*/ .floating-menu { background:#fff;position:absolute;width:240px;top:350px;left:60px; box-shadow: 4px 4px 2px 1px rgba(175, 175, 175, .2); } .floating-menu li { margin: 0; *float: left; } .floating-menu a.menu-04 { height: 20px; background: none; } .floating-menu li.on a > p { color: #73b61b; border-left:4px solid;} .floating-menu li.on a.menu-01 {/* background-position: -131px 0;*/ } .floating-menu li.on a.menu-02 {/* background-position: -131px -104px;*/ } .floating-menu li.on a.menu-03 { /*background-position: -131px -219px;*/ } .floating-menu ul > li > a > p {padding:10px; font-weight: 500;} .nvidia_type23 {width: 1200px; margin: 0 auto; height: 860px;} .nvidia_type23 div > p { padding: 20px 0px 20px 0px;} .nvidia_type23_2 {width: 1200px; margin: 0 auto; height: 860px;} .nvidia_type23_2 div > p { padding: 20px 0px 20px 0px;} /*#slidemenu li {padding-bottom: 20px; padding-top: 10px;} */ a.active { /* background: #2492fb; */ color: #fff; } .tabmenu{ max-width:714px; margin: 0 auto; position:relative; } .tabmenu ul li{ display: inline-block; width:20%; float:left; text-align:center; background :#f9f9f9; line-height:40px; } .tabmenu label{ display:block; width:100%; height:40px; line-height:40px; background-color: #73b61b; color: #fff; } .tabmenu input{display:none;} .tabCon{ display:none; text-align:left; padding: 10px; position:absolute; left:0; top:40px; box-sizing: border-box; /* border : 5px solid #f9f9f9; */ margin-left: -200px; } .tabmenu input:checked ~ label{ background-color: #fff; color: #73b61b; } .tabmenu input:checked ~ .tabCon{ display:block; } /**/ .purestorage_top { background: url(../images/purestorage/purestorage01_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .question { background: url(../images/question/moon01_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .hpe_top { background: url(../images/hpe/hpe_01_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .hpe_top_button {background-color: #00b387; width:100%; height: 64px; padding-top: 63px;} .hpe_top_button ul {width: 1200px; margin:0 auto;} .hpe_top_button ul li {width: 200px; float:left; height: 64px; text-align: center; display: flex; color:#fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer;} .hpe_top_button ul li:hover {width: 200px; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer; transition: all ease 0.5s 0s; } .hpe_top_button ul li.on {width: 200px; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center;} .hpe_top_button ul li a {color: #fff; clear: both; text-align: center; width: 200px;} .hpe_top_button ul li a:hover {color: #000; background-color: #fff; } .hpe_type20_t1 {font-size: 33px; line-height: 38px; color: #00b387; font-weight: 600; text-align: center; padding-top: 20px; padding-bottom: 50px;} .hpe_type_a {width: 100%; background-color: #fff; margin: 0 auto; padding-top: 50px;} .hpe_type1 {width: 1200px; margin: 0 auto; height: 800px;} /*.hpe_type1 div {float:left; padding-top: 50px; padding-bottom: 70px;}*/ .hpe_type4_ul_div {width: 100%; margin:0 auto; padding-top: 40px;} .hpe_type4_ul_div > ul {width: 1000px; margin:0 auto; text-align: center; height:350px; } .hpe_type4_ul_div > ul > li:nth-child(1) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 300px;} .hpe_type4_ul_div > ul > li:nth-child(2) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 300px;} .hpe_type4_ul_div > ul > li:nth-child(3) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); border-top: 3px solid #00b387; height: 300px;} .hpe_type4_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .hpe_type4_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #00b387; font-weight: 600; padding-top:10px} .hpe_type4_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .hpe_type5_ul_div {width: 100%; margin:0 auto;} .hpe_type5_ul_div > ul {width: 1000px; margin:0 auto; text-align: center; height:350px; } .hpe_type5_ul_div > ul > li:nth-child(1) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 300px; margin-left:18%;} .hpe_type5_ul_div > ul > li:nth-child(2) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 300px;} .hpe_type5_ul_div > ul > li:nth-child(3) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); border-top: 3px solid #00b387; height: 300px;} .hpe_type5_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .hpe_type5_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #00b387; font-weight: 600; padding-top:10px} .hpe_type5_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .hpe_type5 {width: 1200px; margin: 0 auto; height: 800px;} .hpe_type5 div {float:left; padding-top: 50px; padding-bottom: 70px;} .hpe_type5_1 {width: 40%; text-align:center; clear:both;} .hpe_type5_2 {width: 60%;} .hpe_type5 > div > p { padding: 20px 0px 20px 0px;} .hpe_type1_ul_div {width: 100%; margin:0 auto;} .hpe_type1_ul_div > ul {width: 100%; float: left; height:380px; } .hpe_type1_ul_div > ul > li {float: left; text-align: center; width:19%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1%; border-top: 3px solid #00b387; height: 330px;} .hpe_type1_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .hpe_type1_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #00b387; font-weight: 600; padding-top:10px} .hpe_type1_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .hpe_type2 {width: 1200px; margin: 0 auto; height: 550px;} .hpe_type3 {width: 1200px; margin: 0 auto; height: 1100px;} .hpe_type4 {width: 1200px; margin: 0 auto; height: 1530px;} .hpe_type6 {width: 1200px; margin: 0 auto; height: 1230px;} .hpe_type7 {width: 1200px; margin: 0 auto; height: 1200px;} .hpe_type7 div {float:left; padding-top: 50px; padding-bottom: 70px;} .hpe_type7 > div > p { padding: 20px 0px 20px 0px;} .hpe_type3_ul_div {width: 100%; margin:0 auto;} .hpe_type3_ul_div > ul {width: 100%; float: left; height:660px; } .hpe_type3_ul_div > ul > li {float: left; width:50%; height: 330px; text-align: center;} .hpe_type3_ul_div > ul > li > div > img {text-align: center;} .hpe_type3_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .hpe_type3_ul_div > ul > li > div:nth-child(2) {font-size: 16px; color: #000; font-weight: 600; padding:30px 0px 0px 130px; text-align: left;} .hpe_type3_ul_div > ul > li > div:nth-child(3) {font-size: 16px; color: #000; padding: 10px 10px 0px 130px; font-weight: 600; text-align: left;} .hpe_type4_ul_div {width: 100%; margin:0 auto;} .hpe_type4_ul_div > ul {width: 1000px; margin:0 auto; text-align: center; height:370px; } .hpe_type4_ul_div > ul > li:nth-child(1) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 330px;} .hpe_type4_ul_div > ul > li:nth-child(2) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 330px;} .hpe_type4_ul_div > ul > li:nth-child(3) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); border-top: 3px solid #00b387; height: 330px;} .hpe_type4_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .hpe_type4_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #00b387; font-weight: 600; padding-top:10px} .hpe_type4_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .hpe_type5 {width: 1200px; margin: 0 auto; height: 800px;} .hpe_type5 div {float:left; padding-top: 50px; padding-bottom: 70px;} .hpe_type5_1 {width: 40%; text-align:center;} .hpe_type5_2 {width: 60%;} .hpe_type5 > div > p { padding: 20px 0px 20px 0px;} .hpe_type1_t1 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 30px; padding-bottom: 40px;} .hpe_type1_t1:after { content: ""; display: block; width: 60px; border-bottom: 4px solid #00b387; margin: 20px auto 40px;} .hpe_type20_t1_1 {font-size: 31px; line-height: 38px; color: #00b387; font-weight: 600; text-align: center; padding-top: 20px; padding-bottom: 20px;} .hpe_type20_t3 {font-size: 19px; line-height: 24px; color: #00b387; font-weight: 600; text-align: center; padding-top: 30px; padding-bottom: 20px;} .hpe_type20_t2 {font-size: 17px; line-height: 24px; color: #000; font-weight: 500; text-align: center; padding-top: 0px; padding-bottom: 50px;} .hpe_type4_1_ul_div {width: 100%; margin:0 auto;} .hpe_type4_1_ul_div > ul {width: 1000px; margin:0 auto; text-align: center; height:350px; } .hpe_type4_1_ul_div > ul > li:nth-child(1) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 330px;} .hpe_type4_1_ul_div > ul > li:nth-child(2) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin-right: 1.5%; border-top: 3px solid #00b387; height: 330px;} .hpe_type4_1_ul_div > ul > li:nth-child(3) {float: left; text-align: center; width:32%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); border-top: 3px solid #00b387; height: 330px;} .hpe_type4_1_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .hpe_type4_1_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #00b387; font-weight: 600; padding-top:10px} .hpe_type4_1_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .hpe_type7_1 {width: 1200px; margin: 0 auto; height: 500px;} .hpe_type8 {width: 1200px; margin: 0 auto; height: 1850px;} .hpe_type8 div {float:left; padding-top: 50px; padding-bottom: 70px;} .hpe_type82 {width: 1200px; margin: 0 auto; height: 1420px;} .hpe_type82_1 {text-align:center; clear:both; padding-top: 50px;} .hpe_type82_2 {padding-bottom: 30px;} .hpe_type82 > div > p { padding: 20px 0px 20px 0px;} .hpe_type82_t2 { font-size: 15px; font-weight: 500; line-height: 23px; width: 650px; margin: 0 auto;} .hpe_type82_t3 { width: 650px; margin: 0 auto; text-align: center;} .hpe_type9 {width: 1200px; margin: 0 auto; height: 1500px;} .hpe_type10 {width: 1200px; margin: 0 auto; height: 1350px;} .hpe_type10 div {float:left; padding-top: 50px; padding-bottom: 70px;} .hpe_type11{width: 1200px; margin: 0 auto; height: 1150px;} .hpe_type11 div {float:left; padding-top: 50px; padding-bottom: 70px;} .hpe_button {font-size: 16px; color: #00b387; padding: 10px 25px; border: 1px solid #00b387; } .hpe_button2 { font-size: 16px; color: #909090; padding: 10px 25px; background-color: #e9e9e9; border: 2px solid #e9e9e9; margin-top: 30px;} .hpe_type12 { width: 1200px; margin: 0 auto; height: 1200px;} .hpe_type12_ul {height: 613px; width: 100%;} .hpe_type12_li1 {height: 613px; width: 400px; float:left; background-color: #01a982;} .hpe_type12_li2 {height: 613px; width: 800px; float:left;} .hpe_type12_li1_t1 {padding-top: 200px; padding-left: 16px; font-size: 31px; color: #fff;} .hpe_type12_li1_t2 {padding-top: 30px; padding-left: 16px; font-size: 16px; color: #fff;} .hpe_type12_li1_t3 {padding-top: 150px; padding-left: 210px; } .hpe_type12_li2_div1 {width: 400px; clear: both; float: left; padding-top: 24px;} .hpe_type12_li2_div2 {width: 400px; float: left; padding-top: 24px;} .hpe_type12_li2_div1_t1 {font-size:16px; font-weight: 600; padding-left: 20px;} .hpe_type12_li2_div1_t2 {font-size:14px; font-weight: 500; padding-left: 20px; padding-top: 12px; height: 100px;} .hpe_type12_li2_div1_t22 {font-size:14px; font-weight: 500; padding-left: 20px; padding-top: 12px; height: 84px;} .hpe_type12_li2_div1_t3 {padding-left: 20px;} .hpe_type12_li2_div1_t11 {font-size:16px; font-weight: 600; padding-left: 20px; padding-top: 12px;} .hpe_type12_li2_div1_t21 {font-size:14px; font-weight: 500; padding-left: 20px; padding-top: 12px; height: 100px;} .hpe_type12_li2_div1_t31 {padding-left: 20px;} .nvidia_type19_t1_2 {font-size: 18px; line-height: 28px; padding-top: 10px; color:#76b900;} .nvidia_type19_t2_2 { font-size: 13px; line-height: 22px; padding-top: 30px; height: 220px; text-align: left; padding: 20px 20px 0px 20px; letter-spacing: -1.3px;} .nvidia_type19_t2_22 {font-size: 13px; line-height: 22px; padding-top: 30px; height: 160px; text-align: left; padding: 20px 20px 0px 20px; letter-spacing: -1.3px;} .nvidia_type19_t3_2 {font-size: 16px; line-height: 28px; padding: 10px 20px 0px 20px; text-align: left;} .hpe_button3 {font-size: 16px; color: #00b387; padding: 10px 25px; background-color: #fff; border: 1px solid #fff; } .hpe_button4 {font-size: 14px; color: #00b387; padding: 4px 25px; border: 1px solid #00b387; } .hpe_button5 {font-size: 14px; color: #00b387; padding: 4px 25px; border: 1px solid #00b387; background-color:#fff; } .purestorage_type7 {width: 1200px; margin: 0 auto; height: 800px;} .purestorage_type7 div {float:left; padding-top: 0px; padding-bottom: 70px;} .hpe_type5_1 {width: 40%; text-align:center;} .hpe_type5_2 {width: 60%;} .purestorage_type7 > div > p { padding: 20px 0px 20px 0px;} .purestorage_type8 {width: 1200px; margin: 0 auto; height: 500px;} .purestorage_type8 div {float:left; padding-top: 0px; padding-bottom: 70px;} .purestorage_type8 > div > p { padding: 20px 0px 20px 0px;} .purestorage_type1_t1 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 60px; padding-bottom: 0px;} .purestorage_type1_t1:after { content: ""; display: block; width: 60px; border-bottom: 4px solid #ee6129; margin: 20px auto 40px; } .purestorage_type20_t1_1 {font-size: 33px; line-height: 38px; color: #ee6129; font-weight: 600; text-align: center; padding-top: 46px; padding-bottom: 20px;} .purestorage_type20_t3 {font-size: 19px; line-height: 24px; color: #ee6129; font-weight: 600; text-align: center; padding-top: 20px; padding-bottom: 20px;} .purestorage_type20_t2 {font-size: 17px; line-height: 24px; color: #000; font-weight: 600; text-align: center; padding-top: 0px; padding-bottom: 50px;} .purestorage_button {font-size: 16px; color: #ee6129; padding: 10px 25px; border: 1px solid #ee6129; } .company_type1 {padding-top: 40px; width: 1200px; margin: 0 auto; height: 941px; background: url(../images/company/company_01_04.png) no-repeat center center; position: relative;} .company_type1 > div:nth-child(2) {width: 55%; text-align:center;} .company_type1 > div:nth-child(3) {width: 40%; text-align: right;} .company_type1 div > p { padding: 20px 0px 20px 0px;} .company_t1 {font-size: 17px; font-weight: 400; text-align: center; padding-top: 10px; line-height: 26px;} .company_inner1 {width: 100%; height: 190px; margin-top: 100px;border-top: 3px solid #8ac53e; border-bottom: 1px solid #8ac53e; margin-bottom: 40px; } .company_inner1_1 {float:left; text-align: right; width: 100%; width:200px; height: 190px; background-color: #8ac53e; } .company_inner1_1_t1 {padding-top:15px; padding-right: 20px; color:#fff; font-size: 24px; font-weight: 600;} .company_inner1_2 {float:left; width: 100%; width:1000px; height: 190px; display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */ align-items:center; /* 위아래 기준 중앙정렬 */ } .company_inner1_2_t1 {float: left; width: 136px; text-align: center; line-height: 28px; font-size: 15px; font-weight: 600; } .company_inner1_2_t2 {float: left; text-align: left; padding-left: 30px; line-height: 28px; font-size: 15px; font-weight: 600; } .company_t11 {text-align: center; width: 100%;} .company_t11 img {margin-top: -100px;} .company_t12 {text-align: center; width: 100%;} .company_t12_t1 { text-align: center; line-height: 28px; font-size: 21px; font-weight: 600; color:#73b61b; padding-top: 50px; padding-bottom: 30px;} .company_t12_t2 { background-color: #282828; text-align: center; font-size: 15px; font-weight: 600; color:#fff; padding-top: 30px; padding-bottom: 30px;} .company_t13 {text-align: center; width: 843px; margin: 0 auto;} .company_t12_t3 { padding-left: 40px; background-color: #fff; text-align: left; font-size: 15px; font-weight: 600; color:#000; padding-top: 30px; padding-bottom: 0px;} .company_t12_t4 { background-color: #fff; text-align: center; font-size: 15px; font-weight: 600; color:#000; padding-top: 10px; padding-bottom: 30px;} .hpe_type20_t2 {font-size: 17px; line-height: 24px; color: #000; font-weight: 500; text-align: center; padding-top: 0px; padding-bottom: 50px;} .company_type4 {width: 1200px; margin: 0 auto; height: 720px; padding-top: 48px;} .company_t14 {width: 812px; height: 100px; margin: 0 auto; background-color: #f3f3f3} .company_t13_d1 {float:left; font-size: 15px; color: #76b900; text-align: left; width: 10%; padding-left: 40px; padding-top: 30px;} .company_t13_d2 {float:left; font-size: 15px; color: #000; text-align: left; width: 45%; padding-top: 30px;} .company_t13_d3 {float:left; font-size: 15px; color: #76b900; text-align: left; width: 10%; padding-top: 30px; padding-left: 40px;} .company_t13_d4 {float:left; font-size: 15px;color: #000; text-align: left; width: 25%; padding-top: 30px;} .company_t13_d11 {float:left; font-size: 15px; color: #76b900; text-align: left; width: 10%; width: 10%; padding-left: 40px; padding-top: 10px;} .company_t13_d21 {float:left; font-size: 15px; color: #000; text-align: left; width: 45%; padding-top: 10px;} .company_t13_d31 {float:left; font-size: 15px; color: #76b900; text-align: left; width: 10%; padding-top: 10px; padding-left: 40px;} .company_t13_d41 {float:left; font-size: 15px; color: #000; text-align: left; width: 25%; padding-top: 10px;} #pc {display:block;} #pc4 {display:block;} #pc2 {display:inline-block;} #pc3 {display:table;} #pc5 {display:table-cell;} #pc6 {display:table-cell;} #m {display:none;} #m3 {display:none; margin: 0 auto; width:96%; text-align:center;} #m3 img {width: 100%;} #m4 {display:none; margin: 0 auto; width:100%; text-align:center;} #m4 img {width: 100%;} #m4_1 {display:none; margin: 0 auto; width:100%; text-align:center;} #m4_1 img {width: 100%;} #m5 {display:none; margin: 0 auto; width:100%; text-align:center;} #sto {font-weight:600;} /**/ .supermicro_top { background: url(../images/nvidia/01_NVIDIA_SUPERMICRO_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .hpc_top { background: url(../images/hpc/hpc_01_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .company_top { background: url(../images/company/company_01_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .news_top { background: url(../images/board/board_main_top2_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .news_top2 { background: url(../images/board/down_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .down_top { background: url(../images/board/down_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .board_top_button {background-color: #f1f1f1; width:100%; height: 100px; padding-top: 63px;} .board_top_button ul {width: 504px; margin:0 auto;} .board_top_button ul li {width: 240px; float:left; height: 50px; text-align: center; display: flex; color:#fff; background-color: #73b61b; align-items: center; margin: 0 auto; margin-top: 24px;justify-content: center; cursor:pointer; } .board_top_button ul li:hover {width: 240px; float:left; height: 50px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center; margin: 0 auto; margin-top: 24px;justify-content: center; cursor:pointer; transition: all ease 0.5s 0s; } .board_top_button ul li.on {width: 240px; float: left; height: 50px; text-align: center; display: flex; color: #73b61b; background-color: #fff; align-items: center; margin: 0 auto; margin-top: 24px; justify-content: center; cursor: pointer; transition: all ease 0.5s 0s; border: 1px solid #73b61b;} .board_top_button ul li a {color: #fff; clear: both; text-align: center; width: 240px;} .board_top_button ul li a:hover {color: #000; background-color: #fff; } /* 마스크 뛰우기 */ #mask { position:absolute; z-index:9000; background-color:#000; display:none; left:0; top:0; } /* 팝업으로 뜨는 윈도우 css */ .window{ display: none; position:absolute; /* left:50%; */ top:0px; margin-left: 0px; width:100%; height:auto; background-color:#FFF; z-index:10000; } #close { text-align: center; background: #ffffff; padding: 10px; font-size: 20px; border: 2px solid; width: 100px; margin: 0 auto 20px;} #pop {background-color: #d1d1d1; height: 144px;} #nav { display:none;} #mo_t1 {display:none;} #mo_t2 {display:none; text-align: center; width: 90%; margin: 0 auto; padding-bottom:40px;} #mo_t2 img {width: 100%;} .mm {width: 1200px; margin:0 auto; height: 484px; background-color: none; margin-top: 100px;} #but1 {right: 180px; left: auto; top: 62%;} #but2 {right: auto; left: 180px; top: 62%;} #toptop {height:100%; width:100%;} @media all and (max-width:479px) { footer { height: 220px; background-color: #3c3c3c; margin-top: 0px; padding-bottom: 40px;} #footer {width: 96%; margin:0 auto; color: #fff; padding-top: 40px;} #footer2 {width: 96%; margin:0 auto; color: #fff; padding-top: 40px; margin-top:2px;} #footer ul {display:none} .footer_li1 {float:left; list-style:none; width:20%; } .footer_li2 { float: none; list-style: none; text-align: center; display:none;} .f_1 {clear: both; width: 100%; text-align: center; padding-top: 22px; float: left;} .f_2 {float: left; width: 100%; text-align: center; padding-top: 32px; color: #fff; line-height: 24px;} .nvidia_type17_t2 { font-size: 12px; line-height: 20px; padding-top: 10px; display:none;} .nvidia_type17_t2_m { font-size: 12px; line-height: 20px; padding-top: 10px;display:block;} } @media all and (min-width:768px) and (max-width:1019px) { footer { height: 230px; background-color: #3c3c3c; margin-top: 0px; } #footer { width: 96%; margin: 0 auto; color: #fff; padding-top: 40px; } .footer_li1 { float: left; list-style: none; width: 20%; text-align: center; } .footer_li2 { float: none; list-style: none; text-align: center; display:none;} #footer {width: 96%; margin:20px auto 0px auto; color: #fff; padding-top: 60px;} #footer2 {width: 96%; margin:20px auto 0px auto; color: #fff; padding-top: 60px; margin-top: 0px;} } @media all and (min-width:1020px) and (max-width:1199px) { .footer_li1 {float:left; list-style:none; width:120px;} #footer { width: 90%; margin: 0 auto; color: #fff; padding-top: 0px; } #footer2 { width: 90%; margin: 0 auto; color: #fff; padding-top: 100px; margin-top: 20px; } } @media all and (min-width:1200px) and (max-width:1249px) { #footer {width: 96%; margin:0 auto; color: #fff; padding-top: 100px;} #footer2 {width: 96%; margin:0 auto; color: #fff; padding-top: 100px;} } @media all and (min-width:1250px) { /*#footer {width: 1200px; margin:0 auto; color: #fff; padding-top: 100px;}*/ /*#footer2 {width: 1200px; margin:0 auto; color: #fff; padding-top: 100px;}*/ } @media (max-width: 1200px) { .nvidia_type14 > div:nth-child(2) img { width: 90%;} .nvidia_type6_t2 { font-size: 15px; font-weight: 500; line-height: 23px; text-align: center; } .nvidia_type6 > div:nth-child(2) { width: 40%; text-align: center; margin: 0 auto; float: center; clear: both; } .nvidia_type6 div { float: none; padding-top: 50px; padding-bottom: 70px; margin: 0 auto; } .nvidia_type_b_2 {width: 100%; margin:0 auto; background-color: #fff;} #main-menu {float:left;} header {width: 100%; margin:0 auto; display: flex; flex-flow: column nowrap;} #main-menu > li > a { padding: 20px 14px; font-size: 17px; } .nvidia_top_button {background-color: #73b61b; width:100%; height: 128px; padding-top: 63px;} .nvidia_top_button ul {width: 100%; margin:0 auto;} .nvidia_top_button ul li {width: 20%; float:left; height: 64px; text-align: center; display: flex; color:#fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer;} .nvidia_top_button ul li:hover {width: 20%; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer; transition: all ease 0.5s 0s; } .nvidia_top_button ul li.on {width: 20%; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center;} .nvidia_top_button ul li a {color: #fff; clear: both; text-align: center; width: 20%;} .nvidia_top_button ul li a:hover {color: #000; background-color: #fff; } .nvidia_type_a {width: 100%; margin: 0 auto; background-color: #fff; padding-top: 20px; padding-bottom: 20px;} .nvidia_type1_t1 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 40px;} .nvidia_type1_t111 {font-size: 28px; font-weight: 600; text-align: center; padding-top: 10px; padding-bottom: 20px;} .question_type1 { width: 90%; margin: 0 auto; height: auto; } .main { background-color: #fff; height: auto; width: 100%; margin: 0 auto; } .nvidia_type1 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type2 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type3 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} #pc {display:block;} #pc4 {display:block;} #pc img{width: 100%;} #pc4 img{width: auto;} .nvidia_type4_t1 { font-size: 15px; color: #73b61b; padding-left: 0px; padding-top: 30px; } .nvidia_type4_t2 { font-size: 15px; color: #000; padding-left: 52px; } .nvidia_type4 > .nvidia_type4_2 img { width: 100%; } .nvidia_type17 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .nvidia_type4 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .nvidia_type5 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .nvidia_type6 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .nvidia_type7 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type8 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type9 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .nvidia_type10 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .nvidia_type11 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .nvidia_type12 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type13 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display: table;} .nvidia_type14 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .nvidia_type15 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display: table; padding-top: 40px;} .nvidia_type16 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display: table;} .nvidia_type19 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type21 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type22 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type23 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .nvidia_type23_2 {width: 90%; margin: 0 auto; height: 600px; padding-bottom: 80px; display:table; margin-bottom: 40px;} .nvidia_hpe_type7 {width: 90%; margin: 0 auto; height:2200px;} .nvidia_type20 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 80px; display:table;} .hpe_type12 {width: 100%; margin: 0 auto; height: auto; padding-bottom: 40px; display:table;} .hpe_type11 { width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .hpc_type1 { width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display: table; padding-top: 80px;} .hpc_type2{ width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .hpc_main_1 { height: 588px; width: 100%; margin: 0 auto; background: url(../images/hpc/hpc_01_05.png) no-repeat center center; padding-top: 0px; } .hpc_main_1_3 { height: 342px; width: 100%; float: left; } /* #mid2 { width: 60%; height: 380px; padding: 20px 10px; text-align: left; background-color: #fff; border: 2px solid #e4e4e4; margin-right: 0px;} #mid2 img {width: 100%;} */ .hpc_main_1_3_t3 { padding-top: 20px; } .hpc_main_1_3_t2 { padding-left: 43px; background-color: #f4f6f0; height: 340px; } .hpe_type3 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .hpe_type4 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table;} .hpe_type7 { width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table; padding-bottom: 40px;} .hpe_type7_1 {width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px; display:table; } .company_t11 img {margin-top: -100px; width: 90%;} .company_t12 img { text-align: center; width: 90%;} .tabCon{display:none; text-align:left; padding: 10px;position:absolute; left:0; top:40px; box-sizing: border-box; text-align: center; width: 100%; margin-left: 0px;} .tabCon img {width: 100%;} .nvidia_type19 div > ul > li { float: left; width: 50%; text-align: center; padding-bottom: 20px;} .nvidia_type20 div > ul > li { float: left; width: 100%; text-align: center; padding-top: 50px;} .nvidia_type19_t2_22 { display:none; font-size: 13px; line-height: 22px; padding-top: 30px; height: 160px; text-align: left; padding: 20px 20px 0px 20px; letter-spacing: -1.3px;} .nvidia_type19_t3_2 { font-size: 16px; line-height: 28px; padding: 10px 20px 0px 20px; text-align: center;} .nvidia_type19_t2_2 { display:none; font-size: 13px; line-height: 22px; padding-top: 30px; height: 220px; text-align: left; padding: 20px 20px 0px 20px; letter-spacing: -1.3px;} #toptop { height: 430px; width: 100%; } .swiper-container { width: 100%; height: 430px;} .main_mid { background: url(../images/main/bninc_main_02.jpg) no-repeat center center; height: 605px; position: relative; background-size: cover; padding-top: 40px; } .main_mid_inner { width: 100%; margin: 0 auto; text-align: center;} .mm { width: 80%; margin: 0 auto; height: 384px; background: none; margin-top: 40px;} #but1 {right: 100px; left: auto; top: 62%;} #but2 {left: 100px; right: auto; top: 62%;} .nvidia_type4_ul_div > ul {width: 100%; margin:0 auto; text-align: center; height:auto; } .nvidia_type4_ul_div > ul > li:nth-child(1) { float: none; clear: both; text-align: center; width: 80%; box-shadow: 1px 1px 3px 1px rgb(1 1 1 / 30%); border-top: 3px solid #73b61b; height: 330px; margin: 0px auto 40px; } #mo_100 {width: 40%;} #pop { background-color: #d1d1d1; height: auto;} .nvidia_type4_ul_div > ul > li:nth-child(2) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #73b61b; height: 330px;} .nvidia_type4_ul_div > ul > li:nth-child(3) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #73b61b; height: 330px;} .nvidia_type4_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .nvidia_type4_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #73b61b; font-weight: 600; padding-top:10px} .nvidia_type4_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .nvidia_type5_ul_div {width: 100%; margin:0 auto;} .nvidia_type5_ul_div > ul {width: 100%; margin:0 auto; text-align: center; height:auto; } .nvidia_type5_ul_div > ul > li:nth-child(1) {float: none; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); border-top: 3px solid #73b61b; height: 330px; margin: 0px auto 40px; } .nvidia_type5_ul_div > ul > li:nth-child(2) {float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #73b61b; height: 330px;} .nvidia_type5_ul_div > ul > li:nth-child(3) {float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #73b61b; height: 330px;} .nvidia_type5_ul_div > ul > li > div:nth-child(1) {padding-top: 20px } .nvidia_type5_ul_div > ul > li > div:nth-child(2) {font-size: 17px; color: #73b61b; font-weight: 600; padding-top:10px} .nvidia_type5_ul_div > ul > li > div:nth-child(3) {font-size: 12px; color: #000; padding: 30px 10px 0px 10px; font-weight: 600; letter-spacing: -1px;} .nvidia_type5 div {padding-top: 50px; padding-bottom: 0px;} .hpe_type4_ul_div > ul { width: 100%; margin: 0 auto; text-align: center; height: auto;} .hpe_type4_ul_div > ul > li:nth-child(1) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type4_ul_div > ul > li:nth-child(2) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type4_ul_div > ul > li:nth-child(3) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type5_ul_div > ul { width: 100%; margin: 0 auto; text-align: center; height: auto;} .hpe_type5_ul_div > ul > li:nth-child(1) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type5_ul_div > ul > li:nth-child(2) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type5_ul_div > ul > li:nth-child(3) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type2 { width: 100%; margin: 0 auto; height: auto;} .hpe_type1_ul_div > ul { width: 100%; float: none; height: auto;} .hpe_type1_ul_div > ul > li { float: none; clear: both; text-align: center; width: 80%; box-shadow: 1px 1px 3px 1px rgb(1 1 1 / 30%); margin-right: 0px; border-top: 3px solid #00b387; height: 330px; margin: 0 auto 40px;} .hpe_type3_ul_div > ul { width: 100%; float: left; height: auto;} .hpe_type6 { width: 100%; margin: 0 auto; height: auto;} .hpe_type5 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .hpe_type5_1 { width: 100%; text-align: center;} .hpe_type5_2 {width: 100%;} .hpe_type5 div { float: left; padding-top: 20px; padding-bottom: 0px;} .hpe_type7 div { float: left; padding-top: 20px; padding-bottom: 10px;} .hpe_type8 { width: 90%; margin: 0 auto; height: auto;} .hpe_type1_t1 { font-size: 28px; font-weight: 600; text-align: center; padding-top: 30px; padding-bottom: 0px;} .hpe_type4_1_ul_div > ul { width: 100%; margin: 0 auto; text-align: center; height: auto;} .hpe_type4_1_ul_div > ul > li:nth-child(1) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type4_1_ul_div > ul > li:nth-child(2) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type4_1_ul_div > ul > li:nth-child(3) { float: none;clear: both; text-align: center; width:80%; box-shadow: 1px 1px 3px 1px rgba(1, 1, 1, .3); margin: 0 auto 40px; border-top: 3px solid #00b387; height: 300px;} .hpe_type8 div { float: left; padding-top: 40px; padding-bottom: 0px;} .hpe_type8 div img {width:100%} .hpe_type82 { width: 100%; margin: 0 auto; height: auto;} .hpe_type10 { width: 100%; margin: 0 auto; height: auto;} .purestorage_type7 { width: 100%; margin: 0 auto; height: auto;} .purestorage_type8 { width: 100%; margin: 0 auto; height: auto;} .company_type2 {width: 100%; margin: 0 auto; height: auto; padding-top: 48px;} .company_type4 {width: 100%; margin: 0 auto; height: auto; padding-top: 48px;} .company_t13_d1 { float: left; font-size: 13px; color: #76b900; text-align: left; width: 20%; padding-left: 40px; padding-top: 30px;} .company_t13_d2 { float: left; font-size: 13px; color: #000;text-align: left; width: 30%; padding-top: 30px;} .company_t13_d3 { float: left; font-size: 13px; color: #76b900; text-align: left; width: 10%; padding-top: 30px; padding-left: 40px;} .company_t13_d4 { float: left; font-size: 13px; color: #000; text-align: left; width: 25%; padding-top: 30px;} .company_t13_d11 { float: left; font-size: 15px; color: #76b900; text-align: left; width: 10%; width: 20%; padding-left: 40px; padding-top: 10px;} .company_t13_d21 { float: left; font-size: 15px; color: #000; text-align: left; width: 30%; padding-top: 10px;} .company_t13_d31 { float: left; font-size: 15px; color: #76b900; text-align: left; width: 10%; padding-top: 10px; padding-left: 40px;} .company_t13_d41 { float: left; font-size: 15px; color: #000; text-align: left; width: 25%; padding-top: 10px;} .company_type1 { padding-top: 40px; width: 100%; margin: 0 auto; height: 941px; background: url(../images/company/company_01_04.png) no-repeat center center; position: relative; } .company_t13 { text-align: center; width: 100%; margin: 0 auto;} .company_t14 { width: 100%; height: 100px; margin: 0 auto; background-color: #f3f3f3; display:table;} .company_inner1_1 { float: left; text-align: right; width: 20%; height: 190px; background-color: #8ac53e;} .company_inner1_2 { float: left; width: 80%; height: 190px; display: flex; align-items: center;} .nvidia_type18 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .nvidia_type10 div {float: left;padding-top: 10px;padding-bottom: 10px;} .nvidia_type13 div { padding-top: 30px; padding-bottom: 10px;} .nvidia_type2_b { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table; } .nvidia_type10 > div:nth-child(2) img{ width: 90%; } .nvidia_type10 div > p { padding: 0px 0px 20px 0px; } .nvidia_type10_t2 { font-size: 14px; font-weight: 500; line-height: 23px; } .nvidia_type11 > .nvidia_type11_1 { width: 60%; text-align: right; } .nvidia_type11 > .nvidia_type11_2 { width: 30%; text-align: left; } .nvidia_type11_t1 { font-size: 20px; color: #73b61b; font-weight: 600; padding-top: 0px; padding-left: 30px; } #footer { width: 90%; margin: 0 auto; color: #fff; padding-top: 50px; } #footer2 { width: 90%; margin: 0 auto; color: #fff; padding-top: 50px; } .nvidia_type23 img{ width: 100%; } .nvidia_type20_t3 img{ width: 100%; } .nvidia_type18 img{ width: 100%; } .nvidia_type17_t2 { font-size: 14px; line-height: 24px; padding-top: 10px; display: block; word-break: keep-all; letter-spacing: -1px; } .nvidia_type14_t1 img {width: 90%;} .nvidia_type114_t1 img {width: 40%;} .nvidia_type15 > div:nth-child(2) img {width: 90%;} .nvidia_type15 > div:nth-child(3) img {width: 90%;} .nvidia_type15 div { float: left; padding-top: 50px; padding-bottom: 0px;} .hpe_type3_ul_div img {width: 90%;} /*.nvidia_type1_t2 { font-size: 15px; font-weight: 500; line-height: 23px; text-align: center; letter-spacing: -1px;}*/ .nvidia_type1_t2 { font-size: 15px; font-weight: 500; line-height: 23px; text-align: center; letter-spacing: -1px; word-break: keep-all; } .hpe_type8 div img {width: 90%;} } @media (max-width: 1024px) { #pc6 {display:none;} .f_1 { clear: both; width: 100%; text-align: center; padding-top: 22px; float: left; } .f_2 { float: left; width: 100%; text-align: center; padding-top: 32px; color: #fff; line-height: 24px; } #footer ul { display: none; } #footer2 ul { display: none; } .hpe_top_button ul { width: 100%; margin: 0 auto; } .hpe_top_button ul li {width: 16%; float:left; height: 64px; text-align: center; display: flex; color:#fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer;} .hpe_top_button ul li:hover {width: 16%; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center; margin: 0 auto; justify-content: center; cursor:pointer; transition: all ease 0.5s 0s; } .hpe_top_button ul li.on {width: 16%; float:left; height: 64px; text-align: center; display: flex; color:#000; background-color: #fff; align-items: center;} #mid2_2 { width: 29.6%; height: 380px; /* padding: 20px 10px; */ text-align: left; background-color: #fff; border: 2px solid #e4e4e4; /* margin-right: 105px; */ float: left; } #top { width: 80%; height: auto; /* padding: 80px 10px; */ text-align: left; } #top2 { width: 100%; /* height: auto; */ /* padding: 20px 10px; */ position: absolute; text-align: center; bottom: 50px; } footer { height: 270px; background-color: #3c3c3c; margin-top: 0px; } .top_t1 { font-size: 30px; color: #fff; padding-bottom: 10px; font-weight: 600; } .top_t2 { font-size: 24px; color: #fff; padding-bottom: 30px; } #pad {display: block; } #pad div {color: #73b61b; padding: 20px 0px; font-weight: 600; font-size: 20px; background-color: #303030;} } @media (min-width: 769px) and (max-width: 1019px) { #toptop { height: 50%; width: 100%;} #top { width: 100%; height: 280px; padding: 40px 0px 0px 150px; text-align: left;} .nvidia_hpe_type7 { width: 100%; margin: 0 auto; height: auto;} .question_type1 { width: 90%; margin: 0 auto; height: auto; } .container { width: 100%; background-color: #000; position: fixed; z-index: 1000; display:none; } .question { background: url(../images/question/moon01_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px;} .news_top { background: url(../images/board/board_main_top2_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px;} .news_top2 { background: url(../images/board/down_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px;} .down_top { background: url(../images/board/down_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 63px;} .hpc_top { background: url(../images/hpc/hpc_01_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px;} .company_top { background: url(../images/company/company_01_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px;} .purestorage_top { background: url(../images/purestorage/purestorage01_02.jpg) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px;} .nvidia_top { background: url(../images/nvidia/nvidia_1_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px; } .supermicro_top { background: url(../images/nvidia/01_NVIDIA_SUPERMICRO_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px; } .floating-menu { display:block; background: #fff; position: absolute; width: 240px; top: 350px; left: 60px; box-shadow: 4px 4px 2px 1px rgb(175 175 175 / 20%); } } @media (max-width: 768px) { #contents {padding-top:75px;} #pc6 {display:none;} .hpe_type4_ul_div > ul > li > div:nth-child(1) { padding-top: 10px; } .hpe_type4_ul_div > ul > li > div:nth-child(3) { font-size: 12px; color: #000; padding: 20px 10px 0px 10px; font-weight: 600; letter-spacing: -1px; } #pad {display: block; } #pad div {color: #73b61b; padding: 20px 0px; font-weight: 600; font-size: 20px; background-color: #303030;} #m4 {display:block; margin: 0 auto; width:100%; text-align:center;} #m4 img {width: 100%;} #m4_1 {display:none; margin: 0 auto; width:100%; text-align:center;} #m4_1 img {width: 100%;} .nvidia_button { font-size: 14px; color: #73b61b; padding: 8px 25px; border: 1px solid #73b61b; margin-top: 0px; } .nvidia_button2 { font-size: 13px; color: #909090; padding: 9px 25px; background-color: #e9e9e9; /* border: 1px solid #e9e9e9; */ margin-top: 0px; display: inline-block; border-top: 4px solid #e9e9e9; } .company_type1_i { background-position: center; background-size: cover; position: relative; text-align: center; display: block; align-items: center; justify-content: center; margin-bottom: 40px; } .company_type1 { padding-top: 40px; width: 100%; margin: 0 auto; height: 941px; background: none; position: relative; } #m { display: block; margin: 0 auto; text-align: center; } #mo_100 { width: 50%; } .board_top_button ul li.on { width: 100%; float: left; height: 50px; text-align: center; display: flex; color: #73b61b; background-color: #fff; align-items: center; margin: 0 auto; margin-top: 24px; justify-content: center; cursor: pointer; transition: all ease 0.5s 0s; border: 1px solid #73b61b; } .board_top_button ul li { width: 100%; float: left; height: 50px; text-align: center; /* display: flex;*/ display:block; color: #fff; background-color: #73b61b; align-items: center; margin: 0 auto; margin-top: 24px; justify-content: center; cursor: pointer; line-height: 50px; } .board_top_button ul { width: 90%; margin: 0 auto; } .board_top_button { background-color: #f1f1f1; width: 100%; height: 180px; padding-top: 0px; } #mid2 { width: 60%; height: 380px; /* padding: 20px 10px; */ text-align: left; background-color: #fff; border: 2px solid #e4e4e4; margin-right: 0px;} #mid2 img {width: 100%;} #mid2_2 { width: 60%; height: 380px; /* padding: 20px 10px; */ text-align: center; background-color: #fff; border: 2px solid #e4e4e4; margin-right: 0px; float: none; clear: both; margin: 40px auto; } #mid2_2 img {width: 100%;} #pc {display:none;} #pc4 {display:none;} #pc2 {display:none;} #pc3 {display:none;} #pc5 {display:none;} #m {display:block;} .hpe_type3_ul_div > ul > li { float: left; width: 100%; height: 26. +2 0px; text-align: center;} .hpe_type3_ul_div > ul > li > div:nth-child(2) {font-size: 16px; color: #000; font-weight: 600; padding: 30px 0px 0px 130px; text-align: left; display: none; } .hpe_type3_ul_div > ul > li > div:nth-child(3) {font-size: 16px; color: #000; font-weight: 600; padding: 30px 0px 0px 130px; text-align: left; display: none; } .question { background: url(../images/question/bb_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .news_top { background: url(../images/board/board_main_top2_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .news_top2 { background: url(../images/board/down_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .down_top { background: url(../images/board/down_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 63px;} .hpc_top { background: url(../images/hpc/hpc_01_02.png) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .company_top { background: url(../images/company/company_01_02.png) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .purestorage_top { background: url(../images/purestorage/purestorage01_02.jpg) no-repeat center center; height: 180px; position: relative; background-size: cover; top: 0px;} .nvidia_hpe_type7 { width: 100%; margin: 0 auto; height: auto;} .container { width: 100%; background-color: #000; position: fixed; z-index: 1000; display:none; } .supermicro_top { background: url(../images/nvidia/01_NVIDIA_SUPERMICRO_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px; } .nvidia_top { background: url(../images/nvidia/nvidia_1_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px; } .hpe_top_button {display:none;} .nvidia_top_button {display:none;} #nav { display:block; background-color:#73b61b;} #nav ul{ width:100%; margin:0; padding:0; } #nav ul.menu li{ position:relative; float:left; width:100%; list-style-type:none; font-size:20px; background-color: #73b61b; text-align: center;} #nav ul.menu li a{ display:block; width:100%; height:100%; line-height:60px; text-indent:0px; color:#fff; font-weight:bold; text-decoration:none; font-size: 20px; } #nav ul.menu li a:hover{ background:#73b61b; } #nav ul.menu li .sub a{ position:relative; float:left; display:block; width:100%; z-index:999; background:#000; } #nav ul.menu li .sub a:hover{ background:#444; color:#fff; } } @media all and (min-width:480px) and (max-width:768px) { .floating-menu { display: none; background: #fff; position: absolute; width: 240px; top: 350px; left: 60px; box-shadow: 4px 4px 2px 1px rgb(175 175 175 / 20%); } .nvidia_type1_t11 {display:none; font-size: 15px; font-weight: 600; text-align: center; color: #000; padding-top: 20px; line-height: 24px;} #toptop { height: 430px; width: 100%;} #top { width: 100%; height: 280px; padding: 40px 0px 0px 150px; text-align: left;} .question { background: url(../images/question/moon01_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .news_top { background: url(../images/board/board_main_top2_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .news_top2 { background: url(../images/board/down_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .down_top { background: url(../images/board/down_02.jpg) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 63px;} .hpc_top { background: url(../images/hpc/hpc_01_02.png) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px;} .supermicro_top { background: url(../images/nvidia/01_NVIDIA_SUPERMICRO_02.png) no-repeat center center; height: 240px; position: relative; background-size: cover; top: 0px; } .hpe_top { background: url(../images/hpe/hpe_01_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px;} .supermicro_top { background: url(../images/nvidia/01_NVIDIA_SUPERMICRO_02.png) no-repeat center center; height: 286px; position: relative; background-size: cover; top: 0px; } .floating-menu { display:none; background: #fff; position: absolute; width: 240px; top: 350px; left: 60px; box-shadow: 4px 4px 2px 1px rgb(175 175 175 / 20%); } #mo_t1 {display:block; text-align: center; padding-bottom: 20px;} #mo_t1 img {width: 70%;} #mo_t2 {display:table; text-align: center; padding-bottom: 0px;} #mo_t2 img {width: 100%;} .nvidia_type14 > div:nth-child(3) { width: 100%; margin: 0 auto; } footer { height: 220px; background-color: #3c3c3c; margin-top: 0px; padding-bottom: 40px;} #footer {width: 96%; margin:0 auto; color: #fff; padding-top: 40px;} #footer ul {display:none} #footer2 {width: 96%; margin:0 auto; color: #fff; padding-top: 40px; margin-top: 0px;} #footer2 ul {display:none} .footer_li1 {float:left; list-style:none; width:20%; } .footer_li2 { float: none; list-style: none; text-align: center; display:none;} .f_1 {clear: both; width: 100%; text-align: center; padding-top: 22px; float: left;} .f_2 {float: left; width: 100%; text-align: center; padding-top: 32px; color: #fff; line-height: 24px;} .nvidia_type14 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; } .nvidia_type14 div > p { padding: 20px 0px 20px 0px; display:none; } .nvidia_type14 > div:nth-child(2) { width: 100%; text-align: center; } .nvidia_type14 div { float: left; padding-top: 0px; padding-bottom: 20px; } .nvidia_type1_t1 { font-size: 28px; font-weight: 600; text-align: center; padding-top: 0px; } .nvidia_type1_t2 { font-size: 15px; font-weight: 500; line-height: 23px; display:none; } .nvidia_type_a { width: 100%; margin: 0 auto; background-color: #fff; padding-top: 0px; } .nvidia_type14_t1 > img { width: 90%; text-align: center; clear: both; } .nvidia_type114_t1 > img { width: 40%; text-align: center; clear: both; } .nvidia_type1 > div:nth-child(2) { width: 100%; text-align: center; } .nvidia_type1 div { float: left; padding-top: 0px; padding-bottom: 20px; } .nvidia_type2 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table; } .nvidia_type2_b { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table; } .nvidia_type4 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .nvidia_type1 div { float: left; padding-top: 0px; padding-bottom: 20px;} .nvidia_type1 > div:nth-child(3) { width: 100%; margin:0 auto;} .nvidia_type1 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .nvidia_type2 > .nvidia_type2_1 {width: 100%; text-align:center; clear: both; display:none;} .nvidia_type2 > .nvidia_type2_2 {width: 100%; text-align:center; padding-bottom: 60px; display:none;} .nvidia_type2_t2 { font-size: 15px; padding-top: 20px; display:none;} .nvidia_type2 div { float: left; padding-top: 0px; padding-bottom: 30px;} .nvidia_type4 > .nvidia_type4_1 {width: 100%; text-align:left; } .nvidia_type4 > .nvidia_type4_2 {width: 100%; text-align:center;} .nvidia_type4 > .nvidia_type4_2 img {width: 100%;} .nvidia_type4 div { float: left; padding-top: 0px; padding-bottom: 16px;} .nvidia_type4_t1 { font-size: 14px; color: #73b61b; padding-left: 20px; padding-top: 20px;} .nvidia_type4_t2 { font-size: 13px; color: #000; padding-left: 40px;} .nvidia_type5 div > img { width: 70%; text-align: center; padding-bottom: 30px;} .nvidia_type6 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type6 > div:nth-child(3) { width: 100%;} .nvidia_type6_t2 { font-size: 15px; font-weight: 500; line-height: 23px; display:none;} .nvidia_type5 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px;} .nvidia_type5 div { padding-top: 50px; padding-bottom: 20px;} .nvidia_type6 div { float: left; padding-top: 0px; padding-bottom: 20px;} .nvidia_type9 div { padding-top: 0px; padding-bottom: 40px;} .nvidia_type10 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type10 > div:nth-child(3) { width: 100%;} .nvidia_type10_t2 { font-size: 15px; font-weight: 500; line-height: 23px; display:none;} .nvidia_type11 > .nvidia_type11_1 { width: 100%; text-align: center;} .nvidia_type11 > .nvidia_type11_2 { width: 100%; text-align: center;} .nvidia_type13 div > img { width: 70%; text-align: center; padding-bottom: 30px;} .nvidia_type17 { width: 100%; margin: 0 auto; height: 580px; padding-top: 48px;} .nvidia_type17 div > ul > li { float: left; width: 50%; text-align: center; padding-bottom: 40px;} .nvidia_type16 > div:nth-child(4) { width: 100%; text-align: center; padding-top: 0px;} .nvidia_type16 > div:nth-child(5) { width: 100%; text-align: center;} .nvidia_type16 div > img { width: 90%; text-align: center;} .nvidia_type15 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type15 > div:nth-child(3) { width: 100%; text-align: center;} .nvidia_type15 div > img { width: 90%; text-align: center;} .nvidia_type15 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 0px;} .nvidia_type15 div { float: left; padding-top: 10px; padding-bottom: 20px;} .hpe_type82 { width: 100%; margin: 0 auto; height: auto;} .hpe_type11 { width: 100%; margin: 0 auto; height: auto; display:table;} .hpe_type82_1 > img { width: 90%; text-align: center;} .hpe_type10 div { float: left; padding-top: 0px; padding-bottom: 20px;} .hpe_type11 div { float: left; padding-top: 0px; padding-bottom: 20px;} .purestorage_type7 { width: 100%; margin: 0 auto; height: auto; display:table;} .purestorage_type8 { width: 100%; margin: 0 auto; height: auto; display:table;} #pc {display:none;} #pc2 {display:none;} #pc3 {display:none;} #pc5 {display:none;} #m {display:block; margin: 0 auto;} .purestorage_type7 div { float: left; padding-top: 0px; padding-bottom: 20px; } .purestorage_type8 div { float: left; padding-top: 0px; padding-bottom: 20px; } .purestorage_type1_t1 { font-size: 28px; font-weight: 600; text-align: center; padding-top: 20px; padding-bottom: 0px; } .nvidia_type16 {display: table; width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px;} .hpc_main_1_1 { height: 246px; display:none;} .hpc_main_1_2 { height: 246px; display:none;} .hpc_main_1_3 { height: 246px; display:none;} .hpc_main_1 { height: 588px; width: 1200px; margin: 0 auto; background: url(../images/hpc/hpc_01_05.png) no-repeat center center; padding-top: 0px; display:none; } .hpc_type1 { width: 1200px; margin: 0 auto; height: auto; padding-top: 100px; display:none; } .hpc_type2 { width: 1200px; margin: 0 auto; height: auto; padding-top: 0px; display:none; } .hpc_main_3 { height: 796px; width: 100%; margin: 0 auto; background: url(../images/hpc/hpc_01_18.png) center center; padding-top: 0px; display:none; } .company_t12_t3 { padding-left: 20px; background-color: #fff; text-align: center; font-size: 14px; font-weight: 600; color: #000; padding-top: 30px; padding-bottom: 0px; } .company_t12_t2 { background-color: #282828; text-align: center; font-size: 15px; font-weight: 600; color: #fff; padding-top: 30px; padding-bottom: 30px; width: 90; padding-left: 10px; } .nvidia_type14_t1 > img { width: 60%; text-align: center; clear: both; padding-bottom: 30px; } .nvidia_type14 > div:nth-child(2) img { width: 60%;} .nvidia_type7 div { text-align: center; padding-top: 10px; padding-bottom: 10px; } #mo_t1 { display: block; text-align: center; padding-bottom: 20px; padding-top: 0px; } #m4 img { width: 70%; padding-bottom: 30px; } .nvidia_type10 > div:nth-child(2) img { width: 70%; } #pad {display: block; } #pad div {color: #73b61b; padding: 20px 0px; font-weight: 600; font-size: 20px; background-color: #303030;} } @media (max-width: 480px) { #contents {padding-top:75px;} #pc6 {display:none;} #pad {display: none;} #banner3 {background-image:url(../images/main/m_baner3_2.jpg)} #banner2 {background-image:url(../images/main/banner_022.jpg)} #banner1 {background-image:url(../images/main/banner_011.jpg)} .company_t12_t3 { padding-left: 0px; background-color: #fff; text-align: center; font-size: 13px; font-weight: 600; color: #000; padding-top: 30px; padding-bottom: 0px; letter-spacing: -1px; } .company_t12_t2 { background-color: #282828; text-align: center; font-size: 15px; font-weight: 600; color: #fff; padding-top: 30px; padding-bottom: 30px; width: 90; padding-left: 10px; } .hpc_main_3 { height: 796px; width: 100%; margin: 0 auto; background: url(../images/hpc/hpc_01_18.png) center center; padding-top: 0px; display:none; } .hpc_type2 { width: 1200px; margin: 0 auto; height: auto; padding-top: 0px; display:none; } .hpc_type1 { width: 1200px; margin: 0 auto; height: auto; padding-top: 100px; display:none; } .hpc_main_1 { height: 588px; width: 1200px; margin: 0 auto; background: url(../images/hpc/hpc_01_05.png) no-repeat center center; padding-top: 0px; display:none; } .hpc_main_1_1 { height: 246px; display:none;} .hpc_main_1_2 { height: 246px; display:none;} .hpc_main_1_3 { height: 246px; display:none;} .nvidia_type9 div > img {width: 100%;} .nvidia_type16 { width: 90%; margin: 0 auto; height: auto; padding-bottom: 0px;} .nvidia_type1_t11 {display:none; font-size: 15px; font-weight: 600; text-align: center; color: #000; padding-top: 20px; line-height: 24px;} .purestorage_type1_t1 { font-size: 28px; font-weight: 600; text-align: center; padding-top: 20px; padding-bottom: 0px; } .purestorage_type7 div { float: left; padding-top: 0px; padding-bottom: 20px; } .purestorage_type8 div { float: left; padding-top: 0px; padding-bottom: 20px; } #toptop { height: 62%; width: 100%; display:inline;} #top { width: 100%; height: auto; padding: 0px 0px 0px 40px; text-align: left; bottom: 40px; position: absolute; } .top_t1 { font-size: 20px; color: #fff; padding-bottom: 00px; font-weight: 600; } .top_t2 { font-size: 16px; color: #fff; padding-bottom: 10px; } .main_t1 { font-size: 30px; font-weight: 600; color: #76b900;} .main_t2 { font-size: 16px; font-weight: 400; color: #fff;} #pc {display:none;} #pc2 {display:none;} #pc3 {display:none;} #pc5 {display:none;} #m {display:block; margin: 0 auto;} #m img {width: 100%;} #m3 {display:block; margin: 0 auto; width:90%; text-align:center; word-break: keep-all;} #m3 img {width: 100%;} #m4 {display:block; margin: 0 auto; width:90%; text-align:center;} #m4 img {width: 100%;} #m4_1 {display:block; margin: 0 auto; width:100%; text-align:center;} #m4_1 img {width: 100%;} #m5 {display:block; margin: 0 auto; width:100%; text-align:center;} .hpe_top { background: url(../images/hpe/hpe_01_02.png) no-repeat center center; height: 200px; position: relative; background-size: cover; top: 0px;} .supermicro_top { background: url(../images/nvidia/01_NVIDIA_SUPERMICRO_02.png) no-repeat center center; height: 130px; position: relative; background-size: cover; top: 0px; } .floating-menu { display:none; background: #fff; position: absolute; width: 240px; top: 350px; left: 60px; box-shadow: 4px 4px 2px 1px rgb(175 175 175 / 20%); } .nvidia_type14 > div > img { width: 90%; text-align: center;} .nvidia_top { background: url(../images/nvidia/nvidia_1_02.png) no-repeat center center; height: 200px; position: relative; background-size: cover; top: 0px; } #mo_t1 {display:block; text-align: center; width: 90%; margin: 0 auto; padding-bottom:40px;} #mo_t1 img {width: 100%;} #mo_t2 {display:table; text-align: center; width: 90%; margin: 0 auto; padding-bottom:40px;} #mo_t2 img {width: 100%;} .nvidia_type14 > div:nth-child(3) { width: 100%; margin: 0 auto;} footer { height: 220px; background-color: #3c3c3c; margin-top: 0px; padding-bottom: 40px;} #footer {width: 96%; margin:0 auto; color: #fff; padding-top: 20px;} #footer ul {display:none} #footer2 {width: 96%; margin:0 auto; color: #fff; padding-top: 20px; margin-top: 20px;} #footer2 ul {display:none} .footer_li1 {float:left; list-style:none; width:20%; } .footer_li2 { float: none; list-style: none; text-align: center; display:none;} .f_1 {clear: both; width: 100%; text-align: center; padding-top: 22px; float: left;} .f_2 {float: left; width: 100%; text-align: center; padding-top: 32px; color: #fff; line-height: 24px;} .nvidia_type14 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 10px;} .company_t12_t4 { background-color: #fff; text-align: center; font-size: 13px; font-weight: 600; color: #000; padding-top: 10px; padding-bottom: 30px; letter-spacing: -1px; } #mid2 { width: 90%; height: 380px; /* padding: 20px 10px; */ text-align: left; background-color: #fff; border: 2px solid #e4e4e4; margin-right: 0px; clear: both; margin: 20px auto; } #mid2_2 { width: 90%; height: 380px; /* padding: 20px 10px; */ text-align: left; background-color: #fff; border: 2px solid #e4e4e4; margin-right: 0px; clear: both; margin: 20px auto; } .nvidia_type14 div > p { padding: 20px 0px 20px 0px; display:none;} .nvidia_type14 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type14 div { float: left; padding-top: 0px; padding-bottom: 20px;} .nvidia_type1 div {float: left; padding-top: 0px; padding-bottom: 20px;} .nvidia_type1_t1 { font-size: 22px; font-weight: 600; text-align: center; padding-top: 20px;} .nvidia_type_a { width: 100%; margin: 0 auto; background-color: #fff; padding-top: 0px;} .nvidia_type14_t1 > img {width: 90%; text-align: center; clear: both;} .nvidia_type114_t1 > img {width: 40%; text-align: center; clear: both;} .nvidia_hpe_type7 { width: 100%; margin: 0 auto; height: auto; display: table;} .nvidia_type1 > div:nth-child(3) { width: 100%; margin:0 auto;} .nvidia_type1 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .nvidia_type1 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type1_t2 { font-size: 13px; font-weight: 500; line-height: 23px; display:none;} .nvidia_type2 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .nvidia_type2 > .nvidia_type2_1 {width: 100%; text-align:center; clear: both; display:none;} .nvidia_type2 > .nvidia_type2_2 {width: 100%; text-align:center; padding-bottom: 60px; display:none;} .nvidia_type5 div > img { width: 90%; text-align: center;} .hpe_type5 { width: 90%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .hpe_type6 { width: 90%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table;} .hpe_type5 div > img { width: 90%; text-align: center;} .nvidia_type2_t2 { font-size: 15px; padding-top: 20px; display:none; } .nvidia_type4_ul_div { width: 100%; margin: 0 auto; padding-top: 0px; } .nvidia_type2 div { float: left; padding-top: 0px; padding-bottom: 30px; } .nvidia_type4 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px; display: table; } .nvidia_type4 > .nvidia_type4_1 {width: 100%; text-align:left; } .nvidia_type4 > .nvidia_type4_2 {width: 100%; text-align:center;} .nvidia_type4 > .nvidia_type4_2 img {width: 100%;} .nvidia_type4 div { float: left; padding-top: 0px; padding-bottom: 16px;} .nvidia_type4_t1 { font-size: 13px; color: #73b61b; padding-left: 10px; padding-top: 20px; letter-spacing: -1px;} .nvidia_type4_t2 { font-size: 13px; color: #000; padding-left: 30px; letter-spacing: -1px;} .nvidia_type6 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type6 > div:nth-child(2) img { width: 96%; } .nvidia_type6 > div:nth-child(3) { width: 90%;} .nvidia_type6_t2 { font-size: 15px; font-weight: 500; line-height: 23px; display:none;} .nvidia_type5 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 20px;} .nvidia_type5 div { padding-top: 50px; padding-bottom: 20px;} .nvidia_type6 div { float: left; padding-top: 0px; padding-bottom: 20px;} .nvidia_type9 div { padding-top: 0px; padding-bottom: 40px;} .nvidia_type10 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type10 > div:nth-child(3) { width: 100%;} .nvidia_type10_t2 { font-size: 15px; font-weight: 500; line-height: 23px; display:none;} .nvidia_type11 > .nvidia_type11_1 { width: 100%; text-align: center;} .nvidia_type11 > .nvidia_type11_2 { width: 100%; text-align: center;} .nvidia_type13 div > img { width: 90%; text-align: center;} .nvidia_type17 { width: 100%; margin: 0 auto; height: 580px; padding-top: 48px;} .nvidia_type17 div > ul > li { float: left; width: 50%; text-align: center; padding-bottom: 40px;} .nvidia_type16 > div:nth-child(4) { width: 100%; text-align: center; padding-top: 0px;} .nvidia_type16 > div:nth-child(5) { width: 100%; text-align: center;} .nvidia_type16 div > img { width: 90%; text-align: center;} .nvidia_type15 > div:nth-child(2) { width: 100%; text-align: center;} .nvidia_type15 > div:nth-child(3) { width: 100%; text-align: center;} .nvidia_type15 div > img { width: 90%; text-align: center;} .nvidia_type15 { width: 100%; margin: 0 auto; height: auto; padding-bottom: 0px;} .nvidia_type15 div { float: left; padding-top: 10px; padding-bottom: 20px;} .hpe_type82_1 > img { width: 90%; text-align: center;} .hpe_type82 { width: 90%; margin: 0 auto; height: auto;} .hpe_type11 { width: 90%; margin: 0 auto; height: auto; display:table;} .hpe_type82_1 > img { width: 90%; text-align: center;} .hpe_type10 div { float: left; padding-top: 0px; padding-bottom: 20px;} .hpe_type11 div { float: left; padding-top: 0px; padding-bottom: 20px;} .nvidia_type7 div { text-align: center; padding-top: 0px; padding-bottom: 0px; } .hpe_type1_t1 { font-size: 20px; font-weight: 600; text-align: center; padding-top: 30px; padding-bottom: 0px;} .hpe_type1_t1:after { content: ""; display: block; width: 60px; border-bottom: 4px solid #00b387; margin: 20px auto 40px; } .hpe_type5_2 {padding-top:0px; padding-bottom:0px;} .hpe_type11 { width: 90%; margin: 0 auto; height: auto; display:table; padding-bottom: 40px;} .company_t14 { width: 100%; margin: 0 auto; height: auto; display:table;} .company_type1 { padding-top: 40px; width: 100%; margin: 0 auto; height: auto; background: url(../images/company/company_01_04.png) no-repeat center center; position: relative;} .nvidia_type23_2 { width: 90%; margin: 0 auto; height: 500px; padding-bottom: 80px; display: table; margin-bottom: 40px;} .hpe_type82_t2 { font-size: 15px; font-weight: 500; line-height: 23px; width: 650px; margin: 0 auto; display:none;} .hpe_type82_t3 { width: 100%; margin: 0 auto; text-align: center; } .hpe_type20_t1_1 { font-size: 20px; line-height: 38px; color: #00b387; font-weight: 600; text-align: center; padding-top: 20px; padding-bottom: 20px;} .hpe_type20_t2 { font-size: 15px; line-height: 20px; color: #000; font-weight: 500; text-align: center; padding-top: 0px; padding-bottom: 50px;} .hpe_type20_t3 { font-size: 17px; line-height: 24px; color: #00b387; font-weight: 600; text-align: center; padding-top: 30px; padding-bottom: 20px;} .hpe_type10 { width: 90%; margin: 0 auto; height: auto;} .nvidia_type2_b { width: 100%; margin: 0 auto; height: auto; padding-top: 46px; display:table;} .nvidia_type1_t1 img {width: 100%:} .nvidia_type10 > div:nth-child(2) img { width: 100%;} #top2 { width: 100%; /* height: 280px; */ /* padding: 20px 10px; */ position: absolute; text-align: center; bottom: 80px; } .top_t3 { font-size: 14px; color: #fff; padding: 4px 10px; border: 1px solid #fff; } .top_t4 { font-size: 14px; color: #4d4d4b; padding: 4px 10px; border: 1px solid #4d4d4b; } .nvidia_type11_t1 { font-size: 20px; color: #73b61b; font-weight: 600; padding-top: 10px; padding-left: 0px; } .nvidia_type11_t2 { font-size: 13px; font-weight: 500; line-height: 23px; padding-top: 20px; padding-left: 0px; } .nvidia_type1_t111 { font-size: 22px; font-weight: 600;text-align: center; padding-top: 20px;} .swiper-container { width: 100%; height: 430px; padding-top: 75px; } .swiper-button-next2 {display:none;} .swiper-button-prev2 {display:none;} .nvidia_button { font-size: 14px; color: #73b61b; padding: 8px 25px; border: 1px solid #73b61b; margin-top: 0px; } .nvidia_button2 { font-size: 13px; color: #909090; padding: 9px 25px; background-color: #e9e9e9; /* border: 1px solid #e9e9e9; */ margin-top: 0px; display: inline-block; border-top: 4px solid #e9e9e9; } } #header5 {display:none;} /* -------- Header :: UTIL BOX -------- */ .header-util-box{padding-right:48px; margin-top:27px;} /* Header :: 사이트맵 버튼 */ .sitemap-line-btn, .sitemap-custom-btn{display:none;} /* -------- Header :: GNB(Pc) -------- */ #gnb{display:none;} .gnb-overlay-bg{display:none} /* -------- Header :: GNB(Mobile) -------- */ .gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:200;} #gnbM{ display:block; overflow-y:auto; position:fixed; top:0px; right:-82%; width:80%; height:100%; max-width:280px; background-color:#a8d5fe; z-index:999; box-shadow:-2px 1px 11px rgba(0, 0, 0, .3); transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); /* gnb OPEN 속도 */ visibility:hidden; } #gnbM.open{ right:0px; visibility:visible; } #gnbM #navigation{margin-top:80px;} /* Header 높이값 */ /* GNB Mobile :: 1차 */ #gnbM #navigation > li{border-bottom:2px solid /* rgba(255,255,255,0.2) */#c6e4ff;} #gnbM #navigation > li > a {position:relative; display:block; padding:15px; color:#0e2d4c; font-size:17px; } #gnbM #navigation > li.active > a{color:#0e2d4c;} #gnbM #navigation > li.has-2dep > a{} #gnbM #navigation > li.has-2dep.active > a{} #gnbM #navigation > li .gnb-icon{position:absolute; top:50%; right:10px; margin-top:-14px;} #gnbM #navigation > li .gnb-icon i{font-size:24px;} /* GNB Mobile :: 2차 */ #gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#0f2c4c; /* box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3); */} #gnbM #navigation > li .gnb-2dep > li{} #gnbM #navigation > li .gnb-2dep > li > a{position:relative; display:block; color:#fff; font-size:14px; padding:10px 25px;} #gnbM #navigation > li .gnb-2dep > li.on > a{color:#354cd8;} /* GNB Mobile :: 3차 */ #gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background-color:#ededed; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);} #gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#111; opacity:0.7;filter:Alpha(opacity=70);} #gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;} /* -------- Header :: 네비게이션 오픈 버튼 -------- */ .nav-open-btn{ display:block; position:absolute; top:27px; right:15px; z-index:9998; width:38px; height:38px; background:url(/images/button/btn_sitemap.png) no-repeat; background-size:cover; transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); } .nav-open-btn .line{ display:block; width:19px; height:2px; background-color:#000; margin:4px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-open-btn.active .line{background-color:#000;} .nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;} .nav-open-btn.active .line:nth-child(1){ -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -o-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } .nav-open-btn.active .line:nth-child(3){ -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); -o-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } #header.fixed-header .nav-open-btn .line{background-color:#fff} } @media all and ( max-width: 800px ){ #header, #headerInnerWrap, #headerInner, #header.sub{height:60px;} #header .logo{padding:13px 0 12px;} /* padding값 적절히 바꿔주세요 */ #header .logo img{height:35px;} /* -------- Header :: UTIL BOX -------- */ .header-util-box{padding-right:40px; margin-top:13px;} /* Header :: 검색버튼 */ .pc-m-header-search-con{display:none;} .m-header-search-con{display:block;} .header-search-box{} .header-search-open-btn, .header-search-close-btn, .header-search-btn{width:35px; height:35px;} .header-search-inner{position:fixed; left:0; top:60px; width:calc(100% - 60px); padding:10px 45px 10px 15px; background-color:#444; text-align:left;} .header-search-inner .header-search-inner-box{-webkit-border-radius:15px;-moz-border-radius:15px; -o-border-radius:15px;border-radius:15px;} .header-search-inner .header-search-word{text-indent:10px} .header-search-inner .header-search-close-btn{top:50%; right:8px; margin-top:-16px; border:0; background:none;} /* Header :: 언어선택 */ .header-lang{margin-left:5px;} .header-lang .lang-open-btn img{max-width:35px;} /* Header :: sns 버튼 */ .sns-btn{margin-left:5px;} .sns-btn img{max-width:35px;} /* Header :: 사이트맵, 네비게이션 버튼 */ .nav-open-btn{top:13px; margin-top:0; width:45px; height:45px; position:fixed;background-color:#fff;border-radius:100px;} .nav-open-btn .line{width:17px; margin:3px auto;} .nav-open-btn.active .line:nth-child(1){ -webkit-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); -o-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } .nav-open-btn.active .line:nth-child(3){ -webkit-transform: translateY(-5px) rotate(-45deg); -ms-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); } /* Header :: GNB(Mobile) */ #gnbM #navigation{margin-top:40px} /* Header 높이값 */ #gnbM #navigation > li > a {font-size:16px; FONT-WEIGHT: 700;} #gnbM #navigation > li .gnb-2dep > li > a{font-size:13px;} } .board-search-box22 { float: left; width: 170px; /* margin-top: 60px; */ border-radius: 20px; box-shadow: 0px 0px 0px 6px rgb(238 240 244 / 30%); height: 40px; margin-top: 20px; float: left; border: 1px solid; } /* #search322 {background-color: #fff; color: #fff; border: none; width: 60px; cursor: pointer; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid; margin-top: 6px; float: left; margin-left: 6px;} */ #search322 {background-color: #fff; color: #fff; border: none; width: 60px; cursor: pointer; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid; margin-top: 8px; float: left; margin-left: 8px; line-height:18px; } #search422 { /* padding: 0px; margin: 0px; width: 78px; height: 30px; border: none; float: left; padding-top: 8px; */ border: none; /* padding-left: 8px; */ text-align: center; font-size: 14px; color: #000; height: 38px; width: 78px; vertical-align: top; } #Learning {position: absolute; color: #000; font-weight: 800; margin: 0 auto; font-size: 24px; top: 18px;right: 25%;} @media all and (min-width:768px) and (max-width:1019px) { #header5 {display:block;} #Learning {position: absolute; color: #000; font-weight: 800; margin: 0 auto; font-size: 24px; top: 18px;right: 36%;} .top_t1 { font-size: 30px; color: #fff; padding-bottom: 10px; font-weight: 600; } #top2 { width: 100%; /* height: 280px; */ /* padding: 20px 10px; */ position: absolute; text-align: center; bottom: 50px; } } @media all and (min-width:480px) and (max-width:767px) { #header5 {display:block;} #Learning {position: absolute; color: #000; font-weight: 800; margin: 0 auto; font-size: 24px; top: 18px;right: 31%;} } @media all and (max-width:479px) { #header5 {display:block; width:100%;} #Learning {position: absolute; color: #000; font-weight: 800; margin: 0 auto; font-size: 24px; top: 18px;right: 25%;} }