.bg-top {width: 100%;margin: 0 auto;border-radius: 20px;overflow: hidden;margin: 0 0 120px;}
.list-pride {width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
.list-pride .item {position: relative;}
.list-pride .item .banner{position: relative;}
.list-pride .item .banner:before {content: "";position: absolute;width: 100%;height: 100%;top:0 ;left: 0;background: #00000080;}
.list-pride .item .banner img {width: 100%;height: 100%;object-fit: cover;}
.list-pride .item:nth-child(2) .banner:before {background: #0000004D;}
.list-pride .item:nth-child(3) .banner:before {background: transparent;}
.list-pride .content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1200px;width: 100%;}

.vision-wrap {position: relative;width: 600px;height: 600px;margin: 0 auto;}
.con-box {position: relative;}
.img-box {position: relative;height: 400px;border-radius: 20px;overflow: hidden;}
.img-box img {width: 100%;height: 100%;object-fit: cover;}
.text-box {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);padding: 0 20px;box-sizing: border-box;}
.text-box .guide_text{ font-family: Paperlogy;font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #ffffff;padding: 0 0 32px;}
.text-box .title{font-weight: 700;font-size: 48px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #fff;}

@media (min-width:769px) and (max-width:1520px) {
	.list-pride .content .kr {font-size:calc(48/1920*100vw);}
}

@media (max-width: 1024px) {
	.text-box  .guide_text{font-size:30px;padding:0 0 20px;}
	.text-box  .title{font-size:22px;}
}

@media (max-width: 768px) {
	.bg-top {margin: 0 0 60px;}
	.list-pride .content {width:calc(100% - 32px);}
	.list-pride .item .banner img {height: calc(750 / 750 * 100vw);object-position: center;}
}





/*미션*/
.vision_01 .cover{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:3;display:block;background:rgba(0,0,0,0.6);}
.vision .vision_inner {position:absolute;top:0%;left:0%;width:100%;height:100%;max-width:100%;max-height:100vh;display:flex;justify-content: center;align-items: center;overflow:hidden;}
.vision .vision_inner .thumb { position:absolute; top:0; left:0; width:100%; height:100%; width:100vw; height:100vh; display:block; z-index:2; overflow:hidden ; }
.vision .vision_inner .thumb:before {content: "";position: absolute;width: 100%;height: 100%;top:0 ;left: 0;background: #0000004D;}
.vision .vision_inner .thumb img{ width:100%; height:100%; object-fit: cover;}
.vision .text_box{width: 100%;position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:4; color:var(--white); display:flex; flex-direction: column; align-items: center;}

.vision_box { position:relative; height:500vh;width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw); overflow:hidden; display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.vision{ position:relative; width:100%; height:100vh; max-width:100vw; min-height:100vh; max-height:100vh; overflow: hidden;}
.vision .guide_text{ font-family: Paperlogy;font-weight: 700;font-size: 32px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #ffffff;padding: 0 0 32px;}
.vision .title{font-weight: 700;font-size: 48px;line-height: 150%;letter-spacing: -0.2px;text-align: center;vertical-align: middle;color: #fff;}
.vision .title img {width: 100%;height: 100%;object-fit: cover;}


.vision.vision_02{ z-index:4}
.vision.vision_03{ z-index:5}
.vision.vision_04 { z-index:6}
.vision.vision_02,
.vision.vision_03,
.vision.vision_04 {  position: absolute;  top: 0;  left: 0;   width: 100%; height:100% }

.vision_02 .guide_graph { display:flex; width:auto; gap:0 33.8rem; justify-content: center; align-items: flex-start; position:relative}
.vision_02 .guide_graph .graph_box { position:absolute; top:1.2rem; left:50%; transform: translateX(-50%); width:52.4rem; height:52.4rem; display:flex; justify-content: center; align-items: center; background:url(/_res/ko/img/sub/IR_030000/sc02_circle.png) no-repeat center / cover; }
.vision_02 .left_ul,
.vision_02 .right_ul { margin-top:8.4rem; }
.vision_02 dl{ position:relative}
.vision_02 dl * { color:var(--white); }
.vision_02 dl dt { font-size:4rem; font-weight:700; }
.vision_02 dl dd { width:100%; font-size:2rem; font-weight:400; white-space: nowrap;}
.vision_02 .left_top,
.vision_02 .left_bottom { padding-right:28.5rem}
.vision_02 .left_top *,
.vision_02 .left_bottom * { text-align: right; }
.vision_02 .left_top dd.pc_block,
.vision_02 .left_bottom dd.pc_block { justify-content: flex-end; }
.vision_02 .left_top:before,
.vision_02 .left_bottom:before { content:""; width:26.5rem; height:1.2rem; display:block; position:absolute; right:0; top:2.4rem; background-position:right top; background-repeat: no-repeat; background-size:100% auto}
.vision_02 .right_top,
.vision_02 .right_bottom { padding-left:28.5rem}
.vision_02 .left_bottom { margin-top:20rem;}
.vision_02 .right_bottom { margin-top:16.8rem;}
.vision_02 .right_top *,
.vision_02 .right_bottom * { text-align: left; }
.vision_02 .right_top:before,
.vision_02 .right_bottom:before { content:""; width:26.5rem; height:1.2rem; display:block; position:absolute; left:0; top:2.4rem; background-position:right top; background-repeat: no-repeat; background-size:100% auto}

.vision_02 ul { width:100%; display:grid; grid-template-columns: repeat(4, 1fr); gap:4rem}
.vision_02 li { position:relative; width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; gap:2rem 0;}
.vision_02 li .thumb{ display:flex; font-size:0; }
.vision_02 li .thumb img { width:100%}
.vision_02 li .row{ display:flex; flex-direction: column; align-items: center; gap:0.8rem 0}
.vision_02 .title {  }

.vision_03{ display:flex; justify-content: flex-start; align-items: center; gap:0 8rem}
.vision_03 .thumb{ width:60rem; }
.vision_03 .thumb img{ width:100%;}
.vision_03 .col{ display:flex; flex-direction: column; align-items: flex-start; gap:1.6rem 0;}
.vision_03 .col .guide_text { font-family: "Montserrat", sans-serif; font-size:3.2rem; font-weight:700; text-align: center; color:var(--primary)}
.vision_03 .col .text{}
/*.vision_04 { margin-bottom:-20rem; }*/



@media (max-width: 1024px){
	/*미션*/

	.pin-spacer {padding: 0!important;}

	.vision_box { height:400vh; }
	.vision .text_box{ width:calc(100% - 2.4rem)}

	.vision{ position:relative; width:100%; height:100vh; max-width:100vw; max-height:100vh; overflow: hidden;}
	.vision .guide_text{font-size:30px;padding:0 0 20px;}
	.vision .title{font-size:22px;}

	.vision_02 .guide_graph { width:100%; gap:4rem 2rem; display:grid; grid-template-columns: repeat(2, 1fr); justify-items: center; }
	.vision_02 .guide_graph .graph_box { grid-column: 1 / span 2; position:static; transform: none; width:24rem; height:24rem; background:url(/_res/ko/img/sub/IR_030000/sc02_circle_m.png) no-repeat center / cover; }
	.vision_02 .left_ul,
	.vision_02 .right_ul { margin-top:0; display:flex; flex-direction: column; align-items: flex-start; gap:2rem 0; }
	.vision_02 dl{ position:relative}
	.vision_02 dl dt { font-size:2rem; }
	.vision_02 dl dd { font-size:1.4rem; white-space: wrap; min-height:8.4rem;}
	.vision_02 .left_top,
	.vision_02 .left_bottom { padding-right:0}
	.vision_02 .left_top *,
	.vision_02 .left_bottom * { text-align: left; }
	.vision_02 .left_top:before,
	.vision_02 .left_bottom:before { display:none }
	.vision_02 .right_top,
	.vision_02 .right_bottom { padding-left:0}
	.vision_02 .left_bottom { margin-top:0;}
	.vision_02 .right_bottom { margin-top:0}
	.vision_02 .right_top *,
	.vision_02 .right_bottom * { text-align: left; }
	.vision_02 .right_top:before,
	.vision_02 .right_bottom:before { display:none }

	.vision_02 ul { width:100%; display:grid; grid-template-columns: repeat(4, 1fr); gap:4rem}
	.vision_02 li { position:relative; width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; gap:2rem 0;}
	.vision_02 li .thumb{ display:flex; font-size:0; }
	.vision_02 li .thumb img { width:100%}
	.vision_02 li .row{ display:flex; flex-direction: column; align-items: center; gap:0.8rem 0}
	.vision_02 .title {  }

	.vision_03{ display:flex; justify-content: flex-start; align-items: center; gap:0 8rem}
	.vision_03 .thumb{ width:60rem; }
	.vision_03 .thumb img{ width:100%;}
	.vision_03 .col{ display:flex; flex-direction: column; align-items: flex-start; gap:1.6rem 0;}
	.vision_03 .col .guide_text { font-family: "Montserrat", sans-serif; font-size:3.2rem; font-weight:700; text-align: center; color:var(--primary)}
	.vision_03 .col .text{}
	.vision_04 { margin-bottom:0; }

	.vision.vision_02,
	.vision.vision_03,
	.vision.vision_04 {  position: relative }
}