@media only screen and (min-width: 751px) { .main_contents h2 { margin-bottom: 120px; } }
@media only screen and (max-width: 750px) { .main_contents h2 { margin-bottom: 10vw; } }

.special_contents .special_list li { position: relative; overflow: hidden; border: 1px solid #ddd; }
.special_contents .special_list li a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
@media only screen and (min-width: 751px) { .special_contents { width: 980px; margin: auto; }
  .special_contents .special_list { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .special_contents .special_list li { width: 460px; margin-bottom: 40px; }
  .special_contents .special_list li img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
  .special_contents .special_list li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); filter: blur(1px); } }
@media only screen and (max-width: 750px) { .special_contents { margin: 0 7vw; }
  .special_contents li { margin-bottom: 6vw; }
  .special_contents li:last-child { margin-bottom: 0; } }

.special_contents li { opacity: 0; -webkit-transform: translateX(-18px); -moz-transform: translateX(-18px); -ms-transform: translateX(-18px); -o-transform: translateX(-18px); transform: translateX(-18px); -webkit-transition: all 0.6s cubic-bezier(0.61, 1, 0.88, 1); -moz-transition: all 0.6s cubic-bezier(0.61, 1, 0.88, 1); -ms-transition: all 0.6s cubic-bezier(0.61, 1, 0.88, 1); -o-transition: all 0.6s cubic-bezier(0.61, 1, 0.88, 1); transition: all 0.6s cubic-bezier(0.61, 1, 0.88, 1); }

.open .special_contents li { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }
.open .special_contents li:nth-child(1) { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.open .special_contents li:nth-child(2) { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; }
.open .special_contents li:nth-child(3) { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }
.open .special_contents li:nth-child(4) { -webkit-transition-delay: 1.9s; -moz-transition-delay: 1.9s; -ms-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s; }
.open .special_contents li:nth-child(5) { -webkit-transition-delay: 2.3s; -moz-transition-delay: 2.3s; -ms-transition-delay: 2.3s; -o-transition-delay: 2.3s; transition-delay: 2.3s; }
.open .special_contents li:nth-child(6) { -webkit-transition-delay: 2.7s; -moz-transition-delay: 2.7s; -ms-transition-delay: 2.7s; -o-transition-delay: 2.7s; transition-delay: 2.7s; }
.open .special_contents li:nth-child(7) { -webkit-transition-delay: 3.1s; -moz-transition-delay: 3.1s; -ms-transition-delay: 3.1s; -o-transition-delay: 3.1s; transition-delay: 3.1s; }
.open .special_contents li:nth-child(8) { -webkit-transition-delay: 3.5s; -moz-transition-delay: 3.5s; -ms-transition-delay: 3.5s; -o-transition-delay: 3.5s; transition-delay: 3.5s; }
.open .special_contents li:nth-child(9) { -webkit-transition-delay: 3.9s; -moz-transition-delay: 3.9s; -ms-transition-delay: 3.9s; -o-transition-delay: 3.9s; transition-delay: 3.9s; }
.open .special_contents li:nth-child(10) { -webkit-transition-delay: 4.3s; -moz-transition-delay: 4.3s; -ms-transition-delay: 4.3s; -o-transition-delay: 4.3s; transition-delay: 4.3s; }
