#idx_wrapper{}

/* 메인슬라이더 */
#visual{width:100%; min-width:1200px; height:350px; margin:0 auto; position:relative; overflow:hidden;}
a{cursor:pointer}

#visual .sliderbx{width:100% !important; height:350px; position:relative;}

#visual #slogan{ text-align:center; position:absolute; top:70px; left:50%; margin-left:-500px; width:1000px; z-index:99;}
#visual #mslogan{ display:none;}
#visual #slogan .img01{ font-family:Tahoma, Geneva, sans-serif; font-size:70px; color:#FFF; font-weight:900; text-shadow:2px 2px 1px #333; letter-spacing:0; line-height:1em;}
#visual #slogan .img02{ font-family:Tahoma, Geneva, sans-serif; font-size:35px; color:#fff; text-shadow:2px 2px 1px #333;letter-spacing:0; margin:10px 0;}
#visual #slogan .mt{}
#visual #slogan .mt h2{ font-size:20px; line-height:1.5em; font-weight:500; color:rgba(250,250,250,0.9); text-shadow:1px 1px 1px #333;}

#visual .sliderbx li{ width:100% !important; height:530px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:750px;}

#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; margin-left:-40px; z-index:100;}
#visual div.bx-pager div{ float:left; margin:0 5px;}
#visual div.bx-pager div a{ display:block; width:17px; height:17px; text-indent:-9999px; border-radius:15px; border:4px solid #fff;}
#visual div.bx-pager div a.active{ border:4px solid #e60013;}
#visual div.bx-controls-direction a{ 
display:none; width:40px; height:40px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:998;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:30px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:30px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}


/*메인-중간컨텐츠1*/
/*#middle{ width:100%; min-width:1200px; height:auto; background:#f9f9f9; padding:70px 0;}
#middle .mid_title{ text-align:center; font-size:2.8em; color:#222; line-height:1.2em; margin-bottom:50px;
background:url(../img/main/mid_bar.gif) no-repeat center bottom; padding-bottom:60px;}
#middle .mid_title strong{ font-size:15px; color:#aaa; font-weight:400;}
#middle ul{ width:1200px; margin:0 auto; text-align:center;}
#middle ul:after{ display:block; content:""; clear:both;}
#middle li{ float:left; width:30%; margin:0 15px; position:relative;}
#middle li a{ display:block; position:relative; overflow:hidden;}
#middle li .cicon{ width:195px; height:195px; overflow:hidden; margin:0 auto; border-radius:95px;}
#middle li a:hover .cicon{  transition:opacity 0.5s; opacity:1;}
#middle li dt{ font-size:1.8em; font-weight:400; color:#222; margin:20px 0 5px 0; transition:all 0.5s;}
#middle li dt strong{ display:block;  font-family:Tahoma, Geneva, sans-serif; font-size:17px; color:#e60013;}
#middle li dt:after{ display:block; content:""; width:30px; height:2px; background:#e60013; margin:15px auto 0 auto;}
#middle li .view_btn{ font-family:Tahoma, Geneva, sans-serif; font-weight:normal; width:80px; line-height:30px; background:#fff; border:1px solid #ccc; text-align:center; color:#888; border-radius:3px; margin:25px auto 0 auto; transition:all 0.5s;}
#middle li a:hover dt{ color:#000; transition:all 0.5s;}
#middle li a:hover .view_btn{ background:#444; border:1px solid #222;  color:#fff; transition:all 0.5s;}*/


