@charset "utf-8";


.sub-expalin-inner .sub-explain-img .bixIcon1 { background:url("/sites/biz/images/sub/biz_11.png") no-repeat center; }
.sub-expalin-inner .sub-explain-img .bixIcon2 { background:url("/sites/biz/images/sub/biz_04.png") no-repeat center; }
.sub-expalin-inner .sub-explain-img .bixIcon3 { background:url("/sites/biz/images/sub/biz_07.png") no-repeat center; }

.sub-expalin-inner .sub-explain-img { background:none; }

/* 미션 & 비전 */
.wrap-contents .objHeading_h2 {font-family: 'Roboto Medium';display:block;line-height:1.5;font-size:26px;letter-spacing: -0.5px;color:#111;}
.wrap-contents .objHeading_h3 {position: relative;font-family: 'Roboto Medium';display:block;line-height:1.5;font-size:22px;letter-spacing: -0.5px;color:#222222;padding-top: 12px;}
.wrap-contents .objHeading_h3::before {content: ""; position: absolute; width: 22px; height: 2px; background: #004e96; left: 0; top: 0;}
.wrap-contents .objHeading_h4 {position: relative; font-family:'Roboto Medium'; display:block; line-height:1.5; font-size:20px; letter-spacing: -0.5px; color:#333333;  margin-top: 40px;}
.wrap-contents .objHeading_h5 {position: relative; font-family:'Roboto Medium'; display:block; line-height:1.5; font-size:18px; letter-spacing: -0.5px; color:#333333; margin-top: 40px;}

.mv > ul > li{display:flex;gap:60px;align-items: center;margin-bottom: 25px;}
.mv > ul > li > strong{width:130px;height:130px;display: flex;text-align:center;flex-direction: column;justify-content: center;background:url('../../images/sub/mv-circle.png') no-repeat center;color:#fff;font-size:22px;font-family:'Roboto MEdium';position:relative;}
.mv > ul > li > strong:after{content:'';width:60px;height:1px; background:#004e96;position:absolute;left:130px;top:65px;}
.mv > ul > li > p{border:1px solid #004e96;min-height: 100px;width: calc(100% - 190px);display: flex;align-items: center;padding: 0 40px;word-break: keep-all;padding-right: 150px;font-size: 18px;font-family: 'Roboto Regular';color: #333;}

.mv-gray{width: 100%;padding:120px 0 55px;background:url('../../images/sub/mv-bg.jpg') no-repeat left top;margin:0 auto;}
.mv-gray > ul{background:url('../../images/sub/mv-ill.png') no-repeat center;background-size: contain;max-width: 90%;display: flex;justify-content:center;margin: 0 auto 70px;text-align:center;gap:50px;}
.mv-gray > ul > li{width:100%;height:406px;padding-top: 185px;}
.mv-gray > ul > li strong{font-size:30px;font-family:'Roboto Bold';line-height:1.25;}
.mv-gray > ul > li:nth-child(1) strong{color:#004e96;}
.mv-gray > ul > li:nth-child(2) strong{color:#00ace0;}
.mv-gray > ul > li:nth-child(3) strong{color:#7fc241;}

.edge-box{max-width: 95%;background:url('../../images/sub/mv-Rectangle.png') no-repeat left top;background-size:100% 100%;margin:0 auto;margin-bottom: 90px;}
.edge-box .inner-box{text-align:center;position: relative;}
.edge-box .inner-box:before{content:'';width:30px;height:24px;background:url('../../images/sub/mv-edge01.png');position:absolute;left:30px;top:-10px;}
.edge-box .inner-box:after{content:'';width:29px;height:25px;background:url('../../images/sub/mv-edge02.png');position:absolute;right:30px;bottom:-10px;}
.edge-box .inner-box p{font-size:26px;font-family:'Roboto Regular';padding: 28px 15px;}

.mv-logo{text-align:center;}

.radius-line1{color:#fff;padding:8px 22px 7px;background:#004e96;margin-left:12px;display:inline-block;vertical-align:top;border-radius:20px;}
.radius-line2{color:#fff;padding:8px 22px 7px;background:#7fc241;margin-left:12px;display:inline-block;vertical-align:top;border-radius:20px;}

.mv-blue-ul{display:flex;gap:30px;}
.mv-blue-ul > li{width:100%;padding:50px 35px;background:#f6fafe;}
.mv-blue-ul > li strong{font-size:26px;color:#006fd5;font-family:'Roboto Medium';display:block;text-align:center;margin-bottom:30px;line-height:1.25;}
.mv-blue-ul > li p{font-size:18px;color:#333;font-family:'Roboto Regular';line-height:1.6;word-break:keep-all;}

@media all and (max-width: 1350px){
  .mv-gray{padding-top: 40px;}
  .mv-gray > ul{gap: 25px;margin-bottom: 20px;}
  .mv-gray > ul > li strong{font-size:20px;}
  .edge-box .inner-box p{font-size:24px;}
  .edge-box{margin-bottom: 45px;}
}

@media all and (max-width: 1023px){
  .mv > ul > li > p{padding-top:15px;padding-bottom:15px;}
  .mv-gray > ul{max-width:640px;gap: 20px;}
  .mv-gray > ul > li strong{font-size:17px;}
  .mv-gray > ul > li{padding-top:100px;height:225px;}
  .edge-box .inner-box p{font-size:18px;}
  .mv-logo img{width:160px;}
  .edge-box{background:none;border:5px solid #ccc;}
  .edge-box .inner-box:before{top:-15px;left:20px;}
  .edge-box .inner-box:after{bottom:-15px;right:20px;}
  .mv-blue-ul{flex-direction:column;}
  .mv-blue-ul > li strong{font-size:22px;margin-bottom: 12px;}
}

@media all and (max-width: 767px){
  .mv > ul > li{flex-direction:column;margin-bottom: 40px;gap: 40px;}
  .mv > ul > li > strong:after{left:50%;width:1px;height: 40px;top:100%;}
  .mv > ul > li > p{padding-right:40px;width: 100%;}
  .mv-gray > ul{background:none;display:block;margin-bottom:40px;}
  .mv-gray > ul > li{height:auto;padding-top:20px;padding-bottom:20px;background:#fff;margin-bottom:20px;border-radius:10px;}
  .mv-gray > ul > li:nth-child(1) {border:2px solid #004e96;}
  .mv-gray > ul > li:nth-child(2) {border:2px solid #00ace0;}
  .mv-gray > ul > li:nth-child(3) {border:2px solid #7fc241;}
  .mv-gray{padding-left:15px;padding-right:15px;}
  .edge-box .inner-box p{word-break:keep-all;}
  .edge-box{max-width:100%;}
}

@media all and (max-width: 560px){
  .radius-line1,
  .radius-line2{margin-left:0;margin-top:-25px;margin-bottom:25px;}
}