@import url('sub.css'); 



/**** S:: LMCE ****/
.tech_cont{overflow: hidden;}
.lmce_info{display: flex; justify-content:space-between;}
.lmce_info article{width: calc(50% - 15px);}
.lmce_info .txt_box{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; box-sizing:border-box; padding:0 50px 0 0;}
.lmce_info .txt_box .fs100{line-height: 120%;}
.lmce_info .txt_box p.fs24{font-weight: 300; color:rgba(26, 30, 45, 0.7); letter-spacing: 0.24px;}
.lmce_info .txt_box h4.fs24{padding: 30px 0 0; font-weight:700; color:var(--black); text-wrap: balance;}
.lmce_info .txt_box p.fs20{padding: 5px 0 0; font-weight: 400; color:var(--basic); text-wrap: balance;}
.lmce_info .video_box{}
.lmce_info .video_box .video_wrap{aspect-ratio:2/1.2; overflow: hidden;}
.lmce_info .video_box .jarallax{position: relative; width: 100%; height:100%;}
.lmce_info .video_box .jarallax iframe{position: absolute;}
.lmce_icon{display: flex; flex-wrap:wrap; gap:30px; padding: 70px 0 0;}
.lmce_icon dl{width: calc((100% - 90px)/4); display: flex; align-items:center;}
.lmce_icon dl dt{width: 145px;}
.lmce_icon dl dt img{width: 100%; height: auto;}
.lmce_icon dl dd{padding:0 0 0 20px; width: calc(100% - 145px); box-sizing:border-box;}
.lmce_icon dl dd .fs20{color:var(--black); font-weight: 600;}

.lmce_process{position: relative; overflow: hidden;}
.lmce_process::before{content:''; display: block; width: 100%; height:100%; position:absolute; left:0; top:2px; background:url('/tech/img/lmce_bg.jpg') no-repeat center/cover; z-index:-1;}
.lmce_process .subtitle{padding: 0 0 50px;}
.lmce_process .subtitle .fs50{color:var(--white);}
.lmce_process .subtitle .fs60{color:var(--white);}
.lmce_process .subtitle .fs20{color:var(--white); padding: 10px 0 0;}
.lmce_process .lmce_process_in{box-sizing:border-box; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(1.5px); padding:50px 230px;}
.lmce_process .lmce_process_in dl{position: relative; max-width:915px; margin: 0 auto; padding-left:105px; box-sizing:border-box;}
.lmce_process .lmce_process_in dl.view::after{content:''; display: block; width: 360px; aspect-ratio:1/1; background:url('/tech/img/lmce_process_img.png') no-repeat center/contain; position: absolute; right: -250px; top:-150px; z-index: 5;} 
.lmce_process .lmce_process_in dl dt{width: 35%; box-sizing:border-box; background:var(--white); padding:10px; border-radius:var(--borderR5); text-align:center; position: absolute; left:0; top:50%; transform:translateY(-50%); z-index: 2;}
.lmce_process .lmce_process_in dl dt .fs18{font-weight: 600; font-family:var(--eng); letter-spacing: 0; color:var(--main); opacity: 0.8;}
.lmce_process .lmce_process_in dl dd{}
.lmce_process .lmce_process_in dl dd img{width: 100%; height: auto;}
.lmce_process .lmce_process_in .arrow{text-align:center; padding:15px 0;}
.lmce_process .lmce_process_in .arrow img{max-width:40px; width: 100%; height: auto; }


/**** E:: LMCE ****/


/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){




}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

/**** S:: LMCE ****/
.lmce_icon dl dt{width: 120px;}
.lmce_icon dl dd{padding:0 0 0 20px; width: calc(100% - 120px);}

/**** E:: LMCE ****/

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/**** S:: LMCE ****/


.lmce_info{}
.lmce_info .txt_box{padding:0 30px 0 0;}
.lmce_icon{gap:30px;}
.lmce_icon dl{width: calc((100% - 30px)/2);}


.lmce_process{}
.lmce_process .lmce_process_in{padding:50px 150px 50px 50px;}
.lmce_process .lmce_process_in dl.view::after{width: 280px; right: -180px; top:-120px;} 
.lmce_process .lmce_process_in dl dt .fs18{line-height: 140%;}
.lmce_process .lmce_process_in dl dd{}


/**** E:: LMCE ****/


}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){



/**** S:: LMCE ****/

.lmce_info{flex-wrap:wrap;}
.lmce_info article{width: 100%;}
.lmce_info .txt_box{padding:0 0 30px; text-align:center; align-items: center;}
.lmce_info .txt_box h4.fs24{padding: 15px 0 0;}
.lmce_info .txt_box p.fs20{padding: 2px 0 0;}
.lmce_icon{gap:20px; padding: 40px 0 0;}
.lmce_icon dl{width: calc((100% - 20px)/2);}
.lmce_icon dl dt{width: 100px;}
.lmce_icon dl dd{width: calc(100% - 100px);}



.lmce_process{}
.lmce_process .subtitle{padding: 0 0 30px;}
.lmce_process .lmce_process_in{padding:30px 150px 30px 30px;}
.lmce_process .lmce_process_in dl{padding-left:0;}
.lmce_process .lmce_process_in dl.view::after{top:-80px;} 
.lmce_process .lmce_process_in dl dt{width: 100%; margin-bottom: 2px; position: relative; left: auto; top:auto; transform:translateY(0);}
.lmce_process .lmce_process_in dl dd{}
.lmce_process .lmce_process_in .arrow{padding:10px 0;}
.lmce_process .lmce_process_in .arrow img{max-width:30px;}


/**** E:: LMCE ****/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



/**** S:: LMCE ****/

.lmce_info .txt_box{padding:0 0 20px;}
.lmce_info .txt_box h4.fs24{padding: 10px 0 0;}
.lmce_icon{gap:10px; padding: 30px 0 0;}
.lmce_icon dl{width: 100%;}
.lmce_icon dl dt{width: 60px;}
.lmce_icon dl dd{padding:0 0 0 15px; width: calc(100% - 60px);}




.lmce_process{}
.lmce_process .subtitle{padding: 0 0 20px;}
.lmce_process .subtitle .fs20{padding: 6px 0 0;}
.lmce_process .lmce_process_in{padding:20px 50px 20px 20px;}
.lmce_process .lmce_process_in dl.view::after{width: 140px; right: -50px; top:-20px;} 
.lmce_process .lmce_process_in dl dt{width: 100%; padding: 10px 20px; text-align:left; margin-bottom: 2px; position: relative; left: auto; top:auto; transform:translateY(0);}
.lmce_process .lmce_process_in dl dd{}
.lmce_process .lmce_process_in .arrow{padding:5px 0;}
.lmce_process .lmce_process_in .arrow img{max-width:20px;}


/**** E:: LMCE ****/


}