@charset "utf-8";

#m01{position:relative;max-width:1070px;margin:0 auto;font-family:var(--k-font)}
#m01_wrap{position:absolute;z-index:100;top:-258px;left:0;max-width:1070px;text-align:center;font-size:15px;color:#fff}
#m01_wrap:after{ display:block;content:"";visibility:hidden;clear:both}

/*회사소개,사업분야,포트폴리오*/
#m01_wrap ul{overflow:hidden;float:left}
#m01_wrap ul img{margin:37px 0 17px}
#m01_wrap ul li{float:left;width:215px;height:204px;margin-right:14px;font-size:14px;font-weight:500;background:rgba(255,255,255,.3)}
#m01_wrap ul li a{display:block;height:100%}
#m01_wrap ul li span{opacity:0.8;color:#fff;word-break:keep-all}
#m01_wrap ul li div{margin-bottom:5px;font-size:16px;color:#fff;font-weight:700}
#m01_wrap ul li .inc01_btn{width:114px;padding:8px;margin:16px auto;color:#111;-webkit-transition:border .2s;-ms-transition:border .2s;transition:border .2s;background-color:#fff}
#m01_wrap ul li .inc01_btn i{margin-left:5px}
#m01_wrap ul li:hover .btn{border:1px solid #ada91a}

/*고객센터*/
#m01_wrap .cs_center{float:right;position:relative;width:368px;height:204px;font-size:15px;color:#666;background-color:#fff}
#m01_wrap .cs_center:before{content:"";display:block;clear:both;width:9px;height:43px;margin:-28px 0 0 317px;background:#d5ce00}
#m01_wrap .cs_center .cs{margin:15px 0 10px;font-size:15px;font-weight:700;color:#888}
#m01_wrap .cs_center .tel{margin-bottom:10px;font-size:30px;font-weight:700;color:#d5ce00;font-family:var(--e-font)}
#m01_wrap .cs_center img{position:absolute;left:321px;top:0}
#m01_wrap .cs_center .s_txt{line-height:21px;font-family:var(--k-font), var(--e-font)}

/* 반응형 [s] */
@media (max-width:1380px){
#m01_wrap{display:flex;gap:14px;top:-320px;width:100%}
#m01_wrap:after{display:none}
#m01_wrap ul{display:flex;gap:14px;float:none;width:70%}
#m01_wrap ul li{margin-right:0px;width:calc(100%  / 3 - 7px)}
#m01_wrap .cs_center{width:30%}
#m01_wrap .cs_center:before{margin:-23px 0 0 280px}
}
@media (max-width:1024px){
#m01{background-color:#222}
#m01_wrap{position:relative;top:0px;left:0px;padding:40px 0;margin:auto;width:95%}
#m01_wrap ul li{height:auto}
#m01_wrap ul li a img{width:32px}
#m01_wrap .cs_center{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:auto;font-size:14px}
#m01_wrap .cs_center:before{position:absolute;top:-20px;right:20px;margin:0px;height:36px}
#m01_wrap .cs_center .cs{margin:0 0 10px 0 ;font-size:14px}
#m01_wrap .cs_center .tel{margin-bottom:10px;font-size:28px}
#m01_wrap .cs_center .s_txt{line-height:1.3}
}
@media (max-width:768px){
#m01_wrap{flex-direction:column}
#m01_wrap ul{width:100%}
#m01_wrap .cs_center{padding:24px 0;width:100%}
#m01_wrap .cs_center:before{top:0px}
}
@media (max-width:480px){
#m01_wrap{padding:30px 0}
#m01_wrap ul{flex-wrap:wrap}
#m01_wrap ul li{width:100%}
#m01_wrap ul li:nth-child(-n+2){width:calc(50% - 7px)}
}
@media (max-width:380px){
#m01_wrap ul li a img{width:28px}
#m01_wrap ul li div{font-size:14px}
#m01_wrap .cs_center .cs{margin-bottom:8px}
#m01_wrap .cs_center .tel{margin-bottom:8px;font-size:26px}
}
/* 반응형 [e] */