@font-face {
    font-family: "Univers-lt";
    src: url('/content/static/microsite-map/fonts/3dde9f5d-4017-494c-a6d7-764d248c0292.ttf');
    src: 
         url('/content/static/microsite-map/fonts/3dde9f5d-4017-494c-a6d7-764d248c0292.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Univers-b";
    src: url('/content/static/microsite-map/fonts/346ec69d-90a7-4fef-a216-1a0dafbd3798.ttf');
    src: 
         url('/content/static/microsite-map/fonts/346ec69d-90a7-4fef-a216-1a0dafbd3798.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.animateleft{
  opacity:0;
  -webkit-transform: matrix(1, 0, 0, 1, 40, 0);
  -moz-transform: matrix(1, 0, 0, 1, 40, 0);
  -ms-transform: matrix(1, 0, 0, 1, 40, 0);
  -o-transform: matrix(1, 0, 0, 1, 40, 0);
  transform: matrix(1, 0, 0, 1, 40, 0);
}
.animateright{
  opacity:0;
  
  -webkit-transform: matrix(1, 0, 0, 1, -40, 0);
  -moz-transform: matrix(1, 0, 0, 1, -40, 0);
  -ms-transform: matrix(1, 0, 0, 1, -40, 0);
  -o-transform: matrix(1, 0, 0, 1, -40, 0);
  transform: matrix(1, 0, 0, 1, -40, 0);
  
}
.fadeinsection{
  opacity:0;
  
}
.animatetop{
  opacity:0;
  
  -webkit-transform: matrix(1, 0, 0, 1, 0, 40);
  -moz-transform: matrix(1, 0, 0, 1, 0, 40);
  -ms-transform: matrix(1, 0, 0, 1, 0, 40);
  -o-transform: matrix(1, 0, 0, 1, 0, 40);
  transform: matrix(1, 0, 0, 1, 0, 40);
  
}
.zoomsection{
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  
}
.slideup{
  -webkit-transform: matrix(1, 0, 0, 1, 0, 40);
  -moz-transform: matrix(1, 0, 0, 1, 0, 40);
  -ms-transform: matrix(1, 0, 0, 1, 0, 40);
  -o-transform: matrix(1, 0, 0, 1, 0, 40);
  transform: matrix(1, 0, 0, 1, 0, 40);
}

@media print{
  .animateleft{
    opacity:1;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  .animateright{
    opacity:1;
    
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    
  }
  .fadeinsection{
    opacity:1;
    
  }
  .animatetop{
    opacity:1;
    
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    
  }
  .zoomsection{
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    
  }
  .slideup{
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
} 
.anchor-rail-menu{
    position: relative;
    /*min-height: 1px;*/
    width: 100%;
}
.ms-story p{
    font-size: 1rem;
}
.story-parallax{
    margin: auto;
    max-width: 1160px;
    padding: 30px 0px 30px 0px;
}
.story-parallax h2,.rail-content h2{
    font-family: "Univers-b",sans-serif;
    font-size: 2rem;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 2rem;
    -webkit-font-smoothing:antialiased;
}
.story-parallax h2:after{
    display: block;
    content: '';
    clear: both;
    width: 100px;
    margin-top: 10px;
    height: 7px;
    background-color: #ffffff;
}
.overlay-module-wrap h3,.story-parallax h3,.rail-content h3{
    font-family: "Univers-b",sans-serif;
    font-size: 1.8rem;
     line-height: 1;
     margin-top: 0px;
     -webkit-font-smoothing:antialiased;
}
.story-parallax h4,.rail-content h4{
    font-family: "Univers-b",sans-serif;
    font-size: 1.5rem;
     line-height: 1.2;
     margin-top: 0px;
     margin-bottom: 10px;
     -webkit-font-smoothing:antialiased;
}
.rail-content h4.smaller {
    font-size:1.4rem;
}
.story-parallax h5,.rail-content h5{
    font-family: "Univers-b",sans-serif;
    font-size: 1.2rem;
     line-height: 1.2;
     margin-top: 0px;
     letter-spacing: 0;
     margin-bottom: 10px;
     -webkit-font-smoothing:antialiased;
}
.story-parallax h6,.rail-content h6{
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.4;
}
.ms-content-main-wide .rail-sec3 .ms-row{
    padding-bottom: 0;
    padding-top: 0;
}
.rail-sec3 .ms-row .ms-column.medium-4{
    padding-bottom: 0px;
}
.ms-story-center h2{
    text-align: center;
}
.ms-story-center .story-parallax h2:after{
    margin: 10px auto;
}
@media screen and (min-width: 1024px) {
    .story-parallax h2,.rail-content h2{
        font-size: 3rem;
    }
    .overlay-module-wrap h3,.story-parallax h3,.rail-content h3{
        font-size: 2rem;
    }
    .story-parallax{
        padding: 60px 0px 60px 0px;
    }
}

/*====Section 1====*/
.rail-sec1{
    color: #ffffff;
}
.rail-sec1 .story-parallax h2:after{
    background-color: #ffffff;
}
.background-overlay{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.reserve-bg{
    padding: 25px;
    background-color: rgba(0,99,190,0.6);
}


/*====Section 2====*/
.section2-column{
    margin-bottom: 10px;
}
.rail-sec-title{
    background-color: rgba(0,0,0,0.8);
    padding: 20px 20px;
    position: relative;
}
.rail-sec-title:after{
    position: absolute;
    width: 0; 
    content:'';
    height: 0; 
    top:100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    
    border-top: 15px solid rgba(0,0,0,0.8);
}
.rail-sec-title h4{
    margin-bottom: 0px;
}
.sub-content-wrap{
    padding: 25px 20px;
}
.sub-content{
    padding-bottom: 25px;
}
.sub-content-wrap p{
    margin-top: 10px;
    margin-bottom: 0px;
}
.mobile .sub-content-wrap{
    background-color: rgba(34,184,245,0.8);
}
.operational .sub-content-wrap{
    background-color: rgba(0,127,200,0.8);
}
.complexity .sub-content-wrap{
    background-color: rgba(6,55,76,0.8);
}

/* Overlay module*/
.over-module{
    background-image: url(/content/dam/msi/images/ko_kr/arrow.png);
    width: 22px;
    margin-top: 6px;
    height: 22px;
    border:0;
    cursor: pointer;
}
.overlay-module-wrap{
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
    opacity: 0;

    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.overlay-module-wrap.active{
    opacity: 1;
}
.overlay-module-wrap .xclose{
    background-image: url(/content/dam/msi/images/ko_kr/x-button.png);
    position: absolute;
    top:20px;
    right:20px;
    height: 22px;
    width: 22px;
    z-index: 100000;
    cursor: pointer;
}
.overlay-module-wrap h3{
    max-width: 750px;
}
.overlay-module-wrap h3:after{
    display: block;
    content: '';
    margin-top: 10px;
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
}
.overlay-module-wrap .navigation{
    width: 30px;
    height: 22px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.overlay-module-wrap .navigation.next{
    float:right;
    background-image: url(/content/dam/msi/images/ko_kr/next.png);
}
.overlay-module-wrap .navigation-wrap:after{
    display: block;
    content: '';
    clear: both;
}
.overlay-module-wrap .navigation.prev{
    float:left;
    background-image: url(/content/dam/msi/images/ko_kr/prev.png);
}
.overlay-module-wrap .navigation.prev[prev-number="0"]{
    opacity: 0;
}
.overlay-module-wrap .navigation.prev.last,.overlay-module-wrap .navigation.next.last{
    opacity: 0;
}
.overlay-module-wrap .overlay-content{
    position: relative;
    max-width: 800px;
    min-height: 250px;
    margin:0% auto;
    background-color: #199ed9;
    color: #ffffff;
    padding: 20px;
    border:1px solid #ffffff;

}
@media screen and (min-width: 1024px) {
    .overlay-module-wrap .xclose{
        top:40px;
        right:40px;
    }
    .overlay-module-wrap .overlay-content{
        margin:20% auto;
        padding: 40px;
    }
    .overlay-module-wrap .navigation{
        position: absolute;
        bottom: 30px;
    }
    .overlay-module-wrap .navigation.next{
        right:40px;
    }
    .overlay-module-wrap .navigation.prev{
        left:40px;
    }
}
/*====Section 3====*/
.rail-sec3 h2:after{
    display: none;
}
.feature{
    position: relative;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 40px;
}
.feature:before{
    position: absolute;
    top: 5px;
    left:0px;
    width: 6px;
    height: 50px;
    background-color: #0063be;
    content: '';
}
.feature p{
    margin-bottom: 10px;
    margin-top: 10px;
}
/*====Section 4====*/
.content-adj{
    padding:20% 0;
}
.floatrail-menu-wrap{
    position: fixed;
    opacity: 0;
    width: 100%;
    z-index: -10;
    bottom:-100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*height: 80px;*/
}
.floatrail-menu-wrap.active{
    opacity: 1;
    z-index: 129;
    bottom: 0px;
}
.float-rail-menu-grp{
    text-align: center;

}
.fl-rail-menu.active{
    background-color: #0079c1;
    color: #ffffff;
}
.fl-rail-menu{
    font-family: "Univers-b",sans-serif;
    font-size: 1.8rem;
    cursor: pointer;
    padding:20px 30px;
    border:1px solid #cccccc;
    border-left: 0px;
    /*border-right: 1px solid #0079c1;*/
    background-color: #ffffff;
    display: inline-block;
    color:  #0079c1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.fl-rail-menu:first-child{
    border-left:1px solid #cccccc;
}
.fl-rail-menu:last-child{
    border-right: 1px solid #cccccc;
}
.rail-product-menu{
    font-family: "Univers-b",sans-serif;
    -webkit-font-smoothing:antialiased;
    display: inline-block;
    padding: 20px;
    text-align: center;
    position: relative; 
    /*width: 32.5%;*/
    /*height: 70px;*/
    color: #0079c1;
    cursor: pointer;
    background-color: #ffffff;
    font-size: 2rem;
    line-height: 1;
    margin-right: 1%;
    /*float: left;*/
    box-sizing:border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.rail-product-menu:hover{
    color: #22b8f5;
    background-color: #f0f0f0;
}
.rail-product-menu:hover:after{
    border-top: 15px solid #f0f0f0;
}
.rail-product-menu:last-child{
    margin-right: 0px;
}
.rail-product-menu:after{
    position: absolute;
    width: 0; 
    content:'';
    height: 0; 
    left:44%;
    top:100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    
    border-top: 15px solid #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.rail-product-menu span{
    font-size: 1rem;
    display: block;
    font-family: "Univers-lt",sans-serif;
    color: #333333;
    display: none;
}
.rail-product-wrap{
    text-align: center;
}
.rail-product-wrap:after{
    display: block;
    content: '';
    clear: both;
}
@media screen and (max-width: 600px){
    .story-parallax .ms-btn.ms-icon{
        padding-left: 60px!important;
    }
    .ms-btn.ms-icon:before{
            left: 50px;
    }
    .ms-btn.ms-icon:after{
        left: 50px;
    }
    
    .rail-product-menu{
        padding: 14px 18px;
        font-size: 1.2rem;
    }
    .rail-product-menu:after{
        left: 35%;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ffffff;
    }
    .fl-rail-menu{
        font-size: 1.4rem;
    }
}
@media screen and (min-width: 720px){
    .rail-product-menu{
        font-size: 3rem;
        margin-right: 2px;
    }
    .rail-product-menu span{
        display: block;
    }
}

/*====Shared for section5,6,7====*/
.sect-ribbon{
    position: relative;
    background-color: #0079c1;
    color: #ffffff;
    padding: 15px 20px 15px 15px;
    z-index: 10;
    /*margin-bottom: 40px;*/
}
.sect-ribbon:before{
    left: -100%;
    width: 100%;
    z-index: -1;
    padding: 15px 20px;
    position: absolute;
    font-family: "Univers-b",sans-serif;
    font-size: 1.8rem;
    line-height: 1;
    top: 0px;
    content: ' a';
    color: transparent;
    background-color: #0079c1;
}
.sect-ribbon h3{
    margin-bottom: 0px;
}

@media screen and (max-width: 720px){
    .sect-ribbon:before{
        display: none;
    }
    .right-extra-pad{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (min-width: 1024px){
    .sect-ribbon{
        padding: 15px 20px 15px 0px;
    }
    .sect-ribbon:before{
        display: block;
    }
    .sect-ribbon:before{
        font-size: 2rem;
    }
    .right-extra-pad{
        padding-left: 40px;
        padding-right: 30px;
    }
}
/*====Section 5====*/
.rail-sec5{
    
}
.rail-sec5.ms-story-theme-bg-parallax{
    color: #333;
    background-color: transparent;
}
.rail-sec5 h4:after{
    display: block;
    content: '';
    clear: both;
    width: 100px;
    margin-top: 10px;
    height: 7px;
    background-color: #0079c1;
}
.ms-story-theme-bg-parallax.bg-shift-left {
    background-position: 80% 50%;
}  
.bg-show-mobile{
    display: none;

}
.bg-show-mobile img{
    width: 100%;
}
@media screen and (max-width: 600px){
    .rail-sec5 .story-parallax{
        padding:0;
    }
    .bg-show-mobile{
        display: block;
        margin-bottom: 20px;
    }
    .bg-hide-mobile{
        background-image: none!important;
    }
}
/*====Section 6====*/
.rail-sec6 .story-parallax h2:after{
    background-color: #0079c1;
}
.story-hover h3{
    margin-bottom: 10px;
}
.story-hover{
    padding-bottom: 30px;
}
.rail-sec6 .story-parallax h2{
    margin-bottom: 0px;
}
@media screen and (max-width: 600px){
    .rail-sec6{
        background-color: black;
        color: #ffffff;
    }
    .rail-sec6-sub .story-parallax{
        padding: 0px 0px 0px 0px;
    }
    .rail-sec6-sub h3{
        color: #0079c1;
    }
}

@media screen and (min-width: 1024px){
    .story-hover{
        min-height: 300px;
        cursor: pointer;
    }
    .rail-sec6-sub{
        height: 500px;
        overflow: hidden;
    }
    .story-hover p{
        opacity: 0;
    
        padding: 0 20px;
        max-width: 450px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        
    }
    .story-hover h3{
        margin-top: 100px;
        padding: 15px 20px;
        max-width: 450px;
        margin-bottom: 0px;
        background-color: rgba(0,121,193,0.8);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .story-hover:hover h3{
        margin-top: 0px;
        padding: 0px 20px;
        background-color: transparent;
    }
    .story-hover:hover p{
        opacity: 1;
        /*height: 400px;*/
    }
}
/*====Section 7====*/
.rail-sec7 .ms-story-theme-white{
    background-color: transparent;
}
.rail-sec7 h3{
    margin-bottom: 0px;
    margin-top: 40px;
}
.rail-sec7.ms-story-theme-bg-parallax{
    background-color: transparent;
}
@media screen and (max-width: 600px){
}
.rail-sec8-sub{
    background-color: rgba(202,234,251,0.9);
    min-height: 100px;
}
.rail-sec8 .story-parallax{
    padding: 40px 0 0 0;
}
.rail-sec8 .rail-sec8-sub .story-parallax{
    padding: 20px 0;
}
.rail-sec8-sub p{
    font-family: "Univers-lt",sans-serif;
    line-height: 1.8;
    font-size: 18px;
    color: #676767;
    font-weight: bold;
}
.app-wrap:after{
    display: block;
    content: '';
    clear: both;
}
.app-group{
    width: 25%;
    float: left;
}
.app-image img{
    width: 100%;
}
.app-name{
    font-family: "Univers-lt",sans-serif;
    color: #676767;
    font-weight: bold;
    padding-right: 20px;
}
@media screen and (max-width: 600px){
    .app-name{
       font-size: 13px; 
       
    }
}

/*====Section 9====*/
.rail-sec9 .story-parallax h2:after{
    background-color: #0079c1;
}
.rail-sec9{
    text-align: center;
}
.rail-sec9 h6{
    padding: 0 20px;
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 30px;
}
/*====Section 10====*/

.rail-sec10 .story-parallax{
    padding: 0 0 40px 0;
}
.rail-sec10 .ms-row{
    padding-top: 0px;
}
.case-study-content{
    padding: 50px 30px;
    background-color: #0079c1;
}
.case-study-content h3{
    margin-bottom: 15px;
}
.case-study-title{
    font-family: "Univers-lt",sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
}
.case-study-selector{
    padding-top: 20px;
}
.case-studybtn-wrap:after{
    display: block;
    clear: both;
    content: '';
}
.case-studybtn{
    position: relative;
    border:1px solid #ffffff;
    width:47%;
    font-size: 18px;
    line-height: 1.2;
    padding: 20px 40px 20px 20px;
    float: left;
    height: 100px;
    margin-bottom: 8px;
    display: table;
    background-color: transparent;
    cursor: pointer;
    margin-right: 1%;
    font-family: "Univers-b",sans-serif;
    box-sizing:border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.case-studybtn:after{
    display: block;
    position: absolute;
    right:8px;
    font-family: "Univers-b",sans-serif;
    font-size: 3rem;
    opacity: 0.3;
    top: 0px;
}
.case-studybtn[number="01"]:after{
    content: '01';
}
.case-studybtn[number="02"]:after{
    content: '02';
}
.case-studybtn[number="03"]:after{
    content: '03';
}
.case-studybtn[number="04"]:after{
    content: '04';
}
.case-studybtn:hover{
    background-color: rgba(255,255,255,0.2);
}
.case-studybtn span{
    display: table-cell;
    vertical-align: middle;
}
.cs-overlay{
    background-color: rgba(0,121,193,0.9);
    position: fixed;
    z-index: -10;
    top:-100%;
    left:0px;
    height: 100%;
    opacity: 0;
    width: 100%;
    overflow-y:scroll;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.cs-overlay.active{
    top:0px;
    opacity: 1;
    z-index: 999;
}
.cs-overlay .xclose{
    width: 50px;
    height: 50px;
    position: absolute;
    top:0px;
    right: 30px;
    background-color: rgba(255,255,255,0.2);
    background-image: url(/content/dam/msi/images/ko_kr/x-button.png);
    background-position: center;
    background-repeat: no-repeat;
}
.cs-overlay-wrap{
    max-width: 900px;
    min-height: 400px;
    padding: 0 20px;
    margin: 100px auto;
}
.cs-nav-wrap .cs-nav.next{
    float:right;
    background-image: url(/content/dam/msi/images/ko_kr/next.png);
}
.cs-nav-wrap .cs-nav.next.last{
    display: none;
}
.cs-nav-wrap:after{
    display: block;
    content: '';
    clear: both;
}
.cs-number{
    position: absolute;
    top: 0px;
    font-family: "Univers-b",sans-serif;
    color: rgba(255,255,255,0.6);
    font-size: 3rem;
}
.cs-number:after{
    position: absolute;
    top: 60px;
    left: 0px;
    content: '';
    width: 40px;
    height: 5px;
    background-color: #caeafb;

}
.cs-content,.cs-title{
    padding-left: 60px;
}
.cs-title{
    padding-top: 8px;
    font-family: "Univers-b",sans-serif;
    color: #222222;
    font-size: 2rem;
}
.cs-content{
    padding-right: 25px;
    padding-bottom: 40px;
    color: #ffffff;
}
.cs-left-content{
    padding-top: 60px;
    width: 20%;
    float: left;
}
.cs-right-content{
    position: relative;
    width: 80%;
    float: right;
}
.cs-image img{
    width: 100%;
}
.cs-nav-wrap .cs-nav{
    width: 49.5%;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}
.cs-city{
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Univers-b",sans-serif;
    text-align: center;
    padding-bottom: 30px;
}
.cs-nav-wrap .cs-nav:hover{
    background-color: rgba(255,255,255,0.2);
}
.cs-nav-wrap .cs-nav.prev{
    border-right: 1px solid #ffffff;
}
.cs-nav-wrap .cs-nav.prev{
    float:left;
    background-image: url(/content/dam/msi/images/ko_kr/prev.png);
}
.cs-nav-wrap .cs-nav.prev[prev-number="0"]{
    display: none;
}
@media screen and (max-width: 600px){
    
    .cs-left-content, .cs-right-content{
        padding-top: 20px;
        width: 100%;
        float: none;
    }
    .cs-number{
        top: 18px;
    }
    .cs-content{
        padding-bottom: 10px;
    }
    .cs-overlay-wrap{
        margin:40px auto;
    }
    .cs-image,.cs-city{
        display: none;
    }
    .rail-sec10.ms-story-theme-bg-parallax{
        background-position: 30% 50%;
    }
    .rail-sec10 .story-parallax{
        padding-bottom: 180px;
    }
    .case-study-content{
        background-color: rgba(0,121,193,0.8);
    }
    .case-studybtn{
        font-size: 16px;
        padding: 10px 10px 10px 10px;
    }
    .case-study-content{
        padding: 30px 20px;
    }
}

/*====Section 11====*/
.rail-sec11 .reserve-bg{
    background-color: #0079c1;
    color: #ffffff;
}
.rail-sec11 table{
    margin-bottom: 20px;
}
.rail-sec11 table tr td{
    font-size: 18px;
    padding-bottom: 4px;
}
.rail-sec11 table tr td:first-child{
    font-family: "Univers-b",sans-serif;
    width: 80px;


}
/*====End====*/
.ms-story-theme-bg-parallax.rail-end{
    min-height: 350px;
}