새로운 영화 영역 만들기 2

<div class="new_right">
                  <h3 class="title">로그 원: 스타워즈 스토리</h3>
                  <span class="release">2016년 10월 28일 개봉</span>
                  <div class="star">
                     <span class="icon star1"></span>
                     <span class="icon star1"></span>
                     <span class="icon star1"></span>
                     <span class="icon star2"></span>
                     <span class="icon star0"></span>
                     <strong>7.5/10</strong>
                  </div>
                  <ul class="summary">
                     <li class="genre"><span class="bar">액션</span><span>미국, 오스트레일리아</span></li>
                     <li class="age"><span class="bar">142분</span><span>12세 이상 관람가</span></li>
                     <li class="desc">단숨에 행성 하나를 파괴할 위력을 지닌 데스 스타가 완성되기 전에 설계도를 훔쳐내야 하는 이번 작전의 성공 확률은 고작 2.4%. 생사도 모르는 아버지에 얽힌 비밀을 밝히려는 진을 ...비롯해 유능한 정보 요원 ‘카시안’(디에고 루나), 두 눈이 멀었지만 탁월한 무술 실력을 지닌 ‘치루트’(견자단), 전투 베테랑 ‘베이즈’, 파일럿 ‘보디’, 시니컬한 드로이드 ‘K-2SO’까지 합류, 거대한 전쟁을 끝낼 ‘로그 원’이 이끄는 가장 비밀스런 작전이 시작되는데…</li>
                 </ul>
                 <div class="select">
                    <div class="s1">
                       <label for="uDate" class="ir_so">날짜</label>
                       <input type="text" id="uDate" name="uDate" value="2019년 1월 25일" class="ui_select2">
                    </div>
                    <div class="s2">
                     <label for="uTime" class="ir_so">시간</label>
                     <select id="uTime" name="uTime" class="ui_select2">
                        <option value="오전 0:00">오전 0:00</option>
                        <option value="오전 1:00">오전 1:00</option>
                        <option value="오전 2:00">오전 2:00</option>
                        <option value="오전 3:00">오전 3:00</option>
                        <option value="오전 4:00">오전 4:00</option>
                        <option value="오전 5:00">오전 5:00</option>
                        <option value="오전 6:00">오전 6:00</option>
                        <option value="오전 7:00">오전 7:00</option>
                        <option value="오전 8:00">오전 8:00</option>
                        <option value="오전 9:00">오전 9:00</option>
                        <option value="오전 10:00">오전 10:00</option>
                        <option value="오전 11:00">오전 11:00</option>
                        <option value="오전 12:00">오전 12:00</option>
                        <option value="오후 1:00">오후 1:00</option>
                        <option value="오후 2:00">오후 2:00</option>
                        <option value="오후 3:00">오후 3:00</option>
                        <option value="오후 4:00">오후 4:00</option>
                        <option value="오후 5:00">오후 5:00</option>
                        <option value="오후 6:00">오후 6:00</option>
                        <option value="오후 7:00">오후 7:00</option>
                        <option value="오후 8:00">오후 8:00</option>
                        <option value="오후 9:00">오후 9:00</option>
                        <option value="오후 10:00">오후 10:00</option>
                        <option value="오후 11:00">오후 11:00</option>
                        <option value="오후 12:00">오후 12:00</option>
                    </select>
                    </div>
                    <div class="s3">
                     <label for="uText" class="ir_so">주소 또는 도로명을 입력해주세요.</label>
                     <input type="text" id="uText" name="uText" class="ui_input3" placeholder="주소 또는 도로명을 입력해주세요.">
                  </div>
                 </div>
                 <div class="btn">
                  <a href="#" class="white">좌석확인</a>
                  <a href="#" class="purple">예매하기</a>
               </div>
               </div>

 

 

.new .new_right {position: absolute; right: 0; top:165px; width: 400px; height: 500px; background: #f0f0f0; padding: 34px; box-sizing: border-box;}
.new .new_right .title {font-size: 28px; color: #000;}
.new .new_right .release {font-size: 12px; color: #333;}
.new .new_right .star {padding: 13px 0;}
.new .new_right .star .icon {width: 20px; height: 20px; display: inline-block; vertical-align: -3px;}
.new .new_right .star .star0 {background-position: -373px 0;}
.new .new_right .star .star1 {background-position: -393px 0;}
.new .new_right .star .star2 {background-position: -412px 0;}
.new .new_right .star strong {font-size: 15px; padding-left: 5px;}
.new .new_right .summary {font-size: 14px; }
.new .new_right .summary .genre {padding-bottom: 3px; }
.new .new_right .summary .age { padding-bottom: 10px;}
.new .new_right .summary .desc {height: 108px; overflow: hidden; margin-bottom: 30px;}
.new .new_right .select {overflow: hidden;}
.new .new_right .select .s1 {float: left; width: 49%; margin-right: 2%; background: #000;}
.new .new_right .select .s2 {float: left; width: 49%; background: #000;}
.new .new_right .select .s3 {float: left; width: 100%; margin-top: 2%;}
.new .new_right .btn {overflow: hidden; margin-top: 2%; text-align: center;}
.new .new_right .btn a {float: left; width: 49%; box-sizing: border-box; display: block; padding: 10px 30px 12px 30px;}
.new .new_right .btn .white {background-color: #fff; margin-right: 2%; color: #3a0e6a; border: 1px solid #3a0e6a;}
.new .new_right .btn .purple {background-color: #3a0e6a; color: #fff; border: 1px solid #6e40c4;}