#mc_system { position:relative;width:100%; overflow-x:hidden; }
			
/* title */
#mc_system .mc_title_wrap { position:relative;width:1200px; margin:0 auto;padding:140px 0 60px 0; text-align:center }
#mc_system .mc_title_wrap .wrap { position:relative;text-align:left; }
/*#mc_system .mc_title_wrap .wrap:before { content:''; bottom:0; left:50%; margin-left:-30px; position:absolute; width:60px; height:1px; background:#aaa }*/
#mc_system .mc_title_wrap .wrap > p:nth-child(1) { font-family:'Oswald'; font-weight: 600; font-size:34px; letter-spacing: 0.34px; color:#002e75; margin-bottom:18px;}
#mc_system .mc_title_wrap .wrap > p:nth-child(2) { font-family:'NanumSquare';font-weight: 400; font-size:19px;  color:rgba(51, 51, 51, 0.7); }
#mc_system .mc_title_wrap .wrap > p:nth-child(2) span { font-family:'NanumSquare';font-weight: 700; font-size:31px;  color:#333; }

/* contents +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#mc_system .mc_system_wrap { width:100%; position:relative;  }

#mc_system .mc_system_wrap .wrap_1 { width:50%; top:0; position:relative }
#mc_system .mc_system_wrap .wrap_1 .swiper { /*transform:scale(.5); opacity:0; transition:all .5s ease-in-out*/ } /* init animation */
#mc_system .mc_system_wrap .wrap_1 .swiper.active { transform:scale(1); opacity:1 }

#mc_system .mc_system_wrap .wrap_2 { width:50%; height:100%; top:0; left:50%; position:absolute; display:flex; flex-wrap:wrap; align-content:center;background-color:#EAF5FD; }

#mc_system .mc_system_wrap .wrap_2 .contents { transform-origin:left }
/* image */
#mc_system .mc_system_wrap .swiper { /*max-width:636px; margin:0*/ }
/*#mc_system .mc_system_wrap .swiper img { width:100% }*/
#mc_system .mc_system_wrap .swiper-slide { }
/* pagination */
#mc_system .swiper-pagination { position:absolute; bottom:50px;left:50px; text-align:left }
#mc_system .swiper-pagination-bullet { width:8px; height:8px; border-radius:3px; overflow:hidden; opacity:1; background:#ddd; transition:all ease-out .3s; cursor:pointer; margin:0 !important }
#mc_system .swiper-pagination-bullet:nth-child(n+2) { margin-left:8px !important }
#mc_system .swiper-pagination-bullet-active { width:36px; transition:all ease-out .3s; background:#555 }


.swiper-3d .swiper-slide-shadow {background:none !important;}