@charset "UTF-8";

/*************************************
	Special Story > New vision
*************************************/

.new_vision .pc-only { display: block; }
.new_vision .m-only { display: none; }

@media screen and (max-width: 960px) {
    .new_vision .pc-only { display: none; }
    .new_vision .m-only { display: block; }
}
.new_vision .visual {
    position: relative;
    padding: 60% 0 0;
    background: url("../images/contents/beyond-build/new_vision/nvision_visual_top.jpg") no-repeat 50% 0; 
    background-size: cover; 
	min-height: 1200px;
}
.new_vision .visual .txt {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
}
@media screen and (max-width: 960px) {
    .new_vision .visual {
        padding: 205% 0 0;
        background: url("../images/contents/beyond-build/new_vision/nvision_m_new_vision_top.jpg") no-repeat 50% 100%;
        background-size: cover; 
		min-height: auto;
    }
    .new_vision .visual .txt {
        width: 100%;        
        top: 10%;
    }
    .new_vision .visual .txt img.m-only { width: 100%; }
}
.new_vision .tit {
    color: #26abff;
    font-family: "Noto Sans KR";
    font-size: 36px;
    font-weight: 500;
    max-width: 1440px;
    margin: 0 auto;
}
@media screen and (max-width: 960px) {
    .new_vision .tit {
        font-size: 26px;
    }
}
/* 포스코그룹 7대사업 */
.new_vision .business {
    padding: 100px 0;
    max-width: 1440px;
    margin: 0 auto;
}
@media screen and (max-width: 1440px) {
    .new_vision .business {
        padding: 5vw 0;
    }
    .new_vision .business .inner_wrap {
        padding: 0 20px;
    }
}
.new_vision .business .tit {
    padding: 0 0 50px;
}
.new_vision .business ul {
    padding: 60px 0 50px;    
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.new_vision .business ul li { margin: 0 -10px; }
.new_vision .biz_txt1 {
    text-align: center;
    padding: 50px 0 50px;
}
.new_vision .biz_txt2 {
    text-align: center;
    padding: 50px 0 50px;
}
@media screen and (max-width: 1440px) {
    .new_vision .business ul {
        display: flex;
        flex-wrap: wrap;
    }
    .new_vision .business ul li { margin: -60px -10px 0; }
    .new_vision .biz_txt1 { width: 65%; min-width: 200px; margin: 0 auto; padding: 5vw 0; text-align: center;}
    .new_vision .biz_txt1 img { width: 100%; }
    .new_vision .biz_txt2 { width: 90%; min-width: 200px; margin: 0 auto; padding: 5vw 0; text-align: center;}
    .new_vision .biz_txt2 img { width: 100%; }    
}
@media screen and (max-width: 960px) {
    .new_vision .business .tit {
        padding: 0 0 2vw;
    }
    .new_vision .business ul {
        padding: 10vw 0 5vw; 
    }        
    .new_vision .business ul li { 
        width: 22vw;
        margin: -5vw -1vw 0; 
    }
    .new_vision .business ul li img { width: 100%; }
}

@media screen and (max-width: 600px) {
    .new_vision .business ul li { 
        width: 30vw;
    }
}
@media screen and (max-width: 480px) {
    .new_vision .business ul li { 
        width: 40vw;
    }
}
/* POSCO 2023 */
.new_vision .posco_2023 { margin: 0 auto; padding: 20px 0 100px; }
.new_vision .posco_2023 img.pc-only { width: 100%; }
.new_vision .posco_2023 img.m-only { width: 100%; }
@media screen and (max-width: 1440px) {
    .new_vision .posco_2023 { padding: 20px 0 50px; }
}

/* 성장비전 */
.new_vision .vision { max-width: 1440px; margin: 0 auto 50px; }
.new_vision .vision p { text-align: center; padding: 50px 0; }
.new_vision .vision p img { margin: 0 auto; }
@media screen and (max-width: 1440px) {
    .new_vision .vision { padding: 20px; margin: 0 auto;}    
    .new_vision .vision p { width: 90%; margin: 0 auto; padding: 6vw 0 2vw; }
    .new_vision .vision p img {
        width: 100%;
    }
}

/* 비전슬로건 */
.new_vision .slogan { max-width: 1440px; margin: 0 auto 50px; }
.new_vision .slogan p { text-align: center; padding: 50px 0; }
@media screen and (max-width: 1440px) {
    .new_vision .slogan { padding: 20px; }        
    .new_vision .slogan p { width: 90%; margin: 0 auto; padding: 6vw 0 2vw;}
    .new_vision .slogan p img { width: 100%; }
}
.new_vision .challenge {
	clear: both;
    margin: 200px 0 0;
    position: relative;
}
.new_vision .challenge .tit_area {
    width: 90%;
    position: relative;
    left: 0;
    top: 0;
    padding: 20% 0 0;  
    background: url("../images/contents/beyond-build/new_vision/nvision_challenge.png") no-repeat 0% 50%; 
    background-size: cover;
}
.new_vision .challenge .tit_area .stit {
    position: absolute;
    left: 10%;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.new_vision .challenge .tit_area .stit strong { color: #005793; font-size: 100px; display: block; line-height: 1.2; }
.new_vision .challenge .tit_area .stit span { color: #005793; font-size: 30px; display: block; line-height: 1.2; padding: 10px 0 0 10px;}
.new_vision .challenge .img { padding: 100px 0; }
.new_vision .challenge .img img { text-align: center; margin: 0 auto; }
.new_vision .challenge .img img.m-only { width: 92%; }

@media screen and (max-width: 1440px) {
    .new_vision .challenge {
        margin: 10vw 0 5vw;
        position: relative;
    }    
    .new_vision .challenge .tit_area { 
        width: 100%; 
        height: 38vw; 
        padding: 0; 
        background: url("../images/contents/beyond-build/new_vision/nvision_challenge.png") no-repeat 50% 50%;
        background-size: cover;        
    }
    .new_vision .challenge .tit_area .stit strong { font-size: 8vw; }
    .new_vision .challenge .tit_area .stit span { font-size: 4vw; }
    .new_vision .challenge .img { padding: 10vw 0; }
}

/* 우리의 자세 */
.attitude {
	border-top: 1px solid #ddd;
	padding: 100px 0;
}
.attitude .img {
	padding: 100px 0 0;
	text-align: center;
}
.attitude .img img {
	margin: 0 auto;
}

@media screen and (max-width: 1440px) {
	.new_vision .attitude {
		padding: 20px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 600px) {
	.attitude .img {
		width: 94%; 
		margin: 0 auto;
	}
	.attitude .img img {
		width: 100%;
	}
}


/* 지향점 */
.new_vision .direct_wrap .tit {
    padding: 0 0 40px;
}  
.new_vision [class^="direct_con"] {
    position: relative;
    padding: 35.9375% 0 0;    
}
.new_vision .direct_con1 { background: url("../images/contents/beyond-build/new_vision/nvision_direct_bg.jpg") no-repeat 50% 50%; background-size: cover; }
.new_vision .direct_con2 { background: url("../images/contents/beyond-build/new_vision/nvision_direct_bg2.jpg") no-repeat 50% 50%; background-size: cover; }
.new_vision .direct_con3 { background: url("../images/contents/beyond-build/new_vision/nvision_direct_bg3.jpg") no-repeat 50% 50%; background-size: cover; }
.new_vision .inner_con {
    max-width: 1440px;
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.new_vision .inner_con .stit { color: #fff; width: 270px; text-align: center; }
.new_vision .inner_con .stit strong { font-size: 40px; display: block; text-align: center;}
.new_vision .inner_con .stit span { font-size: 26px; display: block; text-align: center; padding: 10px 0 20px;}
.new_vision .inner_con .text { color: #fff; width: calc(100% - 270px);  padding: 0 20px 0 100px; }
.new_vision .inner_con .text p { font-size: 48px; font-weight: 400; line-height: 1.2; }
.new_vision .inner_con .text ul { padding: 20px 0 0; }
.new_vision .inner_con .text ul li { font-size: 24px; }

@media screen and (max-width: 1440px) {
    .new_vision .direct_wrap .tit {
        padding: 0 20px 20px;
    }      
    .new_vision .inner_con .text p br { display: none; }
}


@media screen and (max-width: 960px)   {
    .new_vision [class^="direct_con"] {
        position: relative;
        padding: 177.7777% 0 0;    
    }        
    .new_vision .inner_con {
        display: block;
        padding: 0 6vw;
    }
    .new_vision .direct_con1 { background: url("../images/contents/beyond-build/new_vision/nvision_m_direct_bg.jpg") no-repeat 50% 50%; background-size: cover; }
    .new_vision .direct_con2 { background: url("../images/contents/beyond-build/new_vision/nvision_m_direct_bg2.jpg") no-repeat 50% 50%; background-size: cover; }
    .new_vision .direct_con3 { background: url("../images/contents/beyond-build/new_vision/nvision_m_direct_bg3.jpg") no-repeat 50% 50%; background-size: cover; }

    .new_vision .inner_con .icon { width: 30%; }
    .new_vision .inner_con .icon img { width: 100%; }
    .new_vision .inner_con .stit { width: 100%; text-align: left; }
    .new_vision .inner_con .stit strong { font-size: 8vw; text-align: left; }
    .new_vision .inner_con .stit span { font-size: 5vw; text-align: left; padding: 20px 0; }
    .new_vision .inner_con .text { width: 100%; padding: 0;}
    .new_vision .inner_con .text p { font-size: 5vw; }
    .new_vision .inner_con .text ul li { font-size: 4vw; }
}

/* 에코  - 포트폴리오 혁신 */
.new_vision .eco {
    padding: 100px 0 0;
}
.new_vision .eco .stit { 
    position: relative; 
    padding: 20% 0 0; 
    min-height: 300px;
}
.new_vision .eco .stit:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 10%;
    width: 90%;
    height: 100%;
    background: url("../images/contents/beyond-build/new_vision/nvision_eco_bg.png") no-repeat 0 0;
    background-size: cover; 
}
.new_vision .eco .stit p { position: absolute; left: 20%; top: 50%; width: 60%; color:#fff; transform: translateY(-50%); }
.new_vision .eco .stit p strong { font-size: 140px; display: block; line-height: 1; margin: 0 0 20px; }
.new_vision .eco .stit p span { font-size: 36px; display: block; line-height: 1; }
.new_vision .eco ul { margin: 0 auto; display: flex; justify-content: center; }
.new_vision .eco ul li { padding: 80px 20px; }

@media screen and (max-width: 1024px) {
    .new_vision .eco { padding: 15vw 0 0; }
    .new_vision .eco .stit { min-height: auto; padding: 40% 0 0;}
    .new_vision .eco .stit p strong { font-size: 12vw; }
    .new_vision .eco .stit p span { font-size: 4vw; } 
    .new_vision .eco ul {
        padding: 0 5%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5%;
    }
    .new_vision .eco ul li { padding: 10vw 0; }
    .new_vision .eco ul li img { width: 100%; }
}
.youtube_area {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}
.youtube_area iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.youtube_area .fluid-width-video-wrapper { padding-top: 56.5% !important; }




/* 갤러리 슬라이드 */
.new_vision .urban-section-05 {
	width: 100%;
	float: left;
	background-size: cover;
	background-position: center;
}
.new_vision .urban-section-05 .inner {
	padding: 0 40px;
}
.new_vision .urban-section-05 .inner h2 {
	font-size: 60px;
	line-height: 75px;
	letter-spacing: -0.06em;
	margin: 0 0 70px 0;
	font-weight: 100;
}
.new_vision .urban-section-05 .inner h2 span {
	font-weight: 500;
}
.new_vision .urban-section-05 .inner .profile-image {
	width: 489px;
	height: auto;
	float: left;
	margin: 0 20px 0 -50px;
}
.new_vision .urban-section-05 .inner .quote {
	width: calc(100% - 489px);
	float: left;
}
.new_vision .urban-section-05 .inner .quote strong {
	font-size: 20px;
	line-height: 34px;
	color: #666;
	width: 100%;
	float: left;
	margin: 0 0 30px 0;
	font-weight: 400;
}
.new_vision .urban-section-05 .inner .quote p {
	font-size: 20px;
	line-height: 34px;
	letter-spacing: -0.02em;
	color: #9E9E9E;
}
.new_vision .urban-section-05 .inner .quote img {
	margin: 0 0 0 -20px;
}
.new_vision .urban-section-05 button.slick-arrow {
	width: 40px;
	height: 40px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	font-size: 0;
	position: absolute;
	top: 0;
	z-index: 990;
	cursor: pointer;
}
.new_vision .urban-section-05 button.slick-prev {
	background-image: url('../images/icons/icon-slide-left-arrow-gray.svg');
	background-size: cover;
}
.new_vision .urban-section-05 button.slick-prev:hover {
	background-image: url('../images/icons/icon-slide-left-arrow-blue.svg');
}
.new_vision .urban-section-05 button.slick-next {
	background-image: url('../images/icons/icon-slide-right-arrow-gray.svg');
	background-size: cover;
}
.new_vision .urban-section-05 .navi-area {
	position: absolute;
	bottom: inherit;
	top: -80px;
}
.new_vision .urban-section-05 .urban-slide-02 .navi-area {
	position: absolute;
	bottom: inherit;
	top: 70px;
	left: 135px;
}
.new_vision .urban-section-05 .urban-slide-04 .navi-area {
	position: absolute;
	bottom: inherit;
	top: 203px;
	left: 135px;
}
.new_vision .urban-section-05 .navi-area p {
	margin: 0;
	color: #00a5e5;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
}
.new_vision .urban-section-05 button.slick-next:hover {
	background-image: url('../images/icons/icon-slide-right-arrow-blue.svg');
}
.new_vision .urban-section-05 .urban-slide-01 {
	width: 100%;
	float: left;
	border-top: 1px solid rgba(112, 112, 122, .3);
	margin: 50px 0 0 0;
}
.new_vision .urban-section-05 .urban-slide-01 .inner {
	padding: 100px 40px 0 40px;
	position: relative;
}
.new_vision .urban-section-05 .urban-slide-01 .navi-area {
	left: calc(50% + 430px);
}
.new_vision .urban-section-05 .urban-slide-01 .navi-area::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -40px;
	width: 30px;
	height: 1px;
	border-bottom: 1px dotted #9E9E9E;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-next {
	top: -80px;
	right: calc(50vw - 600px);
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-prev {
	top: -80px;
	right: calc(50vw - 545px);
}

.new_vision .urban-section-05 .urban-slide-01 .inner h3 {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 0;
	font-weight: 300;
	margin: 0 0 40px 0;
}
.new_vision .urban-section-05 .urban-slide-01 .inner h3 span {
	font-weight: 500;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop {
	width: 100%;
	height: 670px;
	float: left;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop li.urban-slide-01-loop-item {
	width: 100%;
	height: 670px;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop li.urban-slide-01-loop-item img {
	width: 100%;
	max-width: 100%;
	height: 670px;
	float: left;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop {
	float: left;
	position: absolute;
	top: 0;
	left: calc(50vw - 600px);
	padding: 0;
	width: 180px;
	height: 670px;
	margin: 0;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop .slick-list {
	height: 100% !important;
	padding: 0 !important;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop .slick-track {
	height: calc(100% + 10px) !important;
	margin: -5px 0 !important;
	padding: 0 !important;
	transform: none !important;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop .slick-list .slick-slide {
	float: left;
	border: none !important;
	height: calc(12.5% - 10px);
	margin: 5px 0 !important;
	overflow: hidden;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop .slick-list .slick-slide div {
	width: 100%;
	height: 100%;
	float: left;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop li.urban-slide-01-nav-loop-item {
	margin: 0;
	float: left;
	position: relative;
	cursor: pointer;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop li.urban-slide-01-nav-loop-item img {
	width: auto;
	height: 75px;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop li.urban-slide-01-nav-loop-item:focus {
	outline: none;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop li.urban-slide-01-nav-loop-item .blue-filter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 165, 229, 0);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-nav-loop li.urban-slide-01-nav-loop-item:hover .blue-filter {
	background-color: rgba(0, 165, 229, .75);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.new_vision .urban-section-05 .urban-slide-01 .urban-slide-01-wrap {
	width: 100%;
	height: 670px;
	position: relative;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-slide div {
	line-height: 0;
}
.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-dots {
	width: calc(50vw + 600px);
	margin: 40px 10px 0 calc(50vw - 600px);
	display: flex;
	justify-content: space-around;
}

.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-dots>li {
	display: inline-block;
	float: left;
	width: 100%;
}

.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-dots>li:focus {
	outline: none !important;
}

.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-dots>li.slick-active>button {
	background-color: #00A5E5;
	border-radius: 0;
}

.new_vision .urban-section-05 .urban-slide-01 ul.urban-slide-01-loop .slick-dots>li>button {
	border: none;
	padding: 0;
	height: 3px;
	widtH: 100%;
	float: left;
	background-color: #E4E4E4;
	font-size: 0;

}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-dots>li>button:focus {
	outline: none !important;
}
.new_vision .urban-section-05 .urban-slide-03 {
	width: 100%;
	float: left;
	margin: 0;
}

.new_vision .urban-section-05 .urban-slide-03 .inner {
	padding: 100px 40px 0 40px;
	position: relative;
}
.new_vision .urban-section-05 .urban-slide-03 .navi-area {
	left: calc(50% + 430px);
}
.new_vision .urban-section-05 .urban-slide-03 .navi-area::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -40px;
	width: 30px;
	height: 1px;
	border-bottom: 1px dotted #9E9E9E;
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-next {
	top: -80px;
	right: calc(50vw - 600px);
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-prev {
	top: -80px;
	right: calc(50vw - 545px);
}
.new_vision .urban-section-05 .urban-slide-03 .inner h3 {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: -0.03em;
	font-weight: 300;
	margin: 0 0 40px 0;
	padding: 0 0 60px 0;
}

.new_vision .urban-section-05 .urban-slide-03 .inner h3 span {
	font-weight: 500;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop {
	width: 100%;
	height: 670px;
	float: left;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop li.urban-slide-03-loop-item {
	width: 100%;
	height: 670px;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop li.urban-slide-03-loop-item img {
	width: 100%;
	max-width: 100%;
	height: 670px;
	float: left;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop {
	float: left;
	position: absolute;
	top: 0;
	right: calc(50vw - 600px);
	padding: 0;
	width: 208px;
	height: 670px;
	margin: 0;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop .slick-list {
	height: 100% !important;
	padding: 0 !important;
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop .slick-track {
	height: calc(100% + 10px) !important;
	margin: -5px 0 !important;
	padding: 0 !important;
	transform: none !important;
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop .slick-list .slick-slide {
	height: calc(14.2857% - 10px);
	margin: 5px 0;
	float: left;
	border: none !important;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop .slick-list .slick-slide.slick-current .blue-filter {
	background-color: rgba(0, 165, 229, .75);
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop .slick-list .slick-slide div {
	float: left;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop li.urban-slide-03-nav-loop-item {
	float: left;
	position: relative;
	cursor: pointer;
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop li.urban-slide-03-nav-loop-item img {
	height: 87px;
	width: auto;
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop li.urban-slide-03-nav-loop-item:focus {
	outline: none;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop li.urban-slide-03-nav-loop-item .blue-filter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 165, 229, 0);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-nav-loop li.urban-slide-03-nav-loop-item:hover .blue-filter {
	background-color: rgba(0, 165, 229, .75);
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.new_vision .urban-section-05 .urban-slide-03 .urban-slide-03-wrap {
	width: 100%;
	height: 670px;
	position: relative;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-slide div {
	line-height: 0;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-dots {
	width: calc(50vw + 600px);
	margin: 40px 10px 0 calc(50vw - 600px);
	display: flex;
	justify-content: space-around;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-dots>li {
	display: inline-block;
	float: left;
	width: 100%;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-dots>li:focus {
	outline: none !important;
}

.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-dots>li.slick-active>button {
	background-color: #00A5E5;
	border-radius: 0;
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-dots>li>button {
	border: none;
	padding: 0;
	height: 3px;
	widtH: 100%;
	float: left;
	background-color: #E4E4E4;
	font-size: 0;
}
.new_vision .urban-section-05 .urban-slide-03 ul.urban-slide-03-loop .slick-dots>li>button:focus {
	outline: none !important;
}
.new_vision .urban-section-05 .urban-slide-02 {
	width: 100%;
	float: left;
	padding: 60px 0;
	position: relative;
}
@media screen and (max-width: 640px) {
	.new_vision .urban-section-05 .urban-slide-02 {
		padding: 50px 0;
	}
}
.new_vision .urban-section-05 .urban-slide-02 h3 {
	font-size: 24px;
	line-height: 50px;
	letter-spacing: -0.03em;
	font-weight: 300;
	margin: 0 0 40px 0;
	text-align: right;
	position: relative;
	color: #666666;
}
@media screen and (max-width: 640px) {
    .new_vision .urban-section-05 .urban-slide-02 h3 {
        font-size: 18px;
    }    
}
.new_vision .urban-section-05 .urban-slide-02 h3 span {
	font-weight: 500;
}
.new_vision .urban-section-05 .urban-slide-02 h3 .navi-area {
	left: 135px;
}
.new_vision .urban-section-05 .urban-slide-02 .navi-area::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -40px;
	width: 30px;
	height: 1px;
	border-bottom: 1px dotted #9E9E9E;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-next {
	top: -80px;
	left: 55px;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-prev {
	top: -80px;
	left: 0;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop {
	width: calc(100% + 20px);
	float: left;
	margin: 0 -10px;
}

@media screen and (max-width: 600px) {
	.new_vision .urban-section-05 .urban-slide-02 h3 {
		font-size: 20px;
		line-height: 50px;
		margin: 0 0 20px 0;
		text-align: center;
	}	
	.new_vision .urban-section-05 { padding: 0 0 100px; }
	.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-next {
		top: auto;
		bottom: -60px;
		left: 50%;
		margin: 0 50px 0 0;
	}
	.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-prev {
		top: auto;
		bottom: -60px;
		left: 50%;
		margin: 0 0 0 -50px;
	}
	.new_vision .urban-section-05 .urban-slide-02 .navi-area::before { display: none; }
}

.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-list {
	overflow: visible !important;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide {
	width: calc(100% -20px);
	margin: 0 10px;
	float: left;
	overflow: hidden;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide div {
	line-height: 0;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide a {
    display: block;
    position: relative;
	padding: 55.8333% 0 0;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide a img { 
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide a:before {
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    transition: all 0.5s;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide a:after {
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/contents/beyond-build/new_vision/btn_go.png") no-repeat 50% 50%; 
    transition: all 0.5s;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide a:hover:before { opacity: 0.6; }
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-slide a:hover:after { opacity: 1; }


.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-dots {
	width: calc(100% - 20px);
	margin: 40px 10px 0 10px;
	display: flex;
	justify-content: space-around;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-dots>li {
	display: inline-block;
	float: left;
	width: 100%;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-dots>li:focus {
	outline: none !important;
}

.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-dots>li.slick-active>button {
	background-color: #00A5E5;
	border-radius: 0;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-dots>li>button {
	border: none;
	padding: 0;
	height: 3px;
	widtH: 100%;
	float: left;
	background-color: #E4E4E4;
	font-size: 0;
}
.new_vision .urban-section-05 .urban-slide-02 ul.urban-slide-02-loop .slick-dots>li>button:focus {
	outline: none !important;
}
.new_vision .urban-section-05 .urban-slide-04 {
	position: relative;
	width: 100%;
	float: left;
	padding: 143px 0 0 0;
}
.new_vision .urban-section-05 .urban-slide-04 h3 {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: -0.03em;
	font-weight: 300;
	margin: 0 0 40px 0;
	text-align: right;
	position: relative;
}
.new_vision .urban-section-05 .urban-slide-04 h3 span {
	font-weight: 500;
}
.new_vision .urban-section-05 .urban-slide-04 h3 .navi-area {
	left: 135px;
}
.new_vision .urban-section-05 .urban-slide-04 .navi-area::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -40px;
	width: 30px;
	height: 1px;
	border-bottom: 1px dotted #9E9E9E;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-next {
	top: -80px;
	left: 55px;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-prev {
	top: -80px;
	left: 0;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop {
	width: calc(100% + 20px);
	float: left;
	margin: 0 -10px;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-list {
	overflow: visible !important;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-slide {
	width: calc(100% -20px);
	margin: 0 10px;
	float: left;
	overflow: hidden;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-slide div {
	line-height: 0;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-dots {
	width: calc(100% - 20px);
	margin: 40px 10px 0 10px;
	display: flex;
	justify-content: space-around;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-dots>li {
	display: inline-block;
	float: left;
	width: 100%;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-dots>li:focus {
	outline: none;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-dots>li.slick-active>button {
	background-color: #00A5E5;
	border-radius: 0;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-dots>li>button {
	border: none;
	padding: 0;
	height: 3px;
	widtH: 100%;
	float: left;
	background-color: #E4E4E4;
	font-size: 0;
}
.new_vision .urban-section-05 .urban-slide-04 ul.urban-slide-04-loop .slick-dots>li>button:focus {
	outline: none;
}

.visual_movie {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0;
}
.visual_movie iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}