@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.pg-title{margin:var(--size140) 0 var(--size120);}
.pg-title .top{margin-bottom:var(--size15);font-size:var(--fz20);font-weight:700;line-height:1.2em;color:var(--pri);}
.pg-title .tit{font-size:var(--fz54);font-weight:500;color:var(--dark);line-height:1.3em;}
.pg-title .tt{margin-top:var(--size40);font-size:var(--fz18);line-height:1.89em;color: #666;}
.pg-title .tt strong{font-weight:700;color: #333;}

.about .img{border-radius:190px;overflow:hidden;margin-bottom:var(--size200);}
.about-img{overflow:hidden;margin-bottom:var(--size200);}
.about-img img{border-radius:190px;}

.flex-con{display: flex;}
.flex-con .left{width:50%;padding-right:40px;}
.tit34{font-size:var(--fz34);font-weight: 700;color: var(--dark);line-height:1.3em;}
.flex-con .cnt{width:50%;}
.flex-con .cnt .row{margin-bottom:var(--size70);}
.flex-con .cnt .row:last-child{margin-bottom:0;}
.flex-con .cnt .row .ic{margin-bottom:var(--size25);}
.flex-con .cnt .row .tit{font-size:var(--fz20);font-weight:700;line-height:1.3em;color:var(--pri);margin-bottom:var(--size10);}
.flex-con .cnt .row .tt{line-height:1.875em;color: #666;}
.flex-con .cnt .row .tt strong{font-weight:700;color: #333;}

.pg-title.st2{margin-bottom:var(--size60);}

.lnb{position:relative;padding:20px 0;margin-bottom:var(--size120);border-top: 1px solid #333;border-bottom: 1px solid #333;}
.lnb ul{display: flex;justify-content:center;gap:var(--size70);}
.lnb ul li a{line-height:1.2em;display: block;font-weight: 700;color: #a8a8a8;font-size:var(--fz18);}
.lnb ul li.active a{color: var(--dark);}

.business .flex-con{align-items:center;}
.business .flex-con .left .img img{border-radius:var(--size100);}
.business .flex-con .cnt{padding-left:var(--size150);}
.business .flex-con .cnt .row{margin-bottom:var(--size60);}
.business .flex-con .cnt .row:last-child{margin-bottom:0;}
.business .flex-con .cnt .row .tit{margin-bottom:var(--size15);color:var(--dark);font-weight:600;}

.partner ul{display: flex;flex-wrap:wrap;margin:0 -10px -50px;}
.partner ul li{padding:0 10px;margin-bottom:50px;width:16.6666%;}
.partner ul li .logo{display: block;position:relative;pointer-events:none;}
.partner ul li .logo:after{content: '';width:100%;height:100%;border: 1px solid var(--pri);position: absolute;left:0;top:0;border-radius:var(--bd8)}

.pr-list.st2{margin:var(--size40) 0 var(--size80);}
.pr-list.st2 ul{margin:0 -20px -55px;}
.pr-list.st2 ul li{padding:0 20px;margin-bottom:55px;}
.pr-list.st2 ul li .img{position:relative;}
.pr-list.st2 ul li .img:before{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;z-index:1;}
.pr-list.st2 ul li .img:after{content:'';width:100%;height:100%;border:2px solid var(--pri);position: absolute;left:0;top:0;z-index:2;opacity:0;}
.pr-list.st2 ul li a:hover .img:after{opacity:1;}


.pr-view .top-con{display: flex;}
.pr-view .top-con .sld{width:50%;padding-right:var(--size150);}
.pr-view .top-con .sld .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;transition:.3s;}
.pr-view .top-con .sld .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.pr-view .top-con .sld .pic:after{content: '';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;z-index:2;}

.pr-view .top-con .sld .thumb{margin-top:var(--size20);}
.pr-view .top-con .sld .thumb .slick-list{margin:0 -5px}
.pr-view .top-con .sld .thumb .item{padding:0 5px;}
.pr-view .top-con .sld .thumb .item .pic{cursor:pointer;}
.pr-view .top-con .sld .thumb .item .pic:before{content:'';position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);z-index:1;transition:.3s;}
.pr-view .top-con .sld .thumb .slick-current .item .pic:before{opacity:0;}
.pr-view .top-con .sld .thumb .slick-current .item .pic:after{border-color:var(--pri);}

.pr-view .top-con .tt-wrap{width:50%;padding-top:20px;}
.pr-view .top-con .tt-wrap .tit-wrap .top{display: flex;justify-content:space-between;align-items:center;margin-bottom:var(--size15);}
.pr-view .top-con .tt-wrap .tit-wrap .top .cate{display: inline-flex;align-items:center;padding:0 15px;height:32px;border-radius:16px;background-color:#ccc;color: #fff;font-size:var(--fz14);font-weight:600;}
.pr-view .top-con .tt-wrap .tit-wrap .top .btn-back{color: #a8a8a8;line-height:1.2em;display: inline-block;transition:.3s;}
.pr-view .top-con .tt-wrap .tit-wrap .top .btn-back:hover{color: var(--dark);}
.pr-view .top-con .tt-wrap .tit-wrap .tit{font-size:var(--fz32);line-height:1.3em;color:var(--dark);font-weight:600;}
.pr-view .top-con .tt-wrap .tit-wrap .tt{color: #878787;margin-top:var(--size15);}
.pr-view .top-con .tt-wrap .info{margin-top:var(--size35);padding:var(--size35) 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.pr-view .top-con .tt-wrap .info dl{display: flex;font-size:var(--fz18);line-height:1.67em;margin-bottom:var(--size20);}
.pr-view .top-con .tt-wrap .info dl:last-child{margin-bottom:0;}
.pr-view .top-con .tt-wrap .info dl dt{width:200px; color:var(--dark);font-weight:600;}
.pr-view .top-con .tt-wrap .info dl dd{flex:1 1 auto; min-width:0; width:1%;color: #333;}
.doc-btn{display: flex;justify-content:center;align-items:center;width:220px;height:64px;border-radius:32px;background-color:var(--pri);font-size:var(--fz18);font-weight:500;line-height:1.2em;transition:.3s;color: #fff;margin:0 auto;cursor:pointer;border:none;}
.pr-view .top-con .tt-wrap .doc-btn{margin:var(--size40) 0 0 auto;}
.pr-view .rel-product{margin-top:var(--size150);}
.rel-product .title{position:relative;text-align:center;margin-bottom:var(--size60);}
.rel-product .title:before{content:'';width:100%;height:1px;background-color:var(--dark);position: absolute;left:0;bottom:50%;}
.rel-product .title span{display: inline-block;font-size:var(--fz24);color:var(--dark);line-height:1.2em;padding:0 var(--size30);background-color: #fff;z-index:1;position:relative;}
.rel-product .sld{position:relative;}
.rel-product .sld .slick-list{margin:0 -20px;}
.rel-product .sld .item{padding:0 20px;}
.rel-product .sld .item .img{position:relative;}
.rel-product .sld .item .img:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;z-index:1;}
.rel-product .sld .item .img .pic{position:relative; height:0; padding-bottom:100%; overflow:hidden;transition:.3s;}
.rel-product .sld .item .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.rel-product .sld .item .tit{margin-top:15px;font-size:var(--fz20);line-height:1.3em;color:var(--dark);font-weight:700;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.rel-product .sld .slick-arrow{display: block;width:40px;height:40px;border-radius:50%;border: 1px solid #ddd;background-color:transparent;background-position:50% 50%;background-size:10px;background-repeat: no-repeat;position: absolute;top:50%;transform:translateY(-50%);z-index:1;transition:.3s;font-size:0;}
.rel-product .sld .slick-prev{background-image: url('/images/sub/sld-prev.png');left:-100px;}
.rel-product .sld .slick-next{background-image: url('/images/sub/sld-next.png');right:-100px;}
.rel-product .sld .slick-arrow:hover{background-color:var(--pri);border-color:var(--pri);}
.rel-product .sld .slick-prev:hover{background-image: url('/images/sub/sld-prev-on.png');}
.rel-product .sld .slick-next:hover{background-image: url('/images/sub/sld-next-on.png');}

.rel-product .sld .item a:hover .img .pic{transform:scale(1.05);}

.service .top-img{border-radius:190px;margin-bottom:var(--size190);overflow:hidden;}
.service .con{display: flex;}
.service .con .tt-wrap{padding-right:var(--size90);}
.service .con .tt-wrap .logo{margin-bottom:-70px;}
.service .con .tt-wrap .group{padding-left:var(--size90);}
.service .con .tt-wrap .tit-wrap{margin-bottom:var(--size60);}
.service .con .tt-wrap .tit-wrap .tit{margin-bottom:var(--size20);font-size:var(--fz54);font-weight: 500;color:var(--dark);line-height:1.2em;}
.service .con .tt-wrap .tit-wrap .tt{font-size:var(--fz22);font-weight:500;color:var(--dark);line-height:1.55em;}
.service .con .tt-wrap .wrap p{margin-bottom:var(--size25);font-size:var(--fz18);line-height:1.78em;}
.service .con .tt-wrap .wrap p:last-child{margin-bottom:0;}
.service .con .imgs{min-width:0;width:1%;flex:1 1 auto;display: flex;}
.service .con .imgs .img.st2{padding-top:var(--size150);}

.inquiry .input-area{padding-bottom:var(--size60);border-bottom: 1px solid var(--pri);}
.inquiry .input-area .row{margin-bottom:var(--size60);}
.inquiry .input-area .row:last-child{margin-bottom:0;}
.inquiry .input-area .row .flex{display: flex;margin:0 -50px;}
.inquiry .input-area .row .flex .col{width:50%;padding:0 50px;}
.inquiry .input-area .row .tit{display: inline-block;font-size:var(--fz20);font-weight:700;color:var(--dark);line-height:1.2em;margin-bottom:var(--size15);}
.inquiry .input-area .row .input{border:none;border-bottom: 1px solid #ddd;padding:0;height:56px;font-size:var(--fz18);}
.inquiry .input-area .row .box{margin-top:var(--size35);background-color: #fafafa;padding:var(--size40);}
.inquiry .input-area .row .box textarea.input{border:none;padding:var(--size35) var(--size40);display: block;margin-bottom:var(--size40);}
.inquiry .input-area .row .box input.input{border:none;display: block;padding:10px var(--size40);}

.history{display: flex;}
.history .deco{margin-right:var(--size50);}
.history .con{min-width:0;width:1%;flex:1 1 auto;}
.history .con .row{display: flex;}
.history .con .row:first-child .col{border-top: 2px solid #333;}
.history .con .row .col{padding:var(--size55) 0;border-bottom: 1px solid #ddd;}
.history .con .row .col.year{width:300px;margin-right:var(--size60);}
.history .con .row .col.year p{font-size:var(--fz40);font-weight:600;color:#b9ac8d;line-height:1.2em;text-align:center;}
.history .con .row .col.cnt{min-width:0;width:1%;flex:1 1 auto;}
.dot-list>li{position:relative;padding-left:16px;font-size:var(--fz18);line-height:1.67em;margin-bottom:var(--size20);}
.dot-list>li:before{content:'';width:6px;height:6px;border-radius:50%;background-color:#b9ac8d;position: absolute;left:0;top:11px;}
.dot-list>li:last-child{margin-bottom:0;}
.dot-list>li strong{color: #333;}

.pg-title.type2 .tit{font-size:var(--fz40);}

.pr-pg .content{padding:var(--size150) 0;}
.pr-pg .content:first-child{padding-top:0;}
.pr-pg .content:last-child{margin-bottom:0;}
.pr-pg .content .title{text-align:center;margin-bottom:var(--size80);}
.pr-pg .content .title .tit{font-size:var(--fz34);color:var(--dark);line-height:1.2em;}
.pr-pg .cont1 .con{max-width:1040px;margin:0 auto;}
.pr-pg .cont1 .con>ul{display: flex;flex-wrap:wrap;margin:0 -20px -60px;}
.pr-pg .cont1 .con>ul>li{width:50%;padding:0 20px;margin-bottom:60px;}
.pr-pg .cont1 .con>ul>li .box{display: block;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;min-height:300px;}
.pr-pg .cont1 .con>ul>li .box .hover{position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);padding:var(--size40);z-index:1;transition:.3s;display: flex;align-items:center;opacity:0;}
.pr-pg .cont1 .con>ul>li .box .hover ul>li{color: #fff;position:relative;padding-left:15px;line-height:1.5em;margin-bottom:var(--size10);}
.pr-pg .cont1 .con>ul>li .box .hover ul>li:last-child{margin-bottom:0;}
.pr-pg .cont1 .con>ul>li .box .hover ul>li:before{content:'';width:5px;height:5px;border-radius:50%;background-color: #fff;position: absolute;left:0;top:8px;}
.pr-pg .cont1 .con>ul>li:hover .box .hover{opacity:1;}
.pr-pg .cont1 .con>ul>li .tit{position:relative;display: flex;align-items:center;gap:16px;margin-top:var(--size25);}
.pr-pg .cont1 .con>ul>li .tit p{min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz20);font-weight:700;color:var(--dark);line-height:1.3em;}

.pr-pg .cont2{background-color: #f8f7f3;}
.pr-pg .cont2 .cert-list ul{display: flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.pr-pg .content .title .tt{margin-top:var(--size20);font-size:var(--fz18);line-height:1.5em;}

.pr-pg .cont4{background:url('/images/sub/growth-bg.jpg') no-repeat center center;background-size:cover;}
.pr-pg .cont4 .title .tit,
.pr-pg .cont4 .title .tt{color: #fff;}
.pr-pg .cont4 .growth ul{display: flex;margin:0 -20px;}
.pr-pg .cont4 .growth ul li{width:33.3333%;padding:0 20px;text-align:center;color: #fff;}
.pr-pg .cont4 .growth ul li .ic{display: flex;justify-content:center;align-items:center;margin-bottom:var(--size25);}
.pr-pg .cont4 .growth ul li .num{line-height:1.2em;font-size:clamp(3.75rem, 2.7632rem + 3.9474vw, 7.5rem);}
.pr-pg .cont4 .growth ul li .txt{font-size:var(--fz24);line-height:1.3em;margin-top:var(--size20);}