@charset "utf-8";

.active_citydown {width: 100%; min-width: 1200px;}


.wrap-mov .mov_box {
  position: relative;
  width: 100%;
  height:100%;
  margin: 0 auto;
  margin-top:-4px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
} 
.video-container iframe,.video-container object,.video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.top_img > img {width: 100%;}
.txt {text-align: center; padding-top: 150px;}
.pic01 {width: 100%; height:  592px; background: url(https://image.nbkorea.com/NBRB_PC/event/imc/active_citydown/pic01_bg.jpg) no-repeat center 0; margin-top: 150px; }
.pic02 {width: 100%; height:  522px; background: url(https://image.nbkorea.com/NBRB_PC/event/imc/active_citydown/pic02_bg.jpg) no-repeat center 0; margin-top: 150px; }
.pic_box {width: 1200px; margin: 0 auto; position: relative; }
.pic01_1 {position: absolute; top: 0; left: 70px;}
.pic01_2 {position: absolute; top: 0; right: 70px;}
.pic02_1 {position: absolute; top: 0; left: 70px;}
.pic02_2 {position: absolute; top: 0; right: 70px;}
.pic_box > p {overflow: hidden; transform: scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transition: 1s ease-out;}
.pic_box > p img:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transition: transform 1.1s; -o-transition: transform 1.1s; -moz-transition: transform 1.1s; -webkit-transition: transform 1.1s; }
.city_down_pd {width: 960px; margin: 100px auto 0;}
.city_down_pd:after {display: block; content: ''; clear: both;}
.city_down_pd li{float: left; width: 460px;  height: 660px;  text-align: center; text-transform: uppercase; }
.city_down_pd li:nth-child(1) {margin-right: 40px; }
.city_down_pd li h3 {font-weight:700; font-size: 28px; letter-spacing: 6px; margin-bottom: 60px;}
.go_btn {width: 140px; height: 58px; line-height: 58px; display: block;background: #141414; color: #fff; font-size: 16px; font-family: noto sans kr; margin: 50px auto 0;}
.go_btn:hover {color: #fff;}
.city_down_dt {width: 100%; height: 690px; background: #fafafa; text-align: center; padding-top: 100px; margin-top: 100px;}
 