@charset "utf-8";
/* ---------- 반응형 스타일 ---------- */


/* -------------------- respon max 1500px -------------------- */
@media all and (max-width:1500px)
{

}


/* -------------------- respon max 1400px -------------------- */
@media all and (max-width:1400px)
{

}


/* -------------------- respon max 1200px -------------------- */
@media all and (max-width:1200px)
{
    .mfocus .tab_focus{width:100%;}
    .mfocus .focus_tit{display:block}
    .mfocus .mfocus_inner{padding-bottom:15px; padding-top:15px; background:none}
    .mfocus_carousel{margin:0 -10px 0 0}
    .mfocus_carousel .carousel_box{margin:0 15px 10px}
    .mfocus_carousel .carousel_box:hover:before{right:0; bottom:0}
    .mfocus_new{margin:0 -10px 0 0}
    .mfocus_new .carousel_box{margin:0 15px 10px}
    .mfocus_new .carousel_box:hover:before{right:0; bottom:0}
    .mfocus .tab_focus{display:none}
    .mfocus .cont_focus{height:auto; padding:0; padding-left:15px}
    .mfocus .cont_focus .cont_inner{height:auto; position:relative; top:auto; right:auto; left:auto; margin-bottom:25px; background:none; border-bottom:1px solid #dadada}
    .mfocus .cont_focus .cont_inner:last-child{margin-bottom:0}

    .mfocus_carousel .slick-prev{left:-15px}
    .mfocus_carousel .slick-next{right:10px}

    .mfocus_new .slick-prev{left:-15px}
    .mfocus_new .slick-next{right:10px}

    .mfocus_carousel .tit_area{padding:20px 0 12px 0}
    .mfocus_carousel .tit_area .tit_badge.card{left:0}
    .mfocus_carousel .info_area{padding:0}

    .mfocus_new .tit_area{padding:20px 0 12px 0}
    .mfocus_new .tit_area .tit_badge.card{left:0}
    .mfocus_new .info_area{padding:0}

    .mpopular{padding-top:20px}
    .mpopular:before{display:none}
    .mpopular:after{display:none}
    .mpopular .section_tit{text-align:left; padding:0 15px}
    .mpopular .section_tit .tit{font-size:22px}
    .mpopular_carousel_ty1 .slick-arrow{top:-65px}
    .mpopular_carousel_ty1 .slick-prev{left:auto; right:68px}
    .mpopular .mpopular_inner{width:100%; padding:0 15px}
    

    .mfit .section_tit{text-align:left; margin-bottom:20px}
    .mfit .mfit_l, .mfit .mfit_r{height:auto; width:100%}
    .mfit .mfit_l .mfit_inner{width:100%; padding:15px; padding-top:20px; float:none}
    .mfit .mfit_r .mfit_inner{width:100%; padding:15px; padding-top:20px; float:none}
    .mfit .mfit_list_ty1 .thum_area{width:173px; height:104px}
    .mfit .mfit_list_ty1 .thumlist_box{min-height:104px; padding-left:192px}
    .mfit .mfit_list_ty2{margin-top:0}
    .mfit .mfit_list_ty2 .tit_area .tit{font-size:14px}

    .mnotice{width:100%; padding-left:120px;}
    .mnotice .section_tit{width:120px;}
    .mnotice .section_tit .tit{font-size:16px}
    .mnotice .mnotice_carousel .carousel_box .inner{padding-right:180px; padding-left:15px}
    .mnotice .mnotice_carousel .carousel_box .inner .dat{right:80px}
    .mnotice .mnotice_carousel .slick-prev{right:45px}
    .mnotice .mnotice_carousel .slick-next{right:15px}

    .mseminar{width:100%; padding-left:120px;}
    .mseminar .section_tit{width:120px;}
    .mseminar .section_tit .tit{font-size:16px}
    .mseminar .webinar{left:120px}
    .mseminar .carousel_box .more{right:15px}
    .mseminar .mseminar_carousel .slick-prev{right:45px}
    .mseminar .mseminar_carousel .slick-next{right:15px}

    .mnews{padding-top:45px}
    .mnews:before{display:none}
    .mnews:after{display:none}
    .mnews .mnews_inner{width:100%; padding:0 15px; box-sizing:border-box}
    .mnews .section_tit .tit{font-size:22px}
    .mnews .tab_news ul li{padding:0 10px; margin:0 5px}

    .mstatic{padding-top:45px; padding-bottom:15px}
    .mstatic:before{display:none}
    .mstatic:after{display:none}
    .mstatic .mstatic_inner{width:100%; padding:0 15px; box-sizing:border-box}
    .mstatic .section_tit .tit{font-size:22px}

    .mbanner .mbanner_inner{width:100%; padding:0 15px}
    .mbanner .section_tit{left:15px}
    .mbanner .mbanner_carousel{padding-left:180px}
    .mbanner .mbanner_carousel .slick-prev{left:105px}
    .mbanner .mbanner_carousel .slick-next{left:145px}
    .mbanner .slick-pause{left:145px}

    .mstatic .mstatic_wrap .mstatic_list li{width:50%}
    .mstatic .mstatic_wrap .mstatic_box{padding-top:20px; padding-bottom:20px}
    .mstatic .mstatic_wrap .mstatic_list li:nth-child(2):after{display:none}
    .mstatic .mstatic_wrap .mstatic_list li:nth-child(3),
    .mstatic .mstatic_wrap .mstatic_list li:nth-child(4){border-top:1px solid #dadada}
    .mstatic .mstatic_wrap .mstatic_box .tit_area .tit{font-size:18px}


    .msns .section_tit .tit{font-size:20px}
    .msns .tab_sns{right:15px; top:-3px}
    .msns .msns_inner{width:100%; padding:0 15px}
}


/* -------------------- respon max 1000px -------------------- */
@media all and (max-width:1000px)
{
    .mnotice .mnotice_carousel .carousel_box .inner{padding-right:80px}
    .mnotice .mnotice_carousel .carousel_box .inner .dat{display:none}

    .mfit .mfit_list_ty2 .tag_area{height:30px; overflow:hidden}

    .mseminar{padding-left:0}
    .mseminar .webinar{left:0}
    .mseminar .section_tit{display:none}
    .mseminar .carousel_box .more{right:15px}
    
    .msns .msns_area > ul{margin-left:-15px; margin-top:-25px}
    .msns .msns_area > ul > li{width:50%; padding:0}
    .msns .msns_area > ul > li{border-left:none; height:auto}
    .msns .msns_area > ul > li:last-child{border-right:none}
    .msns .sns_box{margin-left:15px; margin-top:25px; padding-top:300px}
    .msns .sns_box .thum_area{height:300px}
}


/* -------------------- respon max 800px -------------------- */
@media all and (max-width:800px)
{   
    .msns .section_tit{margin-bottom:15px}
    .msns .tab_sns{position:relative; right:auto; top:auto; margin-bottom:30px}
    .msns .sns_box{padding-top:200px}
    .msns .sns_box .thum_area{height:200px}

    .mbanner .mbanner_inner{padding:0}
    .mbanner .section_tit{display:none}
    .mbanner .mbanner_carousel{padding-left:0}
    .mbanner .slick-pause{display:none}

    .mnews .tab_news ul li a{font-size:15px}

    .mnotice .mnotice_carousel .carousel_box .inner{padding-right:15px}

    .mseminar .webinar{position:relative; left:auto; top:auto; width:100%; height:auto; margin-bottom:15px}
    .mseminar .mseminar_carousel .carousel_box .inner{padding-right:15px; padding-left:15px}
    .mseminar .carousel_box .meta_area dd{margin-bottom:10px}
    .mseminar .carousel_box .more{position:relative; right:auto; top:auto;  margin-top:10px; display:block; height:48px; line-height:48px; text-align:center}
    .mseminar .carousel_box .more:before{display:none}
    .mseminar .mseminar_carousel .slick-arrow{top:2px}

}


/* -------------------- respon max 640px -------------------- */
@media all and (max-width:640px)
{   
    .msns .tab_sns ul{margin-left:-5px; margin-top:-5px}
    .msns .tab_sns ul li{width:25%; margin-left:0}
    .msns .tab_sns ul li a{text-align:center; margin-left:5px; margin-top:5px; padding:8px 10px}
    .msns .sns_box{padding-top:150px}
    .msns .sns_box .thum_area{height:150px}

    .mnotice{padding-left:80px}
    .mnotice .section_tit{width:80px}

    .mnews .tab_news ul li{padding:0 10px; margin:0}

    .mfit .mfit_list_ty1 .thumlist li{width:100%}
    .mfit .mfit_list_ty1 .thumlist li:last-child{display:none}
    .mfit .mfit_list_ty1 .thumlist_box{min-height:104px; padding-left:192px; padding-right:0}

    .mstatic .tab_static{position: relative;; right:auto; top:auto; display:block}
    .mstatic .tab_static ul{margin-left:-5px; margin-top:-5px}
    .mstatic .tab_static ul li{width:50%; margin-left:0}
    .mstatic .tab_static ul li a{text-align:center; margin-left:5px; margin-top:5px; padding:8px 10px}

    .mstatic .mstatic_wrap .mstatic_list li{width:100%}
    .mstatic .mstatic_wrap .mstatic_list li:after{display:none}
    .mstatic .mstatic_wrap .mstatic_list li:nth-child(3){border-top:none}
    .mstatic .mstatic_wrap .mstatic_list li:nth-child(4){border-top:none}
    .mstatic .mstatic_wrap .mstatic_list li.cont_inner{display:none}
    .mstatic .mstatic_wrap .mstatic_list li.cont_inner.active{display:block}
    .mstatic .mstatic_wrap .mstatic_box .tit_area .tit{font-size:16px}
    .mstatic .mstatic_wrap .mstatic_box{min-height:auto}
}


/* -------------------- respon max 440px -------------------- */
@media all and (max-width:440px)
{
    .msns .tab_sns ul li{width:50%}
    .msns .sns_box{padding-top:120px}
    .msns .sns_box .thum_area{height:120px}

    .mnews .tab_news ul li{padding:0 8px}
}


/* -------------------- respon max 340px -------------------- */
@media all and (max-width:340px)
{
}