Fix: 리팩토링

css/style.css

@@ -9,10 +9,11 @@ body{
   width: 1280px;
   margin: 0 auto;
   padding-top: 30px;
-}
-.inner.sectionInner{
   padding-bottom: 60px;
 }
+.inner--header{
+  padding-bottom: 0;
+}
 button{
   border: none;
   background: transparent;
@@ -88,7 +89,7 @@ input:focus{
   width: 18px; height: 28px;
   background: url('../img/slideArrow.png') no-repeat 50%;
 }
-.swiper-button-disabled{display: none !important;}
+.swiper-button-disabled{display: none;}
 
 .tabWrap{
   display: flex;
@@ -117,8 +118,18 @@ input:focus{
   margin-left: 7px;
   background: url('../img/icon_linkArrow.png') no-repeat 50%;
 }
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  word-wrap: normal;
+  border: 0;
+}
+
 
-/*header*/
 header{
   width: 100%;
   border-bottom: 1px solid rgba(0,0,0,.08);
@@ -141,15 +152,15 @@ header.fixed .inner{
   justify-content: space-between;
   width: 100%;
 }
-.header__top--left{
+.header__top__left{
   display: flex;
   align-items: center;
 }
-.header__top--left .logo{
+.header__top__left .logo{
   width: 151px; height: 38px;
   margin-right: 20px;
 }
-.header__top--left .logo img{width: 100%;}
+.header__top__left .logo img{width: 100%;}
 .search__wrap{
   position: relative;
 }
@@ -197,11 +208,11 @@ header.fixed .inner{
 .nav__mini .ico__nav img{
   width: 100%;
 }
-.header__top--right{
+.header__top__right{
   display: flex;
   align-items: center;
 }
-.header__top--right .myMenu{
+.header__top__right .my-menu{
   position: relative;
   display: flex;
   align-items: center;
@@ -211,21 +222,21 @@ header.fixed .inner{
   font-weight: 500;
   cursor: pointer;
 }
-.myMenu+.myMenu{
+.my-menu+.my-menu{
   margin-left: 20px;
 }
-.myMenu:last-child::after{
+.my-menu:last-child::after{
   content: "";
   position: absolute;
   top: 50%; right: -12px;
   transform: translateY(-50%);
   width: 8px; height: 4px;
   background: url(../img/icon_arrow.png) no-repeat 50%;
 }
-.myMenu:last-child:hover .myMenu__details{
+.my-menu:last-child:hover .my-menu__details{
   display: block;
 }
-.myMenu__details{
+.my-menu__details{
   display: none;
   position: absolute;
   top: 47px;
@@ -238,15 +249,15 @@ header.fixed .inner{
   background: #fff;
   box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
 }
-.myMenu__details li{
+.my-menu__details li{
   display: block;
   line-height: 18px;
   white-space: nowrap;
 }
-.myMenu__details li+li{
+.my-menu__details li+li{
   padding-top: 14px;
 }
-.myMenu__details li span{
+.my-menu__details li span{
   font-size: 14px;
   font-weight: 700;
 }
@@ -310,7 +321,7 @@ header.fixed .header__bottom {
   margin: 0 13px;
 }
 
-/*card__more*/
+
 .card__more{
   display: flex;
   flex-direction: column;
@@ -327,7 +338,7 @@ header.fixed .header__bottom {
   margin-bottom: 6px;
 }
 
-/*card__info*/
+
 .card__info{
   border: 1px solid rgba(0,0,0,.06);
   border-radius: 12px;
@@ -385,7 +396,7 @@ header.fixed .header__bottom {
   white-space: nowrap;
 }
 
-/*card__img*/
+
 .card__img__img{
   height: 400px;
   border-radius: 12px;
@@ -396,7 +407,7 @@ header.fixed .header__bottom {
   min-height: 100%;
 }
 
-/*eventBannerWrap*/
+
 .eventBanner__swiperBox{
   position: relative;
 }
@@ -409,10 +420,10 @@ header.fixed .header__bottom {
   width: 100%;
 }
 
-/*shoppingWrap*/
+
 .shopping__swiper{position: relative;}
 
-/*tourWrap*/
+
 .tour__swiper{position: relative;}
 .tour__swiper .card__info__img {padding-bottom: 244px;}
 .tour__swiper .card__info__text{
@@ -431,7 +442,7 @@ header.fixed .header__bottom {
   border-radius: 4px;
 }
 
-/*ticketWrap*/
+
 .ticket__swiper{position: relative;}
 .ticket__swiper .card__img .card__img__img{
   position: relative;
@@ -488,7 +499,10 @@ header.fixed .header__bottom {
   border-radius: 3px;
   cursor: pointer;
 }
-.ticket__swiper .swiper-prev,.swiper-next{
+.ticketWrap .ticket__swiper .swiper-prev{
+  top: 200px;
+}
+.ticketWrap .ticket__swiper .swiper-next{
   top: 200px;
 }
 .badge__ticket.badge__ticket--seat{
@@ -500,7 +514,7 @@ header.fixed .header__bottom {
   border: 1px solid rgba(239,62,67,.3);
 }
 
-/*liveWrap*/
+
 .live__swiper{position: relative;}
 .live__swiperBox .card__img{
   position: relative;
@@ -671,7 +685,7 @@ header.fixed .header__bottom {
   border-radius: 21px;
 }
 
-/*book*/
+
 .book__swiper{position: relative;}
 .card__book .card__book__img{
   width: 100%;
@@ -705,7 +719,7 @@ header.fixed .header__bottom {
   font-weight: 400;
 }
 
-/*event*/
+
 .event__swiper{position: relative;}
 .card__event{
   width: 100%;
@@ -719,7 +733,7 @@ header.fixed .header__bottom {
   width: 100%; height: 100%;
 }
 
-/*footer*/
+
 footer{
   padding-bottom: 30px;
 }
@@ -846,7 +860,7 @@ footer{
   color: hsla(0,0%,7%,.4);
 }
 
-/*toTop*/
+
 .btn__toTop{
   position: fixed;
   bottom:25px; right: 25px;