@charset "utf-8";

.about {text-align: center;}
.about h2 {margin: 55px 0 30px; font-size:var(--font-size-28); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424;}
.about .t-box p {font-size: var(--font-size-18); letter-spacing: -.03em; line-height: 1.67em;}
.about .t-box p:nth-child(2) {margin: 30px 0;}
.about .awards-wrap h3 {margin: 125px 0 55px; text-align: center; font-size: var(--font-size-28); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424;}
.about .awards-wrap .awards-list ul {display: flex; flex-wrap: wrap; margin: -30px 0;}
.about .awards-wrap .awards-list ul li {width: 25%; text-align: center; padding: 30px 0;}

.product-items { margin-bottom:75px;}
.product-items .prod-item {display:flex !important;}
.product-items .product-image {width:590px; margin-right:100px;}
.product-items .product-image .img {position:relative; padding-bottom:106.76%; overflow:hidden;}
.product-items .product-image .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.product-items .product-image .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
.product-info-txt {flex:1 1 auto; min-width:0; width:1%; padding-top: 130px;}
.product-info-txt .tit {color:#242424; font-size:var(--font-size-32); font-weight: 600; line-height:1.3em; letter-spacing: -.03em; margin-bottom:25px;}
.product-info-txt .txt {font-size:var(--font-size-18); line-height:1.67em; letter-spacing: -.03em;}
.product-items .prod-item .target_arrows {display: flex; margin-top: 120px;}

.product-items .prod-item .target_arrows .slide-btn {font-size: 0; border-radius: 100%; width: 60px; height: 60px; background-color: #fff; border: 1px solid #ddd; background-position: 50%; background-repeat: no-repeat; background-size:auto;}
.product-items .prod-item .target_arrows .slide-btn:hover {border: 1px solid #505050;}
.product-items .prod-item .target_arrows .slide-prev {background-image: url(/images/bbs/prod-arrow.png);}
.product-items .prod-item .target_arrows .slide-next {margin-left: 20px; background-image: url(/images/bbs/prod-arrow2.png)}


.prod-list-wrap h3 {color:#242424; font-size:var(--font-size-28); font-weight: 600; line-height:1.3em; letter-spacing: -.03em;}
.prod-list-wrap .list {margin: 30px 0;border-bottom: 2px solid #242424;}
.prod-list-wrap .list span {margin:0 30px 25px 0; display: inline-block;}
.prod-list-wrap .list a {color:#bebebe; font-size:var(--font-size-20); font-weight: 600; line-height:1.3em; letter-spacing: -.03em; text-transform: uppercase;}

.prod-list-wrap .list a.active {color:#242424;}

.slideshow {max-width:800px; margin:0 auto;}
.slideshow .slick-track {display:flex;}
.slideshow .slick-track:before,
.slideshow .slick-track:after {display:none;}
.slideshow .slick-slide {flex-shrink:0; width:100%;}
.slideshow .slider-for {overflow:hidden; margin-bottom:10px;}
.slideshow .slider-nav {position:relative;}
.slideshow .slider-nav .items {margin:0 -5px;}
.slideshow .slider-nav .item {padding:0 5px;}
.slideshow .slider-nav .image {cursor:pointer;}
.slideshow .slider-nav .slick-current .image:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #505050;}

.catalogue {display: flex; flex-wrap: wrap; margin-bottom: -70px;}
.catalogue .wrap {display: flex; flex-direction: column; align-items: center; width: 50%; margin-bottom: 70px;}
.catalogue .wrap .box {text-align: center;}
.catalogue .wrap .t-box {margin-top: 20px; display: flex; align-items: flex-end; justify-content: space-between;}
.catalogue .wrap .t-box p {margin-right: 10px; font-size:var(--font-size-16); color:#242424; line-height:1.5em; letter-spacing: -.03em;}
.catalogue .wrap .t-box a {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background-color: #1a1a1a; background-repeat: no-repeat; background-position: 50%;}

.map-wrap {margin-bottom: 80px;}
.map-wrap .map-info {display: flex; justify-content: space-between; margin-bottom: 40px;}
.map-wrap .map-info p {position: relative; padding-left: 35px; font-size: var(--font-size-18); font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424;}
.map-wrap .map-info p span {margin-left: 20px;}
.map-wrap .map-info p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-size: contain; width: 18px; height: 18px;}
.map-wrap .map-info p:nth-child(1)::before {background-image: url(/images/sub/contact-ico.png);}
.map-wrap .map-info p:nth-child(2)::before {background-image: url(/images/sub/contact-ico2.png);}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap_landing .border2 {display: block !important;}

.contact .top {display: flex; margin-bottom:100px;}
.contact .top .mapbox {width: 64%;}
.root_daum_roughmap_landing {width: 100%;}
.contact .directions {display: flex; flex-direction: column; justify-content: space-between; flex:1 1 auto; min-width:0; width:1%; margin-left:20px;}
.contact .directions .box {padding:40px; display: flex; align-items: center; background-color: #f2f2f2; }
.contact .directions .box img {margin-right:30px;}
.contact .directions .box .t1 {margin-bottom:15px; font-size: var(--font-size-18); font-weight: 600; color: #242424; line-height: 1.2em; letter-spacing: -.03em;}
.contact .directions .box .t2 {font-size: var(--font-size-16); color: #242424;letter-spacing: -.03em; line-height: 1.5em;}

.as {text-align: center;}
.as h2 {font-size:var(--font-size-30); color:#242424; font-weight: 600; line-height:1.2em; letter-spacing: -.03em;}
.as p {font-size:var(--font-size-16); color:#242424; line-height:1.2em; letter-spacing: -.03em;}
.as p:nth-child(2) {margin: 30px 0 15px;}
.as p:nth-child(2) span {font-size:var(--font-size-20); font-weight: 600;}
.as a {margin-top: 55px; display: inline-flex; align-items: center; justify-content: space-between; padding: 10px 30px; width: 300px; height: 60px; border-radius: 30px; background-color: #131313; color: #fff;}
.as a span {display: flex;}

.news.ty2 .buttons .fr {float: unset; display: flex; justify-content: center;}
.news.ty2 .buttons .fr .btn-pack {height: 60px; width: 160px; display: inline-flex; align-items: center; justify-content: center; background-color: #1a1a1a; color: #fff; border-radius: 30px;}