/* common */

/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Exo', sans-serif;
font-family:'NanumSquare','나눔스퀘어',sans-serif;
font-family: 'Exo 2', sans-serif;
*/

#subWrap { padding:90px 0 0 0;}
#subContents { padding:60px 0 150px;}
#subCont{word-break:keep-all; word-wrap:break-word;}
#subCont .inner{width:1300px;margin:50px auto;}
.txtC_red{color:#ec1f27 !important;}

/* #subContents > div > article { padding:108px 0 0 0;} */

/* 타이틀 */
.pageTit { font-size:32px; font-weight:700; color:#333; text-align:center; margin-bottom:60px; position:relative;padding-top:30px; }
/*.pageTit:before{content:"";position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:1px;background:red;}*/

.tit_s2 { text-align:center;}
.tit_s2 p { font-family: 'Exo 2', sans-serif; color:#444; font-weight:700; font-size:40px;}
.tit_s2 span { line-height:1.625em; display:block; margin-top:10px;}

/* 타이틀 링크 버튼*/
.pageTit .controls { position:absolute; top:-10px; display:none;}
.pageTit .controls a { display:block; width:50px; height:50px; border-radius:50%; border:1px solid #bfbfbf; position:relative;  box-shadow:1px 1px 5px rgba(0,0,0,0.15);}
.pageTit .controls a:after { content:""; width:15px; height:15px; border:3px solid #bfbfbf; display:block; border-left:none; border-top:none; position:absolute; left:50%; top:50%; margin-top:-10px;}
.pageTit .controls.prev_btn { left:0;}
.pageTit .controls.next_btn { right:0;}

.pageTit .controls.prev_btn a:after { margin-left:-6px;
transform:rotate(135deg);
}
.pageTit .controls.next_btn a:after { margin-left:-13px;
transform:rotate(-45deg);
}

.bullet_tit{font-size:20px;font-weight:700;color:#333;line-height:1.5;position:relative;padding-left:25px;}
.bullet_tit:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border:5px solid #ec1f27;border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,0.4);}

.img100{text-align:center;margin:40px 0;}


/* 탭 스타일*/
.tab_s1 { margin-top:36px; margin-bottom:70px;}
.tab_s1 ul {text-align:center; font-size:0; letter-spacing:-4px;}
.tab_s1 ul li { width:170px; height:50px; background:#8a8c8f; border-radius:25px; display:inline-block; margin-right:10px; letter-spacing:0; overflow:hidden; box-shadow:5px 5px 5px rgba(0,0,0,0.2); vertical-align:top;}
.tab_s1 ul li:last-child { margin:0;}
.tab_s1 ul li a,
.tab_s1 ul li button { color:#fff; font-size:16px; font-weight:700; width:100%; height:100%; border:none; background:none; display:block; line-height:50px;}
.tab_s1 ul li.on a,
.tab_s1 ul li.on button { background:#ec1f27; }

/* 서브비주얼*/
#sv { background-size:cover !important; height:350px; color:#fff; text-align:center;}
#sv > div { height:100%}
#sv .txt { font-family: 'Exo 2', sans-serif; text-shadow:0 0 5px rgba(0,0,0,0.25); line-height:1.4; top:30%; position:relative;}
#sv .txt dl dt { font-size:40px; font-weight:700; text-transform:uppercase;}
#sv .txt dl dd { font-weight:400; font-size:20px; margin-top:5px;}
.sv01 { background:url("/img/sub/subVisual1.jpg") no-repeat;}
.sv02 { background:url("/img/sub/subVisual2.jpg") no-repeat;}
.sv03 { background:url("/img/sub/subVisual3.jpg") no-repeat;}
.sv04 { background:url("/img/sub/subVisual5.jpg") no-repeat;}
.sv05 { background:url("/img/sub/subVisual4.jpg") no-repeat;}
.sv06 { background:url("/img/sub/sv01.jpg") no-repeat;}

/* lnb */
#lnb { background:rgba(0,0,0,0.3); margin-top:-65px;}
#lnb ul {text-align:center; letter-spacing:-4px; font-size:0;}
#lnb ul li { display:inline-block; vertical-align:top; letter-spacing:0;}
#lnb ul li a { color:#ccc; display:block; padding:24px 30px; font-size:17px; font-weight:500;}
#lnb ul li.on a { background:#fff; color:#d71e25; position:relative;}
#lnb ul li.on a:before { content:""; width:100%; height:5px; background:#fff; display:block; position:absolute; left:0; top:-5px;}



/* 회사소개 */
.itrCon section{width:1100px;margin:0 auto;}
.itrCon section.ceo_grt {background:url(/img/sub/img_ceo.jpg) no-repeat right top;margin-bottom:150px;}
.ceo_grt > dl{}
.ceo_grt > dl > dt{font-size:22px;color:#333;margin-bottom:20px;font-weight:500;}
.ceo_grt > dl > dd{font-size:17px;color:#444;line-height:26px;margin-bottom:25px;}
.ceo_grt > dl > dd em{color:#444;font-weight:400;}
.ceo_grt > dl > dd span{display:block;}
.since > h4{text-align:center;font-size:22px;color:#333;line-height:1.5;font-weight:600;}
.since > h4 span{font-size:24px;}
.since > p{text-align:center;margin:50px 0;}
.since > ul {overflow:hidden;}
.since > ul > li{float:left;width:19.9%;text-align:center;border-right:1px dotted #aaa}
.since > ul > li:last-child{border-right:none;}
.since > ul > li i{display:block;margin-bottom:15px;}
.since > ul > li dl{font-size:19px;color:#444;}
.since > ul > li dl dt{margin-bottom:10px;}
.since > ul > li dl dd{font-weight:500;line-height:22px;overflow:hidden;}
.since > ul > li dl dd p{float:left;width:40px;margin:0 auto;text-align:left;}
.since > ul > li dl dd ul{margin-left:40px;text-align:left;}

/* 비전 */
.vsCon .bgVs{background:url(/img/sub/bg_vision.jpg) no-repeat top center;/*background-attachment: fixed;*//* height:700px; *//* padding-bottom: 100px; */}
.vsCon .goal > h4, .vsCon .goal > dl{text-align:center;color:#fff;}
.vsCon .goal > h4{position:relative;font-size:40px;font-weight:600;padding-top:95px;margin-bottom:105px;}
.vsCon .goal > h4:after{content:"";position:absolute;bottom:-20px;left:50%;margin-left:-7px;width:40px;height:1px;background:#ec1f27;}
.vsCon .goal > dl{margin-bottom:80px;}
.vsCon .goal > dl dt{font-size:36px;font-weight:600;margin-bottom:10px;}
.vsCon .goal > dl dd{font-size:26px;font-weight:400;line-height:1.5;}
.vsCon .goal > ul {width: 1040px;margin:0 auto;overflow:hidden;padding: 20px;}
.vsCon .goal > ul > li{float:left;position:relative;background:#fff;width:240px;min-height:250px;margin-right:10px;padding:80px 50px;box-shadow: 0px 3px 13px 3px rgba(0, 0, 0,0.2);}
.vsCon .goal > ul > li:last-child{margin-right:0;}
.vsCon .goal > ul > li:after{content:"+";position:absolute;right:-35px;top:50%;margin-top:-20px;background:rgba(236, 31, 39, 0.95);color:#fff;font-size:30px;width:60px;height:60px;text-align:center;line-height:60px;border-radius:50%;z-index:99;}
.vsCon .goal > ul > li:last-child:after{display:none;}
.vsCon .goal > ul > li i, .vsCon .goal > ul > li dl dt{display:block;text-align:center;}
.vsCon .goal > ul > li dl{margin-top:45px;}
.vsCon .goal > ul > li dl dt{font-size:22px;font-weight:600;color:#333;margin-bottom: 25px;}
.vsCon .goal > ul > li dl dd{font-size: 16px;line-height:20px;font-weight:500;padding-left:10px;position:relative;margin-bottom:8px;}
.vsCon .goal > ul > li dl dd:before{content:"-";position:absolute;left:0;}
.vsCon .philosophy{margin-top:130px;text-align:center;}
.vsCon .philosophy > h4{font-size:36px;color:#333;font-weight:600;line-height:1.2;margin-bottom:50px;}
.vsCon .philosophy > h4 em{font-size:26px;font-weight:400;}


/* 연혁 */
.hstCon{background:url(/img/sub/bg_history.gif) no-repeat top center;}
.hstCon .inner > h4{padding-top:90px;text-align:center;font-size:40px;font-family: 'Exo 2', sans-serif;font-weight:700;color:#444;line-height:1.5;}
.hstCon .inner > p.cont_txt{font-size:16px;line-height:26px;text-align:center;}
.hstCon .tabBtn{width:1000px;margin:40px auto 80px;overflow:hidden;}
.hstCon .tabBtn button{float:left;border:none;width:23.5%;color:#fff;font-size:20px;font-weight:500;text-align:center;margin-right:2%;background:#8a8c8f;color:#fff;padding:15px 0;margin-bottom:10px;border-radius:30px;box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.2);}
.hstCon .tabBtn button:last-child{margin-right:0;}
.hstCon .tabBtn button.active{background:#ec1f27;}
.hstCon .tab_conBx{margin:0 50px;position:relative;}
.hstCon .tab_conBx:before{content:"";position:absolute;left:55px;top:0;width:1px;height:100%;background:#ccc;z-index:-1;}
.hstCon .tab_conBx ul{}
.hstCon .tab_conBx ul li{overflow:hidden;display:table;width:100%;margin-bottom:70px;}
.hstCon .tab_conBx ul li div.year{float:left;background:#ec1f27;border:1px solid #ec1f27;color:#fff;width:99px;height:99px;line-height:100px;text-align:center;font-size:22px;font-weight:700;border-radius:50%;}
.hstCon .tab_conBx ul li:nth-child(2n) div.year{background:#fff;border:1px solid #ec1f27;color:#ec1f27;}
.hstCon .tab_conBx ul li dl{width:87%;display:table-cell;vertical-align:middle;margin-left:150px;position:relative;}
.hstCon .tab_conBx ul li dl dt{font-size:24px;color:#333;font-weight:700;margin-bottom:20px;line-height:1.3;}
.hstCon .tab_conBx ul li dl dd{padding-left:10px;line-height:1.5;margin-bottom:5px;font-size:16px;color:#444;}
.hstCon .tab_conBx ul li dl dd:before{content:"·";position:absolute;left:0;}

/* 오시는길 */
#daumRoughmapContainer1558675272013{width:100%;position:relative;}
.mapCon .locT{position:absolute;right:40px;top:40px;background:rgba(255, 255, 255, 0.9);z-index:99;}
.mapCon .locT section{width:280px;height:315px;padding:50px 40px;}
.mapCon .locT h5{font-size:24px;color:#333;font-weight:700;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #e5e5e5;}
.mapCon .locT dl{margin-bottom:30px;}
.mapCon .locT dl dt{font-size:15px;font-weight:600;color:#333;margin-bottom:8px;}
.mapCon .locT dl dd{font-size:15px;line-height:22px;font-weight:500;}
.mapCon .locT p{font-size:15px;background:rgba(236, 31, 79, 0.85);position:relative;}
.mapCon .locT p a{display:block;color:#fff;height:55px;line-height:55px;text-indent:40px;}
.mapCon .locT p:after{content:">";position:absolute;right:40px;top:50%;margin-top:-7px;font-family:"Dotum";color:#fff;font-weight:bold;}
.mapCon .inner > section > h5{font-size:20px;color:#333;font-weight:700;margin:50px 0 10px 0;}
.mapCon .inner > section > h5 i{color:#ec1f27;}
.mapCon .inner > section > ul li{position:relative;padding-left:10px;font-size:15px;color:#555;font-weight:400;line-height:26px;}
.mapCon .inner > section > ul li:before{content:"·";position:absolute;left:0;top:0;}



/****************************************
	서비스 분야
****************************************/

/* 스마트팩토리 */
.ta_center{text-align:center;}
.subtitle{ font-size:30px; font-weight:700; color:#333; text-align:center; margin-bottom:60px; position:relative;padding-top:30px; }
.subtitle:before{content:"";position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:1px;background:red;}
.subtitle p{ font-size: 22px; font-weight: 300; color: #333; letter-spacing: -0.02em; line-height: 1.6; }

.smfCon .inner > section{margin-bottom:200px;}
.smfCon .inner > section.estCon{margin-bottom:0;}
.smfCon .topInfo{position:relative;margin-bottom:130px;}
.smfCon .topInfo .bsV{}
.smfCon .topInfo > article{background:#fff;position:absolute;bottom:-100px;right:0;width:1200px;height:260px;overflow:hidden;display:table;}
.smfCon .topInfo > article i{display:block;float:left;width:200px;height:200px;text-align:center;padding-top:70px;}
.smfCon .topInfo > article dl{margin-top:70px;width:93%;}
.smfCon .topInfo > article dl dt{font-size:26px;font-weight:700;color:#333;margin-bottom:25px;}
.smfCon .topInfo > article dl dd{font-size:17px;color:#333;line-height:28px;}


.skillArea {overflow:hidden;display: table;margin-left: auto;margin-right: auto;/* margin-bottom:100px; *//* text-align:center; */}
.skillArea li{float:left;margin-right: 30px;text-align:center;}
.skillArea li i{display: inline-block;width: 75px;height:75px;margin:0 auto;padding-top:25px;padding-left: 25px;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.2);border-radius:50%;text-align: center;transition:all 0.3s, color 0.1s 0.1s;}
.skillArea li i img{display:table-cell;vertical-align:middle;text-align:center;}
.skillArea li i:hover{background:#8a8c8f;}
.skillArea li i:hover img{-webkit-filter: brightness(4)}
.skillArea li p.txtArea {width:230px;position: relative;font-size:16px;color:#333;font-weight:500;line-height:22px;margin:20px 0;}
.skillArea li:last-child {margin-right: 0;}

/* 구축사례 */
.estCon .mt200{margin-top:200px;}
.estCon ul li, .estCon ul li dl{overflow:hidden}
.estCon ul { display:flex; flex-wrap:wrap; gap:45px 40px; }
.estCon ul li{  width:calc((100% - 40px) /2 )}
.estCon ul li dl dt{float:left;text-align:Center;width:48px;font-size:20px;color:#ec1f27;font-weight:700;border-bottom:1px solid #ec1f27;padding-bottom:10px;}
.estCon ul li dl dd{margin-left:75px;line-height:25px;font-size:15px;color:#555;}

/* 주요기능 */
.funcArea {background:#f3f3f3;padding:50px 0 25px;margin-bottom:200px;}
.funcArea ul{overflow:hidden;padding-bottom:60px;}
.funcArea ul li {float: left;overflow: hidden;width: 40%;/* text-align: center; */margin: 0 0 0 6%;/* text-align: center; */}
.funcArea ul li > p{float: left;width: 20%;height: 0;overflow: hidden;padding-bottom:20%;text-align: center;box-sizing:border-box;background:#ec1f27;color: #fff;border-radius: 50%;position:relative;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.funcArea ul li > p > i{position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-35px;}
.funcArea ul li > p > i > img {height:60px;}
.funcArea ul li:nth-child(2n){margin-left: 10%;}
.funcArea ul li dl{margin-left:30%;padding-top:15px;}
.funcArea ul li dl span{display:block;}
.funcArea ul li dl dt{font-size:20px;color:#222;font-weight:700;line-height:26px;}
.funcArea ul li dl dt em{font-size:16px;font-weight:500;width:100%;line-height:22px;margin-top:8px;}
.funcArea ul li dl dd{font-size:16px;color:#333;line-height:22px;position:relative;padding-left:15px;margin-top:10px;}
.funcArea ul li dl dd:before{content:"-";position:absolute;left:0;}
.funcArea ul li dl.carfc dd{padding-left:0;}
.funcArea ul li dl.carfc dd:before{content:"";}

.funcArea.rndfc ul li{padding-bottom:50px;}
.funcArea.rndfc ul li > p > i{position:absolute;top:50%;left:50%;margin-top:-26px;margin-left:-27px;}
.funcArea.rndfc ul li > p > i > img{height:52px;-webkit-filter: brightness(4)}
.funcArea.rndfc ul li dl{padding:30px 0;}

/* 주요고객 */
.partner ul {overflow:hidden;border:1px solid #ddd;border-right:none;border-bottom:none;}
.partner ul li{display: table;float:left;width:19.9%;height:99px;border-right:1px solid #ddd;border-bottom:0.5px solid #ddd;}
.partner ul li:nth-child(5n+1){border-left:none;}
.partner ul li p{display: table-cell;vertical-align: middle;}
.partner ul li p img{display:block;/* margin:0 auto; */margin-left: 30px;}
.partner p.img100{text-align:center;}
.partner h5{margin-top:100px;}


/* 품실방법론 */
.red_color { color:#ec1f27; }
.top_tit {text-align:center; margin-bottom:70px;margin-top:36px;}
.top_tit dl {}
.top_tit dl dt { font-size:24px; color:#333; font-weight:700; }
.top_tit dl dd { color:#333; font-weight:400; line-height:1.625em; margin-top:15px;}
.ies-pCon .bullet_tit{font-size:22px;}
.ies-pCon .inner2 > ul {margin:20px 0 40px 18px;}
.ies-pCon .inner2 > ul li{position:relative;padding-left:15px;color:#222;font-size:16px;line-height:1.5;}
.ies-pCon .inner2 > ul li:before{content:"·";position:absolute;left:0;}
.ies-pCon section dl{padding:40px;margin-top:40px;overflow:hidden;border-top:1px solid #ddd;line-height:22px;}
.ies-pCon section dl dt{float:left;width:20%;color:#333;font-weight:400;margin-bottom:10px;}
.ies-pCon section dl dd{float:right;width:80%;margin-bottom:10px;color:#555;}



/* 인사/채용 */
.recruit .subtitle{margin-bottom:20px;}
.recruit .subtext{text-align:center;font-size:20px;color:#333;font-weight:400;}
.recruit .cont_txt{text-align:center;color:#333;font-size:17px;line-height:1.5;}

/* 채용 */
.recruit .procVs{background:url(/img/sub/bg_hire.jpg) no-repeat top center;padding:90px 0 100px;margin-top:50px;}
.recruit .procVs .subtitle{color:#fff;}
.procline, .ingRcr, .consRcr{margin-bottom:150px;}
.procline ul{overflow: hidden;margin:50px 0;}
.procline ul li {float: left;width: 16.6%;text-align: center;color:#fff;font-weight:400;font-size:16px;line-height:1.2;position:relative;}
.procline ul li p{display:block;width:55%;margin: 10px auto;height: 0;padding-bottom: 55%;position:relative;background:#fff;border-radius: 50%;box-sizing:border-box;}
.procline ul li p i{position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-24px;}
.procline ul li p i img {height:48px;}
.procline ul li:last-child p{background:#ec1f27;}
.procline ul li:after{content:"";background:url(/img/sub/img_arr_w.png) no-repeat 0 0;position:absolute;right: -16px;top: 55px;width:26px;display: inline-block;height:50px;z-index: 999;}
.procline ul li:last-child:before{content:"";background:url(/img/sub/img_arr_wr.png) no-repeat 0 0;position:absolute;left: -13px;top: 55px;width:26px;display: inline-block;height:50px;z-index: 999;}
.procline ul li:nth-child(5):after, .procline ul li:last-child:after{background:none;}
.procline dl dt{}
.procline dl dt em{color:rgba(250, 250, 250, 0.5)}
 
.ingRcr {}
.ingRcr ul{overflow:hidden;border-top:1px solid #555;border-bottom:1px solid #ddd;}
.ingRcr ul li{float:left;width:33.2%;border-right:1px solid #ddd;text-align:center;}
.ingRcr ul li div{padding:60px 0;background: linear-gradient(to top, #f0f0f1, #fff 70%);}
.ingRcr ul li:last-child{border-right:none;}
.ingRcr ul li dl dt{margin:30px 0 10px;color:#333;font-size:18px;font-weight:500;}
.ingRcr ul li dl dd{line-height:20px;}
.ingRcr ul li.infogenT dl dd{font-size:30px;color:#ec1f27;font-family: 'Exo 2', sans-serif;font-weight:500;padding-bottom:10px;line-height:100%;}
.ingRcr ul li > p{border-top:1px solid #ddd;background:url(/img/sub/ico_link.jpg) no-repeat right 30% top 50%;}
.ingRcr ul li > p a{display:block;padding:20px 0;}

.consRcr{}
.consRcr h5.bullet_tit{margin-bottom:30px;font-size:22px;}
.consRcr div > dl {margin-bottom:50px;}
.consRcr div > dl > dt{font-size:18px;color:#333;font-weight:500;position:relative;padding-top:10px;line-height:100%;margin-bottom:20px;}
.consRcr div > dl > dt:before{content:"";position:absolute;top:0;left:0;width:15px;height:2px;background:#ec1f27;}
.consRcr div > dl > dd{line-height:25px;}
.consRcr .edu_tb{margin-top:0;}
.consRcr .edu_tb tbody th{border-left:1px solid #ccc;}
.consRcr .edu_tb tbody th.bdl_none{border-left:none;}
.consRcr .edu_tb tbody td.bold{color:#333;}

.ucamp{margin-top:150px;}
.ucamp .cont_txt span{display:block;margin-bottom:40px;}
.ucamp ul{overflow:hidden;border:1px solid #ccc;border-right:none;width:100%;background: linear-gradient(to top, #f0f0f1, #fff 70%);}
.ucamp ul li{float:left;width:24.9%;border-right:1px solid #ccc;text-align:center;height:120px;padding:40px 0 40px 0;}
.ucamp ul li p{margin-bottom:10px;}
.ucamp ul li dl{color:#333;}
.ucamp ul li dd{font-size:20px;margin-top:10px;font-weight:500;}
.ucamp ul li dd em{color:#ec1f27;font-size:20px;}
.ucamp ul li.campDay{background:#ec1f27;}
.ucamp ul li.campDay dl, .ucamp ul li.campDay dd em{color:#fff;}
.ucamp ul li.campDay dl{padding-top:30px;}
.ucamp ul li.campDay dd em{font-size:30px;}

.rcProcessW{background:url(/img/sub/bg_rcProcess.jpg) no-repeat left top;height:507px;padding-top:50px;margin-top:60px;}
.rcProcess{background:#fff;width:500px;margin:0 0 0 50%;padding:50px;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.rcProcess dl{margin-bottom:30px;}
.rcProcess dl dt{color:#333;font-size:17px;font-weight:500;margin-bottom:10px;}
.rcProcess dl dd{font-size:15px;line-height:1.8;color:#555;}

/* 인재육성 - 인사제도 */
.pers1 ul {margin-bottom:130px;overflow:hidden;}
.pers1 ul li {display: block;float: left;/* overflow: hidden; */width: 33.3%;/* height: 120px; */margin: 80px auto 50px;text-align: center;/* padding: 60px 144px 0 0; *//* margin: 20px; */position:relative;}
.pers1 ul li:first-child:after{content:"";background:url(/img/sub/img_arr_g.gif) no-repeat 0 0;position:absolute;right: -16px;top: 35px;width:26px;display: inline-block;height:50px;z-index: 999;}
.pers1 ul li:nth-child(2):after{content:"";background:url(/img/sub/img_arr_r.gif) no-repeat 0 0;position:absolute;right: -16px;top: 35px;width:26px;display: inline-block;height:50px;z-index: 999;}
.pers1 ul li:last-child{margin-right:0;}
.pers1 ul li > p{/* display:table-cell; */vertical-align:middle;font-size:18px;font-weight:400;width: 50%;margin: 0 auto;height: 0;/* overflow: hidden; */padding-top: 17%; padding-bottom:33%;text-align: center;box-sizing:border-box;/* background:#f5f5f5; */color: #fff;border-radius: 50%;position:relative;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.pers1 ul li > p em{font-size:16px;font-weight:300;line-height:1.5;}
.pers1 ul li:first-child > p{background:#fff;color:#6f7072;}
.pers1 ul li:nth-child(2) > p{background:#8a8c8f;}
.pers1 ul li:nth-child(3) > p{background:#ec1f27;}

.pers2 .subtext{font-weight:700;margin:30px 0 10px;}
.pers2 .cont_txt {margin-bottom:50px;}
.pers2 .cont_txt span{display:block;}
.comps ul{overflow: hidden;margin-top:30px;}
.comps ul li {float: left;width: 33.2%;text-align: center;border-right: 1px dashed #ddd;color:#222;font-weight:700;font-size:16px;line-height:1.2;}
.comps ul li:last-child{border-right:none;}
.comps ul li dl dt em{border-bottom:1px solid #222;padding-bottom:8px;}
.comps ul li dl dt em:after{}
.comps ul li p{display:block;width: 47%;margin: 20px auto;height: 0;padding-bottom: 46%;position:relative;background:#ec1f27;border-radius: 50%;box-sizing:border-box;}
.comps ul li p i{position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-26px;}
.comps ul li p i img {height:48px;}
.evptxt p{font-size:24px;margin-bottom:20px;font-weight:700;color:#333;}
.evptxt p em{color:#ec1f27;}

/* 인재육성 - 육성체계 */
.ub_cdp .bullet_tit{font-size:22px;}
.ub_cdp .img100{margin:20px 0 10px 0;}
.ub_cdp dl dd {margin-top:13px;position:relative;padding-left:43px;font-size:15px;}
.ub_cdp dl dd em{display:inline-block;border:2px solid #ec1f27;width:30px;height:18px;line-height:20px;border-radius:3px;position:absolute;top:-3px;left:8px;}
.ub_edu{margin-top:60px;}
.ub_edu .cont_txt{text-align:left;padding-left:25px;padding-top:5px;}
.ub_edu .table { margin-top:30px;}
.ub_edu .table .th {}
.ub_edu .table .th ul {}
.ub_edu .table .th ul li { float:left; width:16.66666666667%; text-align:center; background:#f3f3f3; border:1px solid #555; height:60px; line-height:60px; font-weight:700;  font-size:15px; border-radius:3px; margin-right:0.83333333333%; box-shadow:3px 3px 5px rgba(0,0,0,0.15); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ub_edu .table .th ul li:nth-child(2) { width:26.66666666667%;}
.ub_edu .table .th ul li:last-child { width:55%; margin:0;}

table.edu_tb{font-size:15px;margin-top:30px;border-top:1px solid #555;border-bottom:1px solid #555;word-break:keep-all; word-wrap:break-word;}
table.edu_tb thead th{border:1px solid #555;color:#333;background:#f3f3f3;box-shadow:5px 5px 5px rgba(0,0,0,0.2);border-radius:5px;padding:20px 0;text-align:center;}
table.edu_tb tbody{margin-top:30px;}
table.edu_tb tbody tr{}
table.edu_tb tbody th{background:#fdf7f7;color:#ec1f27;padding:25px;margin-bottom:20px;}
table.edu_tb tbody td{padding:25px;border-top:1px solid #ccc;border-left:1px solid #ccc;}
table.edu_tb tbody td.bold{font-weight:500;}
table.edu_tb tbody td ul{overflow:hidden;}
table.edu_tb tbody td ul li{float:left;width:47%;position:relative;padding-left:3%;line-height:1.5;}
table.edu_tb tbody td ul li:before{content:"·";position:absolute;left:0;}
table.edu_tb .bdl_none{border-left:none;}
.bd_bl{border-top:1px solid #555 !important;}


/* 복리후생 */
.benefit{overflow:hidden;margin-top:30px;}
.benefit li {float: left;overflow: hidden;width: 33.3%;/* text-align: center; */margin: 60px 0 0 0;/* text-align: center; */}
.benefit li > p{float: left;width: 25%;height: 0;overflow: hidden;padding-bottom:25%;text-align: center;box-sizing:border-box;background:#f5f5f5;color: #fff;border-radius: 50%;position:relative;}
.benefit li > p > i{position:absolute;top:50%;left:50%;margin-top:-27px;margin-left:-30px;}
.benefit li > p > i > img {height:50px;}
.benefit li dl{margin-left:33%;padding-top:10px;}
.benefit li dl span{display:block;}
.benefit li dl dt{font-size:18px;color:#222;font-weight:700;line-height:22px;}
.benefit li dl dd{font-size:16px;color:#333;line-height:22px;position:relative;margin-top:10px;}


/* ESG (공통) */
.esg *{ line-height: 1.3; box-sizing: border-box; }
.esg img{ max-width: 100%; }
.esg .subtitle{ margin-top: 60px; }

.esg .red-link{ max-width: max-content; display: flex; justify-content: center; align-items: center; background: #FFF; border: 1px solid #EC1F27; border-radius: 0 10px 0 10px; font-size: 22px; font-weight: 500; color: #333; letter-spacing: -0.02em; padding: 20px 40px; margin-left: auto; }
.esg .red-link img{ margin-left: 15px; }

.esg .esg-intro{ margin-bottom: 60px; }
.esg .esg-intro .text-box{ max-width: calc(100% - 20px); width: 800px; background: #FFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); margin: 0 auto; padding: 70px; text-align: center; margin-top: -100px; position: relative; z-index: 10; }
.esg .esg-intro .text-box h5{ font-size: 26px; font-weight: 600; color: #333; letter-spacing: -0.02em; margin-bottom: 15px; }
.esg .esg-intro .text-box h5 em{ color: #ec1f27; }
.esg .esg-intro .text-box p{ font-size: 18px; font-weight: 300; color: #333; letter-spacing: -0.02em; line-height: 1.6; }


.esg .document{ background: #F5F5F5; padding: 60px 0 120px; }
.esg .document .inner{ margin-top: 0 !important; margin-bottom: 0 !important; }
.esg .document .subtitle{ margin-top: 0; }
.esg .document .white{ background: #FFF; padding: 100px; }
.esg .document .tit{ text-align: center; }
.esg .document .tit h6{ font-size: 22px; font-weight: 300; color: #333; letter-spacing: -0.02em; margin-top: 60px; }
.esg .document .tit h6 strong{ font-weight: 600; }

.esg .document .innerBox{ max-width: 800px; width: 100%; margin: 0 auto; }
.esg .document .innerBox::before{ content: ""; display: block; height: 1px; background: #DDD; margin: 80px 0; }
.esg .document .innerBox ul li{ display: flex; font-size: 18px; font-weight: 400; color: #333; letter-spacing: -0.02em; line-height: 1.8; }
.esg .document .innerBox ul li:not(:last-of-type){ margin-bottom: 40px; }
.esg .document .innerBox ul li span{ display: inline-block; width: 60px; font-weight: 600; line-height: inherit; }
.esg .document .innerBox ul li span + p{ width: calc(100% - 60px); line-height: inherit; }
.esg .document .innerBox ul.num li{ padding-left: 60px; position: relative; }
.esg .document .innerBox ul.num li::before{ content: attr(data-num); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: #EC1F27; border-radius: 50%; font-size: 18px; font-weight: 600; color: #FFF; line-height: 1; position: absolute; top: 0; left: 0; }

.esg .document .info{ max-width: max-content; margin: 0 auto; margin-top: 80px; }
.esg .document .info p{ font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.02em; }
.esg .document .info p span{ letter-spacing: 0.5em; margin-left: 15px; }
.esg .document .info .date{ text-align: center; margin-bottom: 40px; }
.esg .document .info .company{ display: inline-block; padding: 7px 0; border-bottom: 1px solid #999; }
.esg .document .info .name{ display: flex; justify-content: center; align-items: flex-end; }
.esg .document .info .name p{ font-size: 24px; margin-right: 30px; }


.esg .inquiry .subtitle{ margin-bottom: 20px; }
.esg .inquiry .subtitle + p{ font-size: 17px; font-weight: 400; color: #555; letter-spacing: -0.02em; line-height: 1.6; text-align: center; margin-bottom: 80px; }
.esg .inquiry .bullet_tit{ margin-bottom: 30px; }
.esg .inquiry .sec:not(:last-of-type){ margin-bottom: 100px; }
.esg .inquiry .p-box{ padding-left: 25px; }
.esg .inquiry .p-box p{ font-size: 16px; font-weight: 300; color: #222; letter-spacing: -0.02em; padding-left: 18px; position: relative; }
.esg .inquiry .p-box p:not(:last-of-type){ margin-bottom: 12px; }
.esg .inquiry .p-box p::before{ content: ""; width: 3px; height: 3px; background: #222; border-radius: 50%; position: absolute; top: calc(1.3em / 2); left: 0; }
.esg .inquiry .img-box{ position: relative; }
.esg .inquiry .img-box .link{ max-width: 1080px; width: 90%; position: absolute; top: 50%; left: 50%; right: 0; transform: translate(-50%, -50%); }


/* ESG 성명서 */
.statement h5{ font-size: 26px; font-weight: 500; color: #333; letter-spacing: -0.02em; line-height: 1.6; text-align: center; padding: 80px 0; }
.statement .gray{ position: relative; }
.statement .gray::before{ content: ""; width: 100%; height: 50%; background: #F5F5F5; position: absolute; top: 0; left: 0; }
.statement .flex-box{ max-width: 1040px; width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto; margin-bottom: -60px; }
.statement .flex-box .item{ width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 60px; position: relative; }
.statement .flex-box .item:nth-of-type(3n){ margin-right: 0; }
.statement .flex-box .img{ width: 100%; position: relative; overflow: hidden; padding-bottom: 117.65%; }
.statement .flex-box .img > img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.statement .flex-box .text{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; padding: 0 20px; }
.statement .flex-box .text p{ font-family: 'Exo 2', sans-serif; font-size: 22px; font-weight: 700; color: #FFF; letter-spacing: -0.02em; margin-top: 20px; }
.statement .flex-box dl{ text-align: center; }
.statement .flex-box dl dt{ font-size: 24px; font-weight: 600; color: #333; margin: 30px 0; }
.statement .flex-box dl dd{ font-size: 16px; font-weight: 400; color: #666; letter-spacing: -0.02em; line-height: 1.3; }
.statement .flex-box dl dd:not(:last-of-type){ margin-bottom: 10px; }

.statement .sign{ display: flex; justify-content: center; align-items: flex-end; margin-top: 120px; }
.statement .sign p{ font-size: 24px; font-weight: 400; color: #555; letter-spacing: -0.02em; letter-spacing: -0.02em; margin-right: 30px; }
.statement .sign p span{ letter-spacing: 0.5em; margin-left: 15px; }


/* 환경경영 */
.environment .action .flex-box{ display: flex; flex-wrap: wrap; margin-bottom: -40px; }
.environment .action .flex-box .item{ width: calc(100% / 3); padding: 0 30px; margin-bottom: 40px; }
.environment .action .flex-box .item:not(:last-of-type){ border-right: 1px solid #CCC; }
.environment .action .flex-box .icon{ width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; background: #EC1F27; border-radius: 50%; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25); margin: 0 auto; }
.environment .action dl{ max-width: 285px; margin: 0 auto; }
.environment .action dl dt{ font-size: 24px; font-weight: 600; color: #333; letter-spacing: -0.02em; text-align: center; margin: 30px 0; }
.environment .action dl dd{ font-size: 16px; font-weight: 400; color: #666; letter-spacing: -0.02em; line-height: 1.4; padding-left: 15px; position: relative; }
.environment .action dl dd::before{ content: "-"; line-height: inherit; position: absolute; top: 0; left: 0; }
.environment .action dl dd:not(:last-of-type){ margin-bottom: 10px; }


/* 윤리경영 */
.ethical .doctrine{ background: #EEE; padding: 80px 0; }
.ethical .doctrine .inner{ margin-top: 0 !important; margin-bottom: 0 !important; }
.ethical .doctrine .flex-box{ display: flex; justify-content: center; align-items: center; margin-bottom: -10px; }
.ethical .doctrine .flex-box figure{ max-width: calc((100% - 10px) / 2); margin: 0; margin-bottom: 10px; }
.ethical .doctrine .flex-box figure:nth-of-type(odd){ margin-right: 10px; }
.ethical .doctrine .red-link{ margin: 0 auto; margin-top: 80px; }


/* 소통채널 */
.communication *{ line-height: 1.3; box-sizing: border-box; }
.communication section:not(:last-of-type){ margin-bottom: 100px; }
.communication label{ cursor: pointer; }
.communication input[type="radio"]{ cursor: pointer; }

.communication .form-top{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 5px 30px; margin-bottom: 30px; }
.communication .form-top h6{ font-size: 22px; font-weight: 500; color: #333; letter-spacing: -0.02em; }
.communication .form-top p{ font-size: 18px; font-weight: 300; color: #333; letter-spacing: -0.02em; }
.communication .form-top span{ color: #EC1F27; }
.communication .form-top input{ vertical-align: baseline; }

.communication table .star{ font-size: 15px; line-height: 1.6; padding-left: 15px; position: relative; margin-top: 10px; }
.communication table .star::before{ content: "*"; position: absolute; top: 2px; left: 0; line-height: inherit; }
.communication .flex{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.communication .flex input{ margin: 0; }
.communication .flex input[type="radio"]{ vertical-align: baseline; }
.communication .minH{ min-height: 25px; }
.communication .file input{ margin: 0; }
.communication .file p{ margin-top: 0; }
.communication .fileBtn{ display: inline-block; background: #666; border-radius: 2px; font-size: 15px; font-weight: 400; color: #FFF; letter-spacing: -0.02em; padding: 8px 25px; }
.communication .fileBtn input{ display: none; }

.communication .sliding-box{ border-top: 2px solid #666; }
.communication .sliding-box .item > div{ border-bottom: 1px solid #DDD; }
.communication .sliding-box .tit{ display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.communication .sliding-box .tit p{ width: calc(100% - 80px); font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.02em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  padding: 20px 0; padding-right: 100px; position: relative; box-sizing: border-box; }
.communication .sliding-box .tit p span{ width: 80px; font-size: 15px; font-weight: 300; color: #666; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.communication .sliding-box .tit p span::after{ content: url("/img/sub/sliding_arrow.png"); display: inline-block; margin-left: 7px; position: relative; top: -1px; }
.communication .sliding-box .on .tit p span::after{ top: 4px; transform: rotate(180deg); }
.communication .sliding-box .content{ padding: 20px 0; display: none; }
.communication .sliding-box .policy *{ font-size: 15px; font-weight: 300; color: #333; line-height: 1.6; letter-spacing: -0.02em; }
.communication .sliding-box .policy dl:not(:last-of-type){ margin-bottom: 20px; }

@media screen and (hover: hover){
	.esg .red-link:hover{ background: #EC1F27; color: #FFF; }
	.esg .red-link:hover img{ filter: brightness(8); -webkit-filter: brightness(8); }
}

@media screen and (max-width: 1200px){
	/* 소통채널 */
	.communication br{ display: none; }
}

@media screen and (max-width: 1100px){
	/* ESG (공통) */
	.esg .red-link{ font-size: 17px; padding: 15px 20px; }

	.esg .esg-intro .text-box{ padding: 40px; margin-top: -40px; }
	.esg .esg-intro .text-box h5{ font-size: 1.3em; margin-bottom: 10px; }
	.esg .esg-intro .text-box p{ font-size: 17px; }

	.esg .document{ padding: 60px 0; }
	.esg .document .white{ padding: 40px 30px; }
	.esg .document .tit h6{ font-size: 18px; margin-top: 30px; }
	.esg .document .innerBox::before{ margin: 40px 0; }
	.esg .document .innerBox ul li{ font-size: 16px; }
	.esg .document .innerBox ul li:not(:last-of-type){ margin-bottom: 20px; }
	.esg .document .innerBox ul.num li{ padding-left: 40px; }
	.esg .document .innerBox ul.num li::before{ width: 30px; height: 30px; font-size: 14px; }
	.esg .document .info{ margin-top: 40px; }
	.esg .document .info p{ font-size: 17px; }
	.esg .document .info p span{ margin-left: 10px; }
	.esg .document .info .date{ margin-bottom: 20px; }
	.esg .document .info .name p{ font-size: 1.1em; margin-right: 20px; }
	.esg .document .info .name img{ height: 50px; }

	.esg .inquiry .bullet_tit{ margin-bottom: 15px; }
	.esg .inquiry .subtitle + p{ font-size: 16px; margin-bottom: 40px; }
	.esg .inquiry .sec:not(:last-of-type){ margin-bottom: 60px; }

	/* ESG 성명서 */
	.statement h5{ font-size: 1.2em; padding: 50px 0; }
	.statement .flex-box .text p{ font-size: 1.4em; }
	.statement .flex-box dl dt{ font-size: 1.3em; margin: 20px 0 15px; }
	.statement .flex-box dl dd{ font-size: 16px; }
	.statement .flex-box dl dd:not(:last-of-type){ margin-bottom: 5px; }

	.statement .sign{ margin-top: 60px; }
	.statement .sign p{ font-size: 1.1em; margin-right: 20px; }
	.statement .sign p span{ margin-left: 10px; }
	.statement .sign img{ height: 50px; }

	/* 환경경영 */
	.environment .action dl dt{ font-size: 1.2em; margin: 20px 0; }

	/* 윤리경영 */
	.ethical .doctrine{ padding: 40px 0; }
	.ethical .doctrine .red-link{ margin-top: 40px; }

	/* 소통채널 */
	.communication .form-top{ margin-bottom: 15px; }
	.communication .form-top h6{ font-size: 20px; }
	.communication .form-top p{ font-size: 15px; }

	.communication .fileBtn{ font-size: 13px; padding: 5px 15px; }

	.communication .sliding-box .tit p{ width: calc(100% - 60px); font-size: 16px; padding: 15px 0; padding-right: 90px; }
	.communication .sliding-box .tit p span{ font-size: 14px; }
}

@media screen and (max-width: 960px){
	/* 환경경영 */
	.environment .action .flex-box .item{ width: 50%; }
	.environment .action .flex-box .item:nth-of-type(even){ border-right: none; }

	/* 인권경영 */
	.human .document br{ display: none; }

	/* 소통채널 */
	.communication table colgroup{ display: none; }
	.communication table tr{ width: 100%; display: flex; flex-wrap: wrap; }
	.communication table th{ width: 25%; display: flex; justify-content: center; align-items: center; border-left: none !important; }
	.communication table td{ width: 75%; }
}

@media screen and (max-width: 900px){
	/* ESG 성명서 */
	.statement .gray::before{ height: 30%; }
	.statement .flex-box .item{ width: calc((100% - 10px) / 2); }
	.statement .flex-box .item:nth-of-type(3n){ margin-right: 10px; }
	.statement .flex-box .item:nth-of-type(2n){ margin-right: 0; }
}

@media screen and (max-width: 850px){
	/* ESG (공통) */
	.esg br{ display: none; }
}

@media screen and (max-width: 650px){
	/* ESG 성명서 */
	.statement .gray::before{ height: 20%; }
	.statement .flex-box{ justify-content: center; }
	.statement .flex-box .item{ max-width: 300px; width: 100%; margin-right: 0 !important; }

	/* 환경경영 */
	.environment .action .flex-box{ justify-content: center; }
	.environment .action .flex-box .item{ max-width: 400px; width: 100%; border-right: none !important; padding-bottom: 40px; }
	.environment .action .flex-box .item:not(:last-of-type){ border-bottom: 1px solid #CCC; }
}

@media screen and (max-width:460px){
	/* ESG (공통) */
	.esg .red-link{ font-size: 15px; padding: 12px 17px; }
	.esg .red-link img{ height: 13px; }


	.esg .esg-intro .text-box{ padding: 25px 20px; margin-top: -60px; }
	.esg .esg-intro .text-box h5{ font-size: 1.2em; }
	.esg .esg-intro .text-box p{ font-size: 15px; }

	.esg .document .tit h6{ font-size: 17px; }
	.esg .document .innerBox ul li{ font-size: 15px; }
	.esg .document .innerBox ul li span{ width: 45px; }
	.esg .document .innerBox ul li p{ width: calc(100% - 45px); }
	.esg .document .info p{ font-size: 14px; }
	.esg .document .info .name p{ font-size: 1em; }
	.esg .document .info .name img{ height: 40px; }

	.esg .inquiry .subtitle + p{ font-size: 15px; }
	.esg .inquiry .p-box p{ font-size: 15px; padding-left: 12px; }
 
	/* ESG 성명서 */
	.statement .flex-box dl dt{ font-size: 1.2em; }
	.statement .flex-box dl dd{ font-size: 14px; }

	/* 환경경영 */
	.environment .action dl dd{ font-size: 15px; }

	/* 소통채널 */
	.communication .form-top h6{ font-size: 16px; }
	.communication .form-top p{ font-size: 14px; }
	
	.communication table .star{ font-size: 13px; padding-left: 10px; }
	.communication .fileBtn{ font-size: 12px; } 

	.communication .sliding-box .tit p{ font-size: 14px; }
	.communication .sliding-box .tit p span{ font-size: 13px; }

	.communication .sliding-box .policy *{ font-size: 13px; }
}