@charset "utf-8";

/* 인사말 */
.greeting-content {background: url("../../images/sub/greeting_bg.png") no-repeat right bottom; background-size: 41% auto;}
.greeting-content::after {content: ""; display: block; clear: both;}
.greeting-content .greeting-img {display: none;}
.greeting-content .greeting-img img {}
.greeting-content .greeting-title {font-size: 34px; color: #333333; line-height: 44px; font-family:'S-CoreDream-6Bold'; font-style: italic; margin-bottom: 50px; word-break: keep-all;}
.greeting-content .greeting-title span {color: #1a58c0;}
.greeting-content .greeting-info {padding-right: 36%;}
.greeting-content .greeting-info p {font-size: 17px; line-height: 30px; color: #333333; margin-bottom: 25px; word-break: keep-all;}
.greeting-content .greeting-info p:last-child {margin-bottom: 0;}
.greeting-content .greeting-info p .pc-blank {display: block;}

@media all and (max-width: 1023px){
  .greeting-content {background: none;}
  .greeting-content .greeting-img {display: block; max-width: 50%; margin: 0 auto;}
  .greeting-content .greeting-info {padding-right: 0;}
  .greeting-content .greeting-info p .pc-blank {display: inline-block;}
}

@media all and (max-width: 768px){
  .greeting-content .greeting-title {font-size: 28px; line-height: 38px; margin-bottom: 35px;}
  .greeting-content .greeting-info p {font-size: 14px; line-height: 26px; margin-bottom: 15px;}
}

/* 찾아오시는 길 */
.location-info-list .location-info-inner {padding: 60px 0; border-top: 1px solid #C2C2C2;}
.location-info-list .location-info-inner:first-child {border-top: 0;}
.location-info-list .location-info-inner::after {content: ""; display: block; clear: both;}
.location-info-list .location-icon-bx {float: left; width: 160px; }
.location-info-list .location-icon {background: #EFF3FB; width: 120px; height: 120px; line-height: 120px; text-align: center; border-radius: 50%; }
.location-info-list .location-info {float: left; width: calc(100% - 160px);}
.location-info-list .location-info .objHeading_h2 {margin-top: 0;}
.location-info-list .location-info .objHeading_h3 {margin-top: 25px;}

.location-info-list .location-info .bus-list p {font-size: 17px; line-height: 30px;}
.location-info-list .location-info .bus-list p span {display: inline-block; vertical-align: middle; width: 19px; height: 19px; border-radius: 50%; font-size: 12px; line-height: 19px; color: #fff; font-family:'S-CoreDream-6Bold'; text-align: center;}
.location-info-list .location-info .bus-list p span.g-bus {background: #0C8E22;}
.location-info-list .location-info .bus-list p span.b-bus {background: #1A58C0;}
.location-info-list .location-info .bus-list p span.r-bus {background: #E92F2B;}

.location-info-list .location-info .subway-list p {font-size: 17px; line-height: 30px;}
.location-info-list .location-info .subway-list p span {display: inline-block; vertical-align: middle; width: 19px; height: 19px; border-radius: 50%; font-size: 12px; line-height: 19px; color: #fff; font-family:'S-CoreDream-6Bold'; text-align: center;}
.location-info-list .location-info .subway-list p span.subway-num {background: #A52FE8;}

@media all and (max-width: 768px){
  .location-info-list .location-info-inner {padding: 30px 0;}
  .location-info-list .location-icon-bx {width: 100px; margin-bottom: 30px;}
  .location-info-list .location-icon {width: 80px; height: 80px; line-height: 80px;}
  .location-info-list .location-info {width: calc(100% - 100px);}

  .location-info-list .location-info .bus-list p {font-size: 14px; line-height: 28px;}

  .location-info-list .location-info .subway-list p {font-size: 14px; line-height: 28px;}
}

/* 조직도 */
.org-type1 {position: relative; padding-bottom: 50px;}
.org-type1::after {content: ""; position: absolute; width: 1px; height: 100%; background: #E0E0E0; top: 0; left: 50%;}
.org-type1 p {position: relative; z-index: 2; display: flex; width: 16%; margin: 0 auto; min-height: 70px; align-items: center; justify-content: center; background: url("../../images/sub/org_bg2.jpg"); background-size: cover; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; text-align: center;}

.org-type2 {position: relative;}
.org-type2-wrap {position: relative; padding-bottom: 50px;}
.org-type2-wrap::after {content: ""; position: absolute; width: 1px; height: 100%; background: #E0E0E0; top: 0; left: 50%;}
.org-type2-wrap.bottom {padding-bottom: 110px;}
.org-type2-wrap .center-title {position: relative; z-index: 2; display: flex; width: 16%; margin: 0 auto; min-height: 70px; align-items: center; justify-content: center; background: url("../../images/sub/org_bg2.jpg"); background-size: cover; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; text-align: center;}

.org-type2-wrapper {position: relative;}
.org-type2-inner {position: absolute; width: 50%; right: 0; top: 0;}
.org-type2-bx {position: relative; width: 54%; overflow: hidden;}
.org-type2-bx::after {content: ""; position: absolute; width: 100%; height: 1px; background: #E0E0E0; top: 50%; left: 0;}
.org-type2-bx p {float: right; position: relative; z-index: 2; display: flex; width: 58%; min-height: 70px; align-items: center; justify-content: center; background: #8E99AB; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; text-align: center;}

.org-type2-other {position: absolute; top: 0; width: 16%; left: 19%;}
.type2-other-title {position: relative; padding-bottom: 20px;}
.type2-other-title::after {content: ""; position: absolute; width: 1px; height: 100%; background: #E0E0E0; top: 0; left: 50%;}
.type2-other-title p {position: relative; z-index: 2; display: flex; width: 100%; margin: 0 auto; min-height: 70px; align-items: center; justify-content: center; background: url("../../images/sub/org_bg1.jpg"); background-size: cover; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; text-align: center;}
.type2-other-list p {position: relative; z-index: 2; display: flex; width: 100%; margin: 0 auto; min-height: 70px; align-items: center; justify-content: center; background: #8E99AB; background-size: cover; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; text-align: center;}
.type2-other-list ul {position: relative; padding: 14px 20px; border: 1px solid #D3D8DE; background: #ECF1F7;}
.type2-other-list ul::after {content: ""; position: absolute; right: 0px; bottom: 0px; border-top:25px solid #ECF1F7; border-right: 25px solid transparent; }
.type2-other-list ul::before {content: ""; position: absolute; right: -1px; bottom: -1px; border-top:25px solid #D3D8DE;  border-right: 25px solid #fff;}
.type2-other-list ul li {position: relative; font-size: 15px; line-height: 30px; color: #3067ba; padding-left: 15px;}
.type2-other-list ul li::before {content: ""; position: absolute; width: 6px; height: 6px; border: 2px solid #3067ba; border-radius: 50%; left: 0; top: 10px;}

.org-bottom-wrap {position: relative; }
.org-bottom-wrap::before {content: ""; position: absolute; width: 92.2%; height: 1px; background: #e0e0e0; left: 0; top: 0;}
.org-bottom-wrap::after {content: ""; display: block; clear: both;}
.org-bottom-inner {float: left; width: 27.3%; margin-right: 6%; margin-bottom: 100px;}
.org-bottom-inner:first-child::before {content: ""; position: absolute; width: 1px; height: 30%; background: #E0E0E0; left: 0; top: 0;}

.org-bottom-left {float: left; width: 65.5%; padding-left: 7%; box-sizing: border-box;}

.org-bottom-right {position: relative; float: right; width: 34.5%;}
.bottom-right-inner {float: left; width: 46%;}
.bottom-right-inner:first-child {margin-right: 8%;}

.bottom-bottom-title {position: relative; padding-top: 50px;}
.bottom-bottom-title::after {content: ""; position: absolute; width: 1px; height: 100%; background: #E0E0E0; top: 0; left: 50%;}
.bottom-bottom-title p {position: relative; z-index: 2; display: flex; width: 100%; margin: 0 auto; min-height: 70px; align-items: center; justify-content: center; background: url("../../images/sub/org_bg1.jpg"); background-size: cover; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; text-align: center;}
.bottom-list-bx {position: relative; padding-top: 20px;}
.bottom-list-bx.line::before {content: ""; position: absolute; width: 1px; height: 100%; background: #E0E0E0; top: 0; left: 50%;}
.bottom-list-bx p {position: relative; z-index: 2; display: flex; width: 100%; margin: 0 auto; min-height: 70px; align-items: center; justify-content: center; background: #8E99AB; background-size: cover; font-size: 20px; line-height: 30px; color: #fff; font-weight: 500; text-align: center;}

.bottom-list ul {position: relative; padding: 14px 20px; border: 1px solid #D3D8DE; background: #ECF1F7;}
.bottom-list ul::after {content: ""; position: absolute; right: 0px; bottom: 0px; border-top:25px solid #ECF1F7; border-right: 25px solid transparent; }
.bottom-list ul::before {content: ""; position: absolute; right: -1px; bottom: -1px; border-top:25px solid #D3D8DE;  border-right: 25px solid #fff;}
.bottom-list ul li {position: relative; font-size: 15px; line-height: 30px; color: #3067ba; padding-left: 15px;}
.bottom-list ul li::before {content: ""; position: absolute; width: 6px; height: 6px; border: 2px solid #3067ba; border-radius: 50%; left: 0; top: 10px;}

.org-bottom-other {position: relative; float: left; width: 22%;}
.org-bottom-other::before {content: ""; position: absolute; width: 1px; height: calc(100% - 35px); background: #e0e0e0; left: 0; top: 0;}
.bottom-other-inner {position: relative; padding-left: 31%; margin-top: 50px;}
.bottom-other-inner::before {content: ""; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background: #e0e0e0;}
.bottom-other-inner p {position: relative; z-index: 2; display: flex; width: 100%; margin: 0 auto; min-height: 70px; align-items: center; justify-content: center; background: #fff;  font-size: 20px; line-height: 30px; color: #1a58c0; border: 1px solid #1a58c0; font-weight: 500; text-align: center;}

@media all and (max-width: 900px){
  .org-type1 p {width: 25%;}
  .org-type2-wrap .center-title {width: 25%;}
  .org-type2-bx {width: 100%;}
  .org-type2-other {left: 0; width: 30%;}
}

@media all and (max-width: 700px){
  .org-bottom-wrap::before {display: none;}

  .bottom-bottom-title {padding-top: 0;}
  .bottom-bottom-title::after {display: none;}
  .org-bottom-inner {margin-bottom: 0; width: 29.3%;}
  .org-bottom-inner:last-child {margin-right: 0;}
  .org-bottom-inner:first-child::before {display: none;}

  .org-bottom-left {width: 100%; padding-left: 0; margin-bottom: 50px;}

  .org-bottom-right {float: left; width: 70.7%;}
  .bottom-right-inner {width: 42%; margin-right: 8%}
  .bottom-right-inner:first-child {margin-right: 8%;}

  .org-bottom-other {width: 29.3%;}
  .bottom-other-inner {padding-left: 0; margin-top: 0;}
  .bottom-other-inner:first-child {margin-bottom: 50px;}
  .org-bottom-other::before {display: none;}
}

@media all and (max-width: 500px) {
  .org-type1 p {width: 100%;}
  .org-type2-wrap.bottom {padding-bottom: 0; margin-bottom: 50px;}
  .org-type2-wrap .center-title {width: 100%;}
  .org-type2-inner {position: static; margin: 0 auto; width: 100%;}
  .org-type2-bx {width: 100%; padding-top: 20px;}
  .org-type2-bx p {width: 100%;}
  .org-type2-other {position: static; width: 100%; margin: 0 auto;}

  .org-bottom-wrap {margin-top: 50px;}
  .org-bottom-left {float: none; width: 100%; overflow: hidden; margin-bottom: 0;}
  .org-bottom-inner {width: 100%; margin-bottom: 30px; margin-right: 0;}

  .org-bottom-right {float: none; width: 100%;}
  .bottom-right-inner:first-child {width: 100%; margin-right: 0; margin-bottom: 30px;}
  .bottom-right-inner {width: 100%;}

  .org-bottom-other {width: 100%; margin-top: 30px;}
  .bottom-other-inner:first-child {margin-bottom: 30px;}
}

/* 사업소개 */
.business-top {display: table; width: 100%; max-width: 970px; margin: 0 auto;}
.business-top > div {display: table-cell; vertical-align: middle; text-align: center; height: 268px;}
.business-top .business-top-inner {width: 28%;}
.business-top .business-top-inner p {font-size: 25px; line-height: 30px; color: #fff; font-weight: 500;}
.business-top .business-top-inner.style1 {background: url("../../images/sub/business_circle1.png") no-repeat center; background-size: contain;}
.business-top .business-top-inner.style2 {background: url("../../images/sub/business_circle2.png") no-repeat center; background-size: contain;}
.business-top .business-top-inner.style3 {background: url("../../images/sub/business_circle3.png") no-repeat center; background-size: contain;}
.business-top .business-top-dot {width: 8%; padding: 0 1.5%;}
.business-top .business-top-dot p {height: 100%; background: url("../../images/sub/business_dot.png") no-repeat center; background-size: contain;}

.business-arrow {text-align: center;}
.business-arrow img {max-width: 100%;}

.business-info-inner {float: left; width: 28.6%; margin-left: 7%;}
.business-info-inner:first-child {margin-left: 0;}
.business-info-top .title {padding: 12px 0; text-align: center; font-size: 25px; line-height: 30px;font-weight: 500; color: #fff;}

.business-info-inner.style1 .business-info-top .title {background: url("../../images/sub/business_bg1.jpg") no-repeat; background-size: cover;}
.business-info-inner.style2 .business-info-top .title {background: url("../../images/sub/business_bg2.jpg") no-repeat; background-size: cover;}
.business-info-inner.style3 .business-info-top .title {background: url("../../images/sub/business_bg3.jpg") no-repeat; background-size: cover;}

.business-info-top-info {position: relative; padding-bottom: 40px;}
.business-info-top-info::before {content: ""; position: absolute; width: 1px; height: 100%; background: #E5E5E5; left: 50%; margin-left: -0.5px; bottom: 0; z-index: -1;}
.business-info-top-info::after {content: ""; position: absolute; width: 15px; height: 15px; border-radius: 50%; bottom: -7.5px; left: 50%; margin-left: -7.5px;}
.business-info-inner.style1 .business-info-top-info::after {background: #18BCD7;}
.business-info-inner.style2 .business-info-top-info::after {background: #0178DD;}
.business-info-inner.style3 .business-info-top-info::after {background: #435EAA;}
.business-info-top-info p {padding: 25px 20px; background: #F1F1F1; min-height: 240px; font-size: 16px; line-height: 26px; color: #333333; font-weight: 300; text-align: center;}

.business-info-bottom {border-radius: 5px; border: 1px solid #EAEAEA; padding: 20px; min-height: 275px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.business-info-bottom ul li {font-size: 16px; line-height: 22px; color: #333333; font-weight: 300; margin-top: 20px;}
.business-info-bottom ul li:first-child {margin-top: 0;}
.business-info-bottom ul li p {position: relative; font-size: 18px; line-height: 25px; color: #2958a2; font-weight: 500; padding-left: 20px; margin-bottom: 15px;}
.business-info-bottom ul li p::before {content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 0; top: 7px; background: #3067BA;}

@media all and (max-width: 768px){
  .business-top, .business-arrow {display: none;}

  .business-info-inner {float: none; width: 100%; margin-left: 0; margin-bottom: 30px;}
  .business-info-top-info p, .business-info-bottom {min-height: auto;}
}


/* 비전 */
.vision-top-icon {width: 110px; height: 110px; margin: 0 auto; background: url("../../images/sub/vision_icon_bg.png") no-repeat center;}
.vision-top-icon p {font-size: 20px; color: #fff; font-weight: 500; text-align: center; line-height: 110px;}

.vision-top-arrow {text-align: center;}

.vision-bg-box {position: relative; border: 2px solid #1C7DD7; background: #F7FBFE; padding: 20px 10px; text-align: center; margin-top: 10px;}
.vision-bg-box::before {content: ""; position: absolute; width: 83px; height: 24px; background: url("../../images/sub/vision_bg2.png") no-repeat center; left: 0; top: 50%; margin-top: -12px;}
.vision-bg-box::after {content: ""; position: absolute; width: 159px; height: 100%; background: url("../../images/sub/vision_bg1.png") no-repeat center; right: 0; top: 0;}
.vision-bg-box p {position: relative; font-size: 34px; color: #1e2e55; font-weight: 600; z-index: 2;}

.vision-line-bx {margin-top: 40px;}
.vision-line-bx > div {float: left; width: calc(50% - 20px); text-align: center;}
.vision-line-bx > div:first-child {margin-right: 40px;}
.vision-line-bx .vision-line-style1 {border: 2px solid #20C1F5; padding: 20px 10px; font-size: 20px; color: #1e9bc4; font-weight: 500;}
.vision-line-bx .vision-line-style2 {border: 2px solid #1B60C6; padding: 20px 10px; font-size: 20px; color: #164892; font-weight: 500;}

.vision-circle {max-width: 850px; margin: 90px auto 55px;}
.vision-circle-inner {float: left; display: flex; width: 300px; height: 300px; margin-left: -25px; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}
.vision-circle-inner .pc-blank {display: block;}
.vision-circle-inner:first-child {margin-left: 0;}
.vision-circle-inner.style1 {background: rgba(24, 188, 215, 0.8);}
.vision-circle-inner.style2 {background: rgba(1, 120, 221, 0.8);}
.vision-circle-inner.style3 {background: rgba(67, 94, 170, 0.8);}
.vision-circle-inner p {font-size: 25px; line-height: 35px; color: #fff; font-weight: 500;}

.vision-graph {position: relative; padding: 205px 0 50px;}
.vision-graph .vision-bg {text-align: center;}
.vision-graph .vision-bg > img {max-width: 45%;}
.vision-graph .vision-center-info {position: absolute; width: 100%; text-align: center; top: 50%; height: 182px; margin-top: -11px;}
.vision-graph .vision-center-info-inner {max-width: 26%; margin: 0 auto;}
.vision-graph .vision-center-info-inner .title {font-size: 24px; line-height: 25px; font-weight: 500; color: #333333; margin: 30px 0 15px;}
.vision-graph .vision-center-info-inner .info {font-size: 22px; line-height: 30px; color: #666666; font-weight: 300;}
.vision-graph .vision-center-info-inner .pc-blank {display: block;}

.vision-graph .vision-info-bx {position: absolute;}
.vision-info-title {display: flex; width: 190px; height: 190px; justify-content: center; align-items: center; text-align: center; border-radius: 50%;}
.vision-info-title p {font-size: 18px; line-height: 25px; color: #fff; font-weight: 600;}
.vision-info-title .pc-blank {display: block;}

.vision-info {position: relative; border-radius: 5px; border: 1px solid #EAEAEA; padding: 20px 20px 25px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.vision-info::after {content: ""; position: absolute; width: 15px; height: 15px; border-radius: 50%; }
.vision-info p {font-size: 16px; line-height: 20px; color: #333333; font-weight: 300; word-break: keep-all;}

.vision-info-bx.style1 {top: 0; left: 50%; margin-left: -195px; padding-bottom: 205px;}
.vision-info-bx.style1 .vision-info-title {position: absolute; bottom: 0; left: 50%; margin-left: -95px; background: #18BCD7;}
.vision-info-bx.style1 .vision-info {max-width: 390px;}
.vision-info-bx.style1 .vision-info::after {left: 50%; margin-left: -7.5px; bottom: -7.5px; background: #18BCD7;}

.vision-info-bx.style2 {right: 0; width: 35%; top: 37%;}
.vision-info-bx.style2 .vision-info-title {float: left; background: #01DDDA; vertical-align: middle;}
.vision-info-bx.style2 .vision-info {float: left;  width: calc(100% - 207px); max-width: 275px; margin-top: 45px; margin-left: 17px;}
.vision-info-bx.style2 .vision-info::after {left: -7.5px; top: 50%; margin-top: -7.5px; background: #01DDDA;}

.vision-info-bx.style3 {right: 0; bottom: 0; width: 41%;}
.vision-info-bx.style3 .vision-info-title {float: left; background: #0178DD;}
.vision-info-bx.style3 .vision-info {float: left; width: calc(100% - 207px); max-width: 370px; margin-top: 55px; margin-left: 17px;}
.vision-info-bx.style3 .vision-info::after {left: -7.5px; top: 50%; margin-top: -7.5px; background: #0178DD;}

.vision-info-bx.style4 {left: 0; width: 35%; top: 37%;}
.vision-info-bx.style4 .vision-info-title {float: right; background: #4371AA; vertical-align: middle;}
.vision-info-bx.style4 .vision-info {float: right;  width: calc(100% - 207px); max-width: 275px; margin-top: 45px; margin-right: 17px; text-align: right;}
.vision-info-bx.style4 .vision-info::after {right: -7.5px; top: 50%; margin-top: -7.5px; background: #4371AA;}

.vision-info-bx.style5 {left: 0; bottom: 0; width: 41%;}
.vision-info-bx.style5 .vision-info-title {float: right; background: #435EAA;}
.vision-info-bx.style5 .vision-info {float: right; width: calc(100% - 207px); max-width: 370px; margin-top: 55px; margin-right: 17px; text-align: right;}
.vision-info-bx.style5 .vision-info::after {right: -7.5px; top: 50%; margin-top: -7.5px; background: #435EAA;}

@media all and (max-width: 1200px){
  .vision-graph {padding: 0;}
  .vision-bg {display: none;}
  .vision-graph .vision-center-info {position: static; border-radius: 5px; border: 1px solid #EAEAEA; padding: 20px 20px 25px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 5px rgba(0, 0, 0, 0.2); height: auto;}
  .vision-graph .vision-center-info-inner {max-width: 100%; overflow: hidden; word-break: keep-all;}
  .vision-graph .vision-center-info-inner img {max-width: 100%;}
  .vision-graph .vision-center-info-inner .pc-blank {display: inline-block;}
  .vision-graph .vision-center-info-txt {margin-top: 10px;}
  .vision-graph .vision-center-info-inner .title {margin: 0 0 10px;}

  .vision-graph .vision-info-bx {position: static; overflow: hidden; padding: 20px 0;}
  .vision-info-title .pc-blank {display: none;}
  .vision-info-bx .vision-info-title p {display: flex;  width: 100%; height: 100%; align-items: center; justify-content: center; padding: 0 20px; word-break: keep-all;}

  .vision-info-bx.style1 {padding-bottom: 0; margin-left: 0;}
  .vision-info-bx.style1 .vision-info-title {position: static; display: inline-block; margin-left: 0; vertical-align: middle;}
  .vision-info-bx.style1 .vision-info {display: inline-block; vertical-align: middle; margin-left: 10px; max-width: 100%; width: calc(100% - 220px);}
  .vision-info-bx.style1 .vision-info::after {left: -7.5px; margin-left: 0; top: 50%; margin-top: -7.5px; bottom: auto;}

  .vision-info-bx.style2 {width: 100%;}
  .vision-info-bx.style2 .vision-info-title {float: none; display: inline-block; vertical-align: middle;}
  .vision-info-bx.style2 .vision-info {float: none; display: inline-block; vertical-align: middle; width: calc(100% - 220px); margin-left: 10px; max-width: 100%; margin-top: 0;}

  .vision-info-bx.style3 {width: 100%;}
  .vision-info-bx.style3 .vision-info-title {float: none; display: inline-block; vertical-align: middle;}
  .vision-info-bx.style3 .vision-info {float: none; display: inline-block; vertical-align: middle; width: calc(100% - 220px); margin-left: 10px; max-width: 100%; margin-top: 0;}

  .vision-info-bx.style4 {width: 100%;}
  .vision-info-bx.style4 .vision-info-title {float: none; display: inline-block; vertical-align: middle;}
  .vision-info-bx.style4 .vision-info {float: none; display: inline-block; vertical-align: middle; width: calc(100% - 220px); margin-left: 10px; max-width: 100%; margin-top: 0;  margin-right: 0; text-align: left;}
  .vision-info-bx.style4 .vision-info::after {right: auto; left: -7.5px;}

  .vision-info-bx.style5 {width: 100%;}
  .vision-info-bx.style5 .vision-info-title {float: none; display: inline-block; vertical-align: middle;}
  .vision-info-bx.style5 .vision-info {float: none; display: inline-block; vertical-align: middle; width: calc(100% - 220px); margin-left: 10px; max-width: 100%; margin-top: 0;  margin-right: 0; text-align: left;}
  .vision-info-bx.style5 .vision-info::after {right: auto; left: -7.5px;}
}

@media all and (max-width: 910px){
  .vision-circle {max-width: 640px;}
  .vision-circle-inner {width: 230px; height: 230px;}
}

@media all and (max-width: 768px){
  .vision-bg-box p {font-size: 27px;}
  
  .vision-line-bx > div {float: none; width: 100%;}
  .vision-line-bx > div:first-child {margin-right: 0; margin-bottom: 20px;}

  .vision-circle {display: table; width: 100%;  margin: 40px 0;}
  .vision-circle-inner {display: table-cell; vertical-align: middle; float: none; border-radius: 0; width: 33.33%; height: 100%; padding: 10px; margin-left: 0;}
  .vision-circle-inner .pc-blank {display: inline-block;}
  .vision-circle-inner p {word-break: keep-all; font-size: 17px; line-height: 22px;}

  .vision-graph .vision-center-info-inner {text-align: center;}
  .vision-graph .vision-center-info-inner img {float: none; margin-top: 0;}
  .vision-graph .vision-center-info-txt {float: none; width: 100%; text-align: center; margin-top: 15px; margin-left: 0;}
}

@media all and (max-width: 460px){
  .vision-info-bx.style1 .vision-info-title {width: 100%; height: auto; padding: 15px 10px; border-radius: 0;}
  .vision-info-bx.style1 .vision-info {display: block; width: 100%; margin-left: 0; margin-top: 15px;}
  .vision-info-bx.style1 .vision-info::after {top: -7.5px; left: 50%; margin-left: -7.5px; margin-top: 0;}

  .vision-info-bx.style2 .vision-info-title {width: 100%; height: auto; padding: 15px 10px; border-radius: 0;}
  .vision-info-bx.style2 .vision-info {display: block; width: 100%; margin-left: 0; margin-top: 15px;}
  .vision-info-bx.style2 .vision-info::after {top: -7.5px; left: 50%; margin-left: -7.5px; margin-top: 0;}

  .vision-info-bx.style3 .vision-info-title {width: 100%; height: auto; padding: 15px 10px; border-radius: 0;}
  .vision-info-bx.style3 .vision-info {display: block; width: 100%; margin-left: 0; margin-top: 15px;}
  .vision-info-bx.style3 .vision-info::after {top: -7.5px; left: 50%; margin-left: -7.5px; margin-top: 0;}

  .vision-info-bx.style4 .vision-info-title {width: 100%; height: auto; padding: 15px 10px; border-radius: 0;}
  .vision-info-bx.style4 .vision-info {display: block; width: 100%; margin-left: 0; margin-top: 15px;}
  .vision-info-bx.style4 .vision-info::after {top: -7.5px; left: 50%; margin-left: -7.5px; margin-top: 0;}

  .vision-info-bx.style5 .vision-info-title {width: 100%; height: auto; padding: 15px 10px; border-radius: 0;}
  .vision-info-bx.style5 .vision-info {display: block; width: 100%; margin-left: 0; margin-top: 15px;}
  .vision-info-bx.style5 .vision-info::after {top: -7.5px; left: 50%; margin-left: -7.5px; margin-top: 0;}
}