@charset "utf-8";

/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 김정은, 이혜진 (pointweb)
* @ 작성일     : 2021-05-11
************************** 수정이력 **************************************
* 날짜                    작업자                  변경내용
* 2021-05-11              김정은                  최초작성
**************************************************************************/


.rnd { }
.rnd img { margin:0 auto; position:relative; }
.rnd .capa-sub-tit { margin: 0.3rem 0;}
.rnd .capa-tit { margin-bottom:  0.5rem;}
.rnd .mechanicalbox {background: #f5f5f5;padding:0.3rem 0.5rem;font-size: 0.18rem; margin-bottom: 0.6rem}
.rnd .mechanicalbox h4 { font-size:0.21rem}
.rnd .mechanicalbox ul {display: block;margin: 0.2rem 0 0;}
.rnd .mechanicalbox ul li {width:18%; display:inline-block; vertical-align:top; line-height:1.8; font-weight:400; position:relative; padding-left:0.15rem;}
.rnd .mechanicalbox ul li:before {content:""; width:0.06rem; height:0.01rem; background:#222; position:absolute; top:0.16rem; left:0;}
.rnd .mechanicalbox ul li span{ }

.imgpa10 { padding:0.5rem; text-align:center;}
.max1000 { max-width: 1100px; }

/* dl style */
.dl-style1{}
.dl-style1 dt{clear:left;float:left;}
.dl-style1 dd{width:100%;}
.dl-style1 dd:after {content: "";display: table;clear: both;}


/* 서브 컨텐츠 공통 */
.pageing {text-align:center; padding:0.5rem;}
.pageing p {display:none; font-size: 0.4rem; font-weight: 400; margin-top: 0.2rem;}

.sub-visual{height:4.05rem; position:relative;}
.sub-visual.sub01{background:url('/_public/images/contents/sub_img01.jpg') 50% 50% no-repeat; background-size:cover;}
.sub-visual.sub02{background:url('/_public/images/contents/sub_img02.jpg') 50% 50% no-repeat; background-size:cover;}
.sub-visual.sub03{background:url('/_public/images/contents/sub_img03.jpg') 50% 50% no-repeat; background-size:cover;}
.sub-visual.sub04{background:url('/_public/images/contents/sub_img04.jpg') 50% 50% no-repeat; background-size:cover;}
.sub-visual.sub05{background:url('/_public/images/contents/sub_img05.jpg') 50% 50% no-repeat; background-size:cover;}
.sub-visual.sub06{background:url('/_public/images/contents/sub_img06.jpg') 50% 50% no-repeat; background-size:cover;}
.sub-visual.sub07{background:url('/_public/images/contents/sub_img07.jpg') 50% 50% no-repeat; background-size:cover;}

.sub-visual .txt-box{color:#fff; text-align:center; position:absolute; width:100%; top:50%; left:50%; transform:translateX(-50%);}
.sub-visual .txt-box .mini-map{font-size:0.18rem; font-weight:400; margin-bottom:0.2rem;}
.sub-visual .txt-box .tit{font-size:0.45rem; font-weight:600;}

.link{}
.link-wrap{background:#fff; padding:0.24rem 0; text-align:center; border-bottom:0.01rem solid #c2c2c2;}
.link-wrap li{display:inline-block; font-size:0.19rem; margin:0 0.5rem; font-weight:bold;}
.link-wrap li a{display:block; color:#000;}
.link-wrap li:hover a,
.link-wrap li.active a{color:#d21818; position:relative;}
.link-wrap li:hover a::before,
.link-wrap li.active a::before{content:''; width:140%; height:0.03rem; background:#d21818; position:absolute; bottom:-0.24rem; left:50%; transform:translateX(-50%);}

.tab-wrap {display:flex;text-align:center;font-size:0;border:0.01rem solid #acacac;}
.tab-wrap li{flex:1; font-size:0.18rem; font-weight:500; border-left:0.01rem solid #acacac;}
.tab-wrap li:first-child{border-left:0;}
.tab-wrap li a{display:block;color:#000;padding:0.23rem 0;}
.tab-wrap li:hover{background:#000;}
.tab-wrap li:hover a{color:#fff;}
.tab-wrap.business-tab1 li{width:50%;}
.tab-wrap li.active{background:#000;}
.tab-wrap li.active a{color:#fff;}

.page-tit{font-size:0.45rem; margin:0.6rem 0 0.4rem; letter-spacing:-0.02rem; font-weight:700;}
.page-tit .tit-big{font-size:0.7rem; font-weight:900; line-height:1;}
.tab-wrap + .page-tit{margin:0.6rem 0; line-height:1.1; letter-spacing:-0.02rem;}
.page-tit.page-tit2{margin:0 0 0.4rem;}
.tit-sm {font-size:0.25rem;font-weight:600;vertical-align:bottom;position: relative;display: inline-block;top: -6px;}

.tit-box{position:relative; padding-left:0.3rem; margin-bottom:0.9rem;}
.tit-box::before{content:''; width:0.05rem; height:100%; background:#d21818; position:absolute; top:0; left:0;}
.tit-box .small{font-size:0.3rem; font-weight:400; word-break:keep-all; margin-bottom:0.1rem;}
.tit-box .big{font-size:0.40rem; font-weight:600; letter-spacing:-0.02rem;}
.tit-box .big2{font-size:0.43rem; font-weight:500; letter-spacing:-0.02rem;}
.tit-box .big span{font-weight:400; word-break: keep-all;}
.tit-box .big span.color-red{font-weight:600;}
.tit-box-type2{}
.tit-box-type2 p{font-size:0.21rem; margin-bottom:0.3rem; font-weight:400; line-height:1.6; word-break:keep-all;}
.tit-box-type2 p:last-child{margin-bottom:0;}

.business-tab2 li.active, .business-tab3 li.active{background:#d21818;}
.business-tab2 li.active a, .business-tab3 li.active a{color:#fff !important;}

.sub-tit{font-size:0.3rem; font-weight:600; padding-left:0.3rem; margin-bottom:0.3rem; position:relative; letter-spacing:-0.01rem;}
.sub-tit::before{content:''; width:0.15rem; height:0.15rem; border-radius:50%; background:#d21818; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.sub-tit.sub-tit-type2{margin-bottom:0.6rem;}
.sub-txt01{font-size:0.19rem;margin-bottom:0.4rem;padding-left:0.3rem;font-weight:400;letter-spacing:-0.01rem;line-height: 1.6; word-break:keep-all;}
.sub-txt02{font-size:0.19rem; margin-bottom:0.6rem; padding-left:0.15rem; font-weight:400; letter-spacing:-0.01rem;}
.sub-tit.list-tit{margin-top:0.6rem;}

.circle-dobble{font-size:0.28rem; position:relative; font-weight:400; margin-bottom:0.35rem; position:relative;}
.circle-dobble::before{content:''; width:0.1rem; height:0.1rem; border-radius:50%; background:#000; position:absolute; top:50%; left:-0.19rem; transform:translateY(-50%);}
.circle-dobble::after{content:''; width:0.07rem; height:0.07rem; border-radius:50%; background:#d21818; position:absolute; top:50%; left:-0.12rem;}
.sub-tit + .circle-dobble{font-size:0.28rem; padding-left:0.5rem; word-break:keep-all;}
.sub-tit + .circle-dobble::before,
.circle-dobble.padding-l::before{left:0.31rem;}
.sub-tit + .circle-dobble::after,
.circle-dobble.padding-l::after{left:0.37rem;}
.circle-dobble.padding-l{padding-left:0.5rem;}
.circle-dobble2{margin-left:0.5rem;}
.circle-dobble.ethical-tit{font-size:0.28rem !important;}

.square-box{font-size:0.2rem; font-weight:400; padding:0.45rem 1rem; position:relative; overflow:hidden; border:0.01rem solid #aeaeae; letter-spacing:-0.01rem;}
.square-box::before{content:''; width:0.28rem; height:0.28rem; background:#d21818; position:absolute; top:-0.14rem; left:-0.14rem; transform:rotate(45deg);}

.sustainable-top{margin-bottom:1.12rem;}
.sustainable-top .left{display:inline-block; width:42%;}
.sustainable-top .left h1{font-size: 0.5rem;letter-spacing:-0.02rem;font-weight:900;}
.sustainable-top .left .main-txt{font-size:0.32rem;font-weight:400;position:relative;padding-left:0.38rem;margin: 0.4rem 0;word-break:keep-all;letter-spacing:-0.01rem;}
.sustainable-top .left .main-txt::before{content:''; width:0.05rem; height:102%; background:#d21818; position:absolute; top:0; left:0;}
.sustainable-top .left .main-txt span{font-weight:bold;}
.sustainable-top .left .sub-txt{font-size: 0.2rem;font-weight:400;letter-spacing:-0.01rem;line-height: 0.3rem;word-break: keep-all;}
.sustainable-top .left .sub-txt span{font-weight:700;}
.sustainable-top .right{display:inline-block; vertical-align:top; width:57%;}
.sustainable-top .right img{display:block; width:100%;}
.sustainable-top .sub-ul {margin-top:0.3rem;}
.sustainable-top .sub-ul li {font-size:0.18rem;position:relative;padding-left:0.14rem;font-weight:400;}
.sustainable-top .sub-ul li:before {content:"";display:block;width:0.06rem;height:0.06rem;border-radius:100%;background-color:#d21818;position:absolute;top:0.09rem;left:0;}
.sustainable-top .sub-ul li + li {margin-top:0.08rem;}
.sustainable-top .sub-ul li a {color:#1c1c1c;}
.sustainable-top .sub-ul li a:hover {color:#d21818;}

.svg-tit-img{width:45%;}
.svg-subtit-img{width:25%;}
.svg-text-img{width:10%;}


/* 회사정보 : 회사 소개 */
#intro .company-info{}
#intro .company-info .company-list{font-size:0;}
#intro .company-info .company-list li{display:inline-block; width:19.2%; vertical-align:top; margin-right:1%;}
#intro .company-info .company-list li .list-img-wrap{text-align:center; position:relative;}
#intro .company-info .company-list li .list-img-wrap:before {content:""; display:block; width:90%;height:0.01rem;background:#ddd;top:50%; transform:translateY(-50%); position: absolute; margin-left:1.5rem; z-index:-1;}
#intro .company-info .company-list li .list-img-wrap:after {content:"●"; display:inline-block; font-size:0.25rem; color:#d21818; top:37%; right:-4%; position:absolute;}
#intro .company-info .company-list li:last-child .list-img-wrap:before,
#intro .company-info .company-list li:last-child .list-img-wrap:after{display:none;}
#intro .company-info .company-list li .list-img-wrap img{}
#intro .company-info .company-list li:first-child:before { display:none }
#intro .company-info .company-list li strong{display:block; text-align:center; font-size:0.25rem; font-weight:600; margin-top:0.35rem;}
#intro .company-info .company-list li p{text-align:center; font-size:0.19rem; font-weight:400; margin-top:0.35rem;}

#vision .ideology .sub-txt01 {font-size: 0.30rem;margin-top: -0.2rem;font-weight: 600;text-align: center;background: #f3f3f3;padding: 0.25rem;border-radius: 0.5rem 0.5rem  0 0;margin-bottom: 0.1rem;width: 97%;}
#vision .ideology .ideo-list{font-size:0;}
#vision .ideology .ideo-list article{display:inline-block;width:24.25%;margin-right:1%;vertical-align:top;max-width:3.3rem;}
#vision .ideology .ideo-list article .img-wrap img{width:100%;}
#vision .ideology .ideo-list article:nth-child(2) .img-wrap img{border-top-right-radius:0.45rem;}
#vision .ideology .ideo-list article:nth-child(3) .img-wrap img{border-top-left-radius:0.45rem;}
#vision .ideology .ideo-list article:nth-child(4) .img-wrap img{border-top-right-radius:0.45rem;}
#vision .ideology .ideo-list article:nth-child(4) { margin-right:0;}
#vision .ideology .ideo-list article dl{height:2.5rem; background:#f8f8f8; padding:0.35rem 0.22rem;}
#vision .ideology .ideo-list article dl dt{font-size:0.25rem; font-weight:600; margin-bottom:0.29rem;}
#vision .ideology .ideo-list article dl dd{font-size:0.19rem; font-weight:400; word-break:keep-all;}
#vision .vision{margin-top:1.2rem;}
#vision .vision .main-txt{display:inline-block; font-size:0.45rem; font-weight:800; margin:0.1rem 0 0.45rem; margin-left:0.15rem; letter-spacing:-0.01rem; position:relative;}
#vision .vision .main-txt::before{content:''; width:3.8rem; height:0.2rem;  position:absolute; bottom:0; right:-0.13rem; z-index:-1;}
#vision .vision .vision-wrap{font-size:0;}
#vision .vision .vision-wrap article{display:inline-block; vertical-align:top; width:31.3333%; margin-right:3%;}
#vision .vision .vision-wrap article .img-wrap{width:100%;}
#vision .vision .vision-wrap article .img-wrap img{}
#vision .vision .vision-wrap article:nth-child(3)  { margin-right:0;}
#vision .vision .vision-wrap article p{font-size:0.23rem; font-weight:600; letter-spacing:-0.01rem; margin-top:0.15rem;}
#vision .vision .vision-wrap article.mr0{margin-right:0;}
#vision .vision .sub-txt02 {font-size: 0.30rem;margin-top: -0.2rem;font-weight: 600;text-align: center;background: #f3f3f3;padding: 0.25rem;border-radius: 0.5rem 0 0 0;margin-bottom: 0.2rem;}

#ceo .ceo-text{overflow:hidden;}
#ceo .ceo-text .left{float:left; width:45%;}
#ceo .ceo-text .left .left-txt{font-size:0.19rem; font-weight:400; margin-bottom:0.4rem; line-height:1.6; word-break:keep-all;}
#ceo .ceo-text .left .left-txt strong { display: block;  margin-bottom: 0.15rem;font-size: 0.2rem;}
#ceo .ceo-text .left .sign{font-size:0.18rem; font-weight:600; color:#8e8d8d; text-align:right;}
#ceo .ceo-text .left .sign span{color:#000;}
#ceo .ceo-text .right{float:right; width:50%;}
#ceo .ceo-text .right img{width:100%;}

#history .history-wrap{position:relative;}
#history .history-wrap .left{}
#history .history-wrap .left h2{font-size:0.6rem; padding-left:0.5rem; margin-bottom:0.55rem; line-height:1.2;}
#history .history-wrap .left .history-list{}
#history .history-wrap .left .history-list dl{line-height:2.5; font-size:0;}
#history .history-wrap .left .history-list dl dt{display:inline-block; vertical-align:top; width:6%; font-size:0.18rem; font-weight:600; color:#d21818;}
#history .history-wrap .left .history-list dl dt.opacity0{visibility:collapse;}
#history .history-wrap .left .history-list dl dd{display:inline-block; font-size:0.17rem; font-weight:400;}
#history .history-wrap .left .history-list dl dd span{font-weight:600; margin-right:0.05rem;}
#history .history-wrap .center{position:absolute;top:-1.1rem;left:50%;}
#history .history-wrap .center .vertical-line{width:0.01rem; height:100%; background:#cbcbcb;}
#history .history-wrap .center .vertical-line span{display:block; width:0.13rem; height:0.13rem; border-radius:50%; background:#cbcbcb; margin-bottom:1.8rem; margin-left:-0.06rem;}
#history .history-wrap .center .vertical-line span.red-ball{background:#d21818;}
#history .history-wrap .right{position:absolute;top:-1.1rem;right:0;}
#history .history-wrap .right img{display:block;}
#history .history-wrap .right .img01{}
#history .history-wrap .right .img02{margin-top:-0.46rem; margin-left:2.53rem;}

.ci .ci-box{margin-top:0.6rem; text-align:center;}
.ci .ci-box:nth-of-type(1){border-bottom:0.01rem solid #ccc;}
.ci .sub-tit{display:inline-block; padding-left:0;}
.ci .sub-tit::before{display:none;}
.ci .ci-img-box{text-align:center;}
.ci .ci-img-box img{margin:0 1%;}
.ci .hex-box{text-align:center; font-size:0;}
.ci p{display:inline-block; vertical-align:top; font-size:0.19rem; font-weight:400; position:relative; padding-left:0.7rem; margin:0.8rem 0.3rem;}
.ci p::before{content:''; width:0.6rem; height:0.6rem; border-radius:50%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.ci p.hex-code01::before{background:#d71921;}
.ci p.hex-code02::before{background:#6d6e71;}
.ci p.hex-code03::before{background:#a7a9ac;}

/* 회사정보 : 사업장 소개 */
.company-map{}
.company-map .img-wrap{width:100%;}
.company-map .img-wrap img{display:block; width:100%;}
.company-map .img-wrap iframe {width: 100%;height: 731px;position: relative;display: block;}
.company-map .map-info{font-size:0;}
.company-map .map-info p{display:inline-block; vertical-align:top; width:87%; color:#fff; font-size:0.2rem; padding:0.25rem 0 0.25rem 0.5rem; background:#1c1c1c; color:#fff;}
.company-map .map-info button{display:inline-block; vertical-align:top; width:13%; font-size:0.19rem; color:#fff; padding:0.25rem 0 0.25rem; background:#d21818;}
.company-map ul{font-size:0; padding-left:0.5rem;}
.company-map ul li{display:inline-block; width:50%; margin-top:0.85rem;}
.company-map ul li .company-icon{display:inline-block; vertical-align:middle;}
.company-map ul dl{display:inline-block; vertical-align:middle; margin-left:0.23rem;}
.company-map ul dl dt{font-size:0.22rem; font-weight:600;}
.company-map ul dl dd{font-size:0.18rem; font-weight:400; margin-top:0.2rem;}
.company-map ul dl dd br { display:none }
.transport{margin-top:1.2rem;}
.transport .transport-wrap{padding-left:0.5rem;}
.transport .transport-wrap dl{}
.transport .transport-wrap dl .circle-dobble{}
.transport .transport-wrap dl dd{margin-bottom:0.65rem;}
.transport .transport-wrap dl dd ul{font-size:0;}
.transport .transport-wrap dl dd ul li{display:inline-block;font-size:0.18rem;font-weight:500; border-radius:0.5rem;line-height:0.5rem;border:0.01rem solid #c2c2c2;padding:0 0.43rem;margin-right:0.15rem;background:#fff;position:relative;}
.transport .transport-wrap dl dd ul li::before{content:''; width:26%; height:0.01rem; background:#c2c2c2; position:absolute; top:50%; right:-0.37rem; z-index:-1;}
.transport .transport-wrap dl dd ul li.first{border:0.01rem solid #d21818; color:#d21818;}
.transport .transport-wrap dl dd ul li.pd-less{padding:0 0.24rem;}
.transport .transport-wrap dl dd ul li.last{background:#000; color:#fff; margin-right:0;}
.transport .transport-wrap dl dd ul li.last::before{display:none;}

/* 주요사업 */
.page-tit.margin-top-0{margin-top:0;}
.contents-wrap{padding:0 0.5rem;}
.contents-wrap .big-tab{max-width:13rem; margin:0 auto;}
.contents-wrap .big-tab2{display:none;}
.business-tab-wrap{margin-top:1rem; font-size:0;}
.business-tab-wrap .business-tab2, .business-tab-wrap .business-tab3{font-size:0;}
.business-tab-wrap .business-tab2 li, .business-tab-wrap .business-tab3 li{display:inline-block; font-size:0.18rem; margin-right:0.1rem;}
.business-tab-wrap .business-tab2 li a, .business-tab-wrap .business-tab3 li a{display:block; font-weight:400; padding:0.25rem 1.03rem; border:0.02rem solid #d21818; color:#d21818;}
.business-tab-wrap .business-tab2 li:hover, .business-tab-wrap .business-tab3 li:hover{background:#d21818;}
.business-tab-wrap .business-tab2 li:hover a, .business-tab-wrap .business-tab3 li:hover a{color:#fff;}
.business-tab-wrap .small-tab-wrap{border-top:0.01rem solid #1c1c1c; margin-top:-0.01rem;}
.business-tab-wrap .small-tab{padding:0.62rem 0;}
.business-tab-wrap .small-tab .small-tab2{display:none;}
.business-tab-wrap .small-tab .tab-left{display:inline-block; width:50%;}
.vat {vertical-align: top; }
.business-tab-wrap .small-tab .tab-left .tab-tit{font-size:0.45rem; margin-top:0.0rem; font-weight:900; letter-spacing:-0.03rem;}
.business-tab-wrap .small-tab .tab-left .tab-txt{font-size:0.21rem; margin-top:0.25rem;}
.business-tab-wrap .small-tab .tab-left .tab-txt.pb-78{padding-bottom: 0.54rem;}
.business-tab-wrap .small-tab .tab-left .tab-txt.pb-18{padding-bottom: 0.18rem;}
.business-tab-wrap .small-tab .tab-left .tab-txt dt{margin-bottom:0.15rem; font-weight:600; letter-spacing:-0.01rem;}
.business-tab-wrap .small-tab .tab-left .tab-txt dd{color:#787878; font-weight:400; letter-spacing:-0.01rem; line-height: 1.7;}
.business-tab-wrap .small-tab .tab-left .tab-txt dd:before { content:"-"; display:inline-block; margin-right:0.1rem }
.business-tab-wrap .small-tab .tab-left .dd2w dd {width:49%;display: inline-block;}
.business-tab-wrap .small-tab .tab-left .dd3w {width: 153%;}
.business-tab-wrap .small-tab .tab-left .dd3w dd {width:49%;display: inline-block;vertical-align:top;}
.business-tab-wrap .small-tab .tab-left .tab-left-img-wrap{display:inline-block;width:45%;margin: 0.0rem 5% 0 0;}
.business-tab-wrap .small-tab .tab-left .tab-left-img-wrap2{display: flex;width: 100%;  margin-top: 0.30rem;}
.business-tab-wrap .small-tab .tab-left .tab-left-img-wrap2 img {margin: 0 0.15rem 0 0 ; }
.business-tab-wrap .small-tab .tab-left .tab-left-img-wrap2 img:last-child {margin: 0; }
.business-tab-wrap .small-tab .tab-right{display:inline-block; width:49%; margin-left:1%;}
.business-tab-wrap .small-tab .business-form{margin-top:0.7rem;}
.business-tab-wrap .small-tab .business-form .form-line{font-size:0; border-top:0.01rem solid #1c1c1c;}
.business-tab-wrap .small-tab .business-form .form-line dt{font-size:0.25rem; font-weight:600; padding-top:0.45rem;}
.business-tab-wrap .small-tab .business-form .form-line dd{font-size:0.19rem; color:#000; padding:0.5rem 0 0.5rem 20%; border-bottom:0.01rem solid #bebebe;font-weight: 400;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li{line-height:1.8; padding-left:0.2rem; position:relative; word-break:keep-all;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(1)::before{content:'1.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(2)::before{content:'2.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(3)::before{content:'3.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(4)::before{content:'4.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(5)::before{content:'5.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(6)::before{content:'6.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(7)::before{content:'7.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(8)::before{content:'8.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}
.business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(9)::before{content:'9.'; font-size:0.18rem; color:#000; position:absolute; top:0; left:0;}

.business-tab-wrap .small-tab.type2 .tab-tit,
.business-tab-wrap .small-tab.type22 .tab-tit{font-size:0.45rem; margin-top:0.0rem; font-weight:900; letter-spacing:-0.03rem;}
.business-tab-wrap .small-tab.type2 .tab-txt{font-size:0.21rem; margin-top:0.25rem;}
.business-tab-wrap .small-tab.type2 .tab-right{display:inline-block; width:50%; margin-top:0.3rem; margin-left:0;}
.business-tab-wrap .small-tab.type2 .tab-right img{width:100%;}
.business-tab-wrap .small-tab.type2 .tab-left{display:inline-block; width:46%; margin-left:0.3rem;}

.business-tab-wrap .small-tab.type22 .tab-left{width:50%; vertical-align:bottom;}

/* 사업역량 */
.capa-tit{text-align:center;}
.capa-tit h1{font-size:0.55rem; font-weight:600;}
.capa-tit p{font-size:0.23rem;margin-top:0.4rem;font-weight:500;line-height:1.6;letter-spacing:-0.01rem;}
.capa-tit p.vision-tit{font-size:0.3rem; font-weight:700; line-height:1.2;}
.capa-tit p.vision-tit span{font-size:0.23rem; color:#1c1c1c; font-weight:500;}
.capa-sub-tit{font-size:0.3rem; font-weight:700; padding-left:0.3rem; position:relative;}
.capa-sub-tit::before{content:''; width:0.15rem; height:0.15rem; border-radius:50%; background:#d21818; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.rnd .inner-contents{font-size:0; margin:1rem 0 0.6rem;}

/* r&d 비전*/
.inner-bg{background:url('/_public/images/contents/rdvision_bg.png') no-repeat; background-position:50% 0; text-align:center; padding-top:1rem; margin-top:-0.5rem; position:relative;}
.inner .rnd-more-top{position:absolute; top:1rem; left:50%; transform:translateX(-50%);}
.inner .rnd-top{display:flex; justify-content:space-between;}
.inner .rnd-bottom{}
.inner .rnd-bottom .capa-img-wrap{display:inline-block; width:44%;}

/* r&d 역량 */
.inner .rd-list{text-align:center; font-weight:500; margin-top:0.4rem;}
.inner ul li{display:inline-block; vertical-align:top;}
.inner .rd-list li{width:50%; height:0.91rem; font-size:0.25rem; font-weight:500; color:#fff; text-align:center; line-height:0.91rem; border-radius:0.91rem; background-color:#278c4f; opacity:85%;}
/* .inner .rd-list li{width:3.5rem; height:0.91rem; font-size:0.25rem; font-weight:500; color:#fff; text-align:center; line-height:0.91rem; border-radius:0.91rem; background: rgb(39, 140, 79, 0.85);background:transparent !ie; zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc278c4f, endColorstr=#cc278c4f); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc278c4f, endColorstr=#cc278c4f)";} */
/* .inner .rd-list li{width:3.5rem; height:0.91rem; font-size:0.25rem; font-weight:500; color:#fff; text-align:center; line-height:0.91rem; border-radius:0.91rem; background-color:#278c4f; opacity:0.85%; filter: alpha(opacity=65);} */
.inner .rd-list li.list1{}
/* .inner .rd-list li.list2{margin-left:-0.35rem;background: rgb(7, 19, 156, 0.65);} */
.inner .rd-list li.list2{margin-left:-0.35rem; background-color:#07139c; opacity:65%;}
.inner-content { width:100%; }
.inner-contents div { display:inline-block;}
.inner-contents .top{font-size:0; width:50%;border-right: 0.01rem solid #ddd;}
.inner-contents .top .top-left{display:inline-block;vertical-align:top;}
.inner-contents .capa-sub-tit{font-weight:700;margin-bottom: 0.2rem;letter-spacing:-0.01rem;}
.inner-contents dd{font-size:0.19rem; font-weight:400; line-height:1.6;margin-left: 0.35rem; position:relative; padding-left:0.15rem; word-break:keep-all;}
.inner-contents dd::before{content:''; width:0.06rem; height:0.01rem; background:#222; position:absolute; top:0.16rem; left:0;}
.inner-contents .top .top-right{display:inline-block; vertical-align:top; }
.inner-contents .bottom{font-size:0; width:45%;margin-left: 0.5rem;}
.inner-contents .bottom .bottom-left{display:inline-block; vertical-align:top; }
.inner-contents .bottom .bottom-right{display:inline-block; vertical-align:top; }

/* 시험역량 */
.inner .try-list{text-align:center; font-size:0; margin-top:0.8rem;}
.inner .try-list li{width:31.333%; padding:0.53rem 0; margin-right:3%; background:#f7f6f6;}
.inner .try-list li .img-wrap{}
.inner .try-list li .img-wrap img{}
.inner .try-list li p{font-size:0.23rem; font-weight:500; margin-top:0.45rem; letter-spacing:-0.01rem;}
.inner .equipment{margin-top:0.95rem;}
.inner .equipment ul{font-size:0; margin-top:-0.26rem;}
.inner .equipment ul li{width:22.75%; margin-top:0.83rem; margin-right:3%;}
.inner .equipment ul li p{font-size:0.19rem; text-align:center; font-weight:600; margin-top:0.2rem; letter-spacing:-0.01rem;}
.inner .equipment ul li p span{font-size:0.18rem; color:#787878; margin-top:0.15rem; letter-spacing:-0.01rem; font-weight:400;}
.inner .announce {margin-top:0.95rem;}
.inner .announce .announce-imgbox {display:flex;justify-content:space-between;}
.inner .announce .announce-imgbox img {display:block;margin-top:0.5rem;border:1px solid #ddd;max-width:680px;}

/* 생산역량 */
.inner .system-tit{margin-top:0.7rem; letter-spacing:-0.01rem;}
.inner .system-list{font-size:0;padding-left: 0.6rem;}
.inner .system-list .img-wrap { }
.inner .system-list>li{width: 22%;margin-right: 4%;margin-top:0.95rem;}
.inner .system-list>li dl{margin-top:0.5rem;}
.inner .system-list>li dl dt{font-size:0.25rem; font-weight:700; color:#d21818;}
.inner .system-list>li dl dt span{font-size:0.22rem; color:#1c1c1c; margin-left:0.07rem; vertical-align:top;}
.inner .system-list>li dl dd{font-size:0.19rem; font-weight:400; color:#333; word-break:keep-all; margin-top:0.35rem; line-height:1.6;}
.inner .system-list>li dl dd.quality-dd{color:#555;}
.inner .system-list>li dl dd.quality-dd li{position:relative; padding-left:0.1rem; word-break:keep-all; color:#555;}
.inner .system-list>li dl dd.quality-dd li::before{content:''; width:0.05rem; height:0.01rem; background:#555; position:absolute; top:0.15rem; left:0;}
.inner .system-list3{font-size:0;padding-left: 0.3rem;}
.inner .system-list3 .img-wrap {display:none;}
.inner .system-list3>li{width:47%; margin-right:3%; margin-top:0.7rem; margin-bottom:0.2rem;}
.inner .system-list3>li dl dt{font-size:0.25rem; font-weight:700; color:#d21818;}
.inner .system-list3>li dl dt span{font-size:0.22rem; color:#1c1c1c; margin-left:0.07rem; vertical-align:top;}
.inner .system-list3>li dl dd{font-size:0.19rem; font-weight:400; color:#333; word-break:keep-all; margin-top:0.35rem; line-height:1.6;}
.inner .system-list3>li dl dd.quality-dd{color:#555;}
.inner .system-list3>li dl dd span { margin-bottom: 0.3rem; display: block;}
.inner .system-list3>li dl dd.quality-dd li{position:relative; padding-left:0.1rem; word-break:keep-all; color:#555;}
.inner .system-list3>li dl dd .pt-60{padding-top:0.3rem;}
.inner .system-list3>li dl dd.quality-dd li::before{content:''; width:0.05rem; height:0.01rem; background:#555; position:absolute; top:36%; left:0;}

/* 품질역량 */
.inner .system-list2{font-size:0; margin-top:1.4rem;}
.inner .system-list2 .system-list-wrap{padding-left:3%; margin-top:0.45rem;}
.inner .system-list2 .system-list-wrap>div {margin-bottom:0.55rem;}
.inner .system-list2 .system-list-wrap>div.mt{margin-top:0.45rem;}
.inner .system-list2 .left{display:inline-block; vertical-align:top;}
.inner .system-list2 .center{display:inline-block; vertical-align:top;}
.inner .system-list2 .right{display:inline-block; vertical-align:top;}
.inner .system-list2 .img-wrap{margin-top:0.1rem;}
.inner .system-list2 .img-wrap img{width:100%;}
.inner .system-list2 .system-list-tit{font-size:0.21rem; font-weight:600; padding-bottom:0.08rem; border-bottom:0.02rem solid #d21818; letter-spacing:-0.01rem;}
.inner .system-list2 .top .left{width:31%; margin-right:3%;}
.inner .system-list2 .top .right{width:66%;}
.inner .system-list2 .mid .left{width:31.3333%; margin-right:3%;}
.inner .system-list2 .mid .center{width:31.3333%; margin-right:3%;}
.inner .system-list2 .mid .right{width:31.3333%;}
.inner .system-list2 .bot{width:100%;}


/* 지속가능경영 */
.growth .mid{max-width:13rem; margin:0 auto; margin-bottom:1.0rem;}
.growth .mid img{display:block;  margin:0 auto;}
.growth .mid img.pc_n{display:none; width:100%;}
.growth .sustainable-bot .box-wrap{font-size:0;}
.growth .sustainable-bot .box-wrap .box{display:inline-block; width:25%; height:5.3rem; color:#fff; position:relative;}
.growth .sustainable-bot .box-wrap .box1{background:url('/_public/images/contents/sustainable_img04.jpg') no-repeat; background-size:cover;}
.growth .sustainable-bot .box-wrap .box2{background:url('/_public/images/contents/sustainable_img05.jpg') no-repeat; background-size:cover;}
.growth .sustainable-bot .box-wrap .box3{background:url('/_public/images/contents/sustainable_img06.jpg') no-repeat; background-size:cover;}
.growth .sustainable-bot .box-wrap .box4{background:url('/_public/images/contents/sustainable_img07.jpg') no-repeat; background-size:cover;}
.growth .sustainable-bot .box-wrap .box .box-position{position:absolute; left:0.4rem; top:0.6rem;}
.growth .sustainable-bot .box-wrap .box .box-position .box-tit{font-size:0.3rem; font-weight:700; margin-bottom:0.5rem; word-break:keep-all;}
.growth .sustainable-bot .box-wrap .box .box-position .box-sub-tit{font-size:0.19rem; font-weight:400; word-break:keep-all;}

.infolist3 { margin-bottom: 0.9rem}
.infolist3 .roundtop {display: block;text-align: center;position: relative;vertical-align: middle;margin-bottom: 0.5rem;}
.infolist3 .roundtop ul { }
.infolist3 .roundtop ul li {background: rgb(255 255 255 / 80%);border: 1px solid #f85638;color: #fb5b3b;height:auto;position: relative;padding-top: 22.5%;border-radius: 100%;width: 23%;line-height: 1.5;}
.infolist3 .roundtop ul li div {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.infolist3 .roundtop ul li img {display: block;margin:0 auto;margin-bottom: 0.2rem;}
.infolist3 .roundtop ul li.list2 {background: #ffffff;}
.infolist3 .roundtop p {border-radius: 99%;display: inline-block;font-size: 0.22rem;font-weight: 500; position:relative}
.infolist3 .roundtop span::before {content: "+"; display: inline-block; position: relative; padding: 0.06rem 0.16rem;border-radius: 100%; background: #f85638;  color: #fff;  font-size: 0.25rem;  margin-left: -0.42rem;  margin-top: 9%;  vertical-align: middle;  z-index: 999;}


.infolist3 .glbox { text-align: center; border: 1px solid #ddd; padding:0.4rem 2%;}
.infolist3 .glbox p.glp {font-size: 0.22rem; font-weight:600; margin-bottom:0.4rem;}
.infolist3 .glbox p.glp1 {font-size: 0.25rem; font-weight:600; border: 1px solid #bfbfbf;border-radius: 0.5rem;display: inline-block;padding: 0.2rem 0.7rem;position: relative;}
.infolist3 .glbox p.glp1 strong { color: #f34e34;; font-weight: 800; font-size: 0.3rem}
.infolist3 .glbox p.glp1:after {content:"▼";color:#bfbfbf;position:absolute;left: 50%;bottom: -31%;}
.infolist3 .glbox p.glp2 {text-align: center; }
.infolist3 .glbox p.glp2 span {border:0.1rem solid #ff623e; word-break: keep-all; text-align: center; display: inline-block; background: #fff; width:2.35rem; height:2.35rem; position: relative; padding: 0.25rem; border-radius: 99%; color: #4c4c4c;vertical-align: middle;font-size: 0.22rem;font-weight: 500;}
.infolist3 .glbox p.glp2 span::before {content: ""; display:block; padding:0.07rem; background:#f95839; border-radius:99%; color:#fff; width:0.3rem; height:0.3rem; line-height:0.3rem; margin:0 auto; top:-50px; position:relative;}
.infolist3 .glbox p.glp2 span:first-child::before {content: "1"}
.infolist3 .glbox p.glp2 span:last-child::before {content: "2"}
.infolist3 .glbox p.glp2 span::after {content: "";display: block;color: #f95839;margin: 0 auto;position: absolute;top: 35%;font-size: 0.3rem;}
.infolist3 .glbox p.glp2 span:first-child::after {content: "▶";right: -30px;}
.infolist3 .glbox p.glp2 span:last-child::after {content: "◀";left: -30px;}
.infolist3 .glbox p.glp2 strong {font-size: 0.35rem; font-weight:600; padding: 0.3rem; color: #ff5200; position: relative;}
.infolist3 .glbox p.glp2 strong:after {content:"";position: absolute;background: #fff0de;width: 117%;height: 0.15rem;bottom: 0.3rem;left: -6px;z-index: -1;}
.infolist3 .glbox p.glp3 {font-size: 0.21rem;margin: -0.2rem 0  0.3rem 0;}
.infolist3 .glbox p.glp3 strong{display:block; font-size: 0.24rem; font-weight:600;}
.infolist3 .roundlist {font-size:0;}
.infolist3 .roundlist div {display: inline-block; width:32.666%; margin-right:1%; font-weight: 400;vertical-align: top;}
.infolist3 .roundlist div:last-child{margin-right:0;}
.infolist3 .roundlist div p {color: #fff;font-size: 0.22rem;padding: 0.2rem;text-align: center;border-radius: 0.2rem; background:url('/_public/images/contents/gradient_img.png') no-repeat; background-size:cover; z-index:5; position:relative;}
/* .infolist3 .roundlist div p {height:1.5rem; color: #fff;font-size: 0.22rem;padding: 0.2rem;text-align: center;border-radius: 0.2rem; background-image:linear-gradient(140deg, rgb(255 98 62) 11.2%, rgb(210 24 24) 100.2% ); z-index:5; position:relative;} */
/* .infolist3 .roundlist div p {height:1.5rem; color: #fff;font-size: 0.22rem;padding: 0.2rem;text-align: center;border-radius: 0.2rem; background-image:linear-gradient(140deg, rgb(255 98 62) 11.2%, rgb(210 24 24) 100.2% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff623e', endColorstr='#d21818'); z-index:5; position:relative;} */
.infolist3 .roundlist div p span {display:block; background:#fff; border-radius:0.5rem; font-weight:500; color:#d55; font-size:0.165rem; padding:0.1rem; margin-top:0.2rem}
.infolist3 .roundlist div p span br{display:none;}
.infolist3 .roundlist div ul {height:2rem; font-size: 0.18rem;background: #f8f8f8;padding: 0.5rem 0.4rem 0.2rem;border-radius: 0 0 0.2rem 0.2rem;margin-top: -0.2rem;border: 1px solid #ddd;word-break: keep-all; text-align: left;;  }
.infolist3 .roundlist div ul li {margin-bottom: 0.2rem; word-break:keep-all;}
.infolist3 .roundlist div ul li::before {border-radius: 100%;content: "";font-size: 0.3rem;width: 0.04rem;height: 0.04rem;background: #d21818;display: inline-block;vertical-align: middle;margin-right: 0.07rem;margin-left: -0.1rem;}
.infolist3 .roundlist div ul.ro2 li { width:48%; display:inline-block;}
.infolist3 .roundlist2 {font-size:0.18rem; font-weight:400; }
.infolist3 .roundlist2 ul{font-size:0; margin-top:1%;}
.infolist3 .roundlist2 ul li {width:49%; height:2rem; display:inline-block; vertical-align:top; font-size:0.19rem; margin-right:1%; padding: 0.3rem 0.45rem; text-align:center; border:0.01rem solid #a0a0a0; border-radius:0.2rem; background:#f8f8f8; position:relative; word-break:keep-all;}
.infolist3 .roundlist2 ul li::before {content: ""; position:absolute; top:24%; left:2%; background:#f75537; width:0.35rem; height:0.35rem; line-height:0.35rem; border-radius:99%; color: #fff;}
.infolist3 .roundlist2 ul li:first-child::before {content: "1"}
.infolist3 .roundlist2 ul li:last-child::before { content: "2"}

.contribution .sustainable-bot .box-wrap{padding-left:0.5rem; font-size:0;}
.contribution .sustainable-bot .box-wrap .box{display:inline-block; width:32.666%; margin-right:1%; vertical-align:top;}
.contribution .sustainable-bot.type1 .box-wrap .box{width:49.5%;}
.contribution .sustainable-bot .box-wrap .box:last-child{margin-right:0;}
.contribution .sustainable-bot .box-wrap .box .img-box{}
.contribution .sustainable-bot .box-wrap .box p{font-size:0.2rem; font-weight:400; text-align:center; margin-top:0.3rem;}
.contribution .sustainable-bot {padding-bottom:0.6rem;}
.contribution .sustainable-bot:last-child {padding-bottom:0;}

.environment .sub-tit{margin-top:0.7rem;}

.ethical .ethical-tab{display:flex; font-size:0; text-align:center; margin-bottom:0.7rem; border:0.01rem solid #aeaeae;}
.ethical .ethical-tab li{flex:1; font-size:0.18rem; font-weight:400; border-left:0.01rem solid #aeaeae;}
.ethical .ethical-tab li:first-child{border-left:0;}
.ethical .ethical-tab li a{display:block; padding:0.23rem 0; color:#000;}
.ethical .ethical-tab li:hover,
.ethical .ethical-tab li.active{background:#000;}
.ethical .ethical-tab li:hover a,
.ethical .ethical-tab li.active a{color:#fff;}
.ethical .piramid-wrap{margin-top:0.35rem; height:auto; background:#f9f9f9; text-align:center; padding:0.53rem 0.8rem;}
.ethical .piramid-wrap img{}
.ethical .piramid-wrap img.piramid_m{display:none;}
.ethical .ethical-list{margin-top:0.2rem;}
.ethical .ethical-list li{padding-left:0.5rem; margin-bottom:0.50rem;}
.ethical .ethical-list h4 {font-size:0.19rem; font-weight:500; margin-bottom:0.15rem;}
.ethical .ethical-list li p{font-size:0.18rem; font-weight:400; letter-spacing:-0.01rem; line-height: 0.28rem;}

/* ESG 보고서 */
.ethical .report-box { }
.ethical .report-box a { padding: 12px 20px; display: block; border-radius: 5px; border: 1px solid #202020; font-weight: 500; font-size: 16px; color: #202020}
.ethical .report-box a:hover { background: #202020; color: #fff; }
.ethical .report-box a::after { content: ""; display: inline-block; margin-left: 10px; width: 15px; height: 15px; background: url(/_public/images/contents/report-down.svg) ; position: relative;}
.ethical .report-box a:hover::after { content: ""; display: inline-block; margin-left: 10px; width: 15px; height: 15px; background: url(/_public/images/contents/report-downw.svg) ; position: relative;}
.ethical .report-box .report-new { margin-bottom: 60px; display: flex; align-items: center;}
.ethical .report-box .report-new .newimg { padding: 30px; background: #f5f5f5; flex: 1; margin-right: 30px;}
.ethical .report-box .report-new .txtbox { padding-left: 100px}
.ethical .report-box .report-new span { display: block;font-size: 30px; font-weight: bold; margin: 10px 0 40px;}
.ethical .report-box .report-new p { font-size: 19px; font-weight: 500; margin-bottom: 40px}
.ethical .report-box .report-list { display: flex; gap:20px;flex-wrap: wrap;}
.ethical .report-box .report-list i::after { content: ""; display: inline-block;  width: 17px; height: 20px; background: url(/_public/images/contents/report-ico.svg) ; position: relative;}
.ethical .report-box .report-list div { width:330px; padding: 30px; border-radius: 5px; border: 1px solid #DDDDDD}
.ethical .report-box .report-list div:hover { background: #f8f8f8}
.ethical .report-box .report-list span { font-size: 22px; display: block; font-weight: 500; word-break: keep-all; margin: 10px 0 20px}


/* 인재채용 */
.contents .resume-box{border:0.01rem solid #c2c2c2; padding:0.45rem 0.9rem; overflow:hidden; position:relative;}
.contents .resume-box::before{content:''; width:0.28rem; height:0.28rem; background:#d21818; position:absolute; top:-0.14rem; left:-0.14rem; transform:rotate(45deg);}
.contents .resume-box .resume-info{float:left; font-size:0.2rem; font-weight:400; word-break:keep-all;}
.contents .resume-box .resume-info span{font-size:0.18rem; color:#d21818;}
.contents .resume-box .resume-down{float:right; width:2.1rem; height:0.5rem; border:0.01rem solid #de1818; text-align:center; line-height:0.5rem; font-size:0.18rem;}
.contents .resume-box .resume-down a{display:block; color:#d21818;}
.contents .resume-box .resume-down:hover{background:#d21818;}
.contents .resume-box .resume-down:hover a{color:#fff;}
.contents .form-wrap{padding:0 0.5rem;}
.contents .form-wrap .form-tit{font-size:0.25rem; margin:0.5rem 0 0.2rem;}
.contents .form-wrap .form{border-top:0.01rem solid #000;}
.contents .form-wrap .form dl{border-bottom:0.01rem solid #c2c2c2; overflow:hidden; padding:0.25rem 0;}
.contents .form-wrap .form dl .form-sub-tit{float:left; width:20%; font-size:0.17rem; font-weight:bold; padding-left:0.25rem; word-break:keep-all;}
.contents .form-wrap .form dl .form-txt{padding-left:20%; position:relative;}
.contents .form-wrap .form dl .form-txt .txt-wrap{display:inline-block;}
.contents .form-wrap .form dl .form-txt input::placeholder{font-size:0.16rem; color:#878787;}
.contents .form-wrap .form dl .form-txt input[type="radio"]{position:absolute; display:inline-block; opacity:0;}
.contents .form-wrap .form dl .form-txt input.width50{width:50%;}
.contents .form-wrap .form dl .form-txt .addr-btn{border:0.01rem solid #c2c2c2; padding:0.1rem; border-radius:0.05rem; margin-bottom:0.25rem;}
.contents .form-wrap .form dl .form-txt .bordertop{border-top:0.01rem solid #c2c2c2;}
.contents .form-wrap .form dl .form-txt label{position:relative; display:inline-block; font-size:0.16rem; padding-left:0.32rem; cursor:pointer;}
.contents .form-wrap .form dl .form-txt label::before{content:''; position:absolute; top:0; left:0; width:0.25rem; height:0.25rem; border:0.01rem solid #c2c2c2; border-radius:50%;}
.contents .form-wrap .form dl .form-txt label::after{display:none; content:''; position:absolute; top:0.07rem; left:0.07rem; width:0.13rem; height:0.13rem; border-radius:50%; background:#d21818;}
.contents .form-wrap .form dl .form-txt input[type="radio"]:checked + label::before{border-color:#d21818;}
.contents .form-wrap .form dl .form-txt input[type="radio"]:checked + label::after{display:inline-block;}
.contents .form-wrap .form dl .form-txt input[type="radio"] + label {margin-right:0.4rem;}
.contents .form-wrap .form dl .form-txt select{height:0.3rem; font-size:0.16rem;color:#000; background:url('/_public/images/contents/app_arrow.png') no-repeat; background-position:right; margin-right:0.5rem; cursor:pointer;}
.contents .form-wrap .form dl .form-txt select.year{padding-right:0.4rem;}
.contents .form-wrap .form dl .form-txt select.year2{padding-left:0.4rem;}
.contents .form-wrap .form dl .form-txt select.month{padding-right:0.37rem;}
.contents .form-wrap .form dl .form-txt select.mr1{padding-right:1rem;}
.contents .form-wrap .form dl .form-txt select.talk{margin-top:-0.03rem;}
.contents .form-wrap .form dl .form-txt .select-box .select-wrap{display:inline-block;}
.contents .form-wrap .form dl .form-txt .notice,
.contents .form-wrap .form dl .form-txt .work,
.contents .form-wrap .form dl .form-txt .select-box{border-bottom:1px solid #c2c2c2; padding:0.25rem 0;}
.contents .form-wrap .form dl .form-txt .notice {font-size:0.15rem; font-weight:bold; padding:0 0 0.25rem; color:#d21818; word-break:keep-all;}
.contents .form-wrap .form dl .form-txt .lang-career{padding-top:0.25rem; font-size:0.16rem;}
.contents .form-wrap .form dl .form-txt input[type="text"].work{width:100%; height:0.8rem;}
.contents .form-wrap .form dl .form-txt .select-box{}
.contents .form-wrap .form dl .form-txt .career-box{border-bottom:0; padding:0.25rem 0 0 0;}
.contents .form-wrap .form dl .form-txt .career-box .width{width:49%;}
.contents .form-wrap .form dl .form-txt .more{padding:0.03rem 0 0.05rem 0.33rem; background:transparent; background:url('/_public/images/contents/app_more_btn.png') no-repeat; position:absolute; bottom:0; left:0.26rem;}
.contents .form-wrap .form dl .form-txt .minus{padding:0.03rem 0 0.05rem 0.33rem; background:transparent; background:url('/_public/images/contents/app_del_btn.png') no-repeat; position:absolute; bottom:0; left:0.26rem;}
.contents .form-wrap .form dl .form-txt .univ_check{overflow:hidden; padding:0.25rem 0 0.06rem; border-top:0.01rem solid #c2c2c2;}
.contents .form-wrap .form dl .form-txt .univ_check .univ{float:left;}
.contents .form-wrap .form dl .form-txt .univ_check .gradu{float:left;}
.contents .form-wrap .form dl .form-txt .pt {padding-bottom:0.25rem;}
.contents .form-wrap .form dl .form-txt .pr {padding-right:0.9rem;}
.contents .form-wrap .form dl .form-txt .mr {margin-left:3rem;}
.notice, .work, .select-box, .career-box {padding-left:0.2rem;}
.contents .form-wrap .form dl .form-txt input[type="file"]{width:100%;}
.contents .form-wrap .btn-box{margin-top:1rem; text-align:center;}
.contents .form-wrap .btn-box button{font-size:0.18rem; width:1.8rem; height:0.6rem; border:0.01rem solid #de1818; text-align:center; line-height:0.6rem; background:transparent;}
.contents .form-wrap .btn-box .return{color:#de1818; margin-right:0.16rem;}
.contents .form-wrap .btn-box .go{color:#fff; background:#de1818;}

.contents .form-wrap .form dl .form-txt .addr-detail-wrap{border-top:0.01rem solid #ccc; padding-top:0.2rem;}
.contents .form-wrap .form dl .form-txt .addr-detail-wrap .addr-detail{padding:0.1rem 0;}

.employinfo .img-wrap{height:3.45rem; background:url('/_public/images/contents/recuitment_employinfo_img01.jpg') no-repeat; background-size:cover; position:relative;}
.employinfo .img-wrap .txt {position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.employinfo .img-wrap .txt img{display:block; margin:0 auto; margin-bottom:0.28rem;}
.employinfo .img-wrap .txt p{font-size:0.3rem; color:#fff; text-align:center;}
.employinfo .spirit{padding:0.5rem; margin:0.2rem 0 0.7rem; border:0.01rem solid #aeaeae; overflow:hidden;}
.employinfo .spirit h3{font-size:0.3rem; font-weight:600; text-align:center; margin-bottom:0.7rem; letter-spacing:-0.02rem;}
.employinfo .spirit h3 span{font-size:0.2rem; font-weight:400; letter-spacing:0;}
.employinfo .spirit .spirit-wrap{display:flex; justify-content:space-between;}
.employinfo .spirit .sp-left{position:relative;}
.employinfo .spirit .sp-left::before{content:''; width:0.01rem; height:75%; background:#e4a7a7; position:absolute; top:0.14rem; right:-0.88rem;}
.employinfo .spirit .sp{text-align:right; margin-bottom:0.5rem;}
.employinfo .spirit .sp dt{font-size:0.2rem; font-weight:600; margin-bottom:0.15rem; position:relative; letter-spacing:-0.01rem;}
.employinfo .spirit .sp-left .sp dt::before{content:''; width:0.54rem; height:0.01rem; background:#e4a7a7; position:absolute; top:50%; right:-0.88rem;}
.employinfo .spirit .sp-left .sp.sp-long dt::before{width:2rem; right:-2.4rem;}
.employinfo .spirit .sp dt span{color:#d21818;}
.employinfo .spirit .sp dd{font-size:0.18rem; word-break:keep-all;font-weight: 400;}
.employinfo .spirit .sp-center{width:2.5rem; height:2.5rem; margin-top:0.34rem; padding:0.28rem; border:0.01rem solid #e4a7a7; border-radius:50%; background:#fff; position:relative; z-index:10;}
.employinfo .spirit .sp-center .bg{width:1.95rem; height:1.95rem; border-radius:50%; background:#d21818; position:relative;}
.employinfo .spirit .sp-center .bg .inner{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.employinfo .spirit .sp-center .bg p{font-size:0.26rem; font-style:italic; text-align:center; color:#fff; font-weight:800;}
.employinfo .spirit .sp-center .bg em{display:block; font-size:0.23rem; font-style:italic; text-align:center; color:#fff; font-weight:800;}
.employinfo .spirit .sp-right{position:relative;}
.employinfo .spirit .sp-right::before{content:''; width:0.01rem; height:75%; background:#e4a7a7; position:absolute; top:0.14rem; left:-0.88rem;}
.employinfo .spirit .sp-right .sp {text-align:left;}
.employinfo .spirit .sp-right .sp dt::before{content:''; width:0.54rem; height:0.01rem; background:#e4a7a7; position:absolute; top:50%; left:-0.88rem;}
.employinfo .spirit .sp-right .sp.sp-long dt::before{width:2rem; left:-2.4rem;}
.employinfo .employ-info{margin-bottom:1rem;}
.employinfo .system-info{}
.employinfo .info-list{padding-left:0.48rem; margin-bottom:0.5rem;}
.employinfo .info-list.mb-more{margin-bottom:0.8rem;}
.employinfo .info-list dd{font-size:0.18rem; line-height:0.28rem; padding-left:0.13rem; position:relative; font-weight: 400; letter-spacing:-0.01rem;}
.employinfo .info-list dd.dot::before{content:''; width:0.05rem; height:0.03rem; background:#d21818; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.employinfo .info-list dd.list01{margin-bottom:0.2rem; padding-left:0;}
.employinfo .info-list dd.w{display:inline-block; vertical-align:top; width:49%; margin-bottom:0.1rem;}
.employinfo .info-list dd.info-list-txt{padding-left:0; margin-top:-0.15rem;}
.employinfo .info-list dd.info-list-txt2{margin-top:-0.15rem;}
.employinfo .info-list dd.info-notice{display:none; font-size:0.16rem; color:#d21818; padding-right:2%; margin-top:0.1rem;}
.employinfo .step{padding-left:0.5rem;}
.employinfo .step li{display:inline-block; vertical-align:top; position:relative; padding-right:0.4rem; margin-right:0.2rem;}
.employinfo .step li::before{content:''; width:0.12rem; height:0.21rem; background:url('/_public/images/contents/recuitment_employinfo_arrow.png') no-repeat; background-size:contain; position:absolute; top:34%; right:0;}
.employinfo .step li br{display:none;}
.employinfo .step li.bg-no{padding-right:0; margin-right:0;}
.employinfo .step li.bg-no::before{display:none;}
.employinfo .step li img{}
.employinfo .step li p{font-size:0.18rem; text-align:center; margin-top:0.3rem;font-weight:400;}


/* 고객지원 : 질문하기 */
.contact .contents .form-wrap .form dl .form-txt input::placeholder{letter-spacing:-0.01rem;}
.contact .contents .form-wrap .form dl .form-txt textarea{resize:none; width:99%; padding-bottom:18%; border:none; font-size:0.17rem;}
.contact .contents .form-wrap span{display:inline-block; font-size:0.15rem; margin-left:0.4rem; margin-top:0.19rem; font-weight:400;}
.contact .contents .form-wrap input[type="checkbox"]{width:0.2rem; height:0.2rem;}
.contact .contents .form-wrap .agree-more{color:#d21818; font-weight:500; margin-left:0.05rem;}

/*고객지원 : 인증현황*/
.certificate ul {font-size:0;margin-top:-0.83rem;}
.certificate ul li {display:inline-block;width: 22.75%;margin-top: 0.83rem;margin-right: 3%;}
.certificate ul li:nth-child(4n) {margin-right:0;}
.certificate ul li .img-wrap {border:0.01rem solid #dedede;}
.certificate ul li .img-wrap img {width:100%;display:block;}
.certificate ul li.mt0 {margin-top:0;}
.certificate ul li.mr0 {margin-right:0;}
.certificate ul li p {font-size: 0.19rem;text-align: center;font-weight: 600;margin-top: 0.2rem;letter-spacing: -0.01rem;}

/* 개인정보처리방침 */
.policy .con-box p {font-size:0.15rem;font-weight:400;color:#555;padding-bottom:0.4rem;line-height:1.7;}
.policy .con-box p strong {display:block;font-size:0.16rem;font-weight:600;color:#222;padding-bottom:0.15rem;}
.policy .con-box p a {color:#555;}
.policy .con-box p a:hover {text-decoration:underline;}
.policy .contents { padding: 1.2rem 0.3rem 1rem; }
.policy table {margin-top:-0.2rem;margin-bottom:0.4rem;}
.policy table th {padding:0.08rem;border:1px solid #ddd;background:#f9f9f9;font-size: 0.15rem;}
.policy table td {padding:0.08rem;border:1px solid #ddd;text-align:center;font-size: 0.15rem;}


@media all and (max-width:1400px) {
    .contents{padding:0.6rem 0.3rem 1rem;}
    .contents-type2{padding:1rem 0.3rem;}
}


@media all and (max-width:1061px) {
    .inner-contents .bottom{margin-left:0.3rem;}
}


@media all and (max-width:1024px){
    .contents{padding: 0.4rem 0.3rem 1rem;}
    .contents-type2{padding: 0.5rem 0.3rem;}
    .contents-wrap{padding:0;}
    .page-tit{font-size:0.45rem;margin: 0.4rem 0 0.2rem;}
    .page-tit .tit-big{font-size: 0.65rem;}
    .tit-sm{font-size:0.27rem;}

    .tab-wrap{display:block;}
    .tab-wrap li{display:inline-block; width:50%; flex:none; font-size:0.19rem; border-bottom:0.01rem solid #acacac;}
    .tab-wrap li:nth-child(odd){border-left:0;}
    .tab-wrap li:nth-child(2) {}
    /* .tab-wrap li:nth-child(4){border-left:0;} */
    .tab-wrap li:nth-child(5),
    .tab-wrap li:nth-child(6){border-bottom:0;}
    .tit-box .big{font-size:0.32rem;}
    .tab-wrap.company-tab li{width: 25%;}
    .tab-wrap.company-tab li:nth-child(odd){border-left:0;border-right:0.01rem solid #acacac;border-bottom: 0;}
    .tab-wrap.company-tab li:nth-child(even){border-left:0;}
    .tab-wrap.company-tab li:nth-child(2){border-left:0;border-right: 0.01rem solid #acacac;border-bottom: 0;}
    .tab-wrap.company-tab li:nth-child(3){border-bottom:0;}
    .tab-wrap.company-tab li:nth-child(4){border-bottom:0; border-right:0;}
    .tab-wrap.business-tab1 li{border-bottom:0; font-size: 0.2rem;}


    .link-wrap li{width:49%; margin:0.1rem 0; font-size:0.2rem;}
    .link-wrap li:hover a,
    .link-wrap li.active a{color:#d21818;}
    .link-wrap li:hover a::before,
    .link-wrap li.active a::before{ display: none;}
    .link-wrap li.width100{width:50%; display:block; border-right:0;}
    .link-wrap li.width100.active{width:50%; display:block; border-right:0;}

    .sub-tit{margin-top:0.7rem;}
    .tit-box{margin-bottom:0.6rem;}
    .tit-box .big br,
    #ceo .ceo-text .left .left-txt br{display:none;}

    .square-box{padding: 0.4rem 0.4rem;font-size: 0.19rem;line-height: 0.3rem;word-break: keep-all;}
    .square-box br{display:none;}

    .svg-tit-img{width:35%;}
    .svg-subtit-img{width:19%;}
    .svg-text-img{width:15%;}

    /* 회사정보 : 회사소개 */
    #intro .company-info .company-list{background: none;text-align: center;}
    #intro .company-info .company-list:before { display:none}
    #intro .company-info .company-list li{width:30%;}
    #intro .company-info .company-list li:first-child  {width:30%;}
    #intro .company-info .company-list li:last-child  {width:30%;}
    #intro .company-info .company-list li:nth-child(3):after { display:none }
    #intro .company-info .company-list li:nth-child(5):after { display:none }
    #intro .company-info .company-list li:nth-child(4):before { display:none }
    #intro .company-info .company-list li:nth-child(4){ margin-top:0.5rem; }
    #intro .company-info .company-list li:nth-child(5){ margin-top:0.5rem; }
    #intro .company-info .company-list li:nth-child(3) .list-img-wrap:before,
    #intro .company-info .company-list li:nth-child(3) .list-img-wrap:after{display:none;}

    #vision .ideology .sub-txt01 {font-size: 0.25rem; border-radius: 5rem;margin-bottom: 0.1rem;width:100%;margin: 0.2rem auto;}
    #vision .ideology .ideo-list{font-size:0; text-align:center;}
    #vision .ideology .ideo-list article{display:inline-block; width:49.5%; vertical-align:top ;max-width: 3.8rem; margin-right: 1%;}
    #vision .ideology .ideo-list article:nth-child(2n){margin-right:0;}
    #vision .ideology .ideo-list article:nth-child(1),
    #vision .ideology .ideo-list article:nth-child(2){margin-bottom:1%;}
    #vision .ideology .ideo-list article .img-wrap {width:100%;}
    #vision .ideology .ideo-list article .img-wrap img{width:100%;}

    #ceo .ceo-text{overflow:hidden;padding: 0 0.3rem;word-break: keep-all;}
    #ceo .ceo-text .left{float: inherit;width: auto;}
    #ceo .ceo-text .left .left-txt{font-size: 0.19rem;font-weight:400;margin-bottom:0.4rem;line-height: 1.7;}
    #ceo .ceo-text .left .left-txt strong {display: block;margin-bottom: 0.15rem;font-size: 0.25rem;}
    #ceo .ceo-text .left .sign{font-size: 0.20rem;font-weight:600;color:#8e8d8d;text-align: right;}
    #ceo .ceo-text .left .sign span{color:#000;}
    #ceo .ceo-text .right{float: inherit;width: auto;margin-top: 0.7rem;}
    .tit-box .big2{font-size:0.32rem; font-weight:500; letter-spacing:-0.02rem; word-break:keep-all;}
    .tit-box .big2 br { display:none }

    #history .history-wrap{position:relative;}
    #history .history-wrap .left{ margin-left: 0.5rem;}
    #history .history-wrap .left h2{font-size: 0.6rem;padding-left: 0;margin-bottom: 0.5rem;line-height:1.2;}
    #history .history-wrap .left h2 br { display:none }
    #history .history-wrap .left .history-list dl dt{display:inline-block;width: 11%;font-size: 0.19rem;font-weight:600;color:#d21818;}
    #history .history-wrap .left .history-list dl dd{display:inline-block;font-size: 0.19rem;}
    #history .history-wrap .left .history-list dl dd span{font-weight:600; margin-right:0.05rem;}
    #history .history-wrap .center{ display: none;}
    #history .history-wrap .center .vertical-line{width:0.01rem; height:100%; background:#cbcbcb;}
    #history .history-wrap .center .vertical-line span{ margin-bottom:1.8rem; margin-left:-0.06rem;}
    #history .history-wrap .right{position: relative;top: 0.3rem;right:0;;margin: 0.3rem;}
    #history .history-wrap .right img{display:block; width:100%;}


    .ci .sub-tit{margin-top:0;}
    .ci .ci-img-box img{display:block; margin:0 auto 1%;}

    /* 회사정보 : 사업장 소개 */
    .company-map .map-info p{display:inline-block; width:87%; font-size:0.2rem; padding:0.25rem 0 0.25rem 0.5rem; }
    .company-map .map-info button{display:inline-block; width:13%; font-size:0.19rem; color:#fff; padding:0.25rem 0; background:#d21818;}
    .company-map .img-wrap iframe { width: 100%; height: 500px}
    .company-map ul{font-size:0; padding-left:0rem;}
    .company-map ul li{display:inline-block;width:50%;margin-top:0.6rem;}
    .company-map ul li .company-icon{display:inline-block; vertical-align:middle;}
    .company-map ul dl{display:inline-block; vertical-align:middle; margin-left:0.23rem;}
    .company-map ul dl dt{font-size: 0.29rem;font-weight:600;}
    .company-map ul dl dd{font-size:0.19rem; font-weight:400; margin-top:0.2rem;}
    .transport{margin-top:1.2rem;}
    .transport .transport-wrap{padding-left:0.5rem;}
    .transport .transport-wrap dl dd ul li{margin-top: 0.3rem}
    .transport .transport-wrap dl dd ul li.pd-less{padding:0 0.24rem;}
    .transport .transport-wrap dl dd ul li.last::before{display:none;}
    .company-map ul dl dd br { display:block }


    /* 주요사업 */
    .tit-box-type2 p{font-size:0.19rem;}
    .page-tit.margin-top-0{margin-top:0;}
    .business-tab-wrap{margin-top: 0.6rem;font-size:0;}
    .business-tab-wrap .small-tab .tab-left{width:100%;}
    .business-tab-wrap .small-tab .tab-left .dd3w{width:100%;}
    .business-tab-wrap .small-tab .tab-left .tab-txt{font-size: 0.19rem; }
    .business-tab-wrap .small-tab .business-form{margin-top: 0.4rem;}
    .business-tab-wrap .small-tab .business-form .form-line dd{padding:0.5rem 0 0.5rem 25%;}
    .business-tab-wrap .small-tab .business-form .form-line dt{font-size: 0.2rem;font-weight:600;padding-top:0.45rem;}
    .business-tab-wrap .business-tab2 li,
    .business-tab-wrap .business-tab3 li{width:50%; text-align:center; margin-right:0;}
    .business-tab-wrap .business-tab2 li.tab-type1,
    .business-tab-wrap .business-tab3 li.tab-type1{width:33.333%; text-align:center; margin-right:0;}
    .business-tab-wrap .business-tab2 li a, .business-tab-wrap .business-tab3 li a{padding:0.25rem 0; margin-left:-0.02rem;}
    .business-tab-wrap .small-tab-wrap{border-top:0;}
    .business-tab-wrap .small-tab{padding:0.3rem 0;}
    .business-tab-wrap .small-tab .tab-left .tab-left-img-wrap{width:49%; margin:0 2% 0 0;}
    .business-tab-wrap .small-tab .tab-left .tab-left-img-wrap img{width:100%;}
    .business-tab-wrap .small-tab .tab-left .tab-left-img-wrap:last-child{margin:0;}
    .business-tab-wrap .small-tab .tab-left .tab-left-img-wrap2{display:block;}
    .business-tab-wrap .small-tab .tab-left .tab-left-img-wrap2 img{width:100%; margin:0; margin-bottom:0.2rem;}
    .business-tab-wrap .small-tab .tab-right{display:block; width:100%; margin-left:0; margin-top:0.2rem;}
    .business-tab-wrap .small-tab .tab-right img{width:100%;}

    .business-tab-wrap .small-tab.type2 .tab-right{display:block; width:100%;}
    .business-tab-wrap .small-tab.type2 .tab-left{display:block; width:100%;}

    .business-tab-wrap .small-tab.type22 .tab-left{width:100%;}

    /* R&D비전*/
    .inner .rnd-more-top{position:relative; top:inherit; left:inherit; transform:none;}
    .inner .rnd-top{display:block;}
    .inner .rnd-top .capa-img-wrap{display:inline-block; width:49%; margin-bottom:0.3rem;}
    .inner .rnd-bottom .capa-img-wrap{width:49%;}

    /* 사업역량 */
    .capa-tit{text-align:center;}
    .capa-tit h1{ font-size: 0.45rem;}
    .capa-tit p{font-size: 0.21rem;margin-top: 0.2rem;font-weight:500;line-height:1.6;letter-spacing:-0.01rem;word-break:keep-all;padding: 0.1rem 0.3rem;}
    .capa-tit p br { display:none }
    .capa-tit p.vision-tit{font-size: 0.25rem;font-weight:700;line-height:1.2;}
    .capa-tit p.vision-tit span{font-size: 0.25rem;color:#1c1c1c;font-weight:500;}
    .rnd .inner-contents{font-size:0; margin:0.4rem 0 0.6rem;}
    .inner-contents dd { line-height: 1.8}

    .inner-contents .top{width: 100%;border-right:0;display: block;}
    .inner-contents .bottom{width: 100%;margin-left:0.0rem;display: block;}

    /* 시험역량 테블릿*/
    .inner .try-list{text-align: left;font-size:0;margin-top:0.8rem;vertical-align: middle;}
    .inner .try-list li{width: 31%;padding: 0.53rem 0.2rem;margin-right:3%;background:#f7f6f6;margin-top: 0.3rem;text-align: center;}
    .inner .try-list li .img-wrap{position: relative;width: 45%;display: block;margin: auto;}
    .inner .try-list li .img-wrap img{}
    .inner .try-list li p{font-size: 0.18rem;font-weight:500;margin-top:0.45rem;letter-spacing:-0.01rem;display: inline-block;margin-left: 0;}
    .inner .equipment{margin-top:0.95rem;}
    .inner .equipment ul{font-size:0; margin-top:-0.26rem;}
    .inner .equipment ul li{width: 47%;margin-top:0.83rem;margin-right: 0;margin: 0.83rem 1% 0;text-align: center;}
    .inner .equipment ul li p{font-size:0.19rem; text-align:center; font-weight:600; margin-top:0.2rem; letter-spacing:-0.01rem;}
    .inner .equipment ul li p span{font-size:0.18rem; color:#787878; margin-top:0.15rem; letter-spacing:-0.01rem; font-weight:400;}
	.inner .announce .announce-imgbox img {max-width:50%;width:calc(50% - 10px);}

    /* 시험역량 테블릿 */
    .inner .system-list3>li{width:100%;margin-right:0%;margin-top:0.3rem;margin-bottom:0.2rem;padding: 0 0rem 0.3rem;border-bottom: 1px solid #ddd;}
    .inner .system-list3>li:first-child { margin-top:0.7rem; }
    .inner .system-list3>li dl dd span {width: 40%;display: inline-block;vertical-align: top;padding-right: 0.1rem;word-break:keep-all;}
    .inner .system-list3>li dl dd span br { display:none }
    .inner .system-list3>li dl dd img {width: 57%;display: inline-block;}
    .inner .system-list3>li dl dd .pt-60 { padding-top: 0rem;}
    .inner .system-list3{padding-left: 0.1rem;}

    /* 품질역량 테블릿 */
      .inner .system-list{font-size:0;padding-left: 0.35rem;}
      .inner .system-list2{font-size:0; margin-top:0.7rem;}
      .inner .system-list>li{width: 90%;margin-right: 0%;margin-top: 0.4rem;border-bottom: 0.01rem solid #ddd;padding-bottom: 0.4rem;}
      .inner .system-list>li dl{margin-top:0.5rem;}
      .inner .system-list>li:first-child { border-top:1px solid #ddd; padding-top:0.3rem }
      .inner .system-list>li dl dt{font-size: 0.23rem;font-weight:700;color:#d21818;}
      .inner .system-list>li dl dt span{font-size: 0.23rem;color:#1c1c1c;margin-left:0.07rem;vertical-align:top;}
      .inner .system-list>li dl dd{font-size: 0.19rem;font-weight:400;color:#333;word-break:keep-all;margin-top:0.35rem;line-height:1.6;}
      .inner .system-list>li dl dd br { display:none }
      .inner .system-list>li dl dd.quality-dd{left: 0.2rem;position: relative;}
      .inner .system-list>li dl dd.quality-dd li{position:relative; padding-left:0.1rem; word-break:keep-all; color:#555; display:block;}
      .inner .system-list>li dl dd.quality-dd li::before{content:'';width: 0.05rem;height:0.01rem;background:#555;position:relative;top:36%;left:0;display: inline-block;vertical-align: middle;margin-left: -0.25rem;margin-right: 0.1rem;}

    /* R&D역량 테블릿 */
    .rnd .mechanicalbox ul li {width: 45%;display: inline-block}
    .rnd .mechanicalbox h4 { font-size:0.2rem}
    .rnd .mechanicalbox {font-size: 0.19rem; }

    /* MISC 태블릿 */
    .imgpa10{padding:0.3rem;}

    /* 지속가능경영 */
    .sustainable-top{margin-bottom: 0.5rem;}
    .sustainable-top .left{width:100%; margin-bottom: 0.3rem;}
    .sustainable-top .left .main-txt br{display:none;}
    .sustainable-top .left .sub-txt{font-size:0.19rem;}
    .sustainable-top .left .sub-txt br{display:none;}
    .sustainable-top .right{display:block; width:100%; margin-top:0.3rem;}

    .infolist3 .glbox p.glp2{position:relative; padding-bottom:1.5rem; margin-top:0.5rem;}
    .infolist3 .glbox p.glp2 span:first-child::after,
    .infolist3 .glbox p.glp2 span:last-child::after{display:none;}
    .infolist3 .glbox p.glp2 strong{position:absolute; width:100%; bottom:7%; left:50%; transform:translateX(-50%);}
    .infolist3 .glbox p.glp2 strong:after{display:none;}
    .infolist3 .roundlist div{display:block; width:100%; margin-right:0; margin-top:3%;}
    .infolist3 .roundlist div:nth-child(1){margin-top:0;}
    .infolist3 .roundlist div p{height:auto;}
    .infolist3 .roundlist div ul{height:auto;}
    .infolist3 .roundlist2{margin-top:3%;}
    .infolist3 .roundlist2 ul li{width:100%; height:auto; display:block; margin-right:0; margin-top:3%; padding:0.3rem 0.5rem;}
    .infolist3 .roundlist2 ul li:nth-child(1){margin-top:0;}
    .infolist3 .roundlist2 ul li br{display:none;}
    .growth .sustainable-bot .box-wrap .box{width:50%;}
    .growth .sustainable-bot .box-wrap .box .box-position .box-tit{margin-bottom:0.3rem;}

    .contribution .sustainable-bot .box-wrap{padding-left: 0.3rem; padding-right: 0.3rem;}
    .contribution .sustainable-bot .box-wrap .box {width:49%; margin:0 1% 4% 0;}
    .contribution .sustainable-bot .box-wrap .box.m-mr0{margin-right:0; margin-bottom:0;}
    .contribution .sustainable-bot.type1 .box-wrap .box{width:49%;}
    .contribution .sustainable-bot.type1 .box-wrap .box{margin:0 1% 0 0;}
    .contribution .sustainable-bot .box-wrap .box .img-box{width:100%;}
    .contribution .sustainable-bot .box-wrap .box .img-box img{width:100%;}
    .contribution .sustainable-bot .box-wrap .box p{margin-top:0.2rem; word-break:keep-all; font-size: 0.17rem;}

    .environment .sub-tit{margin-top:0;margin-bottom: 0.1rem;}
    .environment .sub-tit:nth-child(1){margin-top:0.5rem;}
    .environment .bot-txt-box h2{margin-bottom:0.2rem;}
    .environment .bot-txt-box p{margin-bottom:0.3rem; line-height:2;}
    .environment .environ-form h3{margin-bottom:0.15rem;}
    .environment .environ-form .form-wrap{padding:0 2%; overflow-x:scroll;}
    .environment .environ-form .form-wrap table{width:14rem;}
    .environment .environ-form .scroll-txt{display:block; padding-right:2%;}
    .ethical .ethical-list li{padding-left:0.3rem;margin-bottom:0.54rem;}

    /* ESG 보고서 */
    .ethical .report-box { }
    .ethical .report-box a { font-size: 16px; }
    .ethical .report-box .report-new .newimg { padding: 20px; background: #f5f5f5; margin: 0}
    .ethical .report-box .report-new .txtbox { padding-left:50px; flex: 1;}
    .ethical .report-box .report-new span { display: block;font-size: 24px; font-weight: bold; margin: 10px 0 30px;}
    .ethical .report-box .report-new p { font-size: 16px; font-weight: 500; margin-bottom: 30px}
    .ethical .report-box .report-new p br { display: none;}
    .ethical .report-box .report-list { display: flex; gap:10px;}
    .ethical .report-box .report-list div { width:32%;padding: 20px;}
    .ethical .report-box .report-list span { font-size: 18px; }



    /* 인재채용 */
    .contents .resume-box .resume-info{float:inherit; text-align:center;}
    .contents .resume-box .resume-down{float:inherit; margin:0.2rem auto 0; line-height:0.46rem;}
    .contents .form-wrap{padding:0;}
    .contents .form-wrap .form dl.t-pb{padding:0.25rem 0 0.15rem;}
    .contents .form-wrap .form dl .form-txt .txt-wrap{display:block; padding-top:0.23rem; border-top:0.01rem solid #c2c2c2;}
    .contents .form-wrap .form dl .form-txt select{padding:0 0.4rem 0 0; background-position:right center; vertical-align:top; }
    .contents .form-wrap .form dl .form-txt select.year{margin-bottom:0.23rem;}
    .contents .form-wrap .form dl .form-txt select.year2{padding-left:0; margin-bottom:0.23rem;}
    .contents .form-wrap .form dl .form-txt .select-box .select-wrap{display:block;}
    .contents .form-wrap .form dl .form-txt .pr{padding-right:0.3rem;}
    .contents .form-wrap .form dl .form-txt .mr{margin-left:0.5rem;}
    .contents .form-wrap .form dl .form-txt .univ_check .univ{float:inherit;}
    .contents .form-wrap .form dl .form-txt .univ_check .gradu{float:inherit; width:100%; margin-left:0; padding-top:0.2rem; margin-top:0.2rem; border-top:0.01rem solid #c2c2c2;}
    .contents .form-wrap .form dl .form-txt .certifi{width:30%; height:0.3rem;}
    .contents .form-wrap .form dl .form-txt .lang-career{font-size:0;}
    .contents .form-wrap .form dl .form-txt .lang-career span{display:inline-block; font-size:0.16rem; width:50%;}

    .employinfo .spirit{position:relative; padding:0.3rem;}
    .employinfo .spirit .spirit-wrap{display:block;}
    .employinfo .spirit .sp, .employinfo .spirit .sp-right .sp{padding:0 2%; vertical-align:top;}
    .employinfo .info-list.mb-more{margin-bottom:0.5rem;}
    .employinfo .employ-info{padding:0 2%;}
    .employinfo .spirit .sp{width:33%; padding:0 1%; text-align:center; text-align:left; display:inline-block; margin-bottom:0;}
    .employinfo .spirit .sp-left{margin:3.3rem 0 0.5rem;}
    .employinfo .spirit .sp-left::before,
    .employinfo .spirit .sp-left .sp dt::before{display:none;}
    .employinfo .spirit .sp-left br,
    .employinfo .spirit .sp-right br{display:none;}
    .employinfo .spirit .sp-center{position:absolute; top:1.55rem; left:50%; transform:translateX(-50%); margin-top:0;}
    .employinfo .spirit .sp-right::before, .employinfo .spirit .sp-right .sp dt::before{display:none;}
    .employinfo .spirit .sp-right .sp{width:33%; padding:0 1%;}
    .employinfo .step li{padding-bottom:0.3rem;}
    .employinfo .info-list dd.dot::before{top:0.18rem; transform:none;}

    /*고객지원 : 인증현황*/
    .certificate ul {margin-top:-0.46rem;}
    .certificate ul li {display:inline-block;width: 48%;margin-top: 0.46rem;margin-right: 2%;}

    /*개인정보처리방침*/
    .policy .con-box p strong{font-size:0.2rem;}
    .policy .con-box p{font-size:0.19rem;}
}

@media all and (max-width:640px) {
    html{font-size:50px;}
    .flnone {float: none !important; }
    .patb05 {padding: 0.3rem 0 0.5rem 0 !important;}

    .contents{padding:0.6rem 0.3rem 1rem;}

    .page-tit{font-size:0.55rem;}

    .sub-visual .link-wrap li{width:49%; margin:0.15rem 0; font-size:0.38rem;}
    .sub-visual .link-wrap li.m-mb0{margin-bottom:0;}
    .sub-visual .link-wrap li.three{width:32%;}
    .sub-visual .txt-box .mini-map{font-size:0.3rem; margin-bottom:0.1rem;}
    .sub-visual .txt-box .tit{font-size:0.55rem;}

    .tab-wrap + .page-tit{font-size:0.6rem;}
    .tab-wrap li{font-size:0.3rem;}
    .tab-wrap ul li{width:33.333%; font-size:0.3rem; border-bottom:0.02rem solid #acacac;}
    .tab-wrap ul li.bb0{border-bottom:0;}
    .tab-wrap.company-tab li{width:50%; border-left:0.02rem solid #acacac; border-bottom:0.02rem; solid #acacac;}
    .tab-wrap.company-tab li:nth-child(1),
    .tab-wrap.company-tab li:nth-child(2){border-bottom:0.02rem solid #acacac;}
    .tab-wrap.company-tab li:nth-child(2){border-right:0;}
    .tab-wrap.company-tab li:nth-child(4){border-bottom:0;}
    .tab-wrap.business-tab1 li{border-bottom:0; font-size:0.3rem;}
    .tab-wrap.business-tab1 li:nth-child(2){border-right:0;}

    .link-wrap li{font-size:0.3rem; margin:0.25rem 0;}
    .link-wrap li:nth-child(odd){border-right:0.02rem solid #acacac;}
    .link-wrap li.width100{border-right:0;}

    .square-box{padding:0.45rem;font-size: 0.28rem;line-height: 0.4rem;word-break: keep-all;}

    .sustainable-top .left .main-txt{padding-left:0.28rem; font-size:0.4rem;}
    .sustainable-top .left .sub-txt{font-size:0.3rem; word-break:keep-all; line-height:0.45rem;padding: 0 0.3rem;}
    .sustainable-top .sub-ul {margin-top:0.5rem;padding:0 0.3rem;}
    .sustainable-top .sub-ul li {font-size:0.3rem;padding-left:0.2rem;word-break:keep-all;}
    .sustainable-top .sub-ul li:before {width:0.08rem;height:0.08rem;top: 0.15rem;}
    .sustainable-top .sub-ul li + li {margin-top:0.16rem;}
    .sub-tit{font-size:0.5rem; word-break:keep-all;}
    .sub-tit::before{width:0.2rem; height:0.2rem; top:0.3rem; transform:none;}
    .sub-txt01{font-size:0.3rem; word-break:keep-all;}
    .sub-txt01 br{display:none;}

    .circle-dobble{font-size:0.38rem;}
    .circle-dobble::before{width:0.18rem; height:0.18rem; left:-0.25rem;}
    .circle-dobble::after{width:0.12rem; height:0.12rem; left:-0.15rem;}
    .sub-tit + .circle-dobble{font-size:0.38rem;}
    .sub-tit + .circle-dobble::before,
    .circle-dobble.padding-l::before{left:0.25rem;}

    .pageing{padding:0.5rem 0;}

    .tit-box .big{font-size:0.4rem;}

    .svg-tit-img{width:44%;}
    .svg-subtit-img{width:35%;}
    .svg-text-img{width:30%;}

    /* 회사정보 : 회사소개 */
    #intro .company-info .company-list li .list-img-wrap:before,
    #intro .company-info .company-list li .list-img-wrap:after{display:none;}
    #intro .company-info .company-list li{width:100%; margin-top:0.7rem;}
    #intro .company-info .company-list li:nth-child(4){ margin-top:1rem; }
    #intro .company-info .company-list li:nth-child(5){ margin-top:1rem; }
    #intro .company-info .company-list li:first-child  {width:100%;}
    #intro .company-info .company-list li:last-child  {width:100%;}
    #intro .company-info .company-list li strong{font-size: 0.4rem;}
    #intro .company-info .company-list li p{font-size: 0.32rem;margin-top:0.25rem;}
    #intro .company-info .company-list li dl dt{font-size:0.50rem; font-weight:500; background:#fff}
    #intro .company-info .company-list li dl dd{font-size:0.35rem; margin-top:0.35rem; background:#fff}

    #vision .ideology .sub-txt01 {font-size: 0.32rem; border-radius: 5rem;margin-bottom: 0.1rem;width: 100%;margin: 0.2rem auto; background:none}
    #vision .ideology .ideo-list{font-size:0; text-align:center;}
    #vision .ideology .ideo-list article{display:block;width:auto;margin-right: 0;vertical-align:top;max-width:inherit; margin:5%; }
    #vision .ideology .ideo-list article .img-wrap { width:100%;}
    #vision .ideology .ideo-list article .img-wrap img{width:100%;}
    #vision .ideology .ideo-list article dl{height:auto; padding:0.7rem 0.22rem;}
    #vision .ideology .ideo-list article dl dt{font-size: 0.45rem;}
    #vision .ideology .ideo-list article dl dd{font-size: 0.3rem;}
    #vision .ideology .ideo-list article:nth-child(2n){margin-right:5%;}
    #vision .ideology .ideo-list article:nth-child(4) {margin-right: 5%;}
    #vision .vision .main-txt{font-size:0.4rem; text-align:center; margin: 0;}
    #vision .vision .vision-wrap article{display:block; vertical-align:top; width:auto; margin-right:0; margin:3%}
    #vision .vision .vision-wrap article:nth-child(3)  { margin:3% }
    #vision .vision .vision-wrap article p{font-size:0.35rem; margin-bottom:0.7rem }
    #vision .vision .sub-txt02 {font-size: 0.35rem; margin-bottom: 0.1rem;width: 100%;margin: 0.1rem auto; background:none}

    #ceo .ceo-text .left .left-txt{font-size:0.3rem; font-weight:400;margin-bottom:0.4rem;line-height: 1.7;}
    #ceo .ceo-text .left .left-txt strong {display: block;margin-bottom: 0.15rem;font-size: 0.32rem;}
    #ceo .ceo-text .left .sign{font-size: 0.27rem;font-weight:600;color:#8e8d8d;text-align: right;}
    .tit-box .big2{font-size:0.40rem; font-weight:500; letter-spacing:-0.02rem; word-break:keep-all;}

    #history .history-wrap{position:relative;}
    #history .history-wrap .left{ margin-left: 0.5rem;}
    #history .history-wrap .left h2{font-size: 0.8rem;padding-left: 0;margin-bottom: 0.5rem;line-height:1.2;}
    #history .history-wrap .left h2 br { display:none }
    #history .history-wrap .left .history-list dl dt{display:inline-block; width:15%; font-size:0.3rem; font-weight:600; color:#d21818;}
    #history .history-wrap .left .history-list dl dd{display:inline-block; font-size:0.28rem; width:85%;}
    #history .history-wrap .left .history-list dl dd span{font-weight:600; margin-right:0.05rem;}
    #history .history-wrap .center{ display: none;}
    #history .history-wrap .center .vertical-line{width:0.02rem; height:100%; background:#cbcbcb;}
    #history .history-wrap .center .vertical-line span{ margin-bottom:1.8rem; margin-left:-0.06rem;}
    #history .history-wrap .right{position: relative;top: 0.3rem;right:0;margin: 0.3rem;}
    #history .history-wrap .right img{display:block;}

    .ci p{font-size:0.27rem; padding-left:1rem;}
    .ci p::before{width:0.8rem; height:0.8rem;}

    /* 회사정보 : 사업장 소개 */
    .company-map .map-info p{display:inline-block; width:82%; height:0.85rem; font-size:0.24rem; /*padding:0.27rem 0 0.27rem 0.3rem;*/}
    .company-map .map-info button{display:inline-block; vertical-align:top; width:18%; height:0.85rem; font-size:0.23rem; color:#fff; /*padding:0.28rem 0;*/ background:#d21818;}
    .company-map .img-wrap iframe { width: 100%; height: 260px}
    .company-map ul{font-size:0;padding-left:0rem;padding: 0 0.3rem;}
    .company-map ul li{display: block;width: auto;margin-top:0.6rem;}
    .company-map ul li .company-icon{display:inline-block; vertical-align:middle; margin-right: 0.3rem; width:26%;}
    .company-map ul dl{display:inline-block; vertical-align:middle; margin-left:0; width:65%;}
    .company-map ul dl dt{font-size: 0.4rem;font-weight:600;}
    .company-map ul dl dd{font-size: 0.3rem;font-weight:400;margin-top:0.2rem;}
    .transport{margin-top:1.2rem;}
    .transport .transport-wrap{padding-left:0.5rem;}
    .transport .transport-wrap dl dd ul li{display:inline-block; font-size: 0.33rem; text-align:center; font-weight:500; width:93%; height:1.2rem; border-radius:0.5rem; line-height: 1.2rem;border:0.02rem solid #c2c2c2;padding:0 0.43rem;margin-right:0.15rem;background:#fff;position:relative;}
    .transport .transport-wrap dl dd ul li::before{width:0.02rem; height:1.5rem; top:inherit; right:inherit; bottom:-46%; left:50%; transform:translateX(-50%);}
    .transport .transport-wrap dl dd ul li.pd-less{padding:0 0.24rem;}
    .transport .transport-wrap dl dd ul li.first{border:0.02rem solid #d21818;}
    .transport .transport-wrap dl dd ul li.last::before{display:none;}
    .company-map ul dl dd br {display:block;}


    /* 주요사업 */
    .tit-sm{font-size:0.32rem;}
    .tit-box-type2 p{font-size:0.3rem; word-break:keep-all;}
    .business-tab-wrap .small-tab{padding: 0.3rem 0;}
    .business-tab-wrap .small-tab .tab-left .tab-txt{font-size:0.3rem; }
    .business-tab-wrap .small-tab .tab-right{margin-top:0.15rem;}
    .business-tab-wrap .small-tab .business-form .form-line dd{font-size:0.21rem;}
    .business-tab-wrap .business-tab2 li, .business-tab-wrap .business-tab3 li{font-size:0.25rem;}
    .business-tab-wrap .small-tab-wrap{border-top:0;}
    .business-tab-wrap .small-tab .tab-left .tab-tit{font-size:0.5rem;}
    .business-tab-wrap .small-tab .tab-left .dd2w dd,
    .business-tab-wrap .small-tab .tab-left .dd3w dd{display:block; width:100%;}
    .business-tab-wrap .small-tab .business-form .form-line dt{font-size:0.3rem;}
    .business-tab-wrap .small-tab .business-form .form-line dd{font-size:0.28rem; padding:0.5rem 0 0.5rem 28%;}
    .business-tab-wrap .small-tab .business-form .form-line dd ul li{padding-left:0.25rem;}
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(1)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(2)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(3)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(4)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(5)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(6)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(7)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(8)::before,
    .business-tab-wrap .small-tab .business-form .form-line dd ul li:nth-child(9)::before{font-size:0.26rem;}
    .business-tab-wrap .small-tab.type22 .tab-box{display:flex; flex-flow:column-reverse;}
    .business-tab-wrap .small-tab.type22 .tab-left{margin-top:0.2rem; padding-bottom:4.5rem; position:relative;}
    .business-tab-wrap .small-tab.type22 .tab-left .tab-txt{position:absolute; bottom:0;}

    /* R&D비전 */
    .capa-tit h1{font-size:0.7rem;}
    .capa-tit p.vision-tit{font-size:0.4rem;}
    .capa-tit p.vision-tit span{font-size:0.4rem;}
    .inner .capa-img-wrap{width:70% !important; margin:0 auto;}
    .inner .rnd-top .capa-img-wrap{display:block; width:100%;}
    .inner .rnd-top .capa-img-wrap:nth-child(1){margin-top:3%;}
    .inner .rnd-bottom .capa-img-wrap{width:100%;}
    .inner .rnd-bottom .capa-img-wrap:nth-child(1){margin-bottom:3%;}

    /* R&D역량 테블릿 */
    .rnd .mechanicalbox ul li {width: 45%;display: inline-block}
    .rnd .mechanicalbox h4 { font-size:0.3rem}
    .rnd .mechanicalbox {font-size: 0.2rem; }

    /* 사업역량 모바일 */
    .rnd .capa-tit{margin-bottom:0;}
    .inner .rd-list{margin-top:0;}
    .capa-tit{text-align:center; padding-bottom: 0.6rem;}
    .capa-tit p{font-size:0.37rem;margin-top:0.4rem;font-weight:500;line-height:1.6;letter-spacing:-0.01rem; padding:0; word-break:keep-all}
    .capa-sub-tit{font-size:0.4rem; font-weight:700; padding-left:0.3rem; position:relative;}
    .capa-sub-tit::before{top:0.3rem;}

    /* 시험역량 모바일*/
    .inner .try-list{text-align: left;font-size:0;margin-top:0rem;vertical-align: middle;}
    .inner .try-list li{width: 100%;padding: 0.37rem;margin-right:3%;background:#f7f6f6;margin-top: 0.3rem;text-align: left;}
    .inner .try-list li .img-wrap{ display: inline-block; position: relative; vertical-align: middle; width: 20%;}
    .inner .try-list li .img-wrap img{}
    .inner .try-list li p{font-size: 0.3rem;font-weight:500;margin-top:0.45rem;letter-spacing:-0.01rem;display: inline-block;margin-left: 0.2rem;}
    .inner .equipment{margin-top:0.95rem;}
    .inner .equipment ul{font-size:0;margin-top: 0;}
    .inner .equipment ul li{width: 100%;margin-top:0.83rem;margin-right: 0;margin: 0.5rem 0;padding: 0 0.2rem;}
    .inner .equipment ul li p{font-size: 0.35rem;text-align:center;font-weight:600;margin-top:0.2rem;letter-spacing:-0.01rem;}
    .inner .equipment ul li p span{font-size: 0.3rem;color:#787878;margin-top:0.15rem;letter-spacing:-0.01rem;font-weight:400;}
	.inner .announce .announce-imgbox {flex-wrap: wrap;}
	.inner .announce .announce-imgbox img {max-width:none;width:100%;}
	.inner .announce .announce-imgbox img + img {margin-top:20px;}

    /* 생산역략 모바일 */
    .inner .system-list3>li dl dt{font-size:0.35rem; font-weight:700; color:#d21818;}
    .inner .system-list3>li dl dt span{font-size:0.35rem;}
    .inner .system-list3>li dl dd span {width:auto; display:block; font-size:0.3rem;}
    .inner .system-list3>li dl dd img {width:auto; display:block;}

    /* 품질역량 모바일 */
    .inner .system-list>li{width: 90%; margin-right: 0%; margin-top:0.95rem; border-bottom:0.02rem solid #ddd; padding-bottom:1rem;}
    .inner .system-list>li dl{margin-top:0.5rem;}
    .inner .system-list>li dl dt{font-size:0.35rem; font-weight:700; color:#d21818;}
    .inner .system-list>li dl dt span{font-size:0.34rem; color:#1c1c1c; margin-left:0.07rem; vertical-align:top;}
    .inner .system-list>li dl dd{font-size:0.32rem; font-weight:400; color:#333; word-break:keep-all; margin-top:0.35rem; line-height:1.6;}
    .inner .system-list>li dl dd.quality-dd{left:0.42rem;}
    .inner .system-list>li dl dd.quality-dd li{position:relative; padding-left:0.1rem; word-break:keep-all; color:#555; display:block;}
    .inner .system-list>li dl dd.quality-dd li::before{content:'';width: 0.1rem;height:0.02rem;background:#555;position:relative;top:36%;left:0;display: inline-block;vertical-align: middle;margin-left: -0.25rem;margin-right: 0.1rem;}
    .inner .system-list>li:first-child {padding-top: 0.8rem;}
    .inner .system-list2 .system-list-tit{font-size:0.35rem;}
    .inner .system-list2 .top .left{width:100%; margin-right:0;}
    .inner .system-list2 .top .right{width:100%;}
    .inner .system-list2 .mid .left,
    .inner .system-list2 .mid .center,
    .inner .system-list2 .mid .right{width:100%; margin-right:0;}

    /* R&D역량 */
    .rnd .mechanicalbox ul li {width: 46%;display: inline-block; padding-left:0.3rem;}
    .rnd .mechanicalbox ul li:before{width:0.12rem; height:0.02rem; top:0.25rem;}
    .rnd .mechanicalbox h4 { font-size:0.35rem}
    .rnd .mechanicalbox {font-size: 0.3rem; margin-bottom: 0.6rem}
    .rnd .inner-contents{margin:0.6rem 0;}
    .inner-content { width:100%; }
    .inner-contents div {display: block;}
    .inner-contents .top{width:100%;}
    .inner-contents .capa-sub-tit{font-weight:700;margin-bottom: 0.2rem;letter-spacing:-0.01rem;}
    .inner-contents dd{font-size:0.3rem; font-weight:400; line-height:1.6; margin-left: 0.35rem;}
    .inner-contents dd::before{top:0.2rem; height:0.02rem;}
    .inner-contents .bottom{width:100%; margin-left:0;}
    .inner-contents { position:relative; display:block; margin-bottom: 0.6rem; }

    /* 지속가능경영 */
    .growth .mid img.mo_n{display:none;}
    .growth .mid img.pc_n{display:block; width:80%;}
    .inner .rd-list li{font-size:0.25rem;}
    .infolist3 .glbox p.glp{font-size:0.3rem; word-break:keep-all;}
    .infolist3 .glbox p.glp1{font-size:0.28rem; padding:0.2rem;}
    .infolist3 .glbox p.glp1:after{bottom:-34%;}
    .infolist3 .glbox p.glp1 strong{font-size:0.34rem;}
    .infolist3 .glbox p.glp2 span{width:2.7rem; height:2.7rem; font-size:0.3rem; padding:0.1rem;}
    .infolist3 .glbox p.glp2 span::before{top:-22%; width:0.5rem; height:0.5rem; line-height:0.5rem;}
    .infolist3 .glbox p.glp2 strong{font-size:0.42rem;}
    .infolist3 .glbox p.glp3{font-size:0.3rem; word-break:keep-all;}
    .infolist3 .glbox p.glp3 strong{font-size:0.35rem;}
    .infolist3 .roundlist div p{font-size:0.45rem;}
    .infolist3 .roundlist div p span{font-size:0.28rem;}
    .infolist3 .roundlist div ul{font-size:0.3rem;}
    .infolist3 .roundlist2 ul li{font-size:0.3rem;}
    .infolist3 .roundlist2 ul li::before{width:0.4rem; height:0.4rem; line-height:0.35rem; font-size:0.27rem; top:12%;}
    .infolist3 .roundlist2 ul li:nth-child(1){margin-bottom:0.2rem;}
    .growth .sustainable-bot .box-wrap .box .box-position{left:0.25rem; top:0.5rem;}
    .growth .sustainable-bot .box-wrap .box .box-position .box-tit{font-size:0.4rem;}
    .growth .sustainable-bot .box-wrap .box .box-position .box-sub-tit{font-size:0.3rem;}
    .growth .sustainable-bot .box-wrap .box .box-position .box-sub-tit br{display:none;}

    .contribution .sustainable-bot .box-wrap .box,
    .contribution .sustainable-bot.type1 .box-wrap .box{width:100%; margin:0 0 6% 0;}
    .contribution .sustainable-bot .box-wrap .box p{font-size:0.28rem;}

    .contribution .sustainable-bot .box-wrap{padding-left:0.4rem;font-size:0;padding-right:0.4rem;}

    .ethical .ethical-tab li{font-size:0.28rem;}
    .ethical .piramid-wrap img.piramid_pc{display:none;}
    .ethical .piramid-wrap img.piramid_m{display:block;}
    .ethical .ethical-list h4{font-size:0.3rem;}
    .ethical .ethical-list li p{font-size:0.28rem;padding-right: 0.2rem;word-break: keep-all; line-height: 0.38rem;}


    /* ESG 보고서 640 */
    .ethical .report-box { }
    .ethical .report-box a { font-size: 15px; padding: 10px 15px }
    .ethical .report-box .report-new { flex-direction: column;}
    .ethical .report-box .report-new .newimg { padding: 20px; }
    .ethical .report-box .report-new .txtbox { padding-left:0; padding-top: 20px}
    .ethical .report-box .report-new span { font-size: 21px; margin: 10px 0 20px; display: inline-block; vertical-align: middle;}
    .ethical .report-box .report-new p { word-break:keep-all; font-size: 16px;}
    .ethical .report-box .report-new i { vertical-align: middle; margin-right: 10px}
    .ethical .report-box .report-list div { width:49%;}
    .ethical .report-box .report-list span { font-size: 17px;}



    /* 인재채용 */
    .contents .resume-box{padding:0.3rem 2%;}
    .contents .resume-box .resume-info{font-size:0.25rem;}
    .contents .resume-box .resume-info span{font-size:0.25rem;}
    .contents .resume-box .resume-down{width:2.6rem; height:0.6rem; line-height:0.6rem; font-size:0.25rem;}
    .contents .form-wrap .form-tit{font-size:0.4rem;}
    .contents .form-wrap .form dl .form-sub-tit{float:none; padding-left:0; font-size:0.3rem; width:100%; margin-bottom:0.35rem;}
    .contents .form-wrap .form dl .form-txt{padding-left:0;}
    .contents .form-wrap .form dl .form-txt select{font-size:0.24rem;}
    .contents .form-wrap .form dl .form-txt select.talk{margin-top:0.05rem;}
    .contents .form-wrap .form dl .form-txt select.email-select{margin-right:0;}
    .contents .form-wrap .form dl .form-txt input[type="radio"] + label{font-size:0.25rem;}
    .contents .form-wrap .form dl .form-txt input[type="text"]{width:90%;}
    .contents .form-wrap .form dl .form-txt input[type="text"].addr{width: 70%;}
    .contents .form-wrap .form dl .form-txt input[type="text"].tel{width:33%;}
    .contents .form-wrap .form dl .form-txt input[type="text"].email{width:30%;}
    .contents .form-wrap .form dl .form-txt .birth input[type="text"]{width:25%; font-size:0.25rem;}
    .contents .form-wrap .form dl .form-txt input::placeholder{font-size:0.25rem;}
    .contents .form-wrap .form dl .form-txt label::after{top: 0.10rem;left: 0.07rem;width:0.13rem;height:0.13rem;}
    .contents .form-wrap .form dl .form-txt .notice{font-size:0.23rem;}
    .contents .form-wrap .form dl .form-txt .addr-btn{font-size:0.23rem;}
    .contents .form-wrap .form dl .form-txt .certifi{height:0.5rem;}
    .contents .form-wrap .form dl .form-txt .lang-career span{display:block; width:100%; font-size:0.25rem; margin-bottom:0.2rem;}
    .contents .form-wrap .form dl .form-txt .lang-career span:last-child{margin-bottom:0;}
    .contents .form-wrap .form dl .form-txt .lang-career input[type="text"].lang{width:50%;}
    .contents .form-wrap .form dl .form-txt .pr{padding-bottom:0.25rem;}
    .contents .form-wrap .form dl .form-txt .m-pr0{padding-bottom:0;}
    .contents .form-wrap .form dl .form-txt .more,
    .contents .form-wrap .form dl .form-txt .minus{bottom:inherit; left:inherit; top:-18%; right:0; background-size:contain; padding:0.03rem 0 0.05rem 0.6rem;}
    .contents .form-wrap .btn-box button{font-size:0.26rem; width:2rem; height:0.8rem; line-height:0.8rem;}
    .contents .form-wrap .form dl .form-txt label::before{content:'';position:absolute;top: 0.04rem;left:0;width:0.25rem;height:0.25rem;border:0.02rem solid #c2c2c2;border-radius:50%;}
.contents .form-wrap .form dl .form-txt label::after{display:none; content:''; position:absolute; top:0.11rem; left:0.075rem; width:0.12rem; height:0.13rem; border-radius:50%; background:#d21818;}




    .employinfo .spirit h3{font-size:0.48rem;}
    .employinfo .spirit h3 span{font-size:0.28rem;}
    .employinfo .spirit .sp,
    .employinfo .spirit .sp-right .sp{display:block; width:100%; margin-bottom:0.4rem;}
    .employinfo .spirit .sp-right{margin-top:0;}
    .employinfo .spirit .sp-center{top:2rem; padding:0.25rem;}
    .employinfo .spirit .sp dt{font-size:0.35rem;}
    .employinfo .spirit .sp dd{font-size:0.28rem;}
    .employinfo .step{padding-left:0; text-align:center;}
    .employinfo .step li{padding-right:0; width:45%; vertical-align:top;}
    .employinfo .step li br{display:block;}
    .employinfo .step li img{width:70%;}
    .employinfo .step li p{margin-left:0; font-size:0.3rem;}
    .employinfo .info-tit{font-size:0.6rem; padding-left:0.6rem;}
    .employinfo .info-tit::before{width:0.3rem; height:0.3rem;}
    .employinfo .info-list dd{font-size:0.3rem;line-height: 0.42rem;}
    .employinfo .info-list dd.w{display:block; width:100%;}
    .employinfo .info-list dd.dot::before{width:0.07rem; height:0.05rem; top:0.25rem;}
    .employinfo .info-list.mb-more{margin-bottom:0.3rem;}


    /* 질문하기 */
    .contact .contents .form-wrap .form dl .form-txt textarea{font-size:0.25rem;}
    .contact .contents .form-wrap span{margin-left:0; font-size:0.25rem;}
    .contact .contents .form-wrap input[type="checkbox"]{width:0.25rem; height:0.25rem;}

    /*고객지원 : 인증현황*/
    .certificate ul {margin-top:-0.4rem;}
    .certificate ul li {display:inline-block;width: 100%;margin: 0.4rem 0;padding: 0 0.2rem;}
    .certificate ul li p {font-size:0.35rem;}

    /* 개인정보처리방침 */
    .policy .con-box p{font-size:0.26rem;}
    .policy .con-box p strong{font-size:0.3rem;}
    .policy table th {font-size:0.26rem;}
    .policy table td {font-size:0.26rem;}

}


@media all and (max-width:530px) {
.ethical .report-box .report-new span {font-size: 19px; word-break: keep-all;width: 79%;}
.ethical .report-box .report-list div { width: 100%}
.ethical .report-box .report-list { gap:20px }
.ethical .report-box .report-list i {vertical-align: middle; margin-right: 10px}
.ethical .report-box .report-list span { display: inline-block;  vertical-align: middle;}
}