@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:85px; z-index:999;}
.sub-tab-list-style ul{display:flex; width:100%; height:100%; justify-content:center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ position:relative; width:20%; max-width:200px; background-color:#fff; border:1px solid #e5e5e5; margin:0 2.5px;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; background-color:#f5f5f5; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:rgba(49,49,49,0.8); font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#0086ce; border-color:#0086ce}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}
/* -------- 공통 :: dot 텍스트 -------- */
.dot-txt {position:relative; padding-left:20px; font-size: 17px; line-height:1.52;  color:rgba(49,49,49,0.7); letter-spacing:-0.5px; }
.dot-txt:before {content:""; width:3px; height:3px; background-color: rgba(0,0,0,0.5); position:absolute; left:5px; top:10px;}
@media all and (max-width:800px){
	.dot-txt {font-size:14px; padding-left:15px;}
	.dot-txt:before {top:9px;}
}

/* -------- 공통 :: 테이블 -------- */
.sub-tbl {width: 100%; border-collapse: separate;}
.sub-tbl thead th , .sub-tbl thead td {font-size:16px; color:#fff; background-color: #0086ce; font-weight:400; padding:17px 20px;}
.sub-tbl thead td {text-align:left; border-left:1px solid rgba(255,255,255,0.5); text-align:center;}
.sub-tbl tbody th {background-color: #f5f5f5; font-size:20px; color:rgba(17,17,17,0.9); border-bottom:1px solid #ddd; }
.sub-tbl tbody th em {font-size:16px;}
.sub-tbl tbody td {border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:28px 40px;  font-size: 16px; line-height:1.52; color:rgba(17,17,17,0.8); letter-spacing:-0.5px;}
@media all and (max-width:800px){
	.sub-tbl tbody th {font-size:15px; min-width: 100px;}
	.sub-tbl tbody td {padding:15px 20px; font-size:13px;}
	.sub-tbl thead th , .sub-tbl thead td {font-size:13px; padding:15px;}
	.sub-tbl tbody th em {font-size:13px;} 
}

/* ******************  
	회사소개 
********************** */
/* ******************  오시는길 ********************** */
.place-list-style06 .place-list-item {position:relative; display:table; width:100%; border:1px solid #ddd; margin-top:30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.place-list-style06 .place-list-item:first-child {margin-top:0;}
.place-list-style06 .place-list-item .img-con {display:table-cell; vertical-align:middle; width:44.08%;}
.place-list-style06 .place-list-item .img-con .img-wrap {position:relative; display:block; padding-top:363px; background-size:cover !imporant;}
.place-list-style06 .place-list-item .img-con .img-wrap img {display:none; width:100%;}
.place-list-style06 .place-list-item .txt-con { display:table-cell; vertical-align:middle; width:55.92%; padding:0 85px 0 5%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.place-list-style06 .place-list-item .txt-con .info-tit {display:block; font-size: 32px; color:#262626; letter-spacing:-0.5px; font-weight:500; padding-bottom:20px;}
.place-list-style06 .place-list-item .txt-con .info {position:relative; display:inline-block; padding-left:30px; color:rgba(38,38,38,0.8); font-size:18px; line-height:1.3; letter-spacing:-0.5px; margin-top:22px; margin-right:28px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.place-list-style06 .place-list-item .txt-con .info.long {display:block; }
.place-list-style06 .place-list-item .txt-con .info i {position:absolute; left:0; top:0; }
.place-list-style06 .place-list-item .txt-con .point-box {display:table;  background-color: #f1f1f1; border-radius:7px;color:rgba(38,38,38,0.8); font-size:16px; letter-spacing:-0.5px; margin-top:25px; padding:15px 0;}
.place-list-style06 .place-list-item .txt-con .point-box .tit {display:table-cell; vertical-align:middle; font-weight:500; padding:0 20px;}
.place-list-style06 .place-list-item .txt-con .point-box .txt:before {content:""; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height: 14px; background-color: rgba(0,0,0,0.1);}
.place-list-style06 .place-list-item .txt-con .point-box .txt {position:relative; display:table-cell; vertical-align:middle; padding:0 20px; line-height:1.3; }
.place-list-style06 .place-list-item .txt-con .link-btn {position:absolute; display:block; width:70px; height:100%; right:-1px; top:0; background-color:#c2c2c2; color:#fff; padding-bottom:70px; transition: all 0.4s; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.place-list-style06 .place-list-item .txt-con .link-btn:before {content:""; display:block; position:absolute; bottom:0; width:100%; height:70px; border-top:1px solid rgba(255,255,255,0.2); background:url("/images/content/location_marker_icon.png") center no-repeat; z-index:9;}
.place-list-style06 .place-list-item .txt-con .link-btn .inner-box {display:table; width:100%; height:100%; }
.place-list-style06 .place-list-item .txt-con .link-btn .inner-box .inner {display:table-cell; vertical-align:middle;}
.place-list-style06 .place-list-item .txt-con .link-btn span {display:block; width:100%; text-align:center; font-size:18px; line-height:1.2; }
.place-list-style06 .place-list-item .txt-con .link-btn span.opacity {opacity:0.6;filter:Alpha(opacity=60);}
.place-list-style06 .place-list-item .txt-con .link-btn span.opacity.first {margin-top:7px;}
.place-list-style06 .place-list-item .txt-con .link-btn:hover {background-color: #0086ce;}

/* ******************  
	사업영역 
********************** */
/* ******************  사업영역 :: 공통 ********************** */
/* -------- 사업영역 :: 공통 :: 타이틀  -------- */
/* 동그라미 타이틀 */
.business-con-item {margin-top:65px;}
.business-con-item:first-child {margin-top:0;}
.business-con-item .tit {position:relative; display:block; font-size: 28px; color:#313131; padding-left:20px; margin-bottom:20px; }
.business-con-item .tit:before {content:""; width:14px; height:16px; background:url("/images/content/sub_tit_circle.png") no-repeat; position:absolute; left:0; top:0; }
.business-con-item .dot-txt {margin-top:10px; }
.business-con-item .dot-txt:first-child {margin-top:0;}
.business-con-item .inner {background-color: #f7f7f7; padding:20px; margin-top: 20px;}
.business-con-item .inner .dot-txt {font-size: 16px; color:rgba(49,49,49,0.6)}
.business-con-item .inner .dot-txt:before {top:13px; background-color:#9d9d9d;}
/* bar 타이틀 */
.business-tit {position:relative; padding-left:32px; display:block; font-size: 32px; letter-spacing:-0.5px; color:#111; font-weight:500; margin-bottom:30px;}
.business-tit.en {font-weight:700;}
.business-tit span {display:inline-block; margin-left: 10px; font-size: 24px; font-weight:400; opacity:0.5;filter:Alpha(opacity=50);}
.business-tit:before {content:""; width:18px; height:3px; background-color:#0086ce; position:absolute; left:0; top:15px;}
@media all and (max-width:800px){
	/* 동그라미 타이틀 */
	.business-con-item {margin-top:0px; padding:30px 0; border-top:1px solid #ddd; }
	.business-con-item:first-child {border-top:0;}
	.business-con-item .tit  {font-size: 19px; padding-left:15px; margin-bottom:10px;}
	.business-con-item .tit:before {width:10px; background-size:10px; top:-5px;}
	.business-con-item .inner .dot-txt {font-size: 13px; }
	.business-con-item .inner .dot-txt:before {top:10px;}
	/* bar 타이틀 */ 
	.business-tit {font-size: 21px; padding-left: 22px; margin-bottom:20px;}
	.business-tit:before  {width:13px; top:10px;}
	.business-tit span {display:block; font-size:17px; margin-left:0; margin-top:5px;}
}

/* -------- 사업영역 :: 공통 :: 사업소개  -------- */
/* 상단 배경 컨텐츠 */
.business-intro-top {position:relative; }
.business-intro-top .txt-box {position:absolute; top:0; left:0; width:58%; height:100%;  padding:0 6.25%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.business-intro-top .txt-box .txt {display:table-cell; vertical-align:middle; font-size: 20px; letter-spacing:-1px; line-height:1.8; color:#2c2c2c; opacity:0.95;filter:Alpha(opacity=95);}
.business-intro-top .bg-box { position:relative; overflow:hidden; z-index:-1;}
.business-intro-top .bg-box .bg-wrap {display:block; width:50.5%; margin:0 0 0 auto; position:relative; padding-top:404px;}
.business-intro-top .bg-box .bg-wrap img {position:absolute; top:0; left:50%; transform:translateX(-50%);}
.cutting-page .business-intro-top .bg-box {background-color:#044f81;}
.cleaning-page .business-intro-top .bg-box {background-color:#faf1de;}
.coating-page .business-intro-top .bg-box {background-color:#dce9f0;}
.display-page .business-intro-top .bg-box {background-color:#186bac;}
.display-page .business-intro-top .txt-box .txt {color:rgba(255,255,255,0.95);}
.business-intro-top .txt-box .txt.white{color:rgba(255,255,255,0.95);}
/* 하단 컨텐츠 */
.business-intro-bottom {display:table; width:100%; margin-top:90px;}
.business-intro-bottom .img-box {display:table-cell; vertical-align:middle; width:51.16%;}
.business-intro-bottom .img-box img {width:100%;}
.business-intro-bottom .txt-box {display:table-cell; vertical-align:middle; width:48.84%; padding-left:7.5%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }

@media all and (max-width:1024px){
	/* 상단 배경 컨텐츠 */
	.business-intro-top .txt-box {width:50%; padding:0 20px;}
}
@media all and (max-width:800px){
	/* 상단 배경 컨텐츠 */
	.business-intro-top .txt-box {width:100%; position:static; padding:30px 20px; text-align:center;}
	.business-intro-top .txt-box .txt {font-size:15px;}
	.business-intro-top .bg-box .bg-wrap {width:100%; padding:0;}
	.business-intro-top .bg-box .bg-wrap img {position:static; transform:none; width:100%; }
	.cutting-page .business-intro-top .txt-box {background-color:#044f81;}
	.cleaning-page .business-intro-top .txt-box {background-color:#faf1de;}
	.coating-page .business-intro-top .txt-box {background-color:#dce9f0;}
	.display-page .business-intro-top .txt-box {background-color:#186bac;}
	/* 하단 컨텐츠 */
	.business-intro-bottom {display:block; margin-top:50px; text-align:center;}
	.business-intro-bottom .img-box {display:inline-block; width:75%; }
	.business-intro-bottom .txt-box {display:block;  width:100%; padding-left:0%; text-align:left; margin-top:30px;}
}
@media all and (max-width:480px){
	/* 하단 컨텐츠 */
	.business-intro-bottom .img-box {width:100%;}
}

/* -------- 사업영역 :: 공통 :: 적용분야style01  -------- */
.business-part-style01 .con-box{margin-top: 100px;}
.business-part-style01 .con-box:first-child  {margin-top: 0;}
.business-part-style01 .img-list {display:flex; flex-wrap:wrap; margin:-1.03% -0.51%}
.business-part-style01 .img-list li {width: 18.96%; margin:1.03% 0.51%; text-align:center;}
.business-part-style01 .img-list li .img-wrap {position:relative; display:block; padding-top:73.68%; border:1px solid #ddd; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.business-part-style01 .img-list li .tit {display:block; font-size:18px; font-weight:400; color: #111; margin-top:15px; }
@media all and (max-width:800px){
	.business-part-style01 .con-box{margin-top: 50px;}
	.business-part-style01 .img-list { margin:-7.5px -1%}
	.business-part-style01 .img-list li {width: 31.25%; margin:7.5px 1%;}
	.business-part-style01 .img-list li .tit  {font-size:14px;}
}
@media all and (max-width:480px){
	.business-part-style01 .img-list li {width: 48%; }
}
/* -------- 사업영역 :: 공통 :: 적용분야style02  -------- */
.business-part-style02 .business-part-style02-inner {margin-top:100px;}
.business-part-style02 .business-part-style02-inner:first-child {margin-top:0;}
.business-part-style02 .business-tit {margin-bottom:40px;}
.business-part-style02 .con-box {margin-top:85px;}
.business-part-style02 .con-box:first-child {margin-top:0;}
.business-part-style02 .con-box .item-tit  {position:relative; display:block; font-size: 26px; color:#111; padding-left:20px; margin-bottom:20px; font-weight:500;}
.business-part-style02 .con-box .item-tit:before {content:""; width:14px; height:16px; background:url("/images/content/sub_tit_circle.png") no-repeat; position:absolute; left:0; top:5px; }
.business-part-style02 .business-part-item-wrap {display:flex; flex-wrap:wrap; margin:-1.14% -1.79%; }
.business-part-style02 .business-part-item-wrap .business-part-item {width:46.42%; margin:1.14% 1.79%;}
.business-part-style02 .business-part-item .tit-box {height:auto; min-height:49px; text-align:center; padding:15px; background-color: #f5f5f5; border:1px solid #e6e6e6; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.business-part-style02 .business-part-item .tit-box .tit {font-size:20px; color:#111; font-weight:400; }
.business-part-style02 .business-part-item .img-list {display:flex; margin:0 -6px;}
.business-part-style02 .business-part-item .img-list li {width:282px; margin:12px 6px;}
.business-part-style02 .business-part-item .img-list dl { border:1px solid #ddd; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.business-part-style02 .business-part-item .img-list .img-wrap {position:relative; padding-top:73.49%; display:block; }
.business-part-style02 .business-part-item .img-list dd {display:table; width:100%; min-height:50px; padding:10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.business-part-style02 .business-part-item .img-list .txt {display:table-cell; vertical-align:middle; font-size: 18px; color:rgba(17,17,17,0.8); text-align:center; line-height: 1.4;}
@media all and (max-width:800px){
	.business-part-style02 .business-part-style02-inner {margin-top:50px;}
	.business-part-style02 .business-tit {margin-bottom:20px;}
	.business-part-style02 .con-box {margin-top:45px;}
	.business-part-style02 .con-box .item-tit  {font-size:18px;}
	.business-part-style02 .con-box .item-tit:before {width:10px; background-size:10px auto; }
	.business-part-style02 .business-part-item .tit-box {min-height:40px; padding:5px 10px;}
	.business-part-style02 .business-part-item .tit-box .tit {font-size:15px;}
	.business-part-style02 .business-part-item .img-list dd  {min-height:40px;}
	.business-part-style02 .business-part-item .img-list .txt {font-size:14px;}
}
@media all and (max-width:640px){
	.business-part-style02 .business-part-item-wrap {display:block;margin: 0; }
	.business-part-style02 .business-part-item-wrap .business-part-item {width:100%; margin:10px 0;}
	.business-part-style02 .business-part-item .img-list {margin:0 -1%;}
	.business-part-style02 .business-part-item .img-list li {width:48%; margin:2% 1%;}

}
/* -------- 사업영역 :: 공통 :: 적용분야style03  -------- */
.business-part-style03 .business-part-list-box {border-top:1px solid #000;}
.business-part-style03 .business-part-list-item {position:relative; padding:5.83% 2.75% 5.83% 1.83%; border-bottom:1px solid #ddd;}
.business-part-style03 .business-part-list-item .img-box {width:50%; padding-left:10.25%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.business-part-style03 .business-part-list-item .img-box .img-wrap {position:relative; padding-top:55.5%; }
.business-part-style03 .business-part-list-item .img-box .img-wrap span { display:block;}
.business-part-style03 .business-part-list-item .txt-box {width:50%;}
.business-part-style03 .business-part-list-item .txt-box .tit {font-size: 28px; letter-spacing:-0.5px; color:#222; transition: color 0.4s; }
.business-part-style03 .business-part-list-item .txt-box .txt {font-size: 16px; line-height:2em; letter-spacing:-0.5px; color:#777; margin-top:5.4%; transition: color 0.4s; }

@media all and (max-width:1024px){
	.business-part-style03 .business-part-list-item .img-box {padding-left: 0; }
	.business-part-style03 .business-part-list-item .txt-box .txt br {display:none;}
}
@media all and (max-width:800px){
	.business-part-style03 .business-part-tit {font-size: 31px; margin-bottom:45px;}
	.business-part-style03 .business-part-list-item {padding:30px 15px;}
	.business-part-style03 .business-part-list-item .txt-box .tit {font-size: 19px;}
	.business-part-style03 .business-part-list-item .txt-box .txt {font-size: 13px; }
}
@media all and (max-width:640px){
	.business-part-style03 .business-part-list-item .table-layout {display:block;}
	.business-part-style03 .business-part-list-item .table-cell-layout {display:block; width:100%;}
	.business-part-style03 .business-part-list-item .img-box {margin-top:5.4%;}
	.business-part-style03 .business-part-list-item .img-box .img-wrap span {top:5%; left:5%; right:5%; bottom:5%; }
}

/* ******************  사업영역 :: 정밀가공 ********************** */
/* -------- 정밀가공 :: 주요설비  -------- */
.cutting-page .business-facility-con .business-tit {margin-bottom:50px;}
.cutting-page .business-facility-con .tbl-tit {display:block; font-size: 24px; letter-spacing:-0.5px; color:#111; font-weight:500; margin-bottom:20px;}
.cutting-page .business-facility-con .sub-tbl tbody tr:first-child th{border-top:1px solid #000;}
.cutting-page .business-facility-con .sub-tbl tbody tr:first-child td{border-top:1px solid #000;}
.cutting-page .business-facility-con.con02  {margin-top: 80px; }
.cutting-page .business-facility-con.con02 .sub-tbl tbody td {vertical-align:top; }
/* -------- 정밀가공 :: 특장점  -------- */
.business-point-con {margin-top: 140px;}
.business-point-con:first-child {margin-top:0;}
.business-point-con:first-child .business-tit {margin-bottom:68px;}
.business-point-con .con-box {display:table; width:100%; table-layout:fixed;}
.business-point-con .con-box .img-box {display:table-cell; vertical-align:middle; width:50%; }
.business-point-con .con-box .img-box img {width:100%;}
.business-point-con .con-box .img-box .img-list {display:flex; flex-wrap:wrap; margin:0 -0.75% 0.75%;}
.business-point-con .con-box .img-box .img-list li {width:48.5%; margin:0.75%;}
.business-point-con .con-box .img-box .img-list li.big {width:100%; }
.business-point-con .con-box .img-box .img-tit {height:39px; line-height:39px; font-size:18px; font-weight:700; text-align:center; color:rgba(255,255,255,0.9); background-color:#363a42; }
.business-point-con .con-box .txt-box {display:table-cell; vertical-align:middle; width:50%; padding-left:7.66%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }

 @media all and (max-width:800px){
	.business-point-con {margin-top: 50px;}
	.business-point-con:first-child .business-tit {margin-bottom:35px;}
	.business-point-con .con-box .img-box { display:block; width:70%; margin:auto;}
	.business-point-con .con-box .img-box .img-tit {font-size:14px;}
	.business-point-con .con-box .txt-box { display:block; width:100%; padding-left:0;}
 }
 @media all and (max-width:480px){
	.business-point-con:first-child .con-box .img-box {width:70%;}
	.business-point-con .con-box .img-box  {width:100%;}
 }

/* ******************  사업영역 :: 정밀세정 ********************** */
/* -------- 정밀세정 :: 주요설비  -------- */ 
.cleaning-page .business-facility-con .business-tit {margin-bottom:50px;}
.cleaning-page .business-facility-con .tbl-tit {display:block; font-size: 24px; letter-spacing:-0.5px; color:#111; font-weight:500; margin-bottom:20px;}
.cleaning-page .business-facility-con .sub-tbl td .dot-txt {font-size:16px; color:rgba(17,17,17,0.8); line-height:1.875; }
.cleaning-page .business-facility-con .sub-tbl td .dot-txt:before {top: 14px;}
.cleaning-page .business-facility-con .sub-tbl tbody td {padding:20px 20px; word-break:keep-all;}
.cleaning-page .business-facility-con.con02  {margin-top: 80px; }
.cleaning-page .business-facility-con.con02 .sub-tbl tbody td {vertical-align:top; }
@media all and (max-width:800px){
	.cleaning-page .business-facility-con .tbl-tit {font-size: 17px;}
	.cleaning-page .business-facility-con .sub-tbl td .dot-txt {font-size:13px;}
	.cleaning-page .business-facility-con .sub-tbl tbody td  {padding:15px;}
}

/* ******************  사업영역 :: 특수코딩 ********************** */
.coating-page .business-facility-con .sub-tbl sub {display:inline-block; vertical-align:bottom; font-size:13px;}
.coating-page .business-facility-con .sub-tbl thead tr:first-child td {border-bottom:1px solid rgba(255,255,255,0.5);}
.coating-page .business-facility-con .sub-tbl thead td {text-align:center;}
.coating-page .business-facility-con .sub-tbl tbody th {min-width:150px;}
.coating-page .business-facility-con .sub-tbl tbody td {padding:18px 15px; text-align:center; word-break:keep-all; }
.coating-page .business-facility-con .sub-tbl tbody td img {max-width:100%;}
.coating-page .business-facility-con .sub-tbl td .dot-txt {font-size:16px; color:rgba(17,17,17,0.8); line-height:1.875; }
.coating-page .business-facility-con .sub-tbl td .dot-txt:before {top: 14px;}
.coating-page .business-facility-con .sub-tbl tr.short-row td {padding:13px 15px;}
.coating-page .business-facility-con.con02  {margin-top: 68px; }

/* ******************  사업영역 :: 디스플레이 ********************** */
.display-page .business-intro-top .txt-box {width:60%;}
@media all and (max-width:800px){
	.display-page .business-intro-top .txt-box {width:100%;}
}

/* ****************** 회사소개 ********************** */
/* -------- 인사말  -------- */
.greeting-page p{font-family: 'Spoqa Han Sans Neo', 'Spoqa Han Sans JP', sans-serif; font-size: 18px; font-weight: 400; color: #313131; letter-spacing: -0.5px; line-height: 2}
.greeting-page .blue-txt{color: #0086ce}
.greeting-tit-box{display: flex; align-items: center}
.greeting-tit-box .tit-box{width: calc(100% - 420px); margin-top: 20px}
.greeting-tit-box .tit-box h4{position: relative; font-size: 42px; font-weight: 600; color: #000; letter-spacing: -1.2px; line-height: 1.38}
.greeting-tit-box .tit-box h4 .thin-txt{font-weight: 400}
.greeting-tit-box .tit-box h4::before{content:""; position: absolute; top: -26px; left: -35px; width: 35px; height: 41px; background: url("/images/content/greeting_point_img.png") center no-repeat; background-size: contain}
.greeting-tit-box .tit-box p{margin: 40px 0}
.greeting-tit-box p .blue-txt{font-weight: 500}
.greeting-tit-box .tit-img-box{width: 405px}
.greeting-tit-box .tit-img-box .img-wrap{display: block; position: relative; height: 0; padding-top: 141%}
.greeting-sign-box{position: relative; top: -80px; z-index: -1; background-color: #0086ce; padding: 50px 0; box-sizing: border-box}
.greeting-sign-box .area{display: flex; justify-content: space-between}
.greeting-sign-box .point-txt{width: 68%; font-size: 76px; font-weight: 600; color: rgba(255,255,255,0.1); letter-spacing: 15px}
.greeting-sign-box .sign-box{position: relative; top: 20px; right: 70px}
.greeting-sign-box .sign-box .sign-txt, .greeting-sign-box .sign-box .sign-img{display: inline-block; vertical-align: middle}
.greeting-sign-box .sign-box .sign-txt{position: relative; padding-right:50px}
.greeting-sign-box .sign-box .sign-txt::after{content:""; position: absolute; top: 50%; margin-top: -14px; right: 25px; width: 1px; height: 28px; background-color: rgba(255,255,255,0.1)}
.greeting-sign-box .sign-box .sign-txt em{display: block; text-align: right; font-size: 20px; font-weight: 400; letter-spacing: -0.25px; color: #fff; line-height: 1.6}
.greeting-sign-box .sign-box .sign-txt em:first-child{font-weight: 500}
.greeting-sign-box .sign-box .sign-img{width: 89px; height: 50px; background: url("/images/content/greeting_sign.png") center no-repeat; background-size: contain}
.greeting-txt-box p{margin-top: -30px}

/* -------- 경영이념  -------- */
.highlight {font-weight: 700;}
.management-inner {text-align:center; background: url('/images/content/management_bg.jpg')50% 50% no-repeat; padding:130px 0;}
.management-inner .bg-sub-tit {display: inline-block; position: relative; font-size:26.29px; line-height:1.5; letter-spacing:-0.05em; color:#fff; font-weight: 400;}
.management-inner .bg-sub-tit::before {width: 3px; height: 25px; content: ""; display: block; position: absolute; top:130px; left: 50%; transform: translateX(-50%); background: #fff;}
.management-inner .bg-sub-tit::after {position: absolute; display:block; content:""; width:1px; height:38px; background:#fff; bottom:-92px; left:50%; transform:translateX(-50%);}
.management-inner .bg-main-tit {position: relative; font-size:42px; line-height:1.619em; letter-spacing:-0.05em; color:#fff; font-weight: 300; padding:153px 5% 0; }
.management-container .con-inner {margin-top: 115px;}
.management-container .con-inner .con {margin-bottom: 85px;}
.management-container .con-inner .con:last-child {margin-bottom: 0;}
.management-container .con-inner .con .con-tit {position: relative; display: inline-block; font-size:32px; line-height:1.031em; letter-spacing:-0.01em; color:#222222; margin-bottom:46px; padding-left:28px;}
.management-container .con-inner .con .con-tit::before {position: absolute; display: block; content:""; width:18px; height:3px; background: #0086ce; top:50%; left:0; transform:translateY(-50%);}
.management-container .rule {display: flex; margin:0 -12.5px;}
.management-container .rule li {width:calc(25% - 25px); margin:0 12.5px;}
.management-container .rule li:nth-of-type(2) .rule-item-inner {background: #26b5dc;}
.management-container .rule li:nth-of-type(3) .rule-item-inner{background: #095284;}
.management-container .rule li:nth-of-type(4) .rule-item-inner{background: #06233a;}
.management-container .rule li .rule-item-inner {position:relative; display: flex; justify-content:center; align-items:center; width: 100%; padding-top:100%; border-radius:50%; background:#0086ce;}
.management-container .rule .inner-box {text-align:center; position:absolute; top:50%; left:25px; right:25px; transform:translateY(-50%); z-index: 1;}
.management-container .rule .inner-box .num {display: inline-block; font-size:26px; line-height:1.269em; letter-spacing:-0.01em; color:#fff; opacity:0.4; font-weight:700; font-style: italic; margin-bottom: 17px;}
.management-container .rule .inner-box .rule-tit {font-size:24px; line-height:1.375em; letter-spacing:-0.01em; color:#fff; font-weight:700; margin-bottom: 17px;}
.management-container .rule .inner-box .rule-txt {font-size:17px; line-height:1.647em; letter-spacing:-0.035em; color:#fff; font-weight:400; opacity:0.8;}
.management-container .group {display: flex; border-top:1px solid #000; padding: 65px 0; border-bottom:1px solid #ddd;}
.management-container .group-item {display: flex; width: 33.3333%;/*  justify-content:center;  */align-items: center;}
.management-container .group-item .icon-box {/* margin-right:65px; */ width:50%; text-align:center;}
.management-container .group-item > div {width:50%;}
.management-container .group-tit {display: inline-block; font-size:24px; line-height:1.375em; letter-spacing:-0.01em; color:#222; font-weight: 700; margin-bottom: 16px;}
.management-container .group-txt {font-size:17px; line-height:1.647em; letter-spacing:-0.035em; color:#333; }
.management-container .vision-box {background: url('/images/content/vision_bg.jpg')80% no-repeat; padding:148px 0;}
.management-container .vision-tit-box {padding-left:95px;}
.management-container .vision-tit {font-size:36px; line-height:1.444em; letter-spacing:-0.01em; color:#fff; font-weight:700;}
.management-container .vision-tit:nth-of-type(2) {color:#0086ce;}
.management-container .vision-logo {background: url('/images/content/vision.png')50% 50% no-repeat; padding:173px 0;}
.management-container .vision-logoeng {background: url('/images/content/vision_eng.png')50% 50% no-repeat; padding:173px 0;}

.management-page > div{margin-top: 120px}
.management-page > div:first-child{margin-top: 0}

/*.management-title{margin-bottom: 20px; font-size: 36px; font-weight: 600; color: #262626; letter-spacing: -0.5px; line-height: 1.2}
.management-item01{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 507px; background: url("/images/content/management_tit_bg01.jpg") 50% 0/cover no-repeat}
.management-item01 .tit-box{letter-spacing: -0.1px; line-height: 1; text-align: center; font-family:'Play', 'Spoqa Han Sans', 'Noto Sans KR', sans-serif;}
.management-item01 .tit-box .tit{position: relative; display: block; padding-bottom: 130px; font-size: 42px; font-weight: 600; color: #fff}
.management-item01 .tit-box .tit::after{content:""; position: absolute; bottom: 30px; left: 50%; margin-left: -3px; width: 3px; height: 63px; background: url("/images/content/management_tit_point.png") 50% 0 no-repeat}
.management-item01 .tit-box p{font-size: 50px; font-weight: 600; color: rgba(255,255,255,0.9); text-decoration:underline;}
.management-item02{text-align: center}
.management-item02 .management-title{margin-bottom: 35px}
.management-item02 .item02-img-box img{max-width: 100%; height: auto;}
.management-item02 .item02-img-box .m-img {display:none;}
.management-item03{text-align: center; display: table; width: 100%; height: 581px; background: url("/images/content/management_tit_bg02.jpg") 50% 0/cover no-repeat}
.management-item03 .area{display: table-cell; vertical-align: middle}
.management-item03 .management-title{color: #fff; margin-bottom: 0}
.management-item03 p{margin:40px 0; font-size: 24px; font-weight: 400; color: #fff; letter-spacing: -0.5px; line-height: 1.83}
.management-item03 p .bold-txt{font-weight: 500}
.management-item03 .value-list-box .circle-inner{display: inline-block; margin-right: 60px; width: 200px; height: 200px; border-radius: 100%; background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center}
.management-item03 .value-list-box .circle-inner:last-child{margin-right: 0}
.management-item03 .value-list-box .circle-inner:nth-child(1), .management-item03 .value-list-box .circle-inner:nth-child(2){position: relative}
.management-item03 .value-list-box .circle-inner:nth-child(1)::after, 
.management-item03 .value-list-box .circle-inner:nth-child(2)::after{position: absolute; top: 50%; margin-top: -30px; font-size: 50px; font-weight: 400; letter-spacing: -0.5px; color: rgba(255,255,255,0.6)}
.management-item03 .value-list-box .circle-inner:nth-child(1){background-image: url("/images/content/value_icon01.png")}
.management-item03 .value-list-box .circle-inner:nth-child(1)::after{content:"\e914"; font-family: 'xeicon'; right: -57px}
.management-item03 .value-list-box .circle-inner:nth-child(2){background-image: url("/images/content/value_icon02.png")}
.management-item03 .value-list-box .circle-inner:nth-child(2)::after{content:"="; right: -44px}
.management-item03 .value-list-box .circle-inner:nth-child(3){background-image: url("/images/content/value_icon03.png")}
.management-item03 .value-list-box .circle-inner:nth-child(3){background-color: transparent; border: 1px solid rgba(255,255,255,0.3)}

*/

/* -------- 회사연혁  -------- */
.history-tit-box{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 60px; height: 330px; background: url("/images/content/history_tit_bg.jpg") 50% 0/cover no-repeat}
.history-tit-box h4{padding: 0 80px; font-size: 50px; font-weight: 600; color: #fff; letter-spacing: -0.25px; line-height: 1.2}
.history-list-box-style02 .history-year-box{position:relative; padding-left:340px; padding-bottom: 70px}
.history-list-box-style02 .history-year-box:last-child{padding-bottom: 0}
.history-list-box-style02 .history-year-box h4{position:absolute; left:0; top:0; padding: 20px 0; color:#262626; font-size:40px; font-weight:600; letter-spacing:-1.0px; }
.history-list-box-style02 .history-year-box h4:before{content:""; position:absolute; top:0; left:0; width:257px; height:3px; background-color:#000}
.history-list-box-style02 .history-year-box .history-year-list-con{padding: 20px; border-bottom: 1px dashed #dedede}
.history-list-box-style02 .history-year-box .top-line-con{border-top: 1px solid #000}
.history-list-box-style02 .history-year-box .floor-none-line{border-bottom: 0}
.history-list-box-style02 .history-year-box .history-year-item {position:relative; padding-bottom:30px}
.history-list-box-style02 .history-year-box .history-year-item:last-child{padding-bottom:0}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child:before{display:none;}
.history-list-box-style02 .history-year-box .history-year-item .history-year{position:absolute; top:-3px; left:0px; width:120px;}
.history-list-box-style02 .history-year-box .history-year-item .history-year strong{color:#262626; font-weight:600; font-size:32px; letter-spacing: -0.8px}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left:120px; }
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child .history-info-con{  padding-bottom:0px;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:50px; color:rgba(38,38,38,0.8); font-size:18px; font-weight:400; letter-spacing:-0.5px; line-height:1.6; word-break:keep-all}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:rgba(38,38,38,0.5); font-weight:400; }

/* -------- 연구개발  -------- */
.develop-page > div{margin-top: 80px}
.develop-page > div:first-child{margin-top: 0}
.develop-tit-wrap .tit-img-box{position: relative; height: 491px; background: url("/images/content/develop_img01.jpg") 50% 0/cover no-repeat}
.develop-tit-wrap{height: 620px}
.develop-tit-wrap .tit-txt-box{position: relative; top: -120px; background-color: rgba(0,134,206,0.95); max-width: 1054px; display: flex; align-items: center; padding: 5%; box-sizing: border-box}
.develop-tit-wrap .tit-txt-box .txt-box h4{margin-bottom: 20px; font-size: 32px; font-weight: 500; color: #fff; letter-spacing: -0.5px; line-height: 1.3}
.develop-tit-wrap .tit-txt-box .txt-box p{font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.9); letter-spacing: -0.5px; line-height: 1.7}
.develop-page .develop-cm-title{position: relative; padding-left: 28px; margin-bottom: 40px; font-size: 32px; font-weight: 500; color: #111; letter-spacing: -0.9px; line-height: 1.25}
.develop-page .develop-cm-title:before{content:""; position: absolute; top: 50%; margin-top: -3px; left: 0; width: 18px; height: 3px; background-color: #0086ce}
.ability-info-list{display: flex; flex-wrap: wrap; justify-content: space-between}
.ability-info-list li{width: calc(50% - 40px)}
.ability-info-list li h6{margin-bottom: 15px; font-size: 26px; font-weight: 500; color: #111; letter-spacing: -0.5px; line-height: 1.5}
.ability-info-list li .info-img-box{padding: 4.5%; border: 1px solid #e3e3e3}
.ability-info-list li .info-img-box .img-wrap{display: block; text-align: center; height: 100%}
.ability-info-list li .info-img-box .img-wrap img{max-width: 100%; height: auto}
.ability-info-list li table{width: 100%; text-align: center}
.ability-info-list li table thead tr{border-top: 1px solid #111; border-bottom: 1px solid #111}
.ability-info-list li table tbody tr{border-bottom: 1px solid #ddd}
.ability-info-list li table td, .ability-info-list li table th{padding: 15px 10px; font-size:16px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.3;    word-break: keep-all}
.ability-info-list li table th{color: #000}
.ability-info-list li table td{color: rgba(0,0,0,0.6)}
.analysis-box .analysis-list{border-top: 1px solid #111}
.analysis-box .analysis-list li{border-bottom: 1px solid #ddd; padding: 20px 0; box-sizing: border-box}
.analysis-box .analysis-list li .icon-box, .analysis-box .analysis-list li dd{display: inline-block; vertical-align: middle}
.analysis-box .analysis-list li .icon-box{width: 137px; height: 137px; margin-right: 33px; background-repeat: no-repeat; background-size: contain; background-position: center}
.analysis-box .analysis-list li .icon01{background-image: url("/images/content/develop_img02.png")}
.analysis-box .analysis-list li .icon02{background-image: url("/images/content/develop_img03.png")}
.analysis-box .analysis-list li .icon03{background-image: url("/images/content/develop_img04.png")}
.analysis-box .analysis-list li dd{width: calc(100% - 173px)}
.analysis-box .analysis-list li dd strong{display: block; margin-bottom: 10px; font-size: 22px; font-weight: 400; color: #000; letter-spacing: -0.5px; line-height: 1.3}
.analysis-box .analysis-list li dd p{font-size: 18px; font-weight: 400; color: rgba(0,0,0,0.7); letter-spacing: -0.5px; line-height: 1.3}
.equipment-list-box h6{margin-bottom: 15px; font-size: 26px; font-weight: 500; color: #111; letter-spacing: -0.5px; line-height: 1.5}
.equipment-list-box table{width: 100%; border-top: 2px solid #111; text-align: center}
.equipment-list-box table tr:last-child{border-bottom: 1px solid #ddd}
.equipment-list-box table tr:last-child td{padding-bottom: 20px}
.equipment-list-box table tr:first-child td{padding-top: 20px}
.equipment-list-box table th, .equipment-list-box table td{font-weight: 400; line-height: 1.3}
.equipment-list-box table th{padding: 15px 10px; border-bottom: 1px solid #111; color: #000; font-size:17px; letter-spacing: -0.5px}
.equipment-list-box table td{border-right: 1px solid #ddd; padding: 5px 10px; color: rgba(0,0,0,0.6); font-size:16px; font-weight: 500}
.equipment-list-box table td:last-child{border-right: 0}

/* -------- 홍보관  -------- */
.promotion-page .promotion-tit{padding: 28px 10px; margin-bottom: 10px; background-color: #f7f7f7; border: 1px solid #e6e6e6; font-size: 30px; font-weight: 400; color: #262626; letter-spacing: -0.5px; line-height: 1.2; text-align: center}
.promotion-page .promotion-tit .bold-txt{font-weight: 600}
.promotion-download-box{padding: 40px 0; display: flex; align-items: center; justify-content: space-between}
.promotion-download-box h5{font-size: 32px; font-weight: 500; color: #262626; letter-spacing: -0.5px; line-height: 1.125}
.promotion-download-box .cm-down-btn-box{margin-top: 0}
/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; max-width:1200px; margin:0px auto; overflow:hidden;}
.video-iframe-box{position:relative; padding-top:49.88%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.video-cover-box .icon i{font-size:100px; color:#fff; line-height:50px; text-shadow:1px 1px 10px rgba(0, 0, 0, .5);}

/* ****************** 인재채용 ********************** */
/* -------- 인재상  -------- */
.talent-page .sub-tab-con{margin-top: 60px}
.talent-page .sub-tab-list-style ul{text-align: center}
.talent-page .sub-tab-list-style ul li{display: inline-block; margin: 4px; width: 30%; max-width: 200px; background-color: #f5f5f5; border: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6}
.talent-page .sub-tab-list-style ul li a em{color: rgba(49,49,49,0.8); letter-spacing: -0.5px}
.talent-page .sub-tab-list-style ul li.selected{background-color: #0086ce; border-color: #0086ce}
.talent-page .sub-tab-list-style ul li.selected a{background-color: #0086ce; border-color: #0086ce}
.talent-page .sub-tab-list-style ul li.selected a em{color: #fff}
/* 인재상 :: 인재상 */
.talent-con .talent-list-wrap{position: relative}
.talent-list-wrap .talent-logo-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.talent-list-wrap .talent-logo-box img{max-width: 100%; height: auto}
.talent-list-wrap .talent-list{display: flex; flex-wrap: wrap; margin: -20px}
.talent-list-wrap .talent-list li{width: calc(50% - 40px); margin: 20px; padding: 55px 10px; box-sizing: border-box; text-align: center; border-radius: 30px; background-color: #f2f2f2}
.talent-list-wrap .talent-list li .icon-box{display: block; margin: auto; width: 66px; height: 66px; background-size: contain; background-position: center; background-repeat: no-repeat}
.talent-list-wrap .talent-list li .icon01{background-image: url("/images/content/talent_icon01.png")}
.talent-list-wrap .talent-list li .icon02{background-image: url("/images/content/talent_icon02.png")}
.talent-list-wrap .talent-list li .icon03{background-image: url("/images/content/talent_icon03.png")}
.talent-list-wrap .talent-list li .icon04{background-image: url("/images/content/talent_icon04.png")}
.talent-list-wrap .talent-list dd strong{display: block; margin: 20px 0; font-size: 32px; font-weight: 600; color: #333; letter-spacing: -0.1px; line-height: 1.3}
.talent-list-wrap .talent-list dd p{font-size: 20px; font-weight: 400; color: rgba(38,38,38,0.8); letter-spacing: -0.5px; line-height: 1.5}
.talent-list-wrap .talent-list li, .talent-list-wrap .talent-list .icon-box, 
.talent-list-wrap .talent-list dd strong, .talent-list-wrap .talent-list dd p{transition: all 0.3s}
/* hover */
.talent-list-wrap .talent-list li:hover{background-color: #0086ce}
.talent-list-wrap .talent-list li:hover .icon01{background-image: url("/images/content/talent_icon01_over.png")}
.talent-list-wrap .talent-list li:hover .icon02{background-image: url("/images/content/talent_icon02_over.png")}
.talent-list-wrap .talent-list li:hover .icon03{background-image: url("/images/content/talent_icon03_over.png")}
.talent-list-wrap .talent-list li:hover .icon04{background-image: url("/images/content/talent_icon04_over.png")}
.talent-list-wrap .talent-list li:hover dd strong{color: #fff}
.talent-list-wrap .talent-list li:hover dd p{color: rgba(255,255,255,0.8)}
/* 인재상 :: 인사제도 */
.system-con .system-title{margin-bottom:30px; font-size: 36px; font-weight: 600; color: #262626; letter-spacing: -0.5px}
.system-rule-box .ystem-rule-list{border-top: 2px solid #000}
.system-rule-box .ystem-rule-list li{padding: 60px 40px; box-sizing: border-box}
.system-rule-box .ystem-rule-list li dl{display: flex; flex-wrap: wrap; align-items: center}
.system-rule-box .ystem-rule-list li dt{position: relative; padding-left: 100px; box-sizing: border-box; width: 36%; margin-right: 3%; font-size: 24px; font-weight: 500; color: #262626; letter-spacing: -0.5px; line-height: 1.5}
.system-rule-box .ystem-rule-list li dt .icon-box{position: absolute; top: -5px; left: 0; width: 52px; height: 48px; background-size: contain; background-position: center; background-repeat: no-repeat}
.system-rule-box .ystem-rule-list li:nth-child(1) dt .icon-box{background-image: url("/images/content/system_icon01.png")}
.system-rule-box .ystem-rule-list li:nth-child(2) dt .icon-box{background-image: url("/images/content/system_icon02.png")}
.system-rule-box .ystem-rule-list li:nth-child(3) dt .icon-box{background-image: url("/images/content/system_icon03.png")}
.system-rule-box .ystem-rule-list li dd{width: 61%; font-size: 18px; font-weight: 400; color: rgba(38,38,38,0.8); letter-spacing: -0.9px; line-height: 1.6}
.system-process-box{margin: 80px 0; display: flex; align-items: center; justify-content: center; height: 620px; background: url("/images/content/system_process_bg.jpg") 50% 0/cover no-repeat}
.system-process-box .process-wrap h4{color: #fff; margin-bottom: 0}
.system-process-box .process-wrap p{margin: 30px 0 60px; font-size:20px; font-weight: 400; color: #fff; letter-spacing: -0.5px; line-height: 1.8}
.system-process-box .process-wrap p .under-line{font-weight: 500; border-bottom: 1px solid #fff}
.system-process-box .process-wrap .process-box-pc img, .system-process-box .process-wrap .process-box-m img{max-width: 100%; height: auto}
.system-process-box .process-wrap .process-box-m{display: none}
.person-made-box .person-made-tit{margin-bottom: 10px}
.person-made-tit h4{text-align: center}
.person-made-tit p{padding: 20px 10px; background-color: #f6f6f6; font-size: 20px; font-weight: 400; letter-spacing: -0.5px; color: #262626; line-height: 1.8; text-align: center}
.person-made-box .made-list{display: flex; flex-wrap: wrap; margin: 0 -8px}
.person-made-box .made-list li{width: calc(33.33% - 16px); margin: 0 8px}
.person-made-box .made-list li dt{margin-bottom: 25px}
.person-made-box .made-list li dt .img-wrap{display: block; position: relative; height: 0; padding-top: 74.55%}
.person-made-box .made-list li .list-inner-txt strong{display: block; margin-bottom: 10px; font-size: 25px; font-weight: 500; letter-spacing: -0.5px; color: #262626; line-height: 1.4}
.person-made-box .made-list li .list-inner-txt .inner-txt{position: relative; padding-left: 26px; margin-bottom: 5px; font-size: 18px; font-weight: 400; color: rgba(38,38,38,0.8); letter-spacing: -0.5px; line-height: 2}
.person-made-box .made-list li .list-inner-txt .inner-txt::before{content:"\e92b"; position: absolute; top: 0; left: 0; font-family: 'xeicon'; font-size: 16px; font-weight: 400;color: #bbb}
/* 인재상 :: 복리후생 */
.welfare-con h4{margin-bottom: 50px; font-size: 30px; font-weight: 400; color: #262626; letter-spacing: -0.5px; line-height: 1.3; text-align: center}
.welfare-con h4 .bold-txt{font-weight: 600}
.welfare-list-wrap{border-top: 2px solid #000}
.welfare-list-wrap .welfare-list-item{display: flex; flex-wrap: wrap; align-items: center; padding: 60px 0; box-sizing: border-box; border-bottom: 1px dashed #dedede}
.welfare-list-item .lt-icon-box{width: 13.75%; margin-right: 7.25%}
.welfare-list-item .lt-icon-box .icon-box{display: block; position: relative; height: 0; padding-top: 100%; background-size: contain; background-position: center; background-repeat: no-repeat}
.welfare-list-item .lt-icon-box .icon01{background-image: url("/images/content/welfare_icon01.png")}
.welfare-list-item .lt-icon-box .icon02{background-image: url("/images/content/welfare_icon02.png")}
.welfare-list-item .lt-icon-box .icon03{background-image: url("/images/content/welfare_icon03.png")}
.welfare-list-item .lt-icon-box .icon04{background-image: url("/images/content/welfare_icon04.png")}
.welfare-list-item .lt-icon-box .icon05{background-image: url("/images/content/welfare_icon05.png")}
.welfare-list-item .rt-info-box{width: 70%}
.welfare-list-item .rt-info-box h5{margin-bottom: 30px}
.welfare-list-item .rt-info-box h5 strong{display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 26px; font-weight: 500; color: #262626; line-height: 1.15; letter-spacing: -0.5px}
.welfare-list-item .rt-info-box h5 em{display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 600; color: #bababa; line-height: 1.15; letter-spacing: -0.1px; font-family:'Play', 'Spoqa Han Sans', 'Noto Sans KR', sans-serif}
.welfare-list-item .rt-info-box .info-list{display: flex; flex-wrap: wrap} 
.welfare-list-item .rt-info-box .info-list .info-list-item{width: 50%}
.welfare-list-item .rt-info-box .info-list .info-list-item .front-icon-txt{position: relative; padding-left: 16px; font-size: 18px; font-weight: 400; color: rgba(38,38,38,0.8); letter-spacing: -0.5px; line-height: 1.6}
.welfare-list-item .rt-info-box .info-list .info-list-item .front-icon-txt::before{content:""; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background-color: #5d5d5d}
.welfare-list-item .rt-info-box .info-list .info-list-item .small-gray-txt{font-size: 16px; color: rgba(102,102,102,0.8)}
.welfare-list-item .rt-info-box .info-list .info-list-item .oneline-txt{display: block}

/* -------- 채용안내  -------- */
.recruit-info-tit{margin-bottom: 60px; text-align: center; font-size: 32px; font-weight: 400; color: #262626; letter-spacing: -0.5px; line-height: 1.2}
.recruit-info-tit .bold-txt{font-weight: 600}
.recruit-info-list{border-top: 2px solid #000}
.recruit-info-list .info-list li{padding: 40px 0; box-sizing: border-box; display: flex; flex-wrap: wrap}
.recruit-info-list .info-list li .tit-box{width: 186px}
.recruit-info-list .info-list li .tit-box h5{font-size: 24px; font-weight: 500; color: #262626; letter-spacing: -0.5px; line-height: 1.5}
.recruit-info-list .info-list li .txt-box{width: calc(100% - 186px)}
.recruit-info-list .info-list li .txt-box p{font-size: 18px; font-weight: 400; color: rgba(38,38,38,0.8); letter-spacing: -0.5px; line-height: 1.5}
.recruit-info-list .info-list li .txt-box p a {display:inline-block; max-width:140px; background:#0086ce; color:#fff; font-size:0.9em;border: 1px solid #0086ce; padding: 5px; margin-left:10px;}
.recruit-info-list .info-list li .txt-box p a:hover {background:#fff; color:#0086ce;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.recruit-process-list{display: flex; flex-wrap: wrap; margin: 0 -40px; margin-bottom: 20px}
.recruit-process-list .list-item{position: relative; width: calc(25% - 80px); margin: 20px 40px; padding: 0!important; border-radius: 100%; background-color: #f6f6f6}
.recruit-process-list .list-item:last-child{margin-right: 0}
.recruit-process-list .list-item::after{content:"\e93f"; font-family:'xeicon'; position:absolute; top: 50%; margin-top: -18px; right: -60px; font-size:36px; font-weight: 500; color: #262626}
.recruit-process-list .list-item:last-child::after{content:none}
.recruit-process-list .list-item .inner{position: relative; width: 100%; height: 0; padding-top: 100%}
.recruit-process-list .list-item .inner .list-inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.recruit-process-list .list-item .icon-box{display: block; position: relative; margin: auto; width: 59px; height: 59px; background-size: contain; background-position: center; background-repeat: no-repeat}
.recruit-process-list .list-item .icon01{background-image: url("/images/content/recruit_proc_icon01.png")}
.recruit-process-list .list-item .icon02{background-image: url("/images/content/recruit_proc_icon02.png")}
.recruit-process-list .list-item .icon03{background-image: url("/images/content/recruit_proc_icon03.png")}
.recruit-process-list .list-item .icon04{background-image: url("/images/content/recruit_proc_icon04.png")}
.recruit-process-list .list-item .proc-txt{margin-top: 10px; height: 40px; display: flex; align-items: center; justify-content: center}
.recruit-process-list .list-item .proc-txt em{font-size: 18px; font-weight: 400; color: #262626; letter-spacing: -0.5px; text-align: center}
.recruit-process-list .list-item .proc-txt .detail-txt{color: #666}
.recruit-step-list{padding: 20px 30px; box-sizing: border-box}
.recruit-step-list:nth-child(2n-1){background-color: #f6f6f6}
.recruit-step-list .num, .recruit-step-list dd, .recruit-step-list dd strong, .recruit-step-list dd p{display: inline-block; vertical-align: middle}
.recruit-step-list .num{width: 112px; font-size: 18px; font-style: italic; font-weight: 600; color: #262626; letter-spacing: -0.5px; line-height: 1.5}
.recruit-step-list .blue-txt{color: #0086ce}
.recruit-step-list dd{width: calc(100% - 115px)}
.recruit-step-list dd strong{width: 130px; font-size: 18px; font-weight: 400; color: #262626; letter-spacing: -0.5px}
.recruit-info-btn {margin: 44px auto 0; max-width: 420px; background-color: #0086ce; transition: all 0.4s; border:1px solid #0086ce;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.recruit-info-btn button ,.recruit-info-btn a {display: block; width: 100%; height: 100%; padding: 30px 10px; box-sizing: border-box; text-align: center}
.recruit-info-btn button strong, .recruit-info-btn button em , .recruit-info-btn a strong, .recruit-info-btn a em {display: inline-block; vertical-align: middle}
.recruit-info-btn button strong , .recruit-info-btn a strong {position: relative; font-size: 18.14px; font-weight: 500; color: #fff; letter-spacing: -0.5px; transition: all 0.4s;}
.recruit-info-btn a strong {position:relative; padding-right:20px;}
.recruit-info-btn a strong::after {content:""; position:absolute; right:0; top:50%; margin-top:-5px; width:1px; height:10px; background-color: rgba(255,255,255,0.3); }
.recruit-info-btn button em, .recruit-info-btn a em{font-size: 15.12px; font-weight: 400; color: rgba(255,255,255,0.8); letter-spacing: -0.5px; padding-left: 20px; transition: all 0.4s;}

/* ****************** 윤리경영 ********************** */
/* 공통스타일 */
.cm-column-txt-con{display: flex; flex-wrap: wrap; padding: 40px 0}
.column-tit-box{width: 20%; margin-right: 2%}
.column-tit-box h4{font-size: 32px; font-weight: 500; color: #262626; letter-spacing: -0.5px; line-height: 1.2;}
.column-txt-box{width: 78%}
.column-txt-box p{font-size: 18px; font-weight: 400; color: rgba(38,38,38,0.8); letter-spacing: -0.5px; line-height: 2}
.floor-dash-line{border-bottom: 1px dashed #dedede}
.cm-down-btn-box{width: 165px; height: 49px; margin-top: 25px; border: 1px solid #363636}
.cm-down-btn-box a{width: 100%; height: 100%; display: flex; padding: 0 20px; box-sizing: border-box; transition: all 0.4s; }
.cm-down-btn-box a strong, .cm-down-btn-box a i{font-weight: 400; letter-spacing: -0.5px; color: #262626; line-height: 49px; transition: all 0.4s; }
.cm-down-btn-box a strong{margin-right: auto; font-size: 16px; }
.cm-down-btn-box a i{margin-left: auto; font-size: 20px}

/* -------- 윤리경영  -------- */
/* .ethics-page{font-family: 'Spoqa Han Sans Neo', 'Spoqa Han Sans JP', sans-serif;} */
.ethics-page .ethics-item01{border-top: 2px solid #000; padding: 40px 0 50px}
.ethics-page .ethics-item01 .cm-column-txt-con{padding: 0}
.ethics-page .ethics-item01 .item01-img-box{margin-top: 40px; width: 100%; height: 0; padding-top: 27.5%; background: url("/images/content/ethics_bg.jpg") 50% no-repeat; background-size: contain}
.ethics-page .rule-list-wrap{display: flex; flex-wrap: wrap; margin: -4px}
.ethics-page .rule-list-wrap li{width: calc(50% - 8px); padding: 50px; margin: 4px; box-sizing: border-box; background-color: #f6f6f6}
.ethics-page .rule-list-wrap li .inner strong{display: block; font-size: 18px; font-style: italic; font-weight: 600; letter-spacing: -0.25px; color: #262626; margin-bottom: 10px}
.ethics-page div:nth-child(3){align-items: center}

/* -------- 제보하기  -------- */
.report-page > div:first-child{border-top: 2px solid #000}
.report-info-box .report-sub-tit{width: 180px; display: inline-block; vertical-align: top} 
.report-info-box dd{width: calc(100% - 183px); display: inline-block; vertical-align: top}
.report-sub-tit{font-size: 24px; font-weight: 500; letter-spacing: -0.5px; color: #262626}
.cir-icon-txt, .dash-icon-txt{position: relative; padding-left: 13px}
.cir-icon-txt::before{content:""; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background-color: #262626}
.dash-icon-txt{font-size:16px; color: rgba(38,38,38,0.6)!important}
.dash-icon-txt::before{content:"-"; position: absolute; top: 0; left: 0; font-size: 16px; color: rgba(38,38,38,0.6)}
.sub-txt{margin-left: 12px; font-size: 16px!important}
.report-type-list{margin: 60px 0}
.report-type-list .report-sub-tit{margin-bottom: 10px; font-size: 24px; font-weight: 500; color: #262626; letter-spacing: -0.5px; line-height: 1.5}
.floor-white-space{margin-bottom: 35px}
.type-list-wrap{display: flex; flex-wrap: wrap; margin:-3px}
.type-list{width: calc(25% - 6px); margin: 3px; padding: 50px 10px; box-sizing: border-box; text-align: center; background-color: #f6f6f6}
.type-list dt{display: block; margin: 0 auto 10px; width: 72px; height: 59px; background-repeat: no-repeat; background-position: center}
.type-list .type-icon01{background-image: url("/images/content/ethics_icon01.png")}
.type-list .type-icon02{background-image: url("/images/content/ethics_icon02.png")}
.type-list .type-icon03{background-image: url("/images/content/ethics_icon03.png")}
.type-list .type-icon04{background-image: url("/images/content/ethics_icon04.png")}
.report-page .address-list{padding-top: 20px; border-top: 2px solid #000; border-bottom: 1px solid #dedede}
.report-page .address-list li{position: relative; width: 250px; margin-bottom: 20px; text-align: center; display: inline-block; vertical-align: sub; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #262626}
.report-page .address-list li::after{content:""; position: absolute; top: 50%; margin-top: -3px; right: 0; width: 6px; height: 6px; background-color: #000; border-radius:100%}
.report-page .address-list li:nth-child(1){width: 230px; text-align: left}
.report-page .address-list li:last-child{margin-right: 0}
.report-page .address-list li:last-child::after{content: none}
.report-page .address-list li i{display: inline-block; vertical-align: sub; padding-right: 25px; font-size: 24px; font-weight: 400; color: #262626}
/* 제보하기 버튼영역 */
.report-btn-box{margin: 10px auto 45px; display: flex; justify-content: center}
.report-btn-box .report-btn{display: flex; justify-content: space-between; padding: 0 20px; box-sizing: border-box; width: 230px; height: 62px; line-height: 62px; background-color: #0086ce; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -0.5px}
.report-btn-box .report-btn i{position: relative; line-height: 62px; font-size: 24px; font-weight: 500; color: #fff; letter-spacing: -0.5px}
.report-form-wrap.open .report-btn-box .report-btn i{transform:rotate(180deg)}
.report-form-box{display: none}
/* open */
.report-form-wrap.open .report-form-box{display: block} 
.cm-inquiry-form .inquiry-agreement-con{overflow-y: hidden}
.recruit-info-page .report-form-wrap {padding-top:50px;}
/* // */
.report-page .mCSB_scrollTools{display: block}
#content .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px; background-color: #0086ce}
#content .mCSB_scrollTools .mCSB_draggerRail{width: 5px}
#content .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #0086ce}
#content .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#content .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_ba{background-color: #0086ce}
.cm-inquiry-form .bbs-inquiry-agree-con .agree-tit{font-size: 24px; color: #262626}
.cm-inquiry-form .bbs-inquiry-agree-con .agree-txt{font-size: 16px}
.cm-inquiry-form .bbs-inquiry-agree-con .agree-txt label i{top: -1px; font-size: 18px}
.cm-inquiry-form .bbs-inquiry-agree-con .agree-txt input:checked + label i{color: #0086ce}
.cm-inquiry-form .bbs-write-tbl .write-input, .cm-inquiry-form .bbs-write-tbl .write-select{height: 46px}
.cm-inquiry-form .email-fieldset .write-input, .cm-inquiry-form .email-fieldset .write-select{width: 12.9%!important}
.cm-inquiry-form .bbs-write-tbl{border-top: 2px solid #000; table-layout: fixed}
.cm-inquiry-form .bbs-write-tbl th, .cm-inquiry-form .bbs-write-tbl td{padding: 10px; border-bottom: 1px dashed #dedede;}
.cm-inquiry-form .bbs-write-tbl th{width: 12%}
.cm-inquiry-form .bbs-write-tbl .hypen{width: 2%; font-family:'Noto Sans KR'; font-size: 16px; color: rgba(38,38,38,0.6)}
.cm-inquiry-form .phone-fieldset .hypen{margin: 0}
.cm-inquiry-form .bbs-write-tbl .write-input, .cm-inquiry-form .bbs-write-tbl .write-select, 
.cm-inquiry-form .bbs-write-tbl .write-textarea{font-family:'Noto Sans KR', "나눔고딕", Arial, sans-serif; border: 0; background-color: #f6f6f6; border-radius: 0}
.cm-inquiry-form .bbs-write-tbl .name-input{width: 100%}
.cm-inquiry-form .bbs-write-tbl .write-select{margin-left: 5px}
.cm-inquiry-form .inquiry-essential-txt{font-size: 16px; color: #666}
.cm-inquiry-form .bbs-write-tbl th{font-weight: 400; font-size: 16px; color: #262626}
.cm-inquiry-form .bbs-write-tbl tr:last-child th{vertical-align: top; padding-top: 15px;}
.cm-inquiry-form .bbs-write-tbl tr:first-child td:first-child .write-input{width: 100%!important}
.full-size-input .write-input, .full-size-input .write-textarea{max-width: 100%!important; width: 100%!important}
.cm-inquiry-form .bbs-write-tbl .write-textarea{padding: 10px}
.cm-inquiry-form .cm-btn-controls .btn-style01{background-color: #262626}
.cm-inquiry-form .cm-btn-controls button{width: 230px; height: 62px; font-size: 18px; font-weight: 500}


/* ------------------ 지속가능경영 2024-06-07 MJ ------------------ */
/* 공통 */
.manage-page{border-top:2px solid #000}
.manage-page .cm-column-txt-con{padding:40px 0 60px;}
.column-txt-box .inner-txt-box.floor-dash-line{padding-bottom:40px; margin-bottom:40px;}
.column-txt-box .inner-txt-box.floor-dash-line:last-child{margin-bottom:0;}
.column-txt-box .inner-tit{font-size:24px; line-height:1.5; letter-spacing:-0.05em; color:#262626; font-weight:700; margin-bottom:20px;}
.column-txt-box .inner-txt{font-size:18px; line-height:1.7; letter-spacing:-0.05em; color:rgba(38,38,38,0.8); margin-bottom:15px;}
.column-txt-box .inner-txt:last-child{margin-bottom:0;}

.cm-down-btn-box.wide{width:182px;}
.cm-down-btn-box.blue{border-color:#2872eb; }
.cm-down-btn-box.blue a strong, .cm-down-btn-box.blue a i{color:#2872eb;}
.cm-down-btn-box.blue a:hover{background-color:#2872eb;}

/* ****** vision ****** */
.manage-vision-box{margin-top:50px;}
.manage-vision-box .vision-tit{font-size:22px; line-height:1.7; letter-spacing:-0.02em; color:#000; font-weight:500;}
.manage-vision-box .vision-con{position: relative; min-height: 400px; box-sizing: border-box;}
.manage-vision-box .vision-con:after{position: absolute; content:'\e942'; width:50px; height:50px; text-align:center; line-height:50px; border-radius:50%; background:#fff; font-family:'xeicon'; font-size:18px; color:#2873eb; bottom:0; left:50%; transform:translate(-50%, 50%); box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.13); z-index:2;}
.manage-vision-box .vision-con:before{position: absolute; content:''; width:50px; height:50px; border-radius:50%; box-shadow: 0px 0px 0px 10px rgba(40,115,235,0.08); bottom:0; left:50%; transform:translate(-50%, 50%); z-index:1;}
.manage-vision-box .vision-con:last-child:before,
.manage-vision-box .vision-con:last-child:after{display: none;}
/* vision :: 배너 */
.manage-vision-box .vision-banner{background:no-repeat center; background-size:cover; background-image:url('/images/content/vision_banner_bg.jpg'); text-align:center; padding:100px 0 130px;}
.manage-vision-box .vision-banner .vision-tit{color:#fff;}
.manage-vision-box .vision-banner .banner-txt{position: relative; font-size:26px; line-height:1.53; letter-spacing:-0.05em; color:#fff; font-weight:500; padding-top:35px; margin-top:15px;}
.manage-vision-box .vision-banner .banner-txt:before{position: absolute; content:''; width:1px; height:30px; background: linear-gradient(to top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 100%); left:50%; top:0;}
.manage-vision-box .vision-banner .banner-txt span{position: relative; display: inline-block; z-index:9;}
.manage-vision-box .vision-banner .banner-txt span:before{position: absolute; content:''; width:calc(100% + 4px); height:18px; background:#2873eb; left:-2px; bottom:0px; z-index:-1;}
/* vision :: 목표 */
.manage-vision-box .vision-objective{text-align:center; padding:70px 10px; background:#f3f6f9;}
.vision-objective-list{margin-top:25px; display: flex; align-items:flex-start; justify-content:center;}
.vision-objective-list .list-item{max-width:230px; width:33.33%;}
.vision-objective-list .list-item .circle{position: relative; display: flex; align-items:center; justify-content:center; width:140px; height:140px; border:1px dashed #70a2f2; box-sizing:border-box; font-size:22px; line-height:1.63; letter-spacing:-0.05em; color:#2873eb; font-weight:700; margin:auto; border-radius:50%; box-shadow: 5px 5px 35px 0px rgba(21,83,182,0.24); margin-bottom:35px;}
.vision-objective-list .list-item .circle:before{position: absolute; content:''; width:1px; height:18px; background:#70a2f2; bottom:0; left:50%; transform:translateY(100%);}
.vision-objective-list .list-item .circle:after{position: absolute; content:''; width:5px; height:5px; background:#70a2f2; border-radius:50%; bottom:-18px; left:50%; transform:translate(calc(-50% + 1px), 100%);}
.vision-objective-list .list-item .txt{font-size:18px; line-height:1.55; letter-spacing:-0.05em; color:rgba(38,38,38,0.8);}
/* vision :: 방향 */
.manage-vision-box .vision-direction{text-align:center; padding:115px 10px; background:#e6ebf2;}
.vision-direction-list{display: flex; align-items:center; justify-content:center; margin-top:35px; background:no-repeat center; background-size:contain; background-image:url('/images/content/vision_direction_bg.png	');}
.vision-direction-list .list-item{display: flex; align-items:center; justify-content:center; width:270px; height:92px; /* background:#fff; */ border-radius:92px; /* border:1px dashed #1250b5; */ box-sizing:border-box; margin:0 -15px}
.vision-direction-list .list-item .txt{font-size:18px; line-height:1.38; letter-spacing:-0.05em; color:#262626;}
.vision-direction-list .list-item:nth-child(2){position: relative; z-index:9; /* mix-blend-mode:difference; */}
/* vision :: Plan */
.manage-vision-box .vision-plan{text-align:center; padding:70px 10px; background:#f3f6f9;}
.vision-plan-list{display: flex; justify-content:center; margin-top:25px;}
.vision-plan-list .list-item{display: flex; flex-direction: column; justify-content: center; border:1px solid; border-radius:10px; max-width:256px; width:calc(33.33% - 10px); margin:0 5px; text-align:left; padding:25px; box-sizing:border-box; background:#fff; align-items: flex-start !important;}
.vision-plan-list .list-item:nth-child(1){border-color:#70a2f2;}
.vision-plan-list .list-item:nth-child(2){border-color:#2873eb;}
.vision-plan-list .list-item:nth-child(3){border-color:#1250b5;}
.vision-plan-list .list-item .dotted-txt{position: relative; font-size:18px; line-height:1.44; letter-spacing:-0.05em; color:#262626; padding-left:10px;}
.vision-plan-list .list-item .dotted-txt:before{position: absolute; content:''; width:3px; height:3px; background:#909090; top:10px; left:0px;}

/* ****** 지속가능경영 보고서 ****** */
.management-report-wrap{margin-top:30px;}
.report-list-box{display: flex; justify-content:space-between;}
.report-list-box .list-item{width:calc(50% - 20px);}
.report-list-box .list-item{position: relative; display: block; text-align:center; padding:55px 83px 50px; box-sizing:border-box; background:#f6f6f6;}
.report-list-box .list-item .img-box{ margin:0 auto 40px; max-width: 281px;}
.report-list-box .list-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:132%;}
.report-list-box .list-item .img-box span img{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.1);}
.report-list-box .list-item .txt-box{display: flex; align-items:Center; justify-content:center; min-height:55px; font-size:18px; line-height:1.55; letter-spacing:-0.025em; color:rgba(38,38,38,0.8); font-weight:500;}
.report-list-box .list-item .thumb-box{position: absolute; width:100%; height:100%; top:0; left:0; border:3px solid #0086ce; box-sizing:Border-box; opacity:0; transition:all 0.4s;}
.report-list-box .list-item .thumb-box .icon{position: absolute; top:50%; left:50%; width:90px; height:90px; text-align:center; line-height:90px; background:#0086ce; border-radius:50%; color:#fff; font-size:23px; transform:translate(-50%, -50%);}

.report-list-box .list-item .link-box{display: flex; align-items:center; justify-content:center; margin-top:20px;}
.report-list-box .list-item .link-box a{display: flex; align-items:center; justify-content:space-between; width:140px; height:46px; border:2px solid #0086ce; box-sizing:border-box; padding:0 13px; margin:0 2px; font-size:16px; letter-spacing:-0.025em; color:#0086ce; font-weight:500; transition:all 0.4s;}

.report-list-box .list-item a:hover .thumb-box{opacity:1;}
.report-list-box .list-item .link-box a:hover{background:#0086ce; color:#fff;}


/* ****** 환경경영 ****** */
.manage-environmental-box{background:#f6f6f6; padding:40px; box-sizing:border-box; margin-top:40px;}
.manage-environmental-box .environmental-txt-box{margin-bottom:30px;}
.manage-environmental-box .environmental-txt-box dt{position: relative; font-size:16px; line-height:1.875; letter-spacing:-0.05em; color:#000; font-weight:500; padding-left:20px;}
.manage-environmental-box .environmental-txt-box dt:before{position: absolute; content:'■'; top:0; left:0;}
.manage-environmental-box .environmental-txt-box dd{}
.manage-environmental-box .environmental-txt-box dd p{position: relative; font-size:16px; line-height:1.875; letter-spacing:-0.05em; color:#414040; padding-left:20px;}
.manage-environmental-box .environmental-txt-box dd p:before{position: absolute; content:'-'; top:0; left:10px;}
.manage-environmental-box .sign-txt{display: flex; justify-content:flex-end; align-items:center; margin-top:80px;}
.manage-environmental-box .sign-txt .date{font-size:16px; letter-spacing:-0.02em; color:rgba(38,38,38,0.5); margin-right:30px;}
.manage-environmental-box .sign-txt .name{font-size:18px; letter-spacing:-0.05em; color:#262626; margin-right:10px;}
.manage-environmental-box .sign-txt .name b{font-weight:500;}
.environmental-process-list{display: flex; flex-wrap: wrap; margin: 0 -40px; margin-bottom: 20px}
.environmental-process-list .list-item{position: relative; width: calc(25% - 80px); margin: 20px 40px; padding: 0!important; border-radius: 100%; background-color: #1250b5}
.environmental-process-list .list-item:last-child{margin-right: 0}
.environmental-process-list .list-item::after{content:"\e93f"; font-family:'xeicon'; position:absolute; top: 50%; margin-top: -18px; right: -60px; font-size:36px; font-weight: 500; color: #262626}
.environmental-process-list .list-item:last-child::after{content:none}
.environmental-process-list .list-item .inner{position: relative; width: 100%; height: 0; padding-top: 100%}
.environmental-process-list .list-item .inner .list-inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.environmental-process-list .list-item .icon-box{display: block; position: relative; margin: auto; width: 59px; height: 59px; background-size: contain; background-position: center; background-repeat: no-repeat}
.environmental-process-list .list-item .icon01{background-image: url("/images/content/recruit_proc_icon01.png")}
.environmental-process-list .list-item .icon02{background-image: url("/images/content/recruit_proc_icon02.png")}
.environmental-process-list .list-item .icon03{background-image: url("/images/content/recruit_proc_icon03.png")}
.environmental-process-list .list-item .icon04{background-image: url("/images/content/recruit_proc_icon04.png")}
.environmental-process-list .list-item .proc-txt{margin-top: 10px; height: 40px; display: flex; align-items: center; justify-content: center}
.environmental-process-list .list-item .proc-txt em{font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.5px; text-align: center}
.environmental-process-list .list-item .proc-txt .detail-txt{color: #666}

/* @media all and (max-width: 1024px){
	.environmental-process-list {margin: 0;}
} */


/* 중장기 환경목표 :: 로드맵 */
.roadmap-box{border:5px solid #f6f6f6; box-sizing:border-box; padding:80px 60px 180px; background:no-repeat center bottom; background-size:contain; background-image:url('/images/content/roadmap_bg.png')}
/* 로드맵 상단 */
.roadmap-box .roadmap-top-box{position: relative; display: flex; align-items:center;}
.roadmap-box .roadmap-top-box:before{position: absolute; content:''; width:3px; height:414px; background:#1250b5; top:88px; left:1px;}
.roadmap-box .roadmap-top-box .inner-box{position: relative; margin-left:7.4%; width:15.13%;}
.roadmap-box .roadmap-top-box .inner-box:before{position: absolute; content:''; width:60px; height:3px; background:#1250b5; left:0; top:50%; transform:translate(-100%, calc(-50% + 0.5px));}
.roadmap-box .roadmap-top-box .inner-box:after{position: absolute; content:'\e93f'; top:50%; left:-32px; transform: translate(-50%, -50%); font-size:14px; color:#fff; font-family:'xeicon'; width:20px; height:20px; text-align:center; line-height:20px; background:#1250b5; border-radius:50%; }
.roadmap-box .roadmap-top-box .inner-box:nth-child(1):before{width:58px;}
.roadmap-box .roadmap-top-box .inner-box:nth-child(1):after{display: none;}
.roadmap-box .roadmap-top-box .inner-box .circle{position: relative; width:100%; height:0; padding-top:100%; background:#1250b5; border-radius:50%; text-align:center;}
.roadmap-box .roadmap-top-box .inner-box .circle:before{position: absolute; content:''; width:123%; height:123%; background:#1250b5; opacity:0.1; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%);}
.roadmap-box .roadmap-top-box .inner-box .circle p{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; font-size:18px; letter-spacing:-0.02em; line-height:1.66; color:#fff;}
.roadmap-box .roadmap-top-box .inner-box .circle p span{display: block; font-size:0.75em;}
.roadmap-box .roadmap-top-box .inner-box .plus-txt{position: absolute; bottom:0; transform:translateY(calc(50% + 34px)); width:100%; font-size:16px; letter-spacing:-0.02em; line-height:1.875; color:#1250b5; font-weight:500; text-align:center;}

.roadmap-box .roadmap-top-box .inner-box.big{width:22.08%; }
.roadmap-box .roadmap-top-box .inner-box.big .circle{background:#2873eb;}
.roadmap-box .roadmap-top-box .inner-box.big .circle:before{background:#2873eb; opacity:0.15;}
.roadmap-box .roadmap-top-box .inner-box.big .circle p{font-size:21px;}
/* 로드맵 하단 */
.roadmap-box .roadmap-bottom-box{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 100px; margin-top:70px;}
.roadmap-box .roadmap-bottom-box .inner-box{position: relative; width:33.33%; text-align:center; margin:20px 0;}
.roadmap-box .roadmap-bottom-box .inner-box:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:75px; height:75px; border-radius:50%; background:#2873eb; opacity:0.15; filter:blur(6px);}
.roadmap-box .roadmap-bottom-box .inner-box p{position: relative; font-size:15px; line-height:1.6; letter-spacing:-0.02em; color:#000; font-weight:500;}

/* 중장기 환경목표 :: 환경영목표/과제 */
.envir-target-list{display: flex; justify-content:space-between;}
.envir-target-list .list-item{width:calc(33.33% - 18px);}
.envir-target-list .list-item .tit{position: relative; width:100%; height:60px; line-height:60px; text-align:center; border-radius:60px; font-size:18px; letter-spacing:-0.05em; font-weight:500; color:#fff; margin-bottom:48px; background:#1250b5; box-shadow: 10px 10px 35px 0px rgba(21,83,182,0.24);}
.envir-target-list .list-item .tit:before{position: absolute; content:''; width:1px; height:48px; top:100%; left:50%; transform:translate(0, 0%); background:#1250b5;}
.envir-target-list .list-item .tit:after{position: absolute; content:''; width:10px; height:10px; top:calc(100% + 48px); left:50%; transform:translate(-50%, -50%); background:#1250b5; border:5px solid #fff; border-radius:50%;}
.envir-target-list .list-item .inner-list{display: flex; flex-direction: column; justify-content: center; padding:40px; box-sizing:border-box; border:1px solid #1250b5; height:calc(100% - 108px); border-radius:8px;}
.envir-target-list .list-item .inner-list li p{position: relative; font-size:16px; line-height:1.875; letter-spacing:-0.05em; color:#414040; padding-left:10px;}
.envir-target-list .list-item .inner-list li p:before{position: absolute; content:'-'; top:0px; left:0;}

.envir-target-list .list-item:nth-child(1) .tit,
.envir-target-list .list-item:nth-child(1) .tit:before,
.envir-target-list .list-item:nth-child(1) .tit:after{background:#1250b5;}
.envir-target-list .list-item:nth-child(1) .inner-list{border-color:#1250b5;}
.envir-target-list .list-item:nth-child(2) .tit,
.envir-target-list .list-item:nth-child(2) .tit:before,
.envir-target-list .list-item:nth-child(2) .tit:after{background:#2873eb;}
.envir-target-list .list-item:nth-child(2) .inner-list{border-color:#2873eb;}
.envir-target-list .list-item:nth-child(3) .tit,
.envir-target-list .list-item:nth-child(3) .tit:before,
.envir-target-list .list-item:nth-child(3) .tit:after{background:#70a2f2;}
.envir-target-list .list-item:nth-child(3) .inner-list{border-color:#70a2f2;}

/* 환경경영 조직 */
.envir-org-box{border:5px solid #f6f6f6; padding:55px 45px; box-sizing:border-box; margin-top:40px;}
.org-top-box{margin-bottom:75px;}
.org-top-box .org-item{display: flex; align-items: flex-start; padding-bottom:40px;}
.org-top-box .org-item:last-child{padding-bottom:0;}
.org-top-box .org-item .left-box{position: relative; display: flex; flex-direction:column; align-items:center; justify-content: center; width:210px; /* height:60px; */ text-align:center; padding:22px 0; box-sizing:border-box; box-shadow: 10px 10px 35px 0px rgba(21,83,182,0.24);}
.org-top-box .org-item .left-box:before{position: absolute; content:''; width:75px; height:1px; top:36px; right:0; transform:translate(100%, calc(-50% + 0.5px));}
.org-top-box .org-item .left-box:after{position: absolute; content:''; width:7px; height:7px; border-radius:50%; border:3px solid #fff; top:36px; right:0; transform:translate(50%, -50%);}
.org-top-box .org-item .left-box .tit{font-size:18px; letter-spacing:-0.05em; color:#fff; font-weight:500; line-height:1.6;}
.org-top-box .org-item .left-box .plus-txt{font-size:12px; letter-spacing:-0.05em; color:#fff; font-weight:500; line-height:30px; padding:0 15px; border-radius:30px; background:#1250b5; margin-bottom:5px;}

.org-top-box .org-item .right-box{margin-left:75px; width:290px; border:2px solid #efefef; padding:22px 30px;}
.org-top-box .org-item .right-box .inner-list li p{position: relative; font-size:15px; line-height:1.875; letter-spacing:-0.05em; color:#414040; padding-left:10px;}
.org-top-box .org-item .right-box .inner-list li p:before{position: absolute; content:'-'; top:0px; left:0;}

.org-top-box .org-item:nth-child(1) .left-box,
.org-top-box .org-item:nth-child(1) .left-box:before,
.org-top-box .org-item:nth-child(1) .left-box:after{background:#1250b5;}
.org-top-box .org-item:nth-child(1) .right-box{border-left:3px solid #1250b5;}
.org-top-box .org-item:nth-child(2) .left-box,
.org-top-box .org-item:nth-child(2) .left-box:before,
.org-top-box .org-item:nth-child(2) .left-box:after{background:#2873eb;}
.org-top-box .org-item:nth-child(2) .right-box{border-left:3px solid #2873eb;}
.org-top-box .org-item:nth-child(3) .left-box,
.org-top-box .org-item:nth-child(3) .left-box:before,
.org-top-box .org-item:nth-child(3) .left-box:after{background:#70a2f2;}
.org-top-box .org-item:nth-child(3) .right-box{border-left:3px solid #70a2f2;}

.org-bottom-box{display: flex; justify-content:space-between;}
.org-bottom-box .org-item{width:calc(25% - 15px);}
.org-bottom-box .org-item .tit{position: relative; width:100%; height:60px; line-height:60px; text-align:center; background:#8c969c; font-size:18px; letter-spacing:-0.05em; color:#fff; font-weight:500; margin-bottom:15px;}
.org-bottom-box .org-item .tit:before{position: absolute; content:''; width:1px; height:15px; background:#dbdbdb; top:100%; left:50%;}
.org-bottom-box .org-item .tit .plus-txt{position: absolute; content:''; top:0; left:50%; transform:translate(-50%, -50%); height:27px; line-height:27px; padding:0 15px; background:#474849; border-radius:27px; font-size:12px; white-space: nowrap;}
.org-bottom-box .org-item .inner-list{background:#f6f6f6; padding:30px 20px; min-height:194px; height:calc(100% - 75px); box-sizing: border-box;}
.org-bottom-box .org-item .inner-list p{position: relative; font-size:15px; line-height:1.875; letter-spacing:-0.05em; color:#414040; padding-left:10px;}
.org-bottom-box .org-item .inner-list p:before{position: absolute; content:'-'; top:0px; left:0;}

/* 지속가능경영 테이블 */
.cm-table-box:first-child{margin-top:0;}
.cm-table-box{margin-top:40px;}
.cm-table-box .tbl-tit-box{display: flex; justify-content:space-between; margin-bottom:10px;}
.cm-table-box .tbl-tit-box .tbl-tit{font-size:20px; line-height:1.2; letter-spacing:-0.05em; color:#151515; font-weight:500;}
.cm-table-box .tbl-tit-box .tbl-txt{font-size:16px; line-height:1.6; letter-spacing:-0.05em; color:#414040;}
.cm-table-box .cm-tbl{width:100%; border-top:2px solid #4c4c4c;}
.cm-table-box .cm-tbl thead tr th,
.cm-table-box .cm-tbl tbody tr th,
.cm-table-box .cm-tbl tbody tr td{border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#f6f6f6; text-align:center; font-size:16px; color:#414040; padding:20px 10px;}
.cm-table-box .cm-tbl tbody tr th.cm-al{padding:20px 30px;}
.cm-table-box .cm-tbl tbody tr th .plus-txt{display: block; font-size:15px; font-weight:400; margin-top:6px;}
.cm-table-box .cm-tbl thead tr th{font-weight:600;}
.cm-table-box .cm-tbl tbody tr th{font-weight:500;}
.cm-table-box .cm-tbl tbody tr td{background:#fff;}
.cm-table-box .cm-tbl thead tr th:last-child,
.cm-table-box .cm-tbl tbody tr th:last-child,
.cm-table-box .cm-tbl tbody tr td:last-child{border-right:0;}

.cm-table-box .cm-tbl.cm-left-tbl thead tr th,
.cm-table-box .cm-tbl.cm-left-tbl tbody tr th,
.cm-table-box .cm-tbl.cm-left-tbl tbody tr td{text-align:left; padding:20px 20px;}
.tbl-inner-tit{display: flex; align-items:center; width:100%; text-align:left;}
.tbl-inner-tit i{margin-right:15px;}

.tbl-link{color:inherit; transition:all 0.4s;}
.tbl-link:hover{color:#0086ce;}

/* 환경법·규제 준수 */
.envir-step-wrapper{margin-top:60px;}
.envir-step-wrapper .inner-txt-box{margin-bottom:30px}
.envir-step-wrap{padding:60px 65px; box-sizing:border-box; border:5px solid #f6f6f6;}
.envir-step-list{position: relative; display: flex;}
.envir-step-list:before{position: absolute; content:''; width:100%; height:3px; top:47px; background: linear-gradient(to right,  rgba(112,162,242,1) 0%,rgba(18,80,181,1) 100%); }
.envir-step-list .list-item{position: relative; width:20%; text-align:center;}
.envir-step-list .list-item .step{position: relative; width:100%; font-size:15px; line-height:1.6; letter-spacing:-0.02em; font-weight:700; font-style: italic; margin-bottom:20px;}
.envir-step-list .list-item .step:before{position: absolute; content:'\e93f'; font-family:'xeicon'; font-size:15px; color:#6ea0f0; right:0; transform:translateX(50%); font-style: normal;}
.envir-step-list .list-item:last-child .step:before{display: none;}
.envir-step-list .list-item .circle{width:9px; height:9px; border-radius:50%; margin:0 auto 30px;}
.envir-step-list .list-item .txt{font-size:15px; line-height:1.6; letter-spacing:-0.05em; color:#414040}

.envir-step-list .list-item:nth-child(1) .step{color:#6ea0f0;}
.envir-step-list .list-item:nth-child(1) .circle{background:#6ea0f0;}
.envir-step-list .list-item:nth-child(2) .step{color:#598de3;}
.envir-step-list .list-item:nth-child(2) .circle{background:#598de3;}
.envir-step-list .list-item:nth-child(3) .step{color:#447ad4;}
.envir-step-list .list-item:nth-child(3) .circle{background:#447ad4;}
.envir-step-list .list-item:nth-child(4) .step{color:#2d66c5;}
.envir-step-list .list-item:nth-child(4) .circle{background:#2d66c5;}
.envir-step-list .list-item:nth-child(5) .step{color:#1653b7;}
.envir-step-list .list-item:nth-child(5) .circle{background:#1653b7;}


/* gray-box */
.manage-inner-gray-box:first-child{margin-top:0;}
.manage-inner-gray-box{background:#f7f7f7; padding:40px; box-sizing:border-box; margin-top:50px;}
.manage-inner-gray-box .inner-box-txt{font-size:16px; letter-spacing:-0.05em; line-height:1.5; color:#414040; margin-bottom:20px;}
.manage-inner-gray-box .inner-box-txt:last-child{margin-bottom:0;}
.manage-inner-gray-box .sign-txt{display: flex; justify-content:flex-end; align-items:center; margin-top:80px;}
.manage-inner-gray-box .sign-txt .date{font-size:16px; letter-spacing:-0.02em; color:rgba(38,38,38,0.5); margin-right:30px;}
.manage-inner-gray-box .sign-txt .name{font-size:18px; letter-spacing:-0.05em; color:#262626; margin-right:10px;}
.manage-inner-gray-box .sign-txt .name b{font-weight:500;}

.inner-dotted-txt{border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:35px; margin-bottom:35px;}
.inner-dotted-txt dt{position: relative; font-size:18px; line-height:1.66; letter-spacing:-0.05em; color:#000; font-weight:500; padding-left:14px; margin-bottom:7px;}
.inner-dotted-txt dt:before{position: absolute; content:''; width:6px; height:6px; background:#2f2f2f; border-radius:50%; top:12px; left:0;}
.inner-dotted-txt.no-border{border-bottom:0; padding-bottom:0;}

.inner-plus-box{background:#fff; padding:25px 30px; box-sizing:border-box; }
.inner-plus-box p{font-size:14.5px; line-height:1.7; letter-spacing:-0.05em; color:rgba(65,64,64,0.9); font-weight:400; margin-bottom:12px;}
.inner-plus-box p:last-child{margin-bottom:0;}


/* ******************* 책임경영 ******************* */
/* 중장기 로드맵 */
.respon-roadmap-wrap{display: flex; padding-bottom:60px;}
.respon-roadmap-wrap .left-box{width:405px;}
.respon-roadmap-wrap .left-box .mobile{display: none;}
.respon-roadmap-wrap .left-box img{max-width:100%;}
.respon-roadmap-wrap .right-box{position: relative; width:calc(100% - 405px);}
.respon-roadmap-wrap .right-box .list-item{position: absolute; display: flex; width:calc(100% - 70px);}
.respon-roadmap-wrap .right-box .list-item .dots{position: absolute; top:10px; left:-80px; width:40px; height:5px; display: flex; align-items:center; justify-content:space-between;}
.respon-roadmap-wrap .right-box .list-item .dots span{width:5px; height:5px; border-radius:50%; background:#70a2f2;}
.respon-roadmap-wrap .right-box .list-item .dots span:nth-child(1){opacity:0.2}
.respon-roadmap-wrap .right-box .list-item .dots span:nth-child(2){opacity:0.7}
.respon-roadmap-wrap .right-box .list-item .dots span:nth-child(3){opacity:1}
.respon-roadmap-wrap .right-box .list-item .icon{display: none;}
.respon-roadmap-wrap .right-box .list-item .tit{position: relative; font-size:22px; line-height:1.36; letter-spacing:-0.05em; color:#000; font-weight:700;}
.respon-roadmap-wrap .right-box .list-item .tit span{display: block; font-size:16px; line-height:1.875; color:rgba(0,0,0,0.6); font-weight:500;}
.respon-roadmap-wrap .right-box .list-item .inner-list{margin-left:22px;}
.respon-roadmap-wrap .right-box .list-item .inner-list p{position: relative; font-size:16px; line-height:1.875; letter-spacing:-0.05em; color:rgba(0,0,0,0.8); padding-left:10px;}
.respon-roadmap-wrap .right-box .list-item .inner-list p:before{position: absolute; content:'-'; top:0px; left:0;}

.respon-roadmap-wrap .right-box .list-item:nth-child(1){top:30px; left:70px; }
.respon-roadmap-wrap .right-box .list-item:nth-child(2){top:165px; left:120px;}
.respon-roadmap-wrap .right-box .list-item:nth-child(3){top:307px; left:70px;}


/* ******************* 안전경영 ******************* */
/* 목표 */
.respon-safety-schematic{position: relative; width:647px; height:647px; background:rgba(112,162,242,0.06); display: flex; align-items:center; justify-content:center; border-radius:50%; margin:150px auto 50px;}
.respon-safety-schematic .middle-circle{position: relative; width:342px; height:342px; background:#fff; border-radius:50%; box-shadow: 20px 20px 35px 0px rgba(21,83,182,0.2); display: flex; align-items:center; justify-content:center; margin:auto;}
.respon-safety-schematic .middle-circle:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:429px; height:429px; background:no-repeat center; background-size:cover; background-image:url('/images/content/safety_circle_bg.png');}
.respon-safety-schematic .middle-circle p{display: flex; flex-direction:column; text-align:center;}
.respon-safety-schematic .middle-circle p .small{font-size:18px; letter-spacing:-0.05em; color:rgba(38,38,38,0.6); font-weight:700;}
.respon-safety-schematic .middle-circle p .big{font-size:30px; letter-spacing:-0.05em; line-height:1.33; color:rgba(38,38,38,1); font-weight:700; margin-bottom:8px;}
.respon-safety-schematic .middle-circle p .big:last-child{margin-bottom:0;}

.respon-safety-schematic .circle{position: absolute; width:200px; height:200px; border-radius:50%; display: flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow: 20px 20px 35px 0px rgba(21,83,182,0.2);}
.respon-safety-schematic .circle .txt{margin-top:10px; font-size:18px; line-height:1.44; letter-spacing:-0.05em; color:#fff; font-weight:500;}

.respon-safety-schematic .circle.circle01{top:0; left:50%; transform:Translate(-50%, -60%); background:#70a2f2;}
.respon-safety-schematic .circle.circle02{top:80%; left:0%; transform:Translate(-50%, -50%); background:#2873eb;}
.respon-safety-schematic .circle.circle03{top:80%; left:100%; transform:Translate(-50%, -50%); background:#1250b5;}

/* 안전보건 경영시스템 */
.safety-certi-con{display: flex; justify-content:space-between; margin-top:40px;}
.safety-certi-con .certi-item{display: flex; align-items:center; width:calc(50% - 12px); background:#f7f7f7; padding:38px 34px; box-sizing:border-box;	}
.safety-certi-con .certi-item .img-box{width:35.31%;}
.safety-certi-con .certi-item .img-box img{max-width:100%;}
.safety-certi-con .certi-item .info-box{width:64.69%; padding-left:40px; box-sizing:border-box;}
.safety-certi-con .certi-item .info-box .tit{font-size:24px; line-height:1.25; letter-spacing:-0.02em; color:#414040; font-weight:500; margin-bottom:17px;}
.safety-certi-con .certi-item .info-box .btn-box{}
.safety-certi-con .certi-item .info-box .btn-box .certi-btn{display: flex; align-items:center; justify-content:space-between; width:124px; height:40px; padding:0 14px; box-sizing:border-box; border:1px solid #9f9f9f; margin-bottom:5px; transition:all 0.4s; font-size:15px; letter-spacing:-0.02em; color:rgba(38,38,38,0.5);}
.safety-certi-con .certi-item .info-box .btn-box .certi-btn i{font-size:18px;}
.safety-certi-con .certi-item .info-box .btn-box .certi-btn:last-child{margin-bottom:0;}
.safety-certi-con .certi-item .info-box .btn-box .certi-btn:hover{color:rgba(38,38,38,1); border-color:#000;}

/* 안전보건 소통센터 */
.safety-step-con{display: flex; justify-content:space-between;}
.safety-step-con .step-item{width:calc(25% - 6px); text-align:center;}
.safety-step-con .step-item .icon{margin-bottom:30px;}
.safety-step-con .step-item .step{width:100%;}
.safety-step-con .step-item .step img{max-width:100%; filter:drop-shadow(10px 10px 20px rgba(21,83,182,0.17));}
.safety-step-con .step-item .txt-box{margin-top:35px; padding:0 17px; box-sizing:border-box;}
.safety-step-con .step-item .txt-box .tit{font-size:20px; line-height:1.5; letter-spacing:-0.05em; color:#000; font-weight:500;}
.safety-step-con .step-item .txt-box .txt{font-size:16px; line-height:1.625; letter-spacing:-0.05em; color:rgba(20,20,20,0.8); margin-top:10px;}
.safety-step-con .step-item .txt-box .txt .plus-txt{display: block; font-size:14px; color:rgba(20,20,20,0.5); margin-top:10px;}


/* ******************* 동반성장경영 ******************* */
/* 동반성장경영 */
.manage-growth-box{margin-top:60px;}
.manage-growth-box .growth-item{display: flex; border:1px solid; box-sizing:border-box; overflow:hidden; margin-bottom:20px; border-radius:6px;}
.manage-growth-box .growth-item:last-child{margin-bottom:0;}
.manage-growth-box .growth-item .icon-box{display: flex; align-items:center; justify-content:center; width:120px;}
.manage-growth-box .growth-item .right-box{display: flex; align-items:center; padding:25px 20px 25px 35px; box-sizing:border-box; width:calc(100% - 120px);}
.manage-growth-box .growth-item .right-box .txt-box{width:calc(100% - 140px);}
.manage-growth-box .growth-item .right-box .txt-box dt{font-size:18px; line-height:1.625; letter-spacing:-0.05em; color:#000; font-weight:500; margin-bottom:5px;}
.manage-growth-box .growth-item .right-box .txt-box dd{font-size:16px; line-height:1.625; letter-spacing:-0.05em; color:#414040;}
.manage-growth-box .growth-item .right-box .growth-btn{display: flex; flex-direction:column; justify-content:center; width:100px; height:100px; margin-left:40px; background:#f3f3f3; border-radius:4px; text-align:center; color:#000; transition:all 0.4s;}
.manage-growth-box .growth-item .right-box .growth-btn i{font-size:18px; }
.manage-growth-box .growth-item .right-box .growth-btn span{font-size:16px; line-height:1.625; letter-spacing:-0.05em; margin-top:10px;}

.manage-growth-box .growth-item .right-box .growth-btn:hover{color:#fff;}

.manage-growth-box .growth-item:nth-child(1){border-color:#71a1f3;}
.manage-growth-box .growth-item:nth-child(1) .icon-box{background:#71a1f3;}
.manage-growth-box .growth-item:nth-child(1) .right-box .growth-btn:hover{background:#71a1f3;}
.manage-growth-box .growth-item:nth-child(2){border-color:#2872eb;}
.manage-growth-box .growth-item:nth-child(2) .icon-box{background:#2872eb;}
.manage-growth-box .growth-item:nth-child(2) .right-box .growth-btn:hover{background:#2872eb;}
.manage-growth-box .growth-item:nth-child(3){border-color:#1250b5;}
.manage-growth-box .growth-item:nth-child(3) .icon-box{background:#1250b5;}
.manage-growth-box .growth-item:nth-child(3) .right-box .growth-btn:hover{background:#1250b5;}
.manage-growth-box .growth-item:nth-child(4){border-color:#082b62;}
.manage-growth-box .growth-item:nth-child(4) .icon-box{background:#082b62;}
.manage-growth-box .growth-item:nth-child(4) .right-box .growth-btn:hover{background:#082b62;}

/* 하도급위원회 */
.growth-org-con{}
.growth-org-con .manage-inner-gray-box{margin-top:15px;}
.growth-org-con .org-tit-box{display: flex; justify-content:space-between; align-items:flex-end;}
.growth-org-con .org-tit-box .tit{font-size:24px; line-height:1.2; letter-spacing:-0.05em; color:#262626; font-weight:500;}
.growth-org-con .org-tit-box .btn-list{display: flex;}
.growth-org-con .org-tit-box .btn-list .cm-down-btn-box{margin-top:0; margin-left:10px;}
.growth-org-con .org-tit-box .btn-list .cm-down-btn-box:first-child{margin-left:0;}

.manage-inner-gray-box .inner-check-txt{position: relative; font-size:18px; line-height:1.77; letter-spacing:-0.05em; color:rgba(38,38,38,0.8); padding-left:30px; margin-bottom:3px;}
.manage-inner-gray-box .inner-check-txt:before{position: absolute; content:'\e92b'; font-family:'xeicon'; font-size:20px; color:#262626; top:0; left:0;}
.manage-inner-gray-box .inner-check-txt:last-child{margin-bottom:0;}

.growth-org-box{border:5px solid #f6f6f6; box-sizing:border-box; padding:65px; overflow:hidden; margin-top:35px;}
.growth-org-box .org-item{position: relative; display: flex; flex-direction:column; align-items:center; justify-content:center; height:90px;}
.growth-org-box .org-item:before{position: absolute; content:''; width:1px; height:35px; background:#d9d9da; left:50%;}
.growth-org-box .org-item .txt01{font-size:16px; line-height:1.875; letter-spacing:-0.05em; color:#fff; font-weight:500;}
.growth-org-box .org-item .txt02{font-size:18px; line-height:1.66; letter-spacing:-0.05em; color:#fff; font-weight:500; text-align: center;}

.growth-org-box .org-head{margin-bottom:70px;}
.growth-org-box .org-head .org-item{background:#1250b5; width:210px; margin:auto;}
.growth-org-box .org-head .org-item:before{bottom:0; transform:translateY(100%);}

.growth-org-box .org-body{display: flex; justify-content:space-between;}
.growth-org-box .org-body .org-item{background:#2873eb; width:calc(25% - 12px)}
.growth-org-box .org-body .org-item .circle{position: absolute; width:7px; height:7px; border-radius:50%; background:#dbdbdb; top:-34px; left:50%; transform:translate(-50%, -50%); z-index:9;}
.growth-org-box .org-body .org-item:before{top:0; transform:translateY(-100%);}
.growth-org-box .org-body .org-item:after{position: absolute; content:''; width:150%; height:1px; background:#d9d9da; top:-35px; left:50%;}
.growth-org-box .org-body .org-item:last-child:after{background:#fff;}

/* 소통채널 */
.column-txt-box .inner-email{display: inline-flex; align-items:center; height:54px; background:#f3f3f3; min-width:360px; padding:0 23px; box-sizing:border-box;}
.column-txt-box .inner-email i{font-size:20px; color:#000; margin-right:15px;}
.column-txt-box .inner-email span{font-size:16px; color:#727272; font-weight:500; letter-spacing:-0.02em;}
.column-txt-box .inner-email span em{color:#000000;}

/* 250604 yj 환경법 리스크 대응 추가 */
.environmental-process-list {margin: 0; margin-top: 22px;}
.environmental-process-list > li {display: flex; flex-direction: column; position: relative; width: calc((100% - 90px) / 4); margin-right: 30px; border: 1px solid #1250b5; box-sizing:border-box; -webkit-box-shadow: 8px 20px 50px -6px rgba(21, 83, 182, 0.24);
-moz-box-shadow: 8px 20px 50px -6px rgba(21, 83, 182, 0.24);
box-shadow: 8px 20px 50px -6px rgba(21, 83, 182, 0.24);}
.environmental-process-list > li:last-of-type {margin-right: 0;}
.environmental-process-list .tit {display: inline-block; width: 100%; font-size:18px; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height: 60px; background: #1250b5; text-align:center; height: 60px; padding: 0 10px; box-sizing:border-box;}
.environmental-process-list .inner-list {background: #fff; padding: 16.5px 0px;} 
.environmental-process-list .inner-list li {font-size:15px; color: #414040; line-height:1.25; margin-top: 12px; padding: 0 20px;}
.environmental-process-list .inner-list li:first-of-type {margin-top: 0;}
.environmental-process-list .arrow {position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
   
    display: flex
;}
.environmental-process-list .arrow i:nth-child(1){color: rgba(18,80,181,0.5);}
.environmental-process-list .arrow i:nth-child(2){color: #1250b5; margin-left: -14px;}

@media all and (max-width:950px){
	.environmental-process-list {margin-top: -10px;}       
	.environmental-process-list > li {width: calc((100% - 30px) / 2); margin-top: 20px;}
	.environmental-process-list > li:nth-of-type(even) {margin-right: 0;}
	.environmental-process-list > li:nth-of-type(2) .arrow {display:none;}
}

@media all and (max-width:480px){
	.environmental-process-list > li {width: 100%; margin-right: 0; margin-top: 40px;}
	.environmental-process-list > li .arrow {
		right: initial;
		left: 50%;
		top: calc(100% + 10px);
		transform: translateY(0) translateX(-50%) rotate(90deg);
	}
	.environmental-process-list > li:first-of-type {margin-top: 20px;}
	.environmental-process-list > li:nth-of-type(2) .arrow {display:flex;}
	
}

/* 250604 yj 인재상 추가 */
.person-program-box {margin-top: 135px;}
.person-program-tit {text-align:center;}
.worker-program-box > .box {margin-top: 100px;}
.worker-program-box > .box img {max-width:100%;}
.worker-program-box > .box:first-of-type {margin-top: 0;}

@media all and (max-width:800px){
	.worker-program-box > .box {margin-top: 50px;}
}

/* 250604 yj 지속가능경영활동 추가 */
.cm-column-txt-con.activity .column-tit-box {align-self:flex-start;}
.responsibility-activity li .inner-slide {display:flex !important; align-items:center; border: 4px solid #f6f6f6; padding: 25px;}
.responsibility-activity li .img-box {margin-right: 50px; width: 350px;}
.responsibility-activity li .img-box img {max-width:100%; -webkit-box-shadow: 8px 20px 37px -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 8px 20px 37px -1px rgba(0, 0, 0, 0.2);
box-shadow: 8px 20px 37px -1px rgba(0, 0, 0, 0.2); }
.responsibility-activity .txt-box {width: calc(100% - (350px + 50px)); display: flex; flex-direction: column; justify-content:space-between; padding: 22px 0;}
.responsibility-activity .txt-box .tit {font-size:22px; letter-spacing:-0.02em; color: #000; font-weight: 500; line-height:1.637em; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.responsibility-activity .txt-box .txt {font-size:18px; letter-spacing:-0.05em; color: rgba(38,38,38,0.8); line-height:1.777em; margin-top: 10px; 
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.responsibility-activity .txt-box .date {font-size:16px; letter-spacing:-0.05em; color: rgba(136,136,136,0.8); line-height:1.777em; margin-top: 55px;}
.activity-nav {position: relative; right: -8px; width: 4rem; display: flex; align-items: center; justify-content: flex-end;}
.activity-nav button {font-size:24px; color: #000; line-height:1.2;}
.activity-nav button.swiper-button-disabled i {color: rgba(0,0,0,0.4);}

.progress {display: block; width: calc(100% - 65px); height: 3px; background: rgba(0,0,0,0.1); }
.progress-bar {height: 3px; background-color: #FFF; background-image:linear-gradient(to right, #555, #555);  background-repeat: no-repeat; z-index: 2;}

/* .responsibility-activity-container + .bottom {display:flex; justify-content: space-between; margin-top: 38px;} */

.activity-controls {    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;}
.activity-pagination {width: 100%; position: relative; height: 2px; background: rgba(0,0,0,0.1);}
.activity-controls .activity-pagination, .activity-controls .swiper-scrollbar {position: relative;
    width: calc(100% - 4rem);
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    margin-right: 0;
    }
.activity-controls .activity-pagination .swiper-pagination-progressbar-fill {background: #000;}

@media all and (max-width:1200px){
	.responsibility-activity .txt-box .tit {font-size:20px;}
	.responsibility-activity .txt-box .txt {font-size:16px;}
}

@media all and (max-width:960px){
	.responsibility-activity li .img-box {width: 280px;}
	.responsibility-activity .txt-box {width: calc(100% - (280px + 50px));}
}

@media all and (max-width:800px){
	.responsibility-activity li .inner-slide {    flex-direction: column;}
	.responsibility-activity li .img-box {margin-right: 0; width: 100%; text-align: center;}
	.responsibility-activity .txt-box {width: 100%; margin-top: 20px; padding: 20px 0 0;}
	.responsibility-activity .txt-box .date {margin-top: 30px;}
}

/* 팝업 */

.at-modal-content {
	position: relative;
	width: 96%;
	max-width:720px;
	margin: 30px auto;
}
.at-inner-box {
	padding: 60px;
	background-color: #fff;
}

.at-inner-box .img-box img {max-width:100%; -webkit-box-shadow: 5px 8px 34px -11px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 8px 34px -11px rgba(0, 0, 0, 0.2);
box-shadow: 5px 8px 34px -11px rgba(0, 0, 0, 0.2);}

.at-modal-content .modal-close-btn {
	top: -6px;
	right: -50px;
}

.at-modal-content .txt-box {margin-top: 40px; max-height: 300px; overflow-x: hidden; overflow-y: scroll;}
.at-modal-content .txt-box .tit {font-size:24px; color: #000; font-weight: 500; line-height:1.5em; letter-spacing:-0.02em; }
.at-modal-content .txt-box .txt {font-size:18px; letter-spacing:-0.05em; color: rgba(38,38,38,0.8); line-height:1.778em; margin-top: 16px;}
.at-modal-content .date {font-size:16px; color: #888; letter-spacing:-0.05em; line-height:1.25; margin-top: 47px;}

@media all and (max-width:850px){
	.at-modal-content {
		width: 80%;

	}
	.at-inner-box {padding: 40px;}
}

@media all and (max-width:800px){
	.at-modal-content .modal-close-btn {right: -30px; top: -3px;}
	.at-modal-content .txt-box .tit {font-size:20px;}
	.at-modal-content .txt-box .txt {font-size:15px;}
}

@media all and (max-width:480px){
	.at-inner-box {padding: 30px;}
	.at-modal-content .date {margin-top: 30px;}
}


/* 250903 jy 분석센터 + 사업영역 추가 */
/* KOLAS 소개 */
.analysis-con {border-top: 2px solid #000;}
.analysis-con .cm-column-txt-con {border-bottom: 1px dashed rgba(0,0,0,0.1) ;}
.analysis-con .cm-column-txt-con:last-of-type {border-bottom: 0;}
.analysis-con .column-tit-box h4 {font-weight: 700;}
.analysis-intro01 {display: flex; align-items: center; padding-bottom: 45px; border-bottom: 2px solid #000;}
.analysis-intro01 .txt-box {width:73.27% ; padding-right: 30px; box-sizing: border-box;}
.analysis-intro01 .txt-box .txt01 {font-size: 24px; font-weight: 700; letter-spacing: -0.5px; color: #262626; line-height: 1.5;}
.analysis-intro01 .txt-box .txt02 {font-size: 18px; font-weight: 500; letter-spacing: -0.5px; color: #262626; line-height: 1.83; padding-top: 20px;}
.analysis-intro01 .txt-box .txt03 {font-size: 18px; font-weight: 400; letter-spacing: -0.5px; color: rgba(38,38,38,0.8); padding-top: 15px;}
.analysis-intro01 .logo-box { width: 26.73%;}
.analysis-intro01 .logo-box .inner {position: relative; width: 100%; height: 0; padding-top: 100%;}
.analysis-intro01 .logo-box .inner span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 2rem; display: flex; align-items: center; justify-content: center; background: #f2f2f2; box-sizing: border-box;}
.analysis-intro01 .logo-box img {max-width: 100%; mix-blend-mode: darken;}
.analysis-intro02 .cm-column-txt-con {align-items: center;}
.analysis-intro02 .logo-box {width: 25.668%;}
.analysis-intro02 .logo-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 54.166%; background: #f6f6f6;}
.analysis-intro02 .logo-box span img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  mix-blend-mode: darken;}
.analysis-intro02 .txt-box {width: 74.332%; padding-left: 50px; box-sizing: border-box;}
.analysis-intro02 .txt-box .tit {position: relative; display: block; font-size: 24px;color: #262626; padding-left: 20px;margin-bottom: 10px;}
.analysis-intro02 .txt-box .tit:before {content: ""; width: 14px; height: 16px;   background: url(/images/content/sub_tit_circle.png) no-repeat; position: absolute; left: 0;top: 0;}
.analysis-intro02 .txt-box .txt {font-size: 16px; font-weight: 400; letter-spacing: -0.5px; color: #262626; line-height: 1.625;}
.analysis-intro03 {display: flex; flex-wrap: wrap; margin: 0 -10px;}
.analysis-certifi-item {width: calc(50% - 20px); margin: 0 10px;}
.analysis-certifi-item .inner {width: 100%; background: #f6f6f6; padding: 54px 0 60px; text-align: center; box-sizing: border-box;}  
.analysis-certifi-item .inner .img-con {position: relative; width: 62.72%; margin: 0px auto;}
.analysis-certifi-item .inner .img-con span {display: block; position: relative; width: 100%; height: 0; padding-top: 139.14%; box-shadow: 10px 10px 18px rgba(0,0,0,0.1);}
.analysis-certifi-item .inner .img-con span img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.analysis-certifi-item .inner strong {display: block; text-align: center; padding: 0 30px; box-sizing: border-box; font-size: 18px; font-weight: 500; letter-spacing: -0.25px; color: rgba(38,38,38,0.8); margin-top: 20px;}

@media all and (max-width:1280px){
	.pc-br {display: none;}
	.analysis-intro01 {flex-direction: column-reverse; align-items: start;}
	.analysis-intro01 .logo-box {width: 40%;}
	.analysis-intro01 .txt-box {width: 100%; margin-top: 20px;}
	.analysis-intro02 .logo-box {width: 30%;}
	.analysis-intro02 .txt-box {width: 100%; padding-left: 0; margin-top: 20px;}
}
@media all and (max-width:800px){
	.analysis-intro01 .logo-box {width: 50%;}
	.analysis-intro01 .txt-box .txt01 {font-size: 17px;}
	.analysis-intro01 .txt-box .txt02 {font-size: 14px; padding-top: 10px;}
	.analysis-intro01 .txt-box .txt03 {font-size: 14px; padding-top: 10px;}
	.analysis-intro02 .logo-box {width: 50%;}
	.analysis-intro02 .txt-box .tit {font-size: 17px;}
	.analysis-intro02 .txt-box .txt {font-size: 13px;}
	.analysis-certifi-item .inner {padding: 30px 0 34px;}
	.analysis-certifi-item .inner strong {font-size: 14px; }
}
@media all and (max-width:480px){
	.analysis-intro01 .logo-box .inner {padding-top: 62%;}
	.analysis-intro01 .logo-box {width: 100%;}
	.analysis-intro02 .logo-box {width: 100%;}
	.analysis-intro02 .logo-box span img {  top: 50%;left: 50%;  width: 70%; height: auto; transform: translate(-50%, -50%);}
	
	.analysis-intro03 {margin: -10px 0;}
	.analysis-certifi-item {width: 100%; margin: 10px 0;}
}

/* 시험항목 & KOLAS 인정현황 */
.analysis-tbl-tit {font-size: 26px; font-weight: 700; letter-spacing: -0.25px; color: #222; line-height: 1.3; margin-bottom: 25px;}
.analysis-tbl {width: 100%; border-top: 2px solid #000;}
.analysis-tbl th,
.analysis-tbl td {padding: 10px; height: 54px; border-bottom: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); text-align: center; letter-spacing: -0.25px; line-height: 1.3; box-sizing: border-box;}
.analysis-tbl th:first-child,
.analysis-tbl td:first-child {border-left: 0;}
.analysis-tbl th {background: #f2f2f2; font-size: 16px; font-weight: 700; color: #222;}
.analysis-tbl td {font-size: 15px; font-weight: 400; color: #414141;}

@media all and (max-width:800px){
	.analysis-tbl-tit {font-size: 18px;}
	.analysis-tbl th,
	.analysis-tbl td {height: 47px; padding: 5px; font-size: 13px;}
}

/* 시험접수 */
.analysis-process-con {display: table; width: 100%;  table-layout: fixed; border: 6px solid #f6f6f6;box-sizing: border-box; }
.analysis-process-group { display: table-column-group;}
.analysis-process-group .group-item {  display: table-column;}
.analysis-process-head { display: table-header-group;}
.analysis-process-head .head-item { display: table-cell;vertical-align: middle; height: 59px; text-align: center;background: #fff;color: #414040;font-weight: 700;  font-size: 18px; letter-spacing: -0.5px; border-left: 1px dotted rgba(0,0,0,0.1);}
.analysis-process-head .head-item:first-child {border-left: 0;}
.analysis-process-body {display: table-row-group;}
.analysis-process-row { display: table-row;  width: 100%;}
.analysis-process-row:nth-child(odd) {background: #f9f9f9;}
.analysis-process-row .column { display: table-cell;vertical-align: top; padding: 40px 55px; text-align: center;border-left: 1px dotted rgba(0,0,0,0.1); box-sizing: border-box;}
.analysis-process-row .column.cm-vm {vertical-align: middle;}
.analysis-process-row .column:first-child {border-left: 0;}
.analysis-process-row .column .tit-box {width: 79.21%; margin: 0 auto;}
.analysis-process-row .column .tit-box .inner {position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 50%; box-shadow: 10px 10px 35px rgba(21,83,182,0.24); }
.analysis-process-row .column .tit-box .inner:before {position: absolute; content: ''; width: 1px; height: 150px; top: -150px; left: 50%; margin-left: -0.5px; background-color: #dbdbdb;}
.analysis-process-row .column .tit-box .inner:after {position: absolute; content: '\e929'; width: 20px; height: 20px; top: -20px; left: 50%; margin-left: -10px; font-family: xeicon; font-size: 14px; line-height: 20px; color: #fff; background: #dbdbdb; border-radius: 50%;}
.analysis-process-row.row01 .column .tit-box .inner:before,
.analysis-process-row.row01 .column .tit-box .inner:after {display: none;}
.analysis-process-row .column .tit-box .inner dl {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 1; border-radius: 50%; }
.analysis-process-row .column .tit-box .inner dl dd {font-size: 18px; font-weight: 500; letter-spacing: -0.5px; color: #fff; line-height: 1.3; margin-top: 13px;}
.analysis-process-row.row01 .column .tit-box .inner dl {background: #1250b5;}
.analysis-process-row.row02 .column .tit-box .inner dl {background: #2873eb;}
.analysis-process-row.row03 .column .tit-box .inner dl {background: #70a2f2;}
.analysis-process-row .column .txt-box {position: relative; width: 100%; height: 60px;  border: 3px solid #1250b5; z-index: 1; box-sizing: border-box;}
.analysis-process-row .column .txt-box + .txt-box {margin-top: 30px;}
.analysis-process-row .column .txt-box span {display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fff; font-size: 15px; font-weight: 400; letter-spacing: -0.15px; color: #414040; line-height: 1.5; }
.analysis-process-row.row02 .column .txt-box {border-color: #2873eb;}
.analysis-process-row.row03 .column .txt-box {border-color: #70a2f2;}
.analysis-process-row.row01 .column .txt-box.arrow-r:before {position: absolute; content: ''; width: 138px; height: 9px; right: -104px; top: 50%; margin-top: -4.5px; background: url(/images/content/analysis_arrow01.png)no-repeat 0 0 /100%; z-index: -1;}
.analysis-process-row.row01 .column .txt-box.arrow-l:before {position: absolute; content: ''; width: 138px; height: 9px; left: -118px; top: 58px; background: url(/images/content/analysis_arrow01.png)no-repeat 0 0 /100%; z-index: -1; transform: rotate(145deg);}
.analysis-process-row.row02 .column .txt-box.arrow-r:before {position: absolute; content: ''; width: 101px; height: 9px; right: -104px; top: 50%; margin-top: -4.5px; background: url(/images/content/analysis_arrow02.png)no-repeat 0 0 /100%; z-index: -1;}
.analysis-process-row .column .txt-box.arrow-b:before {position: absolute; content: ''; width: 9px; height: 22px; bottom: -25px; left: 50%; margin-left: -4.5px;  z-index: -1;}
.analysis-process-row.row02 .column .txt-box.arrow-b:before {background: url(/images/content/analysis_arrow03.png)no-repeat 0 0 /100%;}
.analysis-process-row.row03 .column .txt-box.arrow-b:before {background: url(/images/content/analysis_arrow04.png)no-repeat 0 0 /100%;}
.analysis-btn {display: block; width: 230px; height: 62px; line-height: 62px; text-align: center; background: #0086ce; margin: 45px auto 0; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; color: #fff; }

@media all and (max-width:1280px){
	.analysis-process-row .column {padding: 40px 30px;}
	.analysis-process-row .column.cm-vm {padding: 40px 15px;}
	.analysis-process-row.row01 .column .txt-box.arrow-r:before,
	.analysis-process-row.row02 .column .txt-box.arrow-r:before{ right: -55px;}
	.analysis-process-row.row01 .column .txt-box.arrow-l:before {left: -80px;top: 48px; transform: rotate(132deg);}
}
@media all and (max-width:800px){
	.analysis-process-row .column {padding: 30px;}
	.analysis-process-row .column.cm-vm {padding: 30px;}
	.analysis-process-head .head-item {font-size: 14px;}
	.analysis-process-row .column .tit-box .inner dt img {height: 40px;}
	.analysis-process-row .column .tit-box .inner dl dd {font-size: 14px; margin-top: 10px;}
	.analysis-process-row .column .txt-box span {font-size: 13px;}
	.analysis-con .column-tit-box {width: 100%; margin-bottom: 20px;}
	.analysis-con .column-txt-box {width: 100%;}
	.analysis-con .custom-scrollbar-cover {z-index: 3;}
	.analysis-btn {font-size: 14px;}
}
@media all and (max-width:480px){
	.analysis-btn {width: 100%;}
}

/* 고객센터 - 시험접수 */
.registration-con {border-top: 2px solid #000;}
.registration-con .cm-column-txt-con {border-bottom: 1px dashed rgba(0,0,0,0.1) ;}
.registration-con .cm-column-txt-con:last-of-type {border-bottom: 0;}
.registration-con .column-tit-box h4 {font-weight: 700;}
.registration-con .sub-con-tit {font-size: 24px; font-weight: 700; letter-spacing: -0.5px; color: #262626; line-height: 1.5; margin-bottom: 25px;}
.registration-process {display: flex; flex-wrap: wrap; margin: 0 -16px;}
.registration-process li {position: relative; width: calc(25% - 32px); margin: 0 16px; box-shadow: 10px 10px 35px rgba(21,83,182,0.24); text-align: center;}
.registration-process li:before {position: absolute; content: '\e93e'; top: 50%; right: -26px; margin-top: -10px; font-family: xeicon; font-size: 20px; color: rgba(38,38,38,0.5);}
.registration-process li:last-child:before {display: none;}
.registration-process li .num {display: block; height: 40px; line-height: 40px; font-size: 14px; font-style: italic; letter-spacing: -0.2px; color: #fff;}
.registration-process li:nth-child(1) .num {background: #6ea0f0;}
.registration-process li:nth-child(2) .num {background: #2873eb;}
.registration-process li:nth-child(3) .num {background: #1250b5;}
.registration-process li:nth-child(4) .num {background: #112863;}
.registration-process li .inner {padding: 50px 10px 45px; border-top: 0 !important; background: #fff;box-sizing: border-box;}
.registration-process li:nth-child(1) .inner {border: 1px solid #6ea0f0;}
.registration-process li:nth-child(2) .inner {border: 1px solid #2873eb;}
.registration-process li:nth-child(3) .inner {border: 1px solid #1250b5;}
.registration-process li:nth-child(4) .inner {border: 1px solid #112863;}
.registration-process li .inner .icon {display: inline-block; margin-bottom: 25px;}
.registration-process li .inner .icon img {max-width: 100%;}
.registration-process li .inner dl dt {font-size: 20px; font-weight: 700; letter-spacing: -0.5px; color: #000; line-height: 1.3;}
.registration-process li .inner dl dd {font-size: 16px; font-weight: 400; letter-spacing: -0.5px; color: #000; line-height: 1.5; padding-top: 8px;}
.registration-guide-con .guide-txt01 {font-size: 16px; font-weight: 400; letter-spacing: -0.5px; color: #414040; line-height: 1.5; opacity: 0.8; padding: 30px 0 20px;}
.registration-guide-con .guide-txt02 {font-size: 18px; font-weight: 400; letter-spacing: -0.5px; color: #262626; line-height: 1.7; opacity: 0.8; padding-top: 33px;}

.registration-write-con {padding-top: 50px; border-top: 1px dashed rgba(0,0,0,0.1);}
.bbs-write-tbl.registration-write-tbl th,
.bbs-write-tbl.registration-write-tbl td{padding:8px 20px; box-sizing: border-box;}
.bbs-write-tbl.registration-write-tbl th {padding: 8px 5px 8px 20px;}
.bbs-write-tbl.registration-write-tbl .write-input, 
.bbs-write-tbl.registration-write-tbl .write-select, 
.bbs-write-tbl.registration-write-tbl .write-textarea {width: 100%;}
.bbs-write-tbl.registration-write-tbl .write-input::placeholder {color: #aaa;}
.phone-fieldset .write-input,
.phone-fieldset .write-select{width:calc(33.33% - 18px) !important;}

/* 공통 :: 라디오 */
.custom-radio-item-box2{margin:0 -20px}
.custom-radio-item-box2 .custom-radio-item2{margin:3px 20px}
.custom-radio-item2{display:inline-block; vertical-align:middle;}
.custom-radio-item2 input[type="radio"]{display:none; display/*\**/: inline-block\9;} /* ie7, ie8 display:inline-block */
.custom-radio-item2 label{display:inline-block; position:relative; padding-left:20px; color:#333; font-size:13px; letter-spacing:-0.5px; line-height:13px; }
.custom-radio-item2 label::before{font-family: 'xeicon'; content: "\e9c6"; position:absolute; top:0; left:0px; font-size:16px; color:#ccc;}
.custom-radio-item2 label strong{display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; color:#333;}
.custom-radio-item2 input[type="radio"]:checked + label::before{color:#0086ce; content: "\e9c7";}

.custom-radio-item3{display:inline-block; vertical-align:middle;}
.custom-radio-item3 input[type="radio"],
.custom-radio-item3 input[type="checkbox"] {display:none; display/*\**/: inline-block\9;} /* ie7, ie8 display:inline-block */
.custom-radio-item3 label{display:inline-block; position:relative; padding-left:20px; color:#333; font-size:13px; letter-spacing:-0.5px; line-height:13px; }
.custom-radio-item3 label::before{font-family: 'xeicon'; content: "\ea0e"; position:absolute; top:0; left:0px; font-size:16px; color:#ccc;}
.custom-radio-item3 label strong{display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; color:#333;}
.custom-radio-item3 input[type="radio"]:checked + label::before,
.custom-radio-item3 input[type="checkbox"]:checked + label::before{color:#0086ce; content: "\e92d";}

.registration-table-box {margin-top: 50px;}
.registration-tbl {width: 100%; border-top: 1px solid #333333;}
.registration-tbl thead tr th, 
.registration-tbl tbody tr td {border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; background: #f6f6f6; font-size: 14px; color: #414040;line-height: 1.2; padding: 20px; box-sizing: border-box; font-size: 13px;}
.registration-tbl tbody tr td {padding: 17px 20px; background: #fff; font-size: 13px;}
.registration-tbl thead tr th:last-child {border-right: 0;}
.registration-tbl .custom-radio-item-box2{margin:0 -18px}
.registration-tbl .custom-radio-item-box2 .custom-radio-item2{margin:3px 18px}
.registration-tbl .txt-box {margin-bottom: 15px;}
.registration-tbl .txt01 {font-size: 14px; font-weight: 500; letter-spacing: -0.5px; line-height: 1.3em; color: #262626; margin-bottom: 15px;}
.registration-tbl .txt02 {position: relative; padding-left: 7px; font-size: 14px; font-weight: 400; letter-spacing: -0.5px; line-height: 2.1em; color: #464646;}
.registration-tbl .txt02:before {content: '-'; position: absolute; left: 0;}
.registration-tbl .write-textarea {width: 100%; height: 440px; background-color: #fff;border: 1px solid #d2d2d2; font-size: 14px; vertical-align: middle; padding: 10px;  box-sizing: border-box;}

.registration-tbl-bottom {padding: 20px; border-bottom: 1px solid #ddd; background: #f6f6f6;}
.registration-tbl-bottom strong {display: flex; align-items: center; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; color: #262626; line-height: 1.3;}
.registration-tbl-bottom strong i {font-size: 16px; font-weight: 400; margin-right: 6px;}
.registration-tbl-bottom .txt {font-size: 14px; font-weight: 400; letter-spacing: -0.5px; color: #464646; line-height: 1.8; margin-top: 10px;}

@media all and (max-width:1280px){
	.bbs-write-tbl.registration-write-tbl th,
	.bbs-write-tbl.registration-write-tbl td {padding: 8px 5px 8px 10px !important;}
	.registration-process {margin: -16px;}
	.registration-process li {width: calc(50% - 32px); margin: 16px;}
	.registration-process li:before {display: none;}
	.registration-tbl thead tr th, 
	.registration-tbl tbody tr td {padding: 10px;}
	
	.custom-radio-item-box2,
	.registration-tbl .custom-radio-item-box2 {margin: 0 -10px;}
	.custom-radio-item-box2 .custom-radio-item2 ,
	.registration-tbl .custom-radio-item-box2 .custom-radio-item2 {margin: 2px 10px;}
}
@media all and (max-width:800px){
	.registration-con .sub-con-tit {font-size: 17px;}
	.registration-process {margin: -5px;}
	.registration-process li {width: calc(50% - 10px); margin: 5px;}
	.registration-process li .num {font-size: 13px;}
	.registration-process li .inner {padding: 25px 10px;}
	.registration-process li .inner .icon img {height: 50px;}
	.registration-process li .inner dl dt {font-size: 15px;}
	.registration-process li .inner dl dd {font-size: 13px;}
	.registration-guide-con .guide-txt01 {font-size: 13px; padding: 15px 0 0;}
	.registration-guide-con .guide-txt02 {font-size: 14px; padding-top: 20px;}
	.registration-write-con {padding-top: 25px;}
	.registration-write-tbl colgroup {display: none;}
	.bbs-write-tbl.registration-write-tbl th,
	.bbs-write-tbl.registration-write-tbl td {padding: 8px 0 !important;}
	.registration-table-box {margin-top: 30px;}
	.registration-tbl thead tr th, 
	.registration-tbl tbody tr td {padding: 10px 8px; font-size: 12px;}
	.custom-radio-item2 label,
	.custom-radio-item3 label {font-size: 12px; padding-left: 16px;}
	.custom-radio-item2 label::before,
	.custom-radio-item3 label::before {font-size: 13px; top: -1px;}
	.registration-tbl .txt01, .registration-tbl .txt02 , .registration-tbl-bottom strong , .registration-tbl-bottom .txt{font-size: 12px;}
	.registration-tbl-bottom strong i {font-size: 13px; margin-right: 5px;}
}
@media all and (max-width:480px){
	.registration-tbl .custom-radio-item-box2{margin:0 -3px }
	.registration-tbl .custom-radio-item-box2 .custom-radio-item2{margin:3px !important; }
}


/* 특수 코팅 - 코팅 기술 */
.business-tbl-tit {display: block; font-size: 24px; font-weight: 700; letter-spacing: -0.5px; color: #111111; line-height: 1.5; margin-bottom: 15px;}
.business-facility-con.coating-con .business-tit {margin-bottom: 40px;}
.business-facility-con.coating-con .tbl-box + .tbl-box {margin-top: 80px;}
.business-facility-con.coating-con.con03 { margin-top: 68px;}
@media all and (max-width:800px){
	.business-tbl-tit {font-size: 17px;}
}

/* 아노다이징 */
.anodizing-page .business-intro-top .bg-box {background-color: #43565b;}
.anodizing-page  .business-intro-top .txt-box .txt {color: #fff;}
.business-con-item .arrow-txt {position: relative; padding-left: 40px;font-size: 15px; line-height: 1.8; color: rgba(49, 49, 49, 0.7); letter-spacing: -0.5px;}
.business-con-item .arrow-txt.m-t {margin-top: 10px;}
.business-con-item .arrow-txt:before {content: "\e907"; font-family: xeicon; position: absolute;  left: 19px; top: 0;}

.anodizing-list {display: flex; flex-wrap: wrap;}
.anodizing-list li {border: 1px solid #e6e6e6; box-sizing: border-box;}
.anodizing-list li .img-box {position: relative; width: 100%; height: 0; padding-top: 56.44%;}
.anodizing-list li .img-box span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block;}
.anodizing-list li .txt-box {display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; text-align: center; height: 60px;} 
.anodizing-list li .txt-box .txt { font-size: 18px; font-weight: 400; letter-spacing: -0.05em; color: #000000; line-height: 1.5;}
.anodizing-list.col-3 {margin: 0 -7.5px;}
.anodizing-list.col-3 li {width: calc(33.333% - 15px); margin: 0 7.5px;}
.anodizing-list.col-2 {margin: 0 -10px;}
.anodizing-list.col-2 li {width: calc(50% - 20px); margin: 0 10px;}
.anodizing-list.col-2 li.full-item {width: calc(100% - 20px); margin-bottom: 35px;}
.anodizing-list.col-2 li .img-box {padding-top: 66.15%;}
.anodizing-list.col-2 li.full-item .img-box {padding-top: 32.47%;}
.anodizing-list.col-2 li.full-item .img-box span {display: flex; align-items: center; justify-content: center; padding: 2rem; box-sizing: border-box;}
.anodizing-list.col-2 li.full-item .img-box span img {max-width: 100%; max-height: 100%;}

@media all and (max-width:800px){
	.business-con-item .arrow-txt  {font-size: 13px;padding-left: 35px;}
	.business-con-item .arrow-txt:before  {left: 14px;}
	.anodizing-page .business-intro-top .txt-box {background-color:#43565b;}
	.anodizing-list li .txt-box .txt {font-size: 14px;}
	.anodizing-list.col-2 li.full-item .img-box { padding-top: 44.47%;}
}
@media all and (max-width:640px){
	.anodizing-list {margin: 0 !important;}
	.anodizing-list li {width: 100% !important; margin: 0 0 1rem !important;}
}