#middle2_wrap{}
#middle2{ width:1050px; margin:30px auto;}
#middle2 h3{ font-size:1.3em; font-weight:400; color:#222; margin-bottom:20px;}
#middle2 p{ font-size:1.05em; color:#777; margin-bottom:15px;}
#middle2 .abox{ display:inline-block; vertical-align:top; width:47%; box-sizing: border-box; padding:40px 40px; margin:10px 10px; border:1px solid #ddd;}
#middle2 .ab01{ height:240px;}
#middle2 .ab02{ height:240px;}
#middle2 .ab03{ background:url(../img/main/online_icon.gif) no-repeat 95% 15px; height:265px; width:23%; }
#middle2 .ab03_02{ height:265px; width:22%; }
#middle2 .ab03 a.obtn{ color:#222; font-size:1.15em;}
#middle2 .ab03_02 a.obtn{ color:#222; font-size:1.05em; margin:10px 0 0}
#middle2 .ab03 a.ebtn{ display:block; border:1px solid #3d7ed6; color:#3d7ed6; text-align:center; line-height:40px; margin-top:20px;}
#middle2 .ab04{ position:relative; height:265px;}
#middle2 .ab04 a.cbtn{ display:block; background:#e60013; color:#fff; padding-left:20px; letter-spacing:0; line-height:40px; margin-top:45px;}
#middle2 .ab04 .cat_img{ position:absolute; top:104px; left:300px;}


#middle_wrap{ width:100%; min-width:1200px; height:auto; padding:130px 0; background:url(../img/main/mid_bg.gif) no-repeat center bottom;position:relative;z-index: 0;float:left;margin-top: 100px;}
#middle3{ width:1132px; margin:0 auto;}
#middle3 .mid01{ color:#fff; background:url(../img/main/mid_call.png) no-repeat center 45% #e60013; width:280px; height:280px; padding:30px 20px; text-align:center;}
#middle3 .mid01 h1{ font-size:30px; font-weight:500; text-align:center;}
#middle3 .mid01 h2{ font-size:22px; font-weight:500; margin:7px 0 5px 0;}
#middle3 .mid01 h3{ font-weight:100; font-size:15px; letter-spacing:0; text-align:center;}
#middle3 .mid01 p{ font-size:12px; margin-bottom:70px;}
#middle3 .mid02{ color:#fff; background:#1c3893;  width: 274px; height:280px; padding:45px 30px 40px 30px;
 text-align:center; margin:0 6px;}
 #middle3 .mid02:nth-child(2){background:#cd1717;}
#middle3 .mid02 h2{ font-size:25px; font-weight:700; margin-bottom:5px;}
#middle3 .mid02 p{ color:#ddd; font-size:14px; margin-bottom:20px;}
#middle3 .mid02 a.mbtn{ display:block; border:3px solid #fff; line-height:35px; text-align:center; font-weight:700; letter-spacing:0; font-size:16px; color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#middle3 .mid02 a.mbtn:hover{ background:#fff; color:#222; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#middle3 .mid03{width:560px; height:280px; color:#fff; padding:10px 10px 10px 10px;background:#fff;}
#middle3 .mid03 h1{ font-size:40px; font-weight:700; line-height:1em;}
#middle3 .mid03 h1 strong{font-weight:900; font-size:1.5em;}
#middle3 .mid03 p{ font-weight:100; margin-top:10px;}

