body {  }

p,a,h1, h2, h3, h4, h5, h6,th,td{
    transform: skew(-0.03deg);}


#main_wrap	{width:100%;  }

.main_con {width:1240px; margin:0 auto;  box-sizing:border-box; }
.main_con  h3.title {font-size:21px; font-weight:700; color:#333;  float:left; text-align:left;  padding-bottom:8px; margin-bottom:15px;   letter-spacing:-0.5px; border-bottom:1px solid #ddd; width:100%;}
.main_con  h3.title a {font-size:14px; font-weight:300; color:#fff;  float:right; border:1px solid #5482c4;  padding:3px 20px; margin-top:3px;  letter-spacing:0.5px; background-color:#5482c4; }
 


#main_vi_wrap {width:100%; float:left ; box-sizing:border-box; background:url('/common/img/main/main_vi1-1.png') no-repeat top center;  height:850px;  margin-bottom:50px; }
#main_vi_wrap h1 {font-size:45px;  color:#2d3e79; font-weight:800;  line-height:1.1em; letter-spacing:-1px;}
#main_vi_wrap h1 span {color:#dc0314; }
 
.call {width:21.5%; float:right; box-sizing:border-box; text-align:left; color:#666; font-weight:300; letter-spacing:0.4px !important; }
.call b {font-size:28px; font-weight:700; line-height:1.1em; width:100%; float:left; margin-bottom:2px; color:#333;}
.call h3 {margin-top:0px;} 
.call .kakao_ch_wrap {width:100%; float:left; border:1px solid #ddd; border-radius:30px; box-sizing:border-box; padding:8px 30px; background:#f7f7f7; }
.call .kakao_ch {font-size:15px; font-weight:400; color:#555; margin-left:8px; }
.call img {float:left; vertical-align:middle;}

.box a.link {width:24%; float:left; height:150px; box-sizing:border-box; padding:22px 0; font-size:20px; font-weight:500; color:#fff; text-align:center; background-position:center;  letter-spacing:-1px;   transition: background 0.5s ease-in;  background-size:cover; margin-right:2%; border-radius:4px; box-shadow:1px 1px 5px #ddd;}
 

.box a span {font-size:14px; font-weight:300; letter-spacing:0.5px; display:block;}
.box a .more_btn {font-size:14px; font-weight:300; line-height:1.7em;color:#fff !important; display:inline-block; padding:5px 30px; border:1px solid rgba(255,255,255,.5); margin-top:10px; border-radius:50px;  }
.box a .more_btn:hover {color:#333 !important; display:inline-block; background:#fff; transition:0.3s ease-in;}

.box a.link2 {width:18%; float:left; height:500px; box-sizing:border-box; padding:33px 20px; font-size:23px; font-weight:700; color:#333; text-align:left; background-position:center top;  letter-spacing:-1px;   /*transition: background 0.5s ease-in;*/}
.box a.link2 .btn { color:#666 !important;  border:1px solid #666; margin-top:10px; }


/* 플로우 배너 */
.flow_bn {position:Relative;width:100%; float:left; margin:45px 0 0 0; padding:5px 0; }
.flow_bn .swiper-slide img {width:185px; height:60px;  float:left; }



.tab {  display:inline-block;  width:100%; float:left; border-top:1px solid #ddd; }
.tab li {float:left; background-color:#fff;   width:25%;   box-sizing:border-box;}
.tab li a {display:inline-block;  letter-spacing:0px;  text-align:center; width:100%; padding:0;  line-height:50px; font-size:17px; font-weight:400; color:#666 !important;}


.tab li.ov {font-weight:600; background-color:#333;}
.tab li.ov a {color:#fff !important; width:100%;}


span.s_btn {display:inline-block; padding:3px 13px; border:1px solid #ddd; box-shadow:1px 1px 2px #ddd; font-size:14px; color:#666; }