/* 20190417 스와이프슬라이더로 변경 */
/* swiper slider */
.main_img_slider { width: 100%; height: 600px; transition: height 0.2s ease-in-out; }
.main_img_slider .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; flex-flow: row wrap; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_img_slider .swiper-button-prev{ background-image: url('../../../img/main_slider_prev.png'); }
.main_img_slider .swiper-button-next{ background-image: url(../../../img/main_slider_next.png); }
.swiper-button-next, .swiper-button-prev { width: 60px !important; height: 60px !important; background-size: 100% !important; }
.swiper-button-prev { left: 32px !important; }
.swiper-button-next { right: 32px !important; }
.swiper-pagination { display: none; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 17px 5px !important; }
.swiper-pagination-bullet { width: 10px !important; height: 10px !important; background: #fff; }
.swiper-pagination-bullet-active { background: #aaa6a7 !important; }
.main_img_slider > div > div > div > .img_b_title { line-height: 54px; font-size: 40px; font-weight: 200; letter-spacing: -2px; color: white; }
.main_img_slider > div > div > div > .img_b_title > span { font-weight: 400; }
.main_img_slider > div > div > div > .img_sub_content { color: white; font-size: 62px; font-weight: 600; margin-bottom: 6px; line-height: 60px; letter-spacing: 1.5px}
.main_img_slider > div > div > div > .img_sub_title { width: 370px; margin: 20px auto 0; letter-spacing: -.5px; border-bottom: 1px solid #fff; padding-bottom: 7px; color: white; font-size: 20px; font-weight: 200;}


/* 메인 */
/* 메인영역1*/
.main_content > .content01 { width: 100%; height: 530px; background: url('../../../img/main_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 100px; }
.main_content > .content01 > h4 { font-size: 40px; font-weight: 600; line-height: 33px; text-align: center }
.main_content > .content01 > h3 { font-size: 18px; font-weight: 200; margin-top: 7px; color: #333; text-align: center }
.main_content > .content01 > div { width: 100%; max-width: 1200px; margin: auto; }
.main_content > .content01 > div > ul { width: 100%; display: flex; justify-content: space-between; flex-flow: row wrap; margin-top: 35px; }
.main_content > .content01 > div > ul > li { transition: all 0.11s ease-in-out; position: relative; width: 23.5%; overflow: hidden; border: 1px solid #ddd; }
.main_content > .content01 > div > ul > li:hover { outline: 3px solid #20409a; border: 1px solid #20409a; transition: all 0.11s ease-in-out; }
.main_content > .content01 > div > ul > li > a > p { letter-spacing: -1px; width: 100%; padding: 11px 0; text-align: center; background: #fff; font-size: 20px; font-weight: 500; }
/* 메인영역2 */
.main_content > .content02 { width: 100%; padding: 70px 0; }
.main_content > .content02 > ul { max-width: 1200px; margin: auto; display: flex; justify-content: space-between; flex-flow: row wrap; }
.main_content > .content02 > ul > li { position: relative; width: 33.333%; padding: 20px 30px; border-right: 1px solid lightgray; }
.main_content > .content02 > ul > li:hover { cursor: pointer; }
.main_content > .content02 > ul > li:last-child { border: none; }
.main_content > .content02 > ul > li > div > h5 { font-size: 22px; font-weight: 600 !important; letter-spacing: -1px }
.main_content > .content02 > ul > li > div > .call { color: #20409a; font-size: 30px; font-weight: 700; }
.main_content > .content02 > ul > li > div > .img_t { top: -100px; }
.main_content > .content02 > ul > li > div > span { color: #999; }
.main_content > .content02 > ul > li > div > a { display: block; font-size: 15px; font-weight: 500; margin-top: 20px;}
.main_content > .content02 > ul > li > div > .margin_t { margin-top: 10px; }
.main_content > .content02 > ul > li > div:last-child { display: flex; align-items: center; justify-content: center; width: 85px; height: 85px; border-radius: 85px; background: #777; position: absolute; top: 30%; right: 8%; }



@media all and (max-width:1200px){
}

@media all and (max-width: 1050px){
    .main_content > .content02 > ul > li { padding: 2vw }
    .main_content > .content02 > ul > li > div > h5 { font-size: 2vw; }
    .main_content > .content02 > ul > li > div > p { font-size: 1.5vw; }
    .main_content > .content02 > ul > li > div > a { font-size: 1.5vw; }
    .main_content > .content02 > ul > li > div > .call { font-size: 25px }
    .main_content > .content02 > ul > li > div > span { font-size: 1.5vw; }
    .main_content > .content02 > ul > li > div > img { top: -11vw; }
    .main_content > .content02 > ul > li > div > .img_t { top: -10vw; }

}
@media all and (max-width: 960px){
    .main_content > .content01 { height: auto; padding: 80px 40px; }
    .main_content > .content01 > div > ul { }
    .main_content > .content01 > div > ul > li { width: 48%; margin-bottom: 25px; }
    .main_content > .content01 > div > ul > li img { width: 100%; }
}
@media all and (max-width: 900px){
    .main_content > .content02 > ul { padding: 20px; }
    .main_content > .content02 > ul > li { padding: 40px; width: 100%; border-right: none; border-bottom: 1px solid #ddd; }
    .main_content > .content02 > ul > li > div:last-child { right: 4%; }
    .main_content > .content02 > ul > li > div > h5 { font-size: 25px; }
    .main_content > .content02 > ul > li > div > p { font-size: 16px; letter-spacing: -1px; }
    .main_content > .content02 > ul > li > div > a { font-size: 18px; }
    .main_content > .content02 > ul > li > div > span { font-size: 14px; }
}
@media all and (max-width:760px){ 
    .main_img_slider { height: 486px; }
    .main_img_slider > div > div > div { }
    .main_img_slider > div > div > div > img { width: 250px; padding-top: 30px; }
    .main_img_slider > div > div > div > .img_b_title { font-size: 30px; color: white; line-height: 46px; }
    .main_img_slider > div > div > div > .img_title { font-size: 18px; margin-bottom: -5px;}
    .main_img_slider > div > div > div > .img_sub_content { font-size: 40px; margin-bottom: 9px; }
    .main_img_slider > div > div > div > .img_sub_title { font-size: 17px; width: 313px; }
    .swiper-button-next, .swiper-button-prev { display: none; }
    .swiper-pagination { display: block; }
}

@media all and (max-width: 600px){
    .main_content > .content01 > h4 { font-size: 35px; }
    .main_content > .content01 > h3 { font-size: 16px; }
    .main_content > .content01 { padding: 60px 20px; }
    .main_content > .content01 > div > ul > li > a > p { font-size: 16px; }
    .main_content > .content02 { padding: 50px 0; }
    .main_content > .content02 > ul > li { padding: 20px; }
    .main_content > .content02 > ul > li > div > h5 { font-size: 20px; }
    .main_content > .content02 > ul > li > div > .margin_t { font-size: 15px; }
}
@media (max-width:480px){
    .swiper-pagination { display: block; }
}

@media (max-width:380px){

}