.flex-2ea {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;} .flex-2ea .content {flex-basis: 49%; max-width: 49%;} .title-wrap {width: 100%; padding-bottom: 3rem;} .title-wrap>.brand, .title-wrap>.application {margin:0 auto;} .title-wrap>.navigation-wrap {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom:3rem;} .title-wrap>.navigation-wrap>li {border-right:1px solid rgba(255,255,255,0.4);} .title-wrap>.navigation-wrap>li:last-child {border-right:0;} .title-wrap>.navigation-wrap>li:last-child>a {color:#fff;} .title-wrap>.navigation-wrap>li>a {font-size:1.4rem; color:rgba(255,255,255,0.65); padding: 0.1rem 2rem;} .title-wrap>.navigation-wrap>li>a:hover {opacity: 1;} .title-wrap>.sub-name {opacity: 0.8; text-align: center; color:rgba(255,255,255,0.5); padding:2rem;} .title-wrap>.application {margin-top:5rem;} .text-title-wrap {color:#fff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; flex-basis: 100%; max-width: 100%; z-index: 99; background-color:#08090F; position: relative; padding:2rem 0;} /* .text-title-wrap::before {content:''; position: absolute; top:0%; left:-100%; z-index: 99; width: 100%; height: 100%; background-color:#08090F; } */ .text-title-wrap .item {font-size:4rem; width: 100%;} .text-title-wrap .item>h3>span {font-size:1.6rem; font-weight: 600; vertical-align:0.8rem; padding-left:1rem;} #sub-seciton-01 {width:100%; height:96rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color:#08090F;} #sub-seciton-02 {position: relative; width: 100%; height: 100%;} #sub-seciton-02 .cont-1366 {flex-wrap: wrap;} /* #sub-seciton-02::before {content:''; left:0; top:0; position: absolute; width: 100%; height: 100%; background-color:#08090F; } */ /* #sub-seciton-02::after {content:''; left:0; bottom:0; position: absolute; width: 100%; height:256px; background-color:#08090F;} */ #sub-seciton-02 .slide-wrap {flex-basis: 100%; max-width: 100%; overflow: visible; z-index:1;} /* #sub-seciton-02 .slide-wrap .swiper-slide {width:35rem;} */ #sub-seciton-02 .slide-wrap .swiper-slide.vic-frame-slide {width:70rem;} #sub-seciton-02 .slide-wrap .swiper-slide>img {border:1px solid rgba(255,255,255,0.3);} #sub-section-03 {background-color:#08090F;} .title-wrap .item>h3>span {font-size:1.6rem; font-weight: 600; vertical-align:0.8rem; padding-left:1rem; color:#fff;} .table-wrap {margin-bottom:5rem; width: 100%; max-width: 100%;} .fa-table {width: 100%; color:#fff; border-collapse: separate; table-layout:fixed; border-spacing: 7px 0; overflow: hidden; max-width: 100%;} .fa-table caption {font-size:2.4rem; font-weight: bold;} .fa-table .center {text-align: center;} .fa-table thead tr th {border-top:2px solid #fff; color:#fff; font-size:1.8rem; padding:2rem; text-align: center; font-weight: bold; border-bottom:1px solid #fff; vertical-align: middle;} .fa-table tbody tr td {border-bottom:1px solid rgba(255,255,255,0.3); text-align: left; font-size:1.6rem; vertical-align: middle; padding:2rem; height: 10rem; word-break: keep-all;} .fa-table tbody tr td>p {word-break: break-all;} .fa-table tbody tr.img-tr td {vertical-align: bottom;} .fa-table tbody tr.img-tr-top td {vertical-align: top;} .fa-table tbody tr td>h3 {padding-top:0.5rem; line-height: 1.2;} .fa-table tbody tr.img-tr td:first-child {vertical-align: middle;} .fa-table thead tr th:nth-child(2) {background-color:rgba(3,106,110,0.1);} .fa-table tbody tr td:nth-child(2) {background-color:rgba(3,106,110,0.1);} .fa-table thead tr th:nth-child(3) {background-color:rgba(3,106,110,0.2);} .fa-table tbody tr td:nth-child(3) {background-color:rgba(3,106,110,0.2);} .fa-table thead tr th:nth-child(4) {background-color:rgba(3,106,110,0.3);} .fa-table tbody tr td:nth-child(4) {background-color:rgba(3,106,110,0.3);} .fa-table thead tr th:nth-child(5) {background-color:rgba(3,106,110,0.4);} .fa-table tbody tr td:nth-child(5) {background-color:rgba(3,106,110,0.4);} .fa-table thead tr th:nth-child(6) {background-color:rgba(3,106,110,0.5);} .fa-table tbody tr td:nth-child(6) {background-color:rgba(3,106,110,0.5);} .fa-table thead tr th:nth-child(7) {background-color:rgba(3,106,110,0.6);} .fa-table tbody tr td:nth-child(7) {background-color:rgba(3,106,110,0.6);} .fa-table thead tr th:nth-child(8) {background-color:rgba(3,106,110,0.7);} .fa-table tbody tr td:nth-child(8) {background-color:rgba(3,106,110,0.7);} .fa-table thead tr th:nth-child(9) {background-color:rgba(3,106,110,0.8);} .fa-table tbody tr td:nth-child(9) {background-color:rgba(3,106,110,0.8);} .fa-table thead tr th:nth-child(10) {background-color:rgba(3,106,110,0.9);} .fa-table tbody tr td:nth-child(10) {background-color:rgba(3,106,110,0.9);} .fa-table thead tr th:nth-child(11) {background-color:rgba(3,106,110,1.0);} .fa-table tbody tr td:nth-child(11) {background-color:rgba(3,106,110,1.0);} .fa-table tbody tr td>.item {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} .fa-table tbody tr td>.item>img {max-width: 20rem; padding:1rem;} /* .fa-table tbody tr:nth-child(4) td {vertical-align: bottom;} */ /* .fa-table tbody tr:nth-child(4) td:first-child {vertical-align: middle;} */ .vic-frame-table.fa-table thead tr th:nth-child(2) {background-color:rgba(46,167,224,0.1);} .vic-frame-table.fa-table tbody tr td:nth-child(2) {background-color:rgba(46,167,224,0.1);} .vic-frame-table.fa-table thead tr th:nth-child(3) {background-color:rgba(46,167,224,0.2);} .vic-frame-table.fa-table tbody tr td:nth-child(3) {background-color:rgba(46,167,224,0.2);} .vic-frame-table.fa-table thead tr th:nth-child(4) {background-color:rgba(46,167,224,0.3);} .vic-frame-table.fa-table tbody tr td:nth-child(4) {background-color:rgba(46,167,224,0.3);} .vic-frame-table.fa-table thead tr th:nth-child(5) {background-color:rgba(46,167,224,0.4);} .vic-frame-table.fa-table tbody tr td:nth-child(5) {background-color:rgba(46,167,224,0.4);} .vic-frame-table.fa-table thead tr th:nth-child(6) {background-color:rgba(46,167,224,0.5);} .vic-frame-table.fa-table tbody tr td:nth-child(6) {background-color:rgba(46,167,224,0.5);} .vic-frame-table.fa-table thead tr th:nth-child(7) {background-color:rgba(46,167,224,0.6);} .vic-frame-table.fa-table tbody tr td:nth-child(7) {background-color:rgba(46,167,224,0.6);} .vic-frame-table.fa-table thead tr th:nth-child(8) {background-color:rgba(46,167,224,0.7);} .vic-frame-table.fa-table tbody tr td:nth-child(8) {background-color:rgba(46,167,224,0.7);} .vic-frame-table.fa-table thead tr th:nth-child(9) {background-color:rgba(46,167,224,0.8);} .vic-frame-table.fa-table tbody tr td:nth-child(9) {background-color:rgba(46,167,224,0.8);} .vic-frame-table.fa-table thead tr th:nth-child(10) {background-color:rgba(46,167,224,0.9);} .vic-frame-table.fa-table tbody tr td:nth-child(10) {background-color:rgba(46,167,224,0.9);} .vic-frame-table.fa-table thead tr th:nth-child(11) {background-color:rgba(46,167,224,1.0);} .vic-frame-table.fa-table tbody tr td:nth-child(11) {background-color:rgba(46,167,224,1.0);} #sub-section-04 {width: 100%;} #sub-section-04 .content { margin-bottom:5%;} #sub-section-04 .content .text-wrap {margin-top:5rem; margin-bottom:5rem; text-align: right; padding:2rem;} #sub-section-04 .content .text-wrap.left {text-align: left;} #sub-section-04 .content .text-wrap>h3 {font-size:3rem; color:#fff; margin-bottom:1rem;} #sub-section-04 .content .text-wrap>p {font-size:2rem; color:rgba(255,255,255,0.8);;} #sub-section-04 .content .img-wrap {position: relative;} #sub-section-04 .content .img-wrap.border-a:hover::after {opacity: 1; border-width: 20px;} #sub-section-04 .content .img-wrap.border-a::after {content:''; position: absolute; top:0; left:0; width:100%; height:100%; border: solid #00AAAD; border-width: 0; opacity: 0; transition: opacity .3s, border .3s;} #sub-section-04 .content .img-wrap.border-a.v-frame-border-a::after {content:''; position: absolute; top:0; left:0; width:100%; height:100%; border: solid #2EA7E0; border-width: 0; opacity: 0; transition: opacity .3s, border .3s;} #sub-section-04 .content .img-wrap.border-a.v-frame-border-a:hover::after {opacity: 1; border-width: 20px;} #sub-section-04 .content .img-wrap>img {width: 100%; border:1px solid rgba(255,255,255,0.3);} .section.black {background-color:#08090F;} #sub-section-05 {width: 100%;} #sub-section-05 .flex_4ea {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;} /* #sub-section-05 .flex_4ea .content {flex-basis: 23%; max-width: 23%;} */ #sub-section-05 .flex_4ea .content>img {border:1px solid rgba(255,255,255,0.3); width: 100%;} #sub-section-05 .flex_4ea .content>p {font-size:1.8rem; color:#fff; padding:1rem; margin-bottom:2rem; text-align: center;} #sub-section-05 .flex_4ea .content>p>span {opacity: 0.5; padding:0.3rem;} #sub-section-06 {padding-bottom:20rem;} #sub-section-06 .cont-1366 {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} #sub-section-06 .cont-1366 .info-box {width: 100%; color:#fff; text-align: center; padding:5rem 2rem; border:1px solid rgba(255,255,255,0.1); background-color:rgba(0,0,0,0.2);} #sub-section-06 .cont-1366 .info-box .margin-auto {margin-bottom:2rem;} /* #sub-section-06 .cont-1366 .info-box .item>img {margin: 0 auto;} */ #sub-section-06 .cont-1366 .info-box .item>ul {width:100%; max-width: 50rem; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top:3rem;} #sub-section-06 .cont-1366 .info-box .item>ul>li {font-size:1.6rem; justify-content: center; background-color: rgba(255,255,255,0.05); border-radius: 1.5rem;} #sub-section-06 .cont-1366 .info-box .item>ul>li:hover {background-color: #1385ba; } #sub-section-06 .cont-1366 .info-box .item>ul>li.tf:hover {background-color: #00AAAD; } #sub-section-06 .cont-1366 .info-box .item>ul>li>a {padding:2rem;} #sub-section-06 .cont-1366 .info-box .item>ul>li:hover a {color:#fff;} /* #sub-section-06 .cont-1366 .info-box .item>ul>li:first-child>a {justify-content: flex-end;} */ #sub-section-06 .cont-1366 .info-box .item>ul>li>a img {margin-left:1rem;} /* #sub-section-06 .cont-1366 .info-box h2 */ #type-section-02 {width: 100%;} #type-section-02 .tab-container {width: 100%; } #type-section-02 .tab-container .tab-slide {display: inline-block; border-radius: 5rem; overflow: hidden; width: auto; background-color:#15161C; text-align: center; position: relative; padding:1rem 3rem; cursor: pointer; border-radius: 0; display: flex; justify-content: center; align-items: center; flex-wrap:wrap;} #type-section-02 .tab-container .tab-slide .num {font-size:1.6rem; font-weight: 900; border:3px solid #08090F; border-radius: 50%; margin-right:1rem; width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color:#17181F; color:rgba(255,255,255,0.6);} #type-section-02 .tab-container .tab-slide .name {text-align: left;} #type-section-02 .tab-container .tab-slide h3 {line-height: 1.2; color:rgba(255,255,255,0.6);} #type-section-02 .tab-container .tab-slide p {color:rgba(255,255,255,0.4); line-height: 1.2;} #type-section-02 .tab-container .tab-slide.active {background-color:#00AAAD; color:#fff;} #type-section-02 .tab-container .tab-slide.active .num {background-color: #017072; color:#fff;} #type-section-02 .tab-container .tab-slide.active h3 {color:#fff;} #type-section-02 .tab-container .tab-slide.active p {color:rgba(255,255,255,0.8);;} #type-section-02 .tab-container.vic-frame-tab-container .tab-slide h3 {line-height: 1.2; color:rgba(255,255,255,0.6);} #type-section-02 .tab-container.vic-frame-tab-container .tab-slide p {color:rgba(255,255,255,0.4); line-height: 1.2;} #type-section-02 .tab-container.vic-frame-tab-container .tab-slide.active {background-color:#2EA7E0; color:#fff;} #type-section-02 .tab-container.vic-frame-tab-container .tab-slide.active .num {background-color: #1385ba; color:#fff;} #type-section-02 .tab-container.vic-frame-tab-container .tab-slide.active h3 {color:#fff;} #type-section-02 .tab-container.vic-frame-tab-container .tab-slide.active p {color:rgba(255,255,255,0.8);;} #type-section-02 .tab-container .tab-slide:hover:not(.active) {background-color:#333333; color:#fff;} #type-section-02 .tab-container .tab-slide:hover:not(.active) .num {background-color: #333333; color:#fff;} #type-section-02 .tab-container .tab-slide:hover:not(.active) h3 {color:#fff;} #type-section-02 .tab-container .tab-slide:hover:not(.active) p {color:rgba(255,255,255,0.8);;} #type-section-02 .flex_2ea .content {margin-bottom: 3rem;} #type-slide.fixed {position: fixed; top:8rem; left:50%; transform:translateX(-50%); max-width: 1600px; width: 100%;} #type-slide.fixed .tab-container {margin-top:0rem;} #type-slide.fixed .tab-container .tab-slide {padding:0.8rem 2rem; margin-bottom:0;} #type-slide.fixed .tab-container .tab-slide .num {width:4rem; height: 4rem;} #type-slide.fixed .tab-container .tab-slide h3 {font-size:1.6rem;} #type-slide.fixed .tab-container .tab-slide p {font-size:1.3rem;} #type-slide.fixed .slide-right-btn { display: none; } #type-slide.fixed .slide-left-btn { display: none; } #type-slide.fixed .swiper-pagination { display: none; } #type-section-02 .tab-contents .contents {margin-top:10rem; display: none; color:#fff;} #type-section-02 .tab-contents .contents .flex-2ea {margin-bottom:2rem;} /* #type-section-02 .tab-contents .contents .flex-2ea .content {line-height: 1.2;} */ #type-section-02 .tab-contents .contents .flex-2ea .content>img {width: 100%; padding:2rem;} #type-section-02 .tab-contents .contents.active { display: block;} #type-section-02 .text-wrap .num {width:4rem; height:4rem; color:#fff; font-size:2rem; background-color:#017072; border-radius: 50%; font-weight: bold;} #type-section-02 .text-wrap .num.vic {width:4rem; height:4rem; color:#fff; font-size:2rem; background-color:#1385ba; border-radius: 50%; font-weight: bold;} #type-section-02 .text-wrap .t-4>span {color:rgba(255,255,255,0.5); font-weight: 300; font-size:1.6rem; vertical-align: middle; padding-left:1rem;} #type-section-02 .slide-navi:hover {opacity: 0.7;} #type-section-02 .slide-right-btn {background-image:url(/ITDA2025/image/fb-slide-right.png); background-repeat: no-repeat; background-size:cover; width: 5rem; height: 100%; top:0; position: absolute; right:0; z-index: 1; cursor: pointer;} #type-section-02 .slide-left-btn {background-image:url(/ITDA2025/image/fb-slide-left.png); background-repeat: no-repeat; background-size:cover; width: 5rem; height: 100%; top:0; position: absolute; left:0; z-index: 1; cursor: pointer;} #type-section-02 .swiper-pagination {color:rgba(255,255,255,0.5); font-size:1.6rem;} #type-slide .swiper-scrollbar-drag {background-color:white; border-radius: 0;} #type-slide.swiper-container-horizontal > .swiper-scrollbar {bottom:0; height: 3px; cursor: pointer; background:rgba(255,255,255,0.3); z-index: 99;} #type-slide.fixed.swiper-container-horizontal > .swiper-scrollbar {display: none;} /* #application-wrap-01 .cont-1366 {position: fixed; top:8rem; left:0;} */ #application-wrap-01 .tab-content-wrap {width: 100%; background-color:#15161B; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 29px 0px; border:1px solid rgba(255,255,255,0.1); position: relative; border-radius: 5rem;} #application-wrap-01 .tab-content-wrap.fixed {position: fixed; left:50%; top:8rem; transform: translateX(-50%); max-width: 1600px;} #application-wrap-01 .tab-content-wrap.fixed>.tab {padding:1rem; font-size:1.4rem;} #application-wrap-01 .tab-content-wrap>.tab {width: 33.3333%; max-width: 33.333%; padding: 1.6rem; color:#00AAAD; font-size:1.6rem; text-align: center; cursor: pointer; border-radius: 0.5rem;} #application-wrap-01 .tab-content-wrap>.tab.active {background-color:#00AAAD; color:#fff; font-weight: bold; display: block; border-radius: 5rem;} #application-wrap-01 .tab-content-wrap>.tab:hover:not(.active) {opacity: 0.7;} #application-wrap-01 .tab-content-wrap.vic-frame-tab-content-wrap {width: 100%; padding:0; border-radius: 0.5rem; background-color: #15161B; box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 29px 0px; border:1px solid rgba(255,255,255,0.1); border-radius: 5rem;} #application-wrap-01 .tab-content-wrap.vic-frame-tab-content-wrap>.tab {width: 25%; max-width: 25%; padding: 1.6rem; color:#2EA7E0; font-size:1.6rem; text-align: center; cursor: pointer; border-radius: 5rem;} #application-wrap-01 .tab-content-wrap.vic-frame-tab-content-wrap>.tab.active {background-color:#2EA7E0; color:#fff; font-weight: bold; display: block;} #application-wrap-01 .tab-content-wrap.vic-frame-tab-content-wrap>.tab:hover:not(.active) {opacity: 0.7;} #application-wrap-01 .tab-content-wrap.vic-frame-tab-content-wrap.fixed>.tab {padding:1rem; font-size:1.4rem;} #application-wrap-01 .tab-img-container .img-container {margin-top:4rem; display: none; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;} #application-wrap-01 .tab-img-container .img-container.active {display: flex;} #application-wrap-01 .tab-img-container .img-container>.text-wrap {flex-basis:100%; max-width:100%; margin-bottom:1rem;} /* #application-wrap-01 .tab-img-container .img-container>.content {flex-basis:33.3333%; max-width:33.3333%; margin-bottom:5rem; margin:0%; padding:1rem;} */ #application-wrap-01 .tab-img-container .img-container>.content>.img-wrap {background-color:rgba(255,255,255,0.05); padding:2.5rem; border-radius: 1.5rem;} #application-wrap-01 .tab-img-container .img-container>.content>.t-wrap {padding:1rem; color:rgba(255,255,255,0.8);;} /* .grid {width: 100%;} */ /* .grid { width: 100%; } */ .grid-item {width:25%; padding: 2rem 1rem;} /* .grid-sizer {width:25%;} */ /* .grid-item {width: 25%; padding:2rem 1rem; transition: all 0.4s; break-inside: avoid; } */ /* .gutter-sizer { width: 25%; } */ .grid-item:hover {opacity: 0.6;} .grid-item:hover a{cursor: zoom-in;} .grid-item .c-img {width: 100%; border-radius: 2rem; overflow: hidden; display: block; min-width:100%; max-width: 100%} .grid-item .name {color:#fff; padding:1rem;} .grid-item .name p {font-size:1.4rem; color:rgba(255,255,255,0.5); display: none;} .grid-item .name h3 {font-size:1.8rem; font-weight: bold;} .mfp-title {font-size:1.6rem;} /* #vic-tab-img-container .img-container>.content {flex-basis: 33.3333% !important; max-width: 33.3333% !important; margin-bottom:5rem; margin:0%; padding:1rem;} */ .slide-wrap .swiper-scrollbar-drag {background-color:white; border-radius: 0;} .slide-wrap.swiper-container-horizontal > .swiper-scrollbar {bottom:-3rem; height: 3px; cursor: pointer; background:rgba(255,255,255,0.3);} .sub-menu {width: 100%; background-color:#0A0B0E; display: flex; justify-content: center; align-items: center; flex-wrap: now;} .sub-menu>li>a {font-size:1.8rem; padding:1.5rem 3rem; color:rgba(255,255,255,1); transition: all 0.4s;} .sub-menu>li>a:hover:not(.active) {cursor: pointer; opacity: 0.7;} .sub-menu>li.active>a {color:#00AAAD; font-weight: bold; position: relative;} .sub-menu>li.active>a {color:#00AAAD; font-weight: bold; position: relative;} .sub-menu.yellow-line>li.active>a {color:#2EA7E0; font-weight: bold; position: relative;} .sub-menu.yellow-line>li.active>a::before {content:''; position: absolute; bottom:0; left:0; width:100%; height:4px; background-color:#2EA7E0;} /* .blue-line.sub-menu>li.active>a {color:#2EA7E0;} */