
@charset "utf-8";
.clearfix:after { content:""; display:block; clear:both;}


/* 
	제품소개 - 소프트웨어 - 안심택배 앱 
*/
.software_woman {}
.software_woman .con1 {}
.software_woman .con1 .list { text-align:center;}
.software_woman .con1 .list ul {}
.software_woman .con1 .list ul li { width:24.13793103448%; float:left; margin-right:13.79310344828%; }
.software_woman .con1 .list ul li:last-child { margin:0; }
.software_woman .con1 .list ul li .img { border-radius:20px; background:#f7f7f7; padding:40px; box-shadow:7px 7px 7px rgba(0,0,0,0.15);}
.software_woman .con1 .list ul li .txt { line-height:1.4; margin-top:44px; position:relative;}
.software_woman .con1 .list ul li .txt:before { content:""; width:1px; height:44px; background:#0b4ea9; position:absolute; left:50%; top:-44px; display:block;}
.software_woman .con1 .list ul li .txt dl { padding-top:108px;}
.software_woman .con1 .list ul li .txt dl dt { font-size:17px; font-weight:500; color:#333; } 
.software_woman .con1 .list ul li .txt dl dd { margin-top:8px;}
.software_woman .con1 .list ul li.area01 .txt dl { background:url("/img/sub/software_woman_icon01.png") no-repeat center top;}
.software_woman .con1 .list ul li.area02 .txt dl { background:url("/img/sub/software_woman_icon02.png") no-repeat center top;}
.software_woman .con1 .list ul li.area03 .txt dl { background:url("/img/sub/software_woman_icon03.png") no-repeat center top;}
.software_woman .con1 .list ul li.area04 .txt dl { background:url("/img/sub/software_woman_icon04.png") no-repeat center top;}
.software_woman .con1 .list ul li.area05 .txt dl { background:url("/img/sub/software_woman_icon05.png") no-repeat center top;}
.software_woman .con1 .list ul li.area06 .txt dl { background:url("/img/sub/software_woman_icon06.png") no-repeat center top;}

.software_woman .con1 .app { text-align:center; padding:30px 0 20px 0;}
.software_woman .con1 .app ul {}
.software_woman .con1 .app ul li { display:inline-block; width:280px; border-radius:5px; border:1px solid #ddd; box-shadow:5px 5px 5px rgb(0,0,0,0.15); margin-right:16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 15px; }
.software_woman .con1 .app ul li a { display:block; height:70px; line-height:70px; }
.software_woman .con1 .app ul li:last-child { margin:0; }
.software_woman .con1 .app ul li img { vertical-align:middle; width:auto; max-width:100%;}


.software_woman  .womanApp_tit { padding-bottom:15px; font-weight:bold; color:#222;  font-size:20px;}
.software_woman  .womanApp_line { width:100%; height:1px; background-color:#dfdfdf; margin:20px 0;}




/* 제품소개 - 전기차충전기 */
.table_tit100 { font-size:30px; font-weight:bold}
.elec-car-cont01 { margin-right:-20px; padding:20px 0 30px 0}
.elec-car-cont01 ul li { display:inline-block; width:48%; padding-right:15px;}
@media screen and (max-width:1200px){	
.elec-car-cont01 ul li { width:100%; padding-bottom:15px;}
}


/* 제품소개 - 스터디카페 */
.Scafe-sum01 { padding:20px 0 180px 0;}
.Scafe-sum01:after { content:""; display:block; clear:both;}
.Scafe-sum01 li{ width:15%; margin-right:15px; float:left;}
.Scafe-sum01 li .Scafe-sum01-arrow { text-align:center; padding:10px 0;}
.Scafe-sum01 li .Scafe-sum01-tit01 { color:#0a3856; background-color:#afcfe5; font-size:25px; font-weight:bold; text-align:center; line-height:50px;}
.Scafe-sum01 li .Scafe-sum01-tit02 { color:#fff; background-color:#81b5d9; font-size:25px; font-weight:bold; text-align:center; line-height:50px;}
.Scafe-sum01 li .Scafe-sum01-tit03 { color:#fff; background-color:#579dcd; font-size:25px; font-weight:bold; text-align:center; line-height:50px;}
.Scafe-sum01 li .Scafe-sum01-tit04 { color:#fff; background-color:#3783b7; font-size:25px; font-weight:bold; text-align:center; line-height:50px;}
.Scafe-sum01 li .Scafe-sum01-tit05 { color:#fff; background-color:#2b6891; font-size:25px; font-weight:bold; text-align:center; line-height:50px;}
.Scafe-sum01 li .Scafe-sum01-tit06 { color:#fff; background-color:#235576; font-size:25px; font-weight:bold; text-align:center; line-height:50px;}
.Scafe-sum01 li .Scafe-sum01-text { color:#333; background-color:#f1fafc; text-align:center; padding:15px 0; height:120px; line-height:25px;}

.Scafe-sum02 { }
.Scafe-sum02 li.Scafe-sum02-01 { width:30%;  float:left; }
.Scafe-sum02 li.Scafe-sum02-02 { width:68%; float:left;}
.Scafe-sum02 li p { text-align:center;}
.Scafe-sum02 li.Scafe-sum02-01 p.Scafe-sum02-img{ height:430px; }
.Scafe-sum02 li.Scafe-sum02-02 p.Scafe-sum02-img{height:380px; padding-top:50px; }
.Scafe-sum02 li p.Scafe-sum02-tit{ color:#222; font-size:20px; font-weight:bold;}

@media screen and (max-width:1200px){	
.Scafe-sum01 li{ width:48%; margin-right:15px; float:left;}

.Scafe-sum02 li.Scafe-sum02-01 { width:100%;  float:left; }
.Scafe-sum02 li.Scafe-sum02-02 { width:100%; float:left;}
}

@media screen and (max-width:600px){	
.Scafe-sum01 li{ width:100%; margin-right:0px;}

}


.Scafe-func01 { margin:-600px 0 20px 560px; }
.Scafe-func01 li { padding:20px 0}
.Scafe-func01 li.Scafe-func01-01 { padding-left:0px;}
.Scafe-func01 li.Scafe-func01-02 { padding-left:20px;}
.Scafe-func01 li.Scafe-func01-03 { padding-left:40px;}
.Scafe-func01 li.Scafe-func01-04 { padding-left:40px;}
.Scafe-func01 li.Scafe-func01-05 { padding-left:20px;}
.Scafe-func01 li.Scafe-func01-06 { padding-left:0px;}
.Scafe-func01 li .Scafe-func01-tit { color:#222; font-size:22px; font-weight:bold;}

.Scafe-func02-img {}
.Scafe-func02 { margin:-555px 0 100px 410px; padding-bottom:130px;}
.Scafe-func02 li { position:relative;}
.Scafe-func02 li.Scafe-func02-01 {height:70px; }
.Scafe-func02 li.Scafe-func02-02 {height:75px;}
.Scafe-func02 li.Scafe-func02-03 {height:90px;}
.Scafe-func02 li.Scafe-func02-04 {height:65px;}
.Scafe-func02 li.Scafe-func02-05 {height:70px;}
.Scafe-func02 li.Scafe-func02-06 {height:70px;}
.Scafe-func02 li.Scafe-func02-07 {height:70px}
.Scafe-func02 li.Scafe-func02-08 {height:75px;}
.Scafe-func02 li.Scafe-func02-09 {height:90px;}
.Scafe-func02 li.Scafe-func02-10 {height:65px;}
.Scafe-func02 li.Scafe-func02-11 {height:70px;}
.Scafe-func02 li.Scafe-func02-12 {height:70px;}
.Scafe-func02 li.Scafe-func02-13 {}
.Scafe-func02 li .Scafe-func02-tit { position:absolute; left:0; top:0; display:inline-block; width:170px; color:#222; font-size:22px; font-weight:bold;}
.Scafe-func02 li .Scafe-func02-text {position:absolute; left:170px; top:0; display:inline-block;}


.Scafe-func03 { margin:-535px 0 100px 570px;}
.Scafe-func03 li { position:relative;}
.Scafe-func03 li.Scafe-func03-01 {height:115px; }
.Scafe-func03 li.Scafe-func03-02 {height:105px;}
.Scafe-func03 li.Scafe-func03-03 {height:110px;}
.Scafe-func03 li.Scafe-func03-04 {height:105px;}
.Scafe-func03 li.Scafe-func03-05 {height:105px;}
.Scafe-func03 li.Scafe-func03-06 {}
.Scafe-func03 li .Scafe-func03-tit { position:absolute; left:0; top:0; display:inline-block; width:160px; color:#222; font-size:22px; font-weight:bold;}
.Scafe-func03 li .Scafe-func03-text {position:absolute; left:170px; top:0; display:inline-block;}


.Scafe-func04 { margin:-535px 0 600px 570px;}
.Scafe-func04 li { position:relative;}
.Scafe-func04 li.Scafe-func04-01 {height:115px; }
.Scafe-func04 li.Scafe-func04-02 {height:105px;}
.Scafe-func04 li.Scafe-func04-03 {height:110px;}
.Scafe-func04 li.Scafe-func04-04 {height:105px;}
.Scafe-func04 li.Scafe-func04-05 {}
.Scafe-func04 li .Scafe-func04-tit { position:absolute; left:0; top:0; display:inline-block; width:160px; color:#222; font-size:22px; font-weight:bold;}
.Scafe-func04 li .Scafe-func04-text {position:absolute; left:170px; top:0; display:inline-block;}

@media screen and (max-width:1200px){	
.Scafe-func01-img { width:auto; max-width:100%; text-align:center;}
.Scafe-func01 { margin:0 0 100px 0; }
.Scafe-func01 li { padding:10px 0;}
.Scafe-func01 li.Scafe-func01-01 { padding-left:0px;}
.Scafe-func01 li.Scafe-func01-02 { padding-left:0px;}
.Scafe-func01 li.Scafe-func01-03 { padding-left:0px;}
.Scafe-func01 li.Scafe-func01-04 { padding-left:0px;}
.Scafe-func01 li.Scafe-func01-05 { padding-left:0px;}
.Scafe-func01 li.Scafe-func01-06 { padding-left:0px;}

.Scafe-func02-img { width:auto; max-width:100%; text-align:center;}
.Scafe-func02 { margin:-555px 0 100px 270px;}

.Scafe-func03-img { width:auto; max-width:100%; text-align:center;}
.Scafe-func03 { margin:50px 0 100px 0; }
.Scafe-func03 li.Scafe-func03-01 {height:80px; }
.Scafe-func03 li.Scafe-func03-02 {height:80px;}
.Scafe-func03 li.Scafe-func03-03 {height:70px;}
.Scafe-func03 li.Scafe-func03-04 {height:70px;}

.Scafe-func03 li .Scafe-func03-tit { width:250px; }
.Scafe-func03 li .Scafe-func03-text { left:270px;}
}


.Scafe-process01 { padding:90px  0; margin-right:-20px;}
.Scafe-process01:after { content:""; display:block; clear:both;}
.Scafe-process01 li{ width:12%; height:160px; margin-right:10px; float:left; padding:30px 5px}
.Scafe-process01 li.Scafe-process01-01 { background:#cbe0ee; }
.Scafe-process01 li.Scafe-process01-02 {background:#afcfe5; }
.Scafe-process01 li.Scafe-process01-03 {background:#81b5d9; }
.Scafe-process01 li.Scafe-process01-04 {background:#579dcd; }
.Scafe-process01 li.Scafe-process01-05 {background:#3783b7; }
.Scafe-process01 li.Scafe-process01-06 {background:#2b6891; }
.Scafe-process01 li.Scafe-process01-07 {background:#235576; }
.Scafe-process01 li .Scafe-process01-tit-b { color:#0a3856; font-size:25px; font-weight:bold; text-align:center; line-height:40px;}
.Scafe-process01 li .Scafe-process01-tit-w { color:#fff; font-size:25px; font-weight:bold; text-align:center; line-height:40px;}
.Scafe-process01 li .Scafe-process01-text-b { color:#333; text-align:center;  height:120px; line-height:25px;}
.Scafe-process01 li .Scafe-process01-text-w { color:#fff; text-align:center; height:120px; line-height:25px;}



@media screen and (max-width:1200px){	

.Scafe-process01 li{ width:100%; height:80px; margin-right:0px;}

}









/* 사업분야 */

.biz-main {}

.biz-main .cont01 { padding-bottom:70px; margin-top:70px;  }
.biz-main .cont01 .biz-Timg { position:relative;  background:url(../img/sub/biz_area_Timg01.jpg) center no-repeat; }
.biz-main .cont01 .biz-Timg .Timg { width:100%; height:540px; }
/*.biz-main .cont01 .biz-Timg .Ttext { height:300px; float:right; width:40%; margin-top:-300px; color:#fff; background-color:#448afd; padding:0px; z-index:100; } */
.biz-main .cont01 .biz-Timg .Ttext { position:absolute; right:0; bottom:0;   height:300px;width:40%;  color:#fff; background-color:#5c90e6; padding:0px; }
.biz-main .cont01 .biz-Timg .Ttext p { margin:30px;}
.biz-main .cont01 .biz-Timg .Ttext p .text01 { display:block; font-size:50px; font-weight:bold;}
.biz-main .cont01 .biz-Timg .Ttext p .text02 { display:block; font-size:40px;   opacity:0.3; }
.biz-main .cont01 .biz-Timg .Ttext p .text03 { display:block; font-size:20px; line-height:30px; padding:20px 0;}
.biz-main .cont01 .biz-icons { color:#999; line-height:20px;  border:1px solid #e6e6e6;  }
.biz-main .cont01 .biz-icons ul { width:33.2%; height:230px; float:left;  border-right:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6; margin-bottom:-1px; text-align:center; }
.biz-main .cont01 .biz-icons ul:nth-child(3n){ border-right:none;}
.biz-main .cont01 .biz-icons ul li{ margin:30px auto; text-align:center; }
.biz-main .cont01 .biz-icons ul li p span{display:block; }
.biz-main .cont01 .biz-icons ul li p span.biz-icon-tit{ line-height:40px; color:#222; font-size:22px; font-weight:500; }
.biz-main .cont01 .biz-icons ul li p span.biz-icon-tit img{ padding:10px 0 0 10px;}


.biz-main .cont02 {padding-bottom:70px; margin-top:70px; }
.biz-main .cont02 .biz-Timg { position:relative;  }
.biz-main .cont02 .biz-Timg .Timg { width:100%; height:540px; background:url(../img/sub/biz_area_Timg02.jpg) center no-repeat; }
/*.biz-main .cont02 .biz-Timg .Ttext { height:300px; float:left; width:40%; margin-top:-300px; color:#fff; background-color:#1db16a; padding:0px; }*/
.biz-main .cont02 .biz-Timg .Ttext { position:absolute; right:0; bottom:0;   height:300px;width:40%;  color:#fff; background-color:#1db16a; padding:0px;}
.biz-main .cont02 .biz-Timg .Ttext p { margin:30px;}
.biz-main .cont02 .biz-Timg .Ttext p .text01 { display:block; font-size:50px; font-weight:bold;}
.biz-main .cont02 .biz-Timg .Ttext p .text02 { display:block; font-size:40px;   opacity:0.3; }
.biz-main .cont02 .biz-Timg .Ttext p .text03 { display:block; font-size:20px; line-height:30px; padding:20px 0;}
.biz-main .cont02 .biz-icons { color:#999; line-height:20px;  border:1px solid #e6e6e6;  }
.biz-main .cont02 .biz-icons ul { width:33.2%; height:230px; float:left;  border-right:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6; margin-bottom:-1px; text-align:center; }
.biz-main .cont02 .biz-icons ul:nth-child(3n){ border-right:none;}
.biz-main .cont02 .biz-icons ul li{ margin:30px auto; text-align:center; }
.biz-main .cont02 .biz-icons ul li p span{display:block; }
.biz-main .cont02 .biz-icons ul li p span.biz-icon-tit{ line-height:40px; color:#222; font-size:22px; font-weight:500;}
.biz-main .cont02 .biz-icons ul li p span.biz-icon-tit img{ padding:10px 0 0 10px;}


.biz-main .cont03 {padding-bottom:70px; margin-top:70px; }
.biz-main .cont03 .biz-Timg { position:relative;  }
.biz-main .cont03 .biz-Timg .Timg { width:100%; height:540px; background:url(../img/sub/biz_area_Timg03.jpg) center no-repeat; }
/*.biz-main .cont03 .biz-Timg .Ttext { height:300px; float:right; width:40%; margin-top:-300px; color:#fff; background-color:#ae7b38; padding:0px; } */
.biz-main .cont03 .biz-Timg .Ttext { position:absolute; right:0; bottom:0;   height:300px;width:40%;  color:#fff; background-color:#ae7b38; padding:0px;}
.biz-main .cont03 .biz-Timg .Ttext p { margin:30px;}
.biz-main .cont03 .biz-Timg .Ttext p .text01 { display:block; font-size:50px; font-weight:bold;}
.biz-main .cont03 .biz-Timg .Ttext p .text02 { display:block; font-size:40px;   opacity:0.3; }
.biz-main .cont03 .biz-Timg .Ttext p .text03 { display:block; font-size:20px; line-height:30px; padding:20px 0;}
.biz-main .cont03 .biz-icons { color:#999; line-height:20px;  border:1px solid #e6e6e6;  }
.biz-main .cont03 .biz-icons ul { width:49.5%; height:230px; float:left;  border-right:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6; margin-bottom:-1px; text-align:center; }
.biz-main .cont03 .biz-icons ul:nth-child(2n){ border-right:none;}
.biz-main .cont03 .biz-icons ul li{ margin:30px auto; text-align:center; }
.biz-main .cont03 .biz-icons ul li p span{display:block; }
.biz-main .cont03 .biz-icons ul li p span.biz-icon-tit{ line-height:40px; color:#222; font-size:22px; font-weight:500;}
.biz-main .cont03 .biz-icons ul li p span.biz-icon-tit img{ padding:10px 0 0 10px;}




@media screen and (max-width:1200px){	
.biz-main .cont01 .biz-Timg .Timg { background:url(../img/sub/biz_area_Timg01.jpg) left no-repeat; }
.biz-main .cont01 .biz-Timg .Ttext {width:100%; height:250px; margin-top:0px;}
.biz-main .cont01 .biz-Timg .Ttext p span { text-align:center;}
.biz-main .cont01 .biz-Timg .Ttext p .text03 {  line-height:25px;}
.biz-main .cont01 .biz-icons { }
.biz-main .cont01 .biz-icons ul { width:100%;  height:150px;}
.biz-main .cont01 .biz-icons ul li{ width:70%; padding-left:70px;}
.biz-main .cont01 .biz-icons ul li img { float:left; padding-right:20px; }
.biz-main .cont01 .biz-icons ul li p {}
.biz-main .cont01 .biz-icons ul li p span{ float:left; display:block;}
.biz-main .cont01 .biz-icons ul li p span.biz-icon-tit{max-width:300px;  }
.biz-main .cont01 .biz-icons ul li p span.biz-icon-text{ text-align:left; width:75%;}
.biz-main .cont01 .biz-icons ul li p span.biz-icon-tit img{ float:right;}


.biz-main .cont02 .biz-Timg .Ttext {width:100%; height:250px; margin-top:0px;}
.biz-main .cont02 .biz-Timg .Ttext p span { text-align:center;}
.biz-main .cont02 .biz-icons { }
.biz-main .cont02 .biz-icons ul { width:100%;  height:150px;}
.biz-main .cont02 .biz-icons ul li{ width:70%; padding-left:70px;}
.biz-main .cont02 .biz-icons ul li img { float:left; padding-right:20px; }
.biz-main .cont02 .biz-icons ul li p {}
.biz-main .cont02 .biz-icons ul li p span{ float:left; display:block;}
.biz-main .cont02 .biz-icons ul li p span.biz-icon-tit{ }
.biz-main .cont02 .biz-icons ul li p span.biz-icon-text{ text-align:left; width:75%;}
.biz-main .cont02 .biz-icons ul li p span.biz-icon-tit img{ float:right;}


.biz-main .cont03 .biz-Timg .Timg { background:url(../img/sub/biz_area_Timg03.jpg) left no-repeat; }
.biz-main .cont03 .biz-Timg .Ttext {width:100%; height:250px; margin-top:0px;}
.biz-main .cont03 .biz-Timg .Ttext p span { text-align:center;}
.biz-main .cont03 .biz-icons { }
.biz-main .cont03 .biz-icons ul { width:100%;  height:150px;}
.biz-main .cont03 .biz-icons ul li{ width:70%; padding-left:70px;}
.biz-main .cont03 .biz-icons ul li img { float:left; padding-right:20px; }
.biz-main .cont03 .biz-icons ul li p {}
.biz-main .cont03 .biz-icons ul li p span{ float:left; display:block;}
.biz-main .cont03 .biz-icons ul li p span.biz-icon-tit{ }
.biz-main .cont03 .biz-icons ul li p span.biz-icon-text{ text-align:left; width:75%;}
.biz-main .cont03 .biz-icons ul li p span.biz-icon-tit img{ float:right;}


	
}




@media screen and (max-width:600px){
	
.biz-main .cont01 { padding-bottom:10px; margin-top:30px;  }
.biz-main .cont01 .biz-Timg .Timg { height:700px; background-position:-300px 0 }
.biz-main .cont01 .biz-Timg .Ttext {height:270px;}
.biz-main .cont01 .biz-icons { }
.biz-main .cont01 .biz-icons ul {}
.biz-main .cont01 .biz-icons ul li{width:100%; padding-left:30px;}
.biz-main .cont01 .biz-icons ul li p span.biz-icon-tit{ max-width:210px; text-align:left; line-height:25px;}
.biz-main .cont01 .biz-icons ul li p span.biz-icon-text{ width:60%; line-height:18px; font-size:15px;}
.biz-main .cont01 .biz-icons ul li p span.biz-icon-tit img{ padding:3px 0 10px 10px;}

.biz-main .cont02 { padding-bottom:10px; margin-top:-50px;}  
.biz-main .cont02 .biz-Timg .Timg { height:700px; }
.biz-main .cont02 .biz-Timg .Ttext {height:350px;}
.biz-main .cont02 .biz-icons { }
.biz-main .cont02 .biz-icons ul {}
.biz-main .cont02 .biz-icons ul li{width:100%; padding-left:30px;}
.biz-main .cont02 .biz-icons ul li p span.biz-icon-tit{ max-width:200px; text-align:left; line-height:25px;}
.biz-main .cont02 .biz-icons ul li p span.biz-icon-text{ width:60%; line-height:18px; font-size:15px;}
.biz-main .cont02 .biz-icons ul li p span.biz-icon-tit img{ padding:3px 0 10px 10px;}


.biz-main .cont03 { padding-bottom:10px; margin-top:-90px;  }
.biz-main .cont03 .biz-Timg .Timg { height:800px; }
.biz-main .cont03 .biz-Timg .Ttext {height:400px;}
.biz-main .cont03 .biz-icons { }
.biz-main .cont03 .biz-icons ul {}
.biz-main .cont03 .biz-icons ul li{width:100%; padding-left:30px;}
.biz-main .cont03 .biz-icons ul li p span.biz-icon-tit{ max-width:200px; text-align:left; line-height:25px;}
.biz-main .cont03 .biz-icons ul li p span.biz-icon-text{ width:60%; line-height:18px; font-size:15px;}
.biz-main .cont03 .biz-icons ul li p span.biz-icon-tit img{ padding:3px 0 10px 10px;}

}




/* 메인 */


#mainContents #main-company { padding:50px 0 0 0; background:#f3f3f3; margin-bottom:100px; margin-top:-20px; }
#mainContents #main-company  .main-company-form{ background:#fff;  }
#mainContents #main-company > div > div {float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:348px;position:relative;}
#mainContents #main-company .news { background:#fff; width:45.20547945205%;}
#mainContents #main-company .news .more_s3 { right:7.42424242424%; top:56px;}
#mainContents #main-company .news .list { margin-top:30px;}
#mainContents #main-company .news .list ul {}
#mainContents #main-company .news .list ul li { margin-bottom:20px;}
#mainContents #main-company .news .list ul li:last-child { margin:0; }
#mainContents #main-company .news .list a { display:block; font-size:0; letter-spacing:-4px;}
#mainContents #main-company .news .list a .img { width:126px; overflow:hidden; max-height:94px;}
#mainContents #main-company .news .list a .img img { width:100%;}
#mainContents #main-company .news .list a .img, 
#mainContents #main-company .news .list a .txt  { display:inline-block; vertical-align:middle; letter-spacing:0;}
#mainContents #main-company .news .list a .txt { margin-left:30px;
width:calc(100% - 156px);
width:-webkit-calc(100% - 156px);
width:-moz-calc(100% - 156px);
}
#mainContents #main-company .news .list a .txt dl {}
#mainContents #main-company .news .list a .txt dl dt { font-size:18px; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mainContents #main-company .news .list a .txt dl dd { font-size:15px; line-height:1.4; margin-top:10px; height:40px; overflow:hidden;}


.main-news { padding:52px 3.56164383562%;}
.main-mall {background:url(../img/main/ban_mall_bg.jpg) no-repeat right bottom; width:17%;  margin-right:15px; margin-top:70px; padding:40px 10px 0 60px; }
.main-mall .main-mall-tit { padding-left:40px; color:#fff; font-size:23px; font-weight:bold; line-height:25px;}
.main-mall .main-mall-text { padding-left:40px; padding-top:10px; color:#fff;  line-height:20px;}
.main-brochure {color:#222; background:url(../img/main/ban_brochure_bg.jpg) no-repeat right bottom; width:17%;  margin-right:15px; margin-top:70px;  padding:30px 0px;  }
.main-brochure .main-brochure-tit { text-align:center;  color:#222; font-size:23px; font-weight:bold;}
.main-brochure .main-brochure-text { text-align:center; padding-top:10px; line-height:20px;}
.main-certification { color:#fff; background:url(../img/main/ban_certification_bg.jpg) no-repeat right bottom; width:17%;  margin-top:70px;  padding:50px 0px;  }
.main-certification .main-certification-tit { text-align:center;  color:#fff; font-size:23px; font-weight:bold;}
.main-certification .main-certification-text { text-align:center;   padding-top:10px; color:#fff; line-height:20px;} 

.more_s4 { width:18px; height:20px; background:url("/img/main/more_s4.png") no-repeat; position:absolute; right:16px; bottom:16px;}


@media screen and (max-width:1200px){
	#mainContents #main-company .news { width:100%;}
	#mainContents #main-company > div > div {height:250px;}
	.main-mall {width:100%;   margin-right:0px; margin-top:220px;   padding:90px 10px 0 0px; }
	.main-mall .main-mall-tit { }
    .main-mall .main-mall-text {}
	.main-brochure {width:100%;   margin-right:0px; margin-top:0px; padding:90px 10px 0 50px;  }
	.main-brochure .main-brochure-tit { text-align:left; }
    .main-brochure .main-brochure-text { text-align:left;}
	.main-certification {width:100%;  margin-top:0px; padding:90px 10px 0 50px; }
	.main-certification .main-certification-tit { text-align:left; }
    .main-certification .main-certification-text { text-align:left;}

}


@media screen and (max-width:600px){
	#mainContents #main-company .news { }
	#mainContents #main-company > div > div {}
	.main-mall { padding:145px 10px 0 0px; }
	.main-mall .main-mall-tit { padding-left:15px; width:110px; }
    .main-mall .main-mall-text {padding-left:15px;}
	.main-brochure { padding:80px 10px 0 0px;  }
	.main-brochure .main-brochure-tit { padding-left:15px}
    .main-brochure .main-brochure-text { padding-left:15px; width:100px;}
	.main-certification {padding:80px 10px 0 0px; }
	.main-certification .main-certification-tit { padding-left:15px }
    .main-certification .main-certification-text { padding-left:15px; width:110px;}

}




/* 홍보-동영상 */
.video-size { width:800px; height:450px}

@media screen and (max-width:1200px){
.video-size { width:100%;  min-height:auto;  }

}




