@charset "utf-8";

/* sub-visual */
.sub-visual {margin-top:110px; height:640px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.sub-visual01 {background-image:url('../img/sub/sub-visua01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visua02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visua03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visua04.jpg');}
.sub-visual05 {background-image:url('../img/sub/sub-visua05.jpg');}
.sub-visual .wrap {display:flex; flex-direction:column; height:100%;}
.sub-visual .title {height:1%; flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align:center;}
.sub-visual .title h2 {font-size:64px; line-height:1.2em; color:#f2f2f2; font-family:'Montserrat';}
.sub-visual .lnb {background:#1C1C1F; border-radius:20px 20px 0 0; position:relative; overflow:hidden;}
.sub-visual .lnb ul {display:flex;}
.sub-visual .lnb ul li {width:25%;}
.sub-visual .lnb ul li a {font-size:18px; line-height:1.4em; color:#666; font-weight:500; display:flex; align-items:center; justify-content:center; text-align:center; height:74px; padding:5px; border-right:1px solid #333; transition:all 0.4s; position:relative;}
.sub-visual .lnb ul li:last-child a {border-right:0;}
.sub-visual .lnb ul li.active a {background:#0a0a0b; color:#f2f2f2; border-right:0; margin-left:-1px; z-index:1;}
/* sub common */
.sub-title {padding:150px 0 92px;}
.sub-title h3 {font-size:54px; line-height:1.3em; font-family:'Montserrat'; color:#f2f2f2; position:relative; padding-top:46px; text-align:center;}
.sub-title h3:before {content:''; width:16px; height:16px; border:4px solid #E92329; border-radius:50%; top:0; left:50%; margin-left:-8px; position:absolute;}

.real-cont {padding-bottom:180px;}
/* sub 01 */
.about .img-box {border-radius:40px; overflow:hidden;}
.about .col {display:block; padding:80px 40px 0;}
.about .tit {position:relative; width:100%; max-width:320px;}
.about .tit .box {width:320px; height:320px; padding:50px 40px; position:absolute; top:-170px; left:0; background:url('../img/sub/about-box.jpg') center center no-repeat; border-radius:20px; overflow:hidden;}
.about .tit .box h4 {font-size:24px; line-height:1.9em; color:rgba(242,242,242,0.3); font-family:'Montserrat'; margin-bottom:4px;}
.about .tit .box p {font-size:16px; line-height:1.5em; color:rgba(242,242,242,0.3); font-weight:500;}
.about .tit .box .logo {position:absolute; bottom:30px; right:40px;}
.about .txt {width:100%; padding-left:0;}
.about .txt p {font-size:20px; line-height:1.7em; color:rgba(242,242,242,0.6); margin-bottom:34px;}
.about .txt p:last-child {margin-bottom:0;}
/* sub 03 */
.technology .cnt {border-top:2px solid #666;} 
.technology .col {padding:90px 0; border-bottom:2px solid #333; display:flex; align-items:center;}
.technology .txt-box {width:1%; flex:1 1 auto; padding-right:100px;}
.technology .txt-box .tit {padding-bottom:40px; margin-bottom:40px; position:relative;}
.technology .txt-box .tit:after {content:''; width:30px; height:1px; background:rgba(242,242,242,0.4); position:absolute; bottom:0; left:0;}
.technology .txt-box .tit p {font-size:20px; line-height:1.8em; color:#e92329; position:relative; padding-left:30px; margin-bottom:12px;}
.technology .txt-box .tit p:before {content:''; width:20px; height:20px; background:url('../img/sub/technology-icon.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-10px; left:0;}
.technology .txt-box .tit h4 {font-size:40px; line-height:1.45em; color:#f2f2f2; font-weight:600;}
.technology .txt-box .txt p {font-size:20px; line-height:1.7em; color:rgba(242,242,242,0.6);}
.technology .img-box {width:100%; max-width:730px; height:420px; border-radius:40px; overflow:hidden;}
.technology .img-box .iframe-wrap {height:100%;}
.technology .img-box img {border-radius:40px;}
.technology .img-box iframe,
.technology .img-box video {width:100%; height:100%; object-fit:cover;}
/* sub 02 */
.product .cnt {margin-bottom:160px;}
.product .cnt:last-child {margin-bottom:0;}
.product .cnt-tit {margin-bottom:80px;}
.product .cnt-tit h4 {font-size:50px; color:#f2f2f2; line-height:1.4em;}

.product .title .col {padding:90px; background:linear-gradient(0deg, #0E0E10 19.69%, #161619 100%); border-radius:40px; display:flex;}
.product .title .tit-box {width:1%; flex:1 1 auto; padding-right:40px;}
.product .title .tit-box .tit {margin-bottom:40px;}
.product .title .tit-box .tit p {font-size:16px; font-weight:600; color:#E92329; display:inline-block; line-height:2.2em; border-bottom:1px solid #E92329;}
.product .title .tit-box .txt .tx {margin-bottom:40px;}
.product .title .tit-box .txt .tx:last-child {margin-bottom:0;}
.product .title .tit-box .txt h5 {font-size:32px; line-height:1.25em; color:#f2f2f2; font-weight:500; margin-bottom:16px;}
.product .title .tit-box .txt p {font-size:18px; font-weight:500; color:rgba(242,242,242,0.6); font-weight:500;}
.product .title .tit-box .txt a {display:inline-block; border:1px solid #666; padding:0 70px 0 24px; line-height:52px; font-size:18px; color:#fff; border-radius:30px; position:relative; margin-top:60px;}
.product .title .tit-box .txt a:after {content:''; width:18px; height:18px; background:url('../img/sub/product-title-arrow.png') center center no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-9px; right:24px;}
.product .title .txt-box {width:100%; max-width:580px; background:#1C1C1F; border-radius:40px; padding:0 50px; height:100%;}
.product .title .img {position:relative;}
.product .title .img p {font-size:18px; line-height:1.7em; font-weight:500; color:rgba(242,242,242,0.6); left:0; text-align:center; position:absolute; width:100%; bottom:20px;}
.product .title ul {border-top:1px solid #333; padding-top:50px; padding-bottom:50px; text-align:center;}
.product .title ul li {margin-bottom:10px;}
.product .title ul li:last-child {margin-bottom:0;}
.product .title a {display:inline-block; border:1px solid #666; padding:0 70px 0 24px; line-height:52px; font-size:18px; color:#fff; border-radius:30px; position:relative;}
.product .title a:after {content:''; width:18px; height:18px; background:url('../img/sub/product-title-arrow.png') center center no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-9px; right:24px;}

.product .specification .col {display:flex; flex-wrap:wrap; margin:0 -20px -80px;}
.product .specification .row {width:33.333333%; padding:0 20px; margin-bottom:80px;}
.product .specification .inner {display:flex; align-items:center;}
.product .specification .num {width:100px; line-height:100px; text-align:center; font-size:24px; font-weight:700; color:#f2f2f2; background:#1C1C1F; border-radius:20px;}
.product .specification .txt {width:1%; flex:1 1 auto; padding-left:50px;}
.product .specification .txt h5 {font-size:32px; font-weight:500; color:#f2f2f2; line-height:1.25em; margin-bottom:10px;}
.product .specification .txt p {font-size:20px; line-height:1.7em; color:rgba(242,242,242,0.6);}

.product .additional table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #F2F2F2; text-align:center;}
.product .additional table tbody {font-size:20px; line-height:1.7em; }
.product .additional table th {color:#f2f2f2; font-weight:600; padding:18px 10px; border-right:1px solid #333; border-bottom:1px solid #333;}
.product .additional table td {color:rgba(242,242,242,0.6); padding:18px 10px; border-bottom:1px solid #333;}

.product .output .col {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.product .output .row {width:50%; padding:0 10px; margin-bottom:20px;}
.product .output .row img {border-radius:40px; overflow:hidden;}

.product .video .col {display:flex; align-items:center; border-bottom:1px solid rgba(51,51,51,0.8); padding:90px 0;}
.product .video .col:first-child {border-top:1px solid rgba(102,102,102,0.8);}
.product .video .txt-box {width:1%; flex:1 1 auto; padding:0 70px;}
.product .video .txt-box p {font-size:32px; color:rgba(242,242,242,0.6); line-height:1.6em;}
.product .video .video-box {width:100%; max-width:750px; padding-right:20px;}
.product .video .video-box .box {position:relative; padding-bottom:56.25%; overflow:hidden; height:0; border-radius:40px;}
.product .video .video-box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.product .application .col {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.product .application .row {width:25%; padding:0 10px; margin-bottom:20px;}
.product .application .inner {background:linear-gradient(0deg, #0E0E10 19.69%, #161619 100%); border-radius:40px; padding:80px 20px; text-align:center; height:100%;}
.product .application .inner .icon {margin-bottom:40px;}
.product .application .inner p {font-size:24px; line-height:1.4em; color:rgba(242,242,242,0.6); font-weight:500;}


/*
.product .cnt {background:linear-gradient(0deg, #0E0E10 19.69%, #161619 100%); padding:95px 90px; border-radius:40px;}
.product .col {display:flex;}
.product .txt-box {width:1%; flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; padding-right:120px;}
.product .txt-box .tit p {font-size:16px; line-height:1.5em; color:#E92329; position:relative; padding-bottom:10px; display:inline-block;}
.product .txt-box .tit p:after {content:''; width:100%; height:2px; background:#E92329; position:absolute; bottom:0; left:0;}
.product .txt-box .txt {padding-bottom:30px;}
.product .txt-box .txt h4 {font-size:40px; line-height:1.45em; color:#f2f2f2; font-weight:600; margin-bottom:26px;}
.product .txt-box .txt p {font-size:20px; line-height:1.7em; color:rgba(242,242,242,0.6);}
.product .img-box {border-radius:30px; position:relative; overflow:hidden;}
*/


/* sub 04 */
.download .col {display:flex; flex-wrap:wrap; margin:0 -40px -90px;}
.download .col .row {width:50%; padding:0 40px; margin-bottom:90px;}
.download .tit-box {padding-bottom:40px; margin-bottom:60px; border-bottom:1px solid #666;}
.download .tit-box h4 {font-size:40px; font-weight:600; line-height:1.4em; color:#f2f2f2;}
.download .list .txt {margin-bottom:50px; display:flex; align-items:center;} 
.download .list .txt:last-child {margin-bottom:0;} 
.download .list .txt p {font-size:20px; line-height:1.4em; color:rgba(242,242,242,0.6); width:1%; flex:1 1 auto; padding-right:70px;}
.download .list .txt ul {display:flex; margin:0 -5px; width:100%; max-width:250px; justify-content:flex-end;}
.download .list .txt ul li {width:100%; padding:0 5px; max-width:200px;}
.download .list .txt a {border:1px solid #333; border-radius:30px; line-height:52px; font-size:18px; color:#f2f2f2; padding:0 24px; position:relative;}
.download .list .txt a:after {content:''; width:20px; height:20px; background:url('../img/sub/download-icon.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-10px; right:24px;}