@charset "utf-8";
.radi6{border-radius:6px !important;}
:root {
	/* color*/
	--pri : #047fde;
	--dark : #2c2c2c;

	/* height */

	/* radius */
	--bd12 : clamp(6px, calc( 12 / var(--inner) * 100vw ), 12px);
	--bd16 : clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px);
	--bd24 : clamp(10px, calc( 24 / var(--inner) * 100vw ), 24px);
	--bd32 : clamp(15px, calc( 32 / var(--inner) * 100vw ), 32px);

	/* font-size */
    --inner: 1400;

    --fz14 : clamp(0.75rem, 0.7171rem + 0.1316vw, 0.875rem);
	--fz15 : clamp(0.8125rem, 0.7796rem + 0.1316vw, 0.9375rem);
    --fz16 : clamp(0.875rem, 0.8421rem + 0.1316vw, 1rem);
	--fz17 : clamp(0.875rem, 0.8257rem + 0.1974vw, 1.0625rem);
	--fz18 : clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);
	--fz20 : clamp(0.875rem, 0.7763rem + 0.3947vw, 1.25rem);
	--fz22 : clamp(1rem, 0.9013rem + 0.3947vw, 1.375rem);
	--fz24 : clamp(1.125rem, 1.0263rem + 0.3947vw, 1.5rem);
	--fz28 : clamp(0.9375rem, 0.7237rem + 0.8553vw, 1.75rem);
	--fz32 : clamp(1rem, 0.7368rem + 1.0526vw, 2rem);
	--fz38 : clamp(1.25rem, 0.9539rem + 1.1842vw, 2.375rem);
	--fz48 : clamp(1.5rem, 1.1053rem + 1.5789vw, 3rem);
	--fz56 : clamp(1.5rem, 0.9737rem + 2.1053vw, 3.5rem);
 
    --container-space : clamp(16px, calc( 30 / var(--inner) * 100vw ), 30px);

	/* margin */
	--mg15 : clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);
	--mg30 : clamp(20px, calc( 20 / var(--inner) * 100vw ), 30px)
	--mg40 : clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);
	--mg60 : clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);
	--mg80 : clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);
	--mg100 : clamp(3.75rem, 3.0921rem + 2.6316vw, 6.25rem);
	--mg150 : clamp(3.75rem, 2.2697rem + 5.9211vw, 9.375rem);

	--pd70 : clamp(1.25rem, 0.4276rem + 3.2895vw, 4.375rem);
}
/* .reporter-section2 { display: none; } */
/* Products */
.pr-pg .pr-info{display:flex;align-items:center;margin-bottom:var(--mg150);}
.gra-bd{border: 2px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #209cff 0%,  #68e0cf 100%);border-image-slice: 1;background-origin: border-box;background-clip: content-box, border-box;}
.pr-pg .pr-info .img{width:670px;margin-right:120px;border-radius:var(--bd24);position: relative;background-color: #fff;}
.pr-pg .pr-info .img .inner{padding:15px;}
.pr-pg .pr-info .img .pic{position:relative; padding-bottom:82.705%;overflow:hidden;}
.pr-pg .pr-info .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-pg .pr-info .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.doc-tit{font-size:var(--fz48);color:var(--pri);font-weight:800;line-height:1.2em;letter-spacing:-.03em;}
.pr-pg .pr-info .tt-wrap .doc-tit{margin-bottom:75px;}
.pr-pg .pr-info .tt-wrap .wrap p{margin-bottom:30px;font-size:var(--fz22);font-weight:500;color:var(--dark);line-height:1.73em;letter-spacing:-.03em;}
.pr-pg .pr-info .tt-wrap .wrap p:last-child{margin-bottom:0;}

.doc-tit2{margin-bottom:45px;font-size:var(--fz38);font-weight:800;color:var(--dark);line-height:1.3em;}
.pr-link ul{display:flex;margin:0 -10px;}
.pr-link ul li{width:33.3333%;padding:0 10px;}
.pr-link ul li .box{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:45px 50px 40px;min-height:340px;border-radius:var(--bd24);background-color: #f4f4f4;}
.pr-link ul li .box .tit{font-size:var(--fz32);font-weight:600;color:var(--dark);line-height:1.4em;}
.pr-link ul li .box:after{content:'';position: absolute;right:30px;bottom:30px;width:56px;height:56px;border-radius:50%;background:#121212 url('/images/sub/pr-btn-arr.png')no-repeat 50% 50%/18px;transition:.3s;}
.pr-link ul li .box:hover:after{background-color:var(--pri);}

.pr-sld-wrap{display:flex;align-items:flex-start;}
.pr-sld-wrap .menu-sld{width:400px;margin-right:100px;border-top:1px solid #dfdfdf;}
.pr-sld-wrap .menu-sld .slick-list{overflow:visible}
.pr-sld-wrap .menu-sld .slick-slide{float:none;margin-bottom:-1px;}
.pr-sld-wrap .menu-sld .item a{display:flex;align-items:center;position:relative;min-height:64px;padding:5px 60px 5px 30px;font-size:var(--fz20);font-weight:800;color: #ccc;line-height:1.3em;transition:.1s;border:1px solid #dfdfdf;border-left:0;border-right:0;}
.pr-sld-wrap .menu-sld .item a:after{content:'';width:12px;height:12px;border-radius:50%;background-color:var(--pri);position: absolute;right:30px;top:50%;transform:translateY(-50%);transition:.1s;opacity:0;}
.pr-sld-wrap .menu-sld .slick-current .item a{color:var(--pri);border-color:var(--pri);z-index:1;}
.pr-sld-wrap .menu-sld .slick-current .item a:after{opacity:1;;}
.pr-sld-wrap .pr-sld{position:relative;min-width:0;width:1%;flex:1 1 auto;padding-bottom:15px;}
.pr-sld-wrap .pr-sld .pic {position:relative; height:0; padding-bottom:66.668%; overflow:hidden;border-radius:var(--bd24);}
.pr-sld-wrap .pr-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-sld-wrap .pr-sld .tit{margin-top:45px;padding-right:160px;font-size:var(--fz28);line-height:1.3em;color:var(--dark);font-weight:600;}
.pr-sld-wrap .pr-sld .arrs{position: absolute;right:0;bottom:0;display:flex;}
.pr-sld-wrap .pr-sld .arrs .slick-arrow{display:block;width:60px;height:60px;border-radius:50%;border:1px solid #eee;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:10px;font-size:0;transition:.3s;}
.pr-sld-wrap .pr-sld .arrs .slick-prev{margin-right:12px;background-image: url('/images/sub/pr-prev.png');}
.pr-sld-wrap .pr-sld .arrs .slick-next{background-image: url('/images/sub/pr-next.png');}
.pr-sld-wrap .pr-sld .arrs .slick-arrow:hover{background-color:var(--pri);border-color:var(--pri);}
.pr-sld-wrap .pr-sld .arrs .slick-prev:hover{background-image: url('/images/sub/pr-prev-on.png');}
.pr-sld-wrap .pr-sld .arrs .slick-next:hover{background-image: url('/images/sub/pr-next-on.png');}

.pr-pg .pr-info.type2{display:block;}
.pr-pg .pr-info.type2 .tt-wrap{margin-bottom:clamp(2.5rem, 1.5132rem + 3.9474vw, 6.25rem);;width:100%;}
.pr-pg .pr-info.type2 .tt-wrap .doc-tit{margin-bottom:55px;}
.pr-pg .pr-info.type2 .wide-img{text-align:center;border-radius:var(--bd24);}
.pr-pg .pr-info.type2 .wide-img .inner{padding:38px;}

.doc-tit.bl{color: var(--dark);}

.pr-row-con .doc-tit{margin-bottom:var(--mg100);}
.pr-row-con .content{margin-bottom:var(--mg100);}
.pr-row-con .content:last-child{margin-bottom:0;}
.pr-row-con .content .info-box{padding:var(--pd70);background-color: #f4f4f4;border-radius:var(--bd24);}
.pr-row-con .content .info-box .top{margin-bottom:20px;font-size:var(--fz20);font-weight:800;color: #a8a8a8;line-height:1.4em;}
.pr-row-con .content .info-box .doc-tit2{margin-bottom:0;}
.pr-row-con .content .info-box .tt{margin-top:30px;font-size:var(--fz18);line-height:1.78em;}
.pr-row-con .content .info-box .app{display:flex;align-items:center;margin-top:35px;}
.pr-row-con .content .info-box .app .app-tit{display:inline-block;font-size:var(--fz20);font-weight:800;margin-right:20px;padding:0 20px;line-height:48px;border-radius:24px;background-color: #fff;color:var(--pri);}
.pr-row-con .content .info-box .app p{min-width:0;width:1%;flex:1 1 auto;color:var(--dark);font-weight:500;line-height:1.6em;}
.pr-row-con .content .row-wrap{margin-top:30px;}
.pr-row-con .content .row-wrap .row{display:flex;align-items:center;margin-bottom:30px;}
.pr-row-con .content .row-wrap .row:last-child{margin-bottom:0;}
.pr-row-con .content .row-wrap .row .img{width:300px;margin-right:40px;padding:10px;border-radius:var(--bd16);border:1px solid #dfdfdf;}
.pr-row-con .content .row-wrap .row .img .pic{position:relative; padding-bottom:64.03%;overflow:hidden;}
.pr-row-con .content .row-wrap .row .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-row-con .content .row-wrap .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.pr-row-con .content .row-wrap .row .tt-wrap .tit{font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.5em;}
.pr-row-con .content .row-wrap .row .tt-wrap .tt{margin-top:20px;line-height:1.63em;}

.hypen-list>li{padding-left:.6em;text-indent:-.6em;font-weight:500;font-size:var(--fz15);line-height:1.73em;}
.pr-row-con .content .row-wrap .row .tt-wrap .hypen-list{margin-top:20px;}

.doc-btn{display:flex;justify-content:center;align-items:center;margin:var(--mg100) auto 0;width:220px;height:74px;border-radius:37px;background-color:var(--pri);color: #fff;font-size:var(--fz20);line-height:1.2em;font-weight:600;cursor:pointer;border:none;}

/* 채용공고 리스트 */
.posting-list{display:flex;align-items:flex-start;padding-top:50px;border-top:1px solid var(--dark);}
.posting-list .cate-wrap{width:300px;margin-right:100px;position:sticky;left:0;top:120px;}
.posting-list .cate-wrap .row{margin-bottom:35px;}
.posting-list .cate-wrap .row:last-child{margin-bottom:0;}
.posting-list .cate-wrap .row .tit{display:inline-block;margin-bottom:15px;font-weight:600;color:var(--dark);line-height:1.4em;}
.posting-list .cate-wrap .row select.input{height:50px;padding-left:20px;font-size:var(--fz15);border-radius:6px;}
.posting-list .list{min-width:0;width:1%;flex:1 1 auto;}
.posting-list .list ul li{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #dfdfdf;}
.posting-list .list ul li:last-child{margin-bottom:0;}
.bd-tit-wrap .top-wrap{display:flex;align-items:center;margin-bottom:15px;}
.bd-tit-wrap .top-wrap .status{display:flex;justify-content:center;align-items:center;padding:0 10px;min-width:70px;height:34px;border-radius:17px;margin-right:16px;font-weight:500;font-size:var(--fz14);background-color: #f1f1f1;color: #a8a8a8;}
.bd-tit-wrap .top-wrap .status.ing{background-color:var(--pri);color: #fff;}
.bd-tit-wrap .top-wrap .route .flex{display:flex;margin:0 -12px;}
.bd-tit-wrap .top-wrap .route .flex p{position:relative;padding:0 12px;font-weight:600;color: var(--dark);line-height:1.4em;}
.bd-tit-wrap .top-wrap .route .flex p:after{content:'';width:5px;height:5px;border-radius:50%;background-color: #ccc;position: absolute;right:-2.5px;top:.5em;}
.bd-tit-wrap .top-wrap .route .flex p:last-child:after{display:none;}
.bd-tit-wrap .tit{font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.5em;}
.bd-tit-wrap .date{margin-top:25px;color: #a8a8a8;line-height:1.4em;}

/* 채용공고 상세 */
.posting-view{display:flex;align-items:flex-start;}
.posting-view .content-wrap{margin-right:200px;min-width:0;width:1%;flex:1 1 auto;}
.posting-view .content-wrap .bd-tit-wrap{padding-bottom:45px;margin-bottom:55px;border-bottom:1px solid #dfdfdf;}
.posting-view .content-wrap .content .row{margin-bottom:var(--mg100);font-size:var(--fz18);}
.posting-view .content-wrap .content .row:last-child{margin-bottom:0;}
.posting-view .content-wrap .content .row .tit{margin-bottom:20px;font-size:var(--fz20);font-weight:700;color:var(--pri);line-height:1.4em;}
.posting-view .content-wrap .content .row .hypen-list>li{margin-bottom:3px;font-size:var(--fz18);}
.posting-view .content-wrap .content .row .hypen-list>li:last-child{margin-bottom:0;}
.posting-view .content-wrap .content .row .in-hypen{}
.posting-view .content-wrap .content .row .in-hypen>li{padding-left:.6em;text-indent:-.6em;color: #878787;font-size:var(--fz16);}

.posting-view .btns{width:300px;position:sticky;right:0;top:120px;}
.posting-view .btns .btn{display:flex;justify-content:center;align-items:center;height:76px;border-radius:38px;margin-bottom:8px;background-color:var(--pri);color: #fff;font-size:var(--fz20);font-weight:600;line-height:1.2em;}
.posting-view .btns .btn.type2{border:1px solid var(--pri);background-color: #fff;color:var(--pri);}
.posting-view .btns .btn:last-child{margin-bottom:0;}

/* 채용공고 지원 */
.posting-apply{max-width:1000px;margin:0 auto;}
.posting-apply .doc-tit2{margin-bottom:70px;}
.posting-apply .bd-tit-wrap{margin-bottom:var(--mg100);}
.posting-apply .form-area{margin-bottom:var(--mg100);}
.posting-apply .form-area .content{padding-top:20px;margin-bottom:var(--mg100);border-top:1px solid #dfdfdf;}
.posting-apply .form-area .content:last-child{margin-bottom:0;}
.posting-apply .form-area .content .title{margin-bottom:40px;font-size:var(--fz24);font-weight:700;color:var(--dark);}
.posting-apply .form-area .content .row{margin-bottom:35px;}
.posting-apply .form-area .content .row:last-child{margin-bottom:0;}
.posting-apply .form-area .content .row .row-tit{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;}
.dot-tit{display:inline-block;position:relative;padding-left:25px;font-size:var(--fz18);font-weight:600;color:var(--dark);line-height:1.4em;}
.dot-tit:before{content:'';width:12px;height:12px;border-radius:50%;background-color:var(--pri);position: absolute;left:0;top:.35em;}
.posting-apply .form-area .content .row .row-tit .nt{font-size:var(--fz14);color: #a8a8a8;line-height:1.5em;}
input.input.st2,
select.input.st2{height:64px;border-radius:var(--bd12);padding:0 20px;font-size:var(--fz16);border-color: #dfdfdf;}
textarea.input.st2{border-radius:var(--bd12);padding:10px 20px;font-size:var(--fz16);border-color: #dfdfdf;}

.doc-btn.type2{margin-top:60px;}

/* 파일 업로드 공통 */
/* .file-drag-cnt{display:flex;justify-content:center;align-items:center;padding:20px;min-height:270px;border-radius:var(--bd12);background-color: #f4f4f4;}
.file-drag-cnt .files-message .txt{text-align:center;font-size:var(--fz17);font-weight:500;line-height:1.4em;color: #676767;}
.file-drag-cnt .files-message .txt .ic{margin-bottom:20px;}
.file-upload-preview {margin: 0 5px;}
.file-upload-preview li {margin-top: 10px;font-size: 14px;line-height: 1.3em;word-break: break-all;}
.file-upload-preview button {display: inline-block;margin: -.2em 5px 0 0;padding: 4px;background: #000;border: 0;vertical-align: middle;}
.file-upload-preview button svg {display: block;vertical-align: top;width: 8px;height: auto;} */

.hr-file-wrap { position: relative; display:flex;justify-content:center;align-items:center; min-height:270px; border-radius:var(--bd12);background-color: #f4f4f4; width: 100%; border: none; text-align: center; }
.file-upload-btn { display:flex;justify-content:center;align-items:center;padding:20px;min-height:270px;border-radius:var(--bd12);background-color: #f4f4f4; width: 100%; border: none; text-align: center; }
.file-upload-btn span { text-align:center;font-size:var(--fz17);font-weight:500;line-height:1.4em;color: #676767; display: block; position: relative;}
.file-upload-btn span::before { content: ""; display: block; width: 36px; height: 42px; margin: 0 auto 20px; background: url(../images/sub/ic-file-drag.png) center no-repeat; background-size: contain;}
.file-upload-preview { display: none; }
.file-upload-preview li {margin-top:10px; font-size:14px; line-height:1.3em; word-break:break-all;}
.file-upload-preview button {display:inline-block; margin:-.2em 5px 0 0; padding:4px; background:#000; border:0; vertical-align:middle;}
.file-upload-preview button svg {display:block; vertical-align:top; width:8px; height:auto;}

/* inquiry */
.inquiry .top-con{display:flex;align-items:center;padding:50px 90px;margin-bottom:var(--mg100);background-color: #f4f4f4;border-radius:var(--bd24);}
.inquiry .top-con .chk{margin-right:45px;}
.inquiry .top-con .chk-list{min-width:0;width:1%;flex:1 1 auto;}
.chk-list li{position:relative;padding-left:28px;margin-bottom:15px;font-size:var(--fz18);font-weight:500;color:var(--dark);line-height:1.5em;}
.chk-list li:before{content:'';position: absolute;left:0;top:.4em;width:16px;height:16px;background:url('/images/sub/contact-chk2.png')no-repeat 0 50%/contain;}
.chk-list li:last-child{margin-bottom:0;}

.inquiry .content-wrap{margin-bottom:var(--mg100);}
.inquiry .content{margin-bottom:var(--mg100);}
.inquiry .content:last-child{margin-bottom:0;}
.inquiry .content .doc-tit2{margin-bottom:clamp(1.25rem, 0.7566rem + 1.9737vw, 3.125rem);;}

.inquiry .ic-con{padding:50px 0;border-top:1px solid var(--dark);border-bottom:1px solid var(--dark);}
.inquiry .ic-con ul{display:flex;}
.inquiry .ic-con ul li{padding:10px;border-right:1px solid #dfdfdf;text-align:center;width:16.6666%;}
.inquiry .ic-con ul li:last-child{border-right:0;}
.inquiry .ic-con ul li .ic{margin-bottom:25px;}
.inquiry .ic-con ul li p{font-size:var(--fz18);font-weight:600;line-height:1.56em;color:var(--dark);}

.inquiry .form-wrap .row{display:flex;margin-bottom:10px;}
.inquiry .form-wrap .row:last-child{margin-bottom:0;}
.inquiry .form-wrap .row .tit-wrap{width:400px;padding:18px 30px;margin-right:10px;background-color: #f4f4f4;border-radius:var(--bd12);min-height:64px;}
.inquiry .form-wrap .row .col{min-width:0;width:1%;flex:1 1 auto;}
.inquiry .form-wrap .row.type2 .tit-wrap{height:calc(100% - 26px);}
.inquiry .form-wrap .row .nt{font-size:14px;padding-top:5px;height:26px;line-height:1.4em;color: #a8a8a8;}
.inquiry .form-wrap .row .col .input{margin-bottom:10px;}
.inquiry .form-wrap .row .col .input:last-child{margin-bottom:0;}
.pri{color:var(--pri);}
.inquiry .form-wrap .row .radio-wrap{padding:0 20px;background-color: #fafafa;border-radius:var(--bd12);}
.inquiry .form-wrap .row .radio-wrap .flex{display:flex;align-items:center;flex-wrap:wrap;min-height:64px;margin:0 -15px;}
.inquiry .form-wrap .row .radio-wrap .flex .radiobox{padding:0 15px;font-size:16px;}
.inquiry .form-wrap .row .radio-wrap .flex .radiobox label:before {margin:-.2em 8px 0 0; width:20px; height:20px; background-color:#fff; border:1px solid #dfdfdf;}
.inquiry .form-wrap .row .radio-wrap .flex .radiobox input:checked + label:before {background:#fff url("/images/bbs/radiobox2.png") 50% 50% no-repeat;border-color: var(--pri);}

.file-wrap{display:flex;}
.file-wrap .input-group{min-width:0;width:1%;flex:1 1 auto}
.file-wrap .input-group input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.file-wrap .btn{display:flex;justify-content:center;align-items:center;margin-left:6px;width:100px;background-color: #121212;color: #fff;cursor: pointer;border-radius:var(--bd12);font-size:var(--fz18);font-weight:600;}

/* esg */
.esg-list{border-top:1px solid var(--dark);}
.esg-list>ul>li{padding:28px 50px;border-bottom:1px solid #dfdfdf;}
.esg-list>ul>li .group{display:flex;align-items:center;}
.esg-list>ul>li .group .dot-tit{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.esg-list>ul>li .group .sl-wrap{display:flex;}
.esg-list>ul>li .group .sl-wrap .col{margin-right:10px;}
.esg-list>ul>li .group .sl-wrap .col:last-child{margin-right:0;}
.esg-list>ul>li .group .sl-wrap .sl-box{position:relative;width:160px;}
.esg-list>ul>li .group .sl-wrap .sl-box .tit{display:flex;align-items:center;position:relative;height:44px;border-radius:22px;padding:0 20px;border:1px solid var(--dark);font-size:var(--fz15);font-weight:500;line-height:1.2em;}
.esg-list>ul>li .group .sl-wrap .sl-box .tit:after{content:'';width:11px;height:8px;background:url('/images/sub/sl-arr.png')no-repeat 100% 50%/contain;position: absolute;right:20px;top:50%;margin-top:-4px;transition:.3s;}
.esg-list>ul>li .group .sl-wrap .sl-box.active .tit:after{transform:rotate(180deg);}
.esg-list>ul>li .group .sl-wrap .sl-box .sl-open{padding:20px;border:1px solid var(--dark);border-radius:22px;z-index:1;position:absolute;left:0;top:43px;width:100%;display:none;background-color: #fff;}
.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li{margin-bottom:20px;}
.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li:last-child{margin-bottom:0;}
.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li>a{display:flex;align-items:center;justify-content:space-between;}
.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li>a p{font-size:var(--fz15);font-weight:500;color:var(--dark);line-height:1.2em;transition:.3s;}
.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li>a .ic{display:flex;justify-content:flex-end;align-items:center;width:15px;height:16px;background-position:100% 50%;background-size:contain;background-repeat:no-repeat;transition:.3s;}
.esg-list>ul>li .group .sl-wrap .sl-box.download .sl-open>ul>li>a .ic{background-image: url('/images/sub/ic-file.png');}
.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li>a:hover p{color:var(--pri);}
.esg-list>ul>li .group .sl-wrap .sl-box.download .sl-open>ul>li>a:hover .ic{background-image: url('/images/sub/ic-file-on.png');}

.esg-list>ul>li .group .sl-wrap .sl-box.preview .sl-open>ul>li>a .ic{background-image: url('/images/sub/ic-link.png');}
.esg-list>ul>li .group .sl-wrap .sl-box.preview .sl-open>ul>li>a:hover .ic{background-image: url('/images/sub/ic-link-on.png');}

/* 인증서 공통 */
.certi-list .tit-wrap{margin-bottom:var(--mg100);}
.certi-list .tit-wrap .tit{font-size:var(--fz56);font-weight:600;color:var(--dark);line-height:1.3em;}
.certi-list .tit-wrap p{margin-top:15px;font-size:var(--fz24);font-weight:800;color:var(--pri);}
.certi-list ul{display:flex;flex-wrap:wrap;margin:0 -49px -80px;}
.certi-list ul li{width:25%;padding:0 49px;margin-bottom:80px;text-align:center;}
.certi-list ul li .img{border-radius:var(--bd16);border:1px solid #dfdfdf;overflow:hidden;}
.certi-list ul li p{margin-top:25px;font-weight:500;font-size:var(--fz20);line-height:1.5em;color:var(--dark);}

/* 채용안내 */
.career .top-con{text-align:center;margin-bottom:clamp(3.75rem, 2.4342rem + 5.2632vw, 8.75rem);;}
.career .top-con .doc-tit{margin-bottom:60px;}
.career .top-con .tt{margin-bottom:var(--mg100);font-size:var(--fz22);font-weight:500;color: var(--dark);line-height:1.73em;}
.career .top-con .img-wrap{display:flex;justify-content:center;}
.career .top-con .img-wrap .img{position:relative;}
/* .career .top-con .img-wrap .img p{position: absolute;color: #f4f4f4;line-height:1.2em;font-weight:900;font-size: clamp(1.25rem, -0.0658rem + 5.2632vw, 6.25rem);z-index:1;}
.career .top-con .img-wrap .img p.st1{top:7%;left:-65%;}
.career .top-con .img-wrap .img p.st2{top:45%;right:-50%;}
.career .top-con .img-wrap .img p.st3{bottom:5%;left:-52%;} */

.career .btm-con ul{display:flex;margin:0 -10px;}
.career .btm-con ul li{width:33.3333%;padding:0 10px;}
.career .btm-con ul li .box{position:relative;height:100%;text-align:center;border-radius:var(--bd32);border: 1px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #eee 0%,  #2c2c2c 100%);border-image-slice: 1;background-origin: border-box;background-clip: content-box, border-box;overflow:hidden;}
.career .btm-con ul li .box .inner{padding:50px;background-color: #f8f8f8;height:100%;}
.career .btm-con ul li .box .ic{margin-bottom:40px;}
.career .btm-con ul li .box .tit{margin-bottom:30px;font-size:var(--fz28);font-weight:800;color:var(--dark);line-height:1.2em;}
.career .btm-con ul li .box p{font-size:var(--fz18);line-height:1.78em;}


/* 여기부터 반응형 */
/* hr policy */
.hrp .content{margin-bottom:var(--mg100);}
.hrp .content:last-child{margin-bottom:0;}
.hrp .content .doc-tit2{margin-bottom:35px;}
.hrp .content .num-con .row{margin-bottom:70px;padding-top:20px;border-top:1px solid var(--dark);}
.hrp .content .num-con .row .row-tit{margin-bottom:40px;font-size:var(--fz24);font-weight:700;color:var(--dark);line-height:1.4em;}
.hrp .content .num-con .row:last-child{margin-bottom:0;}
.hrp .content .num-con .row ul{display:flex;flex-wrap:wrap;margin:0 -20px;}
.hrp .content .num-con .row ul li{width:12.5%;padding:0 20px;}
.hrp .content .num-con .row ul li .box{position:relative;display:flex;justify-content:center;align-items:center;min-height:140px;padding:10px;border-radius:var(--bd16);border:1px solid #dfdfdf;background-color: #fff;}
.hrp .content .num-con .row ul li .box:after{content:'';width:36px;height:36px;background-color: #fff;border:1px solid #dfdfdf;position: absolute;right:-19px;top:50%;margin-top:-18px;transform:rotate(45deg);/* background:url('/images/sub/box-rec.png')no-repeat 50% 50%/contain;position: absolute; */border-left:0;border-bottom:0;}
.hrp .content .num-con .row ul li:last-child .box:after{display:none;}
.hrp .content .num-con .row ul li .box .num{font-size: clamp(1.875rem, 0.7895rem + 4.3421vw, 6rem);line-height:1em;font-weight:800;color: #f1f1f1;position: absolute;left:0;width:100%;top:50%;transform:translateY(-50%);text-align:center;z-index:1;}
.hrp .content .num-con .row ul li .box p{line-height:1.5em;position:relative;z-index:2;text-align:center;}

.hrp .content .num-con .row.type2 ul li{width:25%;}

.hrp .content .box-con1 ul{display:flex;margin:0 -8px;}
.hrp .content .box-con1 ul li{width:33.3333%;padding:0 8px;}
.hrp .content .box-con1 ul li .box{position:relative;padding:40px 45px;min-height:380px;background-color: #f4f4f4;border-radius:var(--bd24);}
.hrp .content .box-con1 ul li .box p{font-size:var(--fz20);font-weight:500;line-height:1.7em;color:var(--dark);}
.hrp .content .box-con1 ul li .box:after{content:'';position: absolute;right:40px;bottom:45px;width:88px;height:88px;background:url('/images/sub/hr-ic1-1.png')no-repeat 50% 50%/contain;}
.hrp .content .box-con1 ul li .box.st2:after{background-image: url('/images/sub/hr-ic1-2.png');}
.hrp .content .box-con1 ul li .box.st3:after{background-image: url('/images/sub/hr-ic1-3.png');}

.hrp .content .box-con2>ul{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.hrp .content .box-con2>ul>li{width:33.3333%;padding:0 10px;margin-bottom:20px;}
.hrp .content .box-con2>ul>li .box{padding:45px 50px;border:1px solid #dfdfdf;border-radius:var(--bd24);min-height:446px;height:100%;}
.hrp .content .box-con2>ul>li .box .tit{margin-bottom:60px;font-size:var(--fz28);color:var(--dark);font-weight:600;line-height:1.4em;}
.hrp .content .box-con2>ul>li .box .ic{margin-bottom:25px;}
.hrp .content .box-con2>ul>li .box .hypen-list li{margin-bottom:10px;font-size:var(--fz18);line-height:1.44em;}
.hrp .content .box-con2>ul>li .box .hypen-list li:last-child{margin-bottom:0;}

.hrp .content .process ul{display:flex;justify-content:space-between;margin:0 -66px;}
.hrp .content .process ul li{position:relative;padding:0 66px;width:20%;}
.hrp .content .process ul li:after{content:'';width:18px;height:17px;background:url('/images/sub/hr-arr.png')no-repeat 50% 50%/contain;position: absolute;top:50%;right:-9px;transform:translateY(-50%);}
.hrp .content .process ul li:last-child:after{display:none;}
.hrp .content .process ul li .cc{display:flex;justify-content:center;align-items:center;width:175px;height:175px;border-radius:50%;text-align:center;border:1px solid var(--pri);}
.hrp .content .process ul li .cc p{width:100%;font-size:var(--fz18);line-height:1.56em;font-weight:600;color:var(--pri);}

.hrp .content .how ul{display:flex;margin:0 -10px;}
.hrp .content .how ul li{width:50%;padding:0 10px;}
.hrp .content .how ul li .box{display:flex;align-items:center;padding:40px 70px;border-radius:var(--bd24);background-color:var(--pri);height:100%;}
.hrp .content .how ul li .box .ic{display:flex;justify-content:center;align-items:center;width:160px;height:160px;margin-right:50px;background-color: #fff;border-radius:50%;}
.hrp .content .how ul li .box .wrap{min-width:0;width:1%;flex:1 1 auto;}
.hrp .content .how ul li .box .wrap .num{margin-bottom:15px;opacity:.5;color: #fff;font-size:var(--fz20);font-weight:800;line-height:1.2em;}
.hrp .content .how ul li .box .wrap .tit{font-size:var(--fz28);font-weight:800;color: #fff;line-height:1.36em;}
.hrp .content .how ul li .box .wrap .tt{margin-top:20px;font-size:var(--fz18);font-weight:500;color: #e7e7e7;line-height:1.4em;}