@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* 인증현황 */
.certi-list ul{display:flex;flex-wrap:wrap;margin:0 -50px -95px;}
.certi-list ul li{width:25%;padding:0 50px;margin-bottom:95px;text-align:center;}
.certi-list ul li p{margin-top:25px;font-size:var(--fz20);font-weight:500;line-height:1.6em;color:var(--dark);}

.marq-wrap{overflow:hidden;margin:var(--size100) 0 var(--size160);}
.marq-wrap .marquee{margin-bottom:30px;height:440px;}
.marq-wrap .marquee:last-child{margin-bottom:0;}
.marq-wrap .marquee .items{display:flex;gap:30px;}
.marq-wrap .marquee .items .pic img{border-radius:var(--bd24);}

.sponsor .top-con{margin-bottom:var(--size150);}
.sponsor .top-con .heart{margin-bottom:var(--size45);animation:move_up_down 1.5s linear infinite;}
.sponsor .top-con .tt1{margin-bottom:var(--size40);font-size:var(--fz28);font-weight:700;color: var(--dark);line-height:1.71em;}
.sponsor .top-con .tt2{font-size:var(--fz24);font-weight:500;color: var(--dark);line-height:1.75em;}
.sponsor .top-con .tt2 strong{color:var(--pri);text-decoration:underline;text-underline-offset:7px;}
.sp-marquee{overflow:hidden;}
.sp-marquee .items{display:flex;gap:30px;}
.sp-marquee .items .box{padding:var(--size45) var(--size40);width:480px;height:540px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:var(--bd24);overflow:hidden;color: #fff;}
.sp-marquee .items .box .tt1{margin-bottom:var(--size15);font-size:var(--fz28);font-weight:700;line-height:1.71em;}
.sp-marquee .items .box .tt1 small{display: block;font-size:var(--fz18);font-weight:500;color:rgba(255,255,255,.6);margin-top:-10px;}
.sp-marquee .items .box .tt2{font-size:var(--fz18);line-height:1.78em;font-weight:500;}
.sp-marquee .items .box .num{margin-top:var(--size40);line-height:1.2em;font-size:var(--fz28);font-weight:700;}
.sp-marquee .items .box .num strong{font-size:var(--fz72);}

.pr-intro{display:flex;}
.pr-intro .img-sld{width:580px;margin-right:var(--size120);}
.pr-intro .img-sld .item .pic img{border-radius:var(--bd24);}
.pr-intro .btn-area{min-width:0;width:1%;flex:1 1 auto;}
.pr-intro .btn-area .title{margin-bottom:var(--size60);font-size:var(--fz40);font-weight:600;line-height:1.2em;color:var(--dark);}
.pr-intro .row{margin-bottom:20px;display:flex;}
.pr-intro .row:last-child{margin-bottom:0;}
.pr-intro .row .tit{display:flex;justify-content:center;align-items:center;width:140px;min-height:80px;padding:10px;margin-right:var(--size60);background-color: #f4f4f4;transition:.3s;line-height:1.5em;text-align:center;font-weight:600;border-radius:var(--bd16);}
.pr-intro .row.active .tit{background-color:var(--pri);color: #fff;}
.pr-intro .row .btns{display:flex;align-items:center;min-width:0;width:1%;flex:1 1 auto;padding:18px 0;}
.pr-intro .row .btns .inner{width:100%;}
.pr-intro .row .btns ul{display:flex;flex-wrap:wrap;margin:0 -10px -15px;}
.pr-intro .row .btns ul li{width:50%;padding:0 10px;margin-bottom:15px;}
.pr-intro .row .btns ul li a{display:inline-block;transition:.3s;color: #ccc;font-weight:700;line-height:1.2em;}
.pr-intro .row .btns ul li.active a{color:var(--pri);}


/* 제품 리스트 */
.board-title-wrap{display:flex;align-items:flex-end;padding-bottom:40px;margin-bottom:var(--size80);border-bottom:1px solid #dfdfdf;}
.board-title-wrap .title{margin-right:40px;font-size:var(--fz56);color:var(--dark);line-height:1.1em;font-weight:600;min-width:0;width:1%;flex:1 1 auto;}

.board-title-wrap .pr-cate{margin-right:var(--size40);}
.board-title-wrap .pr-cate ul{display:flex;align-items:center;height:50px;gap:30px;}
.board-title-wrap .pr-cate ul li a{display:inline-block;font-size:var(--fz18);color: #a8a8a8;line-height:1.2em;font-weight:700;}
.board-title-wrap .pr-cate ul li.active a{color:var(--dark);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;}

.doc-search{width:240px;}
.doc-search .wrap{position:relative;padding:0 50px 0 20px;border-radius:25px;background-color: #f4f4f4;}
.doc-search .wrap input.input{border:none;background-color:transparent;font-size:var(--fz15);padding:0;height:50px;width:100%;}
.doc-search .wrap input.input:focus{outline:none;}
.doc-search .wrap input.input::placeholder{color: #a8a8a8;}
.doc-search .wrap .btn{display:block;position: absolute;right:20px;top:50%;margin-top:-9px;width:18px;height:18px;background:transparent url('/images/sub/ic-sch.png')no-repeat 50% 50%/contain;border:none;font-size:0;}

.doc-search .wrap input.input:-webkit-autofill,
.doc-search .wrap input.input:-webkit-autofill:hover,
.doc-search .wrap input.input:-webkit-autofill:focus,
.doc-search .wrap input.input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
     /* -webkit-text-fill-color: #505050 !important; */
   }

.pr-list-wrap{display:flex;}
.pr-list-wrap .cate-area{width:280px;margin-right:40px;}
.pr-list-wrap .cate-area .cate>ul>li{margin-bottom:20px;}
.pr-list-wrap .cate-area .cate>ul>li:last-child{margin-bottom:0;}
.pr-list-wrap .cate-area .cate>ul>li>a{font-size:var(--fz18);color: #a8a8a8;font-weight:700;line-height:1.4em;transition:.3s;}
.pr-list-wrap .cate-area .cate>ul>li.active>a{color:var(--dark);}
.pr-list-wrap .cate-area .cate>ul>li .depth2{margin:25px 0;padding:30px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;display:none;}
.pr-list-wrap .cate-area .cate>ul>li .depth2>ul>li{position:relative;margin-bottom:20px;}
.pr-list-wrap .cate-area .cate>ul>li .depth2>ul>li:last-child{margin-bottom:0;}
.pr-list-wrap .cate-area .cate>ul>li .depth2>ul>li>a{color: #a8a8a8;font-weight:500;line-height:1.4em;transition:.3s;}
.pr-list-wrap .cate-area .cate>ul>li .depth2>ul>li.active>a{color:var(--pri);}
.pr-list-wrap .cate-area .cate>ul>li .depth2>ul>li.active:after{content:'';position: absolute;right:0;top:.3em;width:14px;height:12px;background:url('/images/sub/cate-chk.png')no-repeat 100% 50%/contain;}

.pr-list-wrap .list-area{min-width:0;width:1%;flex:1 1 auto;}
.pr-list-wrap .list-area .title{margin-bottom:30px;font-size:var(--fz28);font-weight:600;line-height:1.4em;color:var(--dark);}
.pr-list-wrap .list-area .depth3{margin-bottom:50px;overflow:hidden;}
.pr-list-wrap .list-area .depth3 ul{display:flex;}
.pr-list-wrap .list-area .depth3 ul li{width:auto;margin-right:6px;}
.pr-list-wrap .list-area .depth3 ul li:last-child{margin-right:0;}
.pr-list-wrap .list-area .depth3 ul li a{display:flex;justify-content:center;align-items:center;padding:0 24px;height:48px;border-radius:24px;background-color: #f4f4f4;color: #878787;font-size:var(--fz15);font-weight:500;}
.pr-list-wrap .list-area .depth3 ul li.active a{color: #fff;background-color:var(--pri);}
.doc-pr-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -75px;}
.doc-pr-list ul li{padding:0 15px;margin-bottom:75px;width:33.3333%;line-height:1.4em;}
.pr-item .img{position:relative;padding:15px;border-radius:var(--bd24);border:1px solid #dfdfdf;}
.pr-item .img .arr{display:flex;justify-content:center;align-items:center;position: absolute;right:10px;bottom:10px;width:60px;height:60px;background-color:#121212;border-radius:100%;opacity:0;transition:.1s;}
.pr-item .img .pic{position:relative; padding-bottom:125.983%; overflow:hidden;}
.pr-item .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pr-item .tit{margin-top:25px;font-size:var(--fz20);font-weight:500;color:var(--dark);display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;line-height:1.4em;}
.pr-item .tt{margin-top:5px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;line-height:1.4em;font-size:var(--fz15);font-weight:700;color: #ccc;}

.pr-item:hover .img .arr{opacity:1;}

.m-cate-wrap{overflow:hidden;}
.m-cate-wrap .depth1{margin-bottom:15px;}
.m-cate-wrap ul{display:flex;gap:6px;}
.m-cate-wrap ul li{width:auto;}
.m-cate-wrap ul li a{display:flex;justify-content:center;align-items:center;padding:0 15px;height:32px;border-radius:16px;background-color: #f4f4f4;color: #878787;font-size:var(--fz15);font-weight:500;}
.m-cate-wrap ul li.active a{color: #fff;background-color:var(--pri);}

/* 제품 상세페이지 */
.pr-view .content{margin-bottom:var(--size160);overflow:hidden;}
.pr-view .content:last-child{margin-bottom:0;}

.pr-view .cont1 .contain{display:flex;}
.pr-view .cont1 .tt-wrap{display:flex;flex-direction:column;justify-content:space-between;min-width:0;width:1%;flex:1 1 auto;margin-right:40px;padding-bottom:var(--size160);}
.pr-view .cont1 .tt-wrap .load{margin-bottom:20px;}
.pr-view .cont1 .tt-wrap .load ul li{margin-bottom:8px;}
.pr-view .cont1 .tt-wrap .load ul li:last-child{margin-bottom:0;}
.pr-view .cont1 .tt-wrap .load ul li .cate{display:inline-flex;align-items:center;padding:0 15px;height:34px;border-radius:17px;border:1px solid var(--pri);font-size:var(--fz14);font-weight:500;line-height:1.2em;color:var(--pri);}
.pr-view .cont1 .tt-wrap .title{font-size:var(--fz72);font-weight:600;color:var(--dark);line-height:1.25em;}
.pr-view .cont1 .img{padding:15px;width:47.1428%;border-radius:var(--bd24);background-color: #f8f8f8;}
.pr-view .cont1 .img .pic{position:relative; padding-bottom:103.178%; overflow:hidden;}
.pr-view .cont1 .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.pr-type-sld{position:relative;max-width:1080px;margin:0 auto;}
.pr-type-sld .flex{display:flex;transition:.3s;}
.pr-type-sld .flex .img{position:relative;margin-right:100px;width:44.4444%;padding:15px;background-color: #f8f8f8;border-radius:var(--bd24);transition:.3s;}
.pr-type-sld .flex .img .type{display:none;}
.pr-type-sld .flex .img .pic{position:relative; padding-bottom:126.673%; overflow:hidden;}
.pr-type-sld .flex .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pr-type-sld .flex .tt-wrap{padding-top:20%;min-width:0;width:1%;flex:1 1 auto;}
.pr-type-sld .flex .tt-wrap .tit{margin-bottom:35px;color:var(--pri);font-weight:700;line-height:1.4em;}
.pr-type-sld .flex .tt-wrap .info dl{display:flex;margin-bottom:15px;font-size:var(--fz20);line-height:1.5em;color:var(--dark);}
.pr-type-sld .flex .tt-wrap .info dl:last-child{margin-bottom:0;}
.pr-type-sld .flex .tt-wrap .info dl dt{width:178px;font-weight:600;}
.pr-type-sld .flex .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.pr-type-sld .flex .tt-wrap .down-btns.type2{margin-top:60px;}
.down-btns.type2{margin-left:-5px;margin-right:-5px;justify-content:flex-start;}
.down-btns.type2 li{max-width:230px;padding: 0 5px;}

.pr-type-sld .swiper-slide-prev .flex{justify-content:flex-end;}
.pr-type-sld .swiper-slide-prev .flex .img{margin-right:0;}
.pr-type-sld .swiper-slide-prev .flex .tt-wrap{display:none;}
.down-btns li .btn.back:after{background-image: url('/images/sub/pr-view-ic-list.png');}
.down-btns li .btn.contact:after{background-image: url('/images/sub/pr-view-ic-contact.png');}
.down-btns li .btn.back:hover:after{background-image: url('/images/sub/pr-view-ic-list-on.png');}
.down-btns li .btn.contact:hover:after{background-image: url('/images/sub/pr-view-ic-contact-on.png');}

.pr-view .cont2 .contain{max-width:1140px;width:100%;}
.pr-type-sld-img .swiper-slide-prev .img-wrap{max-width:1080px;width:100%;}
.pr-type-sld-img .swiper-slide-prev .img-wrap .img{margin-left:55.555%;}
/* .pr-type-sld-img .img-wrap{transition:1s;} */
.pr-type-sld-img .img{width:44.445%;position:relative;padding:15px;/* background-color: #f8f8f8; */border-radius:var(--bd24);transition:.5s;}
.pr-type-sld-img .img .type{display:inline-flex;align-items:center;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.2em;background-color: #f8f8f8;border-radius:54px;padding:0 var(--size30);height:54px;opacity:0;transition:.3s;}
.pr-type-sld-img .swiper-slide-active .img .type{opacity:1;}
.pr-type-sld-img .img .pic{position:relative; padding-bottom:126.673%; overflow:hidden;}
.pr-type-sld-img .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}

.pr-type-sld-info{background-color: #fff;position: absolute;width:55.555%;right:0;top:0;height:100%;z-index:1;padding-top:18%;padding-left:var(--size100);padding-right:40px;}
.pr-type-sld-info .tt-wrap{}
.pr-type-sld-info .tt-wrap .tit{margin-bottom:35px;color:var(--pri);font-weight:700;line-height:1.4em;}
.pr-type-sld-info .tt-wrap .info dl{display:flex;margin-bottom:15px;font-size:var(--fz20);line-height:1.5em;color:var(--dark);}
.pr-type-sld-info .tt-wrap .info dl:last-child{margin-bottom:0;}
.pr-type-sld-info .tt-wrap .info dl dt{width:178px;font-weight:600;}
.pr-type-sld-info .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.pr-type-sld-info .tt-wrap .down-btns.type2{margin-top:60px;}

.pr-view .cont2 .doc-arrs{position: absolute;width:55.555%;padding-left:var(--size100);z-index:3;top:0;left:0;}


.doc-arrs{display:flex;gap:12px;}
.doc-arrs .arr{display:block;width:48px;height:48px;border-radius:100%;border:1px solid #dfdfdf;background-color:#fff;background-repeat:no-repeat;background-size:9px;transition:.3s;background-position:50% 50%;font-size:0;}
.doc-arrs .arr.prev{background-image: url('/images/sub/arr-prev.png');}
.doc-arrs .arr.next{background-image: url('/images/sub/arr-next.png');}
.doc-arrs .arr:hover{background-color:var(--pri);border-color:var(--pri);}
.doc-arrs .arr.prev:hover{background-image: url('/images/sub/arr-prev-on.png');}
.doc-arrs .arr.next:hover{background-image: url('/images/sub/arr-next-on.png');}

.pr-type-sld .doc-arrs{position: absolute;top:20px;right:36.5%;z-index:1;}

.pr-view .content.cont2{margin-bottom:var(--size120);}
.model-3d{padding-top:var(--size60);border-top:2px solid var(--dark);}
.doc-title{margin-bottom:var(--size60);}
.doc-title .tit{font-size:var(--fz40);font-weight:600;color:var(--dark);line-height:1.4em;}
.doc-title .tt{margin-top:20px;font-size:var(--fz18);line-height:1.67em;}

.tb-wrap .group{margin-bottom:var(--size80);}
.tb-wrap .group:last-child{margin-bottom:0;}
.tb-wrap .group .tb-tit{margin-bottom:25px;line-height:1.2em;font-size:var(--fz24);font-weight:600;color:var(--pri);}
.table01 table{width:100%;border-spacing:0;border-top:1px solid var(--dark);/* border-bottom:1px solid var(--dark); */text-align:center;font-size:var(--fz18);line-height:1.5em;}
.table01 table th,
.table01 table td{height:60px;padding:10px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.table01 table thead th{background-color: #f2f5fc;color:var(--dark);font-weight:600;}

.table01 table th:last-child,
.table01 table td:last-child{border-right:none;}
.table01 table th.bottom-line,
.table01 table td.bottom-line{border-bottom-color:var(--dark);}

.doc-title.flex{display:flex;align-items:flex-end;}
.doc-title .wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}

.pr-view-others .slick-list{margin:0 -20px;}
.pr-view-others .item{padding:0 20px;}
.pr-view-others .pr-item .img{border-radius:var(--bd16);}
.pr-view-others .pr-item .img .arr{width:48px;height:48px;}
.pr-view-others .pr-item .img .arr img{height:17px;}
.pr-view-others .pr-item .tit{margin-top:20px;font-size:var(--fz18);}
.pr-view-others .pr-item .tt{margin-top:0;font-size:13px;}

.pr-view .cont7 .contact-box{padding:var(--size70);border-radius:var(--bd16);background:url('/images/sub/pr-view-contact-bg.jpg')no-repeat 50% 50%/cover;}
.pr-view .cont7 .contact-box .top-tt{margin-bottom:10px;color:var(--pri);font-size:var(--fz20);font-weight:700;line-height:1.4em;text-align:center;}
.pr-view .cont7 .contact-box .tit{margin-bottom:35px;font-size:var(--fz32);font-weight:600;line-height:1.4em;color:var(--dark);text-align:center;}
.pr-view .cont7 .contact-box .down-btns.type2{justify-content:center;}
.pr-view .cont7 .contact-box .down-btns.type2 li .btn{box-shadow:6px 6px 48px rgba(0,0,0,.06);border:none;}
.pr-view .cont7 .link{margin-top:20px; position: fixed;left: 0;bottom:20px;width: 100%;z-index: 100;/* background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);box-shadow: 0 -5px 20px rgba(0,0,0,0.1);padding: 15px 0; */}
.pr-view .cont7 .link ul{display:flex;margin:0 -5px;}
.pr-view .cont7 .link ul li{width:25%;padding:0 5px;}
.pr-view .cont7 .link ul li .btn{display:flex;align-items:center;padding:25px 30px;border:1px solid #dfdfdf;border-radius:var(--bd16);height:100%;background-color: #fff;}
.pr-view .cont7 .link ul li .btn .tit{min-width:0;width:1%;flex:1 1 auto;margin-right:20px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.4em;}
.pr-view .cont7 .link ul li .btn .ic{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;background-color: #f4f4f4;}
.pr-view .cont7 .link ul li .btn .ic img.off{display:none;}

.pr-view .cont7 .link ul li.disable .btn{background-color: #fafafa;pointer-events:none;}
.pr-view .cont7 .link ul li.disable .btn .tit{color: #ccc;}
.pr-view .cont7 .link ul li.disable .btn .ic img.on{display:none;}
.pr-view .cont7 .link ul li.disable .btn .ic img.off{display:block;}

.pr-view .cont7 .link:not(.fixed) {position: static;left: auto;bottom: auto;width:auto;z-index: auto;background: transparent;backdrop-filter:none;box-shadow: none;padding:0;margin-top: 20px;}

.link-placeholder {height: 0;visibility: hidden;transition: height 0.3s ease;}
.link-placeholder.active {height: auto;visibility: visible;margin-top:20px;}

/* 카탈로그 */
.data-list ul{display:flex;flex-wrap:wrap;margin:0 -50px -75px;}
.data-list ul li{width:25%;padding:0 50px;margin-bottom:75px;text-align:center;}
.data-list ul li .pic{position:relative; height:0; padding-bottom:140.368%; overflow:hidden;border-radius:var(--bd16);}
.data-list ul li .pic:after{content:'';width:100%;height:100%;border:1px solid rgba(0,0,0,.1);border-radius:var(--bd16);position: absolute;left:0;top:0;}
.data-list ul li .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;}
.data-list ul li .down{position: absolute;right:10px;bottom:10px;display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:100%;background-color:var(--dark);opacity:0;transition:.3s;}
.data-list ul li a:hover .down{opacity:1;}
.data-list ul li .tit{margin-top:30px;font-size:var(--fz20);font-weight:500;color:var(--dark);letter-spacing:-.04em;line-height:1.5em;}

/* 비로그인 다운로드 */
.close-modal{display:none !important;}
.non-login-pop{background-color: #fff;border-radius:var(--bd24);}
.non-login-pop .title-wrap{display:flex;align-items:center;justify-content:space-between;padding:35px 40px;}
.non-login-pop .title-wrap .tit{font-size:var(--fz24);font-weight:800;color:var(--dark);line-height:1.2em;}
.non-login-pop .title-wrap .modal-close{display:block;width:18px;height:18px;background:url('/images/sub/pop-close.png')no-repeat 50% 50%/contain;font-size:0;}
.non-login-pop .content{padding:35px 40px 40px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.dot-tt{position:relative;padding-left:17px;font-weight:500;}
.dot-tt:before{content:'';position: absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background-color:var(--pri);}
.non-login-pop .data-name{margin:25px 0 45px;padding:30px;border:1px solid #eee;border-radius:var(--bd16);background-color: #f8f8f8;}
.non-login-pop .data-name .tit{margin-bottom:10px;line-height:1.4em;color: #ccc;font-weight:700;}
.non-login-pop .data-name .name{font-size:var(--fz20);font-weight:500;line-height:1.5em;color:var(--dark);}
.non-login-pop .form-area .tit{margin-bottom:0;font-weight:700;color:var(--dark);line-height:1.4em;}
.non-login-pop .form-area .nt2{margin-bottom:15px;font-size:14px;color: #878787;}
.non-login-pop .form-area .input-wrap .row{margin-bottom:8px;}
.non-login-pop .form-area .input-wrap .row:last-child{margin-bottom:0;}
.non-login-pop .form-agree{margin:35px 0 0;}
.non-login-pop .form-agree .check{display:flex;justify-content:space-between;align-items:center;margin:0;}
.non-login-pop .form-agree .nt{font-size:var(--fz15);}
.non-login-pop .btm{padding:40px 0;}
.doc-btn{display:flex;justify-content:center;align-items:center;min-width:230px;height:60px;border-radius:30px;margin:0 auto;background-color:var(--pri);font-size:var(--fz18);font-weight:600;line-height:1.2em;color: #fff;border:none;cursor:pointer;}

/* 갤러리 공통 리스트 */
.gal-list ul{display:flex;flex-wrap:wrap;margin:0 -30px -75px;}
.gal-list ul li{width:33.3333%;padding:0 30px;margin-bottom:75px;line-height:1.3em;}
.gal-list ul li .pic {position:relative; height:0; padding-bottom:89.068%; overflow:hidden;border-radius:var(--bd24) var(--bd24) var(--bd80) var(--bd24);}
.gal-list ul li .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;}
.gal-list ul li .date{margin:25px 0 10px;color: #0042ff;line-height:1.4em;font-size:var(--fz15);}
.gal-list ul li .tit{color: #242424;font-weight:600;font-size:var(--fz22);display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;}
.gal-list ul li .sm-info{margin-top:25px;}

/* 갤러리 공통 상세 */
.gal-view{overflow:hidden;}
.gal-view .title{margin-bottom:var(--size100);text-align:center;}
.gal-view .title .tit{font-size:var(--fz56);font-weight:600;color:var(--dark);line-height:1.3em;}
.gal-view .title .date{margin-top:30px;font-size:var(--fz20);font-weight:600;color:var(--pri);line-height:1.4em;}

.gal-sld{position:relative;max-width:1040px;width:100%;margin:0 auto var(--size120);}
.gal-sld .pic {position:relative; height:0; padding-bottom:59.616%; overflow:hidden;border-radius:var(--bd24);opacity:.7;transition:.3s;}
.gal-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;}
.gal-sld .swiper-slide-active .pic{opacity:1;}
.gal-sld .doc-arrs{display:block;gap:0;position:static;}
.gal-sld .doc-arrs .arr{position: absolute;top:50%;transform:translateY(-50%);z-index:1;}
.gal-sld .doc-arrs .arr.prev{left:-24px;}
.gal-sld .doc-arrs .arr.next{right:-24px;}

.gal-view .view{display:flex;padding:var(--size70-2) 0 var(--size120);border-top:2px solid var(--dark);border-bottom:1px solid #eee;}
.gal-view .view .info{width:50%;padding-right:40px;}
.gal-view .view .info dl{display:flex;margin-bottom:10px;line-height:1.6em;font-weight:600;color: var(--dark);font-size:var(--fz20);}
.gal-view .view .info dl:last-child{margin-bottom:0;}
.gal-view .view .info dl dt{width:72px;}
.gal-view .view .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.gal-view .view .tt-wrap{width:50%;font-size:var(--fz20);line-height:1.7em;}

.gal-view .down-btns.type2{margin-top:70px;justify-content:center;}


/* 채용공고 리스트 */
.rec-list-wrap{display:flex;border-top:2px solid var(--dark);}
.rec-list-wrap .select-area{width:300px;padding-top:65px;margin-right:100px;}
.rec-list-wrap .select-area .group{position:sticky;left:0;top:120px;}
.rec-list-wrap .select-area .row{margin-bottom:35px;}
.rec-list-wrap .select-area .row:last-child{margin-bottom:0;}
.rec-list-wrap .select-area .row .tit{display:inline-block;margin-bottom:10px;font-weight:600;color:var(--dark);}
.rec-list-wrap .list-area{min-width:0;width:1%;flex:1 1 auto;}

.rec-list{padding-top:10px;}
.rec-list ul li{padding:50px 0;border-bottom:2px solid #eee;}
.rec-list ul li a{display:flex;align-items:center;}
.rec-txt{line-height:1.3em;}
.rec-list ul li .rec-txt{min-width:0;width:1%;flex:1 1 auto;}
.rec-txt .top{display:flex;align-items:center;margin-bottom:20px;}
.rec-txt .top .day{display:inline-flex;align-items:center;justify-content:center;margin-right:17px;min-width:60px;padding:0 14px;height:32px;background-color:var(--pri);color: #fff;font-size:var(--fz14);font-weight:600;line-height:1.2em;border-radius:var(--bd6);}
.rec-txt .top .cate .flex{display:flex;margin:0 -12px;}
.rec-txt .top .cate .flex p{position:relative;padding:0 12px;color:var(--dark);font-weight:600;line-height:1.2em;}
.rec-txt .top .cate .flex p:after{content:'/';position: absolute;right:0;transform:translateX(50%);font-weight:600;color: #ccc;line-height:1.2em;}
.rec-txt .top .cate .flex p:last-child:after{display:none;}
.rec-txt .tit{font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.3em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;transition:.3s;}
.rec-txt .date{margin-top:20px;color: #a8a8a8;line-height:1.4em;transition:.3s;}
.rec-list ul li .right{margin-left:40px;padding-right:40px;}
.rec-list ul li .right .btn{position:relative;display:inline-block;padding-right:54px;font-size:var(--fz18);font-weight:500;color: #a8a8a8;line-height:1em;transition:.3s;}
.rec-list ul li .right .btn:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);border-radius:100%;width:36px;height:35px;background:#f1f1f1 url('/images/sub/ic-plus.png')no-repeat 50% 50%/16px;transition:.3s;}
.rec-list ul li a:hover .rec-txt .tit{color:var(--pri);}
.rec-list ul li a:hover .rec-txt .date{color:var(--pri);}
.rec-list ul li a:hover .right .btn{color:var(--dark);}
.rec-list ul li a:hover .right .btn:after{background-color:var(--pri);background-image: url('/images/sub/ic-plus-on.png');}

.rec-list ul li.dead .rec-txt .top .day{background-color: #f4f4f4;color: #a8a8a8;}
.rec-list ul li.dead .rec-txt .top .cate .flex p,
.rec-list ul li.dead .rec-txt .tit,
.rec-list ul li.dead .rec-txt .date{color: #ccc;}
.rec-list ul li.dead a:hover .rec-txt .tit{color:#ccc;}
.rec-list ul li.dead .right{display:none;}
/* .rec-list ul li.dead a{pointer-events:none;} */

/* 채용공고 상세 */
.rec-view-wrap{display:flex;}
.rec-view-wrap .rec-view{min-width:0;width:1%;flex:1 1 auto;margin-right:100px;}
.rec-view-wrap .btn-area{width:300px;}
.rec-view-wrap .btn-area .btn-box{position:sticky;right:0;top:120px;padding:40px 30px 45px;background-color: #f1f1f1;border-radius:var(--bd24);}
.rec-view-wrap .btn-area .btn-box .status{display:flex;justify-content:space-between;margin-bottom:35px;font-weight:500;color: #a8a8a8;line-height:1.4em;}
.rec-view-wrap .btn-area .btn-box .status p.st2{color: #505050;font-weight:400;}
.doc-btns li{margin-bottom:8px;}
.doc-btns li:last-child{margin-bottom:0;}
.doc-btns li .btn{display:flex;justify-content:center;align-items:center;width:100%;height:60px;border-radius:30px;background-color:var(--pri);color: #fff;border:1px solid var(--pri);cursor:pointer;font-size:var(--fz18);font-weight:600;line-height:1.2em;}
.doc-btns li .btn.st2{background-color: #fff;color:var(--pri);}

.rec-view .rec-txt{margin-bottom:75px;}
.rec-view .content{margin-bottom:60px;}
.rec-view .content:last-child{margin-bottom:0;}
.rec-view .cont1{border-top:2px solid var(--dark);border-bottom:2px solid var(--dark);}
.rec-view .cont1 .row{padding:45px 0;border-bottom:1px solid #eee;}
.dot-tit{position:relative;padding-left:32px;font-size:var(--fz24);font-weight:600;line-height:1.4em;color:var(--dark);}
.dot-tit:before{content:'';width:12px;height:12px;border-radius:50%;background-color:var(--pri);position: absolute;left:0;top:.4em;}
.rec-view .cont1 .row .dot-tit{margin-bottom:20px;}
.rec-view .cont1 .row .hypen-list{padding-left:32px;}
.hypen-list>li{margin-bottom:15px;text-indent:-.6em;padding-left:.6em;font-size:var(--fz18);line-height:1.44em;}
.hypen-list>li:last-child{margin-bottom:0;}

.rec-view .cont2 .con{margin-bottom:60px;}
.rec-view .cont2 .con:last-child{margin-bottom:0;}
.rec-view .cont2 .con .tit{margin-bottom:var(--size40);font-size:var(--fz28);font-weight:600;color:var(--pri);line-height:1.3em;}
.rec-step{padding:50px;background-color: #f1f1f1;border-radius:var(--bd16);}
.rec-step ul{display:flex;justify-content:center;margin:0 -65px;}
.rec-step ul li{position:relative;padding:0 65px;text-align:center;}
.rec-step ul li:after{content:'';position: absolute;right:-13.5px;top:50%;margin-top:-8.5px;width:27px;height:17px;background:url('/images/sub/rec-step-arr.png')no-repeat 50% 50%/contain;}
.rec-step ul li:last-child:after{display:none;}
.rec-step ul li .ic{display:flex;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 20px;border-radius:100%;background-color: #fff;}
.rec-step ul li p{font-size:var(--fz18);font-weight:600;line-height:1.2em;}

.rec-link{display:flex;margin-bottom:60px;padding:50px;border-radius:var(--bd16);border:1px solid #eee;}
.rec-link .hypen-list{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.rec-link .hypen-list>li{margin-bottom:5px;}
.rec-link .link ul{display:flex;gap:50px;}
.rec-link .link ul li a{display:flex;align-items:center;}
.rec-link .link ul li a .ic{display:flex;justify-content:center;align-items:center;width:56px;height:56px;margin-right:20px;background-color: #f1f1f1;border-radius:var(--bd10);}
.rec-link .link ul li a p{font-size:var(--fz18);font-weight:600;color:var(--dark);line-height:1.44em;}

.rec-view .notice .row{margin-bottom:50px;}
.rec-view .notice .row:last-child{margin-bottom:0;}
.rec-view .notice .row .row-tit{margin-bottom:20px;font-size:var(--fz20);font-weight:700;color:var(--dark);line-height:1.4em;}
.rec-view .notice .row .hypen-list>li{margin-bottom:5px;font-size:var(--fz15);line-height:1.73em;color: #a8a8a8;}

/* 채용공고 신청 */
.rec-apply{max-width:1000px;margin:0 auto;border-top:2px solid var(--dark);}
.rec-apply .title{display:flex;align-items:center;padding:50px 0;border-bottom:1px solid #eee;margin-bottom:var(--size70);}
.rec-apply .title .txt{margin-right:60px;font-size:var(--fz18);font-weight:600;color:var(--pri);line-height:1.2em;}
.rec-apply .title .tit{font-size:var(--fz28);font-weight:700;line-height:1.3em;color:var(--dark);min-width:0;width:1%;flex:1 1 auto;}
.rec-apply .content{margin-bottom:var(--size70);padding-bottom:var(--size70);border-bottom:1px solid #eee;}
.rec-apply .content:last-child{margin-bottom:0;}
.rec-apply .content .con-tit{margin-bottom:var(--size50);font-size:var(--fz18);font-weight:600;color: #a8a8a8;line-height:1.4em;}

.fr-row .label-wrap{display:flex;justify-content:space-between;margin-bottom:10px;}
.fr-row .label-wrap .tit{color:var(--dark);font-weight:600;}
.fr-row .label-wrap .txt-num{color: #a8a8a8;}
.necess{color: #e60012 !important;}
.fr-row{margin-bottom:35px;}
.fr-row:last-child{margin-bottom:0;}
.fr-row .flex{display:flex;margin:0 -10px;}
.fr-row .flex .col{width:50%;padding:0 10px;}

.ch-list {display:flex;flex-wrap:wrap;margin:0 -5px;}
.ch-list li{width:50%;padding:0 5px;}
.ch-list li input[type=radio]{display: none;}
.ch-list li input[type=radio]+label{cursor: pointer;width:100%;display:flex;justify-content:center;align-items:center;text-align: center;position:relative;background-color: #f4f4f4;border:1px solid #f4f4f4;color: #a8a8a8;font-weight:600;font-size:var(--fz16);line-height:1.2em;transition:.3s;}
.ch-list input[type=radio]:checked+label{border-color:var(--pri);color:var(--pri);}

.file-upload{display:flex;}
.file-upload .file-name{display:flex;align-items:center;min-width:0;width:1%;flex:1 1 auto;margin-right:6px;}
.nt-list{margin-top:15px;line-height:1.87em;font-size:var(--fz15);}
.nt-list li{text-indent:-.6em;padding-left:.6em;color: #a8a8a8;}

.fr-row .flex2{display:flex;margin:0 -5px;}
.fr-row .flex2 .in-col{width:50%;padding:0 5px;}
.fr-row .flex2 .in-col .in-flex{display:flex;margin:0 -5px;}
.fr-row .flex2 .in-col .in-flex .wrap{width:50%;padding:0 5px;}

.ch-list.x4 li{width:25%;}
.ch-list.x5 li{width:20%;}

.rec-apply .add-btn{display:flex;align-items:center;justify-content:center;margin-top:var(--size70);height:56px;background-color: #f1f5ff;border-radius:var(--bd6);}
.rec-apply .add-btn span{position:relative;padding-left:40px;color: var(--pri);font-weight:600;line-height:1.2em;}
.rec-apply .add-btn span:before{content:'';position: absolute;left:0;top:-.15em;width:24px;height:24px;border-radius:100%;background:#fff url('/images/sub/add-plus.png')no-repeat 50% 50%/10px;border:1px solid var(--pri);}
.rec-apply .drop-con{margin-top:var(--size40);display:none;}
.rec-apply .major-wrap{display:flex;}
.rec-apply .major-wrap .major-name{min-width:0;width:1%;flex:1 1 auto;margin-right:6px;}

.btn.remove{display:flex;align-items:center;justify-content:center;height:56px;background-color: #eee;border-radius:var(--bd6);width:100%;border:none;cursor:pointer;font-weight:600;line-height:1.2em;margin-top:35px;}

.form-container .form-area{margin-bottom:var(--size70);}
.form-container .form-area:last-child{margin-bottom:0;}

.rec-apply .content-wrap{margin-bottom:var(--size90);}
.doc-btns-wrap .doc-btns{display:flex;justify-content:center;gap:10px}
.doc-btns-wrap .doc-btns li{margin-bottom:0;}
.doc-btns-wrap .doc-btns li .btn{width:auto;min-width:240px;}

.rec-apply.step2 .content-wrap{margin-bottom:0;}

/* 1:1 문의 */
.inq-top{margin-bottom:var(--size160);padding:60px;border-radius:var(--bd24);background-color: #f4f4f4;}
.inq-top .title{position:relative;margin-bottom:35px;padding-left:33px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.4em;}
.inq-top .title:before{content:'';position: absolute;left:0;top:.1em;width:24px;height:24px;background:url('/images/sub/ic-q.png')no-repeat 50% 50%/contain;}
.inq-top .row{margin-bottom:10px;}
.inq-top .row:last-child{margin-bottom:0;}
.inq-top .row .flex{display:flex;margin:0 -5px;}
.inq-top .row .flex .col{padding:0 5px;width:50%;}
.inq-top .row .box{padding:40px 40px;min-height:160px;background-color: #fff;border:1px solid #eee;height:100%;text-align:center;border-radius:var(--bd16);}
.inq-top .row .box .tit{margin-bottom:10px;font-size:var(--fz18);font-weight:700;color:var(--pri);line-height:1.4em;}
.inq-top .row .box .tt{font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.3em;}
.inq-top .row.type2 .flex .col{width:33.3333%;}
.inq-top .row.type2 .box{text-align:left;}
.inq-top .row.type2 .box .tit{margin-bottom:20px;color: #505050;}
.inq-top .row.type2 .box .info{display:flex;justify-content:flex-end;}
.inq-top .row.type2 .box .info dl{margin-bottom:8px;display:flex;font-size:var(--fz20);font-weight:500;line-height:1.4em;}
.inq-top .row.type2 .box .info dl:last-child{margin-bottom:0;}
.inq-top .row.type2 .box .info dl dt{width:48px;color:var(--pri);}
.inq-top .row.type2 .box .info dl dd{color:var(--dark);}
.inq-top .row.type2 .box .time-wrap{text-align:right;}
.inq-top .row.type2 .box .time-wrap .time{font-size:var(--fz24);font-weight:500;color:var(--dark);line-height:1.3em;}
.inq-top .row.type2 .box .time-wrap .off{margin-top:5px;font-size:var(--fz15);color: #878787;line-height:1.4em;}

.inq-wrap{display:flex;}
.inq-wrap .title{width:400px;font-size:var(--fz40);font-weight:600;color:var(--dark);line-height:1.2em;}
.inq-wrap .content-wrap{min-width:0;width:1%;flex:1 1 auto}

/* 회사연혁 */
.pg-menu{margin-bottom:var(--size130);}
.pg-menu ul{display:flex;gap:10px;}
.pg-menu ul li a{display:inline-flex;justify-content:center;align-items:center;padding:0 50px;height:80px;background-color: #f4f4f4;border:1px solid #eee;text-align:center;border-radius:var(--bd16);font-size:var(--fz20);font-weight:500;line-height:1.3em;}
.pg-menu ul li.active a{background-color:var(--pri);color: #fff;border-color:var(--pri);}

.history1{position:relative;}
.history1:before{content:'';position: absolute;left:300px;top:20px;width:1px;height:99%;border-right:1px dashed #ccc;z-index:-1;}
.history1 .row{display:flex;margin-bottom:60px;}
.history1 .row:last-child{margin-bottom:0;}
.history1 .row .year{position:relative;width:300px;font-size:var(--fz48);font-weight:600;color:var(--dark);line-height:1.2em;}
.history1 .row .year:after{content:'';position: absolute;right:-14px;top:15px;width:28px;height:28px;background:url('/images/sub/history-bullet.png')no-repeat 50% 50%/contain;}
.history1 .row .h-list{padding-top:16px;padding-left:65px;min-width:0;width:1%;flex:1 1 auto;}
.h-list>ul>li{display:flex;margin-bottom:20px;font-size:var(--fz18);line-height:1.6em;}
.h-list>ul>li:last-child{margin-bottom:0;}
.h-list>ul>li .month{width:72px;font-weight:600;color:var(--pri);}
[lang=en] .h-list>ul>li .month{width:100px;}
.h-list>ul>li .info{min-width:0;width:1%;flex:1 1 auto;}
.h-list>ul>li .info>ul>li{margin-bottom:5px;}
.h-list>ul>li .info>ul>li:last-child{margin-bottom:0;}

.history2 .content{display:flex;margin-bottom:var(--size160);}
.history2 .content:last-child{margin-bottom:0;}
.history2 .title{width:300px;font-size:var(--fz48);font-weight:600;color:var(--dark);line-height:1.2em;}
.history2 .con{position:relative;min-width:0;width:1%;flex:1 1 auto;}
.history2 .con:before{content:'';position: absolute;left:0;top:20px;width:1px;height:97%;border-right:1px dashed #ccc;z-index:-1;}
.history2 .content.type2 .con:before{height:92%;}
.history2 .con .row{padding-top:17px;padding-left:50px;margin-bottom:60px;}
.history2 .con .row:last-child{margin-bottom:0;}
.history2 .con .row-tit{position:relative;margin-bottom:var(--size30);font-size:var(--fz36);font-weight:600;color:var(--dark);}
.history2 .con .row-tit:before{content:'';position: absolute;left:-64px;top:2px;width:28px;height:28px;background:url('/images/sub/history-bullet.png')no-repeat 50% 50%/contain;}
.history2 .con .h-list{padding:25px 40px;border-radius:var(--bd16);background-color: #ebf0ff;}

.tb-title{margin-bottom:25px;font-size:var(--fz24);font-weight:600;color:var(--pri);line-height:1.2em;}
.table01.type2 table{border-top-width:2px;}
.table01.type2 table thead th{border-bottom:1px solid var(--dark);}
.table01.type2 table tbody tr:last-child td{border-bottom-color:var(--dark);}

/* 회사소개 */
.doc-title .eng{margin-bottom:var(--size30);font-size:var(--fz24);font-weight:700;line-height:1.6em;color:var(--pri);}
.about .top-con .comp{display:flex;align-items:center;}
.about .top-con .comp .arr{display:flex;justify-content:center;align-items:center;width:94px;height:94px;margin-right:50px;border-radius:100%;background-color:var(--pri);color: #fff;font-size:var(--fz48);font-weight:700;line-height:1em;}
.about .top-con .comp .txt{font-size:var(--fz48);font-weight:600;color:var(--dark);line-height:1.4em;min-width:0;width:1%;flex:1 1 auto;}
.about .wide-img{margin:var(--size100) 0 var(--size160);}
.about .wide-img img{width:100%;}
.about .btm-con .flex{display:flex;gap:20px;}
.about .btm-con .flex .img img{border-radius:var(--bd24);}
.about .btm-con .flex .num-list li{display:flex;margin-bottom:15px;}
.about .btm-con .flex .num-list li:last-child{margin-bottom:0;}
.about .btm-con .flex .num-list li .num{display:flex;justify-content:center;align-items:center;width:36px;height:36px;margin-right:16px;background-color:var(--pri);border-radius:100%;color: #fff;line-height:1em;}	
.about .btm-con .flex .num-list li p{padding-top:3px;min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz20);font-weight:600;color:var(--pri);line-height:1.6em;}
.about .btm-con .flex .col.st1 .img{margin-bottom:var(--size60);}
.about .btm-con .flex .col.st2 .group{position:relative;}
.about .btm-con .flex .col.st2 .group .num-list{position: absolute;top:60px;left:0;width:100%;padding:0 60px;}
.about .btm-con .flex .col.st2 .group .num-list li .num{background-color: #fff;color:var(--pri);}
.about .btm-con .flex .col.st2 .group .num-list li p{color: #fff;}

/* CEO인사말 */
.greeting .bg-con{margin-bottom:var(--size80);padding:var(--size120) 0 var(--size160);background:url('/images/sub/greeting-bg.jpg')no-repeat 50% 50%/cover;}
.greeting .bg-con .doc-title{margin-bottom:0;}
.greeting .bg-con .doc-title .eng{color:rgba(255,255,255,.4);}
.greeting .bg-con .doc-title .tit{color: #fff;}
.greeting .tt-wrap .wrap p{margin-bottom:40px;font-size:var(--fz20);line-height:1.7em;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo-wrap{margin-top:50px;display:flex;align-items:center;}
.greeting .tt-wrap .ceo-wrap .ceo{margin-right:20px;font-weight:600;line-height:1.2em;}
.greeting .tt-wrap .ceo-wrap .name{margin-right:15px;font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.2em;letter-spacing:.2em;}

/* 사업분야 */
.busi ul{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0 -40px -80px;}
.busi ul li{width:50%;padding:0 40px;margin-bottom:80px;}
.busi ul li:nth-child(2){margin-top:140px;}
.busi ul li:nth-child(3),
.busi ul li:nth-child(5),
.busi ul li:nth-child(7){margin-top:-140px;}
.busi ul li .box{padding:20px;min-height:820px;background-color: #ebf0ff;border-radius:var(--bd24);}
.busi ul li .box .img{margin-bottom:10px;}
.busi ul li .box .img img{border-radius:var(--bd16);box-shadow:6px 6px 48px rgba(0,0,0,.2);}
.busi ul li .box .tt-wrap .num{font-size:var(--fz160);font-weight:900;color:rgba(255,255,255,.38);line-height:1em;letter-spacing:0;font-style:italic;}
.busi ul li .box .tt-wrap .wrap{padding-left:80px;margin-top:-80px;}
.busi ul li .box .tt-wrap .wrap .eng{margin-bottom:20px;font-size:var(--fz24);color: var(--pri);font-weight:700;line-height:1.2em;}
.busi ul li .box .tt-wrap .wrap .tit{font-size:var(--fz48);font-weight:600;color:var(--dark);line-height:1.3em;}
.busi ul li .box .tt-wrap .wrap .tt{margin-top:25px;font-size:var(--fz22);line-height:1.73em;}

/* 기업이념 */
.ide .content{margin-bottom:var(--size160);}
.ide .content:last-child{margin-bottom:0;}
.ide .cont1 .contain{max-width:1880px;width:100%;margin:0 auto;}
.ide .cont1 .bg{display:flex;justify-content:center;align-items:center;min-height:100vh;margin-bottom:var(--size80);padding:var(--size60) 30px;/* border-radius:var(--bd24); */background:url('/images/sub/ide-wide.jpg')no-repeat 50% 50%/cover;text-align:center;}
.ide .cont1 .bg .doc-title{margin-bottom:0;}
.ide .cont1 .bg .doc-title .eng{color: #fff;text-decoration:underline;text-underline-offset:5px;}
.ide .cont1 .bg .doc-title .tit{color: #fff;}
.ide .cont1 .bg .doc-title .tt{margin-top:30px;color: #e7e7e7;font-weight:500;font-size:var(--fz24);}
.ide .cont1 .cnt-wrap{max-width:1400px;margin:0 auto;}
.ide .cont1 .cnt-wrap .cnt{padding-bottom:var(--size160);margin-bottom:var(--size160);border-bottom:1px solid #eee;}
.ide .cont1 .cnt-wrap .cnt:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.ide .cont1 .cnt-wrap .cnt .process{display:flex;margin:0 -40px;}
.ide .cont1 .cnt-wrap .cnt .process li{position:relative;width:33.3333%;padding:0 40px;text-align:center;}
.ide .cont1 .cnt-wrap .cnt .process li:after{content:'';position:absolute;top:20%;right:-13.5px;width:27px;height:28px;background:url('/images/sub/vision-arr.png')no-repeat 50% 50%/contain;}
.ide .cont1 .cnt-wrap .cnt .process li:last-child:after{display:none;}
.ide .cont1 .cnt-wrap .cnt .process li .ic{display:flex;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 35px;border-radius:100%;background-color: #f4f4f4;}
.ide .cont1 .cnt-wrap .cnt .process li .tit{margin-bottom:20px;font-size:var(--fz24);font-weight:700;color:var(--pri);line-height:1.3em;}
.ide .cont1 .cnt-wrap .cnt .process li .txt{display:flex;align-items:center;min-height:102px;font-size:var(--fz20);font-weight:500;color:var(--dark);line-height:1.7em;}
.ide .cont1 .cnt-wrap .cnt .process li .txt p{width:100%;}
.ide .cont1 .cnt-wrap .cnt .doc-title{text-align:center;}
.ide .cont1 .cnt-wrap .cnt .doc-title .eng{color:#a8a8a8;}
.ide .cont2 .doc-title{padding-top:var(--size70-2);border-top:2px solid var(--dark);}
.ide .cont2 ul{display:flex;margin:0 -30px;}
.ide .cont2 ul li{width:33.3333%;padding:0 30px;}
.ide .cont2 ul li .box{display:flex;align-items:center;padding:60px 70px;background-color: #ebf0ff;border-radius:var(--bd24);}
.ide .cont2 ul li .box .wrap{min-width:0;width:1%;flex:1 1 auto;margin-left:20px;text-align:right;}
.ide .cont2 ul li .box .wrap .eng{margin-bottom:10px;font-size:var(--fz20);font-weight:600;color:var(--pri);line-height:1.4em;}
.ide .cont2 ul li .box .wrap .tit{font-size:var(--fz40);font-weight:700;color: var(--dark);line-height:1.2em;}
.ide .cont3 .ci{padding:80px;border:1px solid #eee;background:url('/images/sub/ci-bg.jpg')repeat 0 0;border-radius:var(--bd24);}
.ide .cont3 .down-btns{margin-top:var(--size70);}

/* 찾아오시는 길 */
.location .content{margin-bottom:var(--size160);}
.location .content:first-child{padding-top:var(--size70-2);border-top:2px solid var(--dark);}
.location .content:last-child{margin-bottom:0;}
.location .content .maps{border-radius:var(--bd24);overflow:hidden;}
.location .content .maps iframe{width:100%;height:520px;}
.location .content .maps .root_daum_roughmap {width:100% !important; height:520px !important;}
.location .content .maps .root_daum_roughmap .wrap_map {height:520px !important;}
.location .content .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .content .maps .map_border{display:none;}
.location .content .maps .roughmap_lebel_text:after {content:"대구 본사"; font-size:12px; line-height:15px;}
.location .content.type2 .maps .roughmap_lebel_text:after{content:"서울 사무소";}
.location .content.type3 .maps .roughmap_lebel_text:after{content:"휴먼 R&D센터";}
.location .content .info{display:flex;margin-top:var(--size40);margin-left:-10px;margin-right:-10px;}
.location .content .info .col{width:50%;padding:0 10px;}
.location .content .info .box{display:flex;align-items:center;padding:var(--size40);background-color: #f4f4f4;border-radius:var(--bd16);height:100%;}
[lang=en] .location .content .info .box{padding:25px;}
.location .content .info .box .ic{display:flex;justify-content:center;align-items:center;width:80px;height:80px;margin-right:30px;background-color: #fff;border-radius:var(--bd16);}
.location .content .info .box .wrap{min-width:0;width:1%;flex:1 1 auto;}
.location .content .info .box .wrap .tit{margin-bottom:10px;font-size:var(--fz22);font-weight:700;color:var(--dark);line-height:1.2em;}
.location .content .info .box .wrap .tt{font-size:var(--fz20);font-weight:500;line-height:1.4em;}
.location .content .info .flex{display:flex;margin:0 -10px;height:100%;}
.location .content .info .flex .in-col{width:50%;padding:0 10px;height:100%;}

/* ESG */
.esg-top{position:relative;min-height:100vh;overflow:hidden;}
.esg-top .bg{width:100vw;position: absolute;z-index: -1;width: 100%;height: 100%;left: 50%;top: 0;transform: translateX(-50%);transition: 0.2s all ease;background: #000;overflow:/*  hidden;opacity:0; */}
.esg-top .bg.bg1{z-index:2;}
.esg-top .bg.bg2{z-index:1;}
.esg-top .bg img{position: absolute;top: 50%;left: 0;transition: .4s ease-in-out;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;height: auto !important;max-width: 100%;min-height: 100%;object-fit: cover;}
.esg-top .tt-wrap{position: absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:3;text-align:center;}
.esg-top .tt-wrap .next-wrap{position:relative;height:128px;}
.esg-top .tt-wrap .next-wrap .next{position: absolute;left:50%;top:0;transform:translateX(-50%);height:100%;}
.esg-top .tt-wrap .next-wrap .next img{height:100%;}
.esg-top .tt-wrap .next-wrap .next.next1{z-index:2;}
.esg-top .tt-wrap .tt{position:absolute;left:50%;width:100%;bottom:0;opacity:0;margin-top:80px;font-size:32px;font-weight:600;line-height:1.4em;color: #fff;transform:translateX(-50%);}

.esg-btm{margin-top:var(--size160);}
.esg-btm ul{display:flex;margin:0 -30px;}
.esg-btm ul li{width:33.3333%;padding:0 30px;text-align:center;}
.esg-btm ul li .title{margin-bottom:var(--size70-2);}
.esg-btm ul li .title .ic{margin-bottom:35px;}
.esg-btm ul li .title .tit{margin-bottom:10px;font-size:var(--fz48);font-weight:800;color:var(--dark);line-height:1.2em;}
.esg-btm ul li .title .tt{font-size:var(--fz20);font-weight:600;line-height:1.4em;color:#a8a8a8;}
.esg-btm ul li .box-wrap{padding:30px;border-radius:var(--bd24);background-color: #f4f4f4;}
.esg-btm ul li .box-wrap .row-wrap{height:240px;margin-bottom:-10px;}
.esg-btm ul li .box-wrap .row{display:flex;align-items:center;height:calc(50% - 10px);margin-bottom:10px;border-radius:var(--bd16);background-color: #fff;}
.esg-btm ul li .box-wrap .row p{position:relative;width:100%;padding:20px 20px 0;font-size:var(--fz20);font-weight:500;color:var(--dark);line-height:1.7em;}
.esg-btm ul li .box-wrap .row p:before{content:'';width:8px;height:8px;border-radius:50%;background-color: #f9637c;position: absolute;left:50%;top:0;transform:translateX(-50%);}
.esg-btm ul li.st2 .box-wrap .row p:before{background-color: #d8a4e2;}
.esg-btm ul li.st3 .box-wrap .row-wrap .row{height:calc(100% - 10px);}
.esg-btm ul li.st3 .box-wrap .row p:before{background-color: #56f0cd;}

/* 후원 */
.spon ul{display:flex;margin:0 -10px;}
.spon ul li{width:50%;padding:0 10px;text-align:center;}
.spon ul li .box{padding:80px 40px 60px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:var(--bd24);height:100%;}
.spon ul li .box .ic{display:flex;justify-content:center;align-items:center;margin:0 auto 35px; width:120px;height:120px;border-radius:50%;background-color:#fff;}
.spon ul li .box .tit{margin-bottom:15px;font-size:var(--fz24);font-weight:700;color:var(--dark);line-height:1.4em;}
.spon ul li .box .tit small{font-size:var(--fz18);font-weight:700;color: #a8a8a8;}
.spon ul li .box .tt{font-size:var(--fz56);font-weight:800;color:var(--pri);line-height:1.2em;}

/* 인재상 및 복리후생 */
.welfare .content{padding-bottom:var(--size160);margin-bottom:var(--size160);border-bottom:1px solid #eee;}
.welfare .content:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.welfare .content .top-img{margin-bottom:var(--size120);}
.welfare .content .top-img img{border-radius:var(--bd24);}
.welfare .cont1 .con{display:flex;}
.welfare .cont1 .con .col{width:50%;}
.welfare .cont1 .con .col .tit{position:relative;margin-bottom:var(--size50);font-size:var(--fz56);line-height:1em;color:var(--dark);font-weight:700;}
.welfare .cont1 .con .col.left{padding-right:40px;}
.welfare .cont1 .con .col.left .tit span{display:inline-block;padding-right:40px;background-color: #fff;}
.welfare .cont1 .con .col.left .tit:after{content:'';position: absolute;right:0;top:50%;transform:translateY(-50%);width:100%;height:8px;background-color:var(--dark);z-index:-1;}
.welfare .cont1 .con .col .cnt{display:flex;align-items:center;}
.welfare .cont1 .con .col .cnt .arrs{display:flex;}
.welfare .cont1 .con .col.left .cnt{justify-content:flex-end;padding-right:20px;}
.welfare .cont1 .con .col.left .cnt .arrs .arr{width:160px;}
.welfare .cont1 .con .col .cnt .arrs .arr{display:flex;justify-content:center;align-items:center;width:94px;height:94px;border-radius:94px;margin-right:40px;background-color: #ebf0ff;color:var(--pri);font-size:var(--fz48);font-weight:700;line-height:1em;}
.welfare .cont1 .con .col .cnt .arrs .arr.st2{background-color:var(--pri);color: #fff;}
.welfare .cont1 .con .col .cnt .arrs .arr:last-child{margin-right:0;}
.welfare .cont1 .con .col.right .cnt .tt{min-width:0;width:1%;flex:1 1 auto;margin-right:20px;font-size:var(--fz28);font-weight:500;color:var(--dark);line-height:1.71em;}

.welfare .cont2 ul{display:flex;margin:0 -30px;}
.welfare .cont2 ul li{width:33.3333%;padding:0 30px;}
.welfare .cont2 ul li .box{border-radius:var(--bd24);height:100%;overflow:hidden;}
.welfare .cont2 ul li .box .img img{border-radius:var(--bd24);}
.welfare .cont2 ul li .box .tt-wrap{height:calc(100% - 380px);padding:45px;background: linear-gradient(to bottom, #fff, #f4f4f4);text-align:center;}
.welfare .cont2 ul li .box .tt-wrap .tit-wrap{position:relative;padding-bottom:45px;margin-bottom:25px;}
.welfare .cont2 ul li .box .tt-wrap .tit-wrap:after{content:'';position:absolute;left:50%;bottom:0;margin-left:-4px;width:8px;height:26px;background:url('/images/sub/welfare-deco.png')no-repeat 50% 50%/contain;}
.welfare .cont2 ul li .box .tt-wrap .tit-wrap .tit{margin-bottom:5px;font-size:var(--fz42);font-weight:800;color:var(--pri);line-height:1.1em;}
.welfare .cont2 ul li .box .tt-wrap .tit-wrap .eng{font-weight:500;color: #a8a8a8;line-height:1.4em;}
.welfare .cont2 ul li .box .tt-wrap .txt{display:flex;justify-content:center;align-items:center;min-height:75px;font-size:var(--fz22);font-weight:600;color:var(--dark);line-height:1.7em;}
.welfare .cont2 ul li .box .tt-wrap .txt p{width:100%;}

.bene-list ul{display:flex;flex-wrap:wrap;margin:0 -30px -60px;}
.bene-list ul li{width:33.3333%;padding:0 30px;margin-bottom:60px;}
.bene-list ul li .box{padding:60px 30px 55px;text-align:center;background-color:#f4f4f4;border-radius:var(--bd24);height:100%;}
.bene-list ul li .box .ic{margin-bottom:30px;}
.bene-list ul li .box .tit{margin-bottom:10px;font-size:var(--fz24);font-weight:600;color:var(--dark);line-height:1.3em;}
.bene-list ul li .box .tt{font-size:var(--fz18);line-height:1.63em;}