#bgmld { position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100vh; background: rgba(255,255,255,.8); text-align: center; z-index: 100000; }
#mldcontwrap { width: 90%; height: 90%; overflow: auto; margin-left: 5%; margin-right: 5%; z-index: 100001; background: #fff; padding: 40px; position: absolute; top: 5%; text-align: center; box-shadow: 0 10px 10px 10px rgba(0,0,0,0.2)}
#mldcontwrap .outline-in ul { width: 86%; margin: 0 auto;}
#mldcontwrap .outline-in ul li { margin: 0; padding: 0;}
.manual-list { display: flex; justify-content:space-around;} 
.manual-list li { width: 34%; } 
.manual-list li img { width: 100%; border: 1px solid #bcbcbc; margin-bottom: 10px; }
#mldcontwrap-inner p { width: 86%; margin: 10px auto; }
#mldcontwrap-inner p img.demo-img { width: 100%; max-width: 400px; border: 1px solid #bcbcbc; margin-top: 20px; }
.manual-list-wrap { padding: 40px 0 60px;}

@media screen and (max-width: 1260px){#mldcontwrap .outline-in ul { width: 86%; margin: 0 auto;}
#mldcontwrap .outline-in ul li { margin: 0; padding: 0; width: 100%;}}
@media (max-width: 960px){}
@media (max-width: 768px){
    #mldcontwrap .outline-in ul { width: 100%; margin: 0 auto;}
    #mldcontwrap-inner p { width: 100%; margin: 10px auto; }
.manual-list-wrap { padding: 3% 0 5%;}
    #mldcontwrap { padding: 5%;}
}