Main page Header Slider 해상도 변경시 이미지 사이즈 세로 변경

http://tmkorea.iptime.org/ 

1. Header Slider 에서 해상도 변경하면 아래사이즈가 고정 됩니다

   http://theme4.eyoom.net/?theme=eb4_busi_004&device=pc 다음과 같은 사이트처럼

   사이즈가 아래도 변경하려면 어떻게 해야 하나요?

2. 위의 링크처럼 이미지 커졌다 작아졌다 하려면 어떻게 해야하나요?

/*---------- Header Slider ----------*/ .header-slider-bg {z-index:1;padding:110px 0;position:relative;overflow:hidden;text-align:center;height:400px} .header-slider-bg:after {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";background:rgba(0,0,0,0.35)} .header-slider-bg > img {position:absolute;top:0;width:100%} .header-slider-bg > .container {position:relative;z-index:3} .header-slider-bg h1 {color:#fff;font-size:24px;font-weight:600;text-transform:uppercase;margin:0} .header-slider-bg h2 {font-size:14px;font-weight:600;color:#fff;margin:10px 0 30px} .header-slider-bg p {color:#ededed;font-size:12px;font-weight:200;margin:0} @media (min-width: 768px) and (max-width: 991px) {     .header-slider-bg {padding:100px 0 0} } @media (max-width: 767px) {     .header-slider-bg {padding:70px 0 0;height:250px}     .header-slider-bg h1 {font-size:24px;line-height:40px;margin-bottom:20px}     .header-slider-bg p {display:none} } @media (max-width: 430px) {     .header-slider-bg {padding:40px 0 0;height:180px}     .header-slider-bg h1 {font-size:18px;margin-bottom:10px}     .header-slider-bg h2 {font-size:12px} }