/* common */
.subVisual{ position: relative; height: 600px; width: 100%; opacity: 1; display:flex; align-items:flex-end; z-index: 100;}
.subVisual .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; clip-path:inset(0 100% 0 0); opacity: 1; transition:clip-path 1s;  }
.subVisual .bg.aos-animate{ clip-path:inset(0 0 0); -webkit-clip-path: inset(0 0 0); }
.subVisual .dots-wrap{ display:none; }

.subVisual .txt-box{ margin-bottom: 100px;  text-align: center;}
.subVisual .txt-box h2.title{ font-family: var(--man); text-align: center; color:#fff; font-weight: 600; letter-spacing: -1.54px; margin-bottom: 70px; }
.subVisual .txt-box #lnb{ position: relative; display:inline-flex; align-items:center; justify-content:center; height: 80px; margin: 0 auto;border: 1px solid #0C00FF; background: rgba(20, 10, 217, 0.65); backdrop-filter: blur(10px);}
.subVisual .txt-box #lnb > .dots-wrap{ display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.subVisual .txt-box #lnb > li{ position: relative; width: 280px; height: 100%; text-align: left;  cursor:pointer;}
.subVisual .txt-box #lnb > li.home{ width: 80px; }
.subVisual .txt-box #lnb > li > a{ display:flex; justify-content:center; align-items:center; width: 100%; height: 100%; }
.subVisual .txt-box #lnb > li span.title a{ position: relative; display:flex; align-items:center; gap: 0 5px; width: 100%; height: 100%; padding: 0 20px; letter-spacing: -0.34px; color:#fff; pointer-events:none; }
.subVisual .txt-box #lnb > li span.title a:after{ content:''; display:block; width: 10px; height: 6px; background: url(/img/sub/lnbArrow.png) no-repeat 50% 50%; 
position: absolute; transform:translateY(-50%); top: 50%; right: 20px; transition:all 0.5s; }
.subVisual .txt-box #lnb > li ul{ position: absolute; top: calc(100% + 1px) ; left: 0; background: rgba(20, 10, 217, 0.65); backdrop-filter: blur(10px); border: 1px solid var(--mainC); border-top:none; width: 100%; padding: 20px; display:none; }
.subVisual .txt-box #lnb > li ul li:not(:last-child){ margin-bottom: 20px; }
.subVisual .txt-box #lnb > li ul li a{ color:rgba(255,255,255,0.3); font-weight: 500; letter-spacing: -0.34px; transition:all 0.3s; }
.subVisual .txt-box #lnb > li ul li:hover a{ color:#fff; }
.subVisual .txt-box #lnb > li.on span.title a:after{ transform: translateY(-50%) rotate(180deg); }

