
/* tablet */
@media screen and (max-width:1429px){
   .special{
      margin-top: 50px !important;
   }

   .portfolio{
      width:100%;
      padding: 83px 100px 0 100px;
      margin:0;
   }
   .portfolio:after{
      right:40px;
      top:63px;
   }
   .contents_box {
      padding: 0 1%;
   }
   .contents4 .contents_box {
      padding-right: 1%;
   }

   .footer_bg{
      display: none;
   }

  

}

/* tablet 햄버거메뉴 시작*/
@media screen and (max-width:1024px){
   main{
      margin:0;
   }
   .portfolio{
      width:100%;
      padding:0 50px;
      margin-top:100px;
   }
   .portfolio:after{
      right:12px; top:14px;
      width:300px; height:300px;
   }
   h1{
      font-size:30px;
   }
   h2, h3, h3 > span {
      font-size:50px;
   }
   h4 {
      font-size: 24px;
   }
   .text{
      padding:17px
   }
   .text_box{
      padding: 20px;
   }

   .text_box p{
      font-size: 20px;
   }
   .text, .choice_txt > p {
      font-size: 18px !important;
   }
}

@media screen and (max-width:768px){
   .portfolio {
      padding: 0 1%;
   }
   .sequence4 {
      background-image: none;
   }
   .portfolio:after{
      width:150px; height:150px;
   }
   .contents_box {
      flex-flow: column nowrap;
   }
   .text_box {
      margin-right: 0;
      margin-bottom: 20px;
   }
   .sequence4 {
      padding: 5%;
      max-width: 500px;
   }
   .contents4 .contents_box {
      padding: 0 1%;
   }
   .sequence {
      width: auto;
      padding: 0 5%;
   }
   h2, h3, h3 > span {
      font-size: 30px;
   }
   h2 span {
      height: 15px;
      bottom: 0;
   }
   .last_section .choice_box {
      flex-flow: column nowrap;
      justify-content: center;
      align-items: center;
      margin-bottom: 50px;
   }
   .last_section .choice_box li:first-child {
      margin-right: 0;
      margin-bottom: 10px;
   }
   .last_section .choice_box li {
      width: 100%;
      padding: 0 1%;
   }
   .last_section .choice_box li .choice_txt {
      height: auto;
   }
   .last_section {
      height: auto;
   }
   .last_section > p {
      font-size: 20px;
      line-height: 1.3;
      font-weight: 500;
   }

   .choice_txt p{
      line-height: 1.3 !important;
   }
}
@media screen and (max-width:400px){
   :root{
      --swiper-navigation-size:25px !important;
   }
}

