@charset "utf-8";

    
    
    .swiper-wrapper{-webkit-tap-highlight-color:#fff !important;}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
    
     
    .recommend{width:100%; height:auto; margin:3em 0; position:relative;}
    .recommend .vertical-page1{
        position:absolute; top:1%; right:5%; transform:scale(1.5);
        display: flex; flex-direction: column;
    }
    .recommend .vertical-page1 .swiper-pagination-bullet{margin:0.2em 0}
    .recommend h3{
        display:flex; justify-content:center; color:#333333;
        font-family:'GmarketSansBold'; font-size:2em;
        padding-right:0.5em; margin-bottom:0.25em;
    }
    .recommend h3 span{color:#9133cc;}
    .recommend h3 p{width:2.5em;}
    .recommend h3 p img{width:100%; transform:translate(-5px, -3px);}
    
    .recommend .myvertical1{overflow:hidden; height:10em;}
    .recommend .myvertical1 .swiper-wrapper{height:10em;}
    .recommend .myvertical1 .swiper-slide{height:6em !important;}
    .recommend .myvertical1 .swiper-slide ul{display:flex; justify-content:space-evenly; margin:2em 0 1em;}
    .recommend .myvertical1 .swiper-slide ul li{width:17%; margin:0.5em 0;}
    .recommend .myvertical1 .swiper-slide ul li p{width:100%;}
    .recommend .myvertical1 .swiper-slide ul li p img{width:100%; transform:scale(0.95);}
    .recommend .myvertical1 .swiper-slide ul li span{
         font-family: 'GmarketSansMedium';
         color: #663366;
         font-size: 1.1em;
         letter-spacing: -1px;
         padding: 0.5em 0 1em;
         display: inline-block;
    }
    
    
    .industry{width:100%; height:auto; margin:3em 0; position:relative;}
    .industry .vertical-page2{
        position:absolute; top:1%; right:5%; transform:scale(1.5);
        display: flex; flex-direction: column;
    }
    .industry .vertical-page2 .swiper-pagination-bullet{margin:0.2em 0}
    .industry h3{
        display:flex; justify-content:center; color:#333333;
        font-family:'GmarketSansBold'; font-size:2em;
        padding-right:0.5em; margin-bottom:0.25em;
    }
    .industry h3 span{color:#3366cc;}
    .industry h3 p{width:2.5em;}
    .industry h3 p img{width:80%; transform:translate(0, 0);}
    
    .industry .myvertical2{overflow:hidden; height:10em;}
    .industry .myvertical2 .swiper-wrapper{height:10em;}
    .industry .myvertical2 .swiper-slide{height:6em !important;}
    .industry .myvertical2 .swiper-slide ul{display:flex; justify-content:space-evenly; margin:2em 0 1em;}
    .industry .myvertical2 .swiper-slide ul li{width:17%; }
    .industry .myvertical2 .swiper-slide ul li p{width:100%;}
    .industry .myvertical2 .swiper-slide ul li p img{width:100%; transform:scale(0.75);}
    .industry .myvertical2 .swiper-slide ul li span{
         font-family: 'GmarketSansMedium';
         color: #333333;
         font-size: 1.1em;
         letter-spacing: -1px;
         padding: 0 0 1em;
         display: inline-block;
    }