/* 공통 */
.contents-box + .contents-box { margin-top: 70px; } 
.content-item + .content-item { margin-top: 70px; } 
.content-title { margin-bottom: 24px; } 
.content-title h2 { font-weight: 700; font-size: 35px; line-height: 1.4; color: #222; } 
.content-title p { margin-top: 20px; font-weight: 500; font-size: 18px; line-height: 1.4; color: #000; } 

.content-sub-title { margin-bottom: 15px; } 
.content-sub-title h2 { position: relative; padding-left: 20px; font-weight: 700; font-size: 25px; color: #222; } 
.content-sub-title h2::after { display: block; position: absolute; top: 12px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #b11116; content: ""; transform: translateY(-50%); } 
.content-sub-title h2 span { vertical-align: baseline; color: #b11116; } 
.content-sub-title p { padding-left: 15px; margin-top: 15px; font-weight: 400; font-size: 20px; line-height: 1.4; color: #222; } 

.board-tab .tab li { margin-bottom: 70px; } 

@media only screen and (max-width: 1024px){
 .content-title h2 { font-size: 28px; } 
 .content-title p { font-size: 16px; } 

 .content-sub-title h2 { font-size: 22px; } 
 .content-sub-title p { font-size: 18px; } 

 .board-tab .tab li { margin-bottom: 55px; } 
 }

@media only screen and (max-width: 640px){
 .content-title h2 { font-size: 20px; } 

 .content-sub-title h2 { font-size: 18px; } 
 .content-sub-title h2::after { top: 9px; } 
 .content-sub-title p { font-size: 16px; } 
 }
 @media only screen and (max-width: 480px){
  .board-tab .tab li { margin-bottom: 0; } 
  .board-tab .tab li:first-child { margin-top: 15px; } 
  .board-tab .tab li:last-child { margin-bottom: 30px; } 
  }

/* 010101 CEO */
.ceo-wrap { position: relative; padding-bottom: 260px; margin-bottom: 190px; background: url("../images/contents/ceo-bg.png") no-repeat top center / cover; } 
.ceo-top { padding: 80px 126px 75px; } 
.ceo-top .logo { width: 466px; height: 90px; background: url("../images/common/main_logo-color.png") no-repeat center /
 100%; } 
.ceo-top h2 { display: inline-block; padding: 15px 0; margin-top: 10px; border-top: 1px solid rgba(177, 17, 22, 0.44); border-bottom: 1px solid rgba(177, 17, 22, 0.44); font-weight: 800; font-size: 45px; letter-spacing: 2px; text-transform: uppercase; color: #fff; } 
.ceo-top h6 { margin-top: 10px; font-weight: 400; font-size: 40px; line-height: 115%; letter-spacing: 1px; color: #c41c21; } 
.ceo-top h6 span { font-weight: 800; vertical-align: baseline; } 

.ceo-text-wrap { position: relative; } 
.ceo-text-wrap::before { display: block; position: absolute; bottom: -56px; left: 60%; width: 150%; height: 360px; background: #b11116; content: ""; } 
.ceo-text-wrap::after { display: block; position: absolute; right: 0; bottom: -57px; z-index: 2; width: 50%; height: 300%; max-height: 836px; background: url("../images/contents/ceo-img.png") no-repeat center bottom /
 contain; content: ""; } 
.ceo-text { display: inline-block; position: relative; z-index: 1; width: 80%; padding: 50px 126px; background: #fff; } 
.ceo-text p { font-weight: 500; font-size: 18px; line-height: 1.4; letter-spacing: 0.1em; color: #222; } 
.ceo-text p:first-child { padding-right: 20%; } 
.ceo-text p:nth-of-type(2) { padding-right: 30%; } 
.ceo-text p:nth-of-type(3) { padding-right: 30%; } 
.ceo-text p + p { margin-top: 35px; } 
.ceo-text p span { font-weight: 800; vertical-align: baseline; color: #b11116; } 

.ceo-name { position: absolute; right: 12%; bottom: 110px; font-weight: 400; font-size: 25px; color: #fff; } 
.ceo-name span { font-size: 60px; font-family: "InkLipquid"; vertical-align: baseline; } 

@media only screen and (max-width: 1440px){
 .ceo-top,
 .ceo-text { padding-left: 80px; } 
 }

@media only screen and (max-width: 1240px){
 .ceo-text p:first-child { padding-right: 10%; } 
 .ceo-text p:nth-of-type(2) { padding-right: 15%; } 
 .ceo-text p:nth-of-type(3) { padding-right: 20%; } 
 .ceo-name span { font-size: 50px; } 
 }

@media only screen and (max-width: 1024px){
 .ceo-wrap { padding-bottom: 210px; margin-bottom: 150px; } 
 .ceo-text { padding: 50px 30px; } 
 .ceo-name { bottom: 54px; } 
 .ceo-text-wrap::after { width: 40%; } 
 }

@media only screen and (max-width: 768px){
 .ceo-top { padding: 80px 30px; text-align: center; } 
 .ceo-top .logo { display: inline-block; } 
 .ceo-text { width: 90%; } 
 .ceo-text p:first-child { padding-right: 0; } 
 .ceo-text p:nth-of-type(2) { padding-right: 10%; } 
 .ceo-text-wrap::after { height: 70%; } 
 .ceo-name span { font-size: 40px; } 
 }

@media only screen and (max-width: 640px){
 .ceo-wrap { padding-bottom: 170px; margin-bottom: 80px; } 
 .ceo-top .logo { width: 100%; background-size: contain; } 
 .ceo-top h2 { width: 100%; font-size: 35px; } 
 .ceo-top h6 { font-size: 30px; } 
 .ceo-text-wrap::before,
 .ceo-text-wrap::after { bottom: -110px; } 
 .ceo-text { width: 95%; } 
 .ceo-text p { font-size: 16px; } 
 .ceo-text p:nth-of-type(2) { padding-right: 0; } 
 .ceo-text p:nth-of-type(3) { padding-right: 10%; } 
 .ceo-name { left: 10%; font-size: 20px; } 
 }

@media only screen and (max-width: 480px){
 .ceo-top { padding: 40px 20px; } 
 .ceo-top .logo { height: 54px; } 
 .ceo-top h2 { font-size: 22px; } 
 .ceo-top h6 { font-size: 18px; } 
 .ceo-text-wrap::after { display: none; } 
 .ceo-text-wrap::before { bottom: -48px; } 
 .ceo-text { padding: 40px 20px; } 
 .ceo-text p { font-size: 15px; } 
 .ceo-text p:nth-of-type(3) { padding: 0; } 
 .ceo-name span { font-size: 30px; } 
 }

/* 010201 기업현황 */
.business-wrap { padding: 120px 120px 150px; margin-bottom: 120px; background: url("../images/contents/business-bg.png") no-repeat center / cover; } 
.business-wrap::after { display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 92px; background: url("../images/common/allmenu-deco.png") no-repeat bottom; content: ""; transform: translateX(-50%); } 
.business-wrap .content-title { text-align: center; } 
.business-top { margin-top: 40px; font-size: 0; text-align: center; } 

.business-wrap .text-wrap { margin: 110px 0 0 70%; } 
.business-wrap .text { margin-bottom: 15px; font-size: 0; } 
.business-wrap .text-wrap h2 { display: inline-block; min-width: 200px; padding: 5px 10px; margin-right: 15px; border-radius: 20px; background: #252939; font-weight: 400; font-size: 20px; color: #afcce5; } 
.business-wrap .text-wrap p { display: inline-block; width: 100%; padding-left: 10px; margin-top: 10px; font-weight: 700; font-size: 20px; line-height: 1.4; vertical-align: top; color: #fff; } 
.business-wrap .text-wrap span { display: block; padding: 5px 0; vertical-align: baseline; } 
.business-wrap .text-wrap em { font-weight: 400; vertical-align: baseline; } 
.business-wrap .text:last-child h2 { margin-top: 10px; } 
.business-wrap .text:last-child span { display: inline-block; color: #222; } 
.business-wrap .text:last-child span:first-child { position: relative; padding-right: 30px; } 
.business-wrap .text:last-child span:first-child::after { display: block; position: absolute; top: 50%; right: 15px; width: 1px; height: 16px; background: #01244e; content: ""; transform: translateY(-30%); } 
.business-wrap .text:last-child em { font-weight: 900; font-size: 30px; color: #b11116; } 
.business-wrap-promotion {margin-bottom: 120px;}
.business-wrap-promotion video { width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width: 1440px){
 .business-wrap { padding: 120px 50px 150px; } 
 }

@media only screen and (max-width: 1240px){
 .business-top .top-item p { font-size: 30px; } 
 .business-wrap .text-wrap { margin-left: 60%; } 
 }

@media only screen and (max-width: 1024px){
 .business-wrap { padding: 120px 50px 80px; margin-bottom: 150px; } 
 .business-top .top-item { padding: 20px; } 
 .business-top .top-item h2 { margin-left: 10px; font-size: 20px; } 
 .business-top .top-item.nth-2 h2 { margin-right: 10px; } 
 .business-top .top-item p { font-size: 22px; } 
 .business-wrap .text-wrap { margin: 70px 0 0 50%; } 
 .business-wrap .text-wrap h2,
 .business-wrap .text-wrap p { font-size: 18px; } 
 }

@media only screen and (max-width: 768px){
 .business-wrap { padding: 120px 20px 80px; } 
 .business-top .top-item { width: 70%; } 
 .business-top .top-item.nth-2 { margin: 0 0 0 30%; } 
 .business-wrap .text-wrap { margin: 70px 0 0 40%; } 
 }

@media only screen and (max-width: 640px){
 .business-wrap { margin-bottom: 80px; } 
 .business-wrap .text-wrap { margin: 70px 0 0 10%; } 
 .business-top .top-item { width: 80%; } 
 .business-top .top-item.nth-2 { margin: 0 0 0 20%; } 
 }

@media only screen and (max-width: 480px){
 .business-top .top-item { width: 100%; } 
 .business-top .top-item.nth-2 { margin: 0; } 
 .business-top .top-item h2 { padding: 10px; font-size: 18px; } 
 .business-top .top-item p { font-size: 18px; } 
 .business-wrap .text-wrap { margin-left: 0; text-align: center; } 
 .business-wrap .text-wrap h2 { display: block; padding: 5px; margin: 0 0 10px; } 
 .business-wrap .text-wrap p { width: 100%; padding: 0; font-size: 16px; } 
 .business-wrap .text:last-child span { width: 100%; } 
 .business-wrap .text:last-child span:first-child { padding-right: 0; } 
 .business-wrap .text:last-child span:first-child::after { display: none; } 
 }

/* 010301 기업비전 */
.vision-wrap { border-top: 1px solid #e4e4e4; } 
.vision-wrap > .inner { padding: 75px 0 190px; } 
.vision-top .top { padding: 80px 60px 80px 170px; background: url("../images/contents/vision-top-bg.png") no-repeat center /
 cover; } 
.vision-top .top h2 { display: inline-block; font-weight: 400; font-size: 45px; line-height: 1.2; color: #fff; } 
.vision-top .top h2 span { font-weight: 700; vertical-align: baseline; color: #b11116; } 
.vision-top .top h2 em { vertical-align: baseline; color: #000; } 
.vision-top .top p { display: inline-block; padding-left: 55%; margin-top: 100px; font-weight: 400; font-size: 25px; line-height: 1.4; color: #fff; } 
.vision-top .top p em { font-weight: 800; vertical-align: baseline; color: #000; } 

.vision-top .bottom { padding-bottom: 100px; margin-top: 96px; background: url("../images/contents/vision-top-shadow.png") no-repeat center
 bottom; font-size: 0; text-align: center; } 
.vision-top .vision-item { display: inline-block; max-width: calc(33.3333% - 50px); padding: 50px; border: 8px solid #282f39; border-radius: 40px; } 
.vision-top .vision-item:nth-of-type(2) { position: relative; margin: 0 75px; } 
.vision-top .vision-item:nth-of-type(2)::after { display: block; position: absolute; top: 50%; left: -92px; width: 92px; height: 104px; background: url("../images/contents/vision-item-deco.png") no-repeat center /
 contain; content: ""; transform: translateY(-50%); } 
.vision-top .vision-item:nth-of-type(2)::before { display: block; position: absolute; top: 50%; right: -92px; width: 92px; height: 104px; background: url("../images/contents/vision-item-deco.png") no-repeat center /
 contain; content: ""; transform: translateY(-50%); } 
.vision-top .vision-item h2 { position: relative; padding-bottom: 20px; font-weight: 800; font-size: 32px; line-height: 1.2; color: #b11116; } 
.vision-top .vision-item h2::after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #d5d5d5; content: ""; } 
.vision-top .vision-item p { padding-top: 20px; font-weight: 400; font-size: 23px; line-height: 1.4; color: #222; } 

.vision-wrap .contents-box.nth-1 .content-item.nth-1 { padding: 75px 75px 260px; background: #1d2834 url("../images/contents/vision-bg01.png") no-repeat center
 bottom; } 
.vision-wrap .point-list { font-size: 0; } 
.vision-wrap .point { display: inline-block; width: 32%; min-height: 190px; padding: 0 50px 40px; border: 7px solid #b11116; text-align: center; vertical-align: top; } 
.vision-wrap .point + .point { margin-left: 2%; } 
.vision-wrap .point h2 { padding: 15px 0; margin-bottom: 40px; border-radius: 0 0 12px 12px; background: #b11116; font-weight: 800; font-size: 25px; text-align: center; color: #fff; } 
.vision-wrap .point p { position: relative; padding-left: 15px; margin-left: 20px; font-weight: 500; font-size: 20px; line-height: 1.4; text-align: left; color: #fff; } 
.vision-wrap .point p + p { margin-top: 15px; } 
.vision-wrap .point p::after { display: block; position: absolute; top: 14px; left: 0; width: 6px; height: 1px; background: #fff; content: ""; } 
.vision-wrap .img-wrap { position: relative; min-height: 570px; margin-top: 180px; font-size: 0; } 
.vision-wrap .img-wrap::after { display: block; position: absolute; top: 50%; left: 50%; width: 692px; height: 690px; background: url("../images/contents/vision-img.png") no-repeat center; content: ""; transform: translate(-50%, -50%); } 
.vision-wrap .img-wrap .img { display: inline-block; width: 50%; } 
.vision-wrap .img-wrap h2 { font-weight: 700; font-size: 40px; line-height: 1.2; color: #fff; } 
.vision-wrap .img-wrap .img:nth-of-type(2n-1) h2 { padding-right: 50%; text-align: right; } 
.vision-wrap .img-wrap .img:nth-of-type(2n) h2 { padding-left: 50%; } 
.vision-wrap .img-wrap .img:nth-of-type(1) h2,
.vision-wrap .img-wrap .img:nth-of-type(2) h2 { padding-top: 20%; padding-bottom: 30%; } 
.vision-wrap .img-wrap p { font-weight: 600; font-size: 20px; color: #b11116; } 

.vision-wrap .content-item { padding: 114px 90px 85px; background: #e5e9ee; } 
.vision-wrap .content-item::after { display: block; clear: both; content: ""; } 
.vision-wrap .content-item .content-sub-title h2 { padding: 0; margin-bottom: 50px; font-size: 35px; color: #b11116; } 
.vision-wrap .content-item .content-sub-title h2::after { top: -114px; left: -3px; width: 7px; height: 100px; border-radius: 0; background: url("../images/common/allmenu-deco.png") no-repeat bottom; transform: translateY(0); } 
.vision-wrap .content-item .left { float: left; width: calc(50% - 20px); font-size: 0; } 
.vision-wrap .content-item .right { float: right; width: calc(50% - 20px); margin-left: 40px; font-size: 0; } 
.vision-wrap .content-item .title { display: inline-block; position: relative; min-width: 150px; padding: 30px 15px; margin-right: 40px; background: #b11116; text-align: center; vertical-align: top; } 
.vision-wrap .content-item .title::after { display: block; position: absolute; top: 126px; left: 50%; width: 85px; height: 1px; background: #850004; content: ""; transform: translateX(-50%); } 
.vision-wrap .content-item .title h2 { display: inline-block; position: relative; padding-top: 120px; font-weight: 700; font-size: 30px; text-align: left; color: #fff; } 
.vision-wrap .content-item .title h2::before { display: block; position: absolute; top: 0; left: 50%; content: ""; transform: translateX(-50%); } 
.vision-wrap .content-item.nth-1 .left .title h2::before { width: 62px; height: 64px; background: url("../images/contents/vision-ico01.png") no-repeat center; } 
.vision-wrap .content-item.nth-1 .right .title h2::before { width: 46px; height: 60px; background: url("../images/contents/vision-ico02.png") no-repeat center; } 
.vision-wrap .content-item.nth-2 .left .title h2::before { width: 52px; height: 64px; background: url("../images/contents/vision-ico03.png") no-repeat center; } 
.vision-wrap .content-item.nth-2 .right .title h2::before { width: 72px; height: 54px; background: url("../images/contents/vision-ico04.png") no-repeat center; } 
.vision-wrap .content-item .text { display: inline-block; width: calc(100% - 190px); } 
.vision-wrap .content-item .text h2 { font-weight: 400; font-size: 40px; line-height: 1.2; color: #000; } 
.vision-wrap .content-item .text h2 em { font-weight: 700; vertical-align: baseline; } 
.vision-wrap .content-item .text h2 span { display: block; font-size: 30px; vertical-align: baseline; } 
.vision-wrap .content-item .text p { margin-top: 20px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #000; } 

.vision-wrap .contents-box.nth-3 .img { text-align: center; } 

@media only screen and (max-width: 1440px){
 .vision-top .top { padding: 60px; } 
 .vision-top .top p { padding-left: 60%; } 
 .vision-top .vision-item { padding: 30px 15px; } 
 .vision-wrap .point { padding: 0 20px 40px; } 
 .vision-wrap .content-item .text h2 { font-size: 30px; } 
 .vision-wrap .content-item .text h2 span { font-size: 30px; } 
 .vision-wrap .content-item .text p { font-size: 17px; } 
 .vision-wrap .img-wrap h2 { font-size: 34px; } 
 .vision-wrap .contents-box.nth-1 .content-item.nth-1 { padding-bottom: 140px; } 
 }

@media only screen and (max-width: 1240px){
 .vision-top .vision-item h2 { font-size: 24px; } 
 .vision-top .vision-item p { font-size: 18px; } 
 .vision-wrap .contents-box.nth-1 .content-item.nth-1 { padding: 50px 50px 100px; } 
 .vision-wrap .point { padding: 0 5px 20px; } 
 .vision-wrap .point h2 { margin-bottom: 30px; font-size: 20px; } 
 .vision-wrap .point p { font-size: 18px; } 
 .vision-wrap .point p + p { margin-top: 10px; } 
 .vision-wrap .img-wrap { margin-top: 100px; } 
 .vision-wrap .img-wrap::after { width: 60%; background-size: contain; } 
 .vision-wrap .img-wrap h2 { font-size: 30px; } 
 .vision-wrap .img-wrap .img:nth-of-type(1) h2,
 .vision-wrap .img-wrap .img:nth-of-type(2) h2 { padding-top: 35%; } 
 .vision-wrap .content-item { padding: 114px 50px 70px; } 
 .vision-wrap .content-item .title { margin-right: 20px; } 
 .vision-wrap .content-item .text { width: calc(100% - 170px); } 
 }

@media only screen and (max-width: 1024px){
 .vision-top .top { padding: 60px 30px; } 
 .vision-top .top h2 { font-size: 35px; } 
 .vision-top .vision-item { padding: 15px 10px; } 
 .vision-top .vision-item h2 { font-size: 20px; } 
 .vision-wrap .contents-box.nth-1 .content-item.nth-1 { padding: 20px 20px 80px; } 
 .vision-wrap .point { padding: 0 10px 10px; vertical-align: top; } 
 .vision-wrap .point h2 { font-size: 18px; } 
 .vision-wrap .point p { font-size: 16px; } 
 .vision-wrap .img-wrap { min-height: 1px; margin-top: 0; } 
 .vision-wrap .img-wrap::after { top: 60%; height: 390px; } 
 .vision-wrap .img-wrap h2 { font-size: 24px; } 
 .vision-wrap .content-item .left { width: 100%; } 
 .vision-wrap .content-item .right { width: 100%; margin: 30px 0 0; } 
 .vision-wrap .content-item .content-sub-title h2 { margin-bottom: 30px; font-size: 30px; } 
 .vision-wrap .contents-box.nth-3 .img img { width: 80%; margin: 0 auto 0 60px; } 
 .vision-wrap .content-item .text h2 span { display: inline-block; } 
 }

@media only screen and (max-width: 768px){
 .vision-top .top h2 { font-size: 24px; } 
 .vision-top .top p { font-size: 18px; } 
 .vision-top .bottom { padding-bottom: 70px; margin-top: 50px; } 
 .vision-top .vision-item:nth-of-type(2) { margin: 0 20px; } 
 .vision-top .vision-item { max-width: calc(33.3333% - 14px); } 
 .vision-top .vision-item:nth-of-type(2)::before,
 .vision-top .vision-item:nth-of-type(2)::after { display: none; } 
 .vision-wrap .contents-box.nth-1 .content-item.nth-1 { padding: 10px 10px 50px; } 
 .vision-wrap .point { width: 32.6666%; } 
 .vision-wrap .point + .point { margin-left: 1%; } 
 .vision-wrap .point h2 { padding: 10px 0; margin-bottom: 20px; font-weight: 600; } 
 .vision-wrap .point p { padding-left: 10px; margin-left: 0; } 
 .vision-wrap .content-item { overflow: hidden; padding: 100px 30px 30px; } 
 .vision-wrap .content-item .text h2 span { font-size: 28px; } 
 .vision-wrap .content-item .title h2 { font-size: 24px; } 
 }

@media only screen and (max-width: 640px){
 .vision-top .top p { padding-left: 70%; margin-top: 100px; } 
 .vision-top .top p br { display: none; } 
 .vision-top .vision-item,
 .vision-top .vision-item:nth-of-type(2) { width: 100%; max-width: 100%; margin-bottom: 30px; margin-left: 0; } 
 .vision-top .vision-item h2 br { display: none; } 
 .vision-top .vision-item p { padding-top: 10px; } 
 .vision-wrap .contents-box.nth-1 .content-item.nth-1 { padding: 10px 10px 80px; } 
 .vision-wrap .point { width: 100%; min-height: 1px; margin-bottom: 30px; } 
 .vision-wrap .point p { text-align: center; } 
 .vision-wrap .point p::after { display: none; } 
 .vision-wrap .img-wrap .img:nth-of-type(1) h2,
 .vision-wrap .img-wrap .img:nth-of-type(2) h2 { padding-top: 15%; } 
 .vision-wrap .img-wrap h2 { font-size: 20px; } 
 .vision-wrap .content-item .title { min-width: 110px; padding: 20px; } 
 .vision-wrap .content-item .title h2 { padding-top: 90px; font-size: 18px; } 
 .vision-wrap .content-item .title::after { top: 96px; } 
 .vision-wrap .content-item .text { width: calc(100% - 130px); } 
 .vision-wrap .content-item .text h2 { font-size: 24px; } 
 .vision-wrap .content-item .text h2 span { font-size: 20px; } 
 .vision-wrap .content-item .text p { margin-top: 5px; font-size: 16px; } 
 }

@media only screen and (max-width: 480px){
 .vision-top .top { padding: 20px; background-position: 55% 0; } 
 .vision-top .top p { padding-left: 50%; font-size: 16px; } 
 .vision-top .vision-item h2,
 .vision-wrap .img-wrap h2 { font-size: 18px; } 
 .vision-wrap .contents-box.nth-1 .content-item.nth-1 { padding: 10px; } 
 .vision-wrap .img-wrap .img { width: 100%; margin-bottom: 30px; } 
 .vision-wrap .img-wrap .img h2 br { display: none; } 
 .vision-wrap .img-wrap .img:nth-of-type(2n-1) h2 { padding: 0; text-align: center; } 
 .vision-wrap .img-wrap .img:nth-of-type(2n) h2 { padding: 0; text-align: center; } 
 .vision-wrap .img-wrap::after { display: none; } 
 .vision-wrap .content-item { padding: 50px 20px 30px; } 
 .vision-wrap .content-item .content-sub-title h2 { font-size: 24px; } 
 .vision-wrap .content-item .title { width: 100%; margin: 0 0 30px; } 
 .vision-wrap .content-item .title h2 { padding: 10px 0 10px 70px; } 
 .vision-wrap .content-item .title h2::before { top: 50%; left: 0; transform: translate(-50%, -50%); } 
 .vision-wrap .content-item .title::after { display: none; } 
 .vision-wrap .content-item .text { width: 100%; text-align: center; } 
 .vision-top .top h2 br { display: none; } 
 .vision-wrap .contents-box.nth-3 .img img { width: 100%; margin: 0; } 
 }

/* 010401 환경안전보건 */
.environment-wrap { margin-bottom: 190px; } 
.environment-top { padding: 70px; background: #e5e9ee; } 
.environment-top-inner { padding: 0 70px 70px; border: 1px solid #b52025; } 
.environment-wrap .top { text-align: center; } 
.environment-wrap .top h2 { display: inline-block; position: relative; padding: 110px 55px 35px; background: #b11116; font-weight: 700; font-size: 25px; line-height: 1.2; color: #fff; } 
.environment-wrap .top h2::after { display: block; position: absolute; top: 35px; left: 50%; width: 54px; height: 52px; background: url("../images/contents/environment-top-ico01.png") no-repeat
 center; content: ""; transform: translateX(-50%); } 
.environment-wrap .contents-box.nth-2 .top h2::after { width: 46px; height: 62px; background: url("../images/contents/environment-top-ico02.png") no-repeat
 center; } 
.environment-wrap .top h2 span { display: block; font-weight: 300; vertical-align: baseline; } 
.environment-top .top p { margin-top: 30px; font-weight: 300; font-size: 17px; line-height: 1.4; color: #222; } 
.environment-top .top p span { font-weight: 700; vertical-align: baseline; color: #b11116; } 
.environment-top .txt { padding: 50px 70px; margin-top: 30px; background: #fff; } 
.environment-top .text-item { padding: 30px 0; border-bottom: 1px solid #ebeaea; } 
.environment-top .text-item:first-child { padding-top: 0; } 
.environment-top .text-item h2 { font-weight: 600; font-size: 25px; color: #222; } 
.environment-top .text-item h2 span { font-weight: 800; vertical-align: baseline; color: #b11116; } 
.environment-top .text-item p { padding-left: 30px; margin-top: 20px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #666; } 
.environment-top .txt .bottom { margin-top: 46px; text-align: center; } 
.environment-top .txt .bottom p { font-weight: 300; font-size: 16px; line-height: 1.4; color: #222; } 

.environment-wrap .contents-box.nth-2 { padding: 0 70px 130px; background: #1d2834; } 
.environment-wrap .certificate-wrap { padding: 70px 130px 80px; margin-top: 70px; background: #fff; font-size: 0; } 
.environment-wrap .certificate-wrap .certificate { display: inline-block; width: calc(50% - 45px); } 
.environment-wrap .certificate-wrap .certificate:first-child { margin-right: 90px; } 
.environment-wrap .certificate-wrap h6 { margin-bottom: 36px; font-weight: 700; font-size: 25px; color: #222; } 
.environment-wrap .certificate-wrap img { box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); } 
.environment-wrap .certificate-wrap .text { margin-top: 54px; } 
.environment-wrap .certificate-wrap .text p { font-weight: 500; font-size: 20px; color: #222; } 
.environment-wrap .certificate-wrap .text span { display: inline-block; min-width: 150px; padding: 8px 30px; margin-right: 10px; border-radius: 20px; background: #b11116; font-weight: 700; font-size: 18px; vertical-align: baseline; color: #fff; } 
.environment-wrap .certificate-wrap .text p:last-child { margin-top: 5px; } 
.environment-wrap .certificate-wrap .text p:last-child span { background: #1d2834; } 
.environment-wrap .contents-box.nth-1::before { display: block; position: absolute; top: 70%; left: 50%; z-index: -1; width: 100vw; height: 800px; background: linear-gradient(to bottom, #e5e9ee, #fff); content: ""; transform: translateX(-50%); } 
.environment-wrap .contents-box.nth-1 .img { text-align: center; } 
.environment-wrap .contents-box.nth-2 .bottom { position: relative; padding-top: 130px; text-align: center; } 
.environment-wrap .contents-box.nth-2 .bottom::after { display: block; content: ""; } 
.environment-wrap .contents-box.nth-2 .bottom h2 { font-weight: 500; font-size: 50px; color: #e40007; } 
.environment-wrap .contents-box.nth-2 .bottom p { width: 60%; margin: 15px auto 0; font-weight: 500; font-size: 23px; line-height: 1.4; color: #fff; } 
.environment-wrap .contents-box.nth-2 .bottom .list { position: relative; padding: 25px 0; margin-top: 50px; } 
.environment-wrap .contents-box.nth-2 .bottom .list::after { display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: url("../images/contents/certificate-list-bg.png") no-repeat center; content: ""; transform: translate(-50%, -50%); } 
.environment-wrap .contents-box.nth-2 .bottom .list-item { display: inline-block; width: 250px; height: 250px; padding: 10px 0; border-radius: 50%; background: #fff; box-sizing: border-box; vertical-align: top; } 
.environment-wrap .contents-box.nth-2 .bottom .list-item + .list-item { margin-left: 45px; } 
.environment-wrap .contents-box.nth-2 .bottom .list-item h2 { display: inline-block; padding-bottom: 15px; border-bottom: 3px solid #b11116; font-weight: 800; font-size: 70px; color: #b11116; } 
.environment-wrap .contents-box.nth-2 .bottom .list-item p { font-weight: 700; font-size: 20px; letter-spacing: -1px; color: #222; } 

@media only screen and (max-width: 1440px){
 .environment-wrap .certificate-wrap { padding: 70px 65px 80px; } 
 }

@media only screen and (max-width: 1240px){
 .environment-top { padding: 50px; } 
 .environment-top-inner { padding: 0 50px 50px; } 
 .environment-top .txt { padding: 50px; } 
 .environment-wrap .contents-box.nth-2 { padding: 0 10px 130px; } 
 .environment-wrap .certificate-wrap { padding: 50px; } 
 .environment-wrap .certificate-wrap .certificate { width: calc(50% - 25px); } 
 .environment-wrap .certificate-wrap .certificate:first-child { margin-right: 50px; } 
 .environment-wrap .certificate-wrap .text span { padding: 8px 16px; } 
 }

@media only screen and (max-width: 1024px){
 .environment-wrap { margin-bottom: 150px; } 
 .environment-wrap .top h2 { font-size: 20px; } 
 .environment-top { padding: 20px; } 
 .environment-top .top p { font-size: 16px; } 
 .environment-top-inner { padding: 0 30px 30px; } 
 .environment-top .txt { padding: 50px 30px; } 
 .environment-top .text-item h2 { font-size: 20px; } 
 .environment-top .text-item p { padding-left: 22px; } 
 .environment-wrap .contents-box.nth-2 { padding: 0 20px 130px; } 
 .environment-wrap .certificate-wrap { padding: 30px; } 
 .environment-wrap .certificate-wrap .certificate:first-child { margin-right: 50px; } 
 .environment-wrap .certificate-wrap .certificate { width: calc(50% - 25px); } 
 .environment-wrap .certificate-wrap .text span { width: 80%; min-width: 1px; padding: 8px 15px; margin: 0 10% 10px; font-size: 16px; } 
 .environment-wrap .certificate-wrap .text p { font-size: 18px; text-align: center; } 
 .environment-wrap .contents-box.nth-2 .bottom p { width: 90%; font-size: 20px; } 
 .environment-wrap .contents-box.nth-2 .bottom .list-item { width: 220px; height: 220px; padding: 20px 0; } 
 .environment-wrap .contents-box.nth-2 .bottom .list-item + .list-item { margin-left: 18px; } 
 .environment-wrap .contents-box.nth-2 .bottom .list-item p { font-size: 18px; } 
 }

@media only screen and (max-width: 768px){
 .environment-wrap .certificate-wrap h6 { font-size: 20px; } 
 .environment-wrap .certificate-wrap .text span { display: block; width: 100%; margin: 0 0 10px; } 
 .environment-wrap .certificate-wrap .text p:last-child { margin-top: 15px; } 
 .environment-wrap .contents-box.nth-2 .bottom h2 { font-size: 30px; } 
 .environment-wrap .contents-box.nth-2 .bottom p { font-size: 18px; } 
 .environment-wrap .contents-box.nth-2 .bottom .list-item:last-child { display: block; margin: 0 auto; } 
 }

@media only screen and (max-width: 640px){
 .environment-wrap { margin-bottom: 80px; } 
 .environment-wrap .top h2 { padding: 110px 40px 25px; } 
 .environment-wrap .certificate-wrap .certificate { width: 100%; } 
 .environment-wrap .certificate-wrap .certificate:first-child { margin: 0 0 30px; } 
 .environment-wrap .contents-box.nth-2 .bottom .list-ite { display: block; width: 200px; margin: 0 auto; } 
 .environment-wrap .contents-box.nth-2 .bottom .list-item + .list-item { margin: 30px auto 0; } 
 }

@media only screen and (max-width: 480px){
 .environment-top { padding: 5px; } 
 .environment-top-inner { padding: 0 10px 10px; } 
 .environment-top .txt { padding: 30px 10px; } 
 .environment-top .top p { font-size: 15px; } 
 .environment-top .text-item h2 { font-size: 16px; line-height: 1.4; } 
 .environment-top .text-item h2 span { font-size: 16px; } 
 .environment-top .text-item p { margin-top: 10px; font-size: 15px; } 
 .environment-wrap .certificate-wrap h6 { font-size: 18px; text-align: center; } 
 .environment-wrap .contents-box.nth-2 .bottom { padding-top: 80px; } 
 .environment-wrap .certificate-wrap .text span { width: 100%; } 
 }

/* 010501 연혁 */
.history-wrap { border-top: 1px solid #e4e4e4; } 
.history-wrap > .inner { padding: 75px 0 190px; } 
.history-wrap > .inner::after { display: block; position: absolute; top: 0; left: 230px; z-index: -1; width: 1px; height: 100%; background-color: #ebeaea; content: ""; } 
.history-wrap .history-box { position: relative; padding: 70px 0 30px; } 
.history-wrap .history-box.nth-1::after { display: block; position: absolute; right: 0; bottom: -20px; width: 420px; height: 80px; background: url("../images/common/main_logo-color.png") no-repeat center /
 contain; content: ""; } 

.history-box { font-size: 0; } 
.history-box .year-wrap { display: inline-block; width: 230px; font-weight: 700; font-size: 50px; line-height: 1.1; vertical-align: top; color: #b11116; } 
.history-box .history-item-box { display: inline-block; width: calc(100% - 230px); } 
.history-box .history-item { padding-left: 90px; } 
.history-box .history-item + .history-item { margin-top: 25px; } 
.history-box .history-item.top { position: relative; padding-left: 60px; } 
.history-box .history-item.top::after { display: block; position: absolute; top: 50px; left: 0; z-index: 1; width: 33px; height: 33px; background: url("../images/contents/history-top-dot.png") no-repeat center; content: ""; transform: translate(-50%, -50%); } 
.history-box .history-item.top h2 { position: relative; padding: 35px; padding-right: 10px; border: 2px solid #b11116; border-radius: 15px; font-weight: 700; font-size: 24px; color: #b11116; } 
.history-box .history-item.top h2::before { display: block; position: absolute; top: 50px; right: 100%; width: 20px; height: 30px; background: url("../images/contents/history-top-deco.png") no-repeat center
 left; content: ""; transform: translate(1px, -50%); } 
.history-box .history-item.top span { display: block; padding-right: 35px; vertical-align: baseline; } 
.history-box .history-item.top span:last-child { margin-top: 15px; } 
/* .history-box .history-item.top span:last-child::after { display: block; content: ""; width: 1px; height: 30px; background: #808080; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } */
.history-box .history-item.top p { padding: 35px; padding-right: 10px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #000; } 

.history-box .history-item h2 { position: relative; font-weight: 700; font-size: 20px; line-height: 1.4; color: #222; } 
.history-box .history-item + .history-item h2::after { display: block; position: absolute; top: 10px; left: -38px; width: 8px; height: 8px; border-radius: 50%; background: #7e7e7e; content: ""; transform: translateY(-50%); } 
.history-box .history-item h2::before { display: block; position: absolute; top: 10px; right: calc(100% + 30px); width: 60px; height: 1px; background: #ebeaea; content: ""; } 
.history-box .history-item p { position: relative; padding-left: 15px; margin-top: 15px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #666; } 
.history-box .history-item + .history-item p::after { display: block; position: absolute; top: 9px; left: 0; width: 6px; height: 1px; background: #666; content: ""; } 

@media only screen and (max-width: 1440px){
 .history-wrap > .inner::after { left: 270px; } 
 .history-box .year-wrap { width: 270px; } 
 .history-box .history-item-box { width: calc(100% - 270px); } 
 .history-box .history-item.top h2 { padding: 35px 20px; font-size: 22px; } 
 .history-box .history-item.top span { padding-right: 20px; } 
 .history-box .history-item.top span:last-child { padding: 0 0 0 20px; } 
 .history-wrap .history-box.nth-1::after { bottom: -50px; } 
 }

@media only screen and (max-width: 1240px){
 .history-box .history-item.top span { display: block; padding: 0; } 
 .history-box .history-item.top span:last-child { padding: 0; margin-top: 10px; } 
 .history-box .history-item.top span:last-child::after { display: none; } 
 .history-wrap .history-box.nth-1::after { bottom: -50px; } 
 }

@media only screen and (max-width: 1024px){
 .history-wrap .history-box.nth-1 { padding-top: 30px; } 
 .history-wrap > .inner::after { left: 0; } 
 .history-box .year-wrap { display: block; width: 100%; padding-left: 80px; margin-bottom: 30px; font-size: 40px; } 
 .history-box .year-wrap br { display: none; } 
 .history-box .history-item-box { width: 100%; } 

 .history-box .history-item.top p { padding-left: 20px; } 
 .history-box .history-item { padding-left: 80px; } 
 .history-box .history-item h2::before { width: 50px; } 

 .history-wrap .history-box.nth-1 { padding-bottom: 50px; } 
 }

@media only screen and (max-width: 768px){
 .history-box .history-item.top h2 { font-size: 20px; } 
 .history-box .history-item.top p { padding: 20px; margin-top: 0; font-size: 16px; } 
 .history-box .history-item h2 { font-size: 18px; } 
 }

@media only screen and (max-width: 640px){
 .history-box .history-item.top { padding-left: 40px; } 
 .history-box .year-wrap { padding-left: 60px; } 
 .history-box .history-item.top h2 { padding: 20px; font-size: 18px; } 
 .history-wrap .history-box.nth-1::after { width: 60%; } 
 .history-box .history-item { padding-left: 60px; } 
 .history-box .history-item + .history-item h2::after { left: -20px; } 
 .history-box .history-item h2::before { right: calc(100% + 20px); width: 40px; } 
 }

@media only screen and (max-width: 480px){
 .history-box .history-item.top h2::before { top: 44px; } 
 .history-box .history-item.top p { padding: 20px 0; font-size: 15px; } 
 .history-box .history-item { padding-left: 35px; } 
 .history-box .history-item h2::before { width: 15px; } 
 .history-box .history-item h2 { font-size: 16px; } 
 .history-box .history-item p { margin-top: 5px; font-size: 16px; } 
 .history-box .year-wrap { margin-bottom: 10px; font-size: 30px; } 
 }

/* 010701 CI */
.ci-wrap { padding: 55px 0 190px; border-top: 1px solid #e4e4e4; } 
.logo-basic { width: 100%; padding: 80px 0; border: 1px solid #d6d6d6; background: url("../images/contents/ci-logo-bg.png") no-repeat center / cover; text-align: center; } 
.ci-down-wrap { margin-top: 45px; font-size: 0; text-align: center; } 
.ci-down-wrap .ci-down { display: inline-block; } 
.ci-down-wrap .ci-down + .ci-down { margin-left: 26px; } 
.ci-down-wrap .ci-down a { display: block; padding: 20px 30px; border: 2px solid #000; border-radius: 35px; color: #000; } 
.ci-down-wrap .ci-down a span { position: relative; padding-right: 60px; font-weight: 600; font-size: 15px; vertical-align: baseline; } 
.ci-down-wrap .ci-down a span::after { display: block; position: absolute; top: 0; right: 0; width: 24px; height: 20px; background: url("../images/contents/ci-down01.png") no-repeat center; content: ""; } 
.ci-down-wrap .ci-down.ai a { border-color: #b11116; color: #b11116; } 
.ci-down-wrap .ci-down.ai a span::after { background: url("../images/contents/ci-down02.png") no-repeat center; } 
.ci-down-wrap .ci-down:hover a { background: #000; color: #fff; } 
.ci-down-wrap .ci-down.ai:hover a { background: #b11116; } 
.ci-down-wrap .ci-down:hover a span::after { background: url("../images/contents/ci-down03.png") no-repeat center; } 

.ci-wrap .content-item::after { display: block; clear: both; content: ""; } 
.ci-wrap .content-item .left { float: left; width: calc(50% - 10px); } 
.ci-wrap .content-item .right { float: right; width: calc(50% - 10px); margin-left: 20px; } 
.ci-wrap .content-item.nth-1 .top { position: relative; padding: 90px; background: #6d7176; } 
.ci-wrap .content-item.nth-1 .left .top { background: #c5013d; } 
.ci-wrap .content-item.nth-1 .top::after { display: block; position: absolute; top: 0; right: 0; width: 200px; height: 100%; background: url("../images/contents/ci-top-bg02.png") no-repeat bottom right; content: ""; } 
.ci-wrap .content-item.nth-1 .left .top::after { background: url("../images/contents/ci-top-bg01.png") no-repeat bottom right; } 
.ci-wrap .top h2 { font-weight: 700; font-size: 50px; color: #fff; } 
.ci-wrap .top span { display: block; font-weight: 300; vertical-align: baseline; text-transform: uppercase; } 

.ci-wrap .content-item .bottom { position: relative; margin-top: 48px; text-align: right; } 
.ci-wrap .content-item.nth-1 .bottom::after { display: block; position: absolute; top: 7px; left: 0; width: calc(100% - 200px); height: 4px; background: #c5013d; content: ""; } 
.ci-wrap .content-item.nth-1 .right .bottom::after { background: #6d7176; } 
.ci-wrap .content-item .bottom .text { display: inline-block; } 
.ci-wrap .content-item .bottom p { font-size: 18px; line-height: 1.4; text-align: left; color: #6d7176; } 
.ci-wrap .content-item .left .bottom p { color: #c5013d; } 
.ci-wrap .content-item .bottom span { margin-right: 15px; font-weight: 800; vertical-align: baseline; } 

.ci-color-wrap { font-size: 0; } 
.ci-color { display: inline-block; width: 30%; } 
.ci-color + .ci-color { margin-left: 4.9999%; } 

.ci-color h2 { font-size: 40px; } 
.ci-color .top { min-height: 250px; padding: 60px; } 
.ci-color.nth-1 .top { border: 1px solid #d6d6d6; } 
.ci-color.nth-1 .top h2 { color: #6d7176; } 
.ci-color.nth-2 .top { background: #b1b3b5; } 
.ci-color.nth-3 .top { background: #b19c75; } 
.ci-color p { margin-top: 20px; font-weight: 500; font-size: 18px; text-align: right; color: #6d7176; } 
.ci-color p span { margin-right: 15px; font-weight: 800; vertical-align: baseline; } 
.ci-color.nth-2 p { color: #b1b3b5; } 
.ci-color.nth-3 p { color: #b19c75; } 

.ci-wrap .contents-box.nth-3 { display: flex; flex-wrap: wrap; clear: both; content: ""; } 
.ci-wrap .contents-box.nth-3 .content-title { width: 100%; } 
.ci-wrap .contents-box.nth-3 .left,
.ci-wrap .contents-box.nth-3 .right { width: 50%; padding: 50px 100px; border: 1px solid #d6d6d6; } 
.ci-wrap .contents-box.nth-3 .left { border-right: 0; } 
.ci-wrap .contents-box.nth-3 .text-box + .text-box { margin-top: 50px; } 
.ci-wrap .contents-box.nth-3 p { margin-top: 45px; font-weight: 500; font-size: 16px; color: #666; } 
.ci-wrap .contents-box.nth-3 .right p { margin-top: 38px; } 
.ci-wrap .contents-box.nth-3 h6 { text-align: right; } 
.ci-wrap .contents-box.nth-3 span:first-child { display: inline-block; min-width: 110px; } 
.ci-wrap .contents-box.nth-3 span:last-child { display: inline-block; width: calc(100% - 110px); height: 32px; text-align: right; } 
.ci-wrap .contents-box.nth-3 .left p.nth-1 .ex { background: url("../images/contents/ci-font01-1.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .left p.nth-2 .ex { background: url("../images/contents/ci-font01-2.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .left p.nth-3 .ex { background: url("../images/contents/ci-font01-3.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .left p.nth-4 .ex { background: url("../images/contents/ci-font01-4.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .left p.nth-5 .ex { background: url("../images/contents/ci-font01-5.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .right p.nth-1 .ex { background: url("../images/contents/ci-font02-1.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .right p.nth-2 .ex { background: url("../images/contents/ci-font03-1.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .right p.nth-3 .ex { background: url("../images/contents/ci-font03-2.png") no-repeat right center /
 contain; } 
.ci-wrap .contents-box.nth-3 .right p.nth-4 .ex { background: url("../images/contents/ci-font03-3.png") no-repeat right center /
 contain; } 

@media only screen and (max-width: 1240px){
 .ci-wrap .content-item.nth-1 .top { padding: 90px 30px; } 
 .ci-color { width: 32%; } 
 .ci-color + .ci-color { margin-left: 2%; } 
 .ci-wrap .contents-box.nth-3 .left,
 .ci-wrap .contents-box.nth-3 .right { padding: 50px 30px; } 
 }

@media only screen and (max-width: 1024px){
 .ci-wrap .content-item .left { width: 100%; } 
 .ci-wrap .content-item .right { width: 100%; margin: 30px 0 0; } 
 .ci-color { width: 100%; } 
 .ci-color + .ci-color { margin-top: 20px; margin-left: 0; } 
 .ci-color .top { min-height: 1px; } 
 .ci-wrap .top span { display: inline-block; margin-right: 20px; } 

 .ci-wrap .contents-box.nth-3 .left { width: 100%; border-right: 1px solid #d6d6d6; border-bottom: 0; } 
 .ci-wrap .contents-box.nth-3 .right { width: 100%; } 
 }

@media only screen and (max-width: 640px){
 .logo-basic img { width: 80%; } 
 .ci-down-wrap .ci-down + .ci-down { margin-left: 15px; } 
 .ci-wrap .top h2 { font-size: 40px; } 
 .ci-wrap .top span { display: block; } 
 .ci-wrap .contents-box.nth-3 span:first-child { display: block; margin-bottom: 5px; } 
 .ci-wrap .contents-box.nth-3 span:first-child br { display: none; } 
 .ci-wrap .contents-box.nth-3 span:last-child { width: 100%; } 
 .ci-wrap .contents-box.nth-3 .right p,
 .ci-wrap .contents-box.nth-3 p { margin-top: 20px; } 
 .ci-wrap .content-item .bottom p { font-size: 16px; } 
 }

@media only screen and (max-width: 480px){
 .ci-down-wrap .ci-down { width: 80%; } 
 .ci-down-wrap .ci-down + .ci-down { margin: 10px 0 0; } 
 .ci-down-wrap .ci-down a { padding: 20px; } 
 .ci-wrap .content-item.nth-1 .top { padding: 30px 30px 275px; } 
 }

/* 010801 찾아오시는길 */
.map-wrap { padding: 55px 0 190px; border-top: 1px solid #e4e4e4; } 

.tab-wrap { font-size: 0; text-align: center; } 
.tab-wrap li { display: inline-block; } 
.tab-wrap li + li { margin-left: 1px; } 
.tab-wrap li a { display: block; padding: 15px 50px; background: #dedede; color: #222; } 
.tab-wrap li a span { position: relative; font-weight: 500; font-size: 20px; vertical-align: baseline; transition: all 0.3s ease-in-out; } 

.tab-wrap li:hover a { background: #b11116; color: #fff; } 
.tab-wrap li.on a { background: #b11116; font-weight: 700; color: #fff; } 
.tab-wrap li.on a span { padding-left: 20px; } 
.tab-wrap li.on a span::after { display: block; position: absolute; top: 50%; left: -14px; width: 18px; height: 14px; background: url("../images/contents/tab-type1_dot.png") no-repeat center; content: ""; transform: translateY(-50%); } 

.map-box { position: relative; height: 600px; margin-top: 70px; border: 1px solid #e4e4e4; } 
.map-box .map { opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } 
.map-box .map.on { opacity: 1; z-index: 1; } 
.map-box .map iframe { width: 100%; height: 100%; } 

.map-info-box { margin-top: 85px; } 
.map-info { display: none; position: relative; font-size: 0; } 
.map-info.on { display: block; } 

.map-info .img { display: inline-block; position: relative; } 
.map-info .img::after { display: block; position: absolute; bottom: 0; left: 0; width: 14px; height: 138px; background: #b60006; content: ""; } 
.map-info .img::before { display: block; position: absolute; bottom: 0; left: 0; width: calc(100% - 115px); height: 14px; background: #b60006; content: ""; } 
.map-info .img .logo { position: absolute; bottom: 14px; left: 14px; width: 277px; height: 53px; background: url("../images/common/main_logo.png") no-repeat left bottom /
 contain; } 

.map-info .tex { display: inline-flex; flex-wrap: wrap; position: absolute; top: 0; right: 0; width: calc(100% - 960px); height: 100%; } 
.map-info .tex .map-info-item { position: relative; width: 100%; height: 25%; padding: 0 35px; background: #e5e9ee; } 
.map-info .tex .map-info-item + .map-info-item::after { display: block; position: absolute; top: 0; left: 50%; width: calc(100% - 70px); height: 1px; background: #cacfd6; content: ""; transform: translateX(-50%); } 
.map-info .tex .map-info-item .title { position: absolute; top: 0; right: 100%; } 
.map-info .tex .map-info-item p { padding: 40px 0; font-weight: 500; font-size: 20px; line-height: 1.4; color: #000; } 
.map-info .tex .map-info-item span { font-weight: 500; vertical-align: baseline; } 
.map-info .tex .add p { padding: 20px 0; letter-spacing: -2px; } 
.map-info.nth-2 .tex .add p { padding: 20px 0; } 
.map-info .tex .add span { display: block; font-size: 18px; } 
.map-info .tex .tel p,
.map-info .tex .fax p { font-weight: 800; font-size: 25px; } 

.map-info .tex .title { min-width: 115px; height: 100%; box-sizing: border-box; font-weight: 700; font-size: 18px; line-height: 115px; text-align: center; color: #fff; } 
.map-info .add .title { background: rgba(0, 0, 0, 0.3); } 
.map-info .tel .title { background: #b11116; } 
.map-info .fax .title { background: rgba(0, 0, 0, 0.8); } 
.map-info .email .title { background: rgba(0, 0, 0, 0.7); } 

@media only screen and (max-width: 1440px){
 .map-info .tex { width: 35%; } 
 }

@media only screen and (max-width: 1024px){
 .map-info .img::before { width: 100%; } 
 .map-info .tex { position: inherit; width: calc(100% - 115px); margin-left: 115px; } 
 .map-info.nth-2 .tex .add p,
 .map-info .tex .add p { padding: 40px 0; } 
 .map-info .tex .add span { display: inline-block; margin-right: 5px; } 
 .map-info .tex .tel p,
 .map-info .tex .fax p { font-size: 20px; } 
 }

@media only screen and (max-width: 768px){
 .map-info .tex .map-info-item { padding: 0 20px; } 
 .map-info .tex .map-info-item + .map-info-item::after { width: calc(100% - 40px); } 
 .map-info .tex .tel p,
 .map-info .tex .fax p,
 .map-info .tex .map-info-item p { font-size: 18px; } 
 }

@media only screen and (max-width: 640px){
 .tab-wrap li a { padding: 10px 20px; } 
 .tab-wrap li a span { font-size: 18px; } 
 .tab-wrap li.on a span::after { left: -6px; } 
 }

@media only screen and (max-width: 480px){
 .tab-wrap li { width: 100%; } 
 .tab-wrap li + li { margin-left: 0; } 
 .map-info .tex { width: 100%; margin: 0; } 
 .map-info .tex .map-info-item { padding: 0; } 
 .map-info .tex .map-info-item .title { position: inherit; right: auto; width: 100%; padding: 20px 10px; line-height: 1.4; } 
 .map-info .tex .map-info-item p { width: 100%; padding: 30px 10px; text-align: center; } 
 .map-info .tex .map-info-item + .map-info-item::after { display: none; } 
 .map-info .img .logo { width: 60%; } 
 }

/* 020101 전해액사업 */
.electrolyte-wrap { margin-bottom: 190px; } 
.electrolyte-wrap .contents-box.nth-1 { padding: 70px; background: #e5e9ee url("../images/contents/electrolyte-bg01.png") no-repeat
 center top; text-align: center; } 
.electrolyte-wrap .contents-box.nth-1 .content-item { padding: 0 40px 90px; background: #fff; } 
.electrolyte-wrap .contents-box.nth-1 .title { display: inline-block; padding: 30px 40px; background: #b11116; } 
.electrolyte-wrap .contents-box.nth-1 .title p { position: relative; padding-top: 80px; font-weight: 700; font-size: 20px; line-height: 1.4; color: #fff; } 
.electrolyte-wrap .contents-box.nth-1 .title p::after { display: block; position: absolute; top: 0; left: 50%; width: 64px; height: 61px; background: url("../images/contents/electrolyte-ico01.png") no-repeat center; content: ""; transform: translateX(-50%); } 
.electrolyte-wrap .contents-box.nth-1 h2 { margin-top: 60px; font-weight: 300; font-size: 40px; line-height: 1.4; color: #222; } 
.electrolyte-wrap .contents-box.nth-1 h2 span { font-weight: 700; vertical-align: baseline; } 
.electrolyte-wrap .contents-box.nth-1 h2 span:nth-of-type(2) { color: #b11116; } 
.electrolyte-wrap .contents-box.nth-1 .img { margin-top: 74px; } 
.electrolyte-wrap .contents-box.nth-1 .img img { margin: 0 auto; } 

.electrolyte-wrap .contents-box.nth-2 { position: relative; padding: 150px 80px; background: #101422 url("../images/contents/electrolyte-bg02.png") no-repeat
 right bottom; text-align: center; } 
.electrolyte-wrap .contents-box.nth-2::after { display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 92px; background: url("../images/common/allmenu-deco.png") no-repeat center bottom; content: ""; transform: translateX(-50%); } 
.electrolyte-wrap .contents-box.nth-2 .title h2 { font-weight: 500; font-size: 45px; color: #e40007; } 
.electrolyte-wrap .contents-box.nth-2 .title h2 span { font-weight: 700; vertical-align: baseline; } 
.electrolyte-wrap .contents-box.nth-2 .title p { margin-top: 15px; font-weight: 500; font-size: 33px; line-height: 1.4; color: #fff; } 
.electrolyte-wrap .electrolyte-list { margin-top: 80px; font-size: 0; } 
.electrolyte-wrap .electrolyte-list .list-itme { display: inline-block; position: relative; width: calc(33.3333% - 47px); padding: 40px 15px; margin-right: 70px; border: 8px solid #e40007; border-radius: 40px; vertical-align: top; } 
.electrolyte-wrap .electrolyte-list .list-itme.nth-2::after { display: block; position: absolute; top: 50%; left: -86px; width: 86px; height: 104px; background: url("../images/contents/electrolyte-deco.png") no-repeat center /
 contain; content: ""; transform: translateY(-50%); } 
.electrolyte-wrap .electrolyte-list .list-itme.nth-2::before { display: block; position: absolute; top: 50%; right: -86px; z-index: 1; width: 86px; height: 104px; background: url("../images/contents/electrolyte-deco.png") no-repeat center /
 contain; content: ""; transform: translateY(-50%); } 
.electrolyte-wrap .electrolyte-list .list-itme:last-child { margin-right: 0; } 
.electrolyte-wrap .electrolyte-list .list-itme h2 { display: inline-block; position: relative; padding-left: 70px; margin-bottom: 35px; font-weight: 700; font-size: 24px; color: #fff; } 
.electrolyte-wrap .electrolyte-list .list-itme h2::after { display: block; position: absolute; top: 50%; left: 30px; width: 28px; height: 62px; background: url("../images/contents/electrolyte-ico02.png") no-repeat center; content: ""; transform: translate(-50%, -50%); } 
.electrolyte-wrap .electrolyte-list .list-itme.nth-2 h2::after { width: 36px; height: 57px; background: url("../images/contents/electrolyte-ico03.png") no-repeat center; } 
.electrolyte-wrap .electrolyte-list .list-itme.nth-3 h2::after { width: 42px; height: 52px; background: url("../images/contents/electrolyte-ico04.png") no-repeat center; } 
.electrolyte-wrap .electrolyte-list .list-itme p { position: relative; padding-left: 14px; margin-top: 10px; font-weight: 500; font-size: 18px; line-height: 1.4; text-align: left; color: #fff; } 
.electrolyte-wrap .electrolyte-list .list-itme p::after { display: block; position: absolute; top: 12px; left: 0; width: 6px; height: 2px; background: #fff; content: ""; } 
.electrolyte-wrap .electrolyte-list .list-itme p:nth-of-type(1) { margin-top: 30px; } 
.electrolyte-wrap .electrolyte-list .list-itme p:nth-of-type(1)::before { display: block; position: absolute; top: -30px; left: 0; width: 100%; height: 1px; background: #b11116; content: ""; } 
.electrolyte-wrap .contents-box.nth-2 .img-wrap { position: relative; margin-top: 110px; font-size: 0; } 
.electrolyte-wrap .contents-box.nth-2 .img-wrap::before { display: block; position: absolute; top: 50%; left: 50%; width: 60%; height: 8px; background: #e40007; content: ""; transform: translate(-50%, -50%); } 
.electrolyte-wrap .contents-box.nth-2 .img { display: inline-block; position: relative; z-index: 1; width: 250px; height: 250px; padding: 15px; margin-left: 15%; border-radius: 50%; background: #fff; } 
.electrolyte-wrap .contents-box.nth-2 .img:first-child { margin-left: 0; } 
.electrolyte-wrap .contents-box.nth-2 .img-inner { overflow: hidden; height: 220px; border: 1px solid #e4040b; border-radius: 50%; line-height: 220px; } 
.electrolyte-wrap .contents-box.nth-2 .img:nth-of-type(1) img { width: 80%; margin-top: 40%; } 
.electrolyte-wrap .contents-box.nth-2 .img:nth-of-type(3) img { width: 60%; margin-top: 20%; } 
.electrolyte-wrap .contents-box.nth-2 .img:nth-of-type(3)::after { display: block; position: absolute; top: 50%; right: 100%; width: 30px; height: 44px; background: url("../images/contents/electrolyte-deco02.png") no-repeat center; content: ""; transform: translateY(-50%); } 
.electrolyte-wrap .contents-box.nth-2 .img-wrap p { position: absolute; top: 30%; width: 15%; font-weight: 700; font-size: 20px; line-height: 1.4; color: #fff; transform: translate(-25%, -120%); } 
.electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(1) { left: 28%; } 
.electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(2) { left: 63%; } 

.electrolyte-wrap .contents-box.nth-3 .content-item { font-size: 0; } 
.electrolyte-wrap .contents-box.nth-3 .box { display: inline-block; width: 33.3333%; padding: 25px; background: #324256; vertical-align: top; } 
.electrolyte-wrap .contents-box.nth-3 .box.nth-2 { background: #274366; } 
.electrolyte-wrap .contents-box.nth-3 .box.nth-3 { background: #375479; } 
.electrolyte-wrap .contents-box.nth-3 .box-inner { min-height: 365px; border: 1px solid rgba(255, 255, 255, 0.15); text-align: center; } 
.electrolyte-wrap .contents-box.nth-3 .box h2 { display: inline-block; position: relative; min-width: 310px; padding: 30px 10px; background: #fff; font-weight: 700; font-size: 23px; color: #2b3b4e; } 
.electrolyte-wrap .contents-box.nth-3 .box h2 span { display: inline-block; width: 118px; height: 23px; background: url("../images/common/main_logo-color.png") no-repeat center /
 contain; vertical-align: baseline; } 
.electrolyte-wrap .contents-box.nth-3 .box.nth-2 h2 { color: #2b3b4e; } 
.electrolyte-wrap .contents-box.nth-3 .box.nth-3 h2 { color: #274366; } 
.electrolyte-wrap .contents-box.nth-3 .box h2::after { display: block; position: absolute; top: 0; left: 50%; width: 60px; height: 7px; background: #b11116; content: ""; transform: translateX(-50%); } 
.electrolyte-wrap .contents-box.nth-3 .text { padding-left: 15%; margin-top: 40px; text-align: left; } 
.electrolyte-wrap .contents-box.nth-3 p { position: relative; padding-left: 15px; font-weight: 500; font-size: 18px; color: #fff; } 
.electrolyte-wrap .contents-box.nth-3 p + p { margin-top: 15px; } 
.electrolyte-wrap .contents-box.nth-3 p::after { display: block; position: absolute; top: 9px; left: 0; width: 6px; height: 2px; background: #fff; content: ""; } 

.electrolyte-wrap .table { margin-top: 30px; } 
.electrolyte-wrap .table th { padding: 20px 10px; font-weight: 600; font-size: 20px; line-height: 1.4; text-align: center; } 
.electrolyte-wrap .table thead th { background: #1d2834; color: #fff; } 
.electrolyte-wrap .table thead th + th { border-left: 1px solid #dddbdb; } 
.electrolyte-wrap .table tbody tr { border-bottom: 1px solid #dddbdb; } 
.electrolyte-wrap .table tbody tr:last-child { border-color: #1d2834; } 
.electrolyte-wrap .table tbody th { background: #f1f1f1; font-size: 22px; color: #222; } 
.electrolyte-wrap .table td { padding: 45px 20px 45px 90px; border-left: 1px solid #dddbdb; } 
.electrolyte-wrap .table td p { position: relative; padding-left: 14px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #666; } 
.electrolyte-wrap .table td p + p { margin-top: 15px; } 
.electrolyte-wrap .table td p::after { display: block; position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: #666; content: ""; } 

.electrolyte-wrap .contents-box.nth-5 { position: relative; padding: 115px 230px 115px 470px; margin-top: 100px; background: #e5e9ee url("../images/contents/electrolyte-bg03.png") no-repeat; } 
.electrolyte-wrap .contents-box.nth-5 .box-wrap { font-size: 0; } 
.electrolyte-wrap .contents-box.nth-5 .box { display: inline-block; width: calc(33.3333% - 4px); margin-left: 4px; } 
.electrolyte-wrap .contents-box.nth-5 .box h2 { padding: 25px 10px; background: #b11116; font-weight: 700; font-size: 30px; text-align: center; color: #fff; } 

.electrolyte-wrap .contents-box.nth-6 .img-wrap,
.electrolyte-wrap .contents-box.nth-7 .img-wrap { position: relative; margin-top: 85px; text-align: center; } 
.electrolyte-wrap .contents-box.nth-6 .img-wrap::before,
.electrolyte-wrap .contents-box.nth-7 .img-wrap::before { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 5px; background: #b11116; content: ""; transform: translateY(-50%); } 

.electrolyte-wrap .contents-box.nth-6 .img,
.electrolyte-wrap .contents-box.nth-7 .img { display: inline-block; position: relative; z-index: 1; width: 220px; height: 220px; margin-right: 66px; border: 10px solid #fff; border-radius: 50%; } 
.electrolyte-wrap .contents-box.nth-6 .img:last-child,
.electrolyte-wrap .contents-box.nth-7 .img:last-child { margin-right: 0; } 
.electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(2)::after { display: block; position: absolute; top: 50%; left: 50%; width: 280px; height: 280px; background: url("../images/contents/electrolyte-deco03.png") no-repeat center; content: ""; transform: translate(-50%, -50%); } 
.electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(4)::after { display: block; position: absolute; top: 50%; left: 50%; width: 280px; height: 280px; background: url("../images/contents/electrolyte-deco03.png") no-repeat center; content: ""; transform: translate(-50%, -50%) rotate(30deg); } 
.electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(1)::after { display: block; position: absolute; top: 50%; left: 50%; width: 280px; height: 280px; background: url("../images/contents/electrolyte-deco03.png") no-repeat center; content: ""; transform: translate(-50%, -50%) rotate(-30deg); } 
.electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(3)::after { display: block; position: absolute; top: 50%; left: 50%; width: 280px; height: 280px; background: url("../images/contents/electrolyte-deco03.png") no-repeat center; content: ""; transform: translate(-50%, -50%) rotate(180deg); } 

@media only screen and (max-width: 1440px){
 .electrolyte-wrap .contents-box.nth-2 { padding: 150px 40px; } 
 .electrolyte-wrap .contents-box.nth-3 .text { padding: 0 5%; } 
 }

@media only screen and (max-width: 1240px){
 .electrolyte-wrap .contents-box.nth-1 { padding: 30px; } 
 .electrolyte-wrap .contents-box.nth-1 .title p { font-size: 22px; } 
 .electrolyte-wrap .contents-box.nth-1 h2 { font-size: 30px; } 
 .electrolyte-wrap .contents-box.nth-2 .title h2 { font-size: 35px; } 
 .electrolyte-wrap .contents-box.nth-2 .title p { font-size: 24px; } 
 .electrolyte-wrap .electrolyte-list .list-itme { vertical-align: top; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2 { padding-left: 40px; font-size: 20px; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2::after { left: 14px; } 
 .electrolyte-wrap .contents-box.nth-2 .img { width: 220px; height: 220px; margin-left: 10%; } 
 .electrolyte-wrap .contents-box.nth-2 .img-inner { height: 190px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p { top: 5%; width: 20%; font-size: 18px; } 
 .electrolyte-wrap .contents-box.nth-3 .box h2 { width: 100%; min-width: 1px; } 
 .electrolyte-wrap .contents-box.nth-3 .box h2 { font-size: 20px; } 
 .electrolyte-wrap .contents-box.nth-3 .text { margin-top: 20px; } 
 .electrolyte-wrap .contents-box.nth-5 { padding: 115px 30px 115px 400px; } 
 .electrolyte-wrap .contents-box.nth-6 .img,
 .electrolyte-wrap .contents-box.nth-7 .img { margin-right: 22px; } 
 }

@media only screen and (max-width: 1024px){
 .electrolyte-wrap { margin-bottom: 150px; } 
 .electrolyte-wrap .contents-box.nth-1 .title p { font-size: 20px; } 
 .electrolyte-wrap .contents-box.nth-1 h2 { font-size: 24px; } 
 .electrolyte-wrap .contents-box.nth-2 { padding: 150px 20px; } 
 .electrolyte-wrap .electrolyte-list .list-itme { width: 100%; margin-bottom: 30px; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2 { padding-left: 25px; } 
 .electrolyte-wrap .electrolyte-list .list-itme.nth-2::before,
 .electrolyte-wrap .electrolyte-list .list-itme.nth-2::after { display: none; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2::after { left: -3px; } 
 .electrolyte-wrap .electrolyte-list .list-itme p { padding: 0; text-align: center; } 
 .electrolyte-wrap .electrolyte-list .list-itme p::after { display: none; } 
 .electrolyte-wrap .contents-box.nth-2 .img { width: 180px; height: 180px; padding: 5px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-inner { height: 170px; line-height: 180px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p { font-size: 18px; } 
 .electrolyte-wrap .contents-box.nth-2 .img:nth-of-type(1) img { margin-top: 0; } 
 .electrolyte-wrap .contents-box.nth-3 .box { padding: 10px; } 
 .electrolyte-wrap .contents-box.nth-3 .box-inner { min-height: 326px; } 
 .electrolyte-wrap .contents-box.nth-3 .box h2 span { width: 80px; height: 18px; } 
 .electrolyte-wrap .contents-box.nth-3 .text { padding: 0 10px; margin-top: 20px; } 
 .electrolyte-wrap .contents-box.nth-3 p { font-size: 16px; } 
 .electrolyte-wrap .table tbody th { font-size: 20px; } 
 .electrolyte-wrap .contents-box.nth-5 { padding: 115px 30px 115px 310px; background-position: 10% 0; } 
 .electrolyte-wrap .contents-box.nth-5 .box h2 { font-size: 24px; } 
 .electrolyte-wrap .contents-box.nth-6 .img,
 .electrolyte-wrap .contents-box.nth-7 .img { width: 160px; height: 160px; } 
 .electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(2)::after,
 .electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(4)::after,
 .electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(1)::after,
 .electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(3)::after { width: 180px; height: 180px; background-size: contain; } 
 .electrolyte-wrap .table td { padding: 45px 20px; } 
 .electrolyte-wrap .contents-box.nth-3 p + p { margin-top: 10px; } 
 .electrolyte-wrap .contents-box.nth-1 .title p br { display: none; } 
 }

@media only screen and (max-width: 768px){
 .electrolyte-wrap .contents-box.nth-1 { padding: 10px; } 
 .electrolyte-wrap .contents-box.nth-1 .content-item { padding: 0 20px 90px; } 
 .electrolyte-wrap .contents-box.nth-2 { padding: 115px 20px; } 
 .electrolyte-wrap .contents-box.nth-2 .title h2 { font-size: 30px; } 
 .electrolyte-wrap .contents-box.nth-2 .title p { margin-top: 10px; font-size: 20px; } 
 .electrolyte-wrap .contents-box.nth-2 .img { margin-left: 10px; } 
 .electrolyte-wrap .electrolyte-list { margin-top: 40px; } 
 .electrolyte-wrap .contents-box.nth-2 .img { width: 150px; height: 150px; padding: 5px; margin-right: 30px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-inner { height: 140px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p { font-size: 16px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(1) { left: 28%; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(2) { left: 62%; } 
 .electrolyte-wrap .contents-box.nth-3 .text { padding: 0 5px; font-size: 16px; } 
 .electrolyte-wrap .contents-box.nth-3 .box { width: 100%; } 
 .electrolyte-wrap .contents-box.nth-3 .box h2 { min-height: 1px; } 
 .electrolyte-wrap .contents-box.nth-3 p { padding: 0; text-align: center; } 
 .electrolyte-wrap .contents-box.nth-3 p::after { display: none; } 
 .electrolyte-wrap .contents-box.nth-3 .box-inner { min-height: 1px; } 
 .electrolyte-wrap .contents-box.nth-3 .text { padding: 10px; } 
 .electrolyte-wrap .table tbody th { font-size: 18px; } 
 .electrolyte-wrap .table td { padding: 45px 30px; } 
 .electrolyte-wrap .table td p { font-size: 16px; } 
 .electrolyte-wrap .table td p + p { margin-top: 5px; } 
 .electrolyte-wrap .contents-box.nth-5 { padding: 80px 30px 80px 250px; background-size: auto 100%; } 
 .electrolyte-wrap .contents-box.nth-5 .box h2 { font-size: 20px; } 
 .electrolyte-wrap .contents-box.nth-6 .img,
 .electrolyte-wrap .contents-box.nth-7 .img { width: 130px; height: 130px; margin-right: 10px; border: 5px solid #fff; } 
 .electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(2)::after,
 .electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(4)::after,
 .electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(1)::after,
 .electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(3)::after { width: 150px; height: 150px; } 
 }

@media only screen and (max-width: 640px){
 .electrolyte-wrap { margin-bottom: 80px; } 
 .electrolyte-wrap .contents-box.nth-1 .title p { font-size: 18px; } 
 .electrolyte-wrap .contents-box.nth-1 h2 { font-size: 20px; } 
 .electrolyte-wrap .contents-box.nth-2 .title h2 { font-size: 24px; line-height: 1.4; } 
 .electrolyte-wrap .contents-box.nth-2 .title p { font-size: 18px; } 
 .electrolyte-wrap .electrolyte-list .list-itme p { font-size: 16px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap { margin-top: 25px; text-align: center; } 
 .electrolyte-wrap .contents-box.nth-2 .img { width: 190px; height: 190px; margin-bottom: 30px; margin-left: 100px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-inner { height: 180px; line-height: 200px; } 
 .electrolyte-wrap .contents-box.nth-2 .img:first-child,
 .electrolyte-wrap .contents-box.nth-2 .img:last-child { margin-right: 100px; margin-left: 0; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap::before { top: 40%; width: 8px; height: 50%; } 
 .electrolyte-wrap .contents-box.nth-2 .img:nth-of-type(3)::after { top: -30px; right: 30px; transform: rotate(90deg); } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(1) { top: 30%; left: 68%; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(2) { top: 65%; left: 18%; } 
 .electrolyte-wrap .table th { font-size: 18px; } 
 .electrolyte-wrap .table td { padding: 20px 10px; } 
 .electrolyte-wrap .contents-box.nth-5 { padding: 80px 30px 80px 145px; } 
 .electrolyte-wrap .contents-box.nth-5 .box h2 { font-size: 18px; } 
 .electrolyte-wrap .contents-box.nth-6 .img,
 .electrolyte-wrap .contents-box.nth-7 .img { width: 200px; height: 200px; margin-bottom: 50px; margin-left: 150px; } 
 .electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(2)::after,
 .electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(4)::after,
 .electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(1)::after,
 .electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(3)::after { width: 230px; height: 230px; } 
 .electrolyte-wrap .contents-box.nth-6 .img:nth-of-type(even),
 .electrolyte-wrap .contents-box.nth-7 .img:nth-of-type(odd) { margin-right: 150px; margin-left: 0; } 
 .electrolyte-wrap .contents-box.nth-6 .img-wrap::before,
 .electrolyte-wrap .contents-box.nth-7 .img-wrap::before { left: 50%; width: 5px; height: 100%; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2 { padding-left: 50px; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2::after { left: 20px; } 
 }

@media only screen and (max-width: 480px){
 .electrolyte-wrap .contents-box.nth-1 .title { padding: 15px; } 
 .electrolyte-wrap .contents-box.nth-1 .title p br { display: none; } 
 .electrolyte-wrap .contents-box.nth-1 h2 { margin-top: 20px; font-size: 18px; } 
 .electrolyte-wrap .electrolyte-list .list-itme { padding: 40px 5px 20px; border: 4px solid #e40007; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2 { padding-left: 40px; } 
 .electrolyte-wrap .electrolyte-list .list-itme p { font-size: 15px; } 
 .electrolyte-wrap .contents-box.nth-2 .img,
 .electrolyte-wrap .contents-box.nth-2 .img:first-child,
 .electrolyte-wrap .contents-box.nth-2 .img:last-child { width: 220px; height: 220px; margin: 0 0 80px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-inner { height: 210px; line-height: 230px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(1) { top: 35%; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p:nth-of-type(2) { top: 66%; left: 5px; } 
 .electrolyte-wrap .contents-box.nth-2 .img:nth-of-type(3)::after { top: -50px; right: 95px; } 
 .electrolyte-wrap .contents-box.nth-6 .img,
 .electrolyte-wrap .contents-box.nth-7 .img { margin-left: 90px; } 
 .electrolyte-wrap .contents-box.nth-5 { padding: 20px 20px 20px 145px; } 
 .electrolyte-wrap .contents-box.nth-5 .box { width: 100%; margin: 0 0 10px; } 
 .electrolyte-wrap .contents-box.nth-5 .box h2 { padding: 10px; font-size: 16px; } 
 .electrolyte-wrap .electrolyte-list .list-itme h2::after { left: 30px; } 
 .electrolyte-wrap .contents-box.nth-2 .img-wrap p { width: 50%; font-size: 14px; } 
 .electrolyte-wrap .contents-box.nth-2 { padding: 115px 20px 0; } 
 }

/* 020201 NMP재생사업 */
.nmp-wrap { padding: 55px 0 190px; border-top: 1px solid #e4e4e4; } 
.nmp-top-inner { padding: 70px; background: #1d2834; text-align: center; } 
.nmp-item { padding: 0 20px 80px; background: #fff url("../images/contents/nmp-bg.png") no-repeat center bottom; } 
.nmp-item h2 { display: inline-block; position: relative; padding: 110px 40px 30px; background: #b11116; font-weight: 700; font-size: 25px; line-height: 1.4; color: #fff; transform: translateY(-70px); } 
.nmp-item h2 span { display: block; font-weight: 300; vertical-align: baseline; } 
.nmp-item h2::after { display: block; position: absolute; top: 38px; left: 50%; width: 58px; height: 56px; background: url("../images/contents/nmp-top-ico.png") no-repeat center; content: ""; transform: translateX(-50%); } 
.nmp-item > p { position: relative; font-weight: 500; font-size: 25px; line-height: 1.4; color: #222; } 
.nmp-item > p span { font-weight: 800; vertical-align: baseline; color: #b11116; } 
.nmp-item > p::after { display: block; position: absolute; bottom: 110%; left: 50%; width: 7px; height: 80px; background: url("../images/common/allmenu-deco.png") no-repeat center bottom; content: ""; transform: translateX(-50%); } 
.nmp-item img { margin-top: 105px; margin-left: 33px; } 
.nmp-item .text { display: inline-block; margin-top: 140px; text-align: left; } 
.nmp-item .text p { position: relative; padding-left: 15px; font-weight: 500; font-size: 20px; line-height: 1.4; color: #1d2834; } 
.nmp-item .text p + p { margin-top: 10px; } 
.nmp-item .text p::after { display: block; position: absolute; top: 14px; left: 0; width: 6px; height: 1px; background: #1d2834; content: ""; } 
.nmp-top-inner .bottom-text { margin-top: 60px; font-size: 0; } 
.nmp-top-inner .bottom-text h2 { display: inline-block; width: 300px; font-weight: 800; font-size: 70px; color: #fff; } 
.nmp-top-inner .bottom-text p { display: inline-block; position: relative; width: calc(100% - 300px); padding-left: 46px; font-weight: 500; font-size: 20px; line-height: 1.4; text-align: left; color: #fff; } 
.nmp-top-inner .bottom-text p::after { display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #4a535d; content: ""; } 

.nmp-bottom { padding: 0 160px 70px; margin-top: 170px; background: #e5e9ee url("../images/contents/nmp-bottom-bg.png") no-repeat
 center top / cover; text-align: center; } 
.nmp-bottom .top .title { position: relative; padding-bottom: 30px; } 
.nmp-bottom .top .title::after { display: block; position: absolute; bottom: 0; left: 50%; width: 50%; height: 6px; background: linear-gradient(to right, #fff, #e6eaee 50%, #fff); content: ""; transform: translateX(-50%); } 
.nmp-bottom .top .title h2 { font-weight: 700; font-size: 45px; color: #222; } 
.nmp-bottom .top .title h2::after { display: block; content: ""; } 
.nmp-bottom .top .title h2 span { vertical-align: baseline; color: #55b144; } 
.nmp-bottom .top img { margin-top: 46px; } 
.nmp-bottom .text { position: relative; padding-top: 54px; margin-top: 50px; } 
.nmp-bottom .text::after { display: block; position: absolute; top: 0; left: 50%; width: 30%; height: 6px; background: linear-gradient(to right, #fff, #e6eaee 50%, #fff); content: ""; transform: translateX(-50%); } 
.nmp-bottom .text h2 { font-weight: 300; font-size: 35px; line-height: 1.2; color: #222; } 
.nmp-bottom .text h2:nth-of-type(2) { color: #55b144; } 
.nmp-bottom .text h2:nth-of-type(3) { color: #b11116; } 
.nmp-bottom .text h2 span { font-weight: 700; vertical-align: baseline; } 
.nmp-bottom .text > p { width: 48%; margin: 50px auto 0; font-weight: 500; font-size: 18px; line-height: 1.4; color: #666; } 
.nmp-bottom .box-wrap { padding-bottom: 120px; margin-top: 260px; border-bottom: 6px solid #1d2834; font-size: 0; } 
.nmp-bottom .box { display: inline-block; width: calc(50% - 80px); vertical-align: top; } 
.nmp-bottom .box:first-child { margin-right: 160px; } 
.nmp-bottom .box .title { position: relative; padding: 15px; border-radius: 10px; background: #222; font-weight: 700; font-size: 25px; color: #fff; } 
.nmp-bottom .box .title::after { display: block; position: absolute; top: 100%; left: 50%; width: 20px; height: 16px; background: url("../images/contents/nmp-bottom-title-deco.png") no-repeat
 center; content: ""; transform: translate(-50%, -1px); } 
.nmp-bottom .box img { margin-top: 30px; } 
.nmp-bottom .box .list { position: relative; padding-top: 60px; margin-top: 10px; } 
.nmp-bottom .box .list::before { display: block; position: absolute; top: 0; left: 50%; width: 6px; height: calc(100% - 55px); background: #000; content: ""; transform: translateX(-50%); } 
.nmp-bottom .box .list::after { display: block; position: absolute; bottom: 52px; left: 50%; width: 32px; height: 20px; background: url("../images/contents/nmp-list-deco.png") no-repeat center; content: ""; transform: translateX(-50%); } 
.nmp-bottom .box .list-item { position: relative; z-index: 1; padding: 15px 10px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); font-weight: 500; font-size: 18px; color: #666; } 
.nmp-bottom .box .list-item + .list-item { margin-top: 12px; } 
.nmp-bottom .box .list-item:last-child { margin-top: 66px; background: #b11116; font-weight: 800; font-size: 20px; color: #fff; } 
.nmp-bottom h6 { margin-top: 60px; font-weight: 500; font-size: 25px; color: #222; } 
.nmp-bottom h6 span { font-weight: 800; vertical-align: baseline; } 

@media only screen and (max-width: 1440px){
 .nmp-bottom { padding: 0 70px 70px; } 
 .nmp-bottom .box:first-child { margin-right: 60px; } 
 }

@media only screen and (max-width: 1240px){
 .nmp-item img { width: 80%; } 
 .nmp-top-inner .bottom-text h2 { width: 200px; } 
 .nmp-top-inner .bottom-text p { width: calc(100% - 200px); } 
 .nmp-bottom .text > p { width: 40%; } 
 .nmp-bottom .box { width: calc(50% - 40px); } 
 .nmp-bottom .box:first-child { margin-right: 80px; } 
 }

@media only screen and (max-width: 1024px){
 .nmp-top-inner { padding: 40px; } 
 .nmp-item h2 { font-size: 20px; transform: translateY(-40px); } 
 .nmp-item .text { margin-top: 80px; } 
 .nmp-item > p,
 .nmp-item .text p { font-size: 18px; } 
 .nmp-top-inner .bottom-text p { font-size: 17px; } 
 .nmp-top-inner .bottom-text { margin-top: 40px; } 
 .nmp-top-inner .bottom-text h2 { width: 150px; font-size: 50px; vertical-align: top; } 
 .nmp-top-inner .bottom-text p { width: calc(100% - 150px); padding-left: 20px; } 

 .nmp-bottom { padding: 0 40px 70px; } 
 .nmp-bottom .box-wrap { padding-bottom: 80px; } 
 .nmp-bottom .top .title h2 { font-size: 35px; } 
 .nmp-bottom .text h2 { font-size: 25px; } 
 .nmp-bottom .text > p { width: 60%; } 
 .nmp-bottom .box:first-child { margin-right: 20px; } 
 .nmp-bottom .box { width: calc(50% - 20px); } 
 .nmp-bottom .box .title { font-size: 20px; } 
 .nmp-bottom .box .list { padding-top: 20px; } 
 .nmp-bottom h6 { font-size: 20px; } 
 }

@media only screen and (max-width: 768px){
 .nmp-top-inner { padding: 10px; } 
 .nmp-item { padding-top: 40px; } 
 .nmp-item h2 { transform: translateY(-50px); } 
 .nmp-item > p br { display: none; } 
 .nmp-item img { width: 90%; margin-top: 50px; margin-left: 10px; } 
 .nmp-item > p,
 .nmp-item .text p { font-size: 16px; } 
 .nmp-item .text p + p { margin-top: 5px; } 
 .nmp-top-inner .bottom-text { padding: 0 10px 20px; margin-top: 40px; } 
 .nmp-top-inner .bottom-text h2 { width: 100px; font-size: 40px; } 
 .nmp-top-inner .bottom-text p { width: calc(100% - 100px); padding-left: 10px; font-size: 16px; } 

 .nmp-bottom { padding: 0 10px 70px; background-position: center -200px; } 
 .nmp-bottom .top img { margin-top: 30px; } 
 .nmp-bottom .text { padding-top: 30px; margin-top: 30px; } 
 .nmp-bottom .text > p { width: 70%; font-size: 16px; } 
 .nmp-bottom .box-wrap { margin-top: 140px; } 
 .nmp-bottom .box { width: 100%; } 
 .nmp-bottom .box:first-child { margin: 0 0 40px; } 
 .nmp-bottom h6 { font-size: 20px; } 
 }

@media only screen and (max-width: 640px){
 .nmp-item { padding: 40px 20px; } 
 .nmp-item img { width: 100%; margin: 50px 0 0; } 
 .nmp-item h2 { padding: 110px 30px 20px; } 
 .nmp-top-inner .bottom-text { margin-top: 30px; } 
 .nmp-top-inner .bottom-text h2 { display: block; } 
 .nmp-top-inner .bottom-text p { width: 100%; padding: 0; margin-top: 10px; } 
 .nmp-top-inner .bottom-text p::after { display: none; } 

 .nmp-bottom { padding-bottom: 40px; background-position: center -250px; } 
 .nmp-bottom .box-wrap { padding-bottom: 40px; } 
 .nmp-bottom .top .title h2 { font-size: 24px; } 
 .nmp-bottom .top img { width: 40%; } 
 .nmp-bottom .text h2 { font-size: 20px; } 
 .nmp-bottom .text > p { width: 100%; margin-top: 30px; font-size: 15px; } 
 .nmp-bottom .box .title { font-size: 18px; } 
 .nmp-bottom .box .list-item { font-size: 16px; } 
 .nmp-bottom .box .list-item:last-child { margin-top: 40px; font-size: 16px; } 
 .nmp-bottom h6 { margin-top: 40px; font-size: 18px; } 
 }

@media only screen and (max-width: 480px){
 .nmp-item h2 { padding: 90px 20px 20px; } 
 .nmp-item h2::after { top: 20px; } 
 .nmp-top-inner .bottom-text { padding: 0 0 20px; } 
 .nmp-top-inner .bottom-text h2 { width: 100%; font-size: 30px; } 
 .nmp-top-inner .bottom-text p { font-size: 15px; text-align: center; } 

 .nmp-bottom { background-position: center -100px; } 
 .nmp-bottom .top .title { padding-bottom: 20px; } 
 .nmp-bottom .top img { width: 80%; } 
 .nmp-bottom .box .title { font-size: 17px; } 
 .nmp-bottom h6 span { display: block; margin-top: 5px; } 
 }

/* 020301 고객사 */
.customer-wrap { position: relative; padding: 115px 0 190px; border-top: 1px solid #e4e4e4; } 
.customer-wrap::after { display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 92px; background: url("../images/common/allmenu-deco.png") no-repeat bottom; content: ""; transform: translateX(-50%); } 
.customer-wrap .title { text-align: center; } 
.customer-wrap .title h2 { font-weight: 300; font-size: 45px; letter-spacing: 5px; color: #222; } 
.customer-wrap .title p { margin-top: 15px; font-weight: 700; font-size: 30px; line-height: 1.4; color: #222; } 
.customer-wrap .title span { vertical-align: baseline; color: #b11116; } 
.customer-wrap .customer-list { margin-top: 90px; font-size: 0; } 
.customer-wrap .list-item { display: inline-block; width: calc(25% - 37.5px); margin-right: 50px; margin-bottom: 50px; transition: all 0.3s ease-in-out; } 
.customer-wrap .list-item:nth-of-type(4n) { margin-right: 0; } 
.customer-wrap .list-item a:first-child { display: block; overflow: hidden; position: relative; height: 145px; border: 1px solid #e5e5e5; } 
.customer-wrap .list-item a img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } 
.customer-wrap .list-item a.m_btn { display: block; padding: 5px; margin-top: 10px; background: #eee; font-size: 18px; text-align: center; color: #222; } 
.customer-wrap .list-item a.m_btn:hover { background: #222; color: #fff; } 
.customer-wrap .list-item .admin-check { margin-top: 5px; text-align: center; } 
.customer-wrap .list-item:hover { transform: translateY(-10px); } 
.customer-wrap .list-item:hover a { border: 0; background: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); } 
.customer-wrap .btn { vertical-align: top; } 
.customer-wrap .btn span { line-height: 60px; vertical-align: baseline; } 

@media only screen and (max-width: 1240px){
 .customer-wrap .list-item { width: calc(25% - 15px); margin-right: 20px; margin-bottom: 20px; } 
 }

@media only screen and (max-width: 1024px){
 .customer-wrap { padding-bottom: 150px; } 
 .customer-wrap .title h2 { font-size: 30px; } 
 .customer-wrap .title p { font-size: 24px; } 
 .customer-wrap .customer-list { margin-top: 60px; } 
 .customer-wrap .list-item,
 .customer-wrap .list-item:nth-of-type(4n) { width: 32%; margin-right: 2%; } 
 .customer-wrap .list-item:nth-of-type(3n) { margin-right: 0; } 
 }

@media only screen and (max-width: 640px){
 .customer-wrap .list-item,
 .customer-wrap .list-item:nth-of-type(3n),
 .customer-wrap .list-item:nth-of-type(4n) { width: 49%; margin-right: 2%; } 
 .customer-wrap .list-item:nth-of-type(2n) { margin-right: 0; } 
 }

@media only screen and (max-width: 480px){
 .customer-wrap .title h2 { font-size: 18px; } 
 .customer-wrap .title p { font-size: 17px; } 
 .customer-wrap .list-item,
 .customer-wrap .list-item:nth-of-type(2n),
 .customer-wrap .list-item:nth-of-type(3n),
 .customer-wrap .list-item:nth-of-type(4n) { width: 100%; margin-right: 0; } 
 }

/* 030101 연구소 소개 */
.lab-wrap { margin-bottom: 190px; } 
.lab-top { padding: 140px 100px; background: url("../images/contents/lab-top-bg.png") no-repeat center / cover; } 
.lab-top h2 { display: inline-block; width: 40%; font-weight: 400; font-size: 45px; line-height: 1.4; color: #fff; } 
.lab-top span { font-weight: 500; vertical-align: baseline; color: #b11116; } 

.lab-list { display: flex; flex-wrap: wrap; margin-top: 80px; } 
.lab-list .list-item { display: inline-block; width: calc(33.3333% - 27px); min-height: 260px; padding: 0 20px 20px; margin-right: 40px; margin-bottom: 40px; border: 7px solid #1d2834; text-align: center; vertical-align: top; } 
.lab-list .list-item:nth-of-type(3n) { margin-right: 0; } 
.lab-list .list-item h2 { display: inline-block; width: 80%; padding: 10px 10px; margin-bottom: 40px; border-radius: 0 0 10px 10px; background: #1d2834; font-weight: 800; font-size: 25px; color: #fff; } 
.lab-list .list-item p { position: relative; padding-left: 10px; font-weight: 500; font-size: 18px; line-height: 1.4; text-align: left; color: #222; } 
.lab-list .list-item p + p { margin-top: 20px; } 
.lab-list .list-item p::after { display: block; position: absolute; top: 9px; left: 0; width: 6px; height: 2px; background: #222; content: ""; } 
.lab-list .list-item h6 { margin-top: 20px; font-weight: 800; font-size: 25px; color: #fff; } 

.lab-list .list-item.nth-2 { padding-top: 80px; border: 0; background: url("../images/contents/lab-list-bg.png") no-repeat center / cover; } 

@media only screen and (max-width: 1440px){
 .lab-top h2 { width: 50%; } 
 .lab-list .list-item { width: calc(33.3333% - 14px); margin-right: 20px; } 
 .lab-list .list-item h2 { margin-bottom: 25px; } 
 .lab-list .list-item p + p { margin-top: 10px; } 
 }

@media only screen and (max-width: 1240px){
 .lab-top h2 { width: 60%; font-size: 30px; } 
 .lab-list .list-item p { font-size: 16px; } 
 }

@media only screen and (max-width: 1024px){
 .lab-wrap { margin-bottom: 150px; } 
 .lab-top { padding: 80px; } 
 .lab-list .list-item { width: calc(50% - 10px); padding: 0 10px 10px; } 
 .lab-list .list-item:nth-of-type(3n) { margin-right: 20px; } 
 .lab-list .list-item:nth-of-type(2n) { margin-right: 0; } 
 .lab-list .list-item h2 { width: 100%; font-size: 20px; } 
 }

@media only screen and (max-width: 768px){
 .lab-top { padding: 50px; } 
 .lab-top h2 { font-size: 24px; } 
 .lab-list .list-item.nth-2 .logo { width: 80%; margin: 0 auto; } 
 }

@media only screen and (max-width: 640px){
 .lab-wrap { margin-bottom: 80px; } 
 .lab-top { padding: 30px; } 
 .lab-top h2 { font-size: 20px; } 
 .lab-list { position: relative; padding-top: 180px; margin-top: 40px; } 
 .lab-list .list-item,
 .lab-list .list-item:nth-of-type(3n) { width: 100%; min-height: 1px; margin-right: 0; } 
 .lab-list .list-item.nth-2 { position: absolute; top: 0; left: 0; padding: 20px; } 
 .lab-list .list-item h2 { font-size: 18px; } 
 .lab-list .list-item p { font-size: 15px; } 
 }

@media only screen and (max-width: 480px){
 .lab-top { padding: 20px; } 
 .lab-top h2 { width: 90%; font-size: 18px; } 
 }

/* 030201 개발현황 */
.development-wrap { margin-bottom: 190px; } 
.development-top { padding: 100px 80px; background: url("../images/contents/development-top-bg.png") no-repeat center /
 cover; } 
.development-top h2 { display: inline-block; width: 50%; font-weight: 400; font-size: 45px; line-height: 1.4; color: #222; } 
.development-top span { font-weight: 600; vertical-align: baseline; color: #b11116; } 
.development-top span:first-child { display: block; margin-bottom: 30px; font-size: 55px; white-space: nowrap; } 

.development-bottom { margin-top: 70px; font-size: 0; } 
.development-bottom .contents-box { display: inline-block; width: calc(50% - 20px); margin-right: 40px; margin-bottom: 40px; vertical-align: top; } 
.development-bottom .contents-box:nth-of-type(2n) { margin-right: 0; } 
.development-bottom .contents-box + .contents-box { margin-top: 0; } 
.development-bottom .content-item { position: relative; padding: 40px; border: 1px solid #c5c6cc; } 
.development-bottom .content-item::after { display: block; position: absolute; top: 40px; right: 40px; width: 82px; height: 54px; background: url("../images/contents/goal-ico01.png") no-repeat center; content: ""; } 
.development-bottom .contents-box.nth-2 .content-item::after { width: 50px; height: 65px; background: url("../images/contents/goal-ico02.png") no-repeat center; } 
.development-bottom .contents-box.nth-3 .content-item::after { width: 76px; height: 64px; background: url("../images/contents/goal-ico03.png") no-repeat center; } 
.development-bottom .contents-box.nth-4 .content-item::after { width: 54px; height: 60px; background: url("../images/contents/goal-ico04.png") no-repeat center; } 
.development-bottom .content-item h2 { position: relative; padding-left: 10px; font-weight: 600; font-size: 18px; line-height: 1.4; color: #222; } 
.development-bottom .content-item h2:first-child { padding-right: 80px; } 
.development-bottom .content-item h2 span { display: block; font-weight: 500; vertical-align: baseline; color: #666; } 
.development-bottom .content-item h2::after { display: block; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #222; content: ""; } 
.development-bottom .content-item h2 + h2 { margin-top: 20px; } 

@media only screen and (max-width: 1440px){
 .development-top h2 { width: 38%; } 
 }

@media only screen and (max-width: 1240px){
 .development-top h2 { width: 42%; font-size: 30px; } 
 .development-top span:first-child { margin-bottom: 20px; font-size: 45px; } 
 .development-bottom .content-item { padding: 20px; } 
 }

@media only screen and (max-width: 1024px){
 .development-wrap { margin-bottom: 150px; } 
 .development-top { padding: 40px 60px; } 
 .development-bottom .contents-box { width: 100%; margin-right: 0; } 
 .development-bottom .content-item { padding: 40px 20px 20px; } 
 .development-bottom .content-item h2 { font-size: 16px; } 
 .development-bottom .content-item h2:first-child { padding-right: 85px; } 
 .development-bottom .content-item::after { top: 20px; right: 20px; } 
 }

@media only screen and (max-width: 768px){
 .development-top { padding: 40px; } 
 .development-top h2 { width: 80%; } 
 .development-bottom .content-item { padding: 20px; } 
 }

@media only screen and (max-width: 640px){
 .development-wrap { margin-bottom: 80px; } 
 .development-top { padding: 40px; } 
 .development-top h2 { font-size: 25px; } 
 .development-top span:first-child { font-size: 30px; } 
 .development-bottom .content-item h2 { font-size: 15px; } 
 }

@media only screen and (max-width: 480px){
 .development-bottom .content-item h2:first-child { padding-right: 0; } 
 .development-bottom .content-item::after { top: -70px; right: 0; } 
 .development-bottom .content-title h2 { padding-right: 80px; } 
 .development-top span:first-child { white-space: normal; } 
 }

/* 030301 비전과 목표 */
.goal-wrap { margin-bottom: 190px; } 
.goal-top { position: relative; min-height: 500px; padding: 100px 80px; background: url("../images/contents/goal-top-bg.png") no-repeat center / cover; } 
.goal-top h2 { display: inline-block; width: 40%; font-weight: 400; font-size: 45px; line-height: 1.4; color: #fff; } 
.goal-top span { font-weight: 600; vertical-align: baseline; color: #b11116; } 
.goal-top .tag { position: absolute; bottom: 0; left: 20%; line-height: 1.4; transform: translateY(50%); } 
.goal-top p { position: relative; padding: 40px 60px; background: #b11116; font-weight: 400; font-size: 18px; color: #fff; } 
.goal-top p::after { display: block; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #b11116; content: ""; } 

.goal-bottom { margin-top: 160px; } 
.goal-list { font-size: 0; } 
.goal-list .list-item { display: inline-block; width: calc(25% - 30px); margin-right: 40px; vertical-align: top; } 
.goal-list .list-item:last-child { margin-right: 0; } 
.goal-list .list-item .top { height: 200px; padding-top: 25%; background: url("../images/contents/talent-top-img01.png") no-repeat center /
 cover; text-align: center; } 
.goal-list .list-item.nth-2 .top { background: url("../images/contents/talent-top-img02.png") no-repeat center /
 cover; } 
.goal-list .list-item.nth-3 .top { background: url("../images/contents/talent-top-img03.png") no-repeat center /
 cover; } 
.goal-list .list-item.nth-4 .top { background: url("../images/contents/talent-top-img04.png") no-repeat center /
 cover; } 
.goal-list .list-item .bottom { padding: 30px; border: 1px solid #c5c6cc; border-top: 0; } 
.goal-list .list-item h2 { font-weight: 600; font-size: 24px; color: #fff; } 
.goal-list .list-item h2 span { font-size: 20px; vertical-align: baseline; } 
.goal-list .list-item p { position: relative; padding-left: 15px; font-weight: 500; font-size: 18px; color: #090d18; } 
.goal-list .list-item p + p { margin-top: 10px; } 
.goal-list .list-item p::after { display: block; position: absolute; top: 9px; left: 0; width: 6px; height: 2px; background: #222; content: ""; } 

@media only screen and (max-width: 1240px){
 .goal-top { min-height: 370px; padding: 60px 60px 170px; } 
 .goal-top h2 { width: 45%; } 
 .goal-list .list-item { width: calc(50% - 20px); margin-bottom: 40px; } 
 .goal-list .list-item:nth-of-type(2n) { margin-right: 0; } 
 }

@media only screen and (max-width: 1024px){
 .goal-wrap { margin-bottom: 150px; } 
 .goal-top h2 { width: 50%; font-size: 35px; } 
 .goal-top p { padding: 20px 30px; font-size: 16px; } 
 }

@media only screen and (max-width: 768px){
 .goal-top h2 { width: 65%; } 
 .goal-list .list-item .bottom { padding: 20px; } 
 .goal-list .list-item p { font-size: 16px; } 
 }

@media only screen and (max-width: 640px){
 .goal-wrap { margin-bottom: 80px; } 
 .goal-top { min-height: 330px; padding: 50px 40px 180px; } 
 .goal-top h2 { width: 80%; font-size: 30px; } 
 .goal-top .tag { left: 10%; } 
 .goal-top p { padding: 20px; font-size: 15px; } 
 .goal-list .list-item { width: 100%; margin-right: 0; } 
 .goal-list .list-item .top { padding-top: 20%; } 
 .goal-list .list-item h2 { font-size: 20px; } 
 }

@media only screen and (max-width: 480px){
 .goal-top { min-height: 470px; padding: 50px; } 
 .goal-top h2 { width: 100%; font-size: 28px; } 
 .goal-top p { font-size: 14px; } 
 .goal-list .list-item .top { height: 120px; } 
 .goal-bottom { margin-top: 235px; } 
 }

/* 030401 원스톱서비스 */
.one-stop-wrap { margin-bottom: 190px; text-align: center; } 
.one-stop-top { padding: 100px 20px; background: #e5eaee; color: #222; } 
.one-stop-top h2 { font-weight: 500; font-size: 60px; line-height: 1.4; } 
.one-stop-top h2 span { font-weight: 700; vertical-align: baseline; } 
.one-stop-top h2 span:first-child { color: #b11116; } 
.one-stop-top p { margin-top: 20px; font-weight: 500; font-size: 25px; } 
.one-stop-img { margin-top: 80px; } 
.one-stop-img img { margin: 0 auto; } 

.one-stop-wrap .contents-box { margin-top: 100px; } 

.one-stop-wrap .title h2 { display: inline-block; min-width: 500px; padding: 40px; font-weight: 500; font-size: 18px; line-height: 1.4; color: #fff; } 
.one-stop-wrap .contents-box.nth-1 .title { color: #06295b; } 
.one-stop-wrap .contents-box.nth-1 .title h2 { background: #06295b; } 
.one-stop-wrap .contents-box.nth-2 .title { color: #b11116; } 
.one-stop-wrap .contents-box.nth-2 .title h2 { background: #b11116; } 
.one-stop-wrap .title h2 span { display: block; position: relative; padding-top: 20px; margin-top: 20px; font-weight: 700; font-size: 44px; vertical-align: baseline; } 
.one-stop-wrap .contents-box.nth-2 .title h2 span { font-size: 40px; } 
.one-stop-wrap .title h2 span::after { display: block; position: absolute; top: 0; left: 50%; width: 50px; height: 2px; background: #fff; content: ""; transform: translateX(-50%); } 
.one-stop-wrap .title p { margin-top: 40px; font-weight: 400; font-size: 22px; line-height: 1.4; } 

.one-stop-wrap .contents-box.nth-1 { padding: 0 40px 80px; border: 2px solid #06295b; } 
.one-stop-wrap .content-item { margin-top: 60px; font-size: 0; } 
.one-stop-wrap .content-item .box { display: inline-block; position: relative; width: 25%; } 
.one-stop-wrap .content-item .box + .box::after { display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ddd; content: ""; } 
.one-stop-wrap .content-item .box .img { min-height: 135px; } 
.one-stop-wrap .content-item .box p { display: inline-block; margin-top: 20px; font-weight: 600; font-size: 18px; color: #222; } 
.one-stop-wrap .content-item .box.nth-1 p:nth-of-type(2) { margin: 20px 13% 0; } 

.one-stop-wrap .contents-box.nth-2 { padding-bottom: 115px; background: #f5f5f5; } 
.one-stop-wrap .contents-box.nth-2 .img { margin-top: 80px; } 
.one-stop-wrap .contents-box.nth-2 img { margin: 0 auto; } 

.one-stop-wrap .contents-box.nth-3 { margin-top: 150px; font-size: 0; } 
.one-stop-wrap .contents-box.nth-3 .box { display: inline-block; position: relative; width: calc(27% - 35px); min-height: 310px; padding: 100px 10px 0; border: 4px solid #06295b; border-radius: 50px 0 50px 50px; vertical-align: top; color: #06295b; } 
.one-stop-wrap .contents-box.nth-3 .box::after { display: block; position: absolute; bottom: -4px; left: calc(100% - 44px); width: 242px; height: 355px; background: url("../images/contents/one-stop-deco02.png") no-repeat center
 left; content: ""; } 
.one-stop-wrap .contents-box.nth-3 .box::before { display: block; position: absolute; top: -13px; left: calc(100% - 18px); width: 24px; height: 24px; background: url("../images/contents/one-stop-deco03.png") no-repeat center
 left; content: ""; } 
.one-stop-wrap .contents-box.nth-3 .box h2 { font-weight: 700; font-size: 20px; line-height: 1.4; } 
.one-stop-wrap .contents-box.nth-3 .box h6 { display: inline-block; padding: 0 10px; margin-top: 40px; border-radius: 10px; background: #b11116; } 
.one-stop-wrap .contents-box.nth-3 .box h6 span { display: block; padding: 10px; font-weight: 700; font-size: 14px; vertical-align: baseline; color: #fff; } 
.one-stop-wrap .contents-box.nth-3 .box:first-child { border-right: 0; } 
.one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) { position: relative; width: 46%; padding: 70px 0; margin: 0 35px; border: 10px solid #ddd; border-radius: 150px 0 150px 0; } 
.one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2)::before { display: none; } 
.one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2)::after { display: block; position: absolute; bottom: 0; left: 0; width: 430px; height: 310px; background: url("../images/contents/one-stop-deco01.png") no-repeat center; content: ""; transform: translate(-40%, 25%); } 
.one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) h2 { font-size: 40px; color: #222; } 
.one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) p { position: relative; padding-top: 20px; margin-top: 20px; font-weight: 500; font-size: 24px; line-height: 1.4; color: #222; } 
.one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) p::after { display: block; position: absolute; top: 0; left: 50%; width: 50px; height: 2px; background: #ddd; content: ""; transform: translateX(-50%); } 
.one-stop-wrap .contents-box.nth-3 .box:last-child { padding-top: 75px; border-color: #b11116; border-left: 0; border-radius: 50px 50px 50px 0; vertical-align: bottom; color: #b11116; } 
.one-stop-wrap .contents-box.nth-3 .box:last-child p { margin-top: 20px; font-weight: 500; font-size: 18px; line-height: 1.4; } 
.one-stop-wrap .contents-box.nth-3 .box:last-child::after { position: absolute; top: -4px; right: calc(100% - 44px); bottom: auto; left: auto; width: 242px; height: 355px; background: url("../images/contents/one-stop-deco04.png") no-repeat center
 left; } 
.one-stop-wrap .contents-box.nth-3 .box:last-child::before { position: absolute; top: auto; right: calc(100% - 18px); bottom: -13px; left: auto; width: 24px; height: 24px; background: url("../images/contents/one-stop-deco05.png") no-repeat center
 left; } 

@media only screen and (max-width: 1440px){
 .one-stop-wrap .contents-box.nth-2 { padding: 0 40px 115px; } 
 }

@media only screen and (max-width: 1240px){
 .one-stop-top h2 { font-size: 40px; } 
 .one-stop-img { padding: 0 30px; } 
 .one-stop-wrap .contents-box.nth-3 .box { padding-top: 65px; } 
 .one-stop-wrap .contents-box.nth-3 .box:last-child { padding-top: 40px; } 
 .one-stop-wrap .contents-box.nth-3 .box h2 { font-size: 24px; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) { width: calc(46% + 30px); padding: 50px 10px; margin: 0 20px; border-radius: 120px 0 120px 0; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) h2 { font-size: 35px; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) p { font-size: 20px; } 
 }

@media only screen and (max-width: 1024px){
 .one-stop-wrap { margin-bottom: 150px; } 
 .one-stop-top { padding-top: 70px; } 
 .one-stop-top p { font-size: 20px; } 
 .one-stop-wrap .title h2 span,
 .one-stop-wrap .contents-box.nth-2 .title h2 span { font-size: 38px; } 
 .one-stop-wrap .title p { font-size: 20px; } 
 .one-stop-wrap .contents-box.nth-1 { padding: 0 20px 40px; } 
 .one-stop-wrap .content-item .box { padding: 0 10px; } 
 .one-stop-wrap .contents-box.nth-3 .box { width: 100%; min-height: 1px; padding: 30px; margin-bottom: 30px; border-radius: 30px; } 
 .one-stop-wrap .contents-box.nth-3 .box:first-child { border-right: 4px solid #06295b; } 
 .one-stop-wrap .contents-box.nth-3 .box:last-child { width: 100%; min-height: 1px; padding: 30px; margin-top: 30px; border-left: 4px solid #b11116; border-radius: 30px; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) { width: 100%; margin-left: 0; } 
 .one-stop-wrap .contents-box.nth-3 .box::after { display: none; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2)::after { bottom: -40px; left: 70px; z-index: 1; } 
 }

@media only screen and (max-width: 768px){
 .one-stop-top h2 { font-size: 30px; } 
 .one-stop-top p { line-height: 1.4; } 
 .one-stop-img { padding: 0; } 
 .one-stop-img img { margin: 0 auto; } 
 .one-stop-wrap .contents-box.nth-3 .box h2 br { display: none; } 
 .one-stop-wrap .contents-box.nth-3 .box:last-child p br { display: none; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) h2 br { display: block; } 
 .one-stop-wrap .content-item .box { width: 50%; margin-bottom: 30px; } 
 .one-stop-wrap .content-item .box.nth-3::after { display: none; } 
 .one-stop-wrap .title p { font-size: 18px; } 
 }

@media only screen and (max-width: 640px){
 .one-stop-wrap { margin-bottom: 80px; } 
 .one-stop-wrap .title h2 { min-width: 1px; font-size: 16px; } 
 .one-stop-wrap .title h2 span,
 .one-stop-wrap .contents-box.nth-2 .title h2 span,
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) h2 { font-size: 30px; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) { padding: 50px; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2)::after { bottom: 30px; left: 30px; width: 410px; background-size: contain; } 
 }

@media only screen and (max-width: 480px){
 .one-stop-top { padding-top: 40px; } 
 .one-stop-top h2 { font-size: 24px; } 
 .one-stop-top p { font-size: 18px; } 
 .one-stop-wrap .content-item .box { width: 100%; } 
 .one-stop-wrap .content-item .box + .box::after { display: none; } 
 .one-stop-wrap .contents-box.nth-2 { padding: 0 20px 40px; } 
 .one-stop-wrap .title h2 { padding: 20px; } 
 .one-stop-wrap .title h2 span,
 .one-stop-wrap .contents-box.nth-2 .title h2 span { font-size: 24px; } 
 .one-stop-wrap .contents-box.nth-3 { margin-top: 70px; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) { padding: 30px; border-radius: 50px 0 50px 0; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2)::after { bottom: -30px; width: 280px; } 
 .one-stop-wrap .contents-box.nth-3 .box:nth-of-type(2) h2 br { display: none; } 
 }

/* 040101 globalization */
.globalization-wrap { margin-bottom: 190px; } 
.globalization-wrap .contents-box.nth-1 { position: relative; min-height: 960px; background: url("../images/contents/globalization-bg.png") no-repeat center /
 cover; } 
.globalization-wrap .contents-box.nth-1::after { display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 92px; background: url("../images/common/allmenu-deco.png") no-repeat center bottom; content: ""; transform: translateX(-50%); } 
.globalization-wrap .contents-box.nth-1 .inner { position: relative; height: 960px; } 

.globalization-wrap .mark-wrap { position: absolute; top: 10%; left: 10px; } 
.globalization-wrap .mark-wrap .mark + .mark { margin-top: 5px; } 
.globalization-wrap .mark-wrap .pin { position: relative; padding-left: 15px; font-weight: 400; font-size: 16px; color: #444; } 
.globalization-wrap .mark-wrap .pin::after { display: block; position: absolute; top: 50%; left: 0; width: 12px; height: 100%; background: url("../images/contents/globalization-pin01.png") no-repeat center /
 contain; content: ""; transform: translateY(-50%); } 
.globalization-wrap .mark-wrap .pin.type2::after { background: url("../images/contents/globalization-pin02.png") no-repeat center /
 contain; } 

.globalization-wrap .pin { cursor: pointer; } 
.globalization-wrap .pin p { position: relative; font-weight: 400; font-size: 18px; color: #222; } 
.globalization-wrap .pin p::after { display: block; position: absolute; bottom: 50%; left: 90%; content: ""; transition: all 0.5s ease-in-out; } 
.globalization-wrap .pin.type1 p::after { width: 30px; height: 37px; background: url("../images/contents/globalization-pin01.png") no-repeat center; } 
.globalization-wrap .sub-pin { position: absolute; top: -100%; right: 0; width: 15px; height: 18px; background: url("../images/contents/globalization-pin02.png") no-repeat center /
 contain; transform: translateX(100%); } 
.globalization-wrap .pin.type3 p::after { bottom: 100%; left: -50%; width: 44px; height: 52px; background: url("../images/contents/globalization-pin03.png") no-repeat center; } 
.globalization-wrap .pin:hover p::after,
.globalization-wrap .pin:hover p::before { transform: rotateY(360deg); } 
/* .globalization-wrap .pin#china p::before { display: block; content: ""; width: 30px; height: 37px; background: url('../images/contents/globalization-pin02.png') no-repeat center; position: absolute; top: 80%; left: 100%; transition: all 0.5s ease-in-out; } 
.globalization-wrap .pin#usa p::before { display: block; content: ""; width: 30px; height: 37px; background: url('../images/contents/globalization-pin02.png') no-repeat center; position: absolute; top: -200%; left: 200%; transition: all 0.5s ease-in-out; } */
.globalization-wrap .pin#china .sub-pin:first-child,
.globalization-wrap .pin#usa .sub-pin:first-child { top: 50%; right: -30%; } 
.globalization-wrap .pin#china .sub-pin:nth-of-type(2),
.globalization-wrap .pin#usa .sub-pin:nth-of-type(2) { top: 0; right: 50%; transform: translate(-10%, -200%); } 
.globalization-wrap .pin#china .sub-pin:nth-of-type(3),
.globalization-wrap .pin#usa .sub-pin:nth-of-type(3) { top: 0; right: -100%; transform: translate(-10%, -200%); } 
.globalization-wrap .pin#china .sub-pin:nth-of-type(4),
.globalization-wrap .pin#usa .sub-pin:nth-of-type(4) { top: 0; right: 0; transform: translate(-10%, -350%); } 

.globalization-wrap #poland { position: absolute; top: 38%; left: 5%; } 
.globalization-wrap #hungary { position: absolute; top: 43%; left: 6%; } 
.globalization-wrap #turkey { position: absolute; top: 50%; left: 7%; } 
.globalization-wrap #china { position: absolute; top: 45%; left: 28%; } 
.globalization-wrap #indonesia { position: absolute; top: 63%; left: 26%; } 
.globalization-wrap #korea { position: absolute; top: 49%; left: 40%; } 
.globalization-wrap #korea p { font-weight: 600; font-size: 22px; } 
.globalization-wrap #usa { position: absolute; top: 48%; left: 76%; } 
.globalization-wrap #france { position: absolute; top: 41%; left: -4%; } 
.globalization-wrap #canada { position: absolute; top: 40%; left: 70%; } 


.globalization-wrap .pop-wrap { display: none; position: absolute; top: 55%; left: 45%; width: 50%; } 
.globalization-wrap .pop-wrap.on { display: block; } 
.globalization-wrap .pop-wrap .close { position: absolute; top: 0; right: 0; z-index: 1; width: 80px; height: 80px; border-radius: 50%; background: #000 url("../images/contents/close.png") no-repeat center; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); transform: translate(30%, -30%); transition: all 0.3s ease-in-out; cursor: pointer; } 
.globalization-wrap .pop-wrap .close:hover { transform: translate(30%, -30%) rotate(180deg); } 
.globalization-wrap .globalization-pop { display: none; position: relative; } 
.globalization-wrap .globalization-pop.on { display: block; } 
.globalization-wrap .globalization-pop .title { padding: 20px 40px; border-radius: 0 80px 0 0; background: #b01116; font-weight: 400; font-size: 40px; color: #fff; } 
.globalization-wrap .globalization-pop .list { padding: 50px; border-radius: 0 0 0 80px; background: #fff; } 
.globalization-wrap .globalization-pop .list-inner { overflow-y: scroll; max-height: 160px; } 
.globalization-wrap .globalization-pop .list-item { font-size: 0; } 
.globalization-wrap .globalization-pop .list-item + .list-item { margin-top: 20px; } 
.globalization-wrap .globalization-pop .list-item .img { display: inline-block; overflow: hidden; width: calc(50% - 10px); margin-right: 20px; background: #eef0f1 url("../images/common/main_logo-color.png") no-repeat
 center / 50%; } 
.globalization-wrap .globalization-pop.poland .list-item .img { background: url("../images/contents/globalization-img-poland01.png") no-repeat
 center / cover; } 
.globalization-wrap .globalization-pop.hungary .list-item .img { background: url("../images/contents/globalization-img-hungary01.png")
 no-repeat center / cover; } 
.globalization-wrap .globalization-pop.china .list-item:nth-of-type(1) .img { background: url("../images/contents/globalization-img-china01.png") no-repeat
 center / cover; } 
.globalization-wrap .globalization-pop.china .list-item:nth-of-type(2) .img { background: url("../images/contents/globalization-img-china02.png") no-repeat
 center / cover; } 
.globalization-wrap .globalization-pop.china .list-item:nth-of-type(3) .img { background: url("../images/contents/globalization-img-china03.png") no-repeat
 center / cover; } 
.globalization-wrap .globalization-pop.china .list-item:nth-of-type(4) .img { background: url("../images/contents/globalization-img-china04.png") no-repeat
 center / cover; } 
/* .globalization-wrap .globalization-pop.china .list-item:nth-of-type(6) .img { background: url("../images/contents/globalization-img-china05.png") no-repeat
 center / cover; }  */
.globalization-wrap .globalization-pop.usa .list-item:nth-of-type(1) .img { background: url("../images/contents/globalization-img-usa01.png") no-repeat
 center / cover; } 
.globalization-wrap .globalization-pop.korea .list-item:nth-of-type(1) .img { background: url("../images/contents/globalization-img-korea01.png") no-repeat
 center / cover; } 
.globalization-wrap .globalization-pop.korea .list-item:nth-of-type(2) .img { background: url("../images/contents/globalization-img-korea02.png") no-repeat
 center / cover; } 
.globalization-wrap .globalization-pop .list-item .text { display: inline-block; width: calc(50% - 10px); vertical-align: top; } 
.globalization-wrap .globalization-pop .list-item h2 { padding: 15px 0; font-weight: 600; font-size: 20px; text-align: center; color: #fff; } 
.globalization-wrap .globalization-pop .list-item.type1 h2 { background: #000; } 
.globalization-wrap .globalization-pop .list-item.type2 h2 { background: #777; } 
.globalization-wrap .globalization-pop .list-item p { min-height: 50px; padding: 15px 10px; margin-top: 4px; background: #e1e1e1; } 
.globalization-wrap .globalization-pop .list-item span { display: inline-block; position: relative; min-width: 60px; padding: 0 15px; font-weight: 500; font-size: 15px; color: #000; } 
.globalization-wrap .globalization-pop .list-item span:last-child::after { display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 100%; background: #434343; content: ""; transform: translateY(-50%); } 

.globalization-top { overflow: hidden; border: 4px solid #444; border-radius: 0 50px 0 50px; font-size: 0; } 
.globalization-top .globalization-item { display: inline-block; position: relative; width: 25%; padding: 50px; text-align: center; vertical-align: top; } 
.globalization-top .globalization-item + .globalization-item::after { display: block; position: absolute; top: 50%; left: 0; width: 1px; height: calc(100% - 120px); background: #ddd; content: ""; transform: translateY(-50%); } 
.globalization-top .globalization-item i { display: inline-block; width: 120px; height: 120px; border-radius: 50%; background: #eef0f1 url("../images/contents/globalization-ico01.png")
 no-repeat center; } 
.globalization-top .globalization-item.nth-2 i { background: #eef0f1 url("../images/contents/globalization-ico02.png")
 no-repeat center; } 
.globalization-top .globalization-item.nth-3 i { background: #eef0f1 url("../images/contents/globalization-ico03.png")
 no-repeat center; } 
.globalization-top .globalization-item.nth-4 i { background: #eef0f1 url("../images/contents/globalization-ico04.png")
 no-repeat center; } 
.globalization-top .globalization-item h2 { margin-top: 40px; font-weight: 700; font-size: 24px; line-height: 1.2; color: #b11116; } 
.globalization-top .globalization-item p { margin-top: 25px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #666; } 

.globalization-wrap .contents-box.nth-3 { font-size: 0; } 
.globalization-wrap .contents-box.nth-3 .globalization-item { display: inline-block; width: calc(50% - 20px); margin: 20px 0; vertical-align: top; } 
.globalization-wrap .contents-box.nth-3 .globalization-item:nth-of-type(odd) { margin-left: 40px; } 
.globalization-wrap
 .contents-box.nth-3
 .globalization-item
 .content-sub-title
 h2 { padding: 0; } 
.globalization-wrap
 .contents-box.nth-3
 .globalization-item
 .content-sub-title
 h2::after { display: none; } 
.globalization-wrap .contents-box.nth-3 .globalization-item .contact-item { padding: 40px; background: url("../images/contents/globalization-item-bg01.png") no-repeat
 center / cover; } 
.globalization-wrap
 .contents-box.nth-3
 .globalization-item.nth-2
 .contact-item { background: url("../images/contents/globalization-item-bg02.png") no-repeat
 center / cover; } 
.globalization-wrap
 .contents-box.nth-3
 .globalization-item.nth-3
 .contact-item { background: url("../images/contents/globalization-item-bg03.png") no-repeat
 center / cover; } 
.globalization-wrap
 .contents-box.nth-3
 .globalization-item.nth-4
 .contact-item { background: url("../images/contents/globalization-item-bg04.png") no-repeat
 center / cover; } 
.globalization-wrap .contents-box.nth-3 .name-wrap { text-align: right; color: #fff; } 
.globalization-wrap .contents-box.nth-3 .name-wrap h2 { font-weight: 300; font-size: 30px; } 
.globalization-wrap .contents-box.nth-3 .name-wrap h6 { margin-top: 20px; font-weight: 300; font-size: 24px; } 
.globalization-wrap .contents-box.nth-3 .name-wrap em { margin-right: 15px; font-weight: 600; vertical-align: baseline; } 
.globalization-wrap .contents-box.nth-3 .info-wrap { margin-top: 64px; color: #ddd; } 
.globalization-wrap .contents-box.nth-3 .info-wrap > div + div { margin-top: 25px; } 
.globalization-wrap .contents-box.nth-3 .info-wrap p { position: relative; padding-left: 50px; font-weight: 400; font-size: 18px; line-height: 1.4; } 
.globalization-wrap .contents-box.nth-3 .info-wrap p em { margin-right: 10px; font-weight: 600; vertical-align: baseline; } 
.globalization-wrap .contents-box.nth-3 .info-wrap p::after { display: block; position: absolute; top: 0; left: 0; content: ""; } 
.globalization-wrap .contents-box.nth-3 .tel p::after { width: 20px; height: 22px; background: url("../images/contents/contact-ico01.png") no-repeat center; } 
.globalization-wrap .contents-box.nth-3 .email p::after { width: 24px; height: 18px; background: url("../images/contents/contact-ico02.png") no-repeat center; } 
.globalization-wrap .contents-box.nth-3 .add p:first-child:after { width: 16px; height: 20px; background: url("../images/contents/contact-ico03.png") no-repeat center; } 

@media only screen and (max-width: 1440px){
 .globalization-wrap .contents-box.nth-1 { min-height: 1px; } 
 .globalization-wrap .contents-box.nth-1 .inner { height: 800px; } 
 .globalization-wrap .pop-wrap { top: 50%; left: 40%; } 
 .globalization-wrap .globalization-pop .title { font-size: 30px; } 
 .globalization-wrap .globalization-pop .list { padding: 20px 20px 30px; border-radius: 0 0 0 46px; } 
 .globalization-wrap .pop-wrap .close { width: 60px; height: 60px; } 
 .globalization-top .globalization-item { padding: 30px; } 
 .globalization-top .globalization-item h2 { font-size: 24px; } 
 .globalization-wrap .contents-box.nth-3 .name-wrap h2 { font-size: 24px; } 
 .globalization-wrap .contents-box.nth-3 .name-wrap h6 { font-size: 20px; } 
 }

@media only screen and (max-width: 1240px){
 .globalization-wrap #china { left: 25%; } 
 .globalization-wrap .pop-wrap { top: auto; right: 10px; bottom: 50px; left: auto; width: 60%; } 
 .globalization-wrap .globalization-pop .list-item span { min-width: 1px; padding: 0 10px; font-size: 14px; } 
 .globalization-top .globalization-item { padding: 20px; } 
 .globalization-top .globalization-item p { font-size: 16px; } 
 .globalization-wrap .contents-box.nth-3 .globalization-item .contact-item { padding: 40px 20px; } 
 .globalization-wrap .contents-box.nth-3 .info-wrap p { padding-left: 30px; font-size: 16px; } 
 }

@media only screen and (max-width: 1024px){
 .globalization-wrap { margin-bottom: 150px; } 
 .globalization-wrap .contents-box.nth-1 .inner { height: 560px; } 
 .globalization-wrap .pin p { font-size: 16px; } 
 .globalization-wrap #korea p { font-size: 20px; } 
 .globalization-wrap .pop-wrap { top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%); } 
 .globalization-wrap .globalization-pop .title { font-size: 24px; } 
 .globalization-wrap .globalization-pop .list-item h2 { font-size: 18px; } 
 .globalization-wrap .globalization-pop .list-item span { font-size: 16px; } 
 .globalization-top .globalization-item i,
 .globalization-top .globalization-item.nth-2 i { width: 100px; height: 100px; background-size: 40%; } 
 .globalization-top .globalization-item.nth-3 i,
 .globalization-top .globalization-item.nth-4 i { width: 100px; height: 100px; background-size: 50%; } 
 .globalization-top .globalization-item h2 { margin-top: 20px; font-size: 20px; } 
 .globalization-top .globalization-item p { margin-top: 15px; } 
 .globalization-wrap .contents-box.nth-3 .name-wrap h2 em { display: block; margin: 0 0 10px; } 
 .globalization-wrap .contents-box.nth-3 .name-wrap em { display: block; margin-right: 0; text-align: right; } 
 .globalization-top .globalization-item { width: 50%; padding: 30px; } 
 .globalization-top .globalization-item.nth-1::after { display: block; position: absolute; top: 100%; left: 50%; width: calc(100% - 80px); height: 1px; background: #ddd; content: ""; transform: translateX(-50%); } 
 .globalization-top .globalization-item.nth-3::after { left: 100%; } 
 .globalization-top .globalization-item.nth-4::after { top: 0; left: 50%; width: calc(100% - 80px); height: 1px; transform: translateX(-50%); } 
 }

@media only screen and (max-width: 768px){
 .globalization-wrap .contents-box.nth-1 { background: none; } 
 .globalization-wrap .contents-box.nth-1 .inner { height: auto; } 
 .globalization-wrap .contents-box.nth-1 .pin-wrap { display: none; } 
 .globalization-top .globalization-item h2 br,
 .globalization-wrap .pop-wrap .close { display: none; } 
 .globalization-wrap .pop-wrap { display: flex; flex-wrap: wrap; position: inherit; top: auto; right: auto; bottom: auto; left: auto; width: 100%; margin-top: 30px; transform: translate(0, 0); } 
 .globalization-wrap .globalization-pop { display: inline-block; width: calc(50% - 15px); margin-bottom: 30px; } 
 .globalization-wrap .globalization-pop:nth-of-type(2n + 1) { margin-left: 20px; } 
 .globalization-wrap .globalization-pop .title { border-radius: 0 30px 0 0; } 
 .globalization-wrap .globalization-pop .list { border: 1px solid #ddd; } 
 .globalization-wrap .globalization-pop .list-inner { max-height: 320px; } 
 .globalization-wrap .globalization-pop .list-item .img { width: 100%; height: 150px; margin-right: 0; margin-bottom: 10px; } 
 .globalization-wrap .globalization-pop.korea { width: 100%; margin: 0 0 30px; } 
 .globalization-wrap .globalization-pop.korea .list-inner { max-height: 370px; } 
 .globalization-wrap .globalization-pop.korea .list-item .img { height: 200px; } 
 .globalization-wrap .globalization-pop .list-item .text { width: 100%; } 
 .globalization-wrap .contents-box.nth-3 .globalization-item { width: 100%; } 
 .globalization-wrap .contents-box.nth-3 .globalization-item:nth-of-type(odd) { margin-left: 0; } 
 }

@media only screen and (max-width: 640px){
 .globalization-wrap { margin-bottom: 80px; } 
 .globalization-wrap .globalization-pop { width: 100%; } 
 .globalization-wrap .globalization-pop:nth-of-type(2n + 1) { margin-left: 0; } 
 .globalization-wrap .globalization-pop:nth-of-type(even),
 .globalization-wrap .globalization-pop.usa { margin-left: 0; } 
 .globalization-top .globalization-item { width: 100%; } 
 .globalization-top .globalization-item + .globalization-item::after { top: 0; left: 50%; width: calc(100% - 80px); height: 1px; transform: translateX(-50%); } 
 .globalization-top .globalization-item p { width: 80%; margin: 15px auto 0; } 
 }

@media only screen and (max-width: 480px){
 .globalization-wrap .contents-box.nth-1::after { display: none; } 
 .globalization-wrap .globalization-pop .title { font-size: 20px; } 
 .globalization-wrap .globalization-pop .list-item h2 { font-size: 16px; } 
 .globalization-wrap .globalization-pop .list-item span { font-size: 14px; } 
 .globalization-top .globalization-item h2 { font-size: 18px; } 
 .globalization-top .globalization-item p { font-size: 14px; } 
 .globalization-wrap .contents-box.nth-3 .globalization-item { margin-top: 0; } 
 .globalization-wrap .contents-box.nth-3 .name-wrap h2 { font-size: 20px; } 
 .globalization-wrap .contents-box.nth-3 .name-wrap h6 { font-size: 18px; } 
 .globalization-wrap .contents-box.nth-3 .info-wrap p { font-size: 14px; } 
 }

/* 050301 주가 */
.stock-wrap { padding: 55px 0 190px; border-top: 1px solid #e4e4e4; } 
.stock-wrap .content-sub-title h2 { padding: 0; font-weight: 600; font-size: 22px; } 
.stock-wrap .content-sub-title h2::after { display: none; } 
.stock-wrap .content-sub-title span { font-weight: 400; font-size: 18px; color: #666; } 

.stock-wrap .table + .table { margin-top: 60px; } 
.stock-wrap table { border-top: 1px solid #222; border-bottom: 1px solid #222; text-align: center; } 
.stock-wrap table + table { border-top: 0; } 
.stock-wrap table tbody tr + tr { border-top: 1px solid #ccc; } 
.stock-wrap table th { padding: 20px 10px; border-bottom: 1px solid #aaa; background: #f9f9f9; font-weight: 600; font-size: 18px; color: #222; } 
.stock-wrap table th.point { border-bottom: 0; background: inherit; } 
.stock-wrap table th span { font-weight: 500; font-size: 40px; vertical-align: baseline; color: #b11116; } 
.stock-wrap table td { padding: 20px 10px; font-weight: 500; font-size: 18px; color: #666; } 

.stock-wrap .content-item.nth-2 { margin-top: 100px; } 
.stock-wrap .tab-wrap { margin-bottom: 60px; } 
.stock-wrap .tab-wrap li { display: none; } 
.stock-wrap .tab-wrap li.on { display: inline-block; } 
.stock-wrap .tab-wrap li span { display: block; padding: 10px 20px; } 

.stock-wrap .box { display: none; } 
.stock-wrap .box.on { display: block; } 
.stock-wrap .box tbody tr.last { background: #fcfcfc; } 
.stock-wrap .box tbody tr.last td { font-weight: 600; } 

@media only screen and (max-width: 1024px){
 .stock-wrap .content-sub-title h2 { font-size: 20px; } 
 .stock-wrap .content-item.nth-2 .table { overflow-x: scroll; } 
 .stock-wrap .content-item.nth-2 .table table { min-width: 820px; } 
 .stock-wrap table td { font-size: 16px; } 
 }

@media only screen and (max-width: 768px){
 .stock-wrap table th span { display: block; margin-top: 10px; font-size: 30px; } 
 .stock-wrap table th { font-size: 16px; } 
 }

@media only screen and (max-width: 640px){
 .stock-wrap .table + .table { overflow-x: scroll; } 
 .stock-wrap .table + .table table { min-width: 640px; } 
 }

@media only screen and (max-width: 480px){
 .stock-wrap .content-item.nth-1 .table { overflow-x: scroll; } 
 }

/* 060101 인사제도 */
.personnel-wrap { padding: 100px; margin-bottom: 190px; background: #101422; } 
.personnel { overflow: hidden; position: relative; padding: 100px 100px 160px; background: #fff; } 
.personnel::after { display: block; opacity: 0.1; position: absolute; bottom: -30px; left: 50%; width: 1000px; height: 190px; background: url("../images/common/main_logo-color.png") no-repeat center top /
 contain; content: ""; transform: translateX(-50%); } 
.personnel-top { padding-bottom: 80px; border-bottom: 1px solid #ddd; text-align: center; } 
.personnel-top .title h2 { font-weight: 600; font-size: 70px; color: #222; } 
.personnel-top .title span { vertical-align: baseline; color: #b11116; } 
.personnel-top .title p { display: inline-block; width: 70%; padding: 10px; margin-top: 30px; background: #656c72; font-weight: 300; font-size: 22px; line-height: 1.4; letter-spacing: -1px; color: #fff; } 
.personnel-top .list { padding-top: 40px; margin-top: 60px; background: url("../images/contents/personnel-bg.png") no-repeat center top; font-size: 0; } 
.personnel-top .list-item { display: inline-block; width: 27%; max-width: 270px; } 
.personnel-top .list-item h2 { position: relative; width: 200px; height: 200px; padding-top: 120px; margin: 0 auto; border: 15px solid #252939; border-radius: 50%; background: #fff; font-weight: 700; font-size: 22px; color: #043457; } 
.personnel-top .list-item h2::after { display: block; position: absolute; top: 50px; left: 50%; width: 44px; height: 54px; background: url("../images/contents/personnel-ico01.png") no-repeat center /
 contain; content: ""; transform: translateX(-50%); } 
.personnel-top .list-item.nth-2 h2::after { width: 58px; height: 49px; background: url("../images/contents/personnel-ico02.png") no-repeat center /
 contain; } 
.personnel-top .list-item.nth-3 h2::after { width: 56px; height: 50px; background: url("../images/contents/personnel-ico03.png") no-repeat center /
 contain; } 
.personnel-top .list-item p { margin-top: 60px; font-weight: 500; font-size: 18px; line-height: 1.4; color: #222; } 

.personnel-bottom { padding-top: 80px; } 
.personnel-bottom .content-title { margin-bottom: 60px; } 
.personnel-bottom .list { font-size: 0; } 
.personnel-bottom .content-item.nth-1 .list-item { display: inline-block; position: relative; width: calc(50% - 10px); padding: 35px 35px 35px 144px; margin-right: 20px; margin-bottom: 20px; border: 4px solid #043457; vertical-align: top; } 
.personnel-bottom .content-item.nth-1 .list-item:nth-of-type(2n) { margin-right: 0; } 
.personnel-bottom .content-item.nth-1 .list-item::after { display: block; position: absolute; top: 50%; left: 72px; width: 56px; height: 62px; background: url("../images/contents/personnel-ico04.png") no-repeat center /
 contain; content: ""; transform: translate(-50%, -50%); } 
.personnel-bottom .content-item.nth-1 .list-item.nth-2::after { width: 78px; height: 49px; background: url("../images/contents/personnel-ico05.png") no-repeat center /
 contain; } 
.personnel-bottom .content-item.nth-1 .list-item.nth-3::after { width: 56px; height: 55px; background: url("../images/contents/personnel-ico06.png") no-repeat center /
 contain; } 
.personnel-bottom .content-item.nth-1 .list-item.nth-4::after { width: 60px; height: 63px; background: url("../images/contents/personnel-ico07.png") no-repeat center /
 contain; } 
.personnel-bottom .content-item.nth-1 .list-item h2 { font-weight: 600; font-size: 24px; color: #b11116; } 
.personnel-bottom .content-item.nth-1 .list-item p { margin-top: 10px; font-weight: 500; font-size: 18px; line-height: 1.4; color: #000; } 
.personnel-bottom .content-item.nth-2 .list { display: flex; justify-content: space-between; } 
.personnel-bottom .content-item.nth-2 .list-item { position: relative; width: 16%; vertical-align: top; } 
.personnel-bottom .content-item.nth-2 .list-item h2 { position: relative; width: 110px; height: 110px; margin: 0 auto; border-radius: 50%; background: #878990; font-weight: 600; font-size: 20px; line-height: 110px; text-align: center; color: #fff; } 
.personnel-bottom .content-item.nth-2 .list-item::after { display: block; position: absolute; top: 43px; right: -7%; width: 14px; height: 24px; background: url("../images/common/arrow01.png") no-repeat center; content: ""; } 
.personnel-bottom .content-item.nth-2 .list-item.nth-6::after { display: none; } 
.personnel-bottom .content-item.nth-2 .list-item.nth-2 h2 { background: #6f727a; } 
.personnel-bottom .content-item.nth-2 .list-item.nth-3 h2 { background: #575a64; } 
.personnel-bottom .content-item.nth-2 .list-item.nth-4 h2 { background: #3f424e; } 
.personnel-bottom .content-item.nth-2 .list-item.nth-5 h2 { background: #272b38; } 
.personnel-bottom .content-item.nth-2 .list-item.nth-6 h2 { background: #101422; } 
.personnel-bottom .content-item.nth-2 .list-item p { margin-top: 20px; font-weight: 300; font-size: 18px; text-align: center; color: #888; } 

@media only screen and (max-width: 1440px){
 .personnel-wrap { padding: 50px; } 
 .personnel { padding: 50px 50px 160px; } 
 }

@media only screen and (max-width: 1240px){
 .personnel-wrap { padding: 20px; } 
 .personnel { padding: 50px 20px 160px; } 
 .personnel-top .list-item { width: 33%; } 
 }

@media only screen and (max-width: 1024px){
 .personnel-wrap { margin-bottom: 150px; } 
 .personnel::after { bottom: -10px; width: 100%; background-position: center bottom; } 
 .personnel-top .title h2 { font-size: 55px; } 
 .personnel-top .title p { font-size: 20px; letter-spacing: -1px; } 
 .personnel-top .list { background-size: contain; } 
 .personnel-top .list-item { width: 30%; } 
 .personnel-top .list-item h2 { width: 180px; height: 180px; padding-top: 100px; font-size: 20px; } 
 .personnel-top .list-item h2::after { top: 27px; } 
 .personnel-top .list-item p { margin-top: 30px; font-size: 16px; } 
 .personnel-bottom .content-item.nth-1 .list-item { padding: 15px 10px 15px 100px; } 
 .personnel-bottom .content-item.nth-1 .list-item::after { left: 52px; } 
 .personnel-bottom .content-item.nth-1 .list-item h2 { font-size: 20px; } 
 .personnel-bottom .content-item.nth-1 .list-item p { font-size: 16px; letter-spacing: -1px; } 
 .personnel-bottom .content-item.nth-2 .list { flex-wrap: wrap; row-gap: 50px; } 
 .personnel-bottom .content-item.nth-2 .list-item { width: 32%; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-3::after { top: auto; right: 48%; bottom: -33%; transform: rotate(90deg); } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-4 { order: 6; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-4::after,
 .personnel-bottom .content-item.nth-2 .list-item.nth-5::after { right: auto; left: -7%; transform: rotate(180deg); } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-5 { order: 5; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-6 { order: 4; } 
 }

@media only screen and (max-width: 768px){
 .personnel { padding: 50px 20px 110px; } 
 .personnel-top .title h2 { font-size: 40px; } 
 .personnel-top .title p { width: 80%; font-size: 18px; } 
 .personnel-top .list-item { width: 33.3333%; vertical-align: top; } 
 .personnel-top .list-item h2 { width: 150px; height: 150px; padding-top: 80px; border-width: 8px; font-size: 18px; } 
 .personnel-top .list-item h2::after { width: 30px; } 
 .personnel-top .list-item.nth-2 h2::after,
 .personnel-top .list-item.nth-3 h2::after { width: 40px; } 
 .personnel-top .list-item p br { display: none; } 
 .personnel-bottom .content-item.nth-1 .list-item { padding: 100px 15px 15px; } 
 .personnel-bottom .content-item.nth-1 .list-item::after { top: 50px; } 
 .personnel-bottom .content-item.nth-2 .list-item p { font-size: 16px; } 
 }

@media only screen and (max-width: 640px){
 .personnel-wrap { margin-bottom: 80px; } 
 .personnel { padding: 50px 20px 70px; } 
 .personnel-top .list { padding-top: 0; background: none; } 
 .personnel-top .list-item { width: 100%; margin-bottom: 30px; } 
 .personnel-bottom .content-item.nth-1 .list-item { width: 100%; padding: 15px 15px 15px 100px; margin-right: 0; } 
 .personnel-bottom .content-item.nth-1 .list-item::after { top: 42px; } 
 .personnel-bottom .content-item.nth-2 .list-item { width: 49%; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-2::after { top: auto; right: 48%; bottom: -33%; transform: rotate(90deg); } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-3 { order: 4; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-3::after { top: 43px; right: auto; bottom: auto; left: -7%; transform: rotate(180deg); } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-4 { order: 3; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-4::after { top: auto; right: 48%; bottom: -33%; left: auto; transform: rotate(90deg); } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-5 { order: 5; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-5::after { right: -7%; left: auto; transform: rotate(0); } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-6 { order: 6; } 
 }

@media only screen and (max-width: 480px){
 .personnel::after { bottom: 0; } 
 .personnel-top .title h2 { font-size: 30px; } 
 .personnel-top .title p { width: 95%; margin-top: 15px; font-size: 16px; } 
 .personnel-top .title p br { display: none; } 
 .personnel-bottom .content-item.nth-1 .list-item { padding: 80px 10px 15px; text-align: center; } 
 .personnel-bottom .content-item.nth-1 .list-item h2 { font-size: 18px; } 
 .personnel-bottom .content-item.nth-1 .list-item p { margin-top: 5px; } 
 .personnel-bottom .content-item.nth-1 .list-item::after { left: 50%; } 
 .personnel-bottom .content-item.nth-2 .list-item { width: 100%; } 
 .personnel .personnel-bottom .content-item.nth-2 .list-item::after { top: auto; right: 48%; bottom: -33%; left: auto; transform: rotate(90deg); } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-3 { order: 3; } 
 .personnel-bottom .content-item.nth-2 .list-item.nth-4 { order: 4; } 
 }

/* 060201 인재육성 */
.talent-wrap { padding: 55px 0 0; border-top: 1px solid #e4e4e4; } 
.talent-wrap .contents-box.nth-1 { font-size: 0; } 
.talent-wrap .contents-box.nth-1 .content-item { display: inline-block; width: calc(50% - 20px); margin-right: 40px; vertical-align: top; } 
.talent-wrap .contents-box.nth-1 .content-item.nth-1 { width: 100%; } 
.talent-wrap .contents-box.nth-1 .content-item:nth-of-type(2n) { margin-right: 0; } 
.talent-wrap .contents-box.nth-1 .content-item .box h2 { font-weight: 600; font-size: 24px; color: #fff; } 
.talent-wrap .contents-box.nth-1 .content-item .box h2 span { font-size: 20px; vertical-align: baseline; } 
.talent-wrap .contents-box.nth-1 .content-item .box p { font-weight: 500; font-size: 18px; line-height: 1.4; color: #090d18; } 
.talent-wrap .contents-box.nth-1 .content-item p + p { margin-top: 10px; } 
.talent-wrap .contents-box.nth-1 .content-item.nth-4 p:first-child,
.talent-wrap .contents-box.nth-1 .content-item.nth-4 p:nth-of-type(4) { margin-bottom: 40px; } 
.talent-wrap .contents-box.nth-1 .content-item .box { display: inline-block; width: calc(25% - 30px); margin-right: 40px; vertical-align: top; } 
.talent-wrap .contents-box.nth-1 .content-item .box:last-child { margin-right: 0; } 
.talent-wrap .contents-box.nth-1 .content-item .top { height: 200px; padding-top: 25%; background: url("../images/contents/talent-top-img01.png") no-repeat center /
 cover; text-align: center; } 
.talent-wrap .contents-box.nth-1 .content-item .box.nth-2 .top { background: url("../images/contents/talent-top-img02.png") no-repeat center /
 cover; } 
.talent-wrap .contents-box.nth-1 .content-item .box.nth-3 .top { background: url("../images/contents/talent-top-img03.png") no-repeat center /
 cover; } 
.talent-wrap .contents-box.nth-1 .content-item .box.nth-4 .top { background: url("../images/contents/talent-top-img04.png") no-repeat center /
 cover; } 
.talent-wrap .contents-box.nth-1 .content-item .bottom { padding: 30px; border: 1px solid #c5c6cc; border-top: 0; word-break: break-all; } 
.talent-wrap .contents-box.nth-1 .content-item > .box { width: 100%; padding: 40px; border: 1px solid #c5c6cc; } 

.talent-wrap .contents-box.nth-2 .content-title { margin-bottom: 40px; } 
.talent-wrap .contents-box.nth-2 .box-wrap { position: relative; padding: 55px 0 100px; background: #f5f5f5; } 
.talent-wrap .contents-box.nth-2 .box-wrap::after { display: block; position: absolute; top: 50%; left: 50%; width: 30%; height: 100%; background: url("../images/contents/talent-bottom.png") no-repeat center; content: ""; transform: translate(-50%, -50%); } 
.talent-wrap .contents-box.nth-2 .inner { font-size: 0; } 
.talent-wrap .contents-box.nth-2 .text { display: inline-block; width: 50%; padding-top: 20%; padding-left: 20%; vertical-align: top; } 
.talent-wrap .contents-box.nth-2 .text.nth-1,
.talent-wrap .contents-box.nth-2 .text.nth-3 { padding-right: 20%; padding-left: 0; text-align: right; } 
.talent-wrap .contents-box.nth-2 .text.nth-1,
.talent-wrap .contents-box.nth-2 .text.nth-2 { padding-top: 5%; } 
.talent-wrap .contents-box.nth-2 .text h2 span { display: inline-block; font-weight: 600; font-size: 24px; vertical-align: baseline; color: #df9fa1; } 
.talent-wrap .contents-box.nth-2 .text.nth-2 h2 span { color: #d07073; } 
.talent-wrap .contents-box.nth-2 .text.nth-3 h2 span { color: #c04044; } 
.talent-wrap .contents-box.nth-2 .text.nth-4 h2 span { color: #b11116; } 
.talent-wrap .contents-box.nth-2 .box-wrap p { margin-top: 20px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #000; } 

@media only screen and (max-width: 1440px){
 .talent-wrap .contents-box.nth-2 .box-wrap::after { width: 50%; } 
 }

@media only screen and (max-width: 1240px){
 .talent-wrap .contents-box.nth-1 .content-item .box-wrap .box { width: calc(25% - 15px); margin-right: 20px; } 
 .talent-wrap .contents-box.nth-1 .content-item .box-wrap .box:last-child { margin-right: 0; } 
 .talent-wrap .contents-box.nth-1 .content-item .bottom { padding: 20px; } 

 .talent-wrap .contents-box.nth-1 .content-item > .box { padding: 20px; } 
 .talent-wrap .contents-box.nth-1 .content-item > .box p { font-size: 16px; } 
 }

@media only screen and (max-width: 1024px){
 .talent-wrap .contents-box.nth-1 .content-item .box-wrap .box { width: calc(50% - 10px); margin-bottom: 20px; } 
 .talent-wrap
 .contents-box.nth-1
 .content-item
 .box-wrap
 .box:nth-of-type(2n) { margin-right: 0; } 
 .talent-wrap .contents-box.nth-1 .content-item .top { padding-top: 15%; } 

 .talent-wrap .contents-box.nth-2 .box-wrap::after { top: 48%; width: 20%; height: 30%; background-size: contain; } 
 .talent-wrap .contents-box.nth-2 .text { padding-left: 10%; } 
 .talent-wrap .contents-box.nth-2 .text.nth-1,
 .talent-wrap .contents-box.nth-2 .text.nth-3 { padding-right: 10%; } 

 .talent-wrap .contents-box.nth-1 .content-item { width: 100%; margin-right: 0; } 
 }

@media only screen and (max-width: 768px){
 .talent-wrap .contents-box.nth-1 .content-item .box h2 { font-size: 20px; line-height: 1.4; } 
 .talent-wrap .contents-box.nth-1 .content-item .box p { font-size: 16px; } 

 .talent-wrap .contents-box.nth-2 .text h2 { font-size: 22px; } 
 .talent-wrap .contents-box.nth-2 .text h2 span { font-size: 16px; } 
 .talent-wrap .contents-box.nth-2 .box-wrap p { margin-top: 10px; font-size: 16px; } 
 }

@media only screen and (max-width: 640px){
 .talent-wrap .contents-box.nth-1 .content-item .top { height: 120px; } 
 .talent-wrap .contents-box.nth-1 .content-item .box-wrap .box { width: 100%; margin-right: 0; } 

 .talent-wrap .contents-box.nth-2 .box-wrap > .inner { padding-top: 315px; } 
 .talent-wrap .contents-box.nth-2 .box-wrap::after { top: 70px; width: 60%; transform: translate(-50%, 0); } 
 .talent-wrap .contents-box.nth-2 .text,
 .talent-wrap .contents-box.nth-2 .text.nth-1,
 .talent-wrap .contents-box.nth-2 .text.nth-2,
 .talent-wrap .contents-box.nth-2 .text.nth-3 { width: 100%; padding: 0; margin-top: 30px; text-align: left; } 
 .talent-wrap .contents-box.nth-1 .content-item .top { padding-top: 8%; } 
 }

@media only screen and (max-width: 480px){
 .talent-wrap .contents-box.nth-1 .content-item .top { height: auto; padding: 20px; } 
 .talent-wrap .contents-box.nth-1 .content-item > .box p { font-size: 15px; } 

 .talent-wrap .contents-box.nth-2 .text,
 .talent-wrap .contents-box.nth-2 .text.nth-1,
 .talent-wrap .contents-box.nth-2 .text.nth-2,
 .talent-wrap .contents-box.nth-2 .text.nth-3 { text-align: center; } 
 .talent-wrap .contents-box.nth-2 .box-wrap::after { width: 80%; } 
 .talent-wrap .contents-box.nth-2 .text h2 { font-size: 18px; } 
 }

/* 060301 채용정보 */
.recruitment-wrap { position: relative; padding: 115px 0 0; border-top: 1px solid #e4e4e4; } 
.recruitment-wrap::after { display: block; position: absolute; top: 0; left: 50%; width: 7px; height: 92px; background: url("../images/common/allmenu-deco.png") no-repeat center bottom; content: ""; transform: translateX(-50%); } 
.recruitment-top { position: relative; padding: 66px 0 150px; border-bottom: 1px solid #e4e4e4; text-align: center; } 
.recruitment-top img { opacity: 0.1; position: absolute; top: 10px; right: 10%; max-width: 404px; } 
.recruitment-top h2 { padding: 0 80px; font-weight: 500; font-size: 50px; line-height: 1.4; color: #043457; } 
.recruitment-top h2 span { vertical-align: baseline; color: #b11116; } 
.recruitment-top p { opacity: 0.1; position: absolute; bottom: 60px; left: 40px; font-weight: 800; font-size: 40px; text-align: left; color: #043457; } 
.recruitment-wrap .recruitment-list { display: flex; justify-content: center; text-align: center; } 
.recruitment-wrap .list-item { position: relative; width: 255px; padding: 65px 20px 46px; background: url("../images/contents/recruitment-list-bg.png") no-repeat center /
 contain; } 
.recruitment-wrap .list-item:last-child { background: url("../images/contents/recruitment-list-last-bg.png") no-repeat
 center / contain; } 
.recruitment-wrap .list-item + .list-item { margin-left: 38px; } 
.recruitment-wrap .list-item + .list-item::before { display: block; position: absolute; top: 50%; right: calc(100% - 16px); width: 54px; height: 53px; background: url("../images/contents/recruitment-list-deco.png") no-repeat
 center / cover; content: ""; transform: translateY(-50%); } 
.recruitment-wrap .list-item::after { display: block; position: absolute; top: 10px; right: 6px; width: 42px; height: 42px; border: 6px solid #fff; border-radius: 50%; background: #b11116; content: "01"; font-weight: 600; font-size: 18px; line-height: 42px; color: #fff; } 
.recruitment-wrap .list-item:last-child:after { top: 0; right: -12px; } 
.recruitment-wrap .list-item.nth-2::after { content: "02"; } 
.recruitment-wrap .list-item.nth-3::after { content: "03"; } 
.recruitment-wrap .list-item.nth-4::after { content: "04"; } 
.recruitment-wrap .list-item h2 { position: relative; padding-top: 76px; font-weight: 600; font-size: 24px; color: #b11116; } 
.recruitment-wrap .list-item h2::after { display: block; position: absolute; top: 0; left: 50%; width: 36px; height: 46px; background: url("../images/contents/recruitment-ico01.png") no-repeat center; content: ""; transform: translateX(-50%); } 
.recruitment-wrap .list-item.nth-2 h2::after { width: 46px; height: 48px; background: url("../images/contents/recruitment-ico02.png") no-repeat center; } 
.recruitment-wrap .list-item.nth-3 h2::after { width: 30px; height: 46px; background: url("../images/contents/recruitment-ico03.png") no-repeat center; } 
.recruitment-wrap .list-item.nth-4 h2::after { width: 44px; height: 50px; background: url("../images/contents/recruitment-ico04.png") no-repeat center; } 
.recruitment-wrap .list-item p { margin-top: 10px; font-weight: 400; font-size: 18px; line-height: 1.4; color: #666; word-break: break-all; } 
.recruitment-wrap .content-item.nth-2 .content-item { display: flex; } 
.recruitment-wrap .content-item.nth-2 .img { width: 50%; background: url("../images/contents/recruitment-img.png") no-repeat center /
 cover; } 
.recruitment-wrap .content-item.nth-2 .text { width: 50%; padding: 60px 40px; background: #043457; vertical-align: top; } 
.recruitment-wrap .content-item.nth-2 .text > div { margin-bottom: 40px; color: #fff; } 
.recruitment-wrap .content-item.nth-2 .text h2 { display: inline-block; padding-bottom: 2px; border-bottom: 1px solid #fff; font-weight: 600; font-size: 24px; } 
.recruitment-wrap .content-item.nth-2 .text p { margin-top: 10px; font-weight: 400; font-size: 18px; line-height: 1.4; } 
.recruitment-wrap .content-item.nth-2 .text .btn-wrap { margin-bottom: 0; font-size: 0; } 
.recruitment-wrap .btn { display: inline-block; width: calc(50% - 15px); } 
.recruitment-wrap .btn a { display: block; position: relative; padding: 20px; border: 2px solid #b11116; border-radius: 60px; background: #fff; color: #b11116; } 
.recruitment-wrap .btn a::after { display: block; position: absolute; top: 50%; right: 28px; width: 7px; height: 13px; background: url("../images/common/arrow01.png") no-repeat center / contain; content: ""; transform: translateY(-50%); } 
.recruitment-wrap .btn:last-child a::after { background: url("../images/common/arrow02.png") no-repeat center / contain; } 
.recruitment-wrap .content-item.nth-2 .text .btn a p { margin-top: 0; font-weight: 600; font-size: 15px; } 
.recruitment-wrap .content-item.nth-2 .text .btn:last-child { width: calc(50% + 5px); margin-left: 10px; } 
.recruitment-wrap .content-item.nth-2 .text .btn:last-child a { border-color: #222; color: #222; } 
.recruitment-wrap .btn:hover a { background: #b11116; color: #fff; } 
.recruitment-wrap .content-item.nth-2 .text .btn:last-child:hover a { background: #222; color: #fff; } 
.recruitment-wrap .btn:hover a::after,
.recruitment-wrap .btn:last-child:hover a::after { background: url("../images/common/arrow04.png") no-repeat center / contain; } 
.recruitment-wrap .content-item.nth-3 { margin-top: 70px; } 
.recruitment-wrap .content-item.nth-3 .content-item { padding: 60px 0; background: #f5f5f5; } 
.recruitment-wrap .box-wrap { display: flex; border: 1px solid #ddd; background: #fff; } 
.recruitment-wrap .box { position: relative; width: 20%; padding: 40px 30px; word-break: break-all; } 
.recruitment-wrap .box + .box::after { display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ddd; content: ""; } 
.recruitment-wrap .box h2 { position: relative; padding-bottom: 30px; margin-bottom: 25px; border-bottom: 2px solid #ddd; font-weight: 700; font-size: 20px; color: #043457; } 
.recruitment-wrap .box h2::after { display: block; position: absolute; right: -15px; bottom: 30px; width: 56px; height: 39px; background: url("../images/contents/recruitment-ico05.png") no-repeat center; content: ""; } 
.recruitment-wrap .box.nth-2 h2::after { width: 38px; height: 40px; background: url("../images/contents/recruitment-ico06.png") no-repeat center; } 
.recruitment-wrap .box.nth-3 h2::after { width: 46px; height: 44px; background: url("../images/contents/recruitment-ico07.png") no-repeat center; } 
.recruitment-wrap .box.nth-4 h2::after { width: 50px; height: 40px; background: url("../images/contents/recruitment-ico08.png") no-repeat center /
 contain; } 
.recruitment-wrap .box.nth-5 h2::after { width: 60px; height: 40px; background: url("../images/contents/recruitment-ico09.png") no-repeat center; } 
.recruitment-wrap .box p { margin-top: 10px; font-weight: 500; font-size: 18px; line-height: 1.2; color: #222; } 

@media only screen and (max-width: 1440px){
 .recruitment-wrap .content-item.nth-2 .text { padding: 50px 30px; } 
 .recruitment-wrap .box-wrap { flex-wrap: wrap; } 
 .recruitment-wrap .box { width: 33.3333%; } 
 .recruitment-wrap .box.nth-4,
 .recruitment-wrap .box.nth-5 { width: 50%; border-top: 1px solid #ddd; } 
 .recruitment-wrap .content-item.nth-2 .img { width: 40%; } 
 .recruitment-wrap .content-item.nth-2 .text { width: 60%; } 
 }

@media only screen and (max-width: 1240px){
 .recruitment-wrap .content-item.nth-2 .img { width: 30%; } 
 .recruitment-wrap .content-item.nth-2 .text { width: 70%; } 
 .recruitment-top h2 { font-size: 35px; } 
 .recruitment-wrap .list-item h2 { padding-top: 70px; font-size: 22px; } 
 .recruitment-wrap .list-item p { margin-top: 10px; } 
 .recruitment-wrap .recruitment-list { flex-wrap: wrap; } 
 .recruitment-wrap .list-item { width: calc(50% - 15px); min-width: 1px; padding: 30px 10px; border: 4px solid #043457; border-radius: 30px; background: none; } 
 .recruitment-wrap .list-item.nth-3 { order: 4; margin-top: 10px; } 
 .recruitment-wrap .list-item.nth-4 { order: 3; margin-top: 10px; margin-left: 0; background: none; } 
 .recruitment-wrap .list-item::after,
 .recruitment-wrap .list-item.nth-4::after { top: -30px; right: -16px; } 
 .recruitment-wrap .list-item + .list-item { margin-left: 10px; } 
 .recruitment-wrap .list-item + .list-item::before { right: calc(100% - 5px); width: 24px; height: 30px; background-position: right center; } 
 .recruitment-wrap .list-item.nth-4::before { right: -23px; } 
 .recruitment-wrap .list-item.nth-3::before { top: 8px; right: 50%; transform: translate(50%, -100%) rotate(90deg); } 
 }

@media only screen and (max-width: 1024px){
 .recruitment-wrap .content-item.nth-2 .content-item { flex-wrap: wrap; } 
 .recruitment-wrap .content-item.nth-2 .img { width: 100%; height: 300px; } 
 .recruitment-wrap .content-item.nth-2 .text { width: 100%; } 
 .recruitment-wrap .list-item h2 { padding-top: 60px; font-size: 20px; } 
 .recruitment-wrap .list-item p { font-size: 16px; } 
 .recruitment-wrap .content-item.nth-2 .text h2 { font-size: 20px; } 
 .recruitment-wrap .btn,
 .recruitment-wrap .content-item.nth-2 .text .btn:last-child { width: calc(50% - 8px); } 
 .recruitment-wrap .content-item.nth-2 .text .btn:last-child { margin-left: 16px; } 
 .recruitment-wrap .btn a { padding: 20px 15px; } 
 .recruitment-wrap .btn a::after { right: 10px; } 
 .recruitment-wrap .box h2 { font-size: 20px; } 
 .recruitment-wrap .box p { font-size: 16px; } 
 }

@media only screen and (max-width: 768px){
 .recruitment-wrap .btn a { padding: 20px 30px; } 
 .recruitment-wrap .box.nth-3 { border-top: 1px solid #ddd; } 
 .recruitment-wrap .box,
 .recruitment-wrap .box.nth-4,
 .recruitment-wrap .box.nth-5 { width: 100%; } 
 .recruitment-wrap .box.nth-2 { border-top: 1px solid #ddd; } 
 }

@media only screen and (max-width: 640px){
 .recruitment-top h2 { padding: 0; font-size: 30px; } 
 .recruitment-top p { font-size: 30px; } 
 .recruitment-wrap .content-item.nth-2 .text { padding: 30px 20px; } 
 .recruitment-wrap .box p { margin-top: 5px; } 
 .recruitment-wrap .btn { width: 100%; } 
 .recruitment-wrap .content-item.nth-2 .text .btn:last-child { width: 100%; margin-top: 10px; margin-left: 0; } 
 .recruitment-wrap .btn a { padding: 20px 30px; } 
 .recruitment-wrap .btn a::after { right: 20px; } 
 }

@media only screen and (max-width: 480px){
 .recruitment-top h2 { font-size: 24px; } 
 .recruitment-top img { width: 100%; } 
 .recruitment-top p { left: -5px; } 
 .recruitment-top p br { display: none; } 
 .recruitment-wrap .list-item { width: 100%; } 
 .recruitment-wrap .list-item + .list-item { margin-top: 10px; margin-left: 0; } 
 .recruitment-wrap .list-item + .list-item::before { top: 8px; right: 50%; transform: translate(50%, -100%) rotate(90deg); } 
 .recruitment-wrap .list-item.nth-3 { order: 3; } 
 .recruitment-wrap .list-item.nth-4 { order: 4; } 
 .recruitment-wrap .box { padding: 20px; } 
 .recruitment-wrap .box h2::after { right: 5px; bottom: 15px; } 
 }

/* 000000 검색 */
.search-list-wrap { margin-bottom: 190px; border-top: 1px solid#e4e4e4; } 
.search-list-top { padding: 40px 0 15px; border-bottom: 1px solid#e4e4e4; } 
.search-list-top .board-count { font-weight: 600; letter-spacing: 2px; } 
.search-list-top .text-total { position: relative; padding-left: 25px; } 
.search-list-top .text-total::after { display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 11px; background: url("../images/common/board/board-count-total.png") no-repeat
 center; content: ""; transform: translateY(-50%); } 
.search-list-top .board-search { float: none; width: 50%; margin: 0 auto; text-align: center; } 
.search-list-top .search-kwd { vertical-align: top; } 
.search-list-top .select-label,
.search-list-top .search-kwd input[type="text"] { border-color: #222; } 
.search-list-top .search-kwd input { color: #222; } 
.search-list-top .search-btn { border: 0; background: inherit; } 

.search-list-wrap .board-thumbnail { border-top: 0; } 
.search-list-wrap .board-thumbnail li:last-child { border-bottom: 1px solid #222; } 

.search-list-wrap .board_thumbnail-item .thumbnail-text { width: 100%; } 
.search-list-wrap .board_thumbnail-item .thumbnail-text .thumbnail-title { overflow: hidden; width: 100%; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; } 
.search-list-wrap .board_thumbnail-item .thumbnail-text span:nth-of-type(2) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.search-list-wrap .thumbnail-text em { vertical-align: baseline; color: #b11116; } 
.search-list-wrap .thumbnail-info { position: inherit; margin-top: 24px; } 
.search-list-wrap .thumbnail-info span,
.search-list-wrap .thumbnail-info span.date { padding-left: 25px; margin-bottom: 20px; font-weight: 300; font-size: 15px; color: #666; } 
.search-list-wrap .thumbnail-info span.date::after { display: block; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background: url("../images/common/board/list-date-ico.png") center no-repeat; content: ""; transform: translateY(-50%); } 
.search-list-wrap .thumbnail-info span.view::after { display: block; position: absolute; top: 50%; left: 0; width: 20px; height: 13px; background: url("../images/common/board/list-view-ico.png") center no-repeat; content: ""; transform: translateY(-50%); } 
.search-list-wrap .thumbnail-info span.link { display: block; padding: 0; font-weight: 300; font-size: 15px; text-align: left; color: #666; } 
.search-list-wrap .thumbnail-info span.link em { display: inline-block; padding: 0 12px; margin-right: 10px; border-radius: 20px; background: #b11116; font-weight: 500; font-size: 13px; vertical-align: baseline; text-transform: uppercase; color: #fff; } 
.search-list-wrap .thumbnail-info span + span::after { display: none; } 
.search-list-wrap .thumbnail-info span:last-child { overflow: hidden; width: 100%; margin-bottom: 0; line-height: 28px; white-space: nowrap; text-overflow: ellipsis; } 

.search-list-wrap .board-thumbnail .board_thumbnail-item.no-data { margin-top: 60px; border: 1px solid #e6e6e6; font-size: 0; } 
.search-list-wrap .board_thumbnail-item.no-data .text { position: relative; padding: 80px 0 80px 50%; text-align: left; } 
.search-list-wrap .board_thumbnail-item.no-data .text::after { position: absolute; bottom: 0; left: 25%; width: 400px; height: 335px; background: url("../images/common/board/list-nodata-img.png") center bottom
 no-repeat; content: ""; transform: translateX(-50%); } 
.search-list-wrap .board_thumbnail-item.no-data .text h4 { display: inline-block; margin-bottom: 30px; margin-left: 10px; border-bottom: 2px solid #222; font-weight: 700; font-size: 30px; color: #222; } 
.search-list-wrap .board_thumbnail-item.no-data .text p { position: relative; padding-left: 12px; font-weight: 400; font-size: 16px; line-height: 1.4; color: #666; } 
.search-list-wrap .board_thumbnail-item.no-data .text p + p { margin-top: 20px; } 
.search-list-wrap .board_thumbnail-item.no-data .text p::after { position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background: #666; content: ""; transform: translateY(-50%); } 

.search-list-wrap .board_thumbnail-item.no-data:hover { background: inherit; } 
.search-list-wrap .board_thumbnail-item.no-data:hover::after { display: none; } 

.search-list { margin-top: 40px; } 
.search-list .board-top { padding: 0; } 
.search-list-title { border-bottom: 1px solid #000; } 
.search-list-title .text-category { display: inline-block; margin-right: 10px; } 
.search-list-title .text-category p { position: relative; padding-right: 10px; font-weight: 600; color: #b01116; } 
.search-list-title .text-category p::after { display: block; position: absolute; top: 50%; right: 0; width: 2px; height: 14px; background: #a2a9b6; content: ""; transform: translateY(-50%); } 

@media only screen and (max-width: 1240px){
 .search-list-wrap .board_thumbnail-item.no-data .text { padding: 80px 0 80px 45%; } 
 .search-list-wrap .board_thumbnail-item.no-data .text::after { left: 22%; } 
 }

@media only screen and (max-width: 1024px){
 .search-list-wrap { margin-bottom: 150px; } 
 .search-list-top .board-search { width: 70%; } 
 .search-list-wrap .board_thumbnail-item.no-data .text { padding: 40px 45% 40px 20px; } 
 .search-list-wrap .board_thumbnail-item.no-data .text h4 { font-size: 28px; } 
 .search-list-wrap .board_thumbnail-item.no-data .text::after { right: 0; left: auto; width: 45%; height: 90%; background-size: contain; transform: translateX(0); } 
 }

@media only screen and (max-width: 768px){
 .search-list-top .board-search { width: 90%; } 
 .search-list-wrap .board_thumbnail-item { width: 100%; } 
 .search-list-wrap .board_thumbnail-item a { text-align: left; } 
 .search-list-wrap .board-thumbnail .admin-check { bottom: 90px; left: 90%; } 
 }

@media only screen and (max-width: 640px){
 .search-list-wrap { margin-bottom: 80px; } 
 .search-list-wrap .board_thumbnail-item.no-data .text { padding: 20px 20px 170px; } 
 .search-list-wrap .board_thumbnail-item.no-data .text p + p { margin-top: 10px; } 
 .search-list-wrap .board_thumbnail-item.no-data .text::after { height: 150px; } 
 }

@media only screen and (max-width: 480px){
 .search-list-wrap .thumbnail-info span,
 .search-list-wrap .thumbnail-info span.date { margin-bottom: 10px; } 
 .search-list-wrap .board-count .text-total { margin-right: 15px; } 
 .search-list-wrap .board-thumbnail .admin-check { top: 20px; bottom: auto; left: 0; transform: translateY(-50%); } 
 .search-list-wrap .board_thumbnail-item .thumbnail-text { text-align: left; } 
 }
 
/* ===================================================== */
/* ESG 공통 */
 .esg { position: relative; padding: 55px 0 190px; border-top: 1px solid #e4e4e4; } 
 .esg .hide { overflow: hidden; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } 
 
 @media (max-width: 1280px){
  .esg { padding: 50px 0 160px; } 
  }
 @media (max-width: 768px){
  .esg { padding: 45px 0 130px; } 
  }
/* ===================================================== */

 /* ===================================================== */
/* ESG 결의문 */
.resolution { background: linear-gradient(
  180deg,
  #fff 0,
  rgba(255, 255, 255, 0.76) 5.54%,
  rgba(255, 255, 255, 0) 38.62%
  ),
  url(../images/contents/esg_resolution_bg.jpg) no-repeat center bottom/cover; } 
 .resolution-intro { max-width: 885px; padding: 100px 40px 0; margin: 0 auto; font-weight: 500; font-size: 22px; line-height: 1.5; text-align: center; color: #222; } 
 .resolution-intro strong { font-weight: 700; color: #b11116; } 
 .resolution-intro::after { display: block; opacity: 0.5; height: 128px; margin: 45px 0 -10px; background: url(../images/contents/esg_logo.svg) no-repeat center
  bottom/contain; content: ""; } 
 
 .resolution-wrap { position: relative; z-index: 2; padding: 70px; margin: 0 7%; background-color: #fff; } 
 .resolution-box { position: relative; padding: 0 40px 45px; border: 1px solid #b11116; } 
 .resolution-tit { margin-bottom: 30px; text-align: center; } 
 .resolution-tit h4 { display: inline-block; padding: 25px 45px 30px; background-color: #b11116; font-weight: 700; font-size: 25px; color: #fff; } 
 .resolution-tit h4::before { display: block; width: 60px; height: 58px; margin: 0 auto 15px; background: url(../images/contents/esg_resolution_ico.svg) no-repeat
  center/contain; content: ""; } 
 .resolution-item { display: flex; align-items: center; padding: 30px; border-bottom: 1px solid #ebeaea; } 
 .resolution-item:last-child { border-bottom: 0; } 
 .resolution-item::before { flex-shrink: 0; width: 4px; height: 4px; margin: 0 2.5% 0 2%; background-color: #b11116; content: ""; } 
 .resolution-num { flex-shrink: 0; order: -1; padding-bottom: 5px; font-weight: 700; font-size: 40px; color: #b11116; } 
 .resolution-txt { font-size: 18px; line-height: 1.4; color: #444; } 

  /* <=====서명추가=======> */
  .date { display: flex; justify-content: center; align-items: baseline; margin: 1.5em 0 1.8em; text-align: center; font-size: 24px; font-weight: 500; } 
  .date p span { font-weight: 700; color: #b11116; } 
  .date .img { margin-left: 20px; } 
  .signature { height: 40px; } 
 
 @media (max-width: 1280px){
  .resolution-intro { max-width: 790px; padding: 90px 30px 0; font-size: 19px; } 
  .resolution-intro::after { height: calc(5vw + 64px); margin: 40px 0 -1vw; } 
 
  .resolution-wrap { padding: 4%; margin: 0 4%; } 
  .resolution-box { padding: 0 3% 3.5%; } 
  .resolution-tit { margin-bottom: 25px; } 
  .resolution-tit h4 { padding: 20px 37px 25px; font-weight: 500; font-size: 22px; } 
  .resolution-tit h4::before { height: 50px; margin: 0 auto 12px; } 
  .resolution-item { padding: 26px 2%; } 
  .resolution-num { padding-bottom: 3px; font-size: 34px; } 
  .resolution-txt { font-size: 17px; } 

  .date { flex-direction: column; align-items: center; row-gap: 15px; font-size: 20px; } 
  .date p {line-height: 1.4; } 
  }
 @media (max-width: 768px){
  .resolution-intro { padding: 8vw 0 0; font-size: 17px; } 
  .resolution-intro::after { height: calc(11vw); margin: 35px 0 -1vw; } 
 
  .resolution-wrap { padding: 3%; margin: 0; } 
  .resolution-box { padding: 0 2% 2.5%; } 
  .resolution-tit { margin-bottom: 20px; } 
  .resolution-tit h4 { padding: 15px 29px 20px; font-size: 19px; } 
  .resolution-tit h4::before { height: 40px; margin: 0 auto 10px; } 
  .resolution-item { padding: 22px 1.5%; } 
  .resolution-num { padding-bottom: 2px; font-size: 28px; } 
  .resolution-txt { font-size: 16px; } 
  }
 @media (max-width: 480px){
  .resolution-intro { font-size: 15px; } 
  .resolution-intro::after { height: calc(11vw); margin: 30px 0 -1vw; } 
 
  .resolution-wrap { padding: 8px; } 
  .resolution-item { flex-wrap: wrap; row-gap: 7px; } 
  .resolution-item::before { display: none; } 
  .resolution-tit h4 { padding: 15px 25px 20px; font-size: 18px; } 
  .resolution-num { padding-bottom: 5px; border-bottom: 2px solid #c5c6cc; font-size: 22px; } 
  .resolution-txt { width: 100%; font-size: 14px; } 

  .date { font-size: 16px; } 
  .signature { height: 30px; } 
  }
 /* ESG 결의문 */
 /* ===================================================== */
 
 /* ===================================================== */
 /* ESG 정책 - 공통 */
 .esg-tab { display: flex; margin-bottom: 70px; flex-wrap: wrap; gap: 1px;} 
 .tab-wrap .esg-tab li { flex-grow: 1; width: 24%; }
 .tab-wrap .esg-tab li + li { margin-left: 0; } 
 .tab-wrap .esg-tab li a { padding: 16px 0 17px; } 
 .tab-wrap .esg-tab li a span { font-size: 17px; letter-spacing: -0.01em; } 
 
 .esg-down { display: flex; justify-content: center; column-gap: 20px; margin-top: 45px; } 
 .esg-down a { display: flex; align-items: center; column-gap: 25px; padding: 16px 25px 17px; border: 2px solid #b11116; border-radius: 50px; font-weight: 700; font-size: 15px; color: #b11116; } 
 .esg-down a::after { width: 24px; height: 20px; background: url(../images/contents/down-red.svg) no-repeat; content: ""; } 
 .esg-down a:nth-child(2) { border-color: #000; color: #000; } 
 .esg-down a:nth-child(2)::after { background-image: url(../images/contents/down-black.svg); } 
 .esg-down a:hover { background-color: #b11116; color: #fff; } 
 .esg-down a:nth-child(2):hover { background-color: #000; } 
 .esg-down a:hover::after { background-image: url(../images/contents/down-white.svg); } 
 
 @media (max-width: 1280px){
   .esg-tab { margin-bottom: 62px; } 
   .tab-wrap .esg-tab li { width: 33%; } 
   .tab-wrap .esg-tab li a span { font-size: 16px; } 
   .tab-wrap .esg-tab li.on a span::after { left: -8px; } 
  }
  @media (max-width: 1024px){
   .tab-wrap .esg-tab li { width: 40%; } 
  .tab-wrap .esg-tab li.on a span::after { left: -12px; } 
  }
 @media (max-width: 768px){
  .esg-tab { margin-bottom: 54px; } 
  .tab-wrap .esg-tab li a span { font-size: 16px; } 
  .tab-wrap .esg-tab li.on a span::after { left: -8px; } 
 
  .esg-down { column-gap: 15px; } 
  .esg-down a { column-gap: 12px; padding: 14px 20px 15px; font-size: 14px; } 
  }
 @media (max-width: 640px){
  .tab-wrap .esg-tab li { width: 100% } 
  .tab-wrap .esg-tab li a span { font-size: 15px; } 
  }
 /* ESG 정책 - 공통 */
 /* ===================================================== */


 /* ===================================================== */
/* ESG 정책 - 목록형 정책 */
.policy-sec {background-color: #e5e9ee; padding: 75px;}
.policy-sec:not(:last-child) {margin-bottom: 90px;}
.policy-sec .sec-inner {padding: 0 75px 75px; border: 1px solid #b11116;}
.policy-sec .sec-header {text-align: center;}
.policy-sec .sec-tit {background-color: #b11116; color: #fff; width: fit-content; margin: 0 auto 1.35em; font-size: 25px; font-weight: 700; padding: 1.35em 1.75em 1.4em; line-height: 1.2;}
.policy-sec .sec-tit::before {display: block; height: 60px; margin: 0 auto 0.7em; background: url(../images/contents/ico_confilit-mineral.svg) no-repeat center/contain; content: '';}
.policy-sec .sec-tit b {font-weight: 400;}
.policy-sec .sec-desc { font-size: 18px; line-height: 1.4; color: #222; margin-bottom: 2.5em;}
.policy-sec .sec-desc span {font-weight: 700; color: #b11116;}
/* 내용 */
.policy-sec .sec-cont { background-color: #fff; padding: 50px 70px;}
.policy-sec .list {counter-reset: policy;}
.policy-sec .list li {padding: 1.5em 0 1.5em 1.3em; font-size: 25px; border-bottom: 1px solid #ebeaea; counter-increment: policy; position: relative;}
.policy-sec .list h5 {font-weight: 600; color: #222; margin-bottom: 0.7em; line-height: 1.2;}
.policy-sec .list h5::before {content: counter(policy) '. '; color: #b11116; font-weight: 700; position: absolute; left: 0;}
.policy-sec .list p { line-height: 1.4; color: #666; font-size: 18px;}
/* 사인 */
.policy-sec .sign {font-size: 24px; font-weight: 700; text-align: right; color: #222; display: flex; justify-content: center; align-items: end; column-gap: 1em; padding: 2.5em 0 2em;}
.policy-sec .sign p {height: 100%;}
.policy-sec .sign p span {color: #b11116;}
.policy-sec .sign p em {display: block; padding-top: 0.5em;}
.policy-sec .sign figure {border-bottom: 1px solid #222; padding-bottom: 0.5em;}
.policy-sec .sign figure img {height: 2em; display: block;}

@media (max-width: 1280px){
  .policy-sec {padding: 65px 5vw;}
  .policy-sec:not(:last-child) {margin-bottom: 80px;}
  .policy-sec .sec-inner {padding: 0 5vw 5vw;}
  .policy-sec .sec-tit { font-size: 23px;}
  .policy-sec .sec-tit::before { height: 50px;}
  .policy-sec .sec-desc { font-size: 17px;}
  .policy-sec .sec-cont { padding: 40px 4.5vw;}
  .policy-sec .list li { font-size: 23px;}
  .policy-sec .list p { font-size: 17px;}
  .policy-sec .sign {font-size: 22px;}
}
@media (max-width: 1024px){
  .policy-sec {padding: 20px;}
  .policy-sec:not(:last-child) {margin-bottom: 75px;}
  .policy-sec .sec-inner {padding: 0 30px 30px;}
  .policy-sec .sec-tit { font-size: 22px;}
  .policy-sec .sec-cont { padding: 35px 30px;}
  .policy-sec .list li { font-size: 22px;}
  .policy-sec .sign {font-size: 21px;}
}
@media (max-width: 768px){
  .policy-sec {padding: 15px;}
  .policy-sec:not(:last-child) {margin-bottom: 65px;}
  .policy-sec .sec-inner {padding: 0 3.5vw 3.5vw;}
  .policy-sec .sec-tit { font-size: 20px;}
  .policy-sec .sec-tit::before { height: 40px;}
  .policy-sec .sec-desc { font-size: 16px;}
  .policy-sec .sec-cont { padding: 30px 3.5vw;}
  .policy-sec .list li { font-size: 20px;}
  .policy-sec .list p { font-size: 16px;}
  .policy-sec .sign {font-size: 20px;}
}
@media (max-width: 640px){
  .policy-sec .sign {flex-direction: column; align-items: center; text-align: center;}
  .policy-sec .sign p  {border-bottom: 1px solid #222; padding-bottom: 1em;}
  .policy-sec .sign figure {border-bottom: hidden; padding: 0.8em 0 0;}
}
@media (max-width: 576px){
  .policy-sec {padding: 10px;}
}
@media (max-width: 480px){
  .policy-sec:not(:last-child) {margin-bottom: 60px;}
  .policy-sec .sec-inner {padding: 0 4vw 4vw;}
  .policy-sec .sec-tit { font-size: 18px;}
  .policy-sec .sec-desc { font-size: 15px;}
  .policy-sec .sec-cont { padding: 20px 4vw;}
  .policy-sec .list li { font-size: 18px; padding-left: 0;}
  .policy-sec .list h5::before {position: relative;}
  .policy-sec .list p { font-size: 15px;}
  .policy-sec .sign {font-size: 18px;}
}
@media (max-width: 430px){
  .policy-sec {margin-left: 0; margin-right: 0; padding: 20px;}
}
/* ESG 정책 - 목록형 정책 */
/* ===================================================== */
 

 /* ===================================================== */
 /* ESG 정책 - 환경경영 , 안전보건경영 */
 .esgpolicy-intro { display: flex; overflow: hidden; align-items: center; position: relative; padding: 150px 150px 150px 70px; background: linear-gradient(
  99deg,
  #7cb6be 33.24%,
  rgba(124, 182, 190, 0.55) 76.01%,
  rgba(124, 182, 190, 0) 93.04%
  ),
  url(../images/contents/esg_nature_bg01.jpg) no-repeat center/cover; } 
 .esgpolicy-intro::before { opacity: 0.5; position: absolute; right: 3%; bottom: -10px; width: 660px; height: 128px; background: url(../images/contents/esg_logo_white.svg) no-repeat right
  bottom/contain; content: ""; } 
 .esgpolicy-intro-desc { font-size: 22px; line-height: 1.5; color: #fff; } 
 .esgpolicy-intro-desc strong { font-weight: 700; color: #b11116; text-shadow: 0 0 2px rgba(255, 255, 255, 0.35);} 
 
 .esgpolicy-diagram { display: flex; justify-content: space-between; position: relative; padding: 0 2%; margin-top: 110px; } 
 .esgpolicy-diagram::before { position: absolute; top: 154px; left: 50%; width: 60%; height: 2px; background-color: #e5e9ee; content: ""; transform: translateX(-50%); } /* 중간 라인 */
 .esgpolicy-tit { flex-shrink: 0; position: relative; width: 310px; height: 310px; padding: 30px; border: 2px dashed #e5e9ee; border-radius: 50%; background-color: #fff; } 
 .esgpolicy-tit::before,
 .esgpolicy-tit::after { position: absolute; top: 50%; left: -19px; width: 36px; height: 36px; border-radius: 50%; background: #b11116 url(../images/contents/esg_ico_plus.svg) no-repeat center; content: ""; transform: translateY(-50%); } 
 .esgpolicy-tit::after { right: -19px; left: auto; } 
 .esgpolicy-tit h5 { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 10px; width: 100%; height: 100%; border-radius: 50%; background-color: #f5f5f5; font-weight: 700; font-size: 24px; text-align: center; color: #1d2834; } 
 .esgpolicy-tit h5::before { width: 84px; height: 84px; background: url(../images/contents/esg_nature_ico01.svg) no-repeat
  center/contain; content: ""; } 
 
 .esgpolicy-item { display: flex; flex-direction: column; z-index: 2; width: 35%; padding-top: 65px; } 
 .esgpolicy-item:nth-child(2) { order: -1; } 
 .esgpolicy-item-tit { position: relative; z-index: 2; width: 180px; height: 180px; margin: 0 auto; border: 10px solid #e5e5e5; border-radius: 50%; background-color: #fff; } 
 .esgpolicy-item-tit::before { position: absolute; top: 50%; right: -15px; width: 10px; height: 10px; border-radius: 50%; background-color: #1d2834; content: ""; transform: translateY(-50%); } 
 .esgpolicy-item:nth-child(3) .esgpolicy-item-tit::before { right: auto; left: -15px; } 
 .esgpolicy-item-tit dt::before { width: 44px; height: 48px; background: url(../images/contents/esg_nature_ico02.svg) no-repeat
  center/contain; content: ""; } 
 .esgpolicy-item:nth-child(3) .esgpolicy-item-tit dt::before { background-image: url(../images/contents/esg_nature_ico03.svg); } 
 .esgpolicy-item-tit dt { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 10px; height: 100%; font-weight: 700; font-size: 18px; text-align: center; color: #1d2834; } 
 .esgpolicy-list { flex-grow: 1; position: relative; padding: 70px 5% 35px; margin-top: -25px; border-radius: 40px; background-color: #f5f5f5; } 
 .esgpolicy-list::before { position: absolute; top: 0; left: calc(50% - 2px); width: 4px; height: 60px; background: url(../images/contents/esg_deco.svg) no-repeat center bottom; content: ""; } 
 .esgpolicy-list dd { display: flex; column-gap: 6px; margin: 1em 0; font-size: 16px; line-height: 1.2; color: #222; } 
 .esgpolicy-list dd::before { flex-shrink: 0; width: 6px; height: 1.2em; background: linear-gradient(to top, #043457, #043457) no-repeat center; background-size: 6px 2px; content: ""; } 
 
 .esgpolicy-article { display: flex; position: relative; padding-bottom: 75px; margin-top: 120px; } 
 .esgpolicy-article:nth-child(even) { justify-content: end; } 
 .esgpolicy-article-img { min-height: 360px; } 
 .esgpolicy-article-img img { display: block; } 
 .esgpolicy-article-txt { position: absolute; bottom: 0; left: 0; width: 740px; padding: 40px; background-color: #f5f5f5; } 
 .esgpolicy-article:nth-child(odd) .esgpolicy-article-txt { right: 0; left: auto; } 
 .esgpolicy-article-tit { position: relative; font-weight: 700; font-size: 28px; color: #1d2834; line-height: 1.15;} 
 .esgpolicy-article-tit::before { position: absolute; top: 0; left: -40px; width: 8px; height: 100%; background-color: #1d2834; content: ""; } 
 .esgpolicy-article-desc { padding-top: 20px; margin-top: 20px; border-top: 2px solid #e5e9ee; font-size: 18px; line-height: 1.4; color: #222; } 
 .esgpolicy-article-desc p + p { margin-top: 1em; } 
 
 /* 안전보건경영 */
 .safety .esgpolicy-intro { background-image: linear-gradient(
  99deg,
  #f2f4f7 47.24%,
  rgba(242, 244, 247, 0.62) 69.01%,
  rgba(242, 244, 247, 0) 94.04%
  ),
  url(../images/contents/esg_safety_bg01.jpg); } 
 .safety .esgpolicy-intro-desc { color: #222; } 
 .safety .esgpolicy-tit h5::before { background-image: url(../images/contents/esg_safety_ico01.svg); } 
 .safety .esgpolicy-item-tit dt::before { background-image: url(../images/contents/esg_safety_ico02.svg); } 
 .safety .esgpolicy-item:nth-child(3) .esgpolicy-item-tit dt::before { background-image: url(../images/contents/esg_safety_ico03.svg); } 
 /* 안전보건경영 */
 
 @media (max-width: 1280px){
  .esgpolicy-intro { padding: 130px 130px 130px 55px; } 
  .esgpolicy-intro::before { bottom: -0.8vw; width: calc(25vw + 300px); } 
  .esgpolicy-intro-desc { font-size: 20px; } 
 
  .esgpolicy-diagram { padding: 0; margin-top: 95px; } 
  .esgpolicy-diagram::before { top: 129px; } 
  .esgpolicy-tit { width: 260px; height: 260px; padding: 25px; } 
  .esgpolicy-tit::before,
  .esgpolicy-tit::after { left: -17px; width: 32px; height: 32px; } 
  .esgpolicy-tit::after { right: -17px; left: auto; } 
  .esgpolicy-tit h5 { row-gap: 9px; font-size: 20px; } 
 
  .esgpolicy-item { width: 40%; padding-top: 50px; } 
  .esgpolicy-item-tit { width: 160px; height: 160px; border-width: 8px; } 
  .esgpolicy-item-tit::before { right: -12px; width: 8px; height: 8px; } 
  .esgpolicy-item:nth-child(3) .esgpolicy-item-tit::before { right: auto; left: -12px; } 
  .esgpolicy-item-tit dt { row-gap: 9px; font-size: 16px; } 
  .esgpolicy-list { padding: 65px 4% 30px; margin-top: -20px; border-radius: 35px; } 
  .esgpolicy-list::before { height: 55px; } 
  .esgpolicy-list dd { column-gap: 5px; font-size: 15px; } 
  .esgpolicy-list dd::before { width: 5px; background-size: 5px 2px; } 
 
  .esgpolicy-article { padding-bottom: 125px; margin-top: 100px; } 
  .esgpolicy-article-img { width: 90%; } 
  .esgpolicy-article-txt { width: calc(35vw + 300px); padding: 35px; } 
  .esgpolicy-article-tit { font-size: 24px; } 
  .esgpolicy-article-tit::before { left: -35px; width: 7px; } 
  .esgpolicy-article-desc { padding-top: 18px; margin-top: 18px; font-size: 16px; } 
  }
 @media (max-width: 1024px){
  .esgpolicy-intro { padding: 120px 120px 120px 40px; } 
  .esgpolicy-intro::before { width: calc(40vw + 100px); } 
  .esgpolicy-intro-desc { font-size: 19px; } 
 
  .esgpolicy-diagram { flex-wrap: wrap; margin-top: 90px; } 
  .esgpolicy-diagram::before { top: 119px; width: calc(55% - 2px); height: 120px; border: 2px solid #e5e9ee; border-bottom: 0; border-radius: 25px 25px 0 0; background-color: transparent; } 
  .esgpolicy-tit { width: 240px; height: 240px; padding: 20px; margin: 0 calc(50% - 120px); } 
  .esgpolicy-tit h5 { font-size: 19px; } 
  .esgpolicy-tit h5::before { width: 63px; height: 63px; } 
  .esgpolicy-item { width: 45%; padding-top: 0; } 
  .esgpolicy-item:nth-child(2) { order: 0; } 
  .esgpolicy-item-tit { width: 150px; height: 150px; } 
  .esgpolicy-item-tit::before { top: -12px; right: 50%; transform: translateX(50%); } 
  .esgpolicy-item:nth-child(3) .esgpolicy-item-tit::before { right: 50%; left: auto; } 
  .esgpolicy-item-tit dt { font-size: 15px; } 
  .esgpolicy-item-tit dt::before { width: 33px; height: 36px; } 
  .esgpolicy-list dd { font-size: 14px; } 
 
  .esgpolicy-article { flex-wrap: wrap; padding-bottom: 0; margin-top: 90px; } 
  .esgpolicy-article-img { width: calc(100% + 40px); min-height: 0; margin: 0 -20px; } 
  .esgpolicy-article-txt { position: static; width: 100%; padding: 30px; margin-top: -100px; } 
  .esgpolicy-article-tit::before { left: -30px; } 
  }
 @media (max-width: 768px){
  .esgpolicy-intro { padding: 100px 100px 110px 35px; } 
  .esgpolicy-intro-desc { font-size: 17px; } 
  .esgpolicy-intro-desc br { display: none; } 
 
  .esgpolicy-diagram { margin-top: 80px; } 
  .esgpolicy-diagram::before { top: 104px; width: calc(52% - 2px); height: 105px; border-radius: 20px 20px 0 0; } 
  .esgpolicy-tit { width: 210px; height: 210px; margin: 0 calc(50% - 105px); } 
  .esgpolicy-tit::before,
  .esgpolicy-tit::after { left: -13px; width: 24px; height: 24px; background-size: 12px; } 
  .esgpolicy-tit::after { right: -13px; left: auto; } 
  .esgpolicy-tit h5 { row-gap: 8px; font-size: 16px; } 
 
  .esgpolicy-item { width: 48%; } 
  .esgpolicy-item-tit { width: 140px; height: 140px; border-width: 6px; } 
  .esgpolicy-item-tit::before { top: -10px; } 
  .esgpolicy-item-tit dt { row-gap: 8px; } 
  .esgpolicy-list { padding: 60px max(10px, 3%) 25px; margin-top: -30px; border-radius: 30px; } 
  .esgpolicy-list::before { height: 50px; } 
  .esgpolicy-list dd { column-gap: 5px;  } 
 
  .esgpolicy-article { margin-top: 80px; } 
  .esgpolicy-article-txt { padding: 28px 20px; margin-top: -80px; } 
  .esgpolicy-article-tit { font-size: 20px; } 
  .esgpolicy-article-tit::before { left: -20px; width: 6px; } 
  .esgpolicy-article-desc { padding-top: 16px; margin-top: 16px; font-size: 15px; } 
  }
 @media (max-width: 576px){
  .esgpolicy-intro { width: calc(100% + 40px); padding: 90px 20px 100px; margin: 0 -20px; } 
  .esgpolicy-intro::before { right: 20px; } 
  .esgpolicy-intro-desc { font-size: 16px; } 
  .esgpolicy-item { width: 100%; } 
 
  .esgpolicy-diagram { row-gap: 30px; } 
  .esgpolicy-diagram::before { top: 104px; width: 2px; height: calc(100% - 104px); border: 0; border-radius: 0; background-color: #e5e9ee; } 
  .esgpolicy-tit { margin-bottom: 30px; } 
  .esgpolicy-tit::before,
  .esgpolicy-tit::after { display: none; } 
  .esgpolicy-list { padding: 70px 10px 25px; margin-top: -70px; } 
  .esgpolicy-list::before { display: none; } 
  }
 @media (max-width: 480px){
  .esgpolicy-diagram { margin-top: 70px; } 
  .esgpolicy-intro-desc { font-size: 15px; } 
 
  .esgpolicy-article { margin-top: 70px; } 
  .esgpolicy-article-txt { width: calc(100% + 40px); padding: 25px 20px; margin: -60px -20px 0; background-color: rgba(245, 245, 245, 0.9); } 
  .esgpolicy-article-tit { font-size: 18px; } 
  .esgpolicy-article-desc { padding-top: 14px; margin-top: 14px; border-width: 1px; font-size: 14px; } 
  }
 /* ESG 정책 - 환경경영 , 안전보건경영 */
 /* ===================================================== */
 
 /* ===================================================== */
 /* ESG 정책 - 준법경영 */
 .compliance-intro { padding: 70px; background-color: #252939; color: #fff; } 
 .compliance-tit { position: relative; z-index: 2; padding: 50px 50px 150px; background: url(../images/contents/esg_compliance_bg.jpg) no-repeat
  center/cover; } 
 .compliance-tit h4 { font-size: 32px; line-height: 1.4; } 
 .compliance-tit span { font-weight: 700; } 
 .compliance-tit span:first-child { color: #b11116; font-weight: 900;} 
 .compliance-box { display: flex; padding: 0 6%; } 
 .compliance-box::before { flex-shrink: 0; width: 130px; height: 140px; background: #b11116 url(../images/contents/esg_compliance_ico.svg) no-repeat; background-position: center 35%; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 85%, 0 100%); content: ""; } 
 .compliance-desc { display: flex; align-items: center; padding-top: 30px; font-size: 20px; line-height: 1.4; } 
 .compliance-desc::before { flex-shrink: 0; width: 2px; height: calc(100% - 20px); margin: 0 30px; background-color: rgba(255, 255, 255, 0.15); content: ""; } 
 
 .compliance-process { display: flex; justify-content: center; align-items: center; margin-top: 110px; } 
 .compliance-process-mo { display: none; } 
 
 @media (max-width: 1280px){
  .compliance-intro { padding: 60px; } 
  .compliance-tit { padding: 40px 40px 110px; } 
  .compliance-tit h4 { font-size: 27px; } 
  .compliance-box { padding: 0 4%; } 
  .compliance-box::before { width: 110px; height: 120px; background-size: 52px; } 
  .compliance-desc { padding-top: 26px; font-size: 18px; } 
  .compliance-desc::before { height: calc(100% - 14px); margin: 0 26px; } 
 
  .compliance-process { margin-top: 90px; } 
  }
 @media (max-width: 1024px){
  .compliance-intro { padding: 55px; } 
  .compliance-tit { padding: 35px 35px 90px; } 
  .compliance-tit h4 { font-size: 24px; } 
  .compliance-tit h4 br { display: none;} 
  .compliance-box { padding: 0 3%; } 
  .compliance-box::before { width: 100px; height: 115px; background-size: 48px; } 
  .compliance-desc { padding-top: 24px; font-size: 16px; } 
  .compliance-desc::before { height: calc(100% - 11px); margin: 0 24px; } 
  }
 @media (max-width: 768px){
  .compliance-intro { width: calc(100% + 40px); padding: 50px 20px; margin: 0 -20px; } 
  .compliance-tit { padding: 30px 20px 70px; } 
  .compliance-tit h4 { font-size: 22px; } 
  .compliance-box { padding: 0; } 
  .compliance-box::before { width: 70px; height: 110px; background-size: 44px; } 
  .compliance-desc { padding-top: 22px; font-size: 15px; } 
  .compliance-desc::before { height: calc(100% - 8px); margin: 0 15px; } 
 
  .compliance-process { margin-top: 70px; } 
  .compliance-process-pc { display: none; } 
  .compliance-process-mo { display: block; } 
  }
 @media (max-width: 576px){
  .compliance-intro { padding: 45px 20px; } 
  .compliance-tit { padding: 30px 20px 70px; } 
  .compliance-tit h4 { font-size: 20px; } 
  .compliance-box { flex-direction: column; position: relative; z-index: 3; } 
  .compliance-box::before { width: 120px; height: 60px; margin-top: -30px; margin-left: -20px; background-position: center; background-size: 40px; clip-path: polygon(0% 0%, 100% 0, 85% 50%, 100% 100%, 0% 100%); } 
  .compliance-desc { padding-top: 20px; padding-left: 0; } 
  .compliance-desc::before { display: none; } 
  }
 @media (max-width: 480px){
  .compliance-intro { padding: 40px 20px; } 
  .compliance-tit { padding: 25px 15px 70px; } 
  .compliance-tit h4 { font-size: 18px; } 
  .compliance-desc { font-size: 14px; } 
  }
 /* ESG 정책 - 준법경영 */
 /* ===================================================== */
 
 /* ===================================================== */
 /* ESG 정책 - 윤리경영 */
 .ethics-intro { padding: 30px; margin-bottom: 70px; background: url(../images/contents/esg_ethics_bg.jpg) no-repeat center; text-align: center; } 
 .ethics-intro-wrap { padding: 0 30px 30px; border: 1px solid rgba(255, 255, 255, 0.15); } 
 .ethics-tit { margin-bottom: 35px; } 
 .ethics-tit h4 { display: inline-block; padding: 25px 40px; background-color: #fff; font-weight: 700; font-size: 22px; line-height: 1.5; color: #1d2834; } 
 .ethics-tit h4 span { display: block; width: 100%; height: 30px; background: url(../images/contents/esg_ethics_logo.svg) no-repeat
  center/contain; color: transparent; } 
 .ethics-tit h4 b { display: block; margin-top: 10px; border-top: 1px solid #c5c6cc; } 
 .ethics-desc { width: 80%; margin: 0 auto; font-size: 18px; line-height: 1.4; color: #fff; } 
 .ethics-desc p:last-child { margin-top: 1em; } 
 .ethics-desc strong { font-weight: 500; color: #e7161d; } 
 
 .ethics-wrap { border-top: 1px solid #ebeaea; } 
 .ethics-item { display: flex; padding: 35px 15px; border-bottom: 1px solid #ebeaea; } 
 .ethics-item-tit { flex-shrink: 0; width: 240px; font-weight: 700; font-size: 24px; line-height: 1.1; color: #b11116; } 
 .ethics-list li { display: flex; column-gap: 10px; font-size: 18px; line-height: 1.2; color: #444; } 
 .ethics-list li + li { margin-top: 1em; } 
 .ethics-list li::before { flex-shrink: 0; width: 4px; height: 1.2em; background: linear-gradient(to top, #c5c6cc, #c5c6cc) no-repeat center; background-size: 4px 4px; content: ""; } 
 
 @media (max-width: 1280px){
  .ethics-tit h4 { font-size: 20px; } 
  .ethics-tit h4 span { width: 100%; height: 26px; } 
  .ethics-tit h4 b { margin-top: 9px; } 
  .ethics-desc { font-size: 17px; width: 85%;} 
  .ethics-desc br {display: none;}
 
  .ethics-item { display: flex; padding: 30px 0.9vw; } 
  .ethics-item-tit { width: 200px; font-size: 22px; } 
  .ethics-list li { column-gap: 8px; font-size: 17px; } 
  }
 @media (max-width: 1024px){
  .ethics-intro { padding: 25px; margin-bottom: 65px; } 
  .ethics-intro-wrap { padding: 0 25px 25px; } 
  .ethics-tit { margin-bottom: 30px; } 
  .ethics-desc { font-size: 16px; width: 100%;} 
  .ethics-item-tit { font-size: 20px; width: 175px;} 
  }
 @media (max-width: 768px){
  .ethics-intro { width: calc(100% + 40px); padding: 20px; margin: 0 -20px 60px; } 
  .ethics-intro-wrap { padding: 0 20px 25px; } 
  .ethics-tit h4 { padding: 20px 32px; font-size: 18px; } 
  .ethics-tit h4 span { height: 23px; } 
  .ethics-tit h4 b { margin-top: 8px; } 
  .ethics-desc { font-size: 15px; } 
 
  .ethics-item { padding: 25px 0; flex-direction: column; row-gap: 15px; } 
  .ethics-item-tit { width: 100%; font-size: 19px;} 
  .ethics-item-tit br { display: none; } 
  .ethics-list li { column-gap: 6px; font-size: 15px; } 
  .ethics-list li + li { margin-top: 1em; } 
  .ethics-list li::before { width: 3px; background-size: 3px 3px; } 
}
@media (max-width: 576px){
  .ethics .esg-down { flex-direction: column; align-items: center; row-gap: 10px; } 
  .ethics .esg-down a { justify-content: center; width: 50%; min-width: 280px; } 
}
 @media (max-width: 480px){
  .ethics-intro-wrap { padding: 0 10px 25px; } 
  .ethics-desc { font-size: 14px; } 
 
  .ethics-item-tit { font-size: 18px;} 
  .ethics-list li { font-size: 14px; } 
  }
 /* ESG 정책 - 윤리경영 */
 /* ===================================================== */
 
 /* ===================================================== */
 /* ESG 정책 - 지배구조 정책 */
 .governance { position: relative; text-align: center; } 
 
 .governance *::before,
 .governance *::after { box-sizing: border-box; } 
 
 .governance-wrap { overflow: hidden; position: relative; padding: 75px; margin-bottom: 120px; background-color: #101422; } 
 .governance-box { padding: 0 7% 85px; background: url(../images/contents/esg_governance_bg.jpg) no-repeat center
  bottom/cover; } 
 .governance-tit { display: inline-block; position: relative; padding: 25px 45px 30px; margin: -75px 0 85px; background-color: #b11116; font-weight: 700; font-size: 25px; color: #fff; } 
 .governance-tit::before { display: block; width: 60px; height: 60px; margin: 0 auto 15px; background: url(../images/contents/esg_governance_ico.svg) no-repeat
  center/contain; content: ""; } 
 .governance-tit::after { position: absolute; top: 100%; left: 50%; width: 6px; height: 50px; background: url(../images/contents/esg_deco.svg) no-repeat center bottom; content: ""; transform: translateX(-50%); } 
 .governance-desc { margin-bottom: 55px; font-weight: 500; font-size: 20px; line-height: 1.6; color: #222; } 
 .governance-desc span { font-weight: 700; } 
 .governance-desc span:first-child { color: #b11116; } 
 
 .governance-btn { display: inline-flex; align-items: center; column-gap: 20px; padding: 16px 30px 17px; border: 2px solid #b11116; border-radius: 50px; font-weight: 700; font-size: 15px; color: #b11116; } 
 .governance-btn:hover { background-color: #b11116; color: #fff; } 
 .governance-btn::after { width: 14px; height: 14px; background: url(../images/contents/esg_governance_arrow.svg) no-repeat right
  top; content: ""; } 
 .governance-btn:hover::after { background-image: url(../images/contents/esg_governance_arrow_hover.svg); } 
 
 /* organization chart */
 .chart-wrap { overflow: visible; position: relative; color: #fff; line-height: 1.2;} 
 .chart-wrap::before { opacity: 0.05; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/contents/esg_logo.svg) no-repeat center; background-size: 80%; content: ""; } 
 .chart-list { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: auto 230px auto; column-gap: 2%; } 
 .chart-list::before { grid-column: 4 / 5; grid-row: 2 / 4; width: 1px; height: 100%; background: #e4e4e4; content: ""; justify-self: center; } 
 .chart-list::after { grid-column: 1 / 8; grid-row: 4 / 5; width: calc(100% - (88% / 7) + 1px); height: 1px; background-color: #e4e4e4; content: ""; justify-self: center; } 
 
 .chart-item { position: relative; } 
 .chart-item h5 { position: relative; padding: 20px 8px; background-color: #656c72; font-weight: 500; font-size: 16px; letter-spacing: -0.025em;} 
 
 .chart-row1 { grid-column: 3 / 6; justify-self: center; } 
 .chart-row1.chart-item h5 { position: relative; padding: 0; background-color: transparent; } 
 .chart-row1 h5 span { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 170px; height: 170px; border: 10px solid #a4a9ad; border-radius: 50%; background-color: #fff; outline: 3px solid #b11116; outline-offset: -23px; font-weight: 700; font-size: 30px; color: #101422; letter-spacing: normal;} 
 
 .chart-row2 { grid-row: 2 / 3; align-self: center; } 
 .chart-row2.row2-1 { grid-column: 5 / 7; width: 50%; justify-self: center; } 
 .chart-row2.row2-1 h5 { padding: 25px 0; margin: 0 auto; background-color: #252939; font-size: 22px; letter-spacing: normal;} 
 .chart-row2.row2-1 h5::before { position: absolute; top: 50%; right: 100%; width: 400%; height: 1px; background-color: #e4e4e4; content: ""; } 
 .chart-row2.row2-2 { order: 2; } 
 
 .chart-row3 { grid-row: 3 / 4; } 
 .chart-row3 .chart-list2 { margin-bottom: 70px; } 
 .chart-row3.row3-1 { grid-column: 3 / 4; } 
 .chart-row3.row3-1 h5::before { position: absolute; top: 50%; left: 100%; width: 400%; height: 1px; background-color: #e4e4e4; content: ""; } 
 .chart-row3.row3-2 { grid-column: 5 / 6; } 
 .chart-row3.row3-3 { grid-column: 6 / 7; } 
 .chart-row3.row3-4 { grid-column: 7 / 8; } 
 .chart-row4 { grid-row: 5 / 6; } 
 .chart-row4::before { display: block; width: 1px; height: 80px; margin: 0 auto; background-color: #e4e4e4; content: ""; } 
 
 .chart-item2 { padding: 16px 8px; margin-top: 8px; border: 1px solid #e4e4e4; background-color: #f5f5f5; font-size: 15px; color: #222; letter-spacing: -0.025em;} 
 
 @media (max-width: 1280px){
  .governance-wrap { padding: 50px; margin-bottom: 110px; } 
  .governance-box { padding: 0 7% 75px; } 
  .governance-tit { padding: 20px 37px 25px; margin: -50px 0 75px; font-size: 22px; } 
  .governance-tit::before { height: 50px; margin: 0 auto 12px; } 
  .governance-tit::after { height: 45px; } 
  .governance-desc { margin-bottom: 50px; font-size: 18px; } 
 
  /* organization chart */
  .chart-wrap::before { background-size: 85%; } 
  .chart-list { grid-template-rows: auto 200px auto; column-gap: 1.2%; } 
  .chart-list::after { width: calc(100% - (92.8% / 7) + 1px); } 
 
  .chart-item h5 { padding: 18px 12px; font-size: 15px; } 
 
  .chart-row1 h5 span { width: 150px; height: 150px; border-width: 8px; outline-width: 2px; outline-offset: -19px; font-size: 27px; } 
 
  .chart-row2.row2-1 h5 { padding: 22px 0; font-size: 19px; } 
 
  .chart-row3 .chart-list2 { margin-bottom: 60px; } 
  .chart-row4::before { width: 1px; height: 70px; } 
 
  .chart-item2 { padding: 15px 8px; margin-top: 7px; font-size: 14px; } 
  }
 @media (max-width: 1024px){
  .governance-wrap { padding: 40px; } 
  .governance-tit { margin: -40px 0 70px; } 
  .governance-desc { margin-bottom: 45px; font-size: 17px; } 
  .governance-desc br { display: none; } 
 
  /* organization chart */
  .chart-wrap::before { background-position: center 450px; background-size: 80%; } 
  .chart-list { grid-template-columns: 1fr 1fr auto 1fr 1fr; grid-template-rows: auto 200px auto; column-gap: 15px; } 
 
  .chart-list::before { grid-column: 3 / 4; grid-row: 2 / 5; } 
  .chart-list::after { display: none; } 
 
  .chart-row1 { grid-column: 2 / 5; } 
 
  .chart-row2 { grid-row: 2 / 3; } 
  .chart-row2.row2-1 { grid-column: 4 / 6; } 
  .chart-row2.row2-1 h5::before { width: 200%; } 
 
  .chart-row3 { grid-row: 3 / 4; margin-bottom: 50px; } 
  .chart-row3 .chart-list2 { margin-bottom: 0; } 
  .chart-row3.row3-1 { grid-column: 1 / 3; width: 50%; justify-self: center; } 
  .chart-row3.row3-1 h5::before { width: 200%; } 
  .chart-row3.row3-2 { grid-column: 4 / 5; z-index: 2; } 
  .chart-row3.row3-3 { grid-column: 4 / 5; grid-row: 3 / 4; align-self: end; top: 7px; } 
  .chart-row3.row3-3::before { display: block; width: 1px; height: 35px; margin: 0 auto; background-color: #e4e4e4; content: ""; } 
  .chart-row3.row3-4 { grid-column: 5 / 6; } 
 
  .chart-row4 { grid-row: 4 / 5; margin-bottom: 50px; } 
  .chart-row4::before { height: 60px; } 
  .chart-row4::after { position: absolute; top: 0; left: 50%; width: calc(100% + 15px); height: 1px; background-color: #e4e4e4; content: ""; } 
  .chart-row4.row4-2::after { width: calc(100% + 31px); } 
  .chart-row4.row4-3 { grid-column: 4 / 5; } 
  .chart-row4.row4-4 { grid-column: 5 / 6; } 
  .chart-row4.row4-5,
  .chart-row4.row4-6,
  .chart-row4.row4-7 { grid-row: 5 / 6; } 
  .chart-row4.row4-7 { grid-column: 4 / 5; } 
  .chart-row4.row4-4::after,
  .chart-row4.row4-7::after { right: 50%; left: auto; } 
  }
 @media (max-width: 768px){
  .governance-wrap { padding: 40px; margin-bottom: 100px; } 
 
  .governance-box { padding: 0 25px 70px; } 
  .governance-tit { padding: 15px 29px 20px; margin: -40px 0 65px; font-size: 19px; } 
  .governance-tit::before { height: 40px; margin: 0 auto 10px; } 
  .governance-tit::after { height: 40px; } 
  .governance-desc { margin-bottom: 40px; font-size: 16px; } 

  .chart-wrap::before { background-position: center 10%; background-size: 95%; } 
  .chart-list { grid-template-columns: 1fr auto 1fr; grid-template-rows: auto auto auto; column-gap: 15px; } 
 
  .chart-list::before { grid-column: 2 / 3; grid-row: 1 / 9; } 
 
  .chart-row1 { grid-column: 1 / 4; grid-row: 1 / 2; margin-bottom: 35%; } 
 
  .chart-row2 { grid-row: 2 / 3; } 
  .chart-row2.row2-1 { grid-column: 3 / 4; grid-row: 2 / 4; align-self: start; top: -3px; width: 100%; } 
  .chart-row2.row2-1 h5::before { width: 100%; } 
  .chart-row2.row2-3 { grid-row: 3 / 4; margin-bottom: 40px; } 
  .chart-row2.row2-3::before { display: block; width: 1px; height: 10px; margin: 0 auto; background-color: #e4e4e4; content: ""; } 
 
  .chart-row3 { grid-row: 4 / 5; margin-bottom: 0; } 
  .chart-row3.row3-1 { grid-column: 1 / 2; width: 100%; } 
  .chart-row3.row3-1 h5::before { width: 100%; } 
  .chart-row3.row3-2 { grid-column: 3 / 4; z-index: 2; } 
  .chart-row3.row3-2 h5 {height: 100%; display: flex; align-items: center; justify-content: center;}
  .chart-row3.row3-3 { grid-column: 3 / 4; grid-row: 5 / 6; align-self: start; top: 0; z-index: 2;} 
  .chart-row3.row3-3::before { height: 10px; } 
  .chart-row3.row3-4 { grid-column: 3 / 4; grid-row: 6 / 7; margin-bottom: 40px; } 
  .chart-row3.row3-4::before { display: block; width: 1px; height: 10px; margin: 0 auto; background-color: #e4e4e4; content: ""; } 
 
  .chart-row4 { margin-bottom: 40px; } 
  .chart-row4::before { height: 30px; } 
  .chart-row4::after { position: absolute; top: 0; left: 50%; width: calc(100% + 15px); height: 1px; background-color: #e4e4e4; content: ""; } 
 
  .chart-row4.row4-1,
  .chart-row4.row4-3,
  .chart-row4.row4-5 { grid-column: 1 / 2; grid-row: auto; } 
  .chart-row4.row4-1 { grid-row: 7 / 8; } 
 
  .chart-row4.row4-2,
  .chart-row4.row4-4,
  .chart-row4.row4-7 { grid-column: 3 / 4; grid-row: auto; } 
  .chart-row4.row4-2::after,
  .chart-row4.row4-4::after,
  .chart-row4.row4-7::after { right: 50%; left: auto; } 
 
  .chart-row4.row4-6 { grid-column: 1 / 2; grid-row: 6 / 7; margin-top: 10px; } 
  .chart-row4.row4-6::before,
  .chart-row4.row4-6::after { display: none; } 
 
  .chart-row4.row4-6 h5::before { position: absolute; top: 50%; left: 100%; width: 15px; height: 1px; background-color: #e4e4e4; content: ""; } 
  }
 @media (max-width: 640px){
  .governance-wrap { width: calc(100% + 40px); padding: 40px 20px; margin: 0 -20px 100px; } 
  .governance-box { padding: 0 20px 70px; } 
 
  .governance-btn { column-gap: 16px; padding: 14px 25px 15px; font-size: 14px; } 
  .governance-btn::after { width: 11px; height: 11px; margin-bottom: 1px; } 

  .chart-item h5 { padding: 16px 8px; font-size: 14px; } 
 
  .chart-row1 h5 span { width: 140px; height: 140px; font-size: 24px; } 
  .chart-row2.row2-1 h5 { padding: 19px 0; font-size: 18px; } 
 
  .chart-item2 { padding: 14px 8px; margin-top: 6px; font-size: 13px; } 
  }
 @media (max-width: 480px){
  .governance-wrap { margin-bottom: 90px; } 
  .governance-box { padding: 0 15px 65px; } 
  .governance-tit { padding: 15px 25px 20px; margin: -40px 0 65px; font-size: 18px; } 
  .governance-desc { margin-bottom: 35px; font-size: 15px; } 
  }
 /* ESG 정책 - 지배구조 정책 */
 /* ===================================================== */
 
 /* ===================================================== */
 /* ESG 정책 - 지속가능 공급망 */
 .supply-wrap { padding: 75px; background-color: #101422; } 
 .supply-intro-tit { display: inline-block; position: relative; top: -75px; left: 50%; padding: 25px 45px 30px; background-color: #b11116; font-weight: 700; font-size: 25px; color: #fff; transform: translateX(-50%); } 
 .supply-intro-tit::before { display: block; width: 60px; height: 60px; margin: 0 auto 15px; background: url(../images/contents/esg_supply_intro_ico.svg) no-repeat
  center/contain; content: ""; } 
 .supply-intro-tit::after { position: absolute; top: 100%; left: 50%; width: 6px; height: 50px; background: url(../images/contents/esg_deco.svg) no-repeat center bottom; content: ""; transform: translateX(-50%); } 
 .supply-intro { height: 380px; background: linear-gradient(86deg, #101422 12.07%, rgba(16, 20, 34, 0) 85.46%),
  url(../images/contents/esg_supply_intro_bg.jpg) no-repeat center/cover; } 
 .supply-intro-desc { padding: 40px 20px; font-size: 22px; line-height: 1.5; text-align: center; color: #fff; } 
 .supply-intro-desc span,
 .supply-intro-desc strong { font-weight: 700; } 
 
 .supply-box { padding: 0 60px; background-color: #fff; } 
 
 .supply-diagram { max-width: 880px; margin: 0 auto 190px; letter-spacing: -0.025em;} 
 .supply-diagram-list { position: relative; padding-top: 100%; text-align: center; } 
 .supply-diagram-list::before { position: absolute; top: 50%; left: 50%; width: 30%; height: 30%; border: 20px solid #b11116; border-radius: 50%; background: #f2f4f7 url(../images/contents/esg_logo.svg) no-repeat center; background-size: 75%; outline: 5px solid #f5f5f5; outline-offset: 140px; content: ""; transform: translate(-50%, -50%); } 
 .supply-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
 .supply-item:nth-child(1) { transform: rotate(120deg); } 
 .supply-item:nth-child(3) { transform: rotate(-120deg); } 
 .supply-txt { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } 
 .supply-item:nth-child(1) .supply-txt { transform: translateX(-50%) rotate(-120deg); } 
 .supply-item:nth-child(3) .supply-txt { transform: translateX(-50%) rotate(120deg); } 
 .supply-tit { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 15px; position: relative; width: 220px; height: 220px; border: 10px solid #252939; border-radius: 50%; background-color: #fff; outline: 20px solid #c5c6cc; font-weight: 700; font-size: 18px; color: #b11116; } 
 .supply-tit::before { width: 100%; height: 64px; background: url(../images/contents/esg_supply_ico01.svg) no-repeat
  center/contain; content: ""; } 
 .supply-item:nth-child(2) .supply-tit::before { background-image: url(../images/contents/esg_supply_ico02.svg); } 
 .supply-item:nth-child(3) .supply-tit::before { background-image: url(../images/contents/esg_supply_ico03.svg); } 
 .supply-tit::after { position: absolute; top: 50%; left: 50%; width: calc(100% + 45px); height: calc(100% + 45px); background: url(../images/contents/esg_supply_arrow.svg) no-repeat center top; content: ""; transform: translate(-50%, -50%); } 
 .supply-item:nth-child(1) .supply-tit::after { transform: translate(-50%, -50%) rotate(120deg); } 
 .supply-item:nth-child(3) .supply-tit::after { transform: translate(-50%, -50%) rotate(-120deg); } 
 .supply-desc { position: absolute; top: 220px; left: 0; width: 100%; padding-top: 50px; font-size: 16px; line-height: 1.4; color: #222; } 
 
/* 공급망 운영방침 + 책임있는 광물 정책 + 협력사 행동규범 */
.supply-sec { border-top: 1px solid #ddd; padding: 80px 0 100px;} 
.supply-sec .content-title {text-align: center;}
.supply-sec-desc { margin-bottom: 60px; font-size: 20px; line-height: 1.4; color: #000; text-align: center; } 
.supply-sec-desc span { font-weight: 700; color: #b11116; } 

.supply-policy-cont { font-size: 25px; border: 4px solid #101422; padding: 0.5em 1.7em;}
.supply-policy-list {counter-reset: supply-policy;}
.supply-policy-list li {padding: 1.5em 0 1.5em 1.3em; border-bottom: 1px solid #ebeaea; counter-increment: supply-policy; position: relative;}
.supply-policy-list h5 {font-weight: 600; color: #222; margin-bottom: 0.7em; line-height: 1.2;}
.supply-policy-list h5::before {content: counter(supply-policy) '. '; color: #b11116; font-weight: 700; position: absolute; left: 0;}
.supply-policy-list p { line-height: 1.4; color: #666; font-size: 18px;}
/* 사인 */
.supply-policy-sign {font-size: 24px; font-weight: 700; text-align: right; color: #222; display: flex; justify-content: center; align-items: end; column-gap: 1em; padding: 2.5em 0 3em;}
.supply-policy-sign p {height: 100%;}
.supply-policy-sign p span {color: #b11116;}
.supply-policy-sign p em {display: block; padding-top: 0.5em;}
.supply-policy-sign figure {border-bottom: 1px solid #222; padding-bottom: 0.5em;}
.supply-policy-sign figure img {height: 2em; display: block;}

 .supply-norm-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: min(1.5vw, 20px); counter-reset: supply-norm;  padding-bottom: 20px;} 
 .supply-norm-list li { display: flex; align-items: center; padding: 25px; border: 4px solid #043457; font-weight: 700; font-size: 18px; line-height: 1.2; color: #1d2834; } 
 .supply-norm-list li::before { flex-shrink: 0; width: max(33px, 9%); content: counter(supply-norm); counter-increment: supply-norm; font-weight: 700; font-size: 36px; color: #b11116; } 
 
 @media (max-width: 1280px){
  .supply-wrap { padding: 50px; } 
  .supply-intro-tit { top: -50px; padding: 20px 37px 25px; font-size: 20px; } 
  .supply-intro-tit::before { height: 50px; margin: 0 auto 12px; } 
  .supply-intro-tit::after { height: 45px; } 
  .supply-intro { height: auto; } 
  .supply-intro-desc { padding: 40px 20px 75px; font-size: 21px; } 
 
  .supply-diagram { max-width: 750px; margin: 0 auto 180px; } 
  .supply-diagram-list::before { border-width: 15px; outline-width: 4px; outline-offset: 130px; } 
  .supply-tit { row-gap: 13px; width: 190px; height: 190px; border-width: 8px; outline: 17px solid #c5c6cc; font-size: 16px; } 
  .supply-tit::before { height: 48px; } 
  .supply-tit::after { width: calc(100% + 35px); height: calc(100% + 35px); } 
  .supply-desc { top: 180px; font-size: 15px; } 

  .supply-sec { padding: 70px 0 90px;} 
  .supply-sec-desc { margin-bottom: 50px; font-size: 18px; } 
 
  .supply-policy-cont {border-width: 3px;}
  .supply-policy-list li { font-size: 23px;}
  .supply-policy-list p { font-size: 17px;}
  .supply-policy-sign {font-size: 22px;}
 
  .supply-norm-list { gap: 15px; padding-bottom: 15px;} 
  .supply-norm-list li { padding: 25px 20px; border-width: 3px; font-size: 16px; } 
  .supply-norm-list li::before { width: 33px; font-size: 32px; } 
}
@media (max-width: 1024px){
  .supply-intro-desc br { display: none; } 
  .supply-wrap { padding: 40px; } 
  .supply-intro-tit { top: -40px; } 
  .supply-intro-desc { max-width: 770px; margin: 0 auto; font-size: 18px; } 
  
  .supply-box { padding: 0 20px; } 
  
  .supply-diagram { margin: 0 auto 19vw; } 
  .supply-diagram-list::before { border-width: 1.6vw; outline-width: 0.5vw; outline-offset: 13vw; } 
  .supply-tit { row-gap: 11px; width: 21vw; height: 21vw; border-width: 1vw; outline-width: 1.9vw; font-size: 1.9vw; } 
  .supply-tit::before { height: 4.5vw; } 
  .supply-tit::after { width: calc(100% + 4vw); height: calc(100% + 4vw); } 
  .supply-desc { top: 20vw; font-size: 1.7vw; } 

  .supply-sec { padding: 65px 0 85px;} 
  .supply-sec-desc { font-size: 17px; }

  .supply-policy-cont {padding: 0.5em 20px;}
  .supply-policy-list li { font-size: 22px;}
  .supply-policy-sign {font-size: 21px; padding: 2em 0;}

  .supply-norm-list { grid-template-columns: 1fr;} 
  .supply-norm-list li { padding: 25px; } 
  .supply-norm-list li::before { width: 40px; font-size: 30px; } 
  }
 @media (max-width: 768px){
  .supply-wrap { padding: 40px; } 
  .supply-intro-tit { top: -40px; padding: 15px 29px 20px; font-size: 19px; } 
  .supply-intro-tit::before { height: 40px; margin: 0 auto 10px; } 
  .supply-intro-tit::after { height: 40px; } 
  .supply-intro-desc { padding: 35px 15px 65px; font-size: 16px; } 
  .supply-box { padding: 0 15px 70px; } 
 
  .supply-diagram { max-width: none; margin: 0 auto; } 
  .supply-diagram-list { overflow: hidden; position: relative; padding-top: 20px; text-align: center; } 
  .supply-diagram-list::before { display: none; } 
  .supply-diagram-list::after { display: block; width: 90%; height: 22vw; margin: 0 auto -5px; background: url(../images/contents/esg_logo_line.svg) no-repeat center
  bottom/contain; content: ""; } 
  .supply-item { position: relative; top: 0; left: 0; width: 100%; height: auto; } 
  .supply-item:nth-child(1) { transform: rotate(0); } 
  .supply-item:nth-child(3) { transform: rotate(0); } 
 
  .supply-txt { position: relative; bottom: 0; left: auto; margin-top: 40px; transform: none; } 
  .supply-item:nth-child(1) .supply-txt { transform: none; } 
  .supply-item:nth-child(3) .supply-txt { transform: none; } 
  .supply-tit { row-gap: 11px; width: 100%; max-width: 260px; height: 140px; margin: 0 auto; border-width: 6px; border-radius: 25px; outline-width: 8px; font-weight: 500; font-size: 16px; letter-spacing: -0.02em; } 
  .supply-tit::before { height: 48px; } 
  .supply-tit::after { top: 12px; left: 0; width: 100%; height: 100%; background: url(../images/contents/esg_supply_arrow.svg) no-repeat center
  top; background-size: 14px; transform: rotate(180deg); } 
  .supply-item:nth-child(1) .supply-tit::after { transform: rotate(180deg); } 
  .supply-item:nth-child(3) .supply-tit br:last-child {display: none;}
  .supply-item:nth-child(3) .supply-tit::after { transform: rotate(180deg); } 
  .supply-desc { position: relative; top: 0; left: 0; padding-top: 20px; font-size: 15px; max-width: 320px; margin: 0 auto;} 
  .supply-desc br { display: none; } 

  .supply-sec { padding: 60px 0 80px;} 
 .supply-sec .content-title { margin-bottom: 18px; } 
 .supply-sec-desc { margin-bottom: 40px; font-size: 16px; }
 
 .supply-norm .supply-sec-desc br { display: none; } 
  .supply-norm-list { gap: 10px; padding-bottom: 10px;} 
  .supply-norm-list li { padding: 20px 22px; border-width: 2px; font-weight: 500; font-size: 15px; } 
  .supply-norm-list li::before { font-size: 28px; width: 35px; } 
  }
 @media (max-width: 640px){
  .supply-policy-sign {flex-direction: column; align-items: center; text-align: center;}
  .supply-policy-sign p  {border-bottom: 1px solid #222; padding-bottom: 1em;}
  .supply-policy-sign figure {border-bottom: hidden; padding: 0.8em 0 0;}

  .supply-wrap { width: calc(100% + 40px); padding: 40px; margin: 0 -20px; } 
  .supply-norm-list li { padding: 15px; } 
  .supply-norm-list li::before { width: 30px; } 
  }
 @media (max-width: 480px){
  .supply-intro-tit { padding: 15px 25px 20px; font-size: 18px; } 
  .supply-intro-desc { padding: 30px 15px 55px; font-size: 14px; } 
 
  .supply-sec { padding: 55px 0 70px;} 
  .supply-sec-desc { margin-bottom: 35px; font-size: 15px; } 

  .supply-policy-list li { font-size: 18px; padding-left: 0;}
  .supply-policy-list h5::before {position: relative;}
  .supply-policy-list p { font-size: 15px;}
  .supply-policy-sign {font-size: 18px;}

  .supply-norm { padding-top: 55px; } 
  .supply-norm-desc { margin-bottom: 40px; } 
  .supply-norm-list li { font-size: 14px; } 
  .supply-norm-list li::before { font-size: 24px; width: 27px; } 
 
  .supply .esg-down { margin-top: 40px; } 
  .supply .esg-down a {column-gap: 8px; padding: 14px 15px 15px; letter-spacing: -0.025em;}
  }
 /* ESG 정책 - 지속가능 공급망 */
 /* ===================================================== */

 
 /* ===================================================== */
 /* ESG 정책 - Net-zero Roadmap */
 .roadmap-wrap { position: relative; margin-top: 130px; } 
 .roadmap-wrap .inner { z-index: 2; } 
 
 .roadmap-box { width: 520px; } 
 .roadmap-tit { margin: 0 60px; border-radius: 25px 25px 0 0; background-color: #e5e9ee; font-weight: 700; font-size: 38px; text-align: center; color: #1d2834; } 
 .roadmap-tit span { display: inline-block; padding: 35px 0 30px; border-bottom: 1px solid #c5c6cc; } 
 .roadmap-list { display: flex; flex-direction: column-reverse; row-gap: 20px; padding: 30px; border-radius: 50px; background-color: #e5e9ee; } 
 .roadmap-item { padding: 25px 30px; border-radius: 25px; background-color: #fff; } 
 .roadmap-year { margin-bottom: 0.7em; font-weight: 700; font-size: 28px; color: #b11116; } 
 .roadmap-desc { display: flex; column-gap: 8px; font-size: 18px; line-height: 1.2; color: #444; } 
 .roadmap-desc + .roadmap-desc { margin-top: 0.5em; } 
 .roadmap-desc::before { flex-shrink: 0; width: 4px; height: 1.2em; background: linear-gradient(to top, #c5c6cc, #c5c6cc) no-repeat center; background-size: 4px 4px; content: ""; } 
 
 .roadmap-goal { display: flex; justify-content: end; align-items: center; position: absolute; top: calc(50% - 150px); left: 0; width: calc(100% - ((100% - 1400px) / 2)); height: 400px; padding-right: 180px; background: linear-gradient(
  282deg, #043457 10.39%, rgba(4, 52, 87, 0.66) 49.27%, rgba(4, 52, 87, 0.02) 86.57%), #bdf3f6 url(../images/contents/esg_roadmap_bg.jpg) no-repeat right center; clip-path: polygon(
  calc(100% - 160px) 0, 100% 50%, calc(100% - 160px) 100%, 0% 100%, 0% 0%); } 
 .roadmap-goal-txt { font-weight: 500; font-size: 28px; color: #fff; } 
 .roadmap-goal-txt em { display: block; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); line-height: 1.15;} 
 .roadmap-goal-txt em span {display: block;}
 .roadmap-goal-txt em b {font-size: 1.4em; font-weight: 700;}
 .roadmap-goal-txt::after { display: block; width: 100%; padding-top: 20%; background: url(../images/contents/esg_logo_white.svg) no-repeat
  center/contain; content: ""; } 
 
 @media (max-width: 1440px){
  .roadmap-goal { left: 0; width: calc(100% - 20px); padding-right: 11vw; } 
  }
 @media (max-width: 1280px){
  .roadmap-wrap { margin-top: 115px; } 
 
  .roadmap-box { width: 460px; } 
  .roadmap-tit { margin: 0 50px; border-radius: 20px 20px 0 0; font-size: 32px; } 
  .roadmap-tit span { padding: 30px 0 25px; } 
  .roadmap-list { row-gap: 15px; padding: 25px; border-radius: 40px; } 
  .roadmap-item { padding: 22px 25px; border-radius: 20px; } 
  .roadmap-year { font-size: 24px; } 
  .roadmap-desc { column-gap: 7px; font-size: 16px; } 
 
  .roadmap-goal { top: calc(50% - 130px); height: 320px; clip-path: polygon(calc(100% - 120px) 0,
  100% 50%, calc(100% - 120px) 100%, 0% 100%, 0% 0%); } 
  .roadmap-goal-txt { font-size: 25px; } 
  .roadmap-goal-txt em { padding-bottom: 13px; margin-bottom: 13px; } 
  }
 @media (max-width: 1024px){
  .roadmap-box { width: 350px; } 
  .roadmap-tit { margin: 0 30px; font-size: 28px; } 
  .roadmap-list { padding: 20px; border-radius: 35px; } 
  .roadmap-item { padding: 22px 25px; } 
  .roadmap-year { font-size: 22px; } 
  .roadmap-desc { font-size: 15px; } 
  .roadmap-goal { justify-content: start; top: calc(50% - 130px); height: 300px; padding-right: 0; padding-left: calc(200px + 27vw); background-size: cover; clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 0% 0%); } 
  .roadmap-goal-txt { font-size: 2.5vw; } 
  }
 @media (max-width: 768px){
  .roadmap-wrap { position: relative; margin-top: 100px; } 
  .roadmap-box { width: 320px; } 
  .roadmap-tit { margin: 0 30px; font-size: 24px; } 
  .roadmap-tit span { padding: 25px 0 20px; } 
  .roadmap-item { padding: 20px; } 
  .roadmap-year { font-size: 20px; } 
  .roadmap-desc { font-size: 14px; } 
  .roadmap-desc::before { width: 3px; background-size: 3px 3px; } 
  .roadmap-goal { top: calc(50% - 120px); height: 280px; padding-left: calc(130px + 36vw); } 
  .roadmap-goal-txt { font-size: 2.7vw; } 
  .roadmap-goal-txt em { padding-bottom: 11px; margin-bottom: 11px; } 
  }
 @media (max-width: 640px){
  .roadmap-box { display: flex; flex-direction: column-reverse; width: 80%; min-width: 380px; margin: 0 auto; } 
  .roadmap-tit { width: 300px; margin: 0 auto; border-radius: 0 0 20px 20px; } 
  .roadmap-tit span { padding: 20px 0 25px; border-top: 1px solid #c5c6cc; border-bottom: 0; } 
  .roadmap-list { flex-direction: column; row-gap: 20px; } 
 
  .roadmap-goal { justify-content: center; align-items: start; position: relative; top: 0; left: 0; width: 100%; height: 400px; padding-top: 120px; padding-left: 0; margin: 35px 0 -140px; background: linear-gradient(
  336deg,
  #043457 10.39%,
  rgba(4, 52, 87, 0.66) 49.27%,
  rgba(4, 52, 87, 0.02) 86.57%
  ),
  #bdf3f6 url(../images/contents/esg_roadmap_bg.jpg) no-repeat center/cover; clip-path: polygon(30% 0, 50% 30px, 70% 0, 100% 0, 100% 100%, 0 100%, 0 0); } 
  .roadmap-goal-txt { font-size: 24px; } 
  .roadmap-goal-txt em { border-width: 1px; } 
  }
 @media (max-width: 480px){
  .roadmap-wrap { margin-top: 85px; } 
  .roadmap-box { width: 100%; min-width: 0; } 
  .roadmap-tit { width: 80%; } 
  .roadmap-tit span { font-size: max(18px, 6vw); } 
  .roadmap-goal-txt { font-size: 20px; } 
  }
 /* ESG 정책 - Net-zero Roadmap */
 /* ===================================================== */
 
 /* ===================================================== */
 /* ESG 평가보고서, 인증서 */
 
 /* ===== 제3자 평가보고서 ===== */
 .assess.esg { padding-bottom: 0; } 
 .assess-intro { padding-top: 40px; text-align: center; } 
 .assess-intro-desc { font-size: 22px; line-height: 1.4; color: #222; } 
 .assess-intro-desc strong { font-weight: 700; color: #b11116; } 
 .assess-intro .assess-deco { display: block; width: 535px; height: 103px; margin: 35px 0 -10px auto; background: url(../images/contents/esg_logo_line.svg) no-repeat right
  bottom/contain; content: ""; } 
 
 .assess-wrap { position: relative; padding: 60px 0 130px; background-color: #f5f5f5; } 
 .assess-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; } 
 .assess-item { position: relative; } 
 .assess-img { display: block; overflow: hidden; position: relative; padding-top: 141%; background: #efefef url(../images/common/board/no-image01.png) no-repeat
  center; } 
 .assess-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; } 
 .assess-img:hover img { transform: scale(1.15); } 
 .assess-txt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 15px 40px; background-color: rgba(37, 41, 57, 0.85); text-align: center; } 
 .assess-tit { margin-bottom: 20px; font-weight: 500; font-size: 24px; line-height: 1.2; color: #fff; } 
 .assess-down { display: inline-flex; align-items: center; column-gap: 10px; padding: 12px 20px; border: 1px solid rgba(242, 244, 247, 0.62); font-size: 15px; color: #fff; transition: all 0.3s; } 
 .assess-down::after { width: 18px; height: 15px; margin-bottom: 1px; background: url(../images/contents/down-white.svg) no-repeat center/contain; content: ""; } 
 .assess-down:hover { border-color: #b11116; background-color: #b11116; color: #fff; } 
 
 .assess-modify { display: flex; align-items: center; column-gap: 5px; position: absolute; bottom: 3px; left: 3px; } 
 .assess-modify-btn { padding: 3px 6px 5px; background-color: #b11116; font-size: 14px; color: #ddd; } 
 .assess-modify-btn:hover { color: #fff; text-shadow: 0 0 1px #fff; } 
 .assess .board-pagelist li a { background-color: #ddd; color: #fff; } 
 .assess .board-pagelist li.on a { background-color: #b11116; } 
 
 .newBoard__btn.assess__btn { padding-top: 100px; } 
 .newBoard__btn.assess__btn .btn_w { display: flex; justify-content: center; align-items: center; } 
 
 @media (max-width: 1600px){
  .assess-list { gap: 2.5vw; } 
  }
 
 @media (max-width: 1280px){
  .assess-intro { padding-top: 35px; } 
  .assess-intro-desc { font-size: 20px; } 
 
  .assess-wrap { padding: 55px 0 115px; } 
  .assess-list { gap: 2.5vw; } 
  .assess-txt { padding: 25px 15px 33px; } 
  .assess-tit { margin-bottom: 17px; font-size: 22px; } 
  .assess-down { padding: 10px 17px; font-size: 14px; } 
  .assess-down::after { width: 15px; height: 13px; margin: 1px 0 0; } 
 
  .newBoard__btn.assess__btn { padding-top: 80px; } 
  }
 @media (max-width: 1024px){
  .assess-intro-desc { font-size: 18px; max-width: 830px; margin: 0 auto;} 
  .assess-intro-desc br { display: none; } 
  .assess-intro .assess-deco { width: calc(25vw + 200px); height: auto; padding-top: 10.5%; margin: 35px 0 min(-5px, -1vw) auto; } 
  .assess-list { grid-template-columns: repeat(3, 1fr); gap: 3.5vw; } 
  }
 @media (max-width: 768px){
  .assess-intro { padding-top: 30px; } 
  .assess-intro-desc { font-size: 16px; } 
  .assess-intro-desc strong { white-space: nowrap; } 
  .assess-intro .assess-deco { width: calc(30vw + 200px); padding-top: 12.5%; } 
 
  .assess-wrap { padding: 50px 0 100px; } 
  .assess-list { grid-template-columns: repeat(2, 1fr); gap: 4.5vw; } 
 
  .newBoard__btn.assess__btn { padding-top: 60px; } 
  }
 @media (max-width: 640px){
  .assess-list { gap: 3.5vw; } 
  .assess-tit { margin-bottom: 14px; font-size: 19px; } 
  }
 @media (max-width: 480px){
  .assess-intro-desc { font-size: 15px; } 
  .assess-wrap { padding: 45px 0 85px; } 
  .assess-list { grid-template-columns: 1fr; gap: 5vw; } 
  .assess-tit { margin-bottom: 16px; font-size: max(22px, 6vw); } 
  .assess-down { padding: 11px 19px; font-size: 15px; } 
  .assess-down::after { width: 18px; height: 15px; margin-bottom: 1px; } 
  }
 
 /* ===== 인증서 ===== */
 .esg .newBoard__certificate-list { border: 0; } 
 .esg ul.newBoard__certificate-list {padding-top: 0;}
 .esg .newBoard__certificate-list:first-child { padding-top: 4%; } 
 .esg .newBoard__certificate-list .content-title { display: flex; justify-content: space-between; align-items: center; } 
 .esg .newBoard__certificate-list .slick-nav { position: relative; left: 20px; flex-shrink: 0;} 
 .esg .newBoard__certificate-list .slick-nav::before { position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 100%; background-color: #ddd; content: ""; } 
 .esg .newBoard__certificate-list .slick-arrow { height: 36px; padding: 0 20px; font-size: 0; } 
 .esg .newBoard__certificate-list .slick-arrow::before { display: block; width: 24px; height: 100%; background: url(../images/board/esg_certificate_arrow.svg) no-repeat
  center/contain; content: ""; transition: all 0.3s; } 
 .esg .newBoard__certificate-list .slick-arrow:hover::before { background-image: url(../images/board/esg_certificate_arrow_hover.svg); } 
 .esg .newBoard__certificate-list .slick-next::before { transform: scaleX(-1); } 
 .esg .certificate-slick .slick-list { margin: 0 -25px; } 
 .esg .certificate-slick .newBoard__certificate-item { margin: 0 25px; position: relative;} 
 
 @media (max-width: 1280px){
  .esg .certificate-slick .slick-list { margin: 0 -20px; } 
  .esg .certificate-slick .newBoard__certificate-item { margin: 0 20px; } 
  }
 @media (max-width: 1024px){
  .esg .newBoard__certificate-list .slick-arrow { height: 30px; } 
  .esg .newBoard__certificate-list .slick-arrow::before { width: 20px; } 
 
  .esg .certificate-slick .slick-list { margin: 0 -2vw; } 
  .esg .certificate-slick .newBoard__certificate-item { margin: 0 2vw; } 
  }
 @media (max-width: 640px){
  .esg .newBoard__certificate-list { padding-top: 9vw; } 
  .esg .newBoard__certificate-list:first-child { padding-top: 7vw; } 
  .esg .newBoard__certificate-list .slick-arrow { height: 24px; } 
  .esg .newBoard__certificate-list .slick-arrow::before { width: 16px; } 
  }
 @media (max-width: 480px){
  .esg .certificate-slick .slick-list { margin: 0 -3vw; } 
  .esg .certificate-slick .newBoard__certificate-item { margin: 0 3vw; } 
  }
 
 /* ESG 평가보고서, 인증서 */
 /* ===================================================== */
 
 /* ===================================================== */
 /* 글로벌 이니셔티브 */
 .initiative::before { position: absolute; top: 0; left: 50%; width: 6px; height: 90px; background: url(../images/contents/esg_deco.svg) no-repeat center
  bottom/contain; content: ""; transform: translateX(-50%); } 
 .initiative-intro { padding-top: 80px; text-align: center; } 
 .initiative-intro-desc { font-size: 20px; line-height: 1.4; color: #222; } 
 .initiative-intro-desc strong { font-weight: 700; color: #b11116; } 
 
 .initiative-wrap { display: flex; flex-direction: column; row-gap: 35px; padding-top: 50px; } 
 .initiative-wrap::before { display: block; opacity: 0.1; width: 770px; height: 150px; margin: 0 auto -45px; background: url(../images/contents/esg_logo.svg) no-repeat center top/contain; content: ""; } 
 .initiative-item { position: relative; } 
 .initiative-item a { display: flex; align-items: center; min-height: 150px; background-color: #f5f5f5; } 
 .initiative-item a::after { flex-shrink: 0; align-self: stretch; width: 150px; margin-left: auto; background: url(../images/contents/esg_initiative_ico_gray.svg) no-repeat
  center; content: ""; transition: all 0.3s; } 
 .initiative-item-tit { padding: 25px 4%; font-size: 20px; line-height: 1.2; color: #444; transition: all 0.3s; } 
 .initiative-item-logo { flex-shrink: 0; padding: 25px 0 25px 5%; } 
 
 .initiative-item a:hover .initiative-item-tit { color: #1d2834; text-shadow: 0 0 1px #1d2834; } 
 .initiative-item a:hover::after { background-color: #b11116; background-image: url(../images/contents/esg_initiative_ico_white.svg); } 
 
 @media (max-width: 1280px){
  .initiative-intro-desc { font-size: 18px; } 
 
  .initiative-wrap { row-gap: 30px; padding-top: 45px; } 
  .initiative-wrap::before { margin: 0 auto -40px; } 
  .initiative-item a { min-height: 140px; } 
  .initiative-item a::after { width: 140px; } 
  .initiative-item-tit { padding: 25px 3%; font-size: 18px; } 
  .initiative-item-logo { padding: 25px 0 25px 4%; } 
  }
 @media (max-width: 1024px){
  .initiative-intro-desc br { display: none; } 
 
  .initiative-wrap { flex-flow: row wrap; gap: 2vw; } 
  .initiative-wrap::before { width: 80%; height: auto; padding-top: 17%; margin: 0 auto -5vw; } 
  .initiative-item { width: calc(50% - 1vw); } 
  .initiative-item a { flex-direction: column; row-gap: 15px; height: 100%; min-height: 150px; padding: 3.5vw max(20px, 3vw) 4vw; background-color: #f5f5f5; text-align: center; } 
  .initiative-item a::after { display: none; } 
  .initiative-item-logo { display: flex; justify-content: center; align-items: center; height: 90px; padding: 0; } 
  .initiative-item-tit { padding: 0; font-weight: 500; color: #1d2834; } 
  .initiative-item a:hover .initiative-item-tit { text-shadow: none; } 
  }
 @media (max-width: 768px){
  .initiative::before { width: 4px; height: 60px; } 
  .initiative-intro { padding-top: 40px; } 
  .initiative-intro-desc { font-size: 16px; } 
 
  .initiative-item-tit { font-size: 16px; } 
  }
 @media (max-width: 640px){
  .initiative-wrap { gap: 15px; padding-top: 35px; } 
  .initiative-wrap::before { margin: 0 auto -30px; } 
  .initiative-item { width: 100%; } 
  .initiative-item a { min-height: 0; padding: 25px 20px 30px; } 
  .initiative-item-logo { width: 160px; height: auto; } 
  }
 @media (max-width: 480px){
  .initiative-intro-desc { font-size: 15px; } 
 
  .initiative-item-tit { font-size: 15px; } 
  }
 /* 글로벌 이니셔티브 */
 /* ===================================================== */
 
 /* ===================================================== */
 /* 이해관계자 고충처리 */
 .stakeholder::before { position: absolute; top: 0; left: 50%; width: 6px; height: 90px; background: url(../images/contents/esg_deco.svg) no-repeat center/contain; content: ""; transform: translateX(-50%); } 
 .stakeholder-intro { padding-top: 80px; text-align: center; } 
 .stakeholder-intro-desc { font-size: 22px; line-height: 1.4; color: #222; } 
 .stakeholder-intro-desc strong { font-weight: 700; color: #b11116; } 
 
 .stakeholder .inside { padding-top: 65px; } 
 .stakeholder .inside-wrap { position: relative; padding: 60px 0; background-color: #f5f5f5; } 
 .stakeholder .inside-box { display: grid; grid-template-columns: repeat(3, 1fr); padding: 1px; } 
 .stakeholder .inside .content-title::before { position: absolute; right: 0; bottom: -34px; width: 535px; height: 103px; background: url(../images/contents/esg_logo_line.svg) no-repeat center
  bottom/contain; content: ""; } 
 .stakeholder .inside-item { display: flex; align-items: center; min-height: 150px; background-color: #fff; outline: 1px solid #ddd; } 
 .stakeholder .inside-tit { display: flex; flex-direction: column; flex-shrink: 0; justify-content: center; align-items: center; row-gap: 15px; position: relative; width: max(120px, 30%); font-weight: 700; font-size: 18px; color: #222; letter-spacing: -0.025em;} 
 .stakeholder .inside-tit::before { width: 48px; height: 48px; background: url(../images/contents/esg_stakeholder_ico01.svg) no-repeat
  center/contain; content: ""; } 
 .stakeholder .inside-item:nth-child(2) .inside-tit::before { background-image: url(../images/contents/esg_stakeholder_ico02.svg); } 
 .stakeholder .inside-item:nth-child(3) .inside-tit::before { background-image: url(../images/contents/esg_stakeholder_ico03.svg); } 
 .stakeholder .inside-item:nth-child(4) .inside-tit::before { background-image: url(../images/contents/esg_stakeholder_ico04.svg); } 
 .stakeholder .inside-item:nth-child(5) .inside-tit::before { background-image: url(../images/contents/esg_stakeholder_ico05.svg); } 
 .stakeholder .inside-item:nth-child(6) .inside-tit::before { background-image: url(../images/contents/esg_stakeholder_ico06.svg); } 
 .stakeholder .inside-tit::after { position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #e4e4e4; content: ""; } 
 .stakeholder .inside-list { position: relative; padding: 20px 25px; } 
 .stakeholder .inside-list li { display: flex; column-gap: 6px; font-size: 16px; line-height: 1.3; color: #444; } 
 .stakeholder .inside-list li + li { margin-top: 0.8em; } 
 .stakeholder .inside-list li::before { flex-shrink: 0; width: 4px; height: 1.3em; background: linear-gradient(to top, #c5c6cc, #c5c6cc) no-repeat center; background-size: 4px 4px; content: ""; } 
 
 .stakeholder .outside { margin-top: 70px; } 
 .stakeholder .outside-wrap { display: flex; justify-content: center; column-gap: 50px; padding: 130px 20px; background: url(../images/contents/esg_stakeholder_bg.jpg) no-repeat
  center/cover; } 
 .stakeholder .outside-btn { display: flex; align-items: center; column-gap: 20px; padding: 20px 40px; border: 2px solid #b11116; border-radius: 100px; background-color: #fff; font-weight: 700; font-size: 18px; line-height: 1; color: #b11116; } 
 .stakeholder .outside-item:nth-child(2) .outside-btn { border-color: #222; color: #222; } 
 .stakeholder .outside-btn::before { width: 48px; height: 48px; background: url(../images/contents/esg_stakeholder_ico07.svg) no-repeat
  center/contain; content: ""; } 
 .stakeholder .outside-item:nth-child(2) .outside-btn::before { background-image: url(../images/contents/esg_stakeholder_ico08.svg); } 
 .stakeholder .outside-btn::after { width: 17px; height: 17px; background: url(../images/contents/esg_stakeholder_arrow.svg) no-repeat
  center/contain; content: ""; } 
 .stakeholder .outside-item:nth-child(2) .outside-btn::after { filter: saturate(0); } 
 
 /* hover */
 .stakeholder .outside-item .outside-btn:hover { background-color: #b11116; color: #fff; } 
 .stakeholder .outside-item:nth-child(2) .outside-btn:hover { background-color: #222; } 
 .stakeholder .outside-btn:hover::before { background-image: url(../images/contents/esg_stakeholder_ico07_hover.svg); } 
 .stakeholder .outside-item:nth-child(2) .outside-btn:hover::before { background-image: url(../images/contents/esg_stakeholder_ico08_hover.svg); } 
 .stakeholder .outside-btn:hover::after { background-image: url(../images/contents/esg_stakeholder_arrow_hover.svg); } 
 
 @media (max-width: 1280px){
  .stakeholder-intro-desc { font-size: 19px; } 
 
  .stakeholder .inside { padding-top: 55px; } 
  .stakeholder .inside-wrap { padding: 55px 0; } 
  .stakeholder .inside-item { min-height: 140px; } 
  .stakeholder .inside-tit { row-gap: 13px; font-size: 17px; } 
  .stakeholder .inside-list { padding: 20px; } 
  .stakeholder .inside-list li { font-size: 15px; } 
  }
 @media (max-width: 1024px){
  .stakeholder .inside .content-title::before { bottom: -30px; width: max(355px, 50vw); } 
 
  .stakeholder .inside-box { grid-template-columns: repeat(2, 1fr); } 
 
  .stakeholder .outside { margin-top: 65px; } 
  .stakeholder .outside-wrap { column-gap: 5%; padding: 115px 20px; } 
  .stakeholder .outside-btn { column-gap: 15px; padding: 16px 30px; font-size: 16px; } 
  .stakeholder .outside-btn::before { width: 40px; height: 40px; } 
  .stakeholder .outside-btn::after { width: 15px; height: 15px; } 
  }
 @media (max-width: 768px){
  .stakeholder::before { width: 4px; height: 60px; } 
  .stakeholder-intro { padding-top: 40px; } 
  .stakeholder-intro-desc { font-size: 17px; } 
 
  .stakeholder .inside { padding-top: 50px; } 
  .stakeholder .inside-wrap { padding: 50px 0; } 
  .stakeholder .inside-item { min-height: 130px; } 
  .stakeholder .inside-tit { row-gap: 11px; width: 110px; font-size: 16px; } 
  .stakeholder .inside-tit::before { width: 32px; height: 32px; } 
  .stakeholder .inside-list { padding: 15px; } 
  .stakeholder .inside-list li { font-size: 14px; } 
  
  .stakeholder .outside-wrap { flex-direction: column; row-gap: 15px; padding: 90px 20px; } 
  .stakeholder .outside-btn { justify-content: center; width: max(250px, 70%); padding: 16px 8px; margin: 0 auto; font-size: 15px; column-gap: 10px; } 
  .stakeholder .outside-btn::before { width: 32px; height: 32px; } 
  .stakeholder .outside-btn::after { width: 13px; height: 13px; } 
}
@media (max-width: 640px){
  .stakeholder-intro-desc br { display: none; } 
  .stakeholder .inside .content-title::before { bottom: -28px; width: 65vw; } 
  .stakeholder .inside-box { grid-template-columns: 1fr; } 
  .stakeholder .inside-item { min-height: 120px; } 
  .stakeholder .inside-tit { width: max(105px, 23%); } 
  .stakeholder .inside-list { padding: 15px max(12px, 3vw); } 
  .stakeholder .outside { margin-top: 60px; } 
  .stakeholder .outside-wrap {padding: 90px 15px; } 
  .stakeholder .outside-btn { font-size: 14px; letter-spacing: -0.025em; column-gap: 8px;} 
  }
 @media (max-width: 480px){
  .stakeholder .outside-btn { width: 100%;}
  .stakeholder-intro-desc { font-size: 15px; } 
 
  }
 /* 이해관계자 고충처리 */
 /* ===================================================== */

 /* ===================================================== */
/* 이해관계자 고충처리 : 쓰기 */
.newinq .base__top { padding: 0 0 0 0; position: relative; }
.newinq .base__top-wrap { font-size: 0; margin-bottom: 20px; }
.newinq .base__top-img { display: inline-block; padding: 0 30px 0 0; width: 15%; text-align: center; }
.newinq .base__top-info { display: inline-block; position: relative; padding: 0 6% 60px; background-color: #f1f1f1; width: 100%; background: linear-gradient(to top, #0f2134, rgb(15, 33, 52, 0.3)),
 url(../images/common/bg_newinq.jpg) 50% 50% no-repeat; background-size: cover; }
.newinq .base__top-info::before { display: none; }
.newinq .base__top-info .ico-box { width: 200px; height: 120px; background-color: #b11116; margin: 0 auto; position: relative; }
.newinq .base__top-info .ico-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.newinq .base__top h4 { font-size: 25px; font-weight: 500; color: #fff; line-height: 1.3; margin-top: 45px; text-align: center; }
.newinq .base__top h4 > span { color: #ff282f; vertical-align: baseline; font-weight: 700; }
.newinq .base__top .p-line { border: 1px solid #fff; padding: 20px 30px; margin-top: 45px; }
.newinq .base__top p { font-size: 17px; font-weight: 400; color: #fff; line-height: 1.6; margin: 8px 0 0 0; position: relative; padding-left: 8px; }
.newinq .base__top p:before { content: ""; width: 4px; height: 4px; background: linear-gradient(to top, #c5c6cc, #c5c6cc) no-repeat center; position: absolute; top: 13px; left: 0; }

@media only screen and (max-width: 768px){
 .newinq .base__top-info { padding: 0 6% 60px; }
 .newinq .base__top h4 { font-size: 20px; }
 .newinq .base__top p { font-size: 14px; }
 .newinq .base__top p:before { top: 9px; }
 }

@media only screen and (max-width: 480px){
 .newinq .base__top-info { padding: 0 20px 30px; }
 .newinq .base__top-info .ico-box { width: 100px; height: 60px; }
 .newinq .base__top-info .ico-box img { width: 50%; }
 }
/* 이해관계자 고충처리 : 쓰기 */
/* ===================================================== */
 
 /* ===================================================== */
 /* 고객사 */
 @keyframes rotate { 
  0% { transform: rotate(0); } 
  0% { transform: rotate(359deg); } 
  }
 @keyframes rotate-reverse { 
  0% { transform: rotate(0); } 
  0% { transform: rotate(-359deg); } 
  }
 .partner { position: relative; padding-bottom: 170px; border-top: 1px solid #e4e4e4; } 
 .partner::before { position: absolute; top: 0; left: 50%; width: 6px; height: 90px; background: url(../images/contents/esg_deco.svg) no-repeat center top/contain; content: ""; transform: translateX(-50%); } 
 .partner img { display: block; } 
 .partner-intro { padding-top: 140px; margin-bottom: 180px; font-weight: 500; text-align: center; color: #222; } 
 .partner-intro-tit { margin-bottom: 20px; font-size: 45px; letter-spacing: 0.1em; } 
 .partner-intro-desc { font-size: 25px; letter-spacing: 0.05em; } 
 .partner-intro-desc span { color: #b11116; } 
 
 .partner-wrap { position: relative; width: 960px; padding: 226px; margin: 0 auto; } 
 .partner-wrap::before { position: absolute; top: 50%; left: 50%; width: calc(120px + 16%); height: calc(120px + 16%); border-radius: 50%; background: #f5f5f5 url(../images/contents/esg_logo.svg) no-repeat center; background-size: 70%; content: ""; transform: translate(-50%, -50%); } 
 
 .partner-outer-tit { position: absolute; top: 50%; left: 50%; width: calc(50% + 210px); height: calc(50% + 210px); font-weight: 700; font-size: 36px; letter-spacing: -0.025em; text-align: center; color: #252939; transform: translate(-50%, -50%); } 
 .partner-outer-tit::before { position: absolute; top: -155px; left: 50%; width: 60px; height: 24px; background-color: #252939; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); content: ""; transform: translateX(-50%); } 
 .partner-outer-tit h5 { position: relative; top: -215px; } 
 
 .partner-outer { position: relative; padding-top: 100%; border-radius: 50%; outline: 140px solid #f5f5f5; outline-offset: 70px; animation: rotate 40s linear infinite; } 
 .partner-outer::before { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; outline: 15px solid #252939; outline-offset: 210px; content: ""; transform: translate(-50%, -50%); } 
 .partner-outer-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
 /*
.partner-outer-item:nth-child(2) { transform: rotate(36deg); } 
.partner-outer-item:nth-child(3) { transform: rotate(72deg); } 
.partner-outer-item:nth-child(4) { transform: rotate(108deg); } 
.partner-outer-item:nth-child(5) { transform: rotate(144deg); } 
.partner-outer-item:nth-child(6) { transform: rotate(180deg); } 
.partner-outer-item:nth-child(7) { transform: rotate(216deg); } 
.partner-outer-item:nth-child(8) { transform: rotate(252deg); } 
.partner-outer-item:nth-child(9) { transform: rotate(288deg); } 
.partner-outer-item:nth-child(10) { transform: rotate(324deg); } 
*/
.partner-outer-item:nth-child(2) { transform: rotate(40deg); } 
.partner-outer-item:nth-child(3) { transform: rotate(80deg); } 
.partner-outer-item:nth-child(4) { transform: rotate(120deg); } 
.partner-outer-item:nth-child(5) { transform: rotate(160deg); } 
.partner-outer-item:nth-child(6) { transform: rotate(200deg); } 
.partner-outer-item:nth-child(7) { transform: rotate(240deg); } 
.partner-outer-item:nth-child(8) { transform: rotate(280deg); } 
.partner-outer-item:nth-child(9) { transform: rotate(320deg); }


 .partner-outer-logo { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 50%; width: 140px; height: 140px; border-radius: 50%; background-color: #f5f5f5; transform: translate(-50%, -150%); transition: background-color 0.3s, box-shadow 0.3s; } 
 
 
 /*
.partner-outer-item:nth-child(2) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-36deg); } 
.partner-outer-item:nth-child(3) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-72deg); } 
.partner-outer-item:nth-child(4) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-108deg); } 
.partner-outer-item:nth-child(5) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-144deg); } 
.partner-outer-item:nth-child(6) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-180deg); } 
.partner-outer-item:nth-child(7) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-216deg); } 
.partner-outer-item:nth-child(8) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-252deg); } 
.partner-outer-item:nth-child(9) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-288deg); } 
.partner-outer-item:nth-child(10) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-324deg); } 
*/
.partner-outer-item:nth-child(2) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-40deg); } 
.partner-outer-item:nth-child(3) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-80deg); } 
.partner-outer-item:nth-child(4) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-120deg); } 
.partner-outer-item:nth-child(5) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-160deg); } 
.partner-outer-item:nth-child(6) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-200deg); } 
.partner-outer-item:nth-child(7) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-240deg); } 
.partner-outer-item:nth-child(8) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-280deg); } 
.partner-outer-item:nth-child(9) .partner-outer-logo { transform: translate(-50%, -150%) rotate(-320deg); } 



 .partner-outer-item .partner-outer-logo img { animation: rotate-reverse 40s linear infinite; } 
 
 .partner-inner-tit { position: absolute; top: 50%; left: 50%; z-index: 5; width: calc(120px + 18%); height: calc(120px + 18%); border-radius: 50%; outline: 11px solid #b11116; outline-offset: 171px; transform: translate(-50%, -50%); } 
 .partner-inner-tit::before { position: absolute; top: -174px; left: 50%; width: 40px; height: 14px; background-color: #b11116; clip-path: polygon(50% 100%, 0 0, 100% 0); content: ""; transform: translateX(-50%); } 
 .partner-inner-tit h5 { position: relative; top: -160px; font-weight: 700; font-size: 20px; line-height: 1.15; letter-spacing: -0.025em; text-align: center; color: #b11116; } 
 
 .partner-inner { position: absolute; top: 42%; left: 42%; width: 16%; height: 16%; animation: rotate 50s linear infinite reverse; } 
 .partner-inner-wrap { position: relative; width: 100%; height: 100%; } 
 .partner-inner-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
 .partner-inner-logo { display: flex; overflow: hidden; justify-content: center; align-items: center; position: absolute; top: 0; left: 50%; width: 120px; height: 120px; border-radius: 50%; background-color: #fff; transform: translate(-50%, -150%); transition: box-shadow 0.3s; } 
 
 
 /*
.partner-inner-item:nth-child(2) { transform: rotate(36deg); } 
.partner-inner-item:nth-child(3) { transform: rotate(72deg); } 
.partner-inner-item:nth-child(4) { transform: rotate(108deg); } 
.partner-inner-item:nth-child(5) { transform: rotate(144deg); } 
.partner-inner-item:nth-child(6) { transform: rotate(180deg); } 
.partner-inner-item:nth-child(7) { transform: rotate(216deg); } 
.partner-inner-item:nth-child(8) { transform: rotate(252deg); } 
.partner-inner-item:nth-child(9) { transform: rotate(288deg); } 
.partner-inner-item:nth-child(10) { transform: rotate(324deg); } 
*/
.partner-inner-item:nth-child(2) { transform: rotate(45deg); } 
.partner-inner-item:nth-child(3) { transform: rotate(90deg); } 
.partner-inner-item:nth-child(4) { transform: rotate(135deg); } 
.partner-inner-item:nth-child(5) { transform: rotate(180deg); } 
.partner-inner-item:nth-child(6) { transform: rotate(225deg); } 
.partner-inner-item:nth-child(7) { transform: rotate(270deg); } 
.partner-inner-item:nth-child(8) { transform: rotate(315deg); }

/*
.partner-inner-item:nth-child(2) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-36deg); } 
.partner-inner-item:nth-child(3) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-72deg); } 
.partner-inner-item:nth-child(4) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-108deg); } 
.partner-inner-item:nth-child(5) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-144deg); } 
.partner-inner-item:nth-child(6) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-180deg); } 
.partner-inner-item:nth-child(7) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-216deg); } 
.partner-inner-item:nth-child(8) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-252deg); } 
.partner-inner-item:nth-child(9) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-288deg); } 
.partner-inner-item:nth-child(10) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-324deg); } 
*/
.partner-inner-item:nth-child(2) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-45deg); } 
.partner-inner-item:nth-child(3) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-90deg); } 
.partner-inner-item:nth-child(4) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-135deg); } 
.partner-inner-item:nth-child(5) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-180deg); } 
.partner-inner-item:nth-child(6) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-225deg); } 
.partner-inner-item:nth-child(7) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-270deg); } 
.partner-inner-item:nth-child(8) .partner-inner-logo { transform: translate(-50%, -150%) rotate(-315deg); }


 .partner-inner-item .partner-inner-logo img { animation: rotate-reverse 50s linear infinite reverse; } 
 
 /* hover */
 .partner-outer-logo:hover { background-color: #fff; box-shadow: inset 0 0 5px 3px #f5f5f5; } 
 .partner-inner-logo:hover { box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); } 
 
 @media (max-width: 1280px){
  .partner { padding-bottom: 160px; } 
  }
 @media (max-width: 1024px){
  .partner { padding-bottom: 140px; } 
  .partner .inner { margin: 0; } 
  .partner-intro { padding-top: 130px; margin-bottom: calc(30px + 10vw); } 
  .partner-intro-tit { margin-bottom: 18px; font-size: 40px; letter-spacing: 0.08em; } 
  .partner-intro-desc { font-size: 22px; letter-spacing: 0.04em; } 
 
  .partner-wrap { width: 96vw; padding: 22.6vw; } 
  .partner-wrap::before { width: calc(11.5vw + 16%); height: calc(11.5vw + 16%); background-size: 70%; } 
 
  .partner-outer-tit { width: calc(50% + 20vw); height: calc(50% + 20vw); font-size: max(16px, 3.6vw); } 
  .partner-outer-tit::before { top: -21%; width: 6vw; height: 2.4vw; } 
  .partner-outer-tit h5 { top: -29%; } 
 
  .partner-outer { outline-width: 13.3vw; outline-offset: 6.62vw; } 
  .partner-outer::before { outline-width: 1.5vw; outline-offset: 19.7vw; } 
  .partner-outer-logo { width: 13vw; height: 13vw; padding: 2vw; } 
  .partner-outer-logo img { width: 100%; height: 100%; object-fit: contain; } 
 
  .partner-inner-tit { width: calc(11.5vw + 16%); height: calc(11.5vw + 16%); outline-width: 1.1vw; outline-offset: 17.7vw; } 
  .partner-inner-tit::before { top: -17.9vw; width: 3.6vw; height: 1.4vw; } 
  .partner-inner-tit h5 { top: -16.3vw; font-size: max(11px, 2vw); line-height: 1.1; } 
 
  .partner-inner-logo { width: 11.5vw; height: 11.5vw; padding: 1.2vw; } 
  .partner-inner-logo img { width: 100%; height: 100%; object-fit: contain; } 
  }
 @media (max-width: 768px){
  .partner { padding-bottom: 120px; } 
  .partner::before { width: 4px; height: 60px; } 
  .partner-intro { padding-top: 80px; } 
  .partner-intro-tit { margin-bottom: 16px; font-size: 32px; letter-spacing: 0.06em; } 
  .partner-intro-desc { font-size: 19px; letter-spacing: 0.03em; } 
  }
 @media (max-width: 576px){
  .partner { padding-bottom: 100px; } 
  }
 @media (max-width: 480px){
  .partner { padding-bottom: 90px; } 
  .partner-intro-tit { margin-bottom: 14px; font-size: 26px; letter-spacing: 0.04em; } 
  .partner-intro-desc { font-size: 16px; letter-spacing: 0.02em; } 
  }
 @media (max-width: 412px){
  .partner { padding-bottom: 80px; } 
  }
 /* 고객사 */
 /* ===================================================== */
 





 /*영문 폴란드 세금정책 추가  20231220*/
.pol__tax {padding-bottom:180px;}
@media only screen and (max-width: 1024px){
	.pol__tax {padding-bottom:140px;}
}

@media only screen and (max-width: 768px){
	.pol__tax {padding-bottom:80px;}
}

@media only screen and (max-width: 480px){
	.pol__tax {padding-bottom:60px;}
}


.pol__tax-wrap {padding:15px 70px 70px; background-color: #e5e9ee;}
.pol__tax-wrap > .btn-lang {display: flex; justify-content: end;}

.btn-lang .link {position:relative; background-color:#000;  color:#fff; font-weight: 700; height: 40px; padding:0 30px 0 20px; min-width:180px; transition: all 0.3s ease-in-out; display: none; font-size: 0; }
.btn-lang .link.is-active {display: block;}
.btn-lang .link span {display: inline-block; font-size:16px; line-height: 1.2; position: absolute; top:50%; transform: translate(0 , -50%); }
.btn-lang .link::after {content:''; display: block; width:8px; height:8px; border:1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg) translate(0,-50%); position: absolute; right:20px; top:50% ;}

.btn-lang .link:hover {background-color:#b01116;}


.pol__tax-inner {margin-top:15px; padding:70px; border:1px solid #b01116; display: none;}
.pol__tax-inner.is-active {display: block;}

.pol__tax-top .text{font-size: 16px; font-weight: 400; color:#000; line-height:1.5;}

.pol__tax-list {display: flex; flex-direction: column; row-gap:40px; margin-top:40px;}
.pol__tax-item .title{border-radius: 30px 0 30px 0; background-color:#fff; border:1px solid #999999; position: relative; padding:0 40px; height:60px; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease-in-out; }

.pol__tax-item .title > h3 {font-size:20px; color:#000; line-height: 1.3;}

.pol__tax-item .title .arrow {position: absolute; right:0; top:0; width:60px; height:60px; border-radius: 30px; font-size:0; line-height: 0; background-color:#000; transform: translate(50%, -50%); transition: all 0.3s ease-in-out;}
.pol__tax-item .title .arrow::after {content:''; display: block; width:11px; height:11px; border:2px solid #fff; border-width: 3px 3px 0 0; transform:  translate(-50%, -50%) rotate(135deg); position: absolute; left:50%; top:50% ; transition: all 0.3s ease-in-out;}


.pol__tax-item .title:hover,
.pol__tax-item.is-active .title{background-color:#b01116; border:1px solid #b01116;}
.pol__tax-item.is-active .title:hover{background-color:#000; border:1px solid #000;}

.pol__tax-item .title:hover > h3,
.pol__tax-item.is-active .title > h3 {color: #fff;}

.pol__tax-item .title:hover .arrow,
.pol__tax-item.is-active .title .arrow {transform: translate(50%, -50%) rotate(180deg);}
.pol__tax-item.is-active .title:hover .arrow {transform: translate(50%, -50%) rotate(0deg); background-color: #b01116;}



.pol__tax-item .desc {display: none;}

.pol__tax-item .desc > ul{padding:0 40px 20px; background-color:#fff; border-radius: 0 30px 30px 30px;}
.pol__tax-item .desc > ul li {padding:30px 0 ; border-bottom:1px solid #ebeaea; position: relative;}
.pol__tax-item .desc > ul li:last-child {border-bottom:0}

.pol__tax-item .desc > ul li > .item {display: flex; gap:5px; line-height: 1.5; align-items: flex-start; color:#666;}
.pol__tax-item .desc > ul li > .item i {flex-shrink: 0; font-weight: 700; color:#b01116;}




@media only screen and (max-width: 1440px){
	.pol__tax-wrap {padding:10px 50px 50px;}
	.pol__tax-inner {margin-top:10px; padding:50px;}
}

@media only screen and (max-width: 1024px){
	.pol__tax-wrap {padding:10px 30px 30px;}
	.btn-lang .link {height: 32px; padding:0 30px 0 10px; min-width:120px;}
	.btn-lang .link span {font-size:14px;}
	.btn-lang .link::after {width:6px; height:6px;}

	.pol__tax-inner {margin-top:10px; padding:30px;}

	.pol__tax-top .text{font-size: 15px;}

	.pol__tax-list {row-gap:30px; margin-top:30px;}
	.pol__tax-item .title{border-radius: 20px 0 20px 0; padding:0 20px; height:50px;}

	.pol__tax-item .title > h3 {font-size:18px; letter-spacing: -0.05em;}

	.pol__tax-item .title .arrow {width:50px; height:50px;}
	.pol__tax-item .title .arrow::after { width:9px; height:9px;}

	.pol__tax-item .desc > ul{padding:0 20px 10px; border-radius: 0 20px 20px 20px;}
	.pol__tax-item .desc > ul li {padding:20px 0 ; }

	.pol__tax-item .desc > ul li > .item {font-size:14px;}
}

@media only screen and (max-width: 768px){
	.pol__tax-wrap {padding:10px 20px 20px;}
	.btn-lang .link {height: 30px; padding:0 30px 0 10px; min-width:120px;}
	.btn-lang .link span {font-size:13px;}

	.pol__tax-inner {margin-top:10px; padding:20px;}

	.pol__tax-top .text{font-size: 14px;}

	.pol__tax-list {row-gap:30px; margin-top:20px;}
	.pol__tax-item .title{border-radius: 15px 0 15px 0; padding:0 20px; height:50px;}

	.pol__tax-item .title > h3 {font-size:16px;}

	.pol__tax-item .title .arrow {width:40px; height:40px;}
	.pol__tax-item .title .arrow::after { width:7px; height:7px;}

	.pol__tax-item .desc > ul{padding:0 20px 10px; border-radius: 0 15px 15px 15px;}
	.pol__tax-item .desc > ul li {padding:15px 0 ; }

	.pol__tax-item .desc > ul li > .item {font-size:13px;}
}


@media only screen and (max-width: 480px){
	.pol__tax-wrap {padding:10px 15px 15px;}
	.btn-lang .link {height: 28px; min-width:50%;}
	.btn-lang .link span {font-size:12px;}

	.pol__tax-inner {margin-top:10px; padding:15px;}

	.pol__tax-top .text{font-size: 13px;}

	.pol__tax-list {row-gap:30px; margin-top:20px;}
	.pol__tax-item .title{border-radius: 10px 0 10px 0; padding:0 15px; height:46px;}

	.pol__tax-item .title > h3 {font-size:14px;}

	.pol__tax-item .title .arrow {width:30px; height:30px;}
	.pol__tax-item .title .arrow::after { width:5px; height:5px; border-width: 2px 2px 0 0;}

	.pol__tax-item .desc > ul{padding:0 15px 10px; border-radius: 0 10px 10px 10px;}
	.pol__tax-item .desc > ul li {padding:10px 0 ; }

	.pol__tax-item .desc > ul li > .item {font-size:12px;}
}




/*20250508 찾아오시는길 수정 */
.new__map {font-size:10px;}
@media (max-width: 1280px) {.new__map {font-size: 9px;}}
@media (max-width: 768px) {.new__map {font-size: 8px;}}
@media (max-width: 480px) {.new__map {font-size: 7px;}}

.new__map .tab{display: flex; justify-content: center; max-width: 100%;}
@media (max-width: 768px) {
	.new__map .tab{flex-wrap: wrap;}
	.new__map .tab-wrap li {flex-grow: 1; width:40%; margin-bottom:1px;}
}
@media (max-width: 480px) {
	.new__map .tab-wrap li + li {margin-left: 1px;}
}

@media (max-width: 360px) {
	.new__map .tab-wrap li {width:100%;}
	.new__map .tab-wrap li + li {margin-left: 0px;}
}

.new__map-wrap {margin-top:6em;}

.map__con {display: none;}
.map__con.is-active {display: block;}
.map__con-inner + .map__con-inner {margin-top:8em;}

.map__con .map {width:100%; height:56em; margin-bottom:4em; border: 1px solid #e4e4e4;}
.map__con .map iframe { width: 100%; height: 100%; } 

.map__con .map-info {display: block;}
.map__con .map-info .tex {flex-direction: column;}
.map__con .map-info .tex .map-info-item {flex:1 1; width:100%; height:auto; display: flex; align-items: center;}
.map__con .map-info .tex .map-info-item p { padding:0;}
.map__con .map-info .tex .map-info-item.email {display: none;}
.map__con .map-info .tex .title {display: flex; align-items: center; justify-content: center; line-height:1;}


@media (max-width: 1024px) { 
	.map__con .map {height:46em;}
	.map__con .map-info .img {display: block;}
	.map__con .map-info .img img{width:100%;}
	
	.map__con .map-info .tex .map-info-item p { padding:1em 0;}
	.map__con .map-info .tex .title {padding:1em 0;}

	.map__con:not(.nth-1) .map-info .tex .map-info-item.tel,
	.map__con:not(.nth-1) .map-info .tex .map-info-item.fax{display: none;}

	.map__con:not(.nth-1) .add .title { background: rgba(0, 0, 0, 0.8); } 
}
@media (max-width: 480px) { 
	.map__con .map-info .tex .map-info-item {flex-direction: column;}
	.map__con .map-info .tex .map-info-item p { padding:1em 0.5em;}
	.map__con .map-info .tex .title {padding:0.7em 0;}
}