@charset "utf-8";


/* vision 2030 */
.image-banner-wrap.type2{background: url(/sites/hallym/images/sub/image_banner_2.jpg) no-repeat center center / cover;}

.vision-content-wrap .vision-content-box{position: relative;}
.vision-content-wrap .vision-content-box .vision-content-title{position: absolute; left: 50%; transform: translateX(-50%); width: 200px; border-radius: 5px; text-align: center; font-size: 16px; color: #ffffff; background: linear-gradient(90deg,rgba(0, 103, 179, 1) 0%, rgba(63, 142, 221, 1) 100%); padding: 8px 0; top: -20px;}

.vision-content-wrap .vision-content-box.vision-slogan{background: linear-gradient(45deg,rgba(0, 103, 179, 1) 0%, rgba(63, 142, 221, 1) 100%); padding: 5px; border-radius: 100px; margin-bottom: 50px;}
.vision-content-wrap .vision-content-box.vision-slogan h1{text-align: center; font-size: 26px; color: #0067b3; font-family: "HG Medium"; background-color: #ebf7ff; border-radius: 100px; padding: 28px 0;}

.vision-content-wrap .vision-content-box.vision-goal{margin-bottom: 70px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-content-title{top: 67px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: 128px; background: url(/sites/hallym/images/sub/vision_arrow.png) no-repeat top center;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li{border-radius: 10px; border: 3px solid #8093a9; position: relative; overflow: hidden; width: 18%; margin-right: 2.5%; display: flex; align-items: center; padding: 43px 0; justify-content: center; background-color: white;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:last-child{margin-right: 0;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li .vision-goal-logo{position: absolute; right: -7px; bottom: -6px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:nth-child(3) .vision-goal-logo{bottom: -10px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:nth-child(4) .vision-goal-logo{bottom: -10px;}
.vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li p{text-align: center; font-size: 19px; color: #555555;}

.vision-content-wrap .vision-content-box.vision-strategy{margin-bottom: 70px;}
.vision-content-wrap .vision-strategy-list{background-color: #ebf7ff; border-radius: 10px; padding: 70px 0 50px;}
.vision-content-wrap .vision-strategy-list ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative;}
.vision-content-wrap .vision-strategy-list ul::before{content:""; display: block; position: absolute; left: 50%; top: 50%; width: 426px; height: 3px; transform: translate(-50%, -50%); background: url(/sites/hallym/images/sub/vision_line.png); z-index: 1;}
.vision-content-wrap .vision-strategy-list li{margin-right: 10px; position: relative; z-index: 2;}
.vision-content-wrap .vision-strategy-list li:last-child{margin-right: 0;}
.vision-content-wrap .vision-strategy-list .vision-circle-wrap{width: 270px; height: 270px; padding: 15px; border-radius: 50%;}
.vision-content-wrap .vision-strategy-list .vision-circle-inner{width: 100%; height: 100%; padding: 15px; border-radius: 50%;}
.vision-content-wrap .vision-strategy-list .vision-circle-box{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%;}
.vision-content-wrap .vision-strategy-list .vision-strategy-logo{width: 50px; height: 50px; text-align: center;}
.vision-content-wrap .vision-strategy-list p{font-size: 19px; color: #ffffff; font-family: "HG Medium";}
.vision-content-wrap .vision-strategy-list li:nth-child(1) .vision-circle-wrap{background-color: rgba(63,142,221,.1);}
.vision-content-wrap .vision-strategy-list li:nth-child(1) .vision-circle-inner{background-color: rgba(63,142,221,.2);}
.vision-content-wrap .vision-strategy-list li:nth-child(1) .vision-circle-box{background-color: rgba(63,142,221,1);}
.vision-content-wrap .vision-strategy-list li:nth-child(2) .vision-circle-wrap{background-color: rgba(4,46,111,.1);}
.vision-content-wrap .vision-strategy-list li:nth-child(2) .vision-circle-inner{background-color: rgba(4,46,111,.2);}
.vision-content-wrap .vision-strategy-list li:nth-child(2) .vision-circle-box{background-color: rgba(4,46,111,1);}
.vision-content-wrap .vision-strategy-list li:nth-child(3) .vision-circle-wrap{background-color: rgba(0,182,173,.1);}
.vision-content-wrap .vision-strategy-list li:nth-child(3) .vision-circle-inner{background-color: rgba(0,182,173,.2);}
.vision-content-wrap .vision-strategy-list li:nth-child(3) .vision-circle-box{background-color: rgba(0,182,173,1);}

.vision-content-wrap .plan-list{display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #f7f7f7; border-radius: 10px; padding: 37px 0 40px;}
.vision-content-wrap .plan-list .plan-list-box{width: 50%; padding: 0 40px; position: relative;}
.vision-content-wrap .plan-list .plan-list-box::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #dddee0;}
.vision-content-wrap .plan-list .plan-list-box:last-child::after{display: none;}

.vision-content-wrap .vision-main-list > ul{display: flex; flex-wrap: wrap; justify-content: start; align-items: stretch; margin: -20px -15px 0;}
.vision-content-wrap .vision-main-list > ul > li{width: calc(100%/3); padding: 0 15px; margin-top: 30px;}
.vision-content-wrap .vision-main-list-box{height: 100%;}
.vision-content-wrap .vision-main-title{padding-bottom: 30px; position: relative;}
.vision-content-wrap .vision-main-title::after{content:""; display: block; position: absolute; left: 50%; width: 1px; height: 100%; background-color: #222222; top: 0;}
.vision-content-wrap .vision-main-title h1{font-size: 18px; font-family: "HG Bold"; color: #ffffff; position: relative; z-index: 2; background-color: #8093a9; text-align: center; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 80px;}
.vision-content-wrap .vision-main-content{border: 1px solid #222222; border-radius: 10px; padding: 21px 30px; height: calc(100% - 110px);}

@media screen and (max-width: 1250px) {
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li p{font-size: 16px;}   
  .vision-content-wrap .vision-strategy-list .vision-circle-wrap{width: 200px; height: 200px;}
  .vision-content-wrap .vision-strategy-list p{font-size: 16px;}
  .vision-content-wrap .vision-main-list > ul > li{width: 50%;}
}

@media screen and (max-width: 768px) {
  .vision-content-wrap .vision-content-box.vision-slogan h1{font-size: 25px;}
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list ul{margin-top: -10px;}
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li{width: 49%; margin-right: 2%; margin-top: 10px;}
  .vision-content-wrap .vision-content-box.vision-goal .vision-goal-list li:nth-child(even){margin-right: 0;}
  .vision-content-wrap .vision-strategy-list ul::before{display: none;}
  .vision-content-wrap .plan-list .plan-list-box{width: 100%; padding: 0 20px; margin-bottom: 5px;}
  .vision-content-wrap .plan-list .plan-list-box::after{display: none;}
  .vision-content-wrap .plan-list .plan-list-box:last-child{margin-bottom: 0;}
  .vision-content-wrap .vision-main-list > ul > li{width: 100%;}
  .vision-content-wrap .vision-main-title h1{padding: 0 10px;}
}

/* vision 2030 */