.home_page {}

/* top */
/* PC */

@media all and (min-width:1240px) {


    .home_top { position:relative;}
    .home_top_bg { position:absolute;top:55px;width:100%; }
    .home_top_bg1 { position:absolute;left:-177px;top:70px; }
    .home_top_bg2 { position:absolute;right:-240px;top:320px; }
}

/* Tablet */
@media all and (min-width:768px) and (max-width:1239px) {

    .home_top { position:relative;}
}

/* Mobile */
@media all and (max-width:767px) {

    .home_top { position:relative;}
}



/* quick */
/* PC */
.home_banner{
    position: relative;
    margin: auto;
    overflow: hidden;
}
.home_banner .swiper-slide{
    height: 0;
    padding-bottom: 33%;
    background-size: cover;
    transition: background-position 1s ease, opacity 1s ease;
    background-position: calc(50% + 40px) center;
    opacity: 0;
}
.home_banner .swiper-slide.swiper-slide-active{
    background-position: center;
    opacity: 1;
}
.banner_item  { margin-top:12px;margin-bottom:12px;position:relative; text-align: right;}
.banner_item span  { font-family:NS-B;font-size:14px;color:#ffffff;margin-top:12px;margin-bottom:12px;margin-right:36px;cursor : pointer;}

.banner_item_round {position: absolute;border-radius: 20px;width: 8px;height: 8px;right: 4px;top: 8px;display: inline-block;background: #ffffff;}
.banner_item_round_back { display: none; border-radius: 20px; width:16px; height:16px; opacity:0.7; position:absolute;right:0; background:#ffffff;margin-top:4px;top:0; }
.banner_item.active .banner_item_round_back{
    display: inline-block;
}
.home_pagination{
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.home_quick {
    position: relative;
    background-color: #f8f8f8;
}

.home_quick .home_quick_menu {
    background-color: #f1f5fb;
    box-sizing: border-box;
}


.home_quick .home_quick_menu .home_quick_menu_item {
    box-sizing: border-box;
    position: relative;

    font-family: notokr-medium, san-serif;
    color: #707070;
    cursor: pointer;
}

.home_quick .home_quick_menu .home_quick_menu_item img {
    display: none;
}

.home_quick .home_quick_menu .home_quick_menu_item.current {
    background: #013a86 url(/res/service/img/index/main/bg_quickmenu.png) no-repeat;
    color: white;
}

.home_quick .home_quick_menu .home_quick_menu_item.current img {
    display: block;
}

.home_quick .home_quick_menu .home_quick_menu_item img{

}


.home_quick .home_quick_body {
    box-sizing: border-box;
    white-space: nowrap;
}

.home_quick .home_quick_body .home_quick_item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    outline: none;
}

.home_quick .home_quick_body .home_quick_item:hover {
    background-color: #e5e5e5;
}

.home_quick .home_quick_body .home_quick_item a{
    text-decoration: none;

}

.home_quick .home_quick_body .home_quick_item img{
    display: block;
}

.home_quick .home_quick_body .home_quick_item span{
    display: block;
    width: 100%;
    text-align: center;
    font-family: notokr-regular, san-serif;
    color: #232323;
}

.home_quick .slick-dots {
    font-size: 0;
    text-align: center;
    line-height: 8px;
}

.home_quick .slick-dots li{
    display: inline-block;
    vertical-align: middle;
}

.home_quick .slick-dots li button {
    font-size: 0;
    border: none;
    width: 8px;
    height: 8px;
    background-color: #e5e5e5;
    border-radius: 100%;
    cursor: pointer;
    padding: 0;
    outline: none;
}

.home_quick .slick-dots li:not(:last-child){
    margin-right: 5px;
}

.home_quick .slick-dots li.slick-active button {
    background-color: #707070;
}

@media all and (min-width:1240px) {
    .home_banner{
        width: calc(100vw - 100px);
    }

    .home_quick {width: 1240px;height: 210px;margin: 0 auto;font-size: 0;}
    .home_quick .home_quick_menu {display: inline-block;vertical-align: middle;width: 150px;height: 210px;padding-top: 20px;}
    .home_quick .home_quick_menu .home_quick_menu_item {display: block;width: 150px;height: 50px;padding-left: 20px;padding-right: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;letter-spacing: -0.36px;line-height: 50px;transform: translateX(20px);}
    .home_quick .home_quick_menu .home_quick_menu_item.current {background-size: 50px;background-position-x: calc(100% - 15px);}
    .home_quick .home_quick_menu .home_quick_menu_item:not(:last-child) {margin-bottom: 10px;}
    .home_quick .home_quick_menu .home_quick_menu_item img{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
    .home_quick .home_quick_body {display: inline-block;vertical-align: middle;width: calc(100% - 250px);height: 150px;margin: 30px 40px 30px 60px;overflow: inherit;}
    .home_quick .home_quick_body .home_quick_item {width: 150px;height: 150px;border-radius: 100%;}

    .home_quick .home_quick_body .home_quick_item:not(:last-child) {margin-right: 18px;}
    .home_quick .home_quick_body .home_quick_item a{font-size: 18px;letter-spacing: -0.36px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .home_quick .home_quick_body .home_quick_item img{}
    .home_quick .home_quick_body .home_quick_item span{font-size: 16px;letter-spacing: -0.32px;}


    .home_quick .slick-dots {
        position: absolute;
        width: 100%;
        right: 40px;
        bottom: -10px;
        z-index: 1;
    }

    .home_quick .slick-dots li{

    }

    .home_quick .slick-dots li.slick-active {

    }
}

/* Tablet */
@media all and (min-width:768px) and (max-width:1239px) {
    .home_banner{
        width: calc(100vw - 60px);
    }

    .home_quick {box-sizing: border-box;width: calc(100% - 120px);height: 200px;margin: 0 auto;padding: 30px 20px;}
    .home_quick .home_quick_menu {box-sizing: border-box;display: block;width: 100%;height: 50px;border: none;appearance: none;cursor: pointer;background: #013a86 url(/res/service/img/index/main/bg_quickmenu.png) no-repeat;color: white;background-size: 50px;background-position-x: right;background-position-y: center;padding: 0 20px;position: relative;outline: none;font-family: notokr-medium, san-serif;font-size: 16px;letter-spacing: -0.32px;}
    .home_quick .select_wrapper {position: relative;overflow: visible;z-index: -1;display: block;}
    .home_quick .select_wrapper::after {content: " ";width: 10px;height: 6px;background: url(/res/service/img/index/main/arr_quickmenu_down.png) no-repeat;background-size: cover;display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}


    .home_quick .home_quick_body {
        padding-top: 17px;
    }

    .home_quick .slick-dots {
        font-size: 0;
        text-align: center;
        line-height: 8px;
        margin-top: 10px;
    }

    .home_quick .home_quick_body .home_quick_item {
        width: calc(16.66vw - 30px);
        display: inline-block;
        vertical-align: middle;
    }

    .home_quick .home_quick_body .home_quick_item a {
        width: 100%;
        text-align: center;
    }

    .home_quick .home_quick_body .home_quick_item img {
        width: 40px;
        margin: 0 auto;
    }

    .home_quick .home_quick_body .home_quick_item span {

    }
}

/* Mobile */
@media all and (max-width:767px) {
    .home_banner{
        width: calc(100vw - 40px);
    }

    .home_quick {box-sizing: border-box;width: calc(100% - 30px);height: 200px;margin: 0 auto;padding: 30px 20px;}
    .home_quick .home_quick_menu {box-sizing: border-box;display: block;width: 100%;height: 50px;border: none;appearance: none;cursor: pointer;background: #013a86 url(/res/service/img/index/main/bg_quickmenu.png) no-repeat;color: white;background-size: 50px;background-position-x: right;background-position-y: center;padding: 0 20px;position: relative;outline: none;font-family: notokr-medium, san-serif;font-size: 16px;letter-spacing: -0.32px;}
    .home_quick .select_wrapper {position: relative;overflow: visible;z-index: -1;display: block;}
    .home_quick .select_wrapper::after {content: " ";width: 10px;height: 6px;background: url(/res/service/img/index/main/arr_quickmenu_down.png) no-repeat;background-size: cover;display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}


    .home_quick .home_quick_body {
        padding-top: 17px;
    }

    .home_quick .slick-dots {
        font-size: 0;
        text-align: center;
        line-height: 8px;
        margin-top: 10px;
    }

    .home_quick .home_quick_body .home_quick_item {
        width: calc(33.33vw - 30px);
        display: inline-block;
        vertical-align: middle;
    }

    .home_quick .home_quick_body .home_quick_item a {
        width: 100%;
        text-align: center;
    }

    .home_quick .home_quick_body .home_quick_item img {
        width: 40px;
        margin: 0 auto;
    }

    .home_quick .home_quick_body .home_quick_item span {

    }
}



/* section 1 */
/* PC */

.home_an_left_body_item_title, .home_an_left_more, .home_an_right_more, .home_an_left_title, .home_an_right_title { cursor: pointer; }
.home_an_left_body .no_item { background-color: white; border: 1px solid #e5e5e5; text-align: center;}
@media all and (min-width:1240px) {

    .home_an { height:340px;margin-top:100px; margin-bottom: 50px; }
    .home_an_left {  width: 790px;height:340px;float:left; min-height: 340px;}
    .home_an_right { width:400px;height:340px;float:right; }

    .home_an_left_header { height:50px; position: relative;}
    .home_an_left_title { font-size:28px;letter-spacing: -0.64px;line-height:32px;height:32px;font-family: notokr-medium;float:left;}
    .home_an_left_more { float:right;vertical-align: middle;line-height:32px; }

    .home_an_left_body { min-height: 280px; }
    .home_an_left_body .no_item { width: 100%; height: 280px; line-height: 280px; margin-top: 10px;}

    .home_an_left_body_item { position:relative;margin-top:10px;border:1px solid #e6e6e6;background-color:#ffffff;height:46px;line-height:46px; }
    .home_an_left_body_item_date { right:0;top:0;position:absolute;width:108px;color:#707070;font-family: notokr-medium;font-size:16px;letter-spacing:-0.32px; }
    .home_an_left_body_item_title { padding-left:20px;padding-right:120px;color:#707070;font-family: notokr-regular, san-serif;font-size:16px;letter-spacing:-0.32px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }

    .home_an_right_header { height:50px; }
    .home_an_right_title { font-size:28px;letter-spacing: -0.64px;line-height:32px;height:32px;font-family: notokr-medium;float:left; }
    .home_an_right_more { float:right;vertical-align: middle;line-height:32px; }

    .home_an_right_content { background-color:#f8f8f8;border:1px solid #e5e5e5;height:223px;margin-top:10px;padding:28px;overflow-y:auto; }
    .home_an_right_content_title { font-size:16px;letter-spacing:-0.32px;font-family:notokr-medium;color:#013a86;  }
    .home_an_right_content_body { font-size:16px;letter-spacing:-0.32px;font-family:notokr-regular;color:#232323;margin-top:5px;margin-bottom:20px;  }


    /* 공지사항 카테고리 */
    .home_category_list{position: absolute; top: 4px; left: 120px;}
    .home_category_list .home_category_item{ cursor: pointer; font-size: 16px; line-height: 16px; letter-spacing: -0.32px; padding: 0 10px; color: #707070; box-sizing: border-box;}
    .home_category_list .home_category_item.select{ color: #013a86; padding-bottom: 10px; border-bottom: 2px solid #013a86;}
}

/* Tablet */
@media all and (min-width:768px) and (max-width:1239px) {


    .home_an { margin-top:50px; margin-bottom: 30px;}
    .home_an_left {  width: 100%; min-height: 370px;}
    .home_an_right { width: 100%; }

    .home_an_left_header { height:40px; position: relative;}
    .home_an_left_title { font-size:28px;letter-spacing:-0.56px;line-height:28px;height:28px;font-family: notokr-medium;float:left; }
    .home_an_left_more { float:right;vertical-align: middle;line-height:28px; }

    .home_an_left_body { min-height: 280px; }
    .home_an_left_body .no_item { width: 100%; height: 280px; line-height: 280px; margin-top: 10px;}

    .home_an_left_body_item { position:relative;margin-top:10px;border:1px solid #e6e6e6;background-color:#ffffff;height:46px;line-height:46px; }
    .home_an_left_body_item_date { right:0;top:0;position:absolute;width:100px;color:#707070;font-family: notokr-medium;font-size:14px;letter-spacing:-0.28px; }
    .home_an_left_body_item_title { padding-left:20px;padding-right:120px;color:#707070;font-family: notokr-regular, san-serif;font-size:14px;letter-spacing:-0.28px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }

    .home_an_right_header { height:40px;margin-top:50px; }
    .home_an_right_title { font-size:28px;letter-spacing:-0.56px;line-height:28px;height:28px;font-family: notokr-medium;float:left;}
    .home_an_right_more { float:right;vertical-align: middle;line-height:28px; }

    .home_an_right_content { background-color:#f8f8f8;border:1px solid #e5e5e5;height:156px;margin-top:10px;padding:20px;overflow-y:auto; }
    .home_an_right_content_title { font-size:14px;letter-spacing:-0.28px;font-family:notokr-medium;color:#013a86;  }
    .home_an_right_content_body { font-size:14px;letter-spacing:-0.28px;font-family:notokr-regular;color:#232323;margin-top:3px;margin-bottom:15px;  }


    /* 공지사항 카테고리 */
    .home_category_list{position: absolute; top: 2px; left: 120px;}
    .home_category_list .home_category_item{ cursor: pointer; font-size: 14px; line-height: 14px; letter-spacing: -0.32px; padding: 0 10px; color: #707070; box-sizing: border-box;}
    .home_category_list .home_category_item.select{ color: #013a86; padding-bottom: 10px; border-bottom: 2px solid #013a86;}

}

/* Mobile */
@media all and (max-width:767px) {


    .home_an { margin-top:40px; margin-bottom: 20px;}
    .home_an_left {  width: 100%; min-height: 370px;}
    .home_an_right { width: 100%; }

    /*.home_an_left_header { height:40px; }*/
    .home_an_left_title { font-size:24px;letter-spacing:-0.48px;line-height:24px;height:24px;font-family: notokr-medium;float:left; }
    .home_an_left_more { float:right;vertical-align: middle;line-height:24px; }

    .home_an_left_body { min-height: 280px; }
    .home_an_left_body .no_item { width: 100%; height: 280px; line-height: 280px; margin-top: 10px;}

    .home_an_left_body_item { position:relative;margin-top:10px;border:1px solid #e6e6e6;background-color:#ffffff;height:46px;line-height:46px; }
    .home_an_left_body_item_date { right:0;top:0;position:absolute;width:100px;color:#707070;font-family: notokr-medium;font-size:14px;letter-spacing:-0.28px; }
    .home_an_left_body_item_title { padding-left:20px;padding-right:120px;color:#707070;font-family: notokr-regular, san-serif;font-size:14px;letter-spacing:-0.28px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }

    .home_an_right_header { height:40px;margin-top:40px; }
    .home_an_right_title { font-size:24px;letter-spacing:-0.48px;line-height:24px;height:24px;font-family: notokr-medium;float:left; }
    .home_an_right_more { float:right;vertical-align: middle;line-height:24px; }

    .home_an_right_content { background-color:#f8f8f8;border:1px solid #e5e5e5;height:156px;margin-top:10px;padding:20px;overflow-y:auto; }
    .home_an_right_content_title { font-size:14px;letter-spacing:-0.28px;font-family:notokr-medium;color:#013a86;  }
    .home_an_right_content_body { font-size:14px;letter-spacing:-0.28px;font-family:notokr-regular;color:#232323;margin-top:3px;margin-bottom:15px;  }


    /* 공지사항 카테고리 */
    .home_category_list_wrapper{ clear: both;  padding-top: 15px; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden;}
    .home_category_list_wrapper .home_category_list{width: 540px;height: 32px; }
    .home_category_list .home_category_item{ cursor: pointer; font-size: 14px; line-height: 14px; letter-spacing: -0.32px; padding: 0 10px; color: #707070; box-sizing: border-box;}
    .home_category_list .home_category_item.select{ color: #013a86; padding-bottom: 10px; border-bottom: 2px solid #013a86;}

}


/* section news */
/* PC */

.home_news_body_item {
    background-repeat: no-repeat !important;
    background-size: 100%;
    background-position: center !important;
    /*outline: none;*/
    cursor: pointer;
}



.home_news_bottom_arrow, .home_news_header_more {
    cursor: pointer;
}

@media all and (min-width:1240px) {

    .home_news { height:640px;margin-top:100px; }
    .home_news_header {line-height:40px;height:40px;text-align: center; }
    .home_news_header_title { color:#333333;font-size:28px;letter-spacing: -0.64px;font-family: notokr-medium; }
    .home_news_header_more { position:absolute;right:0;top:0;vertical-align: middle;line-height:32px; }

    .home_news_content { position:relative; margin-top:45px;  }
    /*.home_news_body { position:relative;width:2970px;top:0;margin:0 auto;text-align: center;  }*/
    /*.home_news_body_item { width:940px;height:400px; margin-right: 50px;}*/
    .home_news_body_item { width:528px;height:297px; margin-right: 50px;}
    .home_news_bottom { position:relative;width:940px;margin:50px auto 0 auto; }
    .home_news_bottom_flag img { height:16px; }
    .home_news_bottom_title { font-family: notokr-regular;font-size:20px;letter-spacing:-0.48px;color:#333333;margin-top:8px;margin-bottom:8px; }
    .home_news_bottom_date { font-family: notokr-regular;font-size:16px;letter-spacing:-0.32px;color:#707070;margin-top:10px; }
    .home_news_bottom_mid { text-align: center;}
    .home_news_bottom_arrow { position:absolute;top:37px; }
    .home_news_bottom_arrow, .home_news_bottom_arrow img { width: 8px; }
    .home_news_bottom_left { left:0;}
    .home_news_bottom_right { right:0;}

    .home_news_bottom_arrow::after {
        content: '';
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background-color: transparent;
        position: absolute;
        top: calc(50% - 4px);
        left: 4px;
        transform: translate(-50%, -50%);
    }

    .home_news_bottom_arrow:hover::after {
        background-color: rgba(0,0,0,0.1);
    }

}

/* Tablet */
@media all and (min-width:768px) and (max-width:1239px) {

    .home_news { margin-top:50px;margin-bottom:50px; }
    .home_news_header {line-height:40px;height:40px;text-align: left;position:relative; }
    .home_news_header_title { float:left;color:#333333;font-size:28px;letter-spacing:-0.56px;line-height:28px;font-family: notokr-medium; }
    .home_news_header_more { float:right;vertical-align: middle;line-height:28px;margin-top:4px; }

    .home_news_content { position:relative;margin-left:30px;margin-right:30px;margin-top:10px;  }
    /*.home_news_body { position:relative;width:100%;top:0;margin:0 auto;text-align: center;height:300px;overflow:hidden;  }*/
    .home_news_body_item { width:calc(100vw - 60px);height:300px; }

    .home_news_bottom { position:relative;margin:40px 30px 0 30px; }
    .home_news_bottom_title { font-family: notokr-regular;font-size:20px;letter-spacing: -0.4px;color:#333333;margin-top:10px;padding-left:60px;padding-right:60px; }
    .home_news_bottom_date { font-family: notokr-regular;font-size:14px;letter-spacing:-0.28px;color:#707070;margin-top:10px; }
    .home_news_bottom_mid { text-align: center;}
    .home_news_bottom_flag img { width:33px; }

    .home_news_bottom_arrow { position:absolute;top:16px; }
    .home_news_bottom_arrow, .home_news_bottom_arrow img { width: 8px; }
    .home_news_bottom_left { left:0;}
    .home_news_bottom_right { right:0;}

    .home_news_bottom_arrow::after {
        content: '';
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        background-color: transparent;
        position: absolute;
        top: calc(50% - 4px);
        left: 4px;
        transform: translate(-50%, -50%);
    }

    .home_news_bottom_arrow:hover::after {
        background-color: rgba(0,0,0,0.1);
    }

}

/* Mobile */
@media all and (max-width:767px) {

    .home_news { margin-top:40px;margin-bottom:40px; }
    .home_news_header {line-height:40px;height:40px;text-align: left;position:relative; }
    .home_news_header_title { float:left;color:#333333;font-size:24px;letter-spacing:-0.48px;line-height:24px;font-family: notokr-medium; }
    .home_news_header_more { float:right;vertical-align: middle;line-height:24px;margin-top:3px; }

    .home_news_content { position:relative;margin-left:20px;margin-right:20px;margin-top:10px;  }
    /*.home_news_body { position:relative;width:100%;top:0;margin:0 auto;text-align: center;height:300px;overflow:hidden;  }*/
    .home_news_body_item { width:calc(100vw - 40px);height:300px;display:inline-block; }

    .home_news_bottom { position:relative;margin:30px 20px 0 20px; }
    .home_news_bottom_title { font-family: notokr-regular;font-size:20px;letter-spacing: -0.4px;color:#333333;margin-top:10px;padding-left:60px;padding-right:60px; }
    .home_news_bottom_date { font-family: notokr-regular;font-size:14px;letter-spacing:-0.28px;color:#707070;margin-top:10px; }
    .home_news_bottom_mid { text-align: center;}
    .home_news_bottom_flag img { width:28px; }

    .home_news_bottom_arrow { position:absolute;top:calc(50% - 12px); }
    .home_news_bottom_arrow, .home_news_bottom_arrow img { width: 8px; }
    .home_news_bottom_left { left:0;}
    .home_news_bottom_right { right:0;}

    .home_news_bottom_arrow::after {
        content: '';
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        background-color: transparent;
        position: absolute;
        top: calc(50% - 4px);
        left: 4px;
        transform: translate(-50%, -50%);
    }

    .home_news_bottom_arrow:hover::after {
        background-color: rgba(0,0,0,0.1);
    }
}




/* section boards */

.home_boards {background-color: #f1f5fb;box-sizing: border-box;}
.home_boards_nav {}
.home_boards_nav .home_boards_nav_list {font-size: 0;}
.home_boards_nav .home_boards_nav_list .home_boards_nav_item {display: inline-block;box-sizing: border-box;font-family: notokr-regular, san-serif;color: #707070;cursor: pointer;}
.home_boards_nav .home_boards_nav_item.active {color: #013a86;border-bottom: 2px solid #013a86;}
.home_boards .home_boards_list {height: 740px; transform: translateX(10px);}
.home_boards .home_boards_list .no_data{font-size: 16px;letter-spacing: -0.32px;text-align: center;line-height: 364px;}
.home_boards .home_boards_list .home_boards_item{cursor: pointer;outline: none;}
.home_boards .home_boards_item .home_boards_thumbnail{background-size: 110%; background-color: #232323; background-position: center !important; background-repeat: no-repeat;}
.home_boards .home_boards_badge {background-color: #013a86;font-family: notokr-regular, san-serif;color: white;display: block;}
.home_boards .home_boards_item .home_boards_info{}
.home_boards .home_boards_item .home_boards_title{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: notokr-medium, san-serif;color: #232323;}
.home_boards .home_boards_item .home_boards_body{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: notokr-regular, san-serif;color: #707070;}




@media all and (min-width:1240px) {
    .home_boards {padding: 80px 0 70px 0;}
    .home_boards_nav {margin-bottom: 40px;}
    .home_boards_nav .home_boards_nav_list {height: 38px;text-align: center;}
    .home_boards_nav .home_boards_nav_list .home_boards_nav_item {font-size: 16px;letter-spacing: -0.32px;line-height: 38px;padding: 0 20px;}
    .home_boards .home_boards_list {width: 1260px;margin: 0 auto;font-size: 0;}
    .home_boards .home_boards_list .home_boards_item{width: auto;height: 364px; display: inline-block;position: relative;}
    .home_boards .home_boards_list .slick-slide {margin-right: 20px;}
    .home_boards .home_boards_list .slick-slide > div:not(:last-child) {margin-bottom: 20px;}
    .home_boards .home_boards_item .home_boards_thumbnail{position: relative;width: 100%;height: 190px;}
    .home_boards .home_boards_badge {font-size: 14px;letter-spacing: -0.28px;line-height: 26px;position: absolute;padding: 0 10px;top: 10px;left: 10px;}
    .home_boards .home_boards_item .home_boards_info{padding: 30px 0;}
    .home_boards .home_boards_item .home_boards_title{font-size: 16px;letter-spacing: -0.32px;line-height: 28px;height: 56px;margin-bottom: 10px;}
    .home_boards .home_boards_item .home_boards_body{font-size: 14px;letter-spacing: -0.28px;height: 48px;}
}

/* Tablet */
@media all and (min-width:768px) and (max-width:1239px) {
    .home_boards {padding: 60px 0 50px 0;}
    .home_boards_nav {margin-bottom: 40px;}
    .home_boards_nav .home_boards_nav_list {height: 38px;text-align: center;}
    .home_boards_nav .home_boards_nav_list .home_boards_nav_item {font-size: 16px;letter-spacing: -0.32px;line-height: 38px;padding: 0 20px;}
    .home_boards .home_boards_list {width: 100%;font-size: 0;}
    .home_boards .home_boards_list .home_boards_item{width: 295px;display: inline-block;position: relative;}
    .home_boards .home_boards_list .slick-slide {margin-right: 20px;}
    .home_boards .home_boards_list .slick-slide > div:not(:last-child) {margin-bottom: 20px;}
    .home_boards .home_boards_item .home_boards_thumbnail{position: relative;width: 100%;height: 190px;}
    .home_boards .home_boards_badge {font-size: 14px;letter-spacing: -0.28px;line-height: 26px;position: absolute;padding: 0 10px;top: 10px;left: 10px;}
    .home_boards .home_boards_item .home_boards_info{padding: 30px 0;}
    .home_boards .home_boards_item .home_boards_title{font-size: 16px;letter-spacing: -0.32px;line-height: 28px;height: 56px;margin-bottom: 10px;}
    .home_boards .home_boards_item .home_boards_body{font-size: 14px;letter-spacing: -0.28px;height: 48px;}
}

/* Mobile */
@media all and (max-width:767px) {
    .home_boards {padding: 60px 0 50px 0;}
    .home_boards_nav {margin-bottom: 40px;overflow-x: scroll;overflow-y: hidden;}
    .home_boards_nav .home_boards_nav_list {width: 540px;height: 38px;word-break:nowrap;}
    .home_boards_nav .home_boards_nav_list .home_boards_nav_item {font-size: 16px;letter-spacing: -0.32px;line-height: 38px;padding: 0 20px;}
    .home_boards .home_boards_list {width: 100%;font-size: 0;}
    .home_boards .home_boards_list .home_boards_item{width: 240px;display: inline-block;position: relative;}
    .home_boards .home_boards_list .slick-slide {margin-right: 20px;}
    .home_boards .home_boards_list .slick-slide > div:not(:last-child) {margin-bottom: 20px;}
    .home_boards .home_boards_item .home_boards_thumbnail{position: relative;width: 100%;height: 190px;}
    .home_boards .home_boards_badge {font-size: 14px;letter-spacing: -0.28px;line-height: 26px;position: absolute;padding: 0 10px;top: 10px;left: 10px;}
    .home_boards .home_boards_item .home_boards_info{padding: 30px 0;}
    .home_boards .home_boards_item .home_boards_title{font-size: 16px;letter-spacing: -0.32px;line-height: 28px;height: 56px;margin-bottom: 10px;}
    .home_boards .home_boards_item .home_boards_body{font-size: 14px;letter-spacing: -0.28px;height: 48px;}
}