@charset "UTF-8";

 
.main_vi {width:100%; height:700px; min-width:1240px;  display:inline-block; background-color:#fff}
  
.main_bn  {
width:100%;    min-width:1240px; 
max-width:1300px;  
margin:0 auto; 
display:flex; 
 
justify-content:space-between;  
  box-sizing:border-box;
}
.main_bn li {margin-top:20px; width:22%; text-align:Center;  box-sizing:border-box; border:1px solid #ddd; padding:30px 0 35px 0; font-size:1.3em ; border-radius:20px 20px 0 0; box-shadow:2px 2px 5px #f1f1f1; color:#444; letter-spacing:-1.2px; font-weight:600; }
 .main_bn li p {margin-bottom:15px;   }
 .main_bn li a {background-color:#76bc4a; color:#fff; padding:7px 50px; text-decoration:none;  display:inline-block; margin-top:10px; font-weight:400; letter-spacing:0.5px; font-size:16px; transition: 0.3s linear; }

.main_bn li:nth-child(1) {border-bottom:3px solid #76bc4a} 
.main_bn li:nth-child(2) {border-bottom:3px solid #98c244} 
.main_bn li:nth-child(3) {border-bottom:3px solid #4491c2} 
.main_bn li:nth-child(4) {border-bottom:3px solid #44afc2} 


 .main_bn li:nth-child(1) a {background-color:#76bc4a} 
 .main_bn li:nth-child(2)  a {background-color:#98c244} 
 .main_bn li:nth-child(3) a {background-color:#4491c2} 
 .main_bn li:nth-child(4) a {background-color:#44afc2} 


 .main_bn li:nth-child(1) a:hover {background-color:#feb616} 
 .main_bn li:nth-child(2)  a:hover {background-color:#feb616} 
 .main_bn li:nth-child(3) a:hover {background-color:#feb616} 
 .main_bn li:nth-child(4) a:hover {background-color:#feb616} 

.main_bn .c_line {width:1px; height:15px; display:inline-block; background-color:#333; margin-bottom:5px}
.main_bn .s_t {font-size:0.75em; font-weight:400; width:100%; display:inline-block; padding-top:5px; line-height:20px;  color:#777}

.main_book{display:flex; flex-wrap:wrap; gap:15px;}
.main_book li{width:calc(20% - 12px); text-align:center;}
.main_book img{width:100%;}


/*뉴스*/

section.news  {
width:100%;    min-width:1240px; 
max-width:1300px;  
margin:0 auto; 
display:flex; 
order:3; 
/*가로배열 양쪽 끝 가운데 센터*/
flex-direction:row; 
justify-content:space-between;  
  box-sizing:border-box;
}

section.news div.box { 
width:32%;
box-sizing:border-box;
 border:1px solid #ddd; 
display:flex; background-color:#fff;

}

section.news div.box dl {padding:30px 30px 25px 30px; position:relative; width:100%; box-sizing:border-box; } 
 

section.news div.box dl dt {font-weight:600; height:25px; color:#333; font-size:20px;  line-height:1.3em; width:80%;   overflow:hidden}
section.news div.box dl dd {font-weight:500; color:#777; font-size:15px; font-weight:400; border-top:1px solid #ddd; padding-top:7px; margin-top:10px;}
section.news div.box dl dd span {font-size:14px; color:#999; letter-spacing:0;  width:100%; display:block; margin-top:5px;}
 section.news div.box:nth-child(3) {flex-direction:column }
 section.news div.box dl dd a {background-color:#76bc4a; color:#fff !important; width:100px; text-align:center; display:inline-block;   font-size:14px; line-height:30px; position:absolute; top:0; right:0;}

 section.news div.box dl dd div {width:100%; height:266px;   overflow:hidden}
section.news div.box:nth-child(3) dl:vnth-child(1) {  }
 section.news div.box:nth-child(3) dl:nth-child(1) dd div {height:70px ;   }
 section.news div.box:nth-child(3) dl:nth-child(2) {border-top:1px solid #ddd;}
 section.news div.box:nth-child(3) dl:nth-child(2) dd div {height:70px ;   }


/*고객센터*/
section.customer {width:100%; max-width:1300px; margin:0 auto;  min-width:1240px;  display:flex; justify-content:space-between}
 
section.customer ul {width:34%; display:inline-block;}
section.customer ul li {width:48%;  margin-bottom:-1px; margin-right:-1px; float:Left;  background-color:#fff;  border:1px solid #ddd; padding-left:30px; color:#666; text-align:left; box-sizing:border-box; line-height:80px; font-size:18px; font-weight:600 }

section.customer .call {padding:20px; border-radius:3px; background: linear-gradient( to top, #3d9e30, #43b334 );    width:31%; display:inline-block; font-size:17px; color:#fff; font-weight:400; box-sizing:border-box;  text-align:center}
section.customer .call p {color:#fff; font-size:20px; font-weight:600; letter-spacing:-0.5px}
section.customer .call b {font-size:30px; width:100%; display:inline-block; margin:5px 0;  font-weight:700; line-height:1.2em; color:#fff;}