@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.vision .content{margin-bottom:var(--mg135);}
.vision .content:last-child{margin-bottom:0;}
.doc-title{margin-bottom:60px;}
.doc-title .tit{font-size:var(--fz38);font-weight:600;color:var(--dark);line-height:1.42em;}
.doc-title .fz18{margin-top:25px;}
.vision .mission{padding:100px 0;background:url('/images/sub/vision-bg1.jpg')no-repeat 50% 50%/cover;}
.vision .value{display:flex;}
.vision .value .col{display:flex;flex-direction:column;width:33.3333%;}
.vision .value .col .img{height:300px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.vision .value .col .tt-wrap{position:relative;height:300px;text-align:center;padding:95px 20px 0;}
.vision .value .col .tt-wrap:before{content:'';width:2px;height:140px;background-color: #dfdfdf;position: absolute;left:50%;margin-left:-1px;top:-90px;}
.vision .value .col .tt-wrap .tit{margin-bottom:20px;font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.4em;}
.fz18{font-size:var(--fz18);line-height:1.67em;}
.vision .value .col:nth-child(even){flex-direction:column-reverse;}
.vision .value .col:nth-child(even) .tt-wrap{padding-top:50px;}
.vision .value .col:nth-child(even) .tt-wrap:before{top:auto;bottom:-40px;}

.greeting{position:relative;}
.greeting:before{content:'';width:100%;height:682px;background:url('/images/sub/greeting-bg.jpg')no-repeat 50% 50%/cover;position: absolute;left:0;bottom:-130px;}
.greeting .tit{margin-bottom:55px;font-size:var(--fz48);font-weight:600;line-height:1.33em;color:var(--dark);}
.greeting .con{display:flex;}
.greeting .con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;padding-right:40px;}
.greeting .con .tt-wrap .top-txt{position:relative;padding-left:37px;margin-bottom:55px;font-size:var(--fz28);font-weight:600;color: var(--dark);line-height:1.57em;}
.greeting .con .tt-wrap .top-txt:before{content:'';width:4px;height:70px;background-color: #ce2a27;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.greeting .con .tt-wrap .wrap p{margin-bottom:20px;font-size:var(--fz18);line-height:1.89em;}
.greeting .con .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .con .tt-wrap .ceo{display:none;}
.greeting .con .img-wrap{padding-top:10px;}
.greeting .con .ceo{margin-top:70px;}
.greeting .con .ceo .txt{margin-bottom:15px;color:var(--dark);font-weight:600;line-height:1.4em;}

.history .title-wrap{margin-bottom:155px;}
.history .title-wrap .top-tt{position:relative;padding-left:20px;margin-bottom:30px;font-weight:500;color:var(--dark);line-height:1.4em;}
.history .title-wrap .top-tt:before{content:'';width:8px;height:8px;border-radius:50%;background-color: #e8b42a;position: absolute;left:0;top:.4em;}
.history .title-wrap .title{font-size:var(--fz48);font-weight:600;color:var(--dark);line-height:1.2em;}
.history .con{position:relative;}
.history .con:after{content:'';width:1px;height:90%;background-color:var(--pri);position: absolute;left:50%;top:30px;}
.history .con .row{display:flex;margin-bottom:140px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row .img{width:50%;padding-right:180px;text-align:center;}
.history .con .row .info{position:relative;width:50%;padding-left:80px;}
.history .con .row .info:before{content:'';position: absolute;left:0;margin-left:-10px;top:1.5em;width:20px;height:20px;background:url('/images/sub/history-bullet.jpg')no-repeat 50% 50%/contain;}
.history .con .row .info .year-tit{margin-bottom:50px;font-size: clamp(1.25rem, 0.6579rem + 2.3684vw, 3.5rem);color:var(--dark);line-height:1.2em;}
.history .con .row .info ul li{display:flex;margin-bottom:15px;font-size:var(--fz20);line-height:1.4em;color:var(--dark);}
.history .con .row .info ul li:last-child{margin-bottom:0;}
.history .con .row .info ul li .year{width:95px;font-weight:600;}
.history .con .row .info ul li .txt{min-width:0;width:1%;flex:1 1 auto;}
.history .con .row .info ul li .txt p{margin-bottom:15px;}
.history .con .row .info ul li .txt p:last-child{margin-bottom:0;}
.history .con .row:nth-child(even){flex-direction:row-reverse;}
.history .con .row:nth-child(even) .img{padding-right:0;padding-left:180px;}
.history .con .row:nth-child(even) .info{padding-left:0;padding-right:80px;text-align:right;}
.history .con .row:nth-child(even) .info:before{left:auto;right:0;margin-left:0;margin-right:-10px;}
.history .con .row:nth-child(even) .info ul li{flex-direction:row-reverse;}
.history .con .row.wide{display:block;width:100%;text-align:center;position:relative;z-index:1;background-color: #fff;}
.history .con .row.wide .img{width:100%;padding:0;padding-left:0 !important;padding-right:0 !important;}
.history .con .row.wide .info{width:100%;text-align:center;padding:0;padding-top:65px;margin-bottom:55px;padding-left:0 !important;padding-right:0 !important;}
.history .con .row.wide .info:before{left:50%;margin-left:-10px;top:0;}
.history .con .row.wide .info .year-tit{margin-bottom:30px;}

.ci .content{margin-bottom:var(--mg135);}
.ci .content:last-child{margin:0;}
.ci .cont1 .doc-title{margin-bottom:65px;}
.ci .cont1 .row{display:flex;align-items:center;margin-bottom:100px;}
.ci .cont1 .row:last-child{margin-bottom:0;}
.ci .cont1 .row .logo{display:flex;justify-content:center;align-items:center;width:700px;height:450px;border-radius:0 225px 225px 0;margin-right:120px;border:1px solid #dfdfdf;}
.ci .cont1 .row .colors{min-width:0;width:1%;flex:1 1 auto;}
.ci .cont1 .row .colors ul li{display:flex;align-items:center;margin-bottom:50px;}
.ci .cont1 .row .colors ul li:last-child{margin-bottom:0;}
.ci .cont1 .row .colors ul li .box{width:80px;height:80px;margin-right:30px;border-radius:var(--bd16);}
.ci .cont1 .row .colors ul li .wrap .tit{margin-bottom:10px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.3em;}
.ci .cont1 .row .colors ul li .wrap p{line-height:1.75em;}
.ci .cont1 .row .colors ul li .wrap p strong{color:var(--dark);}
.ci .cont1 .row:nth-child(even){flex-direction:row-reverse;}
.ci .cont1 .row:nth-child(even) .logo{border-radius:225px 0 0 225px;margin-right:0;margin-left:120px;}
.ci .cont1 .row:nth-child(even) .colors ul li{display:block;text-align:right;}
.ci .cont1 .row:nth-child(even) .colors ul li .box{margin:0 0 35px auto;}
.ci .cont2 ul{display:flex;}
.ci .cont2 ul li{width:50%;}
.ci .cont2 ul li .logo{padding:160px 20px;border:1px solid #dfdfdf;border-right:none;text-align:center;}
.ci .cont2 ul li:nth-child(2) .logo{background-color:var(--pri);}
.ci .cont3 ul{display:flex;}
.ci .cont3 ul li{width:16.6666%;}
.ci .cont3 ul li .box{padding:35px 20px 35px 30px;color: #fff;}
.ci .cont3 ul li .box .tit-wrap{display:block;margin-bottom:50px;}
.ci .cont3 ul li .box .tit-wrap .tit{margin-bottom:15px;font-style:italic;font-size:var(--fz24);font-weight:600;line-height:1.2em;letter-spacing:-.055em;}
.ci .cont3 ul li .box .tit-wrap .code{font-weight:500;}
.ci .cont3 ul li .box .dl-wrap dl{display:block;margin-bottom:20px;}
.ci .cont3 ul li .box .dl-wrap dl:last-child{margin-bottom:0;}
.ci .cont3 ul li .box .dl-wrap dl dt{margin-right:20px;font-weight:700;}
/* .ci .cont3 ul li .box .dl-wrap dl dd{min-width:0;width:1%;flex:1 1 auto;text-align:right;} */
.ci .cont3 ul li .box .dl-wrap dl dd span{margin-right:10px;}
.ci .cont3 ul li .box .dl-wrap dl dd span:last-child{margin-right:0;}

.ci .flex-cont .flex{display:flex;margin:0 -20px;}
.ci .flex-cont .flex .col{width:50%;padding:0 20px;}
.ci .flex-cont .flex .col .logo-list{margin-bottom:40px;}
.ci .flex-cont .flex .col .logo-list ul li{margin-bottom:20px;}
.ci .flex-cont .flex .col .logo-list ul li:last-child{margin-bottom:0;}
.ci .flex-cont .flex .col .btns ul{display:flex;justify-content:center;margin:0 -4px;}
.ci .flex-cont .flex .col .btns ul li{padding:0 4px;}
.ci .flex-cont .flex .col .btns ul li a{display:flex;justify-content:center;align-items:center;width:182px;height:44px;border-radius:22px;border:1px solid #2c2c2c;transition:.3s;}
.ci .flex-cont .flex .col .btns ul li a span{position:relative;padding-left:28px;color: #2c2c2c;font-weight:500;line-height:1.2em;}
.ci .flex-cont .flex .col .btns ul li a span:before{content:'';position: absolute;left:0;top:.1em;width:15px;height:16px;background:url('/images/sub/ci-down.png')no-repeat 0 50%/contain;}
.ci .flex-cont .flex .col .btns ul li a:hover{background-color:var(--pri);}

.certi .tab-menu{margin-bottom:90px;}
.certi .tab-menu ul{display:flex;justify-content:center;}
.certi .tab-menu ul li a{display:flex;justify-content:center;align-items:center;position: relative;width:144px;height:56px;background-color: #f4f4f4;color: #a8a8a8;font-size:var(--fz18);font-weight:600;line-height:1.2em;}
.certi .tab-menu ul li a:after{content:'';width:100%;height:100%;border:1px solid #2c2c2c;position: absolute;left:0;top:0;opacity:0;}
.certi .tab-menu ul li.active a{color:var(--dark);background-color:var(--pri);}
.certi .tab-menu ul li.active a:after{opacity:1;}
.certi .list ul{display:flex;flex-wrap:wrap;margin:0 -20px -40px;}
.certi .list ul li{width:20%;padding:0 20px;margin-bottom:40px;text-align:center;}
.certi .list ul li .wrap{margin-top:25px;}
.certi .list ul li .wrap .num{margin-bottom:15px;color: #a8a8a8;font-size:var(--fz14);font-weight:600;line-height:1.3em;}
.certi .list ul li .wrap .tit{color:var(--dark);font-weight:600;font-size:var(--fz20);line-height:1.5em;}

.customer .content{padding-bottom:100px;margin-bottom:100px;border-bottom:1px dashed #dfdfdf;}
.customer .content:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.customer .content ul{display:flex;flex-wrap:wrap;margin:0 -15px -50px;}
.customer .content ul li{width:20%;text-align:center;padding:0 15px;margin-bottom:50px;}

.location .content{margin-bottom:var(--mg135);}
.location .content:last-child{margin-bottom:0;}
.location .content .doc-title{text-align:center;}
.location .content .maps{margin-bottom:45px;}
.location .content .maps .root_daum_roughmap {width:100% !important; height:460px !important;}
.location .content .maps .root_daum_roughmap .wrap_map {height:460px !important;}
.location .content .maps.type3 iframe{height:460px;width:100%;}
.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 .maps.type2 .roughmap_lebel_text:after{content:"소재사업부";}
[lang=en] .location .content .maps .roughmap_lebel_text:after {content:"Head Office (Equipment Division)";}
[lang=en] .location .content .maps.type2 .roughmap_lebel_text:after{content:"Materials Division";}
[lang=cn] .location .content .maps .roughmap_lebel_text:after {content:"总公司(装备事业部)";}
[lang=cn] .location .content .maps.type2 .roughmap_lebel_text:after{content:"材料事业部";}
.location .content .adr{margin-bottom:40px;text-align:center;}
.location .content .adr .tit{margin-bottom:20px;font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.4em;}
.location .content .adr p{font-weight:500;color:var(--dark);}
.location .content .adr p.type2{font-family: "Noto Sans SC", sans-serif;}
.location .content .wrap{display:flex;justify-content:center;}
.location .content .wrap p{position:relative;padding-left:35px;margin-right:40px;color:var(--dark);font-weight:600;font-size:var(--fz18);line-height:1.4em;}
.location .content .wrap p:last-child{margin-right:0;}
.location .content .wrap p:before{content:'';width:25px;height:25px;background:url('/images/sub/loc-tel.png')no-repeat 0 50%/contain;position: absolute;left:0;top:0em;}
.location .content .wrap p.fax:before{background-image:url('/images/sub/loc-fax.png');}
.location .content .wrap p.mail:before{background-image:url('/images/sub/loc-mail.png');}

.busi-gate{padding:20px 0;overflow:hidden;}
.busi-gate .con ul{display:flex;margin:0 -10px;}
.busi-gate .con ul li{width:50%;padding:0 10px;}
.busi-gate .con ul li .box{display:flex;align-items:flex-end;position:relative;overflow:hidden;min-height:980px;}
.busi-gate .con ul li .box .bg{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.busi-gate .con ul li .box .inner{position:relative;z-index:1;padding:100px;width:100%;color: #fff;}
.busi-gate .con ul li .box .inner .sec-tit{margin:0;min-height:340px;text-align:left;}
.busi-gate .con ul li .box .inner .sec-tit .tit{margin-bottom:60px;color: #fff;}

.doc-bg{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.doc-busi .wide-con{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;height:100vh;padding:0 30px;}
.doc-busi .wide-con .doc-title{width:100%;color: #fff;}
.doc-busi .wide-con .doc-title .tit{color: #fff;}
.doc-busi .doc-title{position:relative;z-index:1;text-align:center;}
.doc-busi .flex-wrap .row{display:flex;}
.doc-busi .flex-wrap .row .img{position:relative;overflow:hidden;width:50%;height:100vh;}
.doc-busi .flex-wrap .row .tt-wrap{display:flex;align-items:center;width:50%;padding:0 120px;}
.doc-busi .flex-wrap .row .tt-wrap .doc-title{text-align:left;}
.doc-busi .flex-wrap .row:nth-child(even){flex-direction:row-reverse;}
.doc-busi .flex-wrap .row:nth-child(even) .tt-wrap{justify-content:flex-end;padding-right:145px;}

.pr-list ul{display:flex;flex-wrap:wrap;margin:0 -20px -95px;}
.pr-list ul li{width:50%;padding:0 20px;margin-bottom:95px;text-align: center;}
.pr-list ul li .pic{position:relative; padding-bottom:55.884%; overflow:hidden;margin-bottom:35px;}
.pr-list ul li .pic:after{content:'';width:100%;height:100%;border:1px solid #dfdfdf;position: absolute;left:0;top:0;}
.pr-list ul li .pic:before{content:'';width:100%;height:100%; border:4px solid var(--pri);/* border-image:linear-gradient(to  bottom right ,#e8b42a ,#ce2a27);border-image-slice:1; */position: absolute;left:0;top:0;z-index:1;transition:.3s;opacity:0;}
.pr-list ul li .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:cover; */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-list ul li .cate{margin-bottom:15px;font-size:var(--fz18);font-weight:600;line-height:1.4em;color: var(--dark);}
.pr-list ul li .tit{margin-top:0;}
.pr-list ul li .tit p{color:var(--dark);font-size: clamp(0.9375rem, 0.7237rem + 0.8553vw, 1.75rem);display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;line-height:1.3em;font-weight:600;}
.pr-list ul li a:hover .pic:before{opacity:1;}
.pr-list ul li a:hover .tit p{text-decoration:underline;}

.pr-detail .top-con{display:flex;align-items:center;margin-bottom:var(--mg100);background-color: #f8f8f8;padding:100px 160px;}
.pr-detail .top-con .img{margin-right:120px;width:680px;}
.pr-detail .top-con .img .pic{position:relative; padding-bottom:55.884%; overflow:hidden;}
.pr-detail .top-con .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:cover;}
.pr-detail .top-con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.pr-detail .top-con .tt-wrap .title{font-size:var(--fz32);font-weight:600;color:var(--dark);line-height:1.4em;padding-bottom:25px;margin-bottom:45px;border-bottom:2px solid #2c2c2c;}
.pr-detail .top-con .info{margin-bottom:60px;}
.pr-detail .top-con .info .row{margin-bottom:50px;}
.pr-detail .top-con .info .row:last-child{margin-bottom:0;}
.pr-detail .top-con .info .row .tit{margin-bottom:15px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.5em;}
.pr-detail .top-con .info .row .tt{color:var(--dark);font-weight:500;}
.hypen-list li{position:relative;padding-left:10px;margin-bottom:8px;}
.hypen-list li:last-child{margin-bottom:0;}
.hypen-list li:before{content:'';width:5px;height:1px;background-color: #505050;position: absolute;left:0;top:.75em;}
.pr-detail .top-con .btns ul{display:flex;margin:0 -5px;}
.pr-detail .top-con .btns ul li{width:50%;padding:0 5px;}
.pr-detail .top-con .btns ul li a{display:flex;justify-content:center;align-items:center;text-align:center;height:62px;border-radius:31px;border:1px solid #2c2c2c;font-size:var(--fz18);font-weight:600;line-height:1.2em;background-color: #fff;color: var(--dark);}
.pr-detail .top-con .btns ul li a.btn-mail{background-color:var(--pri);border:none;}
.pr-detail .content-wrap{padding:0 160px;}
.pr-detail .content-wrap .content{margin-bottom:var(--mg135);}
.pr-detail .content-wrap .content:last-child{margin-bottom:0;}
.pr-detail .content-wrap .content .title{padding-bottom:35px;margin-bottom:40px;border-bottom:1px solid #2c2c2c;font-size:var(--fz38);font-weight:600;line-height:1.3em;color:var(--dark);}
.img-list{display:flex;flex-wrap:wrap;margin:0 -10px -20px;}
.img-list li{width:25%;padding:0 10px;margin-bottom:20px;text-align:center;}
.img-list.type3{margin-left:-20px;margin-right:-20px;}
.img-list.type3 li{padding:0 20px;}
.img-list.type2 li .pic{position:relative; padding-bottom:80.623%; overflow:hidden;}
.img-list.type2 li .pic:before{content:'';width:100%;height:100%;border:1px solid #dfdfdf;position: absolute;left:0;top:0;}
.img-list.type2 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;}

.pr-detail .help-box{margin-top:var(--mg135);background:url('/images/sub/mail-box-bg.jpg')no-repeat 50% 50%/cover;padding:var(--mg135) 40px;text-align:center;}
.pr-detail .help-box .tit{margin-bottom:30px;font-size:var(--fz48);font-weight:600;color:var(--dark);line-height:1.3em;}
.pr-detail .help-box .tt{margin-bottom:65px;font-size:var(--fz28);font-weight:500;color:var(--dark);}
.pr-detail .help-box .btn{display:flex;justify-content:center;align-items:center;width:380px;height:120px;margin:0 auto;background-color:#fff;border-radius:60px;box-shadow:6px 6px 30px rgba(0,0,0,.12);}
.pr-detail .help-box .btn span{position:relative;padding-left:90px;padding-right:20px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.3em;}
.pr-detail .help-box .btn span:before{content:'';width:78px;height:84px;background:url('/images/sub/ic-mail.png')no-repeat 0 50%/contain;position: absolute;left:0;top:-1.5em;}

.esg .top-con{margin-bottom:65px;padding:125px 160px;background:url('/images/sub/esg-bg.jpg')no-repeat 80% 50%/cover;}
.esg .top-con .tit{margin-bottom:50px;font-size:var(--fz48);font-weight:600;line-height:1.42em;color:var(--dark);}
.esg .top-con .tt{font-size:var(--fz28);font-weight:500;color:var(--dark);line-height:1.57em;}
.esg .content-wrap{padding:0 160px;}
.esg .info{margin-bottom:var(--mg135);}
.esg .info ul{display:flex;margin:0 -50px;}
.esg .info ul li{width:33.3333%;padding:0 50px;}
.esg .info ul li .tit{padding-bottom:15px;margin-bottom:40px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.4em;border-bottom:4px solid #2c2c2c;}
[lang=en] .esg .info ul li .tit{min-height:75px;}
.esg .info ul li .cnt{display:flex;}
.esg .info ul li .cnt .img{margin-right:20px;}
.esg .info ul li .cnt .wrap{min-width:0;width:1%;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;text-align:right;}
.esg .info ul li .cnt .wrap .eng{font-size:var(--fz18);font-weight:500;color: #a8a8a8;line-height:1.4em;margin-bottom:10px;font-style:italic;}
.esg .row{display:flex;align-items:flex-end;margin:0 -40px var(--mg135);}
.esg .row .img{width:50%;padding:0 40px;}
.esg .row .img img{border-radius:var(--bd32) var(--bd32) 0 var(--bd32);}
.esg .row .tt-wrap{width:50%;padding:0 40px;}
.esg .row .tt-wrap .inner{padding-left:40px;}
.esg .row .tt-wrap .inner .tit-wrap{margin-bottom:60px;}
.esg .row .tt-wrap .inner .tit-wrap .tit{font-size:var(--fz56);font-weight:800;color:var(--dark);line-height:1.2em;}
.esg .row .tt-wrap .inner .tit-wrap .eng{font-size:var(--fz28);font-weight:500;color:var(--dark);padding-left:40px;margin-top:20px;font-style:italic;}
.esg .row .tt-wrap .inner .cnt ul{display:flex;}
.esg .row .tt-wrap .inner .cnt ul li{width:33.3333%;}
.esg .row .tt-wrap .inner .cnt ul li .box{padding:40px 30px 35px;height:100%;border:1px solid #dfdfdf;margin-right:-1px;}
.esg .row .tt-wrap .inner .cnt ul li .box .tit{position:relative;padding-top:25px;margin-bottom:20px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.5em;}
.esg .row .tt-wrap .inner .cnt ul li .box .tit:before{content:'';width:8px;height:8px;border-radius:50%;background-color:var(--pri);position: absolute;left:0;top:0;}
.esg .row .tt-wrap .inner .cnt ul li .box p{line-height:1.75em;}
.esg .row:nth-child(even){flex-direction:row-reverse;}
.esg .row:nth-child(even) .img img{border-radius:var(--bd32) var(--bd32) var(--bd32) 0;}
.esg .row:nth-child(even) .tt-wrap .inner{padding-left:0;padding-right:40px;}

.esg-policy .content{margin-bottom:var(--mg135);}
.esg-policy .content:last-child{margin-bottom:0;}
.esg-policy .content .doc-title{margin-bottom:30px;}
.esg-policy .content .list{border-top:1px solid var(--dark);}
.esg-policy .content .list ul li{display:flex;align-items:center;padding:15px 50px;min-height:100px;border-bottom:1px solid #dfdfdf;}
.esg-policy .content .list ul li .tit{position:relative;padding-left:30px;min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz20);font-weight:600;line-height:1.4em;color: var(--dark);margin-right:40px;}
.esg-policy .content .list ul li .tit:before{content:'';width:10px;height:10px;border-radius:50%;background-color:var(--pri);position: absolute;left:0;top:.4em;}
.doc-btns{display:flex;}
.doc-btns a{margin-right:8px;min-width:110px;height:44px;border-radius:22px;padding:0 20px;border:1px solid var(--dark);display:flex;justify-content:center;align-items:center;transition:.3s;background-color: #fff;}
.doc-btns a:last-child{margin-right:0;}
.doc-btns a span{position:relative;padding-left:30px;color:var(--dark);font-weight:500;line-height:1.2em;}
.doc-btns a span:before{content:'';width:15px;height:16px;background:url('/images/sub/ic-down.png')no-repeat 0 50%/contain;position: absolute;left:0;top:.1em;}
.doc-btns a:hover{background-color:var(--pri);}

.table01 table{width:100%;border-spacing:0;text-align:center;border-top:1px solid var(--dark);}
.table01 table thead th{height:76px;font-size:var(--fz18);font-weight:600;color:var(--dark);line-height:1.4em;}
.table01 table td{line-height:1.4em;height:100px;}
.table01 table th,
.table01 table td{padding:10px;border-bottom:1px solid #dfdfdf;}
.table01 table td .doc-btns{justify-content:center;}

.esg-report .top-con{max-width:1400px;margin:0 auto var(--mg100);}
.esg-report .top-con .doc-title{margin-bottom:50px;}
.esg-report .top-con .tt1{margin-bottom:25px;font-weight:600;color:var(--dark);line-height:1.5em;}
.esg-report .bg-con{background:url('/images/sub/report-bg.jpg')no-repeat 50% 50%/cover;padding:var(--mg100) 40px;margin-bottom:var(--mg135);}
.esg-report .bg-con .inner{display:flex;max-width:1400px;margin:0 auto;}
.esg-report .bg-con .inner .card{margin-right:120px;}
.esg-report .bg-con .inner .card img{box-shadow:6px 6px 24px rgba(0,0,0,.24);border-radius:var(--bd24);}
.esg-report .bg-con .inner .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.esg-report .bg-con .inner .tt-wrap .tit{margin-bottom:35px;font-size:var(--fz32);font-weight:600;color:var(--dark);line-height:1.3em;}
.esg-report .bg-con .inner .tt-wrap .wrap{margin-bottom:55px;}
.esg-report .bg-con .inner .tt-wrap .wrap p{margin-bottom:25px;line-height:1.75em;}
.esg-report .report-list{max-width:1400px;margin:0 auto;}
.esg-report .report-list ul{display:flex;margin:0 -30px;}
.esg-report .report-list ul li{width:25%;padding:0 30px;}
.esg-report .report-list ul li .tit{margin:25px 0 30px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.4em;}

.doc-top-txt{margin-bottom:var(--mg100);font-size:var(--fz38);font-weight:600;color:var(--dark);line-height:1.42em;}

.rule .bg-con{background:url('/images/sub/rule-bg.jpg')no-repeat 50% 50%/cover;padding:var(--mg100) 40px;}
.rule .bg-con .wrap{margin-bottom:45px;}
.rule .bg-con .wrap p{margin-bottom:25px;font-size:var(--fz28);font-weight:500;color:var(--dark);line-height: 1.57em;text-align:center;}
.rule .bg-con .wrap p:last-child{margin-bottom:0;}
.rule .bg-con .btn{display: flex;justify-content:center;align-items:center;width:470px;height:120px;margin:0 auto;border-radius:60px;background-color: #fff;box-shadow:6px 6px 30px rgba(0,0,0,.12);}
[lang=en] .rule .bg-con .btn{max-width:700px;width:100%;}
.rule .bg-con .btn span{position:relative;padding-left:83px;color:var(--dark);font-weight:600;font-size:var(--fz20);line-height:1.2em;}
.rule .bg-con .btn span:before{content:'';position: absolute;left:0;top:-.8em;width:48px;height:60px;background:url('/images/sub/ic-pdf.png')no-repeat 0 50%/contain;box-shadow:5px 5px 18px rgba(0,0,0,.12);}

.news-list2 ul{display:flex;flex-wrap:wrap;margin:0 -25px -65px;}
.news-list2 ul li{width:33.3333%;padding:0 25px;margin-bottom:65px;}
.news-list2 ul li .pic {position:relative; height:0; padding-bottom:56.31%; overflow:hidden;}
.news-list2 ul li .pic:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.news-list2 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;}
.news-list2 ul li .tit{margin:25px 0 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.6em;}
.news-list2 ul li .date{font-size:var(--fz14);font-weight:600;color:var(--dark);line-height:1.2em;}

.top-sch{margin-bottom:75px;padding:70px;border-radius:var(--bd24);background-color: #f4f4f4;}
.top-sch .inner{display:flex;justify-content:center;}
.top-sch .inner .cate{width:94px;margin-right:8px;}
.top-sch .inner .search{display:flex;}
.top-sch .inner .search input.input{width:300px;}

.doc-board .content{margin-bottom:85px;}
.doc-board .content:last-child{margin-bottom:0;}
.doc-board .content .title{margin-bottom:55px;font-size:var(--fz32);font-weight:600;color:var(--dark);line-height:1.3em;}
.doc-board .content .sld{position:relative;}
.doc-board .content .sld .slick-list{margin:0 -25px;}
.doc-board .content .sld .item{padding:0 25px;line-height:1.6em;}
.doc-board .content .sld .item .pic {position:relative; height:0; padding-bottom:56.31%; overflow:hidden;}
.doc-board .content .sld .item .pic:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.doc-board .content .sld .item .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;}
.doc-board .content .sld .item .tit{margin-top:25px;text-align:center;color:var(--dark);font-size:var(--fz20);font-weight:600;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.doc-board .content .sld .slick-arrow{display:block;width:48px;height:48px;border-radius:50%;background-color:#fff;border:1px solid #ddd;background-repeat:no-repeat;background-size:7px;background-position:50% 50%;font-size:0;transition:.3s;box-shadow:4px 4px 12px rgba(0,0,0,.2);position: absolute;top:30%;z-index:1;}
.doc-board .content .sld .slick-prev{background-image:url('/images/bbs/board-prev.png');left:-24px;}
.doc-board .content .sld .slick-next{background-image:url('/images/bbs/board-next.png');right:-24px;}
.doc-board .content .sld .slick-arrow:hover{background-color:var(--pri);border-color:var(--pri);}

.doc-board.download .content .sld .slick-list{margin:0 -15px;}
.doc-board.download .content .sld .item{padding:0 15px;}
.doc-board.download .content .sld .item .pic{padding-bottom:133.205%;}
.doc-board.download .content .sld .item .pic:before{content:'';width:64px;height:64px;background:#ce2a27 url('../images/bbs/ic-down.png')no-repeat 50% 50%/24px;transition:.1s;opacity:0;position: absolute;right:0;bottom:0;z-index:1;}
.doc-board.download .content .sld .item a:hover .pic:before{opacity:1;}

.contact .con ul{display:flex;flex-wrap:wrap;margin:0 -5px -10px;}
.contact .con ul li{width:33.3333%;padding:0 5px;margin-bottom:10px;}
.contact .con ul li .box{display:block;position:relative;border:1px solid #ddd;height:100%;padding:45px 50px 50px;transition:.3s;overflow:hidden;}
.contact .con ul li .box .tit-wrap{margin-bottom:65px;}
.contact .con ul li .box .tit-wrap .tit{margin-bottom:15px;font-size:var(--fz28);color: #2c2c2c;line-height:1.4em;font-weight:600;}
.contact .con ul li .box .tit-wrap .eng{font-size:14px;color: #a8a8a8;line-height:1.4em;}
.contact .con ul li .box .btn{display:flex;justify-content:center;align-items:center;width:100px;height:44px;border-radius:22px;border:1px solid #ddd;color:var(--dark);font-weight:500;line-height:1.2em;transition:.3s;}
.contact .con ul li .box .tel .tit{margin-bottom:10px;font-size:var(--fz18);color:var(--snd);}
.contact .con ul li .box .tel .num{margin-bottom:20px;font-size:var(--fz32);font-weight:700;color:var(--dark);line-height:1.2em;}
.contact .con ul li .box .tel .tt{line-height:1.5em;color:var(--dark);}
.contact .con ul li .box .tel .tt span{font-size:14px;color: #a8a8a8;font-weight:500;}
.contact .con ul li .box:after{content:'';width:120px;height:120px;background:url('/images/sub/contact-ic1-1.png')no-repeat 50% 50%/contain;position: absolute;right:30px;bottom:0px;transition:.3s;}
.contact .con ul li.type2 .box:after{background-image:url('/images/sub/contact-ic1-2.png');}
.contact .con ul li.type3 .box:after{background-image:url('/images/sub/contact-ic1-3.png');}
.contact .con ul li.type4 .box:after{background-image:url('/images/sub/contact-ic1-4.png');}
.contact .con ul li.type5 .box:after{background-image:url('/images/sub/contact-ic1-5.png');}
.contact .con ul li.type6 .box:after{background-image:url('/images/sub/contact-ic1-6.png');}
.contact .con ul li .box:hover{background-color:var(--pri);border-color:var(--dark);}
.contact .con ul li .box:hover .tit-wrap .eng{color:var(--dark);}
.contact .con ul li .box:hover .btn{border-color:var(--dark);background-color:var(--dark);color: #fff;}
.contact .con ul li .box:hover:after{background-image:url('/images/sub/contact-ic1-1-on.png');}
.contact .con ul li.type2 .box:hover:after{background-image:url('/images/sub/contact-ic1-2-on.png');}
.contact .con ul li.type3 .box:hover:after{background-image:url('/images/sub/contact-ic1-3-on.png');}
.contact .con ul li.type4 .box:hover:after{background-image:url('/images/sub/contact-ic1-4-on.png');}
.contact .con ul li.type5 .box:hover:after{background-image:url('/images/sub/contact-ic1-5-on.png');}
.contact .con ul li.type6 .box:hover:after{background-image:url('/images/sub/contact-ic1-6-on.png');}
.contact .con ul li .box:hover .tel .tt span{color:var(--dark);}

.close-modal {display:none !important;}
.pop-contact{padding:35px 40px;background-color: #fff;border-radius:var(--bd24);}
.pop-contact .pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;}
.pop-contact .pop-head .tit{font-size:var(--fz24);font-weight:600;color:var(--dark);line-height:1.3em;}
.pop-contact .pop-head .modal-close{display:block;width:17px;height:17px;background:url('/images/sub/pop-close.png')no-repeat 50% 50%/contain;font-size:0;}
.pop-contact .box-tit{display:flex;align-items:center;padding:35px 40px;margin-bottom:35px;background-color: #f9f8f9;}
.pop-contact .box-tit .wrap{min-width:0;width:1%;flex:1 1 auto;padding-right:40px;}
.pop-contact .box-tit .wrap .tit{margin-bottom:10px;font-size:var(--fz28);font-weight:600;color:var(--dark);line-height:1.3em;}
.pop-contact .box-tit .wrap .eng{font-size:14px;color: #a8a8a8;line-height:1.3em;}
.pop-contact .form-area .row{margin-bottom:20px;}
.pop-contact .form-area .row:last-child{margin-bottom:0;}
.pop-contact .form-area .row .flex{display:flex;margin:0 -5px;}
.pop-contact .form-area .row .flex .col{width:50%;padding:0 5px;}
.pop-contact .form-area .row .tit{display:inline-block;margin-bottom:10px;line-height:1.3em;font-weight:600;color: var(--dark);}
.pop-contact .check{display:flex;align-items:center;margin:40px 0 25px;color:var(--dark);font-weight:500;line-height:1.4em;}
.pop-contact .check .checkbox label:before{width:20px;height:20px;border-radius:50%;}
.pop-contact .check .checkbox input:checked + label:before{background-color:var(--dark);border-color:var(--dark);}
.pop-contact .check a{display:inline-block;margin-left:10px;line-height:24px;padding:0 10px;font-weight:500;font-size:12px;border-radius:12px;border:1px solid var(--dark);}
.pop-contact .btn-send{display:flex;justify-content:center;align-items:center;cursor:pointer;color: #fff;border:none;background-color:var(--snd);width:100%;height:56px;border-radius:28px;font-size:var(--fz18);font-weight:600;line-height:1.2em;}

.btn-leave{color:var(--dark);text-align:right;margin-top:15px;}
.btn-leave a{display:inline-block;line-height:1.3em;letter-spacing:0;font-weight:500;}
.btn-leave a:hover{text-decoration:underline;}

.frame-wrap{overflow-y:auto;}

.authentic-bnr {text-align:center;}

.authentic-as {padding: 120px 0; max-width:920px; margin: 0 auto;}
.authentic-as .doc-title  {margin-bottom: 20px;}
.authentic-as .wrap {display: grid; grid-template-columns: repeat(3, 1fr); gap:40px;}
.authentic-as .wrap .box {padding: 50px 20px 25px; text-align:center;  border:1px solid #ddd; border-radius:15px; height: 100%;}
.authentic-as .wrap .num {margin: 20px auto; width: 28px; height: 28px; border-radius:100%; background:#cba233; color: #fff; display:flex; align-items:center; justify-content:center; text-align:center; font-size: var(--fz14);}

.authentic-form {max-width:750px; margin: 0 auto 230px; background:#eee; border-radius:6px; padding: 40px 20px;}
.authentic-form .doc-title {margin-bottom: 30px;}
.authentic-form .group {max-width:560px; margin: 0 auto;}
.authentic-form .group dl {display: flex; align-items:center;}
.authentic-form .group dl + dl {margin-top: 20px;}
.authentic-form .group dl dt {font-weight: 700; letter-spacing: 0; line-height: 1.5em; width: 110px;}
.authentic-form .group dl dd { flex:1; position: relative; padding-right: 50px;}
.authentic-form .group .input {width: 100%; display: block;}
.authentic-form .group .check {opacity: 0;position: absolute; right:0; top:50%; margin-top: -15px; width: 30px; height: 30px; background: url('/images/sub/check.png') no-repeat 50% 50% /contain;}
.authentic-form .group .check.on {opacity: 1;}
.authentic-form .submit {margin-top: 60px; text-align:center;}
.authentic-form .submit .btn-pack {border-radius:6px; width: 110px; height: 42px; background:#cba233; font-size:var(--fz18); font-weight: 500; color: #fff;}

.authentic-guide h2 {margin-bottom: 75px;}
.authentic-guide h2 span {position: relative; display: inline-block; font-size:var(--fz38); font-weight: 600; letter-spacing:-.02em; color: #2c2c2c;}
.authentic-guide h2 span:before {content:''; position: absolute; left:0; right:0; bottom:-7px; background:#cba233; height: 10px; z-index: -1;}
.authentic-guide .sec {margin-bottom: 55px;}
.authentic-guide .sec:last-child {margin-bottom: 0;}
.authentic-guide .sec h3 {margin-bottom: 15px; font-size:var(--fz30); font-weight: 600; letter-spacing: -.02em; line-height: 1.4em; color: #2c2c2c;}
.authentic-guide .sec h3:before {content:'·'; font-weight: 600; color: #cba233; margin-right: .2em;}
.authentic-guide .sec .text {font-size:var(--fz18); line-height: 1.67em;}
.authentic-guide .sec .info {margin-top: 25px; max-width:780px; padding: 30px; font-size:var(--fz18); line-height: 1.67em; background: #eaeaea;}

.authentic-download {margin: 65px 0 55px; display: flex; justify-content:center; gap:135px; text-align:center;}
.authentic-download .tit {margin: 10px 0 20px; font-size:var(--fz18); font-weight: 700; letter-spacing: 0; line-height: 1.4em; color: #2c2c2c;}
.authentic-download .btn {font-size:var(--fz18); font-weight: 700; letter-spacing: 0; display: inline-flex; align-items:center; gap:0 7px; color: #fff; background:#cba233; height: 40px; padding: 0 15px;}
.authentic-download .btn:after {content:''; width: 19px; height: 25px; background:url('/images/sub/download-icon.png') no-repeat 50% 50% / contain;}

.authentic-history {margin-bottom: 115px;}
.authentic-history table {width: 100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #2c2c2c; text-align:center;}
.authentic-history thead th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:14px; font-size:var(--fz18); font-weight: 700; letter-spacing:-.02em; line-height: 1.4em;}
.authentic-history tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd;padding:14px; font-size:var(--fz18); font-weight: 400; letter-spacing:-.02em; line-height: 1.4em; color: #505050;}
.authentic-history thead th:last-child,
.authentic-history tbody td:last-child {border-right:0;}