#wrap #container.info_vision .contents_area .section_1 {margin-top:110px}
#wrap #container.info_vision .contents_area .section_1 .circle_area {display:flex; justify-content: center;}
#wrap #container.info_vision .contents_area .section_1 .circle_area li {position:relative; display:flex; align-items: center; justify-content: center; width:293px; height:293px; color:#878787; font-family: 'NotoSansL'; font-size:26px; border:1px solid #ef7639; border-radius: 100%; transition: all 0.5s ease-in-out}
#wrap #container.info_vision .contents_area .section_1 .circle_area li:nth-child(1) {border-color:#ef7639}
#wrap #container.info_vision .contents_area .section_1 .circle_area li:nth-child(2) {margin:0 -20px; border-color:#0081b7}
#wrap #container.info_vision .contents_area .section_1 .circle_area li:nth-child(3) {border-color:#63c08b}

#wrap #container.info_vision .contents_area .section_1 .circle_area li.on {z-index:10; color:#fff; font-family: 'NotoSansM'; font-size:48px; box-shadow:0 15px 20px 20px rgba(0,0,0,0.1)}
#wrap #container.info_vision .contents_area .section_1 .circle_area li.on:after {content:''; position:absolute; left:50%; top:50%; display:block; width:391px; height:391px; margin:-195px 0 0 -195px; border-radius: 100%; border:1px dotted #becacf}
#wrap #container.info_vision .contents_area .section_1 .circle_area li.on:nth-child(1) {border-color:#ef7639; background:#ef7639;}
#wrap #container.info_vision .contents_area .section_1 .circle_area li.on:nth-child(2) {border-color:#0081b7; background:#0081b7;}
#wrap #container.info_vision .contents_area .section_1 .circle_area li.on:nth-child(3) {border-color:#63c08b; background:#63c08b;}

#wrap #container.info_vision .contents_area .section_1 .text_area {display: flex; justify-content: center; margin-top:120px}
#wrap #container.info_vision .contents_area .section_1 .text_area li {width:232px; color:#666;font-family: 'NotoSansL';font-size: 18px;line-height: 28px;letter-spacing: -0.03em;text-align: center; margin:0 21px; padding:35px 10px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}
#wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(1).on {color:#ef7639; font-family: 'NotoSansM';}
#wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(2).on {color:#0081b7; font-family: 'NotoSansM';}
#wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(3).on {color:#63c08b; font-family: 'NotoSansM';}

