@charset "utf-8";

.greeting-wrap{position: relative;padding: 90px 0 200px;}
.greeting-wrap .image{margin:0 0 130px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:30px;overflow:hidden;}
.greeting-wrap .image img{border-radius:30px;overflow:hidden;}
.greeting-wrap .text{margin:0 auto;width:1150px;max-width:100%;}
.greeting-wrap .text .txt{line-height: 32px;font-size: 20px;color: #111;letter-spacing: -0.5px;}
.greeting-wrap .text .txt .txt-line{margin: 0 0 32px;}
.greeting-wrap .text .txt .txt-line:last-child{margin-bottom:0;}
.greeting-wrap .text .txt .txt-line strong{font-size:24px;font-weight:700;color: #000B8C;}
.greeting-wrap .text .txt .txt-line span{font-weight:700;color: #111;}
.greeting-wrap .text .ceo{margin:60px 0 0;}
.greeting-wrap .text .ceo .ceo-name{display:flex;gap:26px;align-items:center;}
.greeting-wrap .text .ceo .ceo-name strong{font-size:26px;font-weight:700;color:#111;letter-spacing:5px}
.greeting-wrap .text .ceo .ceo-name span{font-size:18px;font-weight:500;color:#111;}
.greeting-wrap .text .ceo .ceo-sign{margin: 20px 0 0;width: 192px;height: auto;aspect-ratio: 192/40;background: url("../img/sub/img_greeting_sign.png") no-repeat center / contain;}
.greeting-wrap .marquee{margin: 130px -20px 0;overflow:hidden;}
.greeting-wrap .marquee .slider{margin: 0 0 30px;}
.greeting-wrap .marquee .slider:last-child{margin-bottom:0;}
.greeting-wrap .marquee .slider ul{transition-timing-function: linear !important;}
.greeting-wrap .marquee .slider li{width:420px;height:260px;border-radius:30px;overflow:hidden;}
.greeting-wrap .marquee .slider li img{width:100%;height:100%;object-fit:cover;display:block;}
.greeting-wrap .text .txt .txt-line.init{opacity:0;transform:translateY(80px);transition:all 1s;}
.greeting-wrap .text .txt .txt-line.init.animate{opacity:1;transform:translateY(0);}
.greeting-wrap .text .ceo.init{opacity:0;transform:translateY(80px);transition:all 1s;}
.greeting-wrap .text .ceo.init.animate{opacity:1;transform:translateY(0);}
.greeting-wrap .image.init img{transform:scale(0.1);transition:all 1s;}
.greeting-wrap .image.init.animate img{transform: scale(1);transition-delay: 0.2s;}

.vision-wrap{position: relative;padding: 0 0 200px;}
.vision-wrap .vision{width:1280px;max-width:100%;margin:0 auto;}
.vision-wrap .vision ul{display:flex;gap:100px;}
.vision-wrap .vision ul li{flex:1;position:relative;}
.vision-wrap .vision .img{position:relative;width:100%;height:auto;aspect-ratio: 36 / 40;border-radius:30px;overflow:hidden;}
.vision-wrap .vision .img:before{content:'';position:absolute;inset:0;width:100%;height:100%;background:#000;opacity:0.5;}
.vision-wrap .vision .img img{width:100%;height:100%;object-fit:cover;}
.vision-wrap .vision .tit{position:absolute;z-index:2;top:0;left:0;width:100%;height:auto;aspect-ratio:36/40;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.vision-wrap .vision .tit strong{line-height: 37px;font-size: 32px;font-weight: 700;color: #fff;font-family: 'Paperlogy', sans-serif;}
.vision-wrap .vision .tit span{margin:10px 0 0 0;line-height:34px;font-size:28px;font-weight:500;color:#fff;}
.vision-wrap .vision .txt{margin:50px 0 0;line-height:28px;font-size:20px;font-weight:500;color:#111;text-align:center;}
.vision-wrap .esg{margin:200px 0 0;text-align:center;}
.vision-wrap .esg .head{line-height:40px;font-size:28px;font-weight:700;color:#111;}
.vision-wrap .esg .head span{color:#000B8C;}
.vision-wrap .esg .text{margin:60px 0 0 0;line-height:32px;font-size:20px;font-weight:500;color:#111;}
.vision-wrap .esg .box{margin:120px auto 0;position:relative;width:780px;height:400px;}
.vision-wrap .esg .img{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;transition: all 1s;}
.vision-wrap .esg .img:before{content:'';position:absolute;inset:0;width:100%;height:100%;background:#000;opacity:0.5;}
.vision-wrap .esg .img img{width:100%;height:100%;object-fit:cover;}
.vision-wrap .esg .tit{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.vision-wrap .esg .tit strong{line-height: 37px;font-size: 32px;font-weight: 700;color: #fff;font-family: 'Paperlogy', sans-serif;}
.vision-wrap .esg .tit span{margin:10px 0 0 0;line-height:34px;font-size:28px;font-weight:500;color:#fff;}
.vision-wrap .esg.init .head{transform: translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.vision-wrap .esg.init .text{transform: translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.vision-wrap .esg .box.init{width:360px;aspect-ratio:36/40;transform: translateY(120px);opacity: 0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.vision-wrap .esg .box.init .tit{transform: translateY(60px);opacity: 0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.vision-wrap .esg .box.init .img:before{opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.vision-wrap .esg.init.animate .head{transform:translateX(0);opacity:1;visibility:visible;}
.vision-wrap .esg.init.animate .text{transform:translateX(0);opacity:1;visibility:visible;}
.vision-wrap .esg .box.init.animate{width:780px;transform:translateX(0);opacity:1;visibility:visible;}
.vision-wrap .esg .box.init.animate .img:before{opacity:0.5;transition-delay:1s;}
.vision-wrap .esg .box.init.animate .tit{transform:translateX(0);opacity:1;transition-delay:1s;}

.history-wrap{position: relative;padding: 0 0 200px 0;}
.history-wrap .history {position: relative;}
.history-wrap .history .inner{display: flex;}
.history-wrap .history .year{position: sticky;top: 0;width: 50%;display: flex;align-items: center;justify-content: center;}
.history-wrap .history .year .box{display:flex;align-items:center;}
.history-wrap .history .year .yy{overflow: hidden;height: 153px;}
.history-wrap .history .year .yy .yy1{}
.history-wrap .history .year .yy .yy1 li {height:153px;line-height:153px;display: flex;align-items: center;font-size: 130px;font-weight: 800;color: #111;font-family: 'Paperlogy', sans-serif;}
.history-wrap .history .year .yy .yy2{transition: transform 0.5s linear;}
.history-wrap .history .year .yy .yy2 li {height:153px;line-height:153px;display: flex;align-items: center;font-size: 130px;font-weight: 800;color: #000B8C;font-family: 'Paperlogy', sans-serif;}
.history-wrap .history .line{position: absolute;top: 120px;left: 100%;width: 2px;background: #BEBEBE}
.history-wrap .history .line .line-circle{position:absolute;z-index: 2;top:0;left:50%;width:35px;height:35px;border-radius:35px;background:#000b8c;border: 2px solid #000b8c;transform:translateX(-50%);}
.history-wrap .history .line .line-percent{position: absolute;z-index: 1;left: 0;width: 100%;height: 0%;background: #000B8C;}
.history-wrap .history .line.active .line-circle{background: rgb(204 206 232);}
.history-wrap .history .list{width: 50%;}
.history-wrap .history .list ul{padding: calc(50dvh - 25px) 0 0 0;}
.history-wrap .history .list li{padding: 0 0 200px 150px;transition:all 0.5s;}
.history-wrap .history .list li.active{opacity:1;}
.history-wrap .history .list li:last-child{margin-bottom:0;}
.history-wrap .history .list li .box{margin:0 0 32px;display:flex;align-items:flex-start;line-height:36px;font-size:24px;font-weight:500;gap:20px;word-break: keep-all;}
.history-wrap .history .list li .box .month{width:60px;}
.history-wrap .history .list li .box .text{}
.history-wrap .history .list li .img{width:330px;height:auto;aspect-ratio:33/22;border-radius:30px;overflow:hidden;margin: 50px 0 0 0;}
.history-wrap .history .list li .img img{display:block;width:100%;height:100%;}
.history-wrap .history.init .line{height:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.history-wrap .history.init .line .line-circle{width:0px;height:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.history-wrap .history.init.animate .line{height: calc(100% - 120px - 60px);transition-delay: 0.3s;}
.history-wrap .history.init.animate .line .line-circle{width:35px;height:35px;}

.news-wrap{position:relative;padding:0 0 200px;}

.news-view-wrap{position:relative;padding:100px 0 200px;background:#F5F5F5}

.rnd-wrap{position:relative;padding:0 0 170px;}
.rnd-wrap .rnd{width: 1640px;max-width: 100%;margin: 0 auto;}
.rnd-wrap .rnd .list{}
.rnd-wrap .rnd .list ul{display:flex;flex-wrap:wrap;gap:120px 48px;}
.rnd-wrap .rnd .list li{width: calc(33.33% - 32px);}
.rnd-wrap .rnd .list li .img{width:100%;height:368px;border-radius:30px;overflow:hidden;}
.rnd-wrap .rnd .list li .img img{width:100%;height:100%;object-fit:cover;}
.rnd-wrap .rnd .list li .con{padding:52px 0 0 0;text-align:left;gap:24px;display:flex;flex-direction:column;}
.rnd-wrap .rnd .list li .tit{line-height:33px;font-size:28px;font-weight:700;color:#111;}
.rnd-wrap .rnd .list li .txt{line-height:28px;font-size:20px;font-weight: 300;color:#111;}
.rnd-wrap .rnd .list li .txt span{color:#000B8C}
.rnd-wrap .rnd .list.init li{}
.rnd-wrap .rnd .list.init li:nth-child(1) .img{transition-delay:0.3s;}
.rnd-wrap .rnd .list.init li:nth-child(1) .tit{transition-delay:0.6s;}
.rnd-wrap .rnd .list.init li:nth-child(1) .txt{transition-delay:0.9s;}
.rnd-wrap .rnd .list.init li:nth-child(2) .img{transition-delay:0.9s;}
.rnd-wrap .rnd .list.init li:nth-child(2) .tit{transition-delay:1.2s;}
.rnd-wrap .rnd .list.init li:nth-child(2) .txt{transition-delay:1.5s;}
.rnd-wrap .rnd .list.init li:nth-child(3) .img{transition-delay:1.5s;}
.rnd-wrap .rnd .list.init li:nth-child(3) .tit{transition-delay:1.8s;}
.rnd-wrap .rnd .list.init li:nth-child(3) .txt{transition-delay:2.1s;}
.rnd-wrap .rnd .list.init li:nth-child(4) .img{transition-delay:2.1s;}
.rnd-wrap .rnd .list.init li:nth-child(4) .tit{transition-delay:2.4s;}
.rnd-wrap .rnd .list.init li:nth-child(4) .txt{transition-delay:2.7s;}
.rnd-wrap .rnd .list.init li:nth-child(5) .img{transition-delay:2.7s;}
.rnd-wrap .rnd .list.init li:nth-child(5) .tit{transition-delay:3s;}
.rnd-wrap .rnd .list.init li:nth-child(5) .txt{transition-delay:3.3s;}
.rnd-wrap .rnd .list.init li:nth-child(6) .img{transition-delay:3.3s;}
.rnd-wrap .rnd .list.init li:nth-child(6) .tit{transition-delay:3.6s;}
.rnd-wrap .rnd .list.init li:nth-child(6) .txt{transition-delay:3.9s;}
.rnd-wrap .rnd .list.init li .img{transform:translateY(50px);opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.rnd-wrap .rnd .list.init li .tit{transform:translateY(50px);opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.rnd-wrap .rnd .list.init li .txt{transform:translateY(50px);opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.rnd-wrap .rnd .list.animate li{}
.rnd-wrap .rnd .list.animate li .img{transform:translateY(0);opacity:1;transition-delay:0.3s;}
.rnd-wrap .rnd .list.animate li .tit{transform:translateY(0);opacity:1;transition-delay:0.6s;}
.rnd-wrap .rnd .list.animate li .txt{transform:translateY(0);opacity:1;transition-delay:0.9s;}

.facilities-wrap{position:relative;padding:0 0 200px;}
.facilities-wrap .header{position:relative;margin: 120px -20px 170px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:600px;}
.facilities-wrap .header .background{position:absolute;inset:0;z-index:0;background: url("../img/sub/bg_facilities.png") no-repeat center / cover;background-attachment: fixed;filter: grayscale(1);}
.facilities-wrap .header .background img{opacity: 0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);background-attachment: fixed;}
.facilities-wrap .header .background img.mo{display:none;}
.facilities-wrap .header .text{position:relative;z-index:1;line-height:72px;font-size:64px;font-weight:700;color:#fff;}
.facilities-wrap .section{width:1400px;max-width:100%;margin:0 auto;margin-bottom: 170px;}
.facilities-wrap .section:last-child{margin-bottom:0;}
.facilities-wrap .section .title-box{padding-bottom:72px !important;}
.facilities-wrap .section .item{display: flex;}
.facilities-wrap .section .item .img{width: 50%;position:relative;height:545px;}
.facilities-wrap .section .item .img img{position:absolute;top:0;left:0;border-radius:30px;overflow:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);object-fit: cover;}
.facilities-wrap .section .item .img img:nth-child(1){z-index:2;top:0;left:0;width:290px;height:290px;object-fit:cover;}
.facilities-wrap .section .item .img img:nth-child(2){z-index:1;top:0;left:0;width:290px;height:290px;}
.facilities-wrap .section .item .con{width: 50%;padding:0 0 0 125px;display: flex;flex-direction: column;gap: 60px;}
.facilities-wrap .section .item .tit{margin:0 0 20px;line-height:36px;font-size:30px;font-weight:700;color:#111;display:flex;align-items:center;gap:10px;}
.facilities-wrap .section .item .tit span{padding: 6px 0 0 0;line-height: 1;font-size:20px;font-weight:400;color:#666;}
.facilities-wrap .section .item .txt{line-height:34px;font-size:20px;color:#111;}
.facilities-wrap .section .item .txt span{font-weight:700;color:#000b8c;}
.facilities-wrap .section .item .made{line-height:34px;font-size:20px;font-weight:600;color:#000B8C;}
.facilities-wrap .header.init .text{transform:translateY(50px);opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.facilities-wrap .header.init.animate .text{transform:translateY(0);opacity:1;}
.facilities-wrap .section .item.init{}
.facilities-wrap .section .item.init .desc{transform:translateY(50px);opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.facilities-wrap .section .item.init.animate .img img:nth-child(1){top:calc(100% - 290px);left:calc(100% - 290px);}
.facilities-wrap .section .item.init.animate .img img:nth-child(2){width:560px;height:400px;transition-delay: 0.5s;}
.facilities-wrap .section .item.init.animate .con{}
.facilities-wrap .section .item.init.animate .con .desc{transform:translateY(0);opacity:1;}
.facilities-wrap .section .item.init.animate .con .desc:nth-child(1){transition-delay:0.8s;}
.facilities-wrap .section .item.init.animate .con .desc:nth-child(2){transition-delay:1.2s;}
.facilities-wrap .section .item.init.animate .con .desc:nth-child(3){transition-delay:1.6s;}

.certifications-wrap{position:relative;padding:90px 0 200px;}
.certifications-wrap .list{width: 1640px;max-width: 100%;margin: 0 auto;}
.certifications-wrap .list ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:100px 40px;}
.certifications-wrap .list li{}
.certifications-wrap .list .box{position:relative;display:block;}
.certifications-wrap .list .img{position: relative;width:100%;height:auto;aspect-ratio:378/516;overflow:hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.certifications-wrap .list .img:before{content:'';position:absolute;inset:0;border-radius:0px;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid #BEBEBE !important;}
.certifications-wrap .list .img img{width:100%;height:100%;object-fit:cover;}
.certifications-wrap .list .con{padding:30px 10px 0;}
.certifications-wrap .list .category{margin: 0 0 15px 0;line-height:24px;font-size:20px;font-weight:600;color:#000b8c;}
.certifications-wrap .list .category:empty{display:none;margin:0;padding:0;min-height:0;}
.certifications-wrap .list .subject{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 58px;line-height: 29px;font-size: 24px;font-weight: 500;color: #111;word-break: keep-all;overflow: hidden;}
.certifications-wrap .list.init ul li{transform:translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.certifications-wrap .list.init.animate ul li{transform:translateY(0);opacity:1;visibility:visible;}
.certifications-wrap .list.init.animate ul li:nth-child(1){transition-delay:0.3s;}
.certifications-wrap .list.init.animate ul li:nth-child(2){transition-delay:0.6s;}
.certifications-wrap .list.init.animate ul li:nth-child(3){transition-delay:0.9s;}
.certifications-wrap .list.init.animate ul li:nth-child(4){transition-delay:1.2s;}
.certifications-wrap .list.init.animate ul li:nth-child(5){transition-delay:1.5s;}
.certifications-wrap .list.init.animate ul li:nth-child(6){transition-delay:1.8s;}
.certifications-wrap .list.init.animate ul li:nth-child(7){transition-delay:2.1s;}
.certifications-wrap .list.init.animate ul li:nth-child(8){transition-delay:2.4s;}

.product-wrap{position:relative;padding:90px 0 200px;}
.product-wrap .list{width: 1640px;max-width: 100%;margin: 0 auto;}
.product-wrap .list ul{display:grid;grid-template-columns:repeat(4, 1fr);gap: 120px 64px;}
.product-wrap .list li{}
.product-wrap .list .box{position:relative;display:block;}
.product-wrap .list .img{position: relative;width:100%;height:auto;aspect-ratio: 1/1;overflow:hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.product-wrap .list .img:before{content:'';position:absolute;inset:0;border-radius:0px;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid #bebebe;}
.product-wrap .list .img img{width:100%;height:100%;object-fit:cover;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.product-wrap .list .con{padding: 35px 0 0;}
.product-wrap .list .name{margin: 0 0 19px 0;line-height: 32px;font-size: 26px;font-weight: 700;color: #111;}
.product-wrap .list .desc{line-height: 28px;font-size: 18px;font-weight: 300;color: #111;overflow: hidden;}
.product-wrap .list.init ul li{transform:translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.product-wrap .list.init.animate ul li{transform:translateY(0);opacity:1;visibility:visible;}
.product-wrap .list.init.animate ul li:nth-child(1){transition-delay:0.3s;}
.product-wrap .list.init.animate ul li:nth-child(2){transition-delay:0.6s;}
.product-wrap .list.init.animate ul li:nth-child(3){transition-delay:0.9s;}
.product-wrap .list.init.animate ul li:nth-child(4){transition-delay:1.2s;}
.product-wrap .list.init.animate ul li:nth-child(5){transition-delay:1.5s;}
.product-wrap .list.init.animate ul li:nth-child(6){transition-delay:1.8s;}
.product-wrap .list.init.animate ul li:nth-child(7){transition-delay:2.1s;}
.product-wrap .list.init.animate ul li:nth-child(8){transition-delay:2.4s;}
.product-wrap .view{margin:0 -20px;}
.product-wrap .view .detail{padding:150px 0;background:#F5F5F5;}
.product-wrap .view .detail .inner{width:1360px;display:flex;gap:100px;}
.product-wrap .view .detail .left{width:390px;}
.product-wrap .view .detail .right{width:900px;}
.product-wrap .view .detail .image{display:flex;flex-direction:column;gap:16px;}
.product-wrap .view .detail .image .big{width:100%;aspect-ratio:1/1;border-radius:30px;overflow:hidden;background:#fff;}
.product-wrap .view .detail .image .big img{width:100%;height:100%;object-fit:contain;}
.product-wrap .view .detail .image .small{}
.product-wrap .view .detail .image .small ul{display:flex;gap:16px;}
.product-wrap .view .detail .image .small li{width:calc(33.33% - 8px);border-radius: 20px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.product-wrap .view .detail .image .small img{width:100%;height: 100%;object-fit: cover;}
.product-wrap .view .detail .mall{margin-top:30px;display:flex;align-items:center;justify-content:center;}
.product-wrap .view .detail .mall a{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 50px;width:250px;max-width:100%;height:68px;border-radius:68px;border:1px solid #000B8C;background:#fff;gap:10px;transition:all 0.5s;}
.product-wrap .view .detail .mall a i{width: 34px;height: 27px;background: url("../img/icon/ic_mall.png") no-repeat center / contain;}
.product-wrap .view .detail .mall a span{font-size:22px;font-weight: 600;color:#000B8C;}
.product-wrap .view .detail .mall a:hover{background:#000b8c;}
.product-wrap .view .detail .mall a:hover i{background: url("../img/icon/ic_mall_hover.png") no-repeat center / contain;}
.product-wrap .view .detail .mall a:hover span{color:#fff;}
.product-wrap .view .detail .info{padding:10px 0;}
.product-wrap .view .detail .info .title{padding:0 0 50px;border-bottom:1px solid #BEBEBE}
.product-wrap .view .detail .info .title .name{margin: 0 0 26px;line-height: 38px;font-size: 32px;font-weight: 700;color: #111;}
.product-wrap .view .detail .info .title .desc{line-height: 24px;font-size: 20px;font-weight: 500;color: #111;}
.product-wrap .view .detail .info .spec{padding:50px 0;border-bottom:1px solid #BEBEBE}
.product-wrap .view .detail .info .spec .tit{line-height:28px;font-size:20px;font-weight:700;color:#111;margin:0 0 26px;}
.product-wrap .view .detail .info .spec .txt{line-height:24px;font-size:18px;font-weight:400;color:#111;}
.product-wrap .view .detail .info .key{padding:50px 0;border-bottom:1px solid #BEBEBE}
.product-wrap .view .detail .info .key .tit{line-height:28px;font-size:20px;font-weight:700;color:#111;margin:0 0 26px;}
.product-wrap .view .detail .info .key .txt{line-height:34px;font-size:18px;font-weight:400;color:#111;display:flex;flex-wrap:wrap;gap:0 20px;}
.product-wrap .view .detail .info .key .txt p{position:relative;width:calc(50% - 10px);padding:0 0 0 15px;}
.product-wrap .view .detail .info .key .txt p:before{content:'';position:absolute;top: 15px;left: 2px;width: 3px;height: 3px;border-radius:4px;background:#111;}
.product-wrap .view .post{margin:100px 0 0 0;}
.product-wrap .view .post ul{border-top: 1px solid #666666;}
.product-wrap .view .post li{display: flex;align-items: center;justify-content: flex-start;padding: 20px 0;border-bottom: 1px solid #bdbdbd;}
.product-wrap .view .post .tit{flex:0 0 auto;position: relative;margin: 0 20px 0 0;padding: 0 20px 0 0;line-height: 20px;font-size: 18px;color: #BEBEBE;}
.product-wrap .view .post .tit:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height: 16px;background:#bdbdbd;}
.product-wrap .view .post .txt{flex:1;}
.product-wrap .view .post .txt a{font-size: 18px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product-wrap .view .post .txt a:hover{text-decoration:underline;}
.product-wrap .view .button{margin:85px 0 0;display:flex;align-items:center;justify-content:center;}
.product-wrap .view .button a{display:flex;align-items:center;justify-content:center;text-align:center;height:68px;width:250px;border-radius:68px;background:#666;font-size:22px;font-weight:600;color:#fff;transition:all 0.5s;}
.product-wrap .view .button a:hover{background:#000b8c;}
.product-wrap .view.init{transform:translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
.product-wrap .view.init.animate{transform:translateY(0);opacity:1;visibility:visible;}

.contact-wrap{position: relative;padding: 90px 0 200px;}
.contact-wrap .inner{width:1080px;}
.contact-wrap .form{}
.contact-wrap .form dl{margin:0 0 80px 0;}
.contact-wrap .form dt{margin:0 0 20px 0;line-height:30px;font-size:24px;font-weight:700;color:#111;}
.contact-wrap .form dt.required:after{content:'*';color:#0155FE;margin:0 0 0 10px;}
.contact-wrap .form dd{}
.contact-wrap .form dd .input{position:relative;}
.contact-wrap .form dd .input .inp{display:flex;}
.contact-wrap .form dd .input .inp input{display:block;padding:15px 25px;width:100%;height:68px;border-radius:10px;border:1px solid #bebebe;background:#fff;font-size:22px;font-weight: 300;}
.contact-wrap .form dd .input .txt{padding:10px;display:block;padding:10px;border-radius:10px;border:1px solid #bebebe;background:#fff;}
.contact-wrap .form dd .input .txt textarea{display:block;padding:15px;width:100%;height:272px;font-size:22px;font-weight: 300;letter-spacing: -0.5px;}
.contact-wrap .form dd .input .txt textarea::-webkit-scrollbar {width: 8px;height: 8px;}
.contact-wrap .form dd .input .txt textarea::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 10px;}
.contact-wrap .form dd .input .txt textarea::-webkit-scrollbar-thumb {background: #bebebe;border-radius: 10px;}
.contact-wrap .form dd .input .txt textarea::-webkit-scrollbar-thumb:hover {background: #888;}
.contact-wrap .form dd .input .err{position:absolute;top:0;left:0;bottom:0;padding:15px 25px;line-height:38px;font-size:22px;color:#F63049;opacity:0;transition:all 0.3s;pointer-events:none;}
.contact-wrap .form dd .check{display:flex;flex-wrap:wrap;gap:0 100px;padding: 12px 0;}
.contact-wrap .form dd .check .radiobox{display:flex;align-items:center;cursor:pointer;gap:10px;position:relative;}
/* display:none 이면 required 검증이 건너뛰어지거나 제출이 무반응처럼 보일 수 있음 — 시각적 숨김만 */
.contact-wrap .form dd .check .radiobox input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap;}
.contact-wrap .form dd .check .radiobox input ~ i{position:relative;width:24px;height:24px;border-radius:24px;border:1px solid #bdbdbd;flex:0 0 auto;}
.contact-wrap .form dd .check .radiobox input ~ span{font-size:22px;font-weight:400;color:#111;}
.contact-wrap .form dd .check .radiobox input:checked ~ i{}
.contact-wrap .form dd .check .radiobox input:checked ~ i:before{content:'';position:absolute;top: 4px;left: 4px;width:14px;height:14px;border-radius:14px;background:#000b8c;}
.contact-wrap .form dd .file{}
.contact-wrap .form dd .file .flex{display:flex;border-radius:10px;border:1px solid #bdbdbd;height:68px;overflow:hidden;}
.contact-wrap .form dd .file .text{margin:18px 0 0 ;line-height:21px;font-size:18px;font-weight:300;color:#111;}
.contact-wrap .form dd .file .txt{flex:1;background:#F5F5F5;padding: 15px 25px;font-size: 22px;line-height: 36px;color: #BEBEBE;}
.contact-wrap .form dd .file .btn{flex:0 0 auto;}
.contact-wrap .form dd .file .btn label{display:flex;align-items:center;justify-content:center;height:68px;background:#BEBEBE;border-radius:10px;padding:0 42px;font-size:22px;font-weight:400;color:#666;cursor: pointer;gap:10px;}
.contact-wrap .form dd .file .btn label input{display:none;}
.contact-wrap .form dd .file .btn label i{width: 15px;height: 21px;background: url("../img/icon/ic_download.png") no-repeat center / contain;}
.contact-wrap .form dl.error{}
.contact-wrap .form dl.error dt.required:after{color:#f63049;}
.contact-wrap .form dl.error dd .input .inp:before{content:'';position:absolute;inset:0;border-radius:10px;border:2px solid #f63049;pointer-events:none;}
.contact-wrap .form dl.error dd .input .inp input::placeholder{color:transparent !important;}
.contact-wrap .form dl.error dd .input .err{opacity:1;}
.contact-wrap .form dl.active{}
.contact-wrap .form dl.active dd .input .inp:before{content:'';position:absolute;inset:0;border-radius:10px;border:2px solid #000B8C;pointer-events:none;}
.contact-wrap .form dl.active dd .input .txt:before{content:'';position:absolute;inset:0;border-radius:10px;border:2px solid #000B8C;pointer-events:none;}
.contact-wrap .form dl.active dd .input .err{opacity:0 !important;}
.contact-wrap .agree{}
.contact-wrap .agree .txt{padding:40px;border-radius:10px;border:1px solid #bdbdbd;background:#fff;line-height:28px;font-size:16px;font-weight:300;}
.contact-wrap .agree .txt::-webkit-scrollbar {width: 8px;height: 8px;}
.contact-wrap .agree .txt::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 10px;}
.contact-wrap .agree .txt::-webkit-scrollbar-thumb {background: #bebebe;border-radius: 10px;}
.contact-wrap .agree .txt::-webkit-scrollbar-thumb:hover {background: #888;}
.contact-wrap .agree .txt strong{font-weight:600;}
.contact-wrap .agree .chk{margin:20px 0 0 0;}
.contact-wrap .agree .chk .checkbox{display:flex;align-items:center;cursor:pointer;gap:10px;position:relative;}
.contact-wrap .agree .chk .checkbox input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap;}
.contact-wrap .agree .chk .checkbox input ~ i{position:relative;width: 18px;height: 19px;flex:0 0 auto;background: url("../img/icon/ic_checkbox.png") no-repeat center / contain;}
.contact-wrap .agree .chk .checkbox input ~ span{font-size: 20px;font-weight:400;color:#666;}
.contact-wrap .agree .chk .checkbox input:checked ~ i{background: url("../img/icon/ic_checkbox_on.png") no-repeat center / contain;}
.contact-wrap .agree .chk .checkbox input:checked ~ span{color: #000B8C;}
.contact-wrap .button{margin:60px 0 0;display:flex;align-items:center;}
.contact-wrap .button button{display:flex;align-items:center;justify-content:center;padding:0 60px;height:68px;width:250px;background: #666666;border-radius:68px;font-size:22px;font-weight:600;color:#fff;gap:10px;transition:all 0.5s;}
.contact-wrap .button button:after{content:'→';}
.contact-wrap .button button:hover{background:#000B8C;}
.contact-wrap .form.init{opacity: 0;transform: translateY(80px);transition: all 1s;}
.contact-wrap .form.init.animate{opacity:1;transform:translateY(0);}
.contact-wrap .agree.init{opacity: 0;transform: translateY(80px);transition: all 1s;}
.contact-wrap .agree.init.animate{opacity:1;transform:translateY(0);}
.contact-wrap .button.init{opacity: 0;transform: translateY(80px);transition: all 1s;}
.contact-wrap .button.init.animate{opacity:1;transform:translateY(0);}

.location-wrap{position: relative;padding: 0 0 200px;}
.location-wrap .inner{width:1080px}
.location-wrap .info{}
.location-wrap .info .tit{padding:0 0 50px;line-height:38px;font-size:32px;font-weight:700;color:#000b8c;border-bottom:1px solid #bdbdbd;}
.location-wrap .info .txt{padding:50px 0;border-bottom:1px solid #bdbdbd;}
.location-wrap .info .txt:last-child{padding-bottom:0;}
.location-wrap .info .txt dl{display:flex;align-items:flex-start;margin:0 0 35px;}
.location-wrap .info .txt dl:last-child{margin-bottom:0;}
.location-wrap .info .txt dt{flex:0 0 auto;width:240px;display:flex;align-items:center;gap: 15px;line-height:30px;font-size: 24px;font-weight: 700;color: #000b8c;}
.location-wrap .info .txt dt:before{content:'';flex:0 0 auto;width: 22px;height: 24px;}
.location-wrap .info .txt dt.ic-location-1:before{background:url("../img/icon/ic_location_1.png") no-repeat center / contain;}
.location-wrap .info .txt dt.ic-location-2:before{background:url("../img/icon/ic_location_2.png") no-repeat center / contain;}
.location-wrap .info .txt dt.ic-tel:before{background:url("../img/icon/ic_tel.png") no-repeat center / contain;}
.location-wrap .info .txt dt.ic-fax:before{background:url("../img/icon/ic_fax.png") no-repeat center / contain;}
.location-wrap .info .txt dt.ic-email:before{background:url("../img/icon/ic_email.png") no-repeat center / contain;}
.location-wrap .info .txt dt.ic-map:before{background:url("../img/icon/ic_map.png") no-repeat center / contain;}
.location-wrap .info .txt dd{flex:1;line-height:30px;font-size:22px;font-weight:400;}
.location-wrap .info .txt .zido{margin: 0 0 40px;width:100%;height:auto;aspect-ratio:108/53;border-radius:10px;border:1px solid #BEBEBE;background:#fff;}
.location-wrap .info .txt .zido img{width:100%;height:100%;object-fit:cover;}
.location-wrap .info .txt .zido .loc-map{width:100%;height:100%;border-radius:10px;overflow:hidden;}
/* 지도 전용 행: 빈 dt로 인한 왼쪽 여백 제거 → dd(지도) 전체 폭 */
.location-wrap .info .txt dl.location-map-dl dt{display:none;}
.location-wrap .info .txt dl.location-map-dl dd{flex:1 1 100%;min-width:0;width:100%;}
.location-wrap .info .txt .map-unavailable{margin:-22px 0 20px;font-size:13px;color:#d23b3b;}
.location-wrap .info .txt .method{margin:0 0 50px;padding:0 0 50px;border-bottom:1px solid #bdbdbd;}
.location-wrap .info .txt .method:last-of-type{border:0;padding:0;}
.location-wrap .info .txt .method strong{display:block;margin:0 0 20px;}
.location-wrap .info .txt .method span{display:block;}
.location-wrap .zido.init{opacity: 0;transform: translateY(80px);transition: all 1s;}
.location-wrap .zido.init.animate{opacity:1;transform:translateY(0);}
.location-wrap .info.init{opacity: 0;transform: translateY(80px);transition: all 1s;}
.location-wrap .info.init.animate{opacity:1;transform:translateY(0);}

@media (min-width:1024px){
    .vision-wrap .vision ul.init{transform: translateY(120px);opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init{transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init:nth-child(1){z-index:3;transform:translateX(calc(100% + 100px));}
    .vision-wrap .vision li.init:nth-child(2){z-index:2;}
    .vision-wrap .vision li.init:nth-child(3){z-index:1;transform:translateX(calc(-100% - 100px));}
    .vision-wrap .vision li.init .tit{transform: translateY(60px);opacity: 0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init .txt{transform:translateY(-60px);opacity:0.25;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init .img:before{opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision ul.init.animate{opacity:1;transform:translateX(0);transition-delay:0s;}
    .vision-wrap .vision li.init.animate{transform:translateX(0);transition-delay:1s;}
    .vision-wrap .vision li.init.animate .img:before{opacity:0.5;transition-delay:2s;}
    .vision-wrap .vision li.init.animate .tit{transform:translateX(0);opacity:1;transition-delay:2.5s;}
    .vision-wrap .vision li.init.animate .txt{transform:translateX(0);opacity:1;visibility:visible;transition-delay:2s;}

    .product-wrap .list .box:hover .img:before{border-radius:30px;border: 2px solid #000b8c;}
    .product-wrap .list .box:hover .img{border-radius:30px;}
}

@media (max-width:1024px){

    .greeting-wrap{padding: 20px 0 60px;}
    .greeting-wrap .image{margin: 0 0 60px;border-radius: 16px;}
    .greeting-wrap .image img{border-radius: 16px;overflow:hidden;}
    .greeting-wrap .text{margin:0 auto;width:1150px;max-width:100%;}
    .greeting-wrap .text .txt{line-height: 1.5;font-size: 15px;color: #111;letter-spacing: -0.5px;}
    .greeting-wrap .text .txt .txt-line{margin: 0 0 20px;}
    .greeting-wrap .text .txt .txt-line br{display:none;}
    .greeting-wrap .text .txt .txt-line br.mo{display:block !important;}
    .greeting-wrap .text .txt .txt-line strong{font-size: 16px;}
    .greeting-wrap .text .ceo{margin:40px 0 0;}
    .greeting-wrap .text .ceo .ceo-name{display:flex;gap:26px;align-items:center;}
    .greeting-wrap .text .ceo .ceo-name strong{font-size: 20px;}
    .greeting-wrap .text .ceo .ceo-name span{font-size: 15px;}
    .greeting-wrap .text .ceo .ceo-sign{width: 152px;}
    .greeting-wrap .marquee{margin: 60px -20px 0;overflow:hidden;}
    .greeting-wrap .marquee .slider{margin: 0 0 10px;}
    .greeting-wrap .marquee .slider:last-child{margin-bottom:0;}
    .greeting-wrap .marquee .slider ul{transition-timing-function: linear !important;}
    .greeting-wrap .marquee .slider li{width: 30dvw;height: auto;border-radius: 8px;aspect-ratio: 42/26;}

    .vision-wrap{position: relative;padding: 0 0 60px;}
    .vision-wrap .vision{width:1280px;max-width:100%;margin:0 auto;}
    .vision-wrap .vision ul{flex-direction: column;gap: 50px;}
    .vision-wrap .vision ul li{flex:1;position:relative;}
    .vision-wrap .vision .img{aspect-ratio: 36 / 19;}
    .vision-wrap .vision .img:before{content:'';position:absolute;inset:0;width:100%;height:100%;background:#000;opacity:0.5;}
    .vision-wrap .vision .img img{width:100%;height:100%;object-fit:cover;}
    .vision-wrap .vision .tit{aspect-ratio: 36/19;}
    .vision-wrap .vision .tit strong{line-height: 1.5;font-size: 22px;}
    .vision-wrap .vision .tit span{margin: 8px 0 0 0;line-height: 1.5;font-size: 16px;}
    .vision-wrap .vision .txt{margin: 24px 0 0;line-height: 1.5;font-size: 14px;word-break:keep-all;}
    .vision-wrap .vision .txt br{display:none;}
    .vision-wrap .vision .txt br.mo{display:block;}
    .vision-wrap .vision li.init{opacity:0;transform:translateY(60px);transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init .tit{opacity: 0;transform:translateY(60px);transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init .txt{transform:translateY(-30px);opacity:0.25;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init .img:before{opacity:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .vision-wrap .vision li.init.animate{opacity:1;transform:translateX(0);}
    .vision-wrap .vision li.init.animate .img:before{opacity:0.5;}
    .vision-wrap .vision li.init.animate .tit{transform:translateY(0);opacity:1;}
    .vision-wrap .vision li.init.animate .txt{transform:translateX(0);opacity:1;visibility:visible;transition-delay:1s;}
    .vision-wrap .esg{margin: 60px 0 0;text-align:center;}
    .vision-wrap .esg .head{line-height: 1.5;font-size: 20px;}
    .vision-wrap .esg .text{margin: 20px 0 0 0;line-height: 1.5;font-size: 15px;}
    .vision-wrap .esg .box{margin: 60px auto 0;position:relative;width: 100%;height: 160px;}
    .vision-wrap .esg .img{border-radius: 10px;}
    .vision-wrap .esg .img:before{content:'';position:absolute;inset:0;width:100%;height:100%;background:#000;opacity:0.5;}
    .vision-wrap .esg .img img{width:100%;height:100%;object-fit:cover;}
    .vision-wrap .esg .tit{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
    .vision-wrap .esg .tit strong{line-height: 1.5;font-size: 22px;}
    .vision-wrap .esg .tit span{margin: 8px 0 0 0;line-height: 1.5;font-size: 16px;}
    .vision-wrap .esg .box.init{width:100%;display: flex;align-items: center;justify-content: center;}
    .vision-wrap .esg .box.init .img{width:60%;}
    .vision-wrap .esg .box.init .tit{transform:translateY(60px)}
    .vision-wrap .esg .box.init.animate{width:100%;transition-delay:0s;}
    .vision-wrap .esg .box.init.animate .img{width:100%;transition-delay: 1s;}
    .vision-wrap .esg .box.init.animate .tit{transition-delay:2s;}

    .history-wrap{padding: 0 0 60px 0;}
    .history-wrap .history {position: relative;}
    .history-wrap .history .inner{display: flex;flex-direction: column;}
    .history-wrap .history .year{position: sticky;top: 60px;width: 100%;padding: 0 0 0 55px;display: flex;align-items: center;justify-content: flex-start;height: 60px !important;z-index: 11;background: #fff;}
    .history-wrap .history .year .box{display:flex;align-items:center;}
    .history-wrap .history .year .yy{overflow: hidden;height: 60px;}
    .history-wrap .history .year .yy .yy1{}
    .history-wrap .history .year .yy .yy1 li {height: 60px;line-height: 60px;font-size: 60px;}
    .history-wrap .history .year .yy .yy2{transition: transform 0.5s linear;}
    .history-wrap .history .year .yy .yy2 li {height: 60px;line-height: 60px;font-size: 60px;}
    .history-wrap .history .line{top: 20px;right: unset;left: 16px;height: 100%;}
    .history-wrap .history .line .line-circle{position:absolute;z-index: 2;top:0;left:50%;width:35px;height:35px;border-radius:35px;background:#000b8c;border: 2px solid #000b8c;transform:translateX(-50%);}
    .history-wrap .history .line .line-percent{position: absolute;z-index: 1;left: 0;width: 100%;height: 0%;background: #000B8C;}
    .history-wrap .history .line.active .line-circle{background: rgb(204 206 232);}
    .history-wrap .history .list{width: 100%;padding: 0 0 0 50px;}
    .history-wrap .history .list ul{padding: 40px 0 0 0;}
    .history-wrap .history .list li{padding: 0 20px 60px 0;transition:all 0.5s;}
    .history-wrap .history .list li.active{opacity:1;}
    .history-wrap .history .list li:last-child{margin-bottom:0;}
    .history-wrap .history .list li .box{margin: 0 0 16px;line-height: 20px;font-size: 14px;gap: 10px;}
    .history-wrap .history .list li .box .month{width: 50px;flex: 0 0 auto;}
    .history-wrap .history .list li .box .text{}
    .history-wrap .history .list li .img{width: 100%;border-radius: 15px;margin: 20px 0 0 0;aspect-ratio: auto;}
    .history-wrap .history .list li .img img{display:block;width:100%;height: auto;max-width: 170px;}
    .history-wrap .history.init .line{height:0;}
    .history-wrap .history.init .line .line-circle{width:0px;height:0;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    .history-wrap .history.init.animate .line{height: calc(100dvh - 60px - 90px);transition-delay:1s;}
    .history-wrap .history.init.animate .line .line-circle{width: 25px;height: 25px;}

    .news-wrap{position:relative;padding: 0 0 60px;}

    .news-view-wrap{position:relative;padding:60px 20px 60px;background:#F5F5F5}

    .rnd-wrap{position:relative;}
    .rnd-wrap .rnd{}
    .rnd-wrap .rnd .list{}
    .rnd-wrap .rnd .list ul{display:flex;flex-wrap:wrap;gap: 60px 20px;}
    .rnd-wrap .rnd .list li{width:100%;display:flex;flex-direction: column;}
    .rnd-wrap .rnd .list li .img{flex:0 0 auto;height:auto;border-radius:15px;width: 100%;}
    .rnd-wrap .rnd .list li .con{flex:1;gap:10px;padding: 20px 0 0;}
    .rnd-wrap .rnd .list li .tit{line-height:1.1;font-size: 20px;}
    .rnd-wrap .rnd .list li .txt{line-height:1.4;font-size:14px;}
    .rnd-wrap .rnd .list li .txt br{display:none;}

    .facilities-wrap{padding:0 0 60px;}
    .facilities-wrap .header{margin: 0 -20px 40px;padding:15px;height:75dvw;}
    .facilities-wrap .header .text{line-height:1.3;font-size:36px;}
    .facilities-wrap .header .background{}
    .facilities-wrap .header .background img.mo{display:block;}
    .facilities-wrap .header .background img.pc{display:none;}
    .facilities-wrap .section{margin:0 0 60px;}
    .facilities-wrap .section .title-box{padding-bottom: 30px !important;}
    .facilities-wrap .section .item{flex-direction:column;}
    .facilities-wrap .section .item .img{width:100%;height: auto;aspect-ratio: 5/3;}
    .facilities-wrap .section .item .img img{border-radius:12px;}
    .facilities-wrap .section .item .img img:nth-child(1){width:120px;height:120px;}
    .facilities-wrap .section .item .img img:nth-child(2){width:120px;height:120px;}
    .facilities-wrap .section .item .con{width: 100%;padding: 10px 0 0;gap: 20px;}
    .facilities-wrap .section .item .tit{margin: 0 0 10px;line-height: 1.5;font-size: 22px;}
    .facilities-wrap .section .item .tit span{padding: 4px 0 0 0;font-size: 14px;}
    .facilities-wrap .section .item .txt{line-height: 1.5;font-size: 14px;}
    .facilities-wrap .section .item .txt br{display:none;}
    .facilities-wrap .section .item .made{line-height:1.5;font-size:14px;}
    .facilities-wrap .section .item.init.animate .img img:nth-child(1){top:calc(100% - 120px);left:calc(100% - 120px);}
    .facilities-wrap .section .item.init.animate .img img:nth-child(2){width: calc(100% - 24px);height: calc(100% - 48px);}

    .certifications-wrap{padding:0 0 60px;}
    .certifications-wrap .list{}
    .certifications-wrap .list ul{grid-template-columns:repeat(2, 1fr);gap:20px;}
    .certifications-wrap .list li{width:100%;}
    .certifications-wrap .list .box{}
    .certifications-wrap .list .img{}
    .certifications-wrap .list .con{padding:15px 5px 0;width:100%;}
    .certifications-wrap .list .category{margin: 0 0 5px 0;line-height:20px;font-size:16px;}
    .certifications-wrap .list .category:empty{display:none;margin:0;padding:0;min-height:0;}
    .certifications-wrap .list .subject{line-height:20px;font-size:14px;}

    .product-wrap{padding:0 0 60px;}
    .product-wrap .list{}
    .product-wrap .list ul{grid-template-columns:repeat(2, 1fr);gap:20px;}
    .product-wrap .list .con{padding:15px 5px 0;width:100%;}
    .product-wrap .list .name{margin: 0 0 5px 0;line-height:20px;font-size:16px;}
    .product-wrap .list .desc{line-height:20px;font-size:14px;}
    .product-wrap .view .detail{padding: 40px 20px;background:#F5F5F5;}
    .product-wrap .view .detail .inner{flex-direction:column;gap:40px;}
    .product-wrap .view .detail .left{width: 100%;}
    .product-wrap .view .detail .right{width: 100%;}
    .product-wrap .view .detail .image{gap: 10px;}
    .product-wrap .view .detail .image .big{border-radius: 10px;}
    .product-wrap .view .detail .image .big img{width:100%;height:100%;object-fit:contain;}
    .product-wrap .view .detail .image .small{flex: 0 0 auto;}
    .product-wrap .view .detail .image .small ul{gap: 10px;}
    .product-wrap .view .detail .image .small li{width: 100%;border-radius: 10px;}
    .product-wrap .view .detail .image .small img{width:100%;height: 100%;object-fit: cover;}
    .product-wrap .view .detail .mall{margin-top: 10px;}
    .product-wrap .view .detail .mall a{padding: 0 10px;width: 200px;height: 48px;gap: 6px;}
    .product-wrap .view .detail .mall a i{width: 20px;height: auto;aspect-ratio: 34/27;}
    .product-wrap .view .detail .mall a span{font-size: 16px;}
    .product-wrap .view .detail .mall a:hover{background:#000b8c;}
    .product-wrap .view .detail .mall a:hover i{background: url("../img/icon/ic_mall_hover.png") no-repeat center / contain;}
    .product-wrap .view .detail .mall a:hover span{color:#fff;}
    .product-wrap .view .detail .info{padding: 0;}
    .product-wrap .view .detail .info .title{padding: 0 0 20px;}
    .product-wrap .view .detail .info .title .name{margin: 0 0 8px;line-height: 1.5;font-size: 22px;}
    .product-wrap .view .detail .info .title .desc{line-height: 1.5;font-size: 14px;font-weight: 400;}
    .product-wrap .view .detail .info .spec{padding: 30px 0;}
    .product-wrap .view .detail .info .spec .tit{line-height: 1.5;font-size: 16px;margin: 0 0 8px;}
    .product-wrap .view .detail .info .spec .txt{line-height: 1.3;font-size: 14px;}
    .product-wrap .view .detail .info .key{padding: 30px 0;}
    .product-wrap .view .detail .info .key .tit{line-height: 1.5;font-size: 16px;margin: 0 0 8px;}
    .product-wrap .view .detail .info .key .txt{line-height: 2;font-size: 14px;font-weight: 300;gap: 0 10px;}
    .product-wrap .view .detail .info .key .txt p{width: 100%;padding: 0 0 0 12px;}
    .product-wrap .view .detail .info .key .txt p:before{top: 12px;left: 0;width: 3px;height: 3px;}
    .product-wrap .view .post{margin: 40px 0 0 0;padding: 0 20px;}
    .product-wrap .view .post ul{border-top: 1px solid #666666;}
    .product-wrap .view .post li{padding: 10px 0;}
    .product-wrap .view .post .tit{font-size: 14px;}
    .product-wrap .view .post .tit:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height: 16px;background:#bdbdbd;}
    .product-wrap .view .post .txt{flex:1;}
    .product-wrap .view .post .txt a{font-size: 14px;}
    .product-wrap .view .post .txt a:hover{text-decoration:underline;}
    .product-wrap .view .button{margin:85px 0 0;display:flex;align-items:center;justify-content:center;}
    .product-wrap .view .button a{height: 48px;width: 200px;font-size: 16px;}
    .product-wrap .view .button a:hover{background:#000b8c;}

    .contact-wrap{padding:0 0 60px;}
    .contact-wrap .form{}
    .contact-wrap .form dl{margin:0 0 20px 0;}
    .contact-wrap .form dt{margin:0 0 10px 0;line-height: 20px;font-size:16px;}
    .contact-wrap .form dt.required:after{margin:0 0 0 5px;}
    .contact-wrap .form dd{}
    .contact-wrap .form dd .input{}
    .contact-wrap .form dd .input .inp{}
    .contact-wrap .form dd .input .inp input{padding:5px 15px;height:52px;border-radius:6px;font-size:15px;line-height:1.5;}
    .contact-wrap .form dd .input .txt{border-radius: 6px;padding: 5px;}
    .contact-wrap .form dd .input .txt textarea{padding: 10px;width:100%;height:172px;font-size:15px;line-height:1.5;}
    .contact-wrap .form dd .input .err{position:absolute;top:0;left:0;bottom:0;padding:15px;line-height:1.5;font-size:15px;}
    .contact-wrap .form dd .check{display:flex;flex-wrap:wrap;gap: 20px;padding: 12px 0;}
    .contact-wrap .form dd .check .radiobox{gap: 4px;}
    .contact-wrap .form dd .check .radiobox input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap;}
    .contact-wrap .form dd .check .radiobox input ~ i{width: 18px;height: 18px;}
    .contact-wrap .form dd .check .radiobox input ~ span{font-size: 14px;}
    .contact-wrap .form dd .check .radiobox input:checked ~ i{}
    .contact-wrap .form dd .check .radiobox input:checked ~ i:before{position:absolute;top: 3px;left: 3px;width: 10px;height: 10px;border-radius:14px;background:#000b8c;}
    .contact-wrap .form dd .file{}
    .contact-wrap .form dd .file .flex{height: 50px;border-radius: 6px;}
    .contact-wrap .form dd .file .text{margin: 12px 0 0;line-height: 1;font-size: 14px;}
    .contact-wrap .form dd .file .txt{flex:1;background:#F5F5F5;padding: 10px 15px;font-size: 14px;line-height: 30px;color: #BEBEBE;}
    .contact-wrap .form dd .file .btn{flex:0 0 auto;}
    .contact-wrap .form dd .file .btn label{height: 50px;padding: 0 15px;font-size: 14px;font-weight: 300;border-radius: 6px;}
    .contact-wrap .form dd .file .btn label input{display:none;}
    .contact-wrap .form dd .file .btn label i{width: 10px;height: auto;aspect-ratio: 15/21;}
    .contact-wrap .form dl.error{}
    .contact-wrap .form dl.error dt.required:after{color:#f63049;}
    .contact-wrap .form dl.error dd .input .inp:before{content:'';position:absolute;inset:0;border-radius:10px;border:2px solid #f63049;pointer-events:none;}
    .contact-wrap .form dl.error dd .input .inp input::placeholder{color:transparent !important;}
    .contact-wrap .form dl.error dd .input .err{opacity:1;}
    .contact-wrap .form dl.active{}
    .contact-wrap .form dl.active dd .input .inp:before{border-radius: 6px;}
    .contact-wrap .form dl.active dd .input .txt:before{border-radius: 6px;}
    .contact-wrap .form dl.active dd .input .err{opacity:0 !important;}
    .contact-wrap .agree{}
    .contact-wrap .agree .txt{padding: 15px;border-radius: 6px;line-height: 1.5;font-size: 14px;}
    .contact-wrap .agree .txt::-webkit-scrollbar {width: 8px;height: 8px;}
    .contact-wrap .agree .txt::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 10px;}
    .contact-wrap .agree .txt::-webkit-scrollbar-thumb {background: #bebebe;border-radius: 10px;}
    .contact-wrap .agree .txt::-webkit-scrollbar-thumb:hover {background: #888;}
    .contact-wrap .agree .txt strong{font-weight:600;}
    .contact-wrap .agree .chk{margin:20px 0 0 0;}
    .contact-wrap .agree .chk .checkbox{gap: 6px;}
    .contact-wrap .agree .chk .checkbox input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap;}
    .contact-wrap .agree .chk .checkbox input ~ i{position:relative;width: 18px;height: 19px;flex:0 0 auto;background: url("../img/icon/ic_checkbox.png") no-repeat center / contain;}
    .contact-wrap .agree .chk .checkbox input ~ span{font-size: 14px;font-weight: 300;}
    .contact-wrap .agree .chk .checkbox input:checked ~ i{background: url("../img/icon/ic_checkbox_on.png") no-repeat center / contain;}
    .contact-wrap .agree .chk .checkbox input:checked ~ span{color: #000B8C;}
    .contact-wrap .button{margin: 30px 0 0;}
    .contact-wrap .button button{padding: 0 20px;height: 50px;width: 200px;font-size: 16px;font-weight: 500;}
    .contact-wrap .button button:after{content:'→';}
    .contact-wrap .button button:hover{background:#000B8C;}

    .location-wrap{padding:0 0 60px;}
    .location-wrap .zido{margin:0 0 40px;border-radius:6px;}
    .location-wrap .info .txt .zido .loc-map{border-radius:6px;}
    .location-wrap .info .txt .map-unavailable{margin:-26px 0 12px;font-size:12px;}
    .location-wrap .info{}
    .location-wrap .info .tit{padding:0 0 30px;line-height:30px;font-size:24px;}
    .location-wrap .info .txt{padding: 15px 0;}
    .location-wrap .info .txt dl{margin:0 0 15px;}
    .location-wrap .info .txt dt{width: 40%;line-height: 24px;font-size: 14px;gap: 6px;}
    .location-wrap .info .txt dt:before{width:14px;height:16px;}
    .location-wrap .info .txt dd{flex:1;line-height: 24px;font-size: 14px;font-weight:400;}
    .location-wrap .info .txt .method{margin: 0 0 10px;padding: 0 0 10px;}
    .location-wrap .info .txt .method:last-of-type{border:0;padding:0;}
    .location-wrap .info .txt .method strong{margin: 0 0 10px;}
    .location-wrap .info .txt .method span{display:block;}

}