@charset "UTF-8";

/*
-------------------------------------------------
-------------------------------------------------
Sub Style Sheet
Version : 1.0
Author : KEB
First update : 2024. 08. 02.
Last update : 2024. 00. 00.
-------------------------------------------------
-------------------------------------------------
*/

.main_content_wrap{}
.main_inner{max-width: 1280px;margin: 0 auto;padding: 40px 0 135px 0;box-sizing: border-box;}

.main_swiper_etc{display: flex;gap: 15px;align-items: center;}
.main_swiper_etc > .swiper-pagination{position: relative;bottom: auto;left: auto;width: auto;display:flex;gap:4px;font-size: 14px;font-weight: 500;color: #fff;letter-spacing: -0.25px;line-height: 1;align-items: center;}
.main_swiper_etc > .swiper-pagination > span{display: block;}
.main_swiper_etc > .swiper_pluse{display: flex;flex-direction: column;justify-content: center;}
.main_swiper_etc > .swiper_pluse > img{}
.main_swiper_btn{display: flex;gap: 7px;align-items: center;}
.main_swiper_btn > li{display: flex;align-items: center;}
.main_swiper_btn > li > a{display: flex;}
.main_swiper_btn > li > a > img{}
.main_swiper_btn .swiper_start{display: none;}

.main_top{display: flex;gap: 20px;}
.main_visual_wrap{flex: 0 calc(100% - 440px);width: calc(100% - 440px);border: 5px solid #033075;box-sizing: border-box;border-radius: 10px;background-color: #033075;}
.main_visual{
    height: 321px;
}

.main_visual > ul{/* height: 331px; */}
.main_visual > ul > li{
    width: 100% !important;!i;!;
}
.main_visual > ul > li > a{display: block;height: 100%;width: 100%;}
.main_visual > ul > li > a > img{width: 100%;display: block;height: 100%;object-fit: cover;border-radius: 10px;}
.main_visual_bott{display: flex;justify-content: space-between;background-color: #033075;height: 50px;padding: 5px 35px;box-sizing: border-box;align-items: center;border-top: 5px solid #033075;}
.main_visual_bott > .main_swiper_etc{}
.main_visual_link{font-size: 16px;font-weight: 500;color: #fff;letter-spacing: -0.25px;line-height: 1;padding-right: 40px;position: relative;}
.main_visual_link:hover{color: #fff;}
.main_visual_link:after{position:absolute;content:'';display:block;background: url(../../images/main_n/ico_right_w.png)no-repeat center;width: 28px;height: 28px;border: 1px solid #fff;border-radius: 28px;box-sizing: border-box;right: 0;top: 50%;transform: translateY(-50%);}
.main_visual_link > span{}

.main_visual_rgt{flex: 0 420px;width: 420px;display: flex;flex-direction: column;gap: 15px;}
.main_board{border: 1px solid #e2e5eb;box-sizing: border-box;border-radius: 10px;height: 280px;flex: 0 280px;}
.main_board_top{display: flex;justify-content: space-between;height: 53px;padding: 0 30px;box-sizing: border-box;border-bottom: 1px solid #e2e5eb;}
.main_board_top > ul{display: flex;gap: 35px;}
.main_board_top > ul > li{}
.main_board_top > ul > li.on{}
.main_board_top > ul > li > a{font-size: 17px;font-weight: 700;color: #000;letter-spacing: -0.25px;line-height: 1;height: 100%;display: flex;flex-direction: column;justify-content: center;padding-top: 5px;box-sizing: border-box;}
.main_board_top > ul > li.on > a{border-bottom: 3px solid #000;}
.main_board_top > a{font-size: 14px;font-weight: 600;color: #565656;letter-spacing: -0.5px;line-height: 1;display: flex;align-items: center;padding-top: 5px;gap: 5px;}
.main_board_top > a > img{}
.main_board_bott{padding: 20px 30px;box-sizing: border-box;}
.main_board_img{padding-bottom: 20px;box-sizing: border-box;border-bottom: 1px solid #e2e5eb;}
.main_board_img > a{display: flex;gap: 20px;align-items: center;}
.main_board_img > a > img{width: 95px;height: 72px;object-fit: cover;flex: 0 95px;}
.main_board_img > a > p{flex: 1;}
.main_board_img > a > p > span{font-size: 16px;font-weight: 600;color: #000;letter-spacing: -0.5px;line-height: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_board_list{box-sizing: border-box;}
.main_board_list > ul{}
.main_board_list > ul > li{margin-top: 13px;display: block;}
.main_board_list > ul > li:first-of-type{margin-top:0px;}
.main_board_list > ul > li > a{font-size: 16px;font-weight: 400;color: #565656;letter-spacing: -0.5px;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: flex;align-items: center;gap: 5px;}
.main_board_list > ul > li > a > span{display: flex;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;box-sizing: border-box;}
.main_board_list > ul > li > a > span > img{margin-right: 5px;}
.main_board_list > ul > li.noti > a > span{background-color:#ebf3ff;color:#1d56cb;font-weight:400;}

.main_call{border: 1px solid #e2e5eb;border-radius: 10px;display: block;background: #fae9a1 url(../../images/main_n/bg_call.png)no-repeat calc(100% - 55px) 8px;position: relative;padding: 10px 30px;box-sizing: border-box;height: 100%;flex: 1;}
.main_call_inner{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.main_call_txt01{font-size: 14px;font-weight: 700;color: #000;letter-spacing: -0.5px;line-height: 1;}
.main_call_txt02{font-size: 19px;font-weight: 700;color: #000;letter-spacing: -0.6px;line-height: 1;display: flex;align-items: center;gap: 20px;margin-top: 8px;}
.main_call_txt02 > span{position: relative;display: block;line-height: 1;}
.main_call_txt02 > span:after{position:absolute;content:'';display:block;width:1px;height:13px;background-color:#000;right:-10px;top:50%;transform:translateY(-50%);}
.main_call_txt02 > em{display: block;line-height: 1;color: #555;}

.main_midd{display: flex;border: 1px solid #e2e5eb;box-sizing: border-box;border-radius: 10px;padding: 24px 45px 18px 30px;margin-top: 20px;}
.main_midd > p{font-size: 18px;font-weight: 700;color: #000;letter-spacing: -0.25px;line-height: 1.35;height: 100%;margin-top: 10px;flex: 0 80px;width: 80px;}
.main_midd_cont{position: relative;flex: 1 calc(100% - 80px);width: calc(100% - 80px);}
.main_midd_cont > a{width: 32px;height: 32px;border: 1px solid #e3e6ed;background-color: #fff;border-radius: 32px;display: block;position: absolute;top: 12.5px;z-index: 10;}
.main_midd_cont > a > img{width: 7px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main_ser_prev{left: -16px;}
.main_ser_next{right: -16px;}
.main_ser{overflow: hidden;}
.main_ser_slide > li > a > p{font-size: 15px;font-weight: 600;color: #000;letter-spacing: -0.25px;line-height: 1;text-align: center;margin-top: 10px;}

.main_bott{display: flex;margin-top: 20px;gap: 18px;}
.main_yt_wrap{flex: 0 calc((100% / 3) - 6px);width:calc((100% / 3) - 6px);border:5px solid #d9e0f0;box-sizing: border-box;border-radius: 10px;background-color: #d9e0f0;}
.main_yt{height: calc(100% - 47px);}
.main_yt_top >li{width: 100% !important;}
.main_yt_top >li > iframe{width: 100%;height: 100%;border-radius: 10px;}
.main_yt_bott{background-color: #d9e0f0;display: flex;align-items:center;justify-content: space-between;padding: 5px 25px;height: 47px;border-top: 5px solid #d9e0f0;box-sizing: border-box;}
.main_yt_bott > .main_swiper_etc > .swiper-pagination{color:#000;}

.main_ban{flex: 0 calc((100% / 3) - 6px);width:calc((100% / 3) - 6px);border-radius: 10px;}
.main_ban_slide >li > a{width: 100%;height: 100%;}
.main_ban_slide >li > a > img{width: 100%;height: 100%;object-fit: cover;}
.main_ban > .main_swiper_etc{position: absolute;bottom: 20px;left: 35px;z-index: 1;}

.main_pre_btn{flex: 0 calc((100% / 3) - 6px);width:calc((100% / 3) - 6px);display: flex;flex-direction: column;gap: 20px;}
.main_pre_btn >li{flex: 1;}
.main_pre_btn >li > a{border: 1px solid #e2e5eb;background-color: #f9fbfd;border-radius: 10px;height: 100%;display: flex;align-items: center;padding: 15px 30px;box-sizing: border-box;justify-content: space-between;gap: 10px;}
.main_pre_btn >li > a > p > span{font-size: 17px;font-weight: 700;color: #000;letter-spacing: -0.25px;line-height: 1.25;display: block;}
.main_pre_btn >li > a > p > em{font-size: 14px;font-weight: 500;color: #000;letter-spacing: -0.25px;line-height: 1.25;margin-top: 5px;display: block;}

  

@media (max-width: 1920px){
  


    
}
@media (max-width: 1750px){
 





}
@media (max-width: 1350px){
    
    
    .main_inner{width: 100%;padding: 40px 25px 80px 25px;box-sizing: border-box;}

    .main_midd > p{margin-top: -25px;align-self: center;}
    .main_midd_cont > a{top: calc(50% - 15px);transform: translateY(-50%);}
    .main_ser_slide > li > a{width: 100%;}
    .main_ser_slide > li > a > img{width: 100%;}

    
}
@media (max-width: 1300px){



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

    .main_visual_wrap{flex: 0 calc(100% - 320px);width: calc(100% - 320px);}

    .main_visual_rgt{flex: 0 300px;width: 300px;}
    .main_board_top{padding: 0 15px;}
    .main_board_top > ul{gap: 15px;}
    .main_board_bott{padding: 20px 15px;}
    .main_board_img > a > p > span{line-height: 1.5;}

    .main_call{padding: 10px 15px; background-position: calc(100% - 10px) 8px;}

    .main_midd{padding: 20px 30px 15px 25px;}
    .main_yt_bott{padding: 5px 20px;}

    .main_pre_btn > li > a{padding: 15px 25px;}

    
}
@media (max-width: 1100px){

    .main_top{display: block;}
    .main_visual_wrap{width: 100%;}
    .main_visual{height: 100%;}

    .main_visual_bott{padding: 5px 25px;}

    .main_visual_rgt{margin-top: 20px;width: 100%;flex-direction: row;}
    .main_board{flex: 1;height: auto;}
    .main_board_top{padding: 0 25px;}
    .main_board_bott{padding: 20px 25px;display: flex;}
    .main_board_img{border-right: 1px solid #e2e5eb;border-bottom: 0;padding-bottom: 0;padding-right: 20px;flex: 0 50%;width: 50%;}
    .main_board_list{padding-top: 0;/* padding-left: 20px; */flex: 1 50%;width: 50%;}

    .main_call{padding: 15px 25px;flex: 0 235px;height: auto;background-position: calc(100% - 10px) calc(100% + 5px);}
    .main_call_inner{justify-content: flex-start;padding-top: 15px;}
    .main_call_txt01{font-size: 18px;}
    .main_call_txt02{font-size: 22px;flex-direction: column;align-items: baseline;margin-top: 15px;}
    .main_call_txt02 > span:after{width: 100px;height: 1px;left: 0;bottom: -11px;top: auto;transform: none;right: auto;}
    .main_call_txt02 > em{font-size:22px;}

    .main_bott{flex-wrap: wrap;}
    .main_yt_wrap{flex: 0 calc(50% - 9px);width: calc(50% - 9px);}

    .main_ban{flex: 0 calc(50% - 9px);width: calc(50% - 9px);}
    .main_ban_slide > li{width: 100% !important;}

    .main_pre_btn{flex: 1 100%;width: 100%;flex-direction: row;}


    
}
@media (max-width: 990px){

}
@media (max-width:960px) { 


}
@media (max-width: 860px){

    .main_visual_bott{padding: 5px 20px;}
    .main_board_top{padding: 0 20px;height: 45px;}
    .main_board_bott{padding: 15px 20px;}
    .main_board_list > ul > li{margin-top: 7px;}
    .main_board_list > ul > li > a{font-size:15px;}
    .main_board_img{padding-right: 15px;}
    .main_board_img > a{height: 100%;gap: 15px;}
    .main_board_img > a > img{width: 75px;height: 100%;flex: 0 75px;}
    .main_board_img > a > p > span{font-size: 15px;-webkit-line-clamp: 3;}
    .main_board_list{/* padding-left: 15px; */}

    .main_call{flex: 0 165px;padding: 15px;background-size: 47px auto;}
    .main_call_inner{justify-content: flex-start;padding-top: 5px;}
    .main_call_txt01{font-size: 15px;}
    .main_call_txt02{font-size: 18px;gap: 15px;}
    .main_call_txt02 > span:after{bottom: -8px;width: 95px;}
    .main_call_txt02 > em{
    font-size: 18px;
}

    .main_midd{padding: 20px 25px 15px 20px;}
    .main_midd > p{flex: 0 70px;width: 70px;}
    .main_pre_btn > li > a{padding: 15px 20px;}
    .main_pre_btn > li > a > p > em{margin-top: 8px;}
    .main_pre_btn > li > a > img{width: 40px;height: auto;}


}
@media(max-width:768px){
    .main_board_img > a > img{display:none;}

}
@media (max-width: 640px){

    .main_inner{padding: 30px 15px 55px 15px;}

    .main_swiper_etc{gap: 10px;}
    .main_swiper_btn{gap: 5px;}
    .main_visual_bott{padding: 5px 15px;}
    .main_visual_link{font-size: 15px;letter-spacing: -0.5px;padding-right: 30px;}
    .main_visual_link:after{width: 22px;height: 22px;background-size: 9px auto;}
    .main_visual_link > span{}

    .main_visual_rgt{flex-direction: column;margin-top: 15px;gap: 15px;}
    .main_board_top{padding: 0 15px;}
    .main_board_bott{padding: 15px;}

    .main_call{padding: 15px;flex: auto;background-size: 59px auto;background-position: calc(100% - 20px) calc(100% + 2px);}
    .main_call_txt02{flex-direction: row;margin-top: 10px;}
    .main_call_txt02 > span:after{width: 1px; height: 13px;right: -10px;top: 50%;transform: translateY(-50%);bottom: auto;left: auto;}

    .main_midd{padding: 20px 20px 15px 15px;margin-top: 15px;}
    .main_midd > p{font-size: 16px;flex: 0 65px;width: 65px;}

    .main_bott{gap: 15px;margin-top: 15px;}
    .main_yt_wrap{flex: 0 calc(42% - 7.5px);width: calc(42% - 7.5px);}
    .main_yt_bott{padding: 5px 15px;}
    .main_yt_bott > img{width: 25px;}

    .main_ban{flex: 0 calc(58% - 7.5px);width: calc(58% - 7.5px);}
    .main_ban > .main_swiper_etc{left: 20px;bottom: 15px;}

    .main_pre_btn{flex-direction: column;gap: 15px;}
    .main_pre_btn > li > a{padding: 15px;}
    .main_pre_btn > li > a > p > span{font-size: 16px;}
 
}
@media (max-width: 550px){
    .main_bott{flex-direction: column;}
    .main_yt_wrap{width: 100%;flex: 1 100%;}
    .main_yt{height: 250px;}

    .main_ban{width: 100%;flex: 0 100%;}
}
@media (max-width: 480px){
    .main_inner{padding: 20px 15px 35px 15px;}

    .main_visual_bott{padding: 8px 10px;height: auto;gap: 10px;}
    .main_visual_link{font-size: 14px;letter-spacing: -0.75px; padding-right: 25px;}
    .main_visual_link:after{width: 20px;height: 20px;}
    .main_visual_link > span{text-align: right;}

    .main_visual_rgt{margin-top: 10px;gap: 10px;}
    .main_board_bott{flex-direction: column;}
    .main_board_img{padding-right: 0;padding-bottom: 10px;border-right: 0;border-bottom: 1px solid #e2e5eb;width: 100%;flex: 1;}
    .main_board_img > a > p > span{-webkit-line-clamp: 2;}
    .main_board_list{padding-left: 0;/* padding-top: 10px; */width: 100%;flex: 1;}

    .main_midd{flex-direction: column;padding: 15px 25px;margin-top: 10px;}
    .main_midd > p{flex: 1;width: auto;margin-top: 0;margin-bottom: 10px;line-height: 1;}
    .main_midd > p > br{display:none;}
    .main_midd_cont{flex: 1;width: auto;}
    .main_midd_cont > a{width: 28px;height: 28px;top: calc(50% - 10px);}
    .main_ser_slide > li > a > p{font-size: 14px;margin-top: 8px;}

    .main_bott{flex-direction: column;gap: 10px;margin-top: 10px;}
    .main_yt{height: 200px;}
    .main_yt_bott{height: auto;}

    .main_pre_btn{gap: 10px;}


}