/* swiper slider */
.main_img_slider { width: 100%; height: 790px; transition: height 0.2s ease-in-out; }
.main_img_slider .swiper-slide {
    text-align: center;
    background: #fff;
    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;
}

.swiper-button-next, .swiper-button-prev { 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 !important; border: 1px solid #fff !important;}
.swiper-pagination-bullet-active { background: #73bf43 !important; border: 1px solid #73bf43 !important; }
.main_img_slider > div > div > .text_pc { z-index: 99; position: absolute; left: 50%; top: 33%; margin-left: -520px; color: white; transition: all 0.3s ease-in-out; }
.main_img_slider > div > div > .text_pc > h4 { font-size: 42px; font-weight: lighter; letter-spacing: -2px; text-align: right; }
.main_img_slider > div > div > .text_pc > h3 { font-size: 55px; letter-spacing: -2px; line-height: 76px; text-align: right; }
.main_img_slider > div > div > .text_pc > p { font-size: 36px; font-weight: lighter; letter-spacing: -2px; text-align: right; }
.main_img_slider > div > div > .text_mobile { z-index: 99; position: absolute; left: 50%; top: 25%; margin-left: -194px; color: white; transition: all 0.3s ease-in-out; }
.main_img_slider > div > div > .style_2 { margin-left: -176px !important; }
.main_img_slider > div > div > .text_mobile > h4 { font-size: 30px; font-weight: lighter; letter-spacing: -2px; text-align: right; }
.main_img_slider > div > div > .text_mobile > h3 { font-size: 45px; letter-spacing: -2px; line-height: 54px; text-align: right; }
.main_img_slider > div > div > .text_mobile > p { font-size: 29px; font-weight: lighter; letter-spacing: -2px; text-align: right; }
.main_img_slider > div > .slide_02 > .text_pc > p { font-size: 28px; letter-spacing: -.5px; margin-top: 10px; }
.main_img_slider > div > .slide_02 > .text_pc > p > img {  margin-top: -10px; margin-right: 7px; }
.main_img_slider > div > .slide_02 > .text_mobile > p { font-size: 19px; letter-spacing: 0; margin-top: 10px; }
.main_img_slider > div > .slide_02 > .text_mobile > p > img { width: 80px; margin-right: 7px; }
.main_img_slider > div > .slide_03 > .text_pc { top: 30%; left: 49%; }
.main_img_slider > div > .slide_03 > .text_pc > img { display: block; width: 440px; margin: 10px 0 0 55px;}
.main_img_slider > div > .slide_03 > .text_mobile > img { width: 440px; }
.main_img_slider > div > .slide_03 > .text_pc > p { font-size: 30px; letter-spacing: 0px }
.main_img_slider > div > .slide_03 > .text_mobile > p {  }
.main_img_slider > div > div > div > img { width: 100%; }
.main_img_slider .text_mobile { display: none; }


/* 메인 */
/* 공통 */
.main_container { width: 100%; max-width: 1200px; margin: auto; }
.bg_gray { background: #f5f5f5; }
.bg_gray_01 { background: #dadada; }
.bg_green { background: #f3f8ec; }
.bg_orange { background: #fae8ca; }
.bg_blue { background: #daf0ff; }

/* top이동버튼 */
#top_btn { opacity: 0; transition: all 0.3s ease-in-out; position: fixed; bottom: 50px; right: 50px; width: 50px; height: 50px; background: #191919; color: #fefefe; border: none; font-size: 16px; font-weight: lighter; transition: all 0.3s ease-in-out; }
#top_btn:hover { background: #1f80c4; transition: all 0.4s ease-in-out; }

/* 메인상단버튼 */
.main_btn { width: 100%; }
.main_btn > ul { display: flex; flex-flow: row wrap; }
.main_btn > ul > li { width: 16.6666%; padding: 42px 0; color: #fff; height: 240px; }
.main_btn > ul > .color_b1 { background: #1f80c4; }
.main_btn > ul > .color_b2 { background: #236d9e; }
.main_btn > ul > .color_b3 { background: #28558d; }
.main_btn > ul > .padding_s { padding: 27px 0; }
.main_btn > ul > .padding_s > a > img { margin: -10px auto; }
.main_btn > ul > li > a > span { display: block; text-align: center; font-size: 25px; line-height: 30px; }
.main_btn > ul > li > a > img { display: block; margin: auto; }

/* 메인영역1 */
.main_content > .content01 {}

/* 메인영역2 */
.main_content > .content02 { padding: 100px 50px; }
.main_content > .content02 > h4 { font-size: 50px; font-weight: 500;  letter-spacing: -2px; text-align: center; margin-bottom: 20px;  }
.main_content > .content02 > h3 { word-break: keep-all; width: 100%; max-width: 1014px; margin: auto; font-size: 24.5px; font-weight: 300; color: #000; text-align: center; letter-spacing: -1.5px; }
.main_content > .content02 > .m_img { width: 100%; display: none; }
.main_content > .content02 > .pc_img { width: 100%; max-width: 1116px; }
.main_content > .content02 > img { display: block; margin: 40px auto; }
.main_content > .content02 > div > a { display: block; margin: auto; width: 222px; height: 60px; line-height: 60px; transition: all 0.3s ease-in-out; text-align: center; font-size: 20px; font-weight: 500; border: 1px solid #000;}
.main_content > .content02 > div > a:hover { color:#73bf43; transition: all 0.3s ease-in-out; }

/* 메인영역3 */
.main_content > .bg_gray > .content03 { padding: 100px 50px ; }
.main_content > .bg_gray > .content03 > h4 { font-size: 50px; font-weight: 500;  letter-spacing: -2px; text-align: center; }
.main_content > .bg_gray > .content03 > h3 { word-break: keep-all; font-size: 24.5px; font-weight: 300; color: #000; text-align: center; letter-spacing: -1.5px; }
.main_content > .bg_gray > .content03 > h5 { font-size: 35px; font-weight: 500;  letter-spacing: -2px; text-align: center; margin-bottom: 10px; }
.main_content > .bg_gray > .content03 > h6 { color: #73bf43; font-size: 35px; font-weight: 500;  letter-spacing: -2px; text-align: center; margin: 70px 0 0; }
.main_content > .bg_gray > .content03 > ul { margin: 40px auto; width: 100%; max-width: 860px; display: flex; justify-content: space-between; flex-flow: row wrap; }
.main_content > .bg_gray > .content03 > ul > li { width: 30%; height: 300px; background: #fff; padding: 25px; }
.main_content > .bg_gray > .content03 > ul > li > h4 { color: #000; width: 100%; padding: 0 0 15px; letter-spacing: -1.5px; font-weight: 500; font-size: 20px; border-bottom: 1px solid #73c014; }
.main_content > .bg_gray > .content03 > ul > li > img { width: 100%; max-width: 196px; display: block; margin: 33px auto; }
.main_content > .bg_gray > .content03 > div > a { display: block; margin: 30px auto 0; background: #73bf43; color: #fff; width: 380px; height: 60px; line-height: 60px; transition: all 0.3s ease-in-out; text-align: center; font-size: 20px; font-weight: 500; }
.main_content > .bg_gray > .content03 > div > a:hover { background:#69a91a; transition: all 0.3s ease-in-out; }

/* 메인영역4 */
.main_content > .content04 { padding: 100px 50px; }
.main_content > .content04 > h4 { font-size: 50px; font-weight: 500;  letter-spacing: -2px; text-align: center; margin-bottom: 5px;  }
.main_content > .content04 > h3 { font-size: 24.5px; font-weight: 300; color: #000; text-align: center; letter-spacing: -1.5px; }
.main_content > .content04 > img { display: block; margin: 50px auto; }
.main_content > .content04 > .m_img { width: 100%; display: none; }
.main_content > .content04 > .pc_img { width: 100%; max-width: 1114px; }
.main_content > .content04 > .m_text { width: 100%; max-width: 330px; margin: auto; display: none;}
.main_content > .content04 > .m_text > li { text-align: center; font-size: 18px; margin-bottom: 40px;}
.main_content > .content04 > .m_text > li > span { font-weight: 600; }
.main_content > .content04 > .m_text > li > .color_b { color: #1f80c4; }
.main_content > .content04 > .m_text > li > .color_g { color: #73c014; }

/* 메인영역5 */
.main_content > .bg_gray > .content05 { padding: 92px 0 ; }
.main_content > .bg_gray > .content05 > ul { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.main_content > .bg_gray > .content05 > ul > li { width: 32%; height: 250px; background: #fff;}
.main_content > .bg_gray > .content05 > ul > li > h4 { letter-spacing: -1.5px; font-size: 30px; font-weight: 500; padding: 25px; }
.main_content > .bg_gray > .content05 > ul > li > h4 > a { display: block; float: right; }
.main_content > .bg_gray > .content05 > ul > li:last-child { color: #fff; text-align: center; }
.main_content > .bg_gray > .content05 > ul > li:last-child > h2 { font-size: 45px; font-weight: 600; margin-top: -16px; }
.main_content > .bg_gray > .content05 > ul > li:last-child > p { font-size: 20px; font-weight: 300;  padding: 5px 0;}

/* 메인영역6 */
.main_content > .content06 > ul { display: flex; justify-content: space-between; flex-flow: row wrap; margin: 55px auto; max-width: 1050px;}
.main_content > .content06 > ul > li { width: 14.6%; }
.main_content > .content06 > ul > li > a > img { width: 100%; }

@media all and (max-width: 1400px){
    .main_btn > ul > li > a > span { font-size: 19px; }
}

@media all and (max-width: 1200px){
    .text_pc { display: none; }
    .text_mobile { display: block !important; }
    .slide_01 { background: url('../../../img/m_main_slider_03.jpg') !important; background-size: cover !important; background-position: center !important; }
    .slide_02 { background: url('../../../img/m_main_slider_02.jpg') !important; background-size: cover !important; background-position: center !important; }
    .slide_03 { background: url('../../../img/m_main_slider_01.jpg') !important; background-size: cover !important; background-position: center !important; }
    .slide_03 > .text_mobile > img { width: 340px !important; padding: 0 !important; }
    .main_btn > ul > li { width: 33.33%; }
}

@media all and (max-width: 960px){
    .main_content > .content04 > .pc_img { display: none; }
    .main_content > .content04 > .m_img { display: block; }
    .main_container { padding: 12% 3% !important; }
    .main_content > .content02 > h4 { font-size: 30px; }
    .main_content > .content02 > h3 { max-width: 642px; font-size: 16px; }
    .main_content > .content02 > div > a { font-size: 16px; width: 152px; height: 45px; line-height: 45px; }
    .main_content > .bg_gray > .content03 > h4 { font-size: 25px; margin-bottom: 8px;}
    .main_content > .bg_gray > .content03 > h5 { font-size: 18px; font-weight: 400; }
    .main_content > .bg_gray > .content03 > h6 { font-size: 21px; margin: 47px 0 5px; }
    .main_content > .bg_gray > .content03 > h3 { font-size: 16px; }
    .main_content > .content04 > .m_text { display: block; }
    .main_content > .content04 > h4 { font-size: 30px; margin-bottom: 18px; }
    .main_content > .content04 > h3 { font-size: 16px; letter-spacing: -0.5px; }
    .main_content > .bg_gray > .content03 > div > a { font-size: 16px; width: 310px; height: 48px; line-height: 48px; }
    .main_content > .bg_gray > .content05 { padding: 10% 12% !important; }
    .main_content > .bg_gray > .content05 > ul > li { width: 100%; margin-bottom: 20px; height: 233px; }
    .main_content > .bg_gray > .content05 > ul > li > h4 { font-size: 20px; }
    .main_content > .bg_gray > .content05 > ul > li:last-child { margin: 0; }
    .main_content > .bg_gray > .content05 > ul > li:last-child > h2 { font-size: 30px; margin-bottom: 13px;}
    .main_content > .bg_gray > .content05 > ul > li:last-child > p { font-size: 16px; }
    .main_content > .bg_gray > .content05 > ul > li:last-child > .tit { font-size: 24px; margin-bottom: 14px;}
    .main_content > .content06 > ul { margin: 0; justify-content: center;}
    .main_content > .content06 > ul > li { width: 33%; }
}

@media all and (max-width:760px){
    .main_img_slider > div > div > div { position: absolute; left: 4.5%; top: 36%; }
    .main_img_slider > div > div > div > img { width: 250px; padding-top: 30px; }
    .main_content > .bg_gray > .content03 > ul > li { width: 100%; max-width: 260px; margin: 0 auto 4%; }
    .main_content > .bg_gray > .content03 > ul > li > h4 { font-size: 18px; }
}

@media all and (max-width: 700px){
    .main_content > .content02 > .pc_img { display: none; }
    .main_content > .content02 > .m_img { display: block; }
}

@media all and (max-width: 640px){
    .main_btn > ul > li { padding: 2%; height: 135px;}
    .main_btn > ul > li > a > span { font-size: 16px; }
    .main_btn > ul > li > a > img { width: 100px; }
    .main_btn > ul > .padding_s { padding: 2%; }
    .main_btn > ul > .padding_s > a > img { margin: -4px auto; }
    .main_btn > ul > .padding_s > a > span { font-size: 14px; line-height: 20px; }
    .main_content > .bg_gray > .content03 > .width_250 { width: 250px; margin: auto;}
}

@media (max-width: 480px){
    .main_img_slider > div > div > .text_mobile { margin-left: -148px; }
    .main_img_slider > div > div > .style_2 { margin-left: -144px !important; }
    .main_img_slider > div > div > .text_mobile > h4 { font-size: 26px; }
    .main_img_slider > div > div > .text_mobile > h3 { font-size: 35px; }
    .main_img_slider > div > div > .text_mobile > p { font-size: 25px; }
    .main_content > .bg_gray > .content05 > ul > li > h4 { padding: 15px; }
    .lat { margin-bottom: 10px; }
    .lat ul { padding: 0 15px; }
}

@media (max-width:470px){
    .main_img_slider { height: 645px; }
    .main_btn > ul > li > a > span { font-size: 13px; }
    .main_btn > ul > .padding_s > a > span { font-size: 12px; }
    .main_content > .bg_gray > .content03 > h4 { font-size: 23px; }
    .main_content > .bg_gray > .content03 > h5 { font-size: 16px; }
    .main_content > .bg_gray > .content03 > h3 { font-size: 15px; }
    .main_content > .content04 > .m_text > li { font-size: 16px; }
    .main_content > .bg_gray > .content05 { padding: 7% 8% !important; }
    .main_img_slider > div > .slide_02 > .text_mobile > p { font-size: 16px; }
    .main_img_slider > div > .slide_02 > .text_mobile > p > img { width: 70px; }

    /* 최신글 공지 */
    .lat li a { font-size: 14px; }
}
@media (max-width: 400px){
    .slide_03 > .text_mobile { margin-left: -177px !important; }
}