@media (max-width:1000px) {
	
#visual{ width:100%; min-width:100%; height:150px; margin:0; position:relative; overflow:hidden;}

#visual #slogan{ display:none;}
#visual #mslogan{ display:block; text-align:center; width:300px; position:absolute; top:20%; left:50%; margin-left:-150px; z-index:998;}
#visual #mslogan .img01{ font-family:Tahoma, Geneva, sans-serif; font-size:35px; color:#fff; font-weight:bold; text-shadow:1px 1px 1px #333; line-height:1em; letter-spacing:0;}
#visual #mslogan .img02{ font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#fff; text-shadow:1px 1px 1px #333;letter-spacing:0; margin:5px 0;}
#visual #mslogan .mt{ display:none;}


#visual .sliderbx li{ width:100% !important; height:150px; background-position:center top; background-size:cover;}
#visual div.bx-pager{ bottom:15px; margin-left:-35px;}
#visual div.bx-pager div{ margin:0 2px;}
#visual div.bx-pager div a{ width:20px; height:2px;}
#visual div.bx-controls-direction{ display:none;}

/*메인-중간컨텐츠1*/
/*#middle{ padding:40px 0; min-width:100%;}
#middle .mid_title{ font-size:1.5em; margin-bottom:20px;}
#middle .mid_title strong{ display:none;}
#middle ul{ width:100%; margin:0 auto; text-align:center;}
#middle li{width:30%; margin:0 5px;}
#middle li .cicon{ width:90px; height:90px;}
#middle li .cicon img{ width:120%;}
#middle li dt{ font-size:16px; margin:10px 0 5px 0;}
#middle li dt strong{ font-size:11px; line-height:1.1em;}
#middle li dd{ display:none;}
#middle li .view_btn{ width:60px; line-height:25px; margin:10px auto 0 auto; font-size:11px;}
*/
#middle2{ width:100%; margin:0 auto; height:auto;}
#middle2 h3{ margin-bottom:10px; font-size:1.3em;}
#middle2 p{ font-size:1em; color:#777; margin-bottom:15px;}
#middle2 .abox{ display:block; width:100%; padding:30px 30px; margin:0px; border:0; border-bottom:1px solid #ddd;}
#middle2 .ab01{ height:auto; min-height:130px;}
#middle2 .ab02{ height:auto; min-height:130px;}
#middle2 .ab03{ background-position: 90% 50px; height:auto;}
#middle2 .ab03 a.obtn{ color:#222; font-size:1.1em;}
#middle2 .ab03 a.ebtn{ display:block; border:1px solid #3d7ed6; color:#3d7ed6; text-align:center; line-height:40px; margin-top:20px;}
#middle2 .ab04{ height:auto;}
#middle2 .ab04 a.cbtn{  margin-top:20px;}
#middle2 .ab04 .cat_img{top:54px; left:55%;}

#middle_wrap{ min-width:100%; padding:0px 0; background:none;}
#middle3{ width:100%;}
#middle3 .mid01{ width:100%; height:auto; padding:30px 30px; box-shadow: 10px 10px 10px 5px rgb(0 0 0 / 15%);}
#middle3 .mid02{ width:100%; height:auto; padding:120px 30px 40px 30px; margin:0 0px;box-shadow: 10px 10px 10px 5px rgb(0 0 0 / 15%);}
#middle3 .mid03{ display:none;box-shadow: 10px 10px 10px 5px rgb(0 0 0 / 15%);}

}

/*메인 modal form*/
#eform .mform h3{ font-size: 1.8em; font-weight: 400; color: #222; margin: 40px 0 0; text-align:center; }
#eform .mform .tit{ padding:27px 27px 5px}
#eform .mform .tit input{ padding:15px; height:40px}
#eform .mform .cont{ padding:5px 27px 15px}
#eform .mform .cont textarea{ padding:15px}


.div-wrapper{max-width:1300px;margin:0 auto; padding :50px 0;}
.main_pr01{position:relative;z-index: 1;}
.main_pr01 .tit{font-size: 25px;padding: 20px 0;color: #333;font-weight: bold;}
.main_pr01 .carousel{width: 100%;} 
/* 메인 슬라이드 */
.carousel{
    width:90%;
    margin:0px auto;
  }
  .slick-slide{
    margin:10px;
  }
  .slick-slide img{
    width:100%;
  }
  .slick-prev, .slick-next{
    background: #000;
    border-radius: 15px;
    border-color: transparent;
  }
  .card{
    border: 2px solid #fff;
    box-shadow: 1px 1px 15px #ccc;
  }
  .card-body{
    background: #fff;
    width: 100%;
    vertical-align: top;
  }
  .card-content{
    text-align: left;
    color: #333;
    padding: 15px;
  }
  .card-text{
    font-size: 14px;
    font-weight: 300;
  }

  #middle3 i{    font-size: 52px;
    margin-bottom: 30px;
}

#middle3 .mid03 i{font-size: 15px;}