#wrap #container.info_vision .contents_area .section_2 {margin-top:110px; padding:80px 0 130px; text-align:center; background:#f7f7f7}
#wrap #container.info_vision .contents_area .section_2 .sub_tit {font-family: 'NotoSansL'; font-size:40px;letter-spacing: -0.065em;}
#wrap #container.info_vision .contents_area .section_2 .vision_area {position:relative; display:flex; flex-wrap: wrap; justify-content: space-between; width:680px; margin:90px auto 0}
#wrap #container.info_vision .contents_area .section_2 .vision_area:after {content:''; position:absolute; left:50%; top:50%; display:block; width:264px; height:264px; border-radius:100%; margin:-132px 0 0 -132px; background:#f7f7f7 url('/static/img/info/vision/logo.png') center center no-repeat}
#wrap.en #container.info_vision .contents_area .section_2 .vision_area:after {content:'';background:#f7f7f7 url('/static/img/en/info/vision/logo.png') center center no-repeat; background-size: 164px 177px;}
#wrap #container.info_vision .contents_area .section_2 .vision_area li {width:300px; height:250px; text-align: left; padding:62px 48px 0; margin-top:80px; background-color: #eee;}
#wrap.en #container.info_vision .contents_area .section_2 .vision_area li {width:300px; height:250px;text-align: left;padding: 22px 40px 0; margin-top:80px;background-color: #eee;}
#wrap #container.info_vision .contents_area .section_2 .vision_area li .vision_tit {color:#fff; font-size:36px;line-height: 50px;letter-spacing: -0.065em;}
#wrap #container.info_vision .contents_area .section_2 .vision_area li .vision_sub {color:#fff; font-size:18px;line-height: 28px;letter-spacing: -0.03em; margin-top:16px}
#wrap #container.info_vision .contents_area .section_2 .vision_area li:nth-child(1) {margin-top:0; background:#f37321; border-top-left-radius:30px;}
#wrap #container.info_vision .contents_area .section_2 .vision_area li:nth-child(2) {margin-top:0; background:#fdb913; border-top-right-radius:30px; text-align:right;}
#wrap #container.info_vision .contents_area .section_2 .vision_area li:nth-child(3) {background:#45b97c;border-bottom-left-radius:30px;}
#wrap #container.info_vision .contents_area .section_2 .vision_area li:nth-child(4) {background:#0081b7;border-bottom-right-radius:30px; text-align:right;}
/* 23.02.09 시작*/
#wrap #container.info_vision .contents_area .section_2 .visionList_area { max-width: 890px; margin: 60px auto 0; } 
#wrap #container.info_vision .contents_area .section_2 .visionList_area > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } 
#wrap #container.info_vision .contents_area .section_2 .visionList_area > ul > li { width: 33.3333%; margin-top: 40px; padding: 0 20px; } 
#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner { position: relative; height: 400px; padding-top: 210px; background-color: #ffffff; -webkit-box-shadow: 0px 30px 50px 2px rgb(0 0 0 / 12%); box-shadow: 0px 30px 50px 2px rgb(0 0 0 / 12%); text-align: center; } 
#wrap #container.info_vision.en .contents_area .section_2 .visionList_area .__inner {height: 470px; } 
#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner figure { position: absolute; top: 105px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner h5 { font-size: 20px; font-weight: 600; letter-spacing: -0.01em;opacity: 0.8; } 
#wrap #container.info_vision.en .contents_area .section_2 .visionList_area .__inner h5 {font-size: 18px; } 
#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner p {margin: 10px 10px 0; font-size: 17px; letter-spacing: -0.04em; line-height: 1.6em;opacity: 0.8; } 
#wrap #container.info_vision.en .contents_area .section_2 .visionList_area .__inner p {margin: 10px 15px 0; } 
/* 23.02.09 끝*/
@media all and (max-width:1023px) {
  #wrap #container.info_vision .contents_area .section_1 {display: flex; padding:0 6.806vw; margin-top:0}
  #wrap #container.info_vision .contents_area .section_1 .circle_area {display: block; width:39.583vw; min-width:39.583vw}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li {width:30.556vw; height:30.556vw; color:#fff; font-family:'NotoSansM'; font-size:4.861vw; margin-top:12.083vw; box-shadow:0 2.083vw 1.389vw 0.694vw rgba(0,0,0,0.05)}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:first-child {margin-top:0}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:before {content:''; position:absolute; left:50%; top:-7.222vw; display:block; width:0.139vw; height:2.639vw; border-left:0.278vw dotted #99acb4; margin-left:0.139vw}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:first-child:before {display:none}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:after,
  #wrap #container.info_vision .contents_area .section_1 .circle_area li.on:after {content:''; display:block; position:absolute; left:50%; top:50%; width:38.889vw; height:38.889vw; margin:-19.444vw 0 0 -19.444vw; border-radius:100%; border:0.278vw dotted #99acb4}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:nth-child(1) {background:#f37321}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:nth-child(2) {font-size:4.861vw; margin: 12.083vw 0 0; box-shadow:0 2.083vw 1.389vw 0.694vw rgba(0,0,0,0.05); background:#0081b7}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:nth-child(2):after {width:38.889vw; height:38.889vw; margin:-19.444vw 0 0 -19.444vw; border:0.278vw dotted #99acb4}
  #wrap #container.info_vision .contents_area .section_1 .circle_area li:nth-child(3) {background:#45b97c}

  #wrap #container.info_vision .contents_area .section_1 .circle_area li.on {font-size:4.861vw; box-shadow:0 2.083vw 1.389vw 0.694vw rgba(0,0,0,0.05)}

  #wrap #container.info_vision .contents_area .section_1 .text_area {flex-direction:column; justify-content: space-between; margin-top:0}
  #wrap #container.info_vision .contents_area .section_1 .text_area li {display:flex; align-items: center; width:auto; min-height: 30.556vw; font-size: 3.333vw; line-height:6.111vw;  text-align:left; border:0; padding:0; margin:0}
  #wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(1) {color:#f17221}
  #wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(2) {color:#0081b7}
  #wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(3) {color:#45b97c}

  #wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(1).on {font-family: 'NotoSansL';}
  #wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(2).on {font-family: 'NotoSansL';}
  #wrap #container.info_vision .contents_area .section_1 .text_area li:nth-child(3).on {font-family: 'NotoSansL';}

  #wrap #container.info_vision .contents_area .section_2 {margin-top:16.667vw; padding:13.194vw 6.667vw 13.889vw}
  #wrap #container.info_vision .contents_area .section_2 .sub_tit {font-size:5.556vw; line-height:7.222vw}
  #wrap #container.info_vision .contents_area .section_2 .vision_area {width:86.667vw; margin-top:9.028vw}
  #wrap #container.info_vision .contents_area .section_2 .vision_area li {width:41.667vw; height:34.722vw; padding:5vw 5.556vw; margin-top:3.472vw}
  #wrap.en #container.info_vision .contents_area .section_2 .vision_area li {width:41.667vw; height:34.722vw;padding: 4vw 3.056vw;margin-top:3.472vw;}
  #wrap #container.info_vision .contents_area .section_2 .vision_area:after {width:36.667vw; height:36.667vw; border-radius:100%; margin:-18.333vw 0 0 -18.333vw; background-size:22.778vw auto;}
  #wrap.en #container.info_vision .contents_area .section_2 .vision_area:after {background-size:22.78vw 24.58vw;}
  #wrap #container.info_vision .contents_area .section_2 .vision_area li .vision_tit {font-size:4.167vw}
  #wrap.en #container.info_vision .contents_area .section_2 .vision_area li .vision_tit {font-size: 3.667vw;line-height: 1.3;}
  #wrap #container.info_vision .contents_area .section_2 .vision_area li .vision_sub {font-size:3.333vw; line-height:4.861vw; margin-top:1.667vw}
  #wrap.en #container.info_vision .contents_area .section_2 .vision_area li .vision_sub {font-size: 2.733vw; line-height:4.861vw; margin-top:1.667vw}

  #wrap #container.info_vision .contents_area .section_2 .vision_area li:nth-child(3),
  #wrap #container.info_vision .contents_area .section_2 .vision_area li:nth-child(4) {display:flex;flex-direction: column;justify-content: flex-end;}
  /* 23.02.09 시작*/
	#wrap #container.info_vision .contents_area .section_2 .visionList_area { margin: 4vw auto 0; max-width: none; } 
	#wrap #container.info_vision .contents_area .section_2 .visionList_area > ul { margin-left: -3vw; margin-right: -3vw; } 
	#wrap #container.info_vision .contents_area .section_2 .visionList_area > ul > li { width: 50%; margin-top: 6vw; padding: 0 3vw; } 
	#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner { height: 60vw; padding-top: 25vw; } 
	#wrap #container.info_vision.en .contents_area .section_2 .visionList_area .__inner { height: 68vw; } 
	#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner figure { top: 14vw; left: 50%; } 
	#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner figure img { max-width: 25vw; max-height: 15vw; } 
	#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner h5 { font-size: 3.7vw; } 
	#wrap #container.info_vision.en .contents_area .section_2 .visionList_area .__inner h5 { font-size: 2.7vw; } 
	#wrap #container.info_vision .contents_area .section_2 .visionList_area .__inner p { margin: 2vw 2vw; font-size: 2.8vw; } 
	#wrap #container.info_vision.en .contents_area .section_2 .visionList_area .__inner p { margin: 2vw 3vw; font-size: 2.5vw; } 
  /* 23.02.09 끝*/
}