/*메인비주얼*/
.swiper {width: 100%;height: 750px;}
.swiper-slide {font-size: 18px;background: #fff; }
.swiper-slide img {display: block;  margin-top:20px;}

.swiper-slide.mv_01  {background: url("/customized/images/main/mv_02.jpg") no-repeat 50% 0 / cover;}
.swiper-slide.mv_02  {background: url("/customized/images/main/mv_01.jpg") no-repeat 50% 0% / cover;}

.swiper-slide .m_txt_wrap {padding:350px 0 0 200px;opacity:0;  }
.swiper-slide .m_txt01 {  font-size:50px; line-height:130%; font-weight:bold;  margin-bottom:15px; color:#fff; font-family: 'yg-jalnan'; text-shadow:3px 2px 0px #222;}
.swiper-slide .m_txt02 {  font-size:20px; color:#fff; opacity:0.9;  }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { color: #fff;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { color: #fff;}

 .swiper-slide-active .m_txt_wrap {opacity:1; transition:0.6s; padding-top:300px }

/*주요사업*/
.m_business_wrap {width:100%;  height:auto;  padding:50px 0 80px 0; overflow:hidden;background: url("/customized/images/main/mico_bg.gif") repeat 50% 0;}
.m_business {width:1200px; margin:0 auto;}

.m_business p { font-size:18px; font-family: 'TitilliumWeb-SemiBold'; font-weight:bold; color:#2360db;}
.m_business h2 {font-size:40px; color:#222; margin:5px 0 10px 0;}
.m_business span {font-size:18px; color:#999;  }

.m_business ul {margin-top:30px;}
.m_business li {width:16.66%; color:#222; float:left; text-align:center; font-size:16px;  line-height:120%;}
.m_business li a:hover {color:#2360db;}
.m_business li i {box-shadow:3px 2px 2px #ddd; display:block; width:150px; height:150px; border:1px solid #ddd; margin:10px auto; background-color:#fff; border-radius:50%; background-repeat:no-repeat;background-position:50% 50%;transition:ease-in-out 0.5s}
.m_business li i:hover, .m_business > li a:focus i { transform: rotateY(360deg);}

.m_business li i.ico1{background-image:url("/customized/images/main/mico_01.gif");}
.m_business li i.ico2{background-image:url("/customized/images/main/mico_02.gif");}
.m_business li i.ico3{background-image:url("/customized/images/main/mico_03.gif");}
.m_business li i.ico4{background-image:url("/customized/images/main/mico_04.gif");}
.m_business li i.ico5{background-image:url("/customized/images/main/mico_05.gif");}
.m_business li i.ico6{background-image:url("/customized/images/main/mico_06.gif");}
 


 /*m_quicik*/
.m_quick {width:1200px; margin: 0 auto; padding:50px 0; }
.m_quick li a {display:block; width:31%; height:380px; padding-top:50px;margin:20px 1%; float:left; text-align:center; border-radius:0 20px ;}
.m_quick li a img {margin-top:40px; transition:0.5s;   text-align:center;}
.m_quick li a:hover img {margin-top:20px; transition:0.5s;}
.m_quick li a span {color:#fff; }
.m_quick li .qspan_01 {opacity:0.8;}
.m_quick li .qspan_02 {font-size:16px; }

.m_quick li a p {position:relative; color:#fff; font-size:28px; padding-top:5px;  font-weight:bold;}
.m_quick li a p:after {content:""; display:block;  margin:20px auto 20px auto; width:35px; height:35px; background: url("/customized/images/main/ico_more_mquick.png") no-repeat 50% 50%; }
.m_quick li.ico_01 a{background: url("/customized/images/main/mq01_bg.jpg") no-repeat 50% 50% / cover;}
.m_quick li.ico_02 a{background: url("/customized/images/main/mq02_bg.jpg") no-repeat 50% 50% / cover;}
.m_quick li.ico_03 a{background: url("/customized/images/main/mq03_bg.jpg") no-repeat 50% 50% / cover;}
  


/*공지사항*/
.notice_wrap {position:relative; overflow:hidden; width:100%; height:330px; background-color:#1675b7;  }
.notice_left {background-color:#2c9ee1; width:50%; height:100%;  float:left; box-shadow:10px 0px 15px #115d91; }
.notice_right {  width:50%; height:100%;   float:left;  }

.notice { color:#fff; float:right; width:580px; padding:40px 20px 0 0;  position:relative;  box-sizing:border-box; display:inline-block; height:215px;  }
.notice h2 { padding-bottom:15px; font-weight:bold; box-sizing:border-box;border-bottom:1px solid #6cbbea; font-size:1.8em;  }
.notice div {position:absolute; right:20px; top:40px;}

.notice ul {clear:both;  padding:15px 0 0 10px;}
.notice li {font-size:16px;display: inline;float: left;width:95%;padding:8px 0 6px 5px;background:url(/customized/images/main/notice_dot.png) no-repeat 1px 13px;}
.notice li a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;  height:1.25em;  max-width:70%; float: left;padding:0 6px;color:#fff;white-space: nowrap;font-size:1.0em;line-height:16px;letter-spacing:0;border-right:0; }
.notice li a:hover {color:#CEFFFF;}
.notice li span {font-size: 15px;color: #BDDFF7;float: right;display: block;}



/*상담신청*/
.notice_right div {float:left;width:580px; padding:0px 20px 0 40px; }
.notice_right ul { padding:50px 0 0 0;}
.notice_right li {float:left;  width:49%; text-align:center;}
.notice_right li a {display:block; color:#fff; padding-top:110px;}

.notice_right li:first-child {border-right:1px dotted #6cbbea; background: url("/customized/images/main/m_application_02.gif") no-repeat 50% 0%;}
.notice_right li:last-child {background: url("/customized/images/main/m_application_01.gif") no-repeat 50% 0%;}

.notice_right li a p {color:#fff; font-size:21px; margin-bottom:10px;}
.notice_right li a span { color:#c2e6ff; font-size:16px; line-height:120%; }
.notice_right li a em {display:block; margin-top:15px; margin-left:-40px; transition:0.2s;font-size:16px; position:relative;height:31px; background: url("/customized/images/main/m_application_arrow.gif") no-repeat 73% 0%;}
.notice_right li a em:hover, .notice_right li a:hover em {background-position:76% 0%; transition:0.2s;}









/* Tablet Device 최대 1400  */
@media (max-width:1400px) {

.m_business  {width:100%; }
.m_quick {width:100%; }


}






/* Tablet Device 최대 1200  */
@media (max-width:1200px) {

 
}







/* Tablet Device 최대 1200  */
@media (max-width:1200px) {


 
/*주요사업*/ 
.m_business p { font-size:16px; }
.m_business h2 {font-size:25px;  }
.m_business span {font-size:16px;  }




.m_business li i {  width:120px; height:120px; margin:10px auto; background-size:50px;   }


/*공지사항*/
.notice_wrap { height:100%;   }

.notice_left { width:43%; padding:0 1%;height:320px; overflow:hidden;  }
.notice_right {  width:55%; height:320px; overflow:hidden;  }

.notice { width:100%; margin:0 auto; padding:40px 10px;   height:auto;  }
.notice h2 { padding-bottom:15px; ont-size:25px;  }
 
.notice ul { padding:15px 0 0 0px;}
.notice li {font-size:16px; width:95%;padding:8px 0 6px 5px; }
.notice li a{ font-size:14px; }
.notice li span {font-size: 14px; }



/*상담신청*/
.notice_right div { width:100%; margin:0 auto; clear:both; display:block;padding:0; }
.notice_right ul { padding:10px 0;}
.notice_right li { width:49%; margin:15px 0;}
.notice_right li a {  padding-top:95px;}

.notice_right li:first-child {  background-size:80px;  }
.notice_right li:last-child { background-size:80px;}

.notice_right li a p {  font-size:18px; }
.notice_right li a span {  font-size:14px;   }
.notice_right li a em {  margin-top:15px; margin-left:-40px;   position:relative;height:31px; background-position: 78% 0%;}
.notice_right li a em:hover, .notice_right li a:hover em {background-position:76% 0%; }



/*메인비주얼*/
.swiper-slide .m_txt_wrap {   padding:350px 0 0 80px; }
 .swiper-slide-active .m_txt_wrap {  padding-top:300px }

.swiper-slide .m_txt01 {  font-size:35px;    }
.swiper-slide .m_txt02 {  font-size:18px;   }


}





/* Tablet Device 최대 899  */
@media (max-width:799px) {

.notice h2 {  font-size:20px;  }

/*주요사업*/ 
.m_business p { font-size:14px; }
.m_business h2 {font-size:20px;  }
.m_business span {font-size:14px;  }


/*m_quicik*/
.m_quick {padding: 20px 0;}
.m_quick li a {  width:90%; height:280px;  margin:10px 5%;  padding-top:20px;}
.m_quick li a img {margin-top:20px; width:70px; }
.m_quick li a:hover img {margin-top:0px; transition:0.5s;}
.m_quick li .qspan_02 {font-size:14px; }

.m_quick li a p {  font-size:20px; }
.m_quick li a p:after { margin:10px auto;   }
 
.m_business li i {  width:90px; height:90px; margin:10px auto; background-size:50px;}

/*공지사항*/
.notice { width:98%;  }
.notice_left { width:100%; overflow:hidden;  }
.notice_right { width:100%; height:auto; overflow:hidden;  }

/*상담신청*/
.notice_right div { width:100%; margin:0 auto; clear:both; display:block;padding:0; }
.notice_right li { width:48%; }
 
/*메인비주얼*/
.swiper { height: 600px;}
.swiper-slide .m_txt_wrap { position:relative; padding:400px 0 0 0px; text-align:center;}
 .swiper-slide-active .m_txt_wrap {  padding-top:350px }

.swiper-slide .m_txt01 {  font-size:25px;    }
.swiper-slide .m_txt02 {  font-size:16px;   }
.swiper-slide img {  display:inline-block; margin-top:10px; width:120px; }
 
.swiper-slide.mv_01 { background: url("/customized/images/main/mv_02.jpg") no-repeat 70% 0 / cover;}
 
}







/* Tablet Device 최대 589  */
@media (max-width:589px) {


/*주요사업*/
.m_business_wrap { height:auto; padding:30px 0;}
 
 
.m_business ul {margin-top:30px; margin-bottom:50px;}
.m_business li {width:33.3%; margin-bottom:20px; font-size:14px; }
.m_business li i {  width:100px; height:100px; margin:10px auto; background-size:50px;   }

 
/*상담신청*/
.notice_right div { padding: 10px 0;}
.notice_right li {width:50%;  box-sizing:border-box;}
.notice_right li a span {display:none;}
.notice_right li a em {display:block;  margin:0 auto; padding-right:33px; position:relative;height:31px;background-position: 75% 0%; background-size:47px; font-size:14px;}
.notice_right li a p {font-size: 16px; letter-spacing:-1px;}


/*메인비주얼*/
.swiper {height: 550px;}
.swiper-slide.mv_01  {background: url("/customized/images/main/mv_02_m.jpg") no-repeat 50% 0 / cover;}
.swiper-slide.mv_02  {background: url("/customized/images/main/mv_01_m.jpg") no-repeat 50% 0 / cover;}

 
}