/*pc버전*/

/* Visual */
#visual{position: relative;width: 100%;}
#visual .img_box{height:640px; position: relative;width: 100%;overflow: hidden;}
#visual .img_box img{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);height: 100%;min-width: 100%; object-fit:cover; }
#visual .img_box03::after{width: 100%; height: 100%; position: absolute; content: ''; left: 0; top: 0; background: rgba(0,0,0,0.4);}
#visual .tx_box{position: absolute;width: 100%; top:37%;; left:50%; transform: translate(-50%,-50%);z-index: 8;text-align: center;}
#visual .tx_box h2{font-family: 'Play', 'IBMPlexSansKR', sans-serif;color: #fff;font-size: 25px;line-height: 38px;font-weight:700;position: relative;}
#visual .tx_box h5{color: #fff; position: relative;display: inline-block;font-size: 15px;font-family: 'Play', 'IBMPlexSansKR', sans-serif;font-weight: 700;margin-bottom: 25px;}
#visual .tx_box h5::before{position: absolute;content: ''; left: 0; bottom: -5px; background: #ddd; width: 100%;height: 2px; }

#visual .swiper-pagination{bottom: 150px;}
#visual .swiper-pagination-bullet{background: rgba(255,255,255,1);width: 6px; height: 6px; margin: 0 10px;opacity: 1;}
#visual .swiper-pagination-bullet-active{background: #fff;position: relative;}
#visual .swiper-pagination-bullet-active::after{width: 20px; height: 20px; border: 1px solid #fff; position: absolute;content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%);border-radius: 50%;}
#visual  .animation_tx {opacity: 0;}
#visual .swiper-slide-active .tx_box{animation-name:visualAnimation;animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@-webkit-keyframes visualAnimation{from{opacity:0}to{opacity:1}}@-moz-keyframes visualAnimation{from{opacity:0}to{opacity:1}}@-o-keyframes visualAnimation{from{opacity:0}to{opacity:1}}@keyframes visualAnimation{from{opacity:0}to{opacity:1}}
#arrow span{position:absolute;bottom:50px;left:50%;width:17px;height:17px;margin-left:-12px;border-left:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb07 2s infinite;animation:sdb07 2s infinite;opacity:0;box-sizing:border-box;z-index:4}
#arrow p{font-family: 'Play', 'IBMPlexSansKR', sans-serif;  font-size: 20px;position:absolute;bottom:75px;left:50%;transform:translate(-50%,0);font-size:16px;color:#fff;z-index:3}
@-webkit-keyframes sdb07{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes sdb07{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.main_sec .swiper-button-next,
.main_sec .swiper-button-prev { top:26%; }
.Products .swiper-button-next:after,
.Products .swiper-container-rtl .swiper-button-prev:after,
.Products .swiper-button-prev:after,
.Products .swiper-container-rtl .swiper-button-next:after { color:#ed2024; }
/* 공통 */
.main_sec{padding-top: 50px;}
.main_sec .inner{margin: 0 auto; width: 92%;}
.title_box{text-align: center;margin-bottom: 40px;}
.title_box h2{font-family: 'Play', 'IBMPlexSansKR', sans-serif; color: #333; font-size:34px; font-weight: 700; margin-bottom: 5px;}
.title_box h5{color: #666; font-size: 15px; font-weight: 400;}

/*Latest Products*/
.product .img_box{position: relative;background: #fff;height: 71vw;;}
.product .img_box img{position:absolute; width:95%; object-fit:cover; height:auto; left:50%; top:50%; transform: translate(-50%,-50%); }
.product .tx_box h5{margin-bottom: 15px;color: #ed2024; font-size: 16px; display: inline-block;border-bottom: 1px solid #ed2024;font-family: 'Play', 'IBMPlexSansKR', sans-serif;font-weight: 700;}
.product .tx_box p{color: #333; font-size: 24px; font-weight: 700;font-family: 'Play', 'IBMPlexSansKR', sans-serif;    height: 56px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  }
.product .tx_box{padding:20px;background: #fafafa;}
.product a{display:block;width: 100%;height: 100%; }
.product .more{opacity: 1;color:#ed2024; font-size: 18px; font-weight: 700;display: block;text-align: center;margin-top: 30px;font-family: 'Play', 'IBMPlexSansKR', sans-serif;}
.product .swiper-scrollbar{opacity: 1 !important;background: #fafafa;left: 0; bottom: 0;height: 3px;}
.swiper-scrollbar-drag{border-radius: 0; background: #000;}
.product .swiper-container{padding-bottom: 50px;}

/* Press Release */
.press{margin-bottom: 50px;}
.press ul{margin-bottom: 50px;}
.press ul li{border-bottom: 1px solid #ddd;padding: 20px 0;transition: 0.3s;position: relative;}
.press ul li::after{content: ''; display: block; clear: both;}
.press .arrow{position: absolute;right: 20px;top: 50%; transform: translateY(-50%);opacity: 0;margin-right: -30px;transition: 0.3s;}
.press ul{ border-top: 1px solid #ddd;}
.press ul li .right{padding-right: 50px;}
.press ul li .right strong{color: #333; font-weight: 700;font-family: 'Play', 'IBMPlexSansKR', sans-serif; overflow: hidden; text-overflow:ellipsis; max-height:24px; margin-bottom: 10px;font-size: 20px;overflow:hidden; white-space:nowrap; display:block; }
.press ul li .right .statu{color:#ed2024;border: 1px solid #ed2024;text-align: center;margin-right: 10px;float: left;font-size: 14px; font-weight: 400;font-family: 'Play', 'IBMPlexSansKR', sans-serif; transition: 0.3s;width: 120px; display: inline-block;height: 28px; line-height: 28px;}
.press ul li .right em{color: #666; font-size: 16px;line-height: 24px;font-weight: 400; overflow: hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-line-clamp:2; -moz-line-clamp:2; -o-line-clamp:2; -ms-line-clamp:2; display:block; display:box; display:-o-box; display:-moz-box; display:-ms-box; display:-webkit-box; box-orient:vertical; -ms-box-orient:break-word;max-height:48px; text-overflow:ellipsis; }


.press ul li .right span{color:#999; font-weight: 700;font-family: 'Play', 'IBMPlexSansKR', sans-serif; font-size: 16px; margin-top: 20px;display: block;}
.press ul li:hover{border-bottom: 1px solid #ed2024;}
.press ul li:hover .arrow{margin-right: 0;transition: 0.3s;opacity: 1;width: 25px}
.press .read{display: block;max-width:200px; width: 100%; margin: 0 auto; height: 60px; line-height: 60px; text-transform: uppercase; color: #fff; background:#ed2024; text-align: center;font-weight: 700;font-family: 'Play', 'IBMPlexSansKR', sans-serif; font-size: 18px;}
.press ul li:hover .left h5{color:#ed2024; transition: 0.3s;}
.press ul li:hover .right strong{color:#ed2024; transition: 0.3s;}


/* main_banner */
.main_banner_bt {margin:0 auto; text-align: center; background-color: #000;}
.main_banner_bt img {display: block;}