.dot-title{ color:#111; font-weight: 600; letter-spacing: -0.56px; display:flex; align-items:center; margin-bottom: 40px; }
.dot-title:before{ content:''; display:block; width: 10px; height: 10px; background: var(--mainC); margin-right: 20px;}
.dot-title em,
.dot-title span{ display: contents; }
.dot-title span{ color:var(--mainC); }

#subContents{ padding: 150px 0 200px; }
#subContents section:not(:last-child){ margin-bottom: 120px;}
#subContents section.navy{ padding: 120px 0; background: #010E26; }

#title-box{ text-align: center; padding: 0 20px;}
#title-box .title{ color:#111; font-weight: bold;  letter-spacing: -1.36px; }
#title-box .txt{ color:#333; font-weight: 300; letter-spacing: -0.46px; margin-top: 40px; line-height: 1.5; }

#sub-title-box{ text-align: center; margin-bottom: 120px; }
#sub-title-box .title{ color: #111; font-weight: 600; letter-spacing: -1.08px;}
#sub-title-box .txt{ margin-top: 30px; color: #333; font-weight: 300; letter-spacing: -0.42px; }

.sec-box:not(:last-child){ margin-bottom: 120px; }
.sec-box .title-box{ margin-bottom: 40px;}
.sec-box .title-box .title{ display:flex; align-items:center; color:#111; font-weight: 600; letter-spacing: -0.72px; }
.sec-box .title-box .title span{ width: 45px; height: 45px; background: var(--mainC); display:flex; justify-content:center; align-items:center; margin-right: 20px; letter-spacing: -0.38px;
color:#fff; font-family: var(--man); font-weight: bold; }
.sec-box .title-box .txt{ margin-top: 40px; letter-spacing: -0.42px; font-weight: 300; color:#fff; }
.navy .sec-box .title-box .title{ color:#fff; }
.navy .sec-box .title-box .txt2{ margin-top: 40px; letter-spacing: -0.6px; color:#fff;  font-weight: 600;}
.navy .sec-box .title-box .txt3{ margin-top: 20px; color: #FFF; font-weight: 300; line-height: 1.6; letter-spacing: -0.42px; }

.navy table{ border-top: 1px solid #fff; }
.navy table tr > *{ padding: 25px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.navy table tr > *:not(:last-child){ border-right:1px solid rgba(255, 255, 255, 0.10); }
.navy table th{ background: rgba(0, 0, 0, 0.50); color:#fff; font-weight: 400; letter-spacing: -0.38px; }
.navy table td{ color:#ddd; letter-spacing: -0.36px; font-weight: 300; }
.navy table td:first-child,
.navy table td.bg-w{ background: rgba(255, 255, 255, 0.05); font-weight: 500; }
.navy table td span{ display:block; letter-spacing: -0.34px; color:rgba(255,255,255,0.5); font-weight: 200; margin-top: 20px; }
.navy table td ul{ text-align: left; padding: 0 25px;}
.navy table td ul li:not(:last-child){ margin-bottom: 15px;}

.search-box{ display:flex; justify-content:flex-end; align-items:center; margin-bottom: 80px; }
.search-box select{ border: 1px solid #E5E5E5; border-radius:50px; padding: 0 30px; width: 150px; height: 60px; background: url(/img/common/selectArrow.png) no-repeat top 50% right 30px #f8f8f8; color: #AAA; font-weight: 500; letter-spacing: -0.34px; margin-right: 10px;}
.search-box .input-box{ display:flex; align-items:center; border-bottom: 1px solid #E5E5E5; padding: 0 30px;}
.search-box .input-box input{ height: 60px; color: #222;  letter-spacing: -0.34px;}
.search-box .input-box input::placeholder{ color:#aaa; }

.info-img-txt{}
.info-img-txt .flex-box{ align-items:center; }
.info-img-txt .flex-box .img-box{ position: relative; width: 620px; height: 500px; margin-right: 120px; display:flex; justify-content:center; align-items:center; border: 1px solid rgba(20, 10, 217, 0.10);
flex-shrink:0; }
.info-img-txt .flex-box dl dt{ color: #111; line-height: 1.5; letter-spacing: -0.72px; margin-bottom: 40px; font-weight: 300; }
.info-img-txt .flex-box dl dt em{ color:var(--mainC); font-weight: 600; }
.info-img-txt .flex-box dl dd{ color: #333; font-weight: 300; line-height: 1.6; letter-spacing: -0.42px; }

.info-img-txt.down .flex-box{ align-items: normal; }
.info-img-txt.down .flex-box dl dd{ display:flex; flex-direction:column; justify-content:flex-end; height: 100%; }
.info-img-txt.down .flex-box dl dd div p:not(:last-child){ margin-bottom: 40px;}
.info-img-txt.down .flex-box dl dd div p span{ display:block; font-weight: 500; }
.info-img-txt.down .flex-box dl dd .file{ display:flex; justify-content:center; align-items:center; width: 320px; height: 75px; background: var(--mainC); margin: 115px 0 0 auto; color: #FFF; font-weight: 600; letter-spacing: -0.38px;}

.img-ani-box{ position: relative; opacity: 1; }
.img-ani-box .bg{ width: 100%; height: 600px; clip-path: inset(0 100% 0 0);  -webkit-clip-path: inset(0 100% 0 0); transition:all 1.5s; }
.img-ani-box h5.title,
.img-ani-box .txt-box{ position: absolute; transform:translate(-50%, -50%); top: 50%; left: 50%; z-index: 5; width: 100%; text-align: center; padding: 0 20px; color: #FFF; font-weight: 600; line-height: 1.4; letter-spacing: -1.28px;}
.img-ani-box .txt-box .title{ letter-spacing: -0.96px; line-height: 1.3; margin-bottom: 60px; }
.img-ani-box .txt-box .txt{ font-weight: 200; line-height: 1.6; letter-spacing: -0.42px; }
.img-ani-box.aos-animate .bg{ clip-path: inset(0 0 0 0);  -webkit-clip-path: inset(0 0 0 0); }

.icon-img-box{ border-top: 1px solid #000; }
.icon-img-box .item-box{ display:flex; align-items:center; padding: 50px; border-bottom: 1px dashed #AAA; }
.icon-img-box .item-box figure{ width: 80px; height: 80px; display:flex; justify-content:center; align-items:center; background: #f8f8f8; border-radius:50%; margin-right: 50px; flex-shrink:0; }
.icon-img-box .item-box dl dt{ color: #111; font-weight: 600; letter-spacing: -0.42px; margin-bottom: 10px;}
.icon-img-box .item-box dl dd{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px;}
.icon-img-box .item-box dl dd ul li{ text-indent:-10px; margin-left: 10px;}
.icon-img-box .item-box dl dd ul li:not(:last-child){ margin-bottom: 5px; }
.icon-img-box.flex-box{ flex-wrap:wrap; }
.icon-img-box.flex-box .item-box{ width: 50%; }
.icon-img-box.flex-box .item-box.type2{ width: 100%; }

.grey{ background: #F8F8F8; padding: 120px 0;}
.grey .icon-img-box.flex-box .item-box figure{ background: #fff; }

.navy .dot-title{ color:#fff; }

#btn-box{ display:flex; justify-content:center; }
#btn-box button{ width: 320px; height: 85px; background: var(--mainC); color:#fff; font-weight: 600; letter-spacing: -0.44px;}

#sub-tab{ position: relative; top: 0; left: 0; width: 100%; z-index: 99;}
#sub-tab .title{ display:none; }
#sub-tab .depth4{ display:flex; min-height: 80px; }
#sub-tab .depth4 li{ width: 100%; }
#sub-tab .depth4 li a{ display:block; width: 100%; height: 100%; text-align: center; color: rgba(255,255,255,0.3); font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; transition:all 0.5s; background: var(--mainC); padding: 0 40px; display: flex; align-items: center; }
#sub-tab .depth4 li a span{ display: contents; }
#sub-tab .depth4 li.on a,
#sub-tab .depth4 li:hover a{ color:#fff; }
#sub-tab.fixed{ position: fixed; top: 0; left: 0; }

#kit .intro .img-box{ display:flex; justify-content:center; align-items:center; background: #F8F8F8; margin: 120px 0; padding: 100px 20px; } 
#kit .intro .img-box figure:first-child{ margin-right: 150px; }
#kit .intro .ctn-box{ position: relative; }
#kit .intro .ctn-box .img{ position: absolute; transform:translateX(-50%); bottom: 160px; left: 50%; z-index: 2; opacity: 1;}
#kit .intro .ctn-box .img svg{ overflow: visible; }
#kit .intro .ctn-box .img .btmimg{ transform:translateY(100px); opacity: 0; transition:all 1s 0.3s; }
#kit .intro .ctn-box .img .topimg{ transform:translateY(-50px); opacity: 0; transition:all 1s 0.8s; }
#kit .intro .ctn-box .img.aos-animate .btmimg,
#kit .intro .ctn-box .img.aos-animate .topimg{ transform:translateY(0); opacity: 1; }
#kit .intro .ctn-box .flex-box{ justify-content:space-between; gap:0 20px; }
#kit .intro .ctn-box .flex-box:not(:last-child){ margin-bottom: 20px; }
#kit .intro .ctn-box .flex-box .item-box{ position: relative; width: calc((100% - 60px) / 4); min-height: 280px; padding: 40px; border: 1px solid #E5E5E5; display: flex; flex-direction: column; justify-content: flex-end; transition:all 0.5s; }
#kit .intro .ctn-box .flex-box .item-box figure{ position: absolute; top: 40px; right: 40px;}
#kit .intro .ctn-box .flex-box .item-box .title{ color:#111; font-weight: 600; letter-spacing: -0.42px; margin-bottom: 20px; transition:all 0.5s; }
#kit .intro .ctn-box .flex-box .item-box .txt{ color:#333; font-weight: 300; line-height: 1.6; letter-spacing: -0.36px; transition:all 0.5s; }
#kit .intro .ctn-box .flex-box .item-box:hover{ border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); }
#kit .intro .ctn-box .flex-box .item-box:hover .title{ color:var(--mainC); }
#kit .component h5.title{ color:#fff	; text-align: center; margin-bottom: 120px; font-weight: 600; letter-spacing: -0.96px; }
#kit .component .ctn-box{ display:flex; justify-content:center; align-items:center; margin: 120px 0;}
#kit .component .ctn-box .flip-box{ width: 480px; height: 600px; -webkit-perspective: 1000px; perspective: 1000px;}
#kit .component .ctn-box .flip-box:not(:last-child){ margin-right: 40px;}
#kit .component .ctn-box .flip-box .item-box{ position: relative; width: 100%; height: 100%; text-align: center; transition: all 0.6s; transform-style: preserve-3d; border-radius: 15px; padding: 20px; background: #fff; }
#kit .component .ctn-box .flip-box .item-box > *{ transition: all 0s; }
#kit .component .ctn-box .flip-box .item-box figure{ width: 100%; height: 255px; display:flex; justify-content:center; align-items:center;}
#kit .component .ctn-box .flip-box .item-box .title{ color:#111; font-weight: 600; letter-spacing: -0.54px; margin: 30px 0 10px;}
#kit .component .ctn-box .flip-box .item-box .txt{ color:#ccc; font-family: var(--man); font-weight: 600; letter-spacing: -0.38px; margin-bottom: 30px; } 
#kit .component .ctn-box .flip-box .item-box ul{ padding: 40px; width: 100%; border-radius:15px; background: #f8f8f8; text-align: left; }
#kit .component .ctn-box .flip-box .item-box ul li{ display:flex; align-items:center; color:#333; font-weight: 300; letter-spacing: -0.34px; }
#kit .component .ctn-box .flip-box .item-box ul li:not(:last-child){ margin-bottom: 15px; }
#kit .component .ctn-box .flip-box .item-box ul li span{ min-width: 140px; color:#111; font-weight: 600; letter-spacing: -0.34px;  }
#kit .component .ctn-box .flip-box:hover .item-box{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg);  background: var(--mainC); }
#kit .component .ctn-box .flip-box:hover .item-box > *{ transform: scaleX(-1); }
#kit .component .ctn-box .flip-box:hover .item-box .title,
#kit .component .ctn-box .flip-box:hover .item-box .txt{ color:#fff; }
#kit .component .ctn-box .flip-box:hover .item-box ul{ background: rgba(0, 0, 0, 0.20); }
#kit .component .ctn-box .flip-box:hover .item-box ul li{ color:rgba(255,255,255,0.8); }
#kit .component .ctn-box .flip-box:hover .item-box ul li span{ color:#fff; }
#kit .component .table-wrap .dot-title{ color:#fff; }
#kit .component .btm-list{ color:#fff; font-weight: 300; letter-spacing: -0.36px; margin-top: 40px; }
#kit .component .btm-list li:not(:last-child){ margin-bottom: 10px; }
#kit .component .img-box{ display:flex; flex-wrap:wrap; margin-bottom: -80px; }
#kit .component .img-box .item-box{ width: calc((100% - 60px) / 4 ); margin-bottom: 80px; margin-right: 20px; }
#kit .component .img-box .item-box:nth-child(4n){ margin-right: 0; }
#kit .component .img-box .item-box figure{ width: 100%; height: 385px; border-radius:15px; overflow: hidden; background: #fff; display:flex; justify-content:center; align-items:center; transition:all 0.5s;}
#kit .component .img-box .item-box figure img{ transition:all 0.7s; }
#kit .component .img-box .item-box .title{ color: #FFF; font-weight: 500; letter-spacing: -0.48px; margin: 30px 0 10px;}
#kit .component .img-box .item-box .txt{ color:#fff; font-weight: 200; line-height: 1.6; letter-spacing: -0.36px; }
#kit .component .img-box .item-box .stxt{ color:rgba(255,255,255,0.5); font-weight: 100; letter-spacing: -0.36px; margin-top: 10px; }
#kit .component .img-box .item-box:hover figure{ background: var(--mainC); }
#kit .component .img-box .item-box:hover figure img{ transform:scale(1.05); } 
#kit .detail .ctn-box:not(:last-child){ margin-bottom: 120px; }
#kit .detail .ctn-box .flex-box{ flex-wrap:wrap; border-top: 1px solid #000; }
#kit .detail .ctn-box .flex-box .item-box{ width: 50%; display:flex; border-bottom: 1px solid #E5E5E5; }
#kit .detail .ctn-box .flex-box .item-box dt{ width: 250px; flex-shrink:0; background: #f8f8f8; color: #111; font-weight: 500; letter-spacing: -0.36px; 
display:flex; justify-content:center; align-items:center; }
#kit .detail .ctn-box .flex-box .item-box dd{ padding: 20px 50px; color:#333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px; display:flex; flex-direction:column; justify-content:center;}
#kit .detail .ctn-box .flex-box .item-box dd p:not(:last-child){ margin-bottom: 10px;}
#kit .detail .ctn-box.type2 .flex-box .item-box{ width: 100%; }
#kit .detail .ctn-box .list-box > li{ color:#111; font-weight: 300; letter-spacing: -0.4px; }
#kit .detail .ctn-box .list-box > li:not(:last-child){ margin-bottom: 20px; }
#kit .detail .ctn-box .inner-list{ margin-top: 20px; }
#kit .detail .ctn-box .inner-list li{ color:#333; font-weight: 300; letter-spacing: -0.36px; }
#kit .detail .ctn-box .inner-list li:not(:last-child){ margin-bottom: 10px;}

#partner .flex-box{ flex-wrap:wrap; margin-bottom: -20px;}
#partner .flex-box .logo-box{ width: calc((100% - 80px) / 5 ); height: 150px; border:1px solid #e5e5e5; padding: 0 10px; display:flex; justify-content:center; align-items:center; margin-right: 20px;
margin-bottom: 20px;}
#partner .flex-box .logo-box:nth-child(5n){ margin-right: 0; }

#review .ctn-box{ border-top: 1px solid #000; }
#review .ctn-box .item-box{ border-bottom: 1px solid #E5E5E5; }
#review .ctn-box .item-box a{ padding: 40px 0; display:flex; align-items:center; }
#review .ctn-box .item-box figure{ width: 480px; height: 300px; flex-shrink: 0; margin-right: 60px; }
#review .ctn-box .item-box .title{ color: #111; font-weight: 500; line-height: 1.5; letter-spacing: -0.48px; text-overflow: ellipsis;  overflow: hidden; display:-webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 100%; }
#review .ctn-box .item-box .txt{ color: #555; font-weight: 200; line-height: 1.6; letter-spacing: -0.36px; margin: 40px 0; text-overflow: ellipsis;  overflow: hidden; display:-webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#review .ctn-box .item-box .flex-box{ font-family: var(--man); color: #AAA; font-variant-numeric: lining-nums proportional-nums;  font-weight: 500; letter-spacing: -0.34px;}
#review .ctn-box .item-box .flex-box p{ display:flex; align-items:center; }
#review .ctn-box .item-box .flex-box p:not(:last-child):after{ content:''; display:block; width: 1px; height: 20px; background: #e5e5e5; margin: 0 20px; }
#review .ctn-box .item-box .flex-box p img{ margin-right: 5px; }
#review .ctn-box .item-box:hover figure img{ transform:translate(-50%, -50%) scale(1.1); }

#view .title-box{ border-bottom: 1px solid #000; padding-bottom: 40px;  }
#view .title-box .title{ color: #111; font-weight: 500; letter-spacing: -0.96px; margin-bottom: 20px; }
#view .title-box .flex-box{ font-family: var(--man); color: #AAA; font-variant-numeric: lining-nums proportional-nums;  font-weight: 500; letter-spacing: -0.34px;}
#view .title-box .flex-box p{ display:flex; align-items:center; }
#view .title-box .flex-box p:not(:last-child):after{ content:''; display:block; width: 1px; height: 20px; background: #e5e5e5; margin: 0 20px; }
#view .title-box .flex-box p img{ margin-right: 5px; }
#view .file{ text-align: right; }
#view .file a{ display:inline-flex; align-items:center; margin: 40px 0; color: #888; letter-spacing: -0.32px;}
#view .file a img{ margin-right: 10px; }
#view .content{ padding: 40px 20px; }
#view .page-box{ display:flex; gap:40px; margin: 80px 0;}
#view .page-box div{ width: calc((100% - 40px) / 2); }
#view .page-box div a{ display:block; padding: 40px 20px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
#view .page-box div .stxt{ color: #CCC; font-weight: 500; letter-spacing: -0.4px; margin-bottom: 10px;}
#view .page-box div .txt{ color: #333; letter-spacing: -0.48px; text-overflow: ellipsis;  overflow: hidden; display:-webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#view .page-box div.next{ text-align: right; }

#news .ctn-box{ display:flex; flex-wrap:wrap; margin-bottom: -120px; }
#news .ctn-box .item-box{ width: calc((100% - 100px) / 3); margin-right: 50px; margin-bottom: 120px;}
#news .ctn-box .item-box:nth-child(3n){ margin-right: 0; }
#news .ctn-box .item-box figure{ height: 320px; }
#news .ctn-box .item-box .date{ color: #AAA; font-variant-numeric: lining-nums proportional-nums; font-family: var(--man); letter-spacing: -0.34px; margin:30px 0 20px; }
#news .ctn-box .item-box .title{ color: #111; line-height: 1.5; letter-spacing: -0.48px; text-overflow: ellipsis;  overflow: hidden; display:-webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#news .ctn-box .item-box:hover figure img{ transform:translate(-50%,-50%) scale(1.1); }

:root {
    --inputH: 80px;
}
#online .ctn-box{ display:flex; gap:0 80px; flex-wrap:wrap; justify-content:space-between; }
#online .ctn-box .item-box{ width: calc((100% - 80px) / 2);}
#online .ctn-box .item-box.type2{ width: 100%; }
#online .ctn-box .item-box:not(:last-child){ margin-bottom: 60px; }
#online .ctn-box .item-box dt{ color: #111; font-weight: 500; letter-spacing: -0.44px; margin-bottom: 20px; }
#online .ctn-box .item-box dt em{ color:#f00; }
#online .ctn-box .item-box dd input{ background: #F8F8F8; padding: 0 40px; width: 100%; height: var(--inputH); color:#111; letter-spacing: -0.38px; font-weight: 300;}
#online .ctn-box .item-box dd *::placeholder{ color:#888; }
#online .ctn-box .item-box dd textarea{ width: 100%; background: #f8f8f8; padding: 40px; color:#111; letter-spacing: -0.38px; font-weight: 300; height: 300px; resize:none; }
#online .ctn-box .item-box dd select{ width: 100%; background: #F8F8F8; padding: 0 40px; height: var(--inputH); border:none; outline:none; background: url(/img/common/selectArrow02.png) no-repeat top 50% right 30px #f8f8f8; color: #AAA; font-weight: 300; letter-spacing: -0.34px; margin-left: 10px;}
#online .ctn-box .item-box.email .flex-box{ align-items:center; justify-content:space-between; }
#online .ctn-box .item-box.email .flex-box span{ color: #000; letter-spacing: -0.42px; margin: 0 10px;}
#online .ctn-box .item-box.file input{ display:none; }
#online .ctn-box .item-box.file label{ display:flex; font-weight: 300; letter-spacing: -0.38px; cursor:pointer; }
#online .ctn-box .item-box.file label .txt{ width: 100%; height: var(--inputH); background: #f8f8f8; padding: 0px 40px; color: #888; display:flex; align-items:center; }
#online .ctn-box .item-box.file label button{ background: #222; width: 240px; height: var(--inputH); color: #FFF; margin-left: 10px; flex-shrink:0; pointer-events:none; }
#online .ctn-box .item-box.captcha figure,
#online .ctn-box .item-box.captcha button{ flex-shrink:0; }
#online .ctn-box .item-box.captcha input{ margin: 0 10px; }
#online .ctn-box .item-box.captcha button{ width: 80px; height: 80px; background: #222; }
#online .ctn-box .item-box .privacy-box{ height: 300px; padding: 20px; background: #F8F8F8;}
#online .ctn-box .item-box .privacy-box .scroll-box{ overflow-y: scroll; height: 100%; padding: 10px; color: #888; line-height: 1.7; letter-spacing: -0.38px;}
#online .ctn-box .item-box .privacy-box .scroll-box .privacy > p:not(:last-of-type){ margin-bottom: 30px;}
#online .ctn-box .item-box .privacy-box .scroll-box dl:not(:last-child){ margin-bottom: 30px; }
#online .ctn-box .item-box .privacy-box .scroll-box dl dt{ color:#888; margin-bottom: 10px;}
#online .ctn-box .item-box .privacy-box .scroll-box dl dd ul li:not(:last-child){ margin-bottom: 20px; }
#online .ctn-box .item-box .privacy-box .scroll-box::-webkit-scrollbar{ background: #ddd; width: 5px; }
#online .ctn-box .item-box .privacy-box .scroll-box::-webkit-scrollbar-thumb{ background: #222; border-radius: 50px; }
#online .chk-box{ text-align: center; }
#online .chk-box p{ display:inline-flex; justify-content:center; margin: 60px 0 80px; color: #333; font-weight: 300; letter-spacing: -0.38px; cursor:pointer; }
#online .chk-box label span{ width: 25px; height: 25px; background: #f8f8f8; margin-right: 15px; }
#online .chk-box input:checked + label span{ background: url(/img/common/checkIcon.svg) no-repeat 50% 50% var(--mainC); }

#about .title-box{ text-align: center; }
#about .title-box .title{ color: #111; font-weight: 500; letter-spacing: -0.96px; margin-bottom: 60px; }
#about .title-box .txt{ color: #111; font-weight: 300; line-height: 1.5; letter-spacing: -0.42px;}
#about .ctn-box{ position: relative; }
#about .ctn-box .bg{ position: relative;  position: absolute; bottom: 0; left: 0; width: 100%; height: 76.8%; overflow: hidden; z-index: -1;}
#about .ctn-box .bg img{ width: 100%; }
#about .ctn-box .item-box{ display:flex; align-items:flex-end; }
#about .ctn-box .item-box:not(:last-child){ margin-bottom: 150px; }
#about .ctn-box .item-box > *{ width: calc((100% - 120px) / 2);	}
#about .ctn-box .item-box figure{ flex-shrink:0; margin-right: 120px;}
#about .ctn-box .item-box .txt-box .title{ color: #fff; font-weight: 500; letter-spacing: -0.92px;}
#about .ctn-box .item-box .txt-box .stxt{ margin: 15px 0 0; color:var(--mainC); letter-spacing: -0.48px; font-weight: 500; }
#about .ctn-box .item-box .txt-box .txt{ color:rgba(255,255,255,0.8); font-weight: 300; line-height: 1.5; letter-spacing: -0.38px; margin-top: 60px; }
#about .ctn-box .item-box.item01 .txt-box .title{ color:#111; }
#about .ctn-box .item-box.item01 .txt-box .txt{ color:#333; }
#about .ctn-box .item-box.item02{ text-align: right; }
#about .ctn-box .item-box.item02 figure{ margin-left: 120px; margin-right: 0; }
#about .ctn-box .btxt-box{ margin: 200px 0;}
#about .ctn-box .btxt-box p{ color: rgba(255,255,255,0.5); font-weight: 600; line-height: 1.5; letter-spacing: -1.56px;}
#about .ctn-box .btxt-box p span{ color: rgb(255, 255, 255, 0.5); background: linear-gradient(to left, #fff, #fff) no-repeat; -webkit-background-clip: text; background-clip: text; background-size: 0%; transition: all 1s 0.7s;}
#about .ctn-box .btxt-box.aos-animate p span{  background-size: 100%; }

#history .item-box{ position: relative; display:flex;  }
#history .item-box:not(:last-child){ margin-bottom: 120px; }
#history .item-box .year{ position: sticky; position: -webkit-sticky; top: 0; left: 0; color: #111; font-family: var(--man); font-size: 120px; font-weight: 600; letter-spacing: -2.4px; min-width:520px; height: 155px; 
flex-shrink:0; }
#history .item-box .year em{ color:var(--mainC); }
#history .item-box .txt-box{ border-top: 1px solid #000; width: 100%; }
#history .item-box .txt-box > *{ padding: 40px; border-bottom: 1px dashed #AAA; }
#history .item-box .txt-box p{ color: #111; font-weight: 500; letter-spacing: -0.4px;}
#history .item-box .txt-box div > ul{ border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); margin-top: 20px; padding: 40px; }
#history .item-box .txt-box div > ul li{ color: #333; font-weight: 300; letter-spacing: -0.36px; }
#history .item-box .txt-box div > ul > li{ display:flex; flex-wrap:wrap; }
#history .item-box .txt-box div > ul > li:before{ content:''; display:block; width: 5px; height: 5px; background: var(--mainC); margin: 9px 10px 0 0;}
#history .item-box .txt-box div > ul li:not(:last-child){ margin-bottom: 20px; }
#history .item-box .txt-box div > ul ul{ width: 100%;  background: #fff; padding: 40px; margin-top: 20px; }

#recruit .intro .txt-box .title{ color: var(--mainC); font-weight: 600; letter-spacing: -1.08px; }
#recruit .intro .txt-box .txt{ margin: 60px 0 40px; color: #111; font-weight: 600; line-height: 1.5; letter-spacing: -0.64px;}
#recruit .intro .txt-box .txt2{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.38px;}
#recruit .content .img-txt-wrap{ position: relative; }
#recruit .content .img-txt-wrap .img-wrap{ position: relative; position: absolute;  width: 100%; height: 100%; }
#recruit .content .img-txt-wrap .img-wrap .img-box{ position:sticky; position: -webkit-sticky; top:0; left: 0; width: 100%; height: 100vh; overflow: hidden;}
#recruit .content .img-txt-wrap .img-wrap .img-box > div{ position: relative; text-align: right; height: 525px;}
#recruit .content .img-txt-wrap .img-wrap .img-box .img01{ position: relative; position: absolute; top: 0; left: 0; width: calc(66% - 10px); height: 100%; transition:all 1s; }
#recruit .content .img-txt-wrap .img-wrap .img-box .img01:after{ content:''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; transition:all 0.7s; }
#recruit .content .img-txt-wrap .img-wrap .img-box .img01 .scroll{ position:absolute; transform:translateX(-50%); bottom: 0; left: 50%; width: 1px; height: 80px; background: rgba(217,217,217,0.2); 
z-index: 2; opacity: 0; transition:all 0.7s; }
#recruit .content .img-txt-wrap .img-wrap .img-box .img01 .scroll span{ position: relative; display:block; width: 100%;	height: 30px; background: #fff; animation: scrollbar 1.5s infinite forwards }
#recruit .content .img-txt-wrap .img-wrap .img-box .img02{ display:inline-block; margin: 0 auto 0 0; width: calc(34% - 10px); height: 100%; z-index: -1;}
@keyframes scrollbar {
	0%{ top: 0; opacity: 1;}
	90%{ top: 60%; }
	100%{ opacity: 0; }
}
#recruit .content .img-txt-wrap .txt-box{ position: relative; z-index: 2; text-align: center; padding-top: 100vh;}
#recruit .content .img-txt-wrap .txt-box dl{ padding-bottom: 400px; }
#recruit .content .img-txt-wrap .txt-box dl dt{ color: #FFF; font-weight: 600; letter-spacing: -1.08px; margin-bottom: 80px; }
#recruit .content .img-txt-wrap .txt-box dl dd{ color: #FFF; font-weight: 600; line-height: 1.5; letter-spacing: -0.64px;}
#recruit .content .img-txt-wrap.active .img-wrap .img-box .img01{ width: 100vw; height: 100vh;  margin-left: calc(-50vw + 50%); }
#recruit .content .img-txt-wrap.active .img-wrap .img-box .img01:after{ opacity: 1; }
#recruit .content .img-txt-wrap.active .img-wrap .img-box .img01 .scroll{ opacity: 1;}
#recruit .content .icon-txt-box .item-box{ display:flex; }
#recruit .content .icon-txt-box .item-box:not(:last-child){ margin-bottom: 120px; }
#recruit .content .icon-txt-box .item-box figure{ min-width:520px; display:flex; justify-content:center; align-items:center; }
#recruit .content .icon-txt-box .item-box dl dt{ color: #111; font-weight: 600; line-height: 1.5; letter-spacing: -0.64px; margin-bottom: 40px;}
#recruit .content .icon-txt-box .item-box dl dd .txt{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.38px;}
#recruit .content .icon-txt-box .item-box dl dd .txt2{ margin-bottom: 20px; color: var(--mainC); font-weight: 600; letter-spacing: -0.46px;}
#recruit .info{ background: #F8F8F8; padding: 120px 0; }
#recruit .info .welfare .flex-box{ gap:20px; justify-content:space-between; }
#recruit .info .welfare .flex-box .item-box{ width: calc((100% - 100px) / 6); min-height:320px; background: #fff; display:flex; flex-direction:column; justify-content:space-between; padding: 30px; transition:all 0.7s; }
#recruit .info .welfare .flex-box .item-box dt{ color: #111; font-weight: 600; letter-spacing: -0.42px; transition:all 0.7s; }
#recruit .info .welfare .flex-box .item-box dt img{ margin-bottom: 20px; }
#recruit .info .welfare .flex-box .item-box dd{ color: #333; font-weight: 300; line-height: 1.4; letter-spacing: -0.36px; transition:all 0.7s; }
#recruit .info .welfare .flex-box .item-box.on{ background: var(--mainC); }
#recruit .info .welfare .flex-box .item-box.on dt,
#recruit .info .welfare .flex-box .item-box.on dd{ color:#fff; }
#recruit .info .welfare .flex-box .item-box.on dt img{ filter:invert(1); -webkit-filter:invert(1); }
#recruit .info .order .flex-box{ align-items:center; justify-content: space-between; }
#recruit .info .order .flex-box .item-box{ border-radius: 50%; border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); width: 280px; height: 280px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
#recruit .info .order .flex-box .item-box .step{ color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -0.34px;}
#recruit .info .order .flex-box .item-box .title{ color: #111; font-weight: 500; letter-spacing: -0.42px; margin: 10px 0 40px;}
#recruit .info .order .flex-box .item-box:last-child{ background: var(--mainC);  }
#recruit .info .order .flex-box .item-box:last-child .step,
#recruit .info .order .flex-box .item-box:last-child .title{ color:#fff; }
#recruit .info2 .item-box ul li{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px; }
#recruit .info2 .item-box ul li:not(:last-child){ margin-bottom:10px;	}

.section_address{ display:none; }

#location .content .tab-box{ display:flex; gap:10px; text-align: center; justify-content:space-between; }
#location .content .tab-box li{ position: relative; width: calc((100% - 30px) / 4); height: 75px; display:flex; justify-content:center; align-items:center; cursor:pointer; border: 2px solid #E5E5E5; color: #AAA; font-weight: 500; letter-spacing: -0.42px; transition:all 0.5s; }
#location .content .tab-box li.on{ background: var(--mainC); border: 2px solid var(--mainC); color:#fff; }
#location .content .tab-box li:not(.on):hover{ color:var(--mainC); }
#location .content .ctn-box{ position: relative; }
#location .content .ctn-box section{ position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition:all 0.5s; pointer-events:none; margin-bottom: 0;}
#location .content .ctn-box section.on{ position: relative; top: auto; left: auto; opacity: 1; pointer-events:auto;  }
#location .content .ctn-box section .map-box{ width: 100%; height: 720px; clip-path:inset(2px 2px); -webkit-clip-path: inset(2px,2px); margin-bottom: 60px;}
#location .content .ctn-box section .map-box > div{ width: 100%; height: 100%; }
#location .content .ctn-box section .map-box .root_daum_roughmap .wrap_map{ height: 100%; }
#location .content .ctn-box section .txt-box p{ display:flex; justify-content:center; align-items:center; color: #111; font-weight: 500; line-height: 130%; letter-spacing: -0.64px; }
#location .content .ctn-box section .txt-box p img{ margin-right: 20px; }
#location .content .ctn-box section .txt-box ul{ display:flex; justify-content:center; align-items:center; margin-top: 40px; font-family: var(--man); }
#location .content .ctn-box section .txt-box ul li{ display:flex; align-items:center; color: #111; letter-spacing: -0.42px;}
#location .content .ctn-box section .txt-box ul li:not(:last-child):after{ content:''; display:block; width: 1px; height: 25px; background: #e5e5e5; margin: 0 30px; }
#location .content .ctn-box section .txt-box ul li span{ font-weight: bold; color:var(--mainC); margin-right: 20px; }

.orca .feature .txt-box { margin-bottom: 80px; }
.orca .feature .txt-box > *:only-child{ margin-bottom: 0; }
.orca .feature .txt-box dt{ color: #111; font-weight: 600; letter-spacing: -0.48px; margin-bottom: 20px;}
.orca .feature .txt-box dd{ color: #111; font-weight: 300; line-height: 1.6; letter-spacing: -0.42px; }
.orca .feature .ctn-box{ display:flex; justify-content:space-between; flex-wrap:wrap; gap: 0 20px; margin-bottom: -20px;}
.orca .feature .ctn-box .item-box{ width: calc((100% - 20px) / 2); min-height:380px; padding: 50px; background: #F8F8F8; border: 1px solid #F8F8F8; margin-bottom: 20px; transition:all 0.5s , transform 1s; }
.orca .feature .ctn-box .item-box .num{ color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -0.42px;}
.orca .feature .ctn-box .item-box .title{ color: #111; font-weight: 600; letter-spacing: -0.52px; margin: 20px 0 40px; transition:all 0.5s; }
.orca .feature .ctn-box .item-box .txt{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.38px; }
.orca .feature .ctn-box .item-box .txt li{ line-height: inherit; padding-left: 12px; position: relative; }
.orca .feature .ctn-box .item-box .txt li:not(:last-of-type){ margin-bottom: 5px; }
.orca .feature .ctn-box .item-box .txt li::before{ content: "-"; position: absolute; top: 0; left: 0; }
.orca .feature .ctn-box .item-box .btxt{ color: #666; font-weight: 300; line-height: 1.5; letter-spacing: -0.34px; display:flex; flex-wrap:wrap; }
.orca .feature .ctn-box .item-box .btxt:before{ content:''; display:block; width: 100%; height: 0; border: 1px dashed #AAA; margin: 20px 0;}
.orca .feature .ctn-box .item-box:hover{ border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); }
.orca .feature .ctn-box .item-box:hover .title{ color:var(--mainC); }

#solution .canvas .img-box{ margin-bottom: 80px;}
#solution .canvas .info-box .ctn-box dl{ display:flex; align-items:center;  }
#solution .canvas .info-box .ctn-box dl:not(:last-child){ margin-bottom: 10px; }
#solution .canvas .info-box .ctn-box dl dt{ border: 1px solid rgba(20, 10, 217, 0.50); background: rgba(20, 10, 217, 0.20); text-align: center; min-width:340px; height: 70px; display:flex; justify-content:center; align-items:center; color: #FFF; font-weight: 500; letter-spacing: -0.4px; margin-right: 50px;}
#solution .canvas .info-box .ctn-box dl dd{ color: #FFF; font-weight: 300; letter-spacing: -0.4px;}
#solution .canvas .info-box figure{ position: relative; }
#solution .canvas .info-box figure .arrow{ position: absolute; transform:translateX(-50%); top: 40px; left: 50%; }
#solution .canvas .info-box .btxt{ position: relative; z-index: 2; margin-top: -70px;  background: var(--mainC); text-align: center; padding: 42px 20px;color: #FFF; font-weight: 600; line-height: 1.5;letter-spacing: -0.44px;  }
#solution .composition > div > .txt-box{ margin-bottom: 80px; }
#solution .composition > div > .txt-box li{ color: #111; font-weight: 300; letter-spacing: -0.42px;}
#solution .composition > div > .txt-box li:not(:last-child){ margin-bottom: 10px; }
#solution .composition > div > .txt-box li em{ font-weight: 500;}
#solution .composition > div > .txt-box li:before{ content:''; display:inline-block; margin: -2px 10px 0 0; width: 5px; height: 5px; background: var(--mainC); vertical-align: middle; }
#solution .composition .ctn-box{ display:flex; justify-content:space-between; }
#solution .composition .ctn-box .txt-box{ background: #f8f8f8; padding: 105px 60px; }
#solution .composition .ctn-box .txt-box .item-box:not(:last-child){ margin-bottom: 40px; }
#solution .composition .ctn-box .txt-box .item-box .title{ color: #111; font-weight: 500; letter-spacing: -0.42px; margin-bottom: 15px; display:flex; }
#solution .composition .ctn-box .txt-box .item-box .title:before{ content:''; display:block; margin: 11px 10px 0 0; width: 5px; height: 5px; background: #000; }
#solution .composition .ctn-box .txt-box .item-box ul{ color: #333; font-weight: 300; letter-spacing: -0.38px; }
#solution .composition .ctn-box .txt-box .item-box ul li:not(:last-child){ margin-bottom: 10px;}
#solution .with{ position: relative; }
#solution .with .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
#solution .with .ctn-box{ padding: 120px 0 200px; }
#solution .with .ctn-box .title{ color: #FFF; font-weight: 600; letter-spacing: -0.84px; margin-bottom: 40px;}
#solution .with .ctn-box .txt-box{ display:flex; flex-wrap:wrap; gap: 0 40px; justify-content:space-between; margin-bottom: -20px; }
#solution .with .ctn-box .txt-box p{ width: calc((100% - 40px) / 2); height: 85px; border: 1px solid var(--Primary, #140AD9); background: rgba(20, 10, 217, 0.10); backdrop-filter: blur(5px); padding: 0 40px; display:flex; align-items:center; color: #FFF; font-weight: 500; letter-spacing: -0.38px; margin-bottom: 20px; }
#solution .with .ctn-box .txt-box p:before{ content:''; display:block; width: 5px; height: 5px; background: #fff; margin-right: 10px; }

#platform .intro .txt-box{ text-align: center; }
#platform .intro .txt-box .title{ color: var(--mainC); font-weight: 600; letter-spacing: -0.84px; }
#platform .intro .txt-box .txt{ color: #111; font-weight: 500; letter-spacing: -0.46px; margin: 20px 0 0; }
#platform .intro .txt-box .bar{ display:block; width: 1px; height: 60px; background: #000; margin: 40px auto; }
#platform .intro .txt-box .txt2{ color: #333; font-weight: 300; line-height: 1.6; letter-spacing: -0.42px; }
#platform .intro .img-ani-box .bg{ height: 765px; }
#platform .feature .ctn-box .item-box{ min-height:280px; }
#platform .feature .img-ani-box .bg{ height:464px; }
#platform .effect .ctn-box{ display:flex; gap:50px; justify-content:space-between; }
#platform .effect .ctn-box .item-box{ position: relative; width: calc((100% - 100px) / 3); min-height:280px; border: 1px solid #E5E5E5; padding: 40px; display:flex; flex-direction:column; justify-content: flex-end; transition:all 0.5s , transform 1s; }
#platform .effect .ctn-box .item-box figure{ position: absolute; top: 40px; right: 40px; }
#platform .effect .ctn-box .item-box .title{ color: #111; font-weight: 600; letter-spacing: -0.42px; margin-bottom: 20px; transition:all 0.5s; }
#platform .effect .ctn-box .item-box .txt{ color: #333; font-weight: 300; line-height: 1.6; letter-spacing: -0.36px; }
#platform .effect .ctn-box .item-box:hover{ border: 1px solid var(--Primary, #140AD9); background: rgba(20, 10, 217, 0.03); }
#platform .effect .ctn-box .item-box:hover .title{ color:var(--mainC); }

#platform .automation .slide-wrap{ position: relative; width: 100%;}
#platform .automation .slide-wrap .slide-box{ width: 100%; height: 750px; overflow: hidden;}
#platform .automation .sub-slide{ position: absolute; transform:translateX(-50%); left: 50%; bottom: 10px; z-index: 5; display:flex; align-items:center; }
#platform .automation .sub-slide figure{ position: relative; width: 160px; height: 75px; cursor:pointer; }
#platform .automation .sub-slide figure:not(:last-child){ margin-right: 10px;}
#platform .automation .sub-slide figure:before{ content:''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 5; transition:all 0.3s; }
#platform .automation .sub-slide figure:after{ content:''; display:block; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border:2px solid var(--mainC); transition:all 0.3s; opacity: 0; }
#platform .automation .sub-slide figure.on:before{ opacity: 0; }
#platform .automation .sub-slide figure.on:after{ opacity: 1; }

#pallet .intro{ position: relative; }
#pallet .intro .video-box{ position: relative; width: 100%; height: 1080px; overflow: hidden; display:flex; justify-content:center; align-items:center; text-align: center; }
#pallet .intro .video-box video{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; z-index: -1;}
#pallet .intro .video-box .txt-box{ color: #FFF; font-family: var(--man); font-weight: 700; }
#pallet .intro .video-box .txt-box .title{ letter-spacing: -0.72px; margin-bottom: 40px;}
#pallet .intro .video-box .txt-box .txt{ letter-spacing: -1.68px; }
#pallet .intro #sub-tab{ position: absolute; top: calc(100% - 80px); left: 0;  }
#pallet .intro #sub-tab.fixed{ position: fixed; top: 0; left: 0; }
#pallet .info{ margin-top: 200px; }
#pallet .info .ctn-box{ display:flex; gap: 50px; justify-content:space-between; }
#pallet .info .ctn-box .item-box{ width: calc((100% - 100px) / 3); min-height:400px; -webkit-perspective: 1000px; perspective: 1000px;  }
#pallet .info .ctn-box .item-box .inner{ width: 100%; height: 100%; text-align: center; border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); display:flex; flex-direction:column; align-items:center; justify-content:center; transition: all 0.9s; transform-style: preserve-3d; }
#pallet .info .ctn-box .item-box .num{ width: 40px; height: 40px; background: var(--mainC); display:flex; justify-content:center; align-items:center; color: #FFF; font-family: var(--man); font-weight: 600; letter-spacing: -0.36px;  }
#pallet .info .ctn-box .item-box .title{  color: var(--mainC); font-weight: 600; line-height: 1.5; letter-spacing: -0.44px; margin: 40px 0;}
#pallet .info .ctn-box .item-box .txt{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px; }
#pallet .info .ctn-box .item-box #viewbtn{ color:#fff; opacity: 0; margin-bottom: -25px; transition:all 0.9s;  }
#pallet .info .ctn-box .item-box #viewbtn img{ filter:invert(1); -webkit-filter:invert(1); }
#pallet .info .ctn-box .item-box:hover .inner{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background: var(--mainC); }
#pallet .info .ctn-box .item-box:hover .inner > *{ transform: scaleX(-1); }
#pallet .info .ctn-box .item-box:hover .num{ background: rgba(0, 0, 0, 0.20); }
#pallet .info .ctn-box .item-box:hover .title{ color:#fff; }
#pallet .info .ctn-box .item-box:hover .txt{ color:#fff; }
#pallet .info .ctn-box .item-box:hover #viewbtn{ transform:translateY(0)  scaleX(-1); opacity: 1; margin-top: 40px; margin-bottom: 0; }
#pallet .qa .ctn-box{ border-top: 1px solid #000; }
#pallet .qa .ctn-box .item-box{ cursor:pointer; border-bottom: 1px dashed #AAA; }
#pallet .qa .ctn-box .item-box dt{ display:flex; justify-content:space-between; align-items:center; padding: 40px 20px; }
#pallet .qa .ctn-box .item-box dt div{ display:flex; align-items:center; }
#pallet .qa .ctn-box .item-box dt div .num{ width: 50px; height: 50px; display:flex; justify-content:center; align-items:center; background: rgba(20, 10, 217, 0.03); color: var(--mainC); font-family: var(--man); font-weight: 600; letter-spacing: -0.36px; margin-right: 30px; flex-shrink:0; }
#pallet .qa .ctn-box .item-box dt div .title{ color: #111; font-weight: 500; letter-spacing: -0.42px; }
#pallet .qa .ctn-box .item-box dt button{ position: relative; width: 15px; height: 15px; }
#pallet .qa .ctn-box .item-box dt button span{ display:block; width: 1px; height: 100%; background: #000; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; transition:all 0.5s; }
#pallet .qa .ctn-box .item-box dt button span.btn{ transform: translate(-50%,-50%) rotate(90deg); }
#pallet .qa .ctn-box .item-box dd{ background: #F8F8F8; padding: 60px; color: #333; font-weight: 300; line-height: 1.7; letter-spacing: -0.36px; margin-bottom: 40px; display:none; }
#pallet .qa .ctn-box .item-box.on dt button span.top{ transform: translate(-50%,-50%) rotate(270deg); }
#pallet .qa .ctn-box .item-box.on dt button span.btn{ transform: translate(-50%,-50%) rotate(360deg); opacity: 0;}

.pallet .merit .txt-box { margin-bottom: 80px; }
.pallet .merit .txt-box dt{ color: #111; font-weight: 600; letter-spacing: -0.48px; margin-bottom: 20px;}
.pallet .merit .txt-box dd{ color: #111; font-weight: 300; line-height: 1.6; letter-spacing: -0.42px; }
.pallet .merit .btxt{ color: #333; font-weight: 300; letter-spacing: -0.36px; margin-top: 40px;}
.pallet .merit .video-box iframe{ width: 100%; height: 860px; }
.pallet .comparison .img-box{ display:flex; gap: 40px; justify-content:space-between; margin-bottom: 40px;}
.pallet .comparison .img-box figure{ width: calc((100% - 40px) / 2); text-align: center;	}
.pallet .comparison .ctn-box dl:not(:last-child){ margin-bottom: 50px; }
.pallet .comparison .ctn-box dl dt{ color: #111; font-weight: 600; letter-spacing: -0.46px; margin-bottom: 30px;}
.pallet .comparison .ctn-box dl dt em{ color:var(--mainC); font-family: var(--man); font-weight: 700; margin-right: 10px;}
.pallet .comparison .ctn-box dl dd{ border: 1px solid var(--mainC);background: rgba(20, 10, 217, 0.03); padding: 30px; color: #333; line-height: 1.6; letter-spacing: -0.36px; font-weight: 300; }
.pallet .btm-content{ padding-bottom: 0 !important; }
.pallet .btm-content > .w1600{ margin-bottom: 200px;}
.pallet .btm-content .character .ctn-box{ display:flex; flex-wrap:wrap; margin-bottom: -20px;}
.pallet .btm-content .character .ctn-box .item-box{ width: calc((100% - 40px) / 3); min-height:320px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.03); padding: 50px; transition:all 0.5s , transform 1s; margin-bottom: 20px; margin-right: 20px;}
.pallet .btm-content .character .ctn-box .item-box:nth-child(3n){ margin-right: 0; }
.pallet .btm-content .character .ctn-box .item-box .num{ color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -0.42px;}
.pallet .btm-content .character .ctn-box .item-box .title{ color: #fff; font-weight: 600; letter-spacing: -0.52px; margin: 20px 0 40px; transition:all 0.5s; }
.pallet .btm-content .character .ctn-box .item-box .txt{ color: #fff; font-weight: 200; line-height: 1.5; letter-spacing: -0.38px; }
.pallet .btm-content .field .content:not(:last-of-type){ margin-bottom: 80px; }
.pallet .btm-content .field .content .flex-box{ flex-wrap:wrap; text-align: center; margin-bottom: -80px;}
.pallet .btm-content .field .content .flex-box .item-box{ width: 20%; margin-bottom: 80px; }
.pallet .btm-content .field .content .flex-box .item-box .title{ color: #FFF; font-weight: 500; letter-spacing: -0.42px; margin-top: 30px; }
.pallet .btm-content .field .content .flex-box .item-box .txt{ color: #FFF; font-weight: 300; eltter-spacing: -0.38px; margin-top: 10px; }
.pallet .btm-content .compo .flex-box{ flex-wrap:wrap; justify-content:space-between; gap: 0 20px; margin-bottom: -80px; }
.pallet .btm-content .compo .flex-box .item-box{ width: calc((100% - 60px) / 4); margin-bottom: 80px; }
.pallet .btm-content .compo .flex-box .item-box p{ color: #FFF; font-weight: 500; letter-spacing: -0.48px; margin-top: 30px; }
.pallet .process .flex-box{ align-items:flex-start; }
.pallet .process .flex-box figure{ flex-shrink:0; margin: 20px;}
.pallet .process .flex-box .item-box{ width: 100%; text-align: center; }
.pallet .process .flex-box .item-box dt{ width: 100%; height: 50px; display:flex; justify-content:center; align-items:center; color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -0.34px; border-radius:50px; background: rgba(20, 10, 217, 0.03); margin-bottom: 20px; }
.pallet .process .flex-box .item-box.item02 dt{ background: rgba(20, 10, 217, 0.10); }
.pallet .process .flex-box .item-box.item03 dt{ background: rgba(20, 10, 217, 0.20); }
.pallet .process .flex-box .item-box.item04 dt{ background: rgba(20, 10, 217, 0.30); }
.pallet .process .flex-box .item-box.last dt{ background: var(--mainC); color:#fff; }
.pallet .process .flex-box .item-box dd{ border-radius: 10px; background: rgba(20, 10, 217, 0.03); min-height:280px; display:flex; justify-content:center; align-items:center; color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px;}
.pallet .simulation .img-box{ display:flex; flex-wrap:wrap; margin-bottom: -20px; }
.pallet .simulation .img-box figure{ width: calc((100% - 60px) / 4); text-align: center; margin-bottom: 20px; margin-right: 20px; }
.pallet .simulation .img-box figure:nth-child(4n){ margin-right: 0; }
.pallet .simulation .table-box{ border-top: 1px solid #FFF; display:flex; flex-wrap:wrap; margin: 40px 0;}
.pallet .simulation .table-box dl{ width: 50%; display:flex; border-bottom: 1px solid rgba(255, 255, 255, 0.10) }
.pallet .simulation .table-box dl > *{ width: 50%; padding: 20px 50px; display:flex; align-items:center; } 
.pallet .simulation .table-box dl dt{ justify-content:center; text-align: center;  border-right: 1px solid rgba(255, 255, 255, 0.10); background: rgba(17, 0, 0, 0.50); color: #FFF; font-weight: 500; letter-spacing: -0.36px; }
.pallet .simulation .table-box dl dd{ color: #DDD; font-weight: 300; letter-spacing: -0.36px;}
.pallet .simulation .btxt{ color: #FFF; font-weight: 200; letter-spacing: -0.38px;}
.pallet .simulation .table-box dl.type2{ width: 100%; }
.pallet .simulation .table-box dl.type2 dt{ width: 25%; }

.bot .slide-box .swiper-dots{ position: absolute; transform:translateX(-50%); left: 50%; bottom: 20px; display:flex; justify-content:center; z-index: 5;}
.bot .slide-box .swiper-dots span{ width: 10px; height: 10px; background: var(--mainC); opacity: 0.1; transition:all 0.3s; }
.bot .slide-box .swiper-dots span.swiper-pagination-bullet-active{ opacity: 1; }
.bot .info-img-txt .txt-box .txt-list{ display:flex; align-items:center; }
.bot .info-img-txt .txt-box .txt-list li{ border-radius: 50px; background: #222; padding: 5px 20px; color: #FFF; font-weight: 500; letter-spacing: -0.32px; min-height: 30px; display:flex; align-items:center; }
.bot .info-img-txt .txt-box .txt-list li:not(:last-child){ margin-right: 5px; }
.bot .info-img-txt .txt-box .txt{ color: #333; font-weight: 300; line-height: 1.6; letter-spacing: -0.38px; margin: 40px 0; }
.bot .info-img-txt .txt-box .info-list{ color: #333; font-weight: 300; letter-spacing: -0.38px; }
.bot .info-img-txt .txt-box .info-list li:not(:last-child){ margin-bottom: 10px; }
.bot .info-img-txt .slide-wrap{ position: relative; width: 620px; height: 500px; flex-shrink:0; padding: 50px; border: 1px solid rgba(20, 10, 217, 0.10); margin-right: 120px;	}
.bot .info-img-txt .slide-box{ position: relative; width: 100%; height: 100%; overflow: hidden; }
.bot .info-img-txt .slide-box .swiper-slide{ display:flex; justify-content:center; align-items:center; background: rgba(20, 10, 217, 0.03); }
.bot .technology .ctn-box{ display:flex; flex-wrap:wrap; margin-bottom: -20px; }
.bot .technology .ctn-box .item-box{ width: calc((100% - 60px) / 4); min-height:280px; background: #F8F8F8; padding: 50px; margin-bottom: 20px; margin-right: 20px;}
.bot .technology .ctn-box .item-box:nth-child(4n){ margin-right: 0; }
.bot .technology .ctn-box .item-box .num{ color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -0.42px; }
.bot .technology .ctn-box .item-box .title{ margin: 20px 0; color: #111; font-weight: 600; letter-spacing: -0.46px; }
.bot .technology .ctn-box .item-box .txt{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px; }
.bot .technology .ctn-box .item-box .txt li{ text-indent:-10px; padding-left: 10px;  }
.bot .technology .ctn-box .item-box ul li:not(:last-child){ margin-bottom: 5px; }
.bot .technology .btxt{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px; margin-top: 40px; }
.bot .specifi .table-box{ border-top: 1px solid #FFF; }
.bot .specifi .table-box table{ border-top:none; }
.bot .specifi .table-box table th{ font-weight: 400; }
.bot .specifi .table-box table td{ color: #DDD; font-weight: 300; letter-spacing: -0.36px; padding: 20px 5px; }
.bot .specifi .table-box table td:first-child{ background: transparent;}
.bot .specifi .table-box table td.title{ background: rgba(255, 255, 255, 0.05); }
.bot .specifi .table-box.type2 { border-top:none; }
.bot .specifi .table-box.type2 table th{ border-top:1px solid #fff; }
.bot .specifi .table-box.type2 table th:last-child{ background: var(--mainC); border:2px solid var(--mainC); border-bottom:none; }
.bot .specifi .table-box.type2 table td:last-child{ border:2px solid var(--mainC); border-top:none; }
.bot .specifi .ctn-box{ display:flex; gap: 50px; justify-content:space-between; }
.bot .specifi .ctn-box .item-box{ width: calc((100% - 50px) / 2); padding: 50px; background: #fff; border-radius:15px; }
.bot .specifi .ctn-box .item-box dt{ text-align: center; color: var(--mainC); font-weight: 700; letter-spacing: -0.64px; margin-bottom: 50px; }
.bot .specifi .ctn-box .item-box dd .slide-box{ position: relative; height: 300px; overflow: hidden; border-radius: 15px; background: #F8F8F8; margin-bottom: 50px; }
.bot .specifi .ctn-box .item-box dd .slide-box figure{ display:flex; justify-content:center; align-items:center; }
.bot .specifi .ctn-box .item-box dd ul{ color: #333; font-weight: 300; letter-spacing: -0.36px; }
.bot .specifi .ctn-box .item-box dd ul li:not(:last-child){ margin-bottom: 15px; }
.bot .module .ctn-box .item-box{ display:flex; align-items:center; border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); padding: 20px;}
.bot .module .ctn-box .item-box:not(:last-child){ margin-bottom: 20px; }
.bot .module .ctn-box .item-box figure{ margin-right: 80px; flex-shrink:0; }
.bot .module .ctn-box .item-box .txt-box .title{ color: var(--mainC); font-weight: 600; letter-spacing: -0.56px; margin-bottom: 40px; }
.bot .module .ctn-box .item-box .txt-box ul{ color: #333; font-weight: 300; letter-spacing: -0.36px; }
.bot .module .ctn-box .item-box .txt-box ul li:not(:last-child){ margin-bottom: 15px;}
.bot .worth .ctn-box dl{ display:flex; align-items:center;border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); padding: 20px; }
.bot .worth .ctn-box dl:not(:last-child){ margin-bottom: 10px;}
.bot .worth .ctn-box dl dt{ width: 80px; height: 40px; display: flex; justify-content: center; align-items: center; background: var(--mainC); color: #FFF; font-weight: 600; letter-spacing: -0.34px;  
margin-right: 30px; flex-shrink:0; }
.bot .worth .ctn-box dl dd{ color: #333; font-weight: 300; letter-spacing: -0.36px; }

#ptp .arch .ctn-box{ display:flex; }
#ptp .arch .ctn-box .left-box{ width: 100%; margin-right: 20px; }
#ptp .arch .ctn-box .left-box .grey-box{ display:flex; align-items:center; border-radius: 15px; background: #FFF; padding: 20px; gap:10px; }
#ptp .arch .ctn-box .left-box .grey-box p{ width: 100%; border-radius: 15px; background: #F8F8F8; height: 90px; display:flex; justify-content:center; align-items:center; text-align: center; 
color: #111; font-family: var(--man); font-weight: 600; letter-spacing: -0.36px;}
#ptp .arch .ctn-box .left-box .blue-box{ margin: 20px 0; border-radius: 15px; background: var(--mainC); padding: 10px; }
#ptp .arch .ctn-box .left-box .blue-box > *:not(:last-child){ margin-bottom: 10px; }
#ptp .arch .ctn-box .left-box .blue-box dl{ border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10); padding: 20px 10px;}
#ptp .arch .ctn-box .left-box .blue-box dl dt{ color: #FFF; text-align: center; font-family: var(--man); font-weight: 700; letter-spacing: -0.44px; margin-bottom: 10px;}
#ptp .arch .ctn-box .left-box .blue-box dl dd{ display:flex; gap:10px; }
#ptp .arch .ctn-box .left-box .blue-box dl dd p{ width: 100%; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10);  height: 90px; display:flex; justify-content:center; align-items:center; text-align: center; color: #fff; font-family: var(--man); font-weight: 600; letter-spacing: -0.34px; }
#ptp .arch .ctn-box .left-box .blue-box .flex-box{ gap:10px; }
#ptp .arch .ctn-box .left-box .blue-box .flex-box dl{ width: calc((100% - 10px) / 2);}
#ptp .arch .ctn-box .left-box .blue-box .flex-box dl.type2{ background: #fff; }
#ptp .arch .ctn-box .left-box .blue-box .flex-box dl.type2 dt{ color:#111; }
#ptp .arch .ctn-box .left-box .blue-box .flex-box dl.type2 dd p{ background: #F8F8F8; color:#111; }
#ptp .arch .ctn-box .right-box{ width: 290px; flex-shrink:0; border-radius: 15px; background: #FFF; padding: 20px; }
#ptp .arch .ctn-box .right-box dl{ border-radius: 15px; background: #F8F8F8; height: calc((100% - 10px) / 2); display:flex; flex-direction:column; justify-content:center; align-items:center; 
text-align: center; padding: 20px; }
#ptp .arch .ctn-box .right-box dl:not(:last-child){ margin-bottom: 10px; }
#ptp .arch .ctn-box .right-box dl dt{ color: var(--mainC); text-align: center; font-family: var(--man); font-weight: 700; letter-spacing: -0.4px; margin-bottom: 20px; }
#ptp .arch .ctn-box .right-box dl dd{ border-radius: 15px; background: #FFF; padding: 20px; width: 100%; }
#ptp .arch .ctn-box .right-box dl dd p{ color: #111; font-family: var(--man); line-height: 1.5; letter-spacing: -0.34px;}
#ptp .arch .ctn-box .right-box dl dd p:not(:last-child){ margin-bottom: 20px;}
#ptp .software .ctn-box{ display:flex; gap:20px;  justify-content:space-between; }
#ptp .software .ctn-box .item-box{ width: calc((100% - 40px) / 3); -webkit-perspective: 1000px; perspective: 1000px;  }
#ptp .software .ctn-box .item-box .inner{ width: 100%; height: 100%; border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); padding: 50px; transition: all 0.9s; transform-style: preserve-3d; }
#ptp .software .ctn-box .item-box .title{ display:flex; align-items:center; color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -0.72px; }
#ptp .software .ctn-box .item-box .title span{ opacity: 0.2; margin-right: 20px;}
#ptp .software .ctn-box .item-box .stit{ color: #111; font-weight: 600; letter-spacing: -0.42px; margin: 20px 0 60px;}
#ptp .software .ctn-box .item-box .txt{ color: #333; font-weight: 300; line-height: 1.6; letter-spacing: -0.36px; }
#ptp .software .ctn-box .item-box:hover .inner{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background: var(--mainC); }
#ptp .software .ctn-box .item-box:hover .inner > *{ transform: scaleX(-1); }
#ptp .software .ctn-box .item-box:hover .title{ color:#fff; }
#ptp .software .ctn-box .item-box:hover .stit,
#ptp .software .ctn-box .item-box:hover .txt{ color:#fff; }
#ptp .btm-content .ctn-box .item-box { display:flex; align-items:center; justify-content:space-between; gap:120px;  }
#ptp .btm-content .ctn-box .item-box > *{ width: calc((100% - 120px) / 2);}
#ptp .btm-content .ctn-box .item-box:not(:last-child){ margin-bottom: 150px; }
#ptp .btm-content .ctn-box .item-box .txt-box .title{ color: #FFF; font-weight: 600; letter-spacing: -0.64px; margin-bottom: 40px; }
#ptp .btm-content .ctn-box .item-box .txt-box dl dt{ display:flex; align-items:center; color: #FFF; font-weight: 500; letter-spacing: -0.4px; margin-bottom: 15px;}
#ptp .btm-content .ctn-box .item-box .txt-box dl dt:before{ content:''; display:block; width: 5px; height: 5px; background: #fff; margin-right: 10px; }
#ptp .btm-content .ctn-box .item-box .txt-box dl dd{ color: #DDD; font-weight: 300; letter-spacing: -0.36px; }
#ptp .btm-content .ctn-box .item-box .txt-box dl:not(:last-child){ margin-bottom: 30px; }

.diverter .ctn-box{ display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between; }
.diverter .ctn-box .item-box{ width: calc((100% - 60px) / 4); min-height:450px;}
.diverter .ctn-box .item-box a{ position: relative; width: 100%; height: 100%; border: 1px solid #E5E5E5; background: #F8F8F8; padding: 40px; display:flex; flex-direction:column; justify-content:space-between; text-align: center; transition:all 0.5s;   }
.diverter .ctn-box .item-box .title{ color: #111; font-family: var(--man); font-weight: 600; letter-spacing: -0.48px; margin-bottom: 20px;}
.diverter .ctn-box .item-box .txt{ color: #333; font-weight: 300; letter-spacing: -0.38px; }
.diverter .ctn-box .item-box .plus{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; width: 60px; height: 60px; background: var(--mainC); opacity: 0; display:flex; justify-content:center; align-items:center; transition:all 0.5s;  }
.diverter .ctn-box .item-box:hover a{ border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03);  }
.diverter .ctn-box .item-box:hover .plus{ opacity: 1; }

.amr .intro > div{ position: relative; }
.amr .intro .ctn-box{ position: relative; border: 1px solid rgba(20, 10, 217, 0.10); background: rgba(20, 10, 217, 0.03); padding: 50px; display:flex; align-items:center; }
.amr .intro .ctn-box .back{ position: absolute; top: 50px; right: 50px; }
.amr .intro .ctn-box > figure{ width: 620px; height: 480px; background: #fff; display:flex; justify-content:center; align-items:center; margin-right: 50px; flex-shrink:0; }
.amr .intro .ctn-box > dl > dt{ margin-bottom: 80px;}
.amr .intro .ctn-box > dl > dt .title{ color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -1.08px; margin-bottom: 10px;}
.amr .intro .ctn-box > dl > dt .stxt{ color: #111; font-weight: 300; letter-spacing: -0.42px; }
.amr .intro .ctn-box > dl > dt .txt{ color: #888; font-weight: 300; letter-spacing: -0.36px; margin-top: 10px; }
.amr .intro .ctn-box > dl > dd{ display:flex; flex-wrap:wrap; gap:10px;  }
.amr .intro .ctn-box > dl > dd .item-box{ width: calc((100% - 20px) / 3); display:flex; align-items:center; }
.amr .intro .ctn-box > dl > dd .item-box figure{ margin-right: 30px; flex-shrink:0; }
.amr .intro .ctn-box > dl > dd .item-box dl dt{ color: var(--mainC); font-weight: 600; letter-spacing: -0.44px; margin-bottom: 10px;}
.amr .intro .ctn-box > dl > dd .item-box dl dd{ color: #222; font-weight: 300; letter-spacing: -0.34px; }
.amr .feature .ctn-box{ border-top: 1px solid #000; } 
.amr .feature .ctn-box .item-box{ border-bottom: 1px dashed #AAA;  padding: 50px 0;}
.amr .feature .ctn-box .item-box .title{ display:flex; align-items:center; color: #111; font-weight: 600; letter-spacing: -0.46px; margin-bottom: 30px;}
.amr .feature .ctn-box .item-box .title span{ color: var(--mainC); font-family: var(--man); font-weight: 700; letter-spacing: -0.46px; margin-right: 10px; }
.amr .feature .ctn-box .item-box ul{ background: #F8F8F8; padding: 50px; display:flex; flex-wrap:wrap; gap:10px 20px; }
.amr .feature .ctn-box .item-box ul li{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.38px; width: calc((100% - 20px) / 2);  text-indent: -10px; padding-left: 10px; }
.amr .feature .ctn-box .item-box ul.type2 li{ width: 100%; }
.amr .feature .btxt{ color: #555; font-weight: 300; line-height: 1.5; letter-spacing: -0.34px; margin-top: 40px;}
.amr .feature .btxt span{ display:block; margin-bottom: 10px; color:#333; font-weight: 500; }
.amr .navy{ padding-bottom: 0 !important; }
.amr .navy .content .flex-box{ justify-content:space-between; align-items:flex-end; margin-bottom: 40px;}
.amr .navy .content .flex-box div{ display:flex; align-items:center; }
.amr .navy .content .flex-box div p{ display:flex; align-items:center; color: #FFF; font-weight: 300; letter-spacing: -0.34px; }
.amr .navy .content .flex-box div p:not(:last-child){ margin-right: 20px; }
.amr .navy .content .flex-box .dot-title{ margin-bottom: 0; }
.amr .navy .content .circle-n{ display:block; width: 10px; height: 10px; border-radius:50%; background: #fff; margin-right: 10px; }
.amr .navy .content .circle-o{ display:block; width: 10px; height: 10px; border-radius:50%; border:2px solid #fff; margin-right: 10px;  }
.amr .navy .content .table-box{ display:flex; flex-wrap:wrap; border-top: 1px solid #FFF; }
.amr .navy .content .table-box dl{ display:flex; border-bottom: 1px solid rgba(255, 255, 255, 0.10); width: 50%; min-height: 65px; }
.amr .navy .content .table-box dl > *{ height: 100%; display:flex; align-items:center; padding: 0 50px; width: 50%; }
.amr .navy .content .table-box dl dt{ text-align: center; justify-content:center; background: rgba(17, 0, 0, 0.50); color: #FFF; letter-spacing: -0.36px; }
.amr .navy .content .table-box dl dd{ color: #DDD; font-weight: 200; letter-spacing: -0.36px; }
.amr .navy .content .table-box dl.type2{ width: 100%; }
.amr .navy .content .table-box dl.type2 dt{ width: 25%; }
.amr .navy .content:last-child{ margin-bottom: 200px; }
#sw1500.amr .feature .ctn-box .item-box ul li{ width: 100%; }

:root {
	--videoH : 1080px;
}
#cleaning .video-box{ position: relative; width: 100%; height: var(--videoH); overflow: hidden;}
#cleaning .video-box video{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; width: 100%;}
#cleaning .multipurpose .content{ position: relative; }
#cleaning .multipurpose .video-wrap{ position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
#cleaning .multipurpose .video-wrap .video-box{ position: relative; position: sticky; position: -webkit-sticky; top: 0; left: 0; }
#cleaning .multipurpose .ctn-wrap{ padding-top:var(--videoH); }
#cleaning .multipurpose .ctn-wrap .content{ background: #fff; padding-top: 120px; }
#cleaning .multipurpose .ctn-box{ display:flex; align-items:center; }
#cleaning .multipurpose .ctn-box .txt-box{ margin-left: 300px; } 
#cleaning .multipurpose .ctn-box .txt-box div{ display:flex; align-items:center; }
#cleaning .multipurpose .ctn-box .txt-box div:not(:last-child){ margin-bottom: 10px; }
#cleaning .multipurpose .ctn-box .txt-box p{ color: #111; font-weight: 500; letter-spacing: -0.42px; margin-left: 30px; }
#cleaning .multipurpose .flex-box{ display:flex; align-items:center; }
#cleaning .multipurpose .flex-box figure{ border-radius: 15px; background: #F8F8F8; width: 50%; flex-shrink:0; height: 450px; display:flex; justify-content:center; align-items:center; margin-right: 120px;}
#cleaning .multipurpose .flex-box .txt-box .title{ color: var(--mainC); font-weight: 700; letter-spacing: -1.08px; margin-bottom: 20px; }
#cleaning .multipurpose .flex-box .txt-box .txt{ color: #111; font-weight: 600; letter-spacing: -0.46px; }
#cleaning .corner{ position: relative; }
#cleaning .corner .video-box{ height: var(--videoH); }  
#cleaning .corner .txt-box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; height: 100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#cleaning .corner .txt-box .title{ color: #FFF; font-weight: 600; letter-spacing: -1.68px; margin-bottom: 120px;}
#cleaning .corner .txt-box .txt{ color: #FFF; font-weight: 600; line-height: 1.5; letter-spacing: -0.64px; }
#cleaning .corner .txt-box .txt:not(:last-of-type){ margin-bottom: 40px; }
#cleaning .corner .txt-box .img-box{ display:inline-flex; align-items:center; margin-top: 150px;}
#cleaning .corner .txt-box .img-box img:not(:last-child){ margin-right: 10px; }
#cleaning .info .item-box{ display:flex; align-items:center; }
#cleaning .info .item-box:not(:last-child){ margin-bottom: 120px; }
#cleaning .info .item-box > *{ width: 50%; flex-shrink:0; }
#cleaning .info .item-box .video-box{ width: 50%; height: 450px; border-radius: 15px; }
#cleaning .info .item-box .txt-box .title{ color: #111; font-weight: 700; letter-spacing: -1.08px; }
#cleaning .info .item-box .txt-box .title em{ color:var(--mainC); }
#cleaning .info .item-box .txt-box .txt{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.38px; margin-top: 40px;  }
#cleaning .info .item-box .txt-box .txt li{ text-indent:-13px; margin-left: 13px; }
#cleaning .info .item-box .txt-box .txt li:not(:last-child){ margin-bottom: 10px;}
#cleaning .info .content .item-box .txt-box{ padding-right: 120px; text-align: right; }
#cleaning .info .content .item-box:nth-child(2n) .txt-box{ text-align: left; padding-right: 0; padding-left: 120px;}
#cleaning .info .content2 .item-box .txt-box{ padding-left: 120px; }
#cleaning .info .content2 .item-box:nth-child(2n) .txt-box{ text-align: right; padding-left: 0; padding-right: 120px;}
#cleaning .digital .ctn-box{ display:flex; align-items:center; justify-content:space-between; }
#cleaning .digital .ctn-box div{ position: relative; margin-bottom: 40px;}
#cleaning .digital .ctn-box div .circle{ position: relative; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: -1; }
#cleaning .digital .ctn-box div .circle span{ display:block; border-radius:50%; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%;  opacity: 0.02; background: var(--mainC);
animation: circle-ani 3s infinite ease; opacity: 0; }
#cleaning .digital .ctn-box div .circle span.c1{ width: 350px; height: 350px; } 
#cleaning .digital .ctn-box div .circle span.c2{ width: 500px; height: 500px; animation-delay:0.3s; } 
#cleaning .digital .ctn-box div .circle span.c3{ width: 650px; height: 650px; animation-delay:0.6s;} 
@keyframes circle-ani{
	0%{ opacity: 0; }
	50%{ opacity: 0.02; }
	100%{ opacity: 0; }
}
#cleaning .effect .ctn-box{ display:flex; }
#cleaning .effect .ctn-box figure{ flex-shrink:0; }
#cleaning .effect .ctn-box > *:not(:last-child){ margin-right: 20px; }
#cleaning .effect .ctn-box .txt-box{ border-radius: 15px; background: rgba(20, 10, 217, 0.03); padding: 0 60px; display:flex; flex-direction:column; justify-content:center;  }
#cleaning .effect .ctn-box .txt-box .title{ color: var(--mainC); font-weight: 600; letter-spacing: -0.56px; margin-bottom: 40px; }
#cleaning .effect .ctn-box .txt-box ul li{ color: #333; font-weight: 300; line-height: 1.5; letter-spacing: -0.36px; text-indent:-10px; padding-left: 10px;}
#cleaning .effect .ctn-box .txt-box ul li:not(:last-child){ margin-bottom: 10px; }

#cleaning .apply .slide-box{ overflow: hidden; }
#cleaning .apply .slide-box .swiper-wrapper { transition-timing-function: linear; margin-left: 160px; }
#cleaning .apply .slide-box .swiper-slide{ position: relative; width: 385px; height: 385px; border-radius: 15px; margin-right: 20px; display:flex; justify-content:center; align-items:center; text-align: center; color: #FFF; font-weight: 500; letter-spacing: -0.64px; }
#cleaning .apply .slide-box .swiper-slide figure{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
#cleaning .overview{ padding-bottom: 0; }
#cleaning .overview figure{ text-align: center; }
#cleaning .overview .ctn-box{ border-top: 1px solid #000; display:flex; flex-wrap:wrap; }
#cleaning .overview .ctn-box dl{ display:flex; width: 50%; border-bottom: 1px solid #E5E5E5; }
#cleaning .overview .ctn-box dl > *{ width: 50%; padding: 20px 40px; display:flex; align-items:center; }
#cleaning .overview .ctn-box dl dt{ color: #111; font-weight: 500; letter-spacing: -0.36px; justify-content:center; background: #EEE; }
#cleaning .overview .ctn-box dl dd{ color: #333; font-weight: 300; letter-spacing: -0.36px; }
#cleaning .overview .ctn-box dl dd ul li:not(:last-child){ margin-bottom: 5px; }
#cleaning .overview .txt-box{ margin-bottom: 200px; }
#cleaning .overview .txt-box li{ color: #333; font-weight: 300; letter-spacing: -0.36px; text-indent:-10px; padding-left: 10px; }
#cleaning .overview .txt-box li:not(:last-child){ margin-bottom: 10px; }

#flowsort.diverter .ctn-box .item-box{ width: calc((100% - 40px) / 3);}

.flowsort .intro .img-box figure:first-child{ margin-right: 150px; }
.flowsort .intro .ctn-box{ position: relative; }
.flowsort .intro .ctn-box .img{ position: absolute; transform:translateX(-50%); bottom: 153px; left: 45.9%; z-index: 2; }
.flowsort .intro .ctn-box .img svg{ overflow: visible; }
.flowsort .intro .ctn-box .img .btmimg{ transform:translateY(100px); opacity: 0; transition:all 1s 0.3s; }
.flowsort .intro .ctn-box .img .topimg{ transform:translateY(-50px); opacity: 0; transition:all 1s 0.8s; }
.flowsort .intro .ctn-box .img.aos-animate .btmimg,
.flowsort .intro .ctn-box .img.aos-animate .topimg{ transform:translateY(0); opacity: 1; }
.flowsort .intro .ctn-box .flex-box{ justify-content:space-between; gap:0 20px; }
.flowsort .intro .ctn-box .flex-box:not(:last-child){ margin-bottom: 20px; }
.flowsort .intro .ctn-box .flex-box .item-box{ position: relative; width: calc((100% - 60px) / 4); min-height: 280px; padding: 40px; border: 1px solid #E5E5E5; display: flex; flex-direction: column; justify-content: flex-end; transition:all 0.5s; }
.flowsort .intro .ctn-box .flex-box .item-box figure{ position: absolute; top: 40px; right: 40px;}
.flowsort .intro .ctn-box .flex-box .item-box .title{ color:#111; font-weight: 600; letter-spacing: -0.42px; margin-bottom: 20px; transition:all 0.5s; }
.flowsort .intro .ctn-box .flex-box .item-box .txt{ color:#333; font-weight: 300; line-height: 1.6; letter-spacing: -0.36px; transition:all 0.5s; }
.flowsort .intro .ctn-box .flex-box .item-box:hover{ border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); }
.flowsort .intro .ctn-box .flex-box .item-box:hover .title{ color:var(--mainC); }
.flowsort .video > div { display:flex; justify-content:space-between; gap:50px; }
.flowsort .video .item-box{ position: relative; width: calc((100% - 50px) / 2); }
.flowsort .video .item-box .video-box{ position: relative; width: 100%; height: 440px; overflow: hidden; cursor:pointer; }
.flowsort .video .item-box .video-box video{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; height: 100%; }
.flowsort .video .item-box .video-box button{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; width: 80px; height: 80px; border-radius:50%; background: var(--mainC); 
display:flex; justify-content:center; align-items:center; transition:all 0.3s; }
.flowsort .video .item-box .video-box button.active{ opacity: 0; }
.flowsort .specifi table tr > *{ padding: 20px; }
.flowsort .specifi table tr td{ color: #DDD; font-weight: 200; letter-spacing: -0.36px;}
.flowsort .specifi table tr td ul{ padding: 0;}
.flowsort .specifi table tr td:last-child ul{ padding: 0 30px;}
.flowsort .product .pop-box{ position: relative; position: fixed; transform:translate(-50%,-50%); top: 50%; left: 50%; padding: 50px; background: #fff; max-width:1140px; width: 100%; 
height: calc(100% - 85px); z-index: 10002; display:none; }
.flowsort .product .pop-box .close{ position: absolute; top: 30px; right: 30px; }
.flowsort .product .pop-box .title{ color: #111; font-family: var(--man); font-weight: 600; letter-spacing: -0.62px; margin-bottom: 30px; display:flex; align-items:center; }
.flowsort .product .pop-box .title span{ font-family: var(--baseFont); color:#555; margin-left: 20px; font-weight: 300;}
.flowsort .product .pop-box .pop-scroll{ width: calc(100% + 20px); height: calc(100% - 60px); overflow-y: scroll; }
.flowsort .product .pop-box .pop-scroll.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{ background: #ddd; }
.flowsort .product .pop-box .pop-scroll .os-content{ padding: 0 20px 0 0 !important;}
.flowsort .product .pop-box figure{ border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); width: 100%; height: 300px; display:flex; justify-content:center; align-items:center; flex-direction:column; margin: 0 0 30px;}
.flowsort .product .pop-box figure span{ display:block; text-align: center; margin-bottom: 22px; color: #111; font-weight: 500; line-height: 1.7; letter-spacing: -0.34px;}
.flowsort .product .pop-box .dot-title{ margin-bottom: 10px; }
.flowsort .product .pop-box .dot-title:before{ width: 5px; height: 5px; magrin-right: 10px; flex-shrink:0; }
.flowsort .product .pop-box ul{ background: #F8F8F8; padding: 20px; color: #333; font-weight: 300; letter-spacing: -0.32px; height: -webkit-fill-available; display:flex; flex-direction:column; justify-content:center; }
.flowsort .product .pop-box ul:not(:last-of-type){ margin-bottom: 10px; }
.flowsort .product .pop-box ul li:not(:last-child){ margin-bottom: 5px; }
.flowsort .product .pop-box .txt-box{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.flowsort .product .pop-box .txt-box .box{ width: calc((100% - 50px) / 2);  display: flex; flex-direction: column; }
.flowsort .product .pop-box .btxt{ margin-top: 30px; color: #333; font-weight: 300; line-height: 1.7; letter-spacing: -0.34px; }
.flowsort .product > div{ display:flex; justify-content:space-between; gap:50px; }
.flowsort .product > div .item-box{ position: relative; width: calc((100% - 100px) / 3); }
.flowsort .product > div .item-box > .box{ cursor:pointer; height: 450px; border: 1px solid #E5E5E5; background: #F8F8F8; display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding: 40px; text-align: center;  transition:all 0.7s; }
.flowsort .product > div .item-box > .box .title{ color: #111; font-family: var(--man); font-weight: 600; letter-spacing: -0.48px; transition:all 0.5s; }
.flowsort .product > div .item-box > .box .title span{ display:block; color: #333; font-weight: 300; letter-spacing: -0.38px; margin-top: 20px; font-family: var(--baseFont); transition:all 0.5s;}
.flowsort .product > div .item-box .plus{ width: 60px; height: 60px; background: var(--mainC); display:flex; justify-content:center ;align-items:center; position: absolute; transform:translate(-50%,-50%); top: 50%;	left: 50%; opacity: 0; transition:all 0.5s; }
.flowsort .product > div .item-box:hover > .box{ border: 1px solid var(--Primary, #140AD9); background: rgba(20, 10, 217, 0.03); }
.flowsort .product > div .item-box:hover .plus{ opacity: 1; }
.flowsort .product > div .item-box:hover > .box .title,
.flowsort .product > div .item-box:hover > .box .title span{ color:var(--mainC); }

#speed.flowsort .product .w1600{ justify-content:flex-start; gap:0; }
#speed.flowsort .product .w1600 .item-box:not(:last-child){ margin-right: 50px;}

.division .info-img-txt .video-box{ position: relative; width: 100%; height: 860px; overflow: hidden;}
.division .info-img-txt .video-box iframe{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; width: 100%; }
.division .info-img-txt .txt-box .txt:not(:last-child){ margin-bottom: 20px; }
.division .feature .ctn-box{ display:flex; flex-wrap:wrap; }
.division .feature .ctn-box .item-box{ position: relative; width: calc((100% - 100px) / 3); min-height:280px; border: 1px solid #E5E5E5; padding: 40px; display:flex; align-items:flex-end; }
.division .feature .ctn-box .item-box:not(:last-child){ margin-right: 50px; }
.division .feature .ctn-box .item-box figure{ position: absolute; top: 40px; right: 40px;}
.division .feature .ctn-box .item-box .title{ color: #111; font-weight: 600; letter-spacing: -0.42px; margin-bottom: 20px; }
.division .feature .ctn-box .item-box .txt{ color: #333; font-weight: 300; line-height: 1.6; letter-spacing: -0.36px;}
.division .feature .img{ position: relative; text-align: center; }
.division .feature .img a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:none; }
.division section.specifi{ padding-bottom: 0 !important; }
.division .specifi > .w1600{ margin-bottom: 200px;}
.division .specifi .ctn-box{ display:flex; flex-wrap:wrap; border-top: 1px solid #FFF; }
.division .specifi .ctn-box dl{ width: 50%; border-bottom: 1px solid rgba(255, 255, 255, 0.10); display:flex; }
.division .specifi .ctn-box dl > *{ width: 50%; padding: 20px 50px; display:flex; align-items:center; }
.division .specifi .ctn-box dl dt{ border-right: 1px solid rgba(255, 255, 255, 0.10); background: rgba(17, 0, 0, 0.50); color: #FFF; letter-spacing: -0.36px; text-align: center; 
justify-content:center; flex-shrink:0; }
.division .specifi .ctn-box dl dd{ color: #DDD; font-weight: 200; letter-spacing: -0.36px; }
.division .specifi .ctn-box dl dd span{ display: contents; }
.division .specifi .ctn-box dl.type2{ width: 100%; }
.division .specifi .ctn-box dl.type2 dt{ width: 25%; }
.division .specifi .ctn-box dl.type2 dd{ width: 100%; }
.division .specifi .txt-list{ margin-top:40px; color: #FFF; font-weight: 300; letter-spacing: -0.36px; }
.division .specifi .txt-list li{ text-indent:-10px; padding-left: 10px;}
.division .specifi .txt-list li:not(:last-child){ margin-bottom: 10px;}

#narrow .feature .ctn-box{ gap:20px; justify-content:space-between;}
#narrow .feature .ctn-box .item-box{ width: calc((100% - 60px) / 4); }
#narrow .feature .ctn-box .item-box:not(:last-child){ margin-right: 0; }

#cross .info-img-txt .ctn-box{ display:flex; justify-content:space-between; }
#cross .info-img-txt .ctn-box .item-box{ width: calc((100% - 100px) / 3); display:flex; flex-direction:column; }
#cross .info-img-txt .ctn-box .item-box .dot-title{ margin-bottom: 20px; }
#cross .info-img-txt .ctn-box .item-box ul{ background: #F8F8F8; padding: 50px;  height: -webkit-fill-available; border:1px solid #f8f8f8; transition: all 0.5s; }
#cross .info-img-txt .ctn-box .item-box ul li{ color: #333; font-weight: 300; letter-spacing: -0.36px; text-indent:-10px; padding-left: 10px; transition: all 0.5s; }
#cross .info-img-txt .ctn-box .item-box ul li:not(:last-child){ margin-bottom: 10px; }
#cross .info-img-txt .ctn-box .item-box ul:hover{ border: 1px solid var(--mainC); background: rgba(20, 10, 217, 0.03); }
#cross .info-img-txt .ctn-box .item-box ul:hover li{ color:var(--mainC); }
#cross .composition .info-img-txt .flex-box .img-box{ border: 1px solid rgba(255, 255, 255, 0.10); }
#cross .composition .info-img-txt .flex-box .dots-wrap #side-dots span{ background: #fff; }
#cross .composition .info-img-txt .flex-box dl dd{ color:#fff; }
#cross .composition .ctn-box{ border-top: 1px solid #FFF; }
#cross .composition .ctn-box dl{ padding: 50px 0; border-bottom: 1px dashed rgba(255, 255, 255, 0.10); }
#cross .composition .ctn-box dl .dot-title{ margin-bottom: 30px; }
#cross .composition .ctn-box dl dd{ border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.03); padding: 50px; }
#cross .composition .ctn-box dl dd p{ color: #FFF; font-weight: 300; line-height: 1.5; letter-spacing: -0.38px; margin-bottom: 30px; }
#cross .composition .ctn-box dl dd ul{ color: #DDD; font-weight: 300; letter-spacing: -0.36px; }
#cross .composition .ctn-box dl dd ul li{ text-indent:-10px; padding-left: 10px; }
#cross .composition .ctn-box dl dd ul li:not(:last-child){ margin-bottom: 5px; }
#cross section.simba{ margin-bottom: 0 !important; }
#cross .simba .title-box{ margin-bottom: 80px; }
#cross .simba .icon-box{ display:flex; flex-wrap:wrap; margin-bottom: -80px;}
#cross .simba .icon-box .item-box{ width: 20%; text-align: center; margin-bottom: 80px; }
#cross .simba .icon-box .item-box figure{ margin-bottom: 30px; }
#cross .simba .icon-box .item-box p{ color: #111; font-weight: 500; line-height: 1.5; letter-spacing: -0.38px; }
#cross .simba .ctn-box{ display:flex; flex-wrap:wrap; margin-bottom: -80px;}
#cross .simba .ctn-box .item-box{ width: calc((100% - 100px) / 3); margin-right: 50px; margin-bottom: 80px;}
#cross .simba .ctn-box .item-box:nth-child(3n){ margin-right: 0; }
#cross .simba .ctn-box .item-box .title{ color: #111; font-weight: 600; letter-spacing: -0.48px; margin:40px 0 20px;}
#cross .simba .ctn-box .item-box ul{ color: #333; font-weight: 300; line-height: 1.6; letter-spacing: -0.36px; }
#cross .simba .ctn-box .item-box ul li{ text-indent:-10px; padding-left: 10px;	}
#cross .simba .ctn-box .item-box ul li:not(:last-child){ margin-bottom: 5px; }


/* 솔루션&서비스 - 보관 - ASRS */
#platform.asrs .intro .img-ani-box .bg{ height: auto; background: #F8F8F8; text-align: center; padding: 15px 20px; }
#platform.asrs .intro .img-ani-box .bg img{ min-width: unset; min-height: unset; position: static; transform: unset; mix-blend-mode: darken; }
#platform.asrs .effect .ctn-box{ justify-content: unset; gap: 20px; }
#platform.asrs .effect .ctn-box .item-box{ width: calc((100% - 80px) / 5); }
#platform.asrs .feature .txt-box{ margin-bottom: 40px; }
#platform.asrs .img-ani-box .txt-box .title{ font-family: var(--man); font-weight: 500; }
#platform.asrs .btm-content .field .content .flex-box .item-box{ width: 25%; }


/* 솔루션&서비스 - 보관 - 라디오 셔틀 */
#radioS *{ letter-spacing: -0.02em; }
#radioS .advantage .grid-box{ display: grid; grid-template-columns: repeat(2, 50%); }
#radioS .advantage .right{ padding-left: 80px; }
#radioS .advantage figure{ display: inline-block; border: 1px solid #E5E5E5; } 
#radioS .advantage dl dt{ font-weight: 600; color: #111; margin-bottom: 40px; }
#radioS .advantage dl dd{ font-weight: 300; color: #333; padding-left: 15px; position: relative; margin-top: 15px; }
#radioS .advantage dl dd::before{ content: ""; width: 5px; height: 5px; background: var(--mainC); position: absolute; top: calc(1.3em / 2); left: 0; transform: translateY(-50%); }
#radioS .gallery .grid-box{ display: grid; grid-template-columns: repeat(2, 50%); margin: -20px; }
#radioS .gallery .item{ margin: 20px; }
#radioS .gallery .item dl{ color: #FFF; margin-top: 40px; }  
#radioS .gallery .item dl dt{ font-weight: 500; margin-bottom: 20px; }
#radioS .gallery .item dl dd{ font-weight: 200; margin-top: 5px; line-height: 1.5; }
#radioS .remote .grid-box{ display: grid; grid-template-columns: repeat(4, 25%); margin: -10px; }
#radioS .remote .item{ display: flex; flex-direction: column; border: 1px solid rgba(255, 255, 255, 0.1); padding: 40px; margin: 10px; }
#radioS .remote .item .icon{ flex: 1 0 auto; text-align: right; margin-bottom: 55px; }
#radioS .remote .item dl{ color: #FFF; }
#radioS .remote .item dl dt{ font-weight: 500; margin-bottom: 20px; }
#radioS .remote .item dl dd{ font-weight: 200; line-height: 1.6; }