/* 이미지 슬라이드 */
.pb_img_slide{width: 100%;background-color: #f1f5fb;}
.pb_ment_name{font-family: 'NS-B', sans-serif;}
.pb_ment_body{font-family: 'NS-EB', sans-serif;}
.pb_slide_btn li{font-family: 'NS-R', sans-serif;color: #212121;opacity: 40%;cursor: pointer;}
.pb_slide_btn li:hover, .pb_slide_btn li.active{opacity: 100%;border-bottom: 1px solid rgba(33, 33, 33, 0.4);}
.pb_slide_btn li:hover::before, .pb_slide_btn li.active::before{content: " ";display: block;height: 1px;background-color: #212121;position: absolute;}
.pb_slide_btn li:last-child{margin-right: 0px;}
.pb_slide_right{background-repeat: no-repeat;background-position: center !important; background-size: cover !important;}
.pb_slide_image{background-position: center !important;background-size: cover !important;}
.pb_slide_right .filter {background: rgba(255,255,255,0.6);width: 100%;}

@media screen and (min-width: 1240px){
    .pb_img_slide{background-position: right;height: 600px;position: relative;}
    .pb_slide_left .pb_slide_ment{padding-top: 150px;cursor: pointer;position: relative;z-index: 1;}
    .pb_ment_name{font-size: 24px;line-height: 24px;letter-spacing: -0.6px;margin-bottom: 42px;max-width: 470px;}
    .pb_ment_body{font-size: 50px;line-height: 65px;letter-spacing: -1.25px;margin-bottom: 92px;max-width: 470px;min-height: 130px;}
    .pb_slide_btn li{font-size: 18px;line-height: 18px;margin-right: 30px;}
    .pb_slide_btn li:hover, .pb_slide_btn li.active{width: 100px;padding-bottom: 15px; animation-name:pb_slide_widen; animation-duration: 0.5s; }
    @keyframes  pb_slide_widen { from {width: 0px;} to {width: 100px;} }
    .pb_slide_btn li:hover::before, .pb_slide_btn li.active::before{width: 40px;transform: translate( 0px, 33px );}
    .pb_slide_right{width: 640px;height: 600px;top: 0px;right: 0px;position: absolute;}
    .pb_slide_image{width: 750px;height: 450px;top: 74px;right: calc(50vw - 640px);position: absolute;}
    .pb_slide_right .filter {height: 600px;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_img_slide{box-sizing: border-box;position: relative;height: calc(56.26vw + 330px);}
    .pb_slide_left .pb_slide_ment{padding-top: 50px;margin-bottom: 30px;position: relative;z-index: 1;}
    .pb_ment_name{font-size: 20px;line-height: 20px;letter-spacing: -0.5px;margin-bottom: 15px;}
    .pb_ment_body{font-size: 38px;line-height: 48px;letter-spacing: -0.95px;margin-bottom: 35px;}
    .pb_slide_btn li{font-size: 14px;line-height: 14px;margin-right: 20px;}
    .pb_slide_btn li:hover, .pb_slide_btn li.active{width: 60px;padding-bottom: 10px; animation-name:pb_slide_widen; animation-duration: 0.5s;}
    @keyframes  pb_slide_widen { from {width: 0px;} to {width: 60px;} }
    .pb_slide_btn li:hover::before, .pb_slide_btn li.active::before{width: 20px;transform: translate( 0px, 24px );}
    .pb_slide_right{box-sizing: border-box;width: 100%;padding-bottom: 60px;bottom: 0px;right: 0px;height: 56.25vw;position: absolute;bottom: 0px;}
    .pb_slide_image{width: calc(100vw - 60px);margin-left: 30px;margin-right: 30px;padding-bottom: 56.25vw;position: absolute;bottom: 60px;}
    .pb_slide_right .filter {height: 56.26vw;}
}
@media screen and (max-width: 767px){
    .pb_img_slide{box-sizing: border-box;position: relative;height: calc(56.26vw + 284px);}
    .pb_slide_left .pb_slide_ment{padding-top: 50px;margin-bottom: 30px;position: relative;z-index: 1;}
    .pb_ment_name{font-size: 16px;line-height: 16px;letter-spacing: -0.4px;margin-bottom: 15px;}
    .pb_ment_body{font-size: 32px;line-height: 42px;letter-spacing: -0.8px;margin-bottom: 35px;}
    .pb_slide_btn li{font-size: 14px;line-height: 14px;margin-right: 20px;}
    .pb_slide_btn li:hover, .pb_slide_btn li.active{width: 60px;padding-bottom: 10px;}
    .pb_slide_btn li:hover::before, .pb_slide_btn li.active::before{width: 20px;transform: translate( 0px, 24px );}
    .pb_slide_right{box-sizing: border-box;width: 100%;padding-bottom: 30px;bottom: 0px;right: 0px;height: 56.25vw;position: absolute;}
    .pb_slide_image{width: calc(100vw - 40px);margin-left: 20px;margin-right: 20px;padding-bottom: 56.25vw;position: absolute;bottom: 30px;}
    .pb_slide_right .filter {height: 56.26vw;}
}



/* 공지사항 영역 및 해더*/
.pb_notice_header{width: 100%;position: relative;}
.pb_header_title{font-family: 'notokr-medium', sans-serif;}
.pb_header_more img{width: 100%;display: block;}
@media screen and (min-width: 1240px){
    .pb_notice_wrapper{padding: 126px 0px;}
    .pb_notice_header{text-align: center;margin-bottom: 60px;}
    .pb_header_title{font-size: 32px;line-height: 32px;letter-spacing: -0.64px;}
    .pb_header_more{position: absolute;width: 20px;height: 20px;top: 6px;right: 0px;cursor: pointer;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_notice_wrapper{margin: 50px 0px 98px 0px;}
    .pb_notice_header{margin-bottom: 30px;}
    .pb_header_title{font-size: 28px;line-height: 28px;letter-spacing: -0.56px;}
    .pb_header_more{position: absolute;width: 14px;height: 14px;top: 7px;right: 0px;cursor: pointer;}
}
@media screen and (max-width: 767px){
    .pb_notice_wrapper.container{ padding: 0px; }
    .pb_notice_wrapper{margin: 50px 0px;}
    .pb_notice_header{margin-bottom: 30px;}
    .pb_header_title{padding: 0px 20px; font-size: 24px;line-height: 24px;letter-spacing: -0.48px;}
    .pb_header_more{position: absolute;width: 14px;height: 14px;top: 5px;right: 20px;cursor: pointer;}
}

/* 공지사항 박스 */
.pb_notice_section{display: block;}
.pb_notice_box{cursor: pointer;box-sizing: border-box;border: 1px solid #e5e5e5;position: relative;float: left;}
.pb_box_title{font-family: 'notokr-medium', sans-serif;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pb_box_content{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #707070;}
.pb_box_time{color: #707070;position: absolute;}
.pb_notice_new{font-family: 'notokr-bold', sans-serif;text-align: center;border-radius: 100%;background-color: #013a86;color: #ffffff;position: absolute;cursor: pointer;}
.pb_notice_section .no_item {font-family: notokr-regular, sans-serif;text-align: center; border: 1px solid #e5e5e5;}
.pb_notice_section .slick-dots { width: 100% !important; line-height: 1; text-align: center;}
.pb_notice_section .slick-dots .list_dot:not(:last-child) { margin-right: 5px; }
.slick-active .list_dot { background-color: #013a86 !important; }
@media screen and (min-width: 1240px){
    .pb_notice_section{display: block;}
    .pb_notice_section .slick-list{height: 351px;}
    .pb_notice_section .no_item {font-size: 16px; line-height: 351px;}
    .pb_notice_box{width: 380px; height: 294px;}
    .pb_notice_box:not(:last-child) {margin-right: 50px;}
    .pb_notice_box:nth-child(2){margin-top: 40px;}
    .pb_notice_box ul{margin: 40px;}
    .pb_box_title{font-size: 24px;line-height: 36px;letter-spacing: -0.48px;}
    .pb_box_content{font-size: 16px;line-height: 28px;letter-spacing: -0.32px;margin-top: 18px;}
    .pb_box_time{font-size: 16px;line-height: 16px;bottom: 40px;left: 40px;}
    .pb_notice_new{width: 36px;line-height: 36px;bottom: -18px;right: 20px;font-size: 16px;}
    .pb_notice_section .slick-dots{display: none;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_notice_section{margin-bottom: 30px;}
    .pb_notice_section .slick-list{height: 243px;}
    .pb_notice_section .no_item {font-size: 16px; line-height: 242px;}
    .pb_notice_box{width: calc(50vw - 60px);height: 228px;}
    .pb_notice_box:not(:last-child) { margin-right: 30px; }
    .pb_notice_box ul{margin: 30px;}
    .pb_box_title{font-size: 20px;line-height: 30px;letter-spacing: -0.4px;}
    .pb_box_content{font-size: 14px;line-height: 24px;letter-spacing: -0.28px;margin-top: 20px;}
    .pb_box_time{font-size: 14px;line-height: 14px;bottom: 30px;left: 30px;}
    .pb_notice_new{width: 32px;line-height: 32px;bottom: -16px;right: 15px;font-size: 16px;}
    .pb_notice_section .slick-dots{display: inline-block;width: 28px;margin: 0px auto;}
    .pb_notice_section .slick-dots .list_dot{width: 6px;height: 6px;background-color: #E1E1E1;border-radius: 100%;cursor: pointer;float: left;margin-right: 5px;}
    /*.slick-dots .list_dot:last-child{margin-right: 0px;}*/
}
@media screen and (max-width: 767px){
    .pb_notice_section{margin-bottom: 30px;}
    .pb_notice_section .no_item {font-size: 16px; line-height: 226px;}
    .pb_notice_box{width: calc(100vw - 60px);height: 226px;}
    .pb_notice_box:not(:last-child) { margin-right: 20px; }
    .pb_notice_section .slick-list { padding-left: 20px; height: 241px;}
    .pb_notice_box ul{margin: 30px;}
    .pb_box_title{font-size: 20px;line-height: 30px;letter-spacing: -0.4px;}
    .pb_box_content{font-size: 14px;line-height: 24px;letter-spacing: -0.28px;margin-top: 20px;}
    .pb_box_time{font-size: 14px;line-height: 14px;bottom: 30px;left: 30px;}
    .pb_notice_new{width: 32px;line-height: 32px;bottom: -16px;right: 15px;font-size: 16px;}
    .slick-dots{width: 28px;margin: 15px auto 0px auto;}
    .slick-dots .list_dot{width: 6px;height: 6px;background-color: #E1E1E1;border-radius: 100%;cursor: pointer;float: left;margin-right: 5px;}
}


/* 컨텐츠 정보 배경 */
.pb_info_wrapper{width: 100%;}

@media screen and (min-width: 1240px){
    .pb_info_wrapper{height: 240px;background: linear-gradient(90deg, #ffffff 50%, #f1f5fb 50%);}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_info_wrapper{height: 190px;background: linear-gradient(90deg, #ffffff 50%, #f1f5fb 50%);}
}
@media screen and (max-width: 767px){
    .pb_info_wrapper{height: 400px;background: linear-gradient(#ffffff 50%, #f1f5fb 50%);}
}

/* 아이콘 버튼 부분 */
.pb_btn_wrapper{text-align: center;}
.pb_btn_box {display: inline-block; vertical-align:middle; cursor: pointer;}

.pb_btn_wrapper > div:last-child{margin-right: 0px;}
.pb_btn_box img{width: 50px;height: 50px;}
@media screen and (min-width: 1240px){
    .pb_btn_wrapper{width: 50%;float: left;margin-top: 73px;}
    .pb_btn_box {margin-right: 50px;}
    .pb_btn_box p{font-size: 16px;line-height: 16px;margin-top: 15px;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_btn_wrapper{width: 50%;padding-top: 52px;float: left;}
    .pb_btn_box {margin-right: 50px;}
    .pb_btn_box p{font-size: 14px;line-height: 14px;margin-top: 10px;}
}
@media screen and (max-width: 767px) {
    .pb_btn_wrapper {width: 100%;}
    .pb_btn_box {margin-right: 30px;}
    .pb_btn_box p{font-size: 14px;line-height: 14px;margin-top: 10px;}
}

/* 사이트 바로가기 영역 */
.pb_site_wrapper{position: relative;}
.pb_site_ment{position: absolute;}
.pb_site_ment > p:first-child span{font-family: 'notokr-medium', sans-serif;}
.pb_site_btn{border: 2px solid #2b364a;box-sizing: border-box;text-align: center;cursor: pointer;}
.pb_site_btn p{display: inline-block;}
.pb_site_btn img{display: inline-block;height: auto;}
@media screen and (min-width: 1240px){
    .pb_site_wrapper{width: 50%;height: 240px;float: right;}
    .pb_site_ment > p:first-child{font-size: 32px;line-height: 44px;letter-spacing: -0.64px;margin-bottom: 28px;}
    .pb_site_ment > p:last-child{font-size: 20px;line-height: 32px;letter-spacing: -0.4px;}
    .pb_site_ment{position: absolute;left: 40px;top: -50px;}
    .pb_bg_icon{position: absolute;width: 200px;height: 160px;right: 0px;bottom: 0px;}
    .pb_site_btn{width: 150px;line-height: 36px;border-radius: 20px;margin-top: 34px;}
    .pb_site_btn p{font-size: 14px;margin-right: 40px;}
    .pb_site_btn img{width: 20px;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_site_wrapper{width: 50%;height: 190px;float: right;}
    .pb_site_ment > p:first-child{font-size: 28px;line-height: 38px;letter-spacing: -0.56px;margin-bottom: 20px;}
    .pb_site_ment > p:last-child{font-size: 16px;line-height: 26px;letter-spacing: -0.32px;}
    .pb_site_ment{position: absolute;left: 30px;top: -40px;}
    .pb_bg_icon{display: none;}
    .pb_site_btn{width: 150px;line-height: 36px;border-radius: 20px;margin-top: 25px;}
    .pb_site_btn p{font-size: 14px;margin-right: 40px;}
    .pb_site_btn img{width: 20px;}
}
@media screen and (max-width: 767px){
    .pb_site_wrapper{width: 100%;display: inline-block;margin-top: 113px;}
    .pb_site_ment > p:first-child{font-size: 24px;line-height: 34px;letter-spacing: -0.48px;margin-bottom: 20px;}
    .pb_site_ment > p:last-child{font-size: 16px;line-height: 26px;letter-spacing: -0.32px;}
    .pb_site_ment{position: absolute;left: 30px;top: -44px;}
    .pb_bg_icon{display: none;}
    .pb_site_btn{width: 130px;line-height: 44px;border-radius: 28px;margin-top: 25px;}
    .pb_site_btn p{font-size: 14px;margin-right: 30px;}
    .pb_site_btn img{width: 20px;}
}



/* 보드 영역 */
.pb_board_title{font-family: 'notokr-medium', sans-serif;color: #232323;float: left;}
.pb_board_top img{cursor: pointer;}

@media screen and (min-width: 1241px){
    /*.pb_content_wrapper {margin-top: 100px;padding: 100px 0px;background-color: #f8f8f8;}*/
    .pb_content_wrapper {padding: 100px 0px;background-color: #f8f8f8;}
    .pb_board_wrapper{height: 445px;}
    .pb_board_left{width: 810px;float: left;margin-right: 50px;}
    .pb_board_right{width: 380px;float: right;}
    .pb_board_top{margin-bottom: 30px;height: 32px;}
    .pb_board_top img{float: right;margin-top: 6px;}
    .pb_board_title{font-size: 32px;line-height: 32px;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_content_wrapper {margin-top: 50px;padding: 50px 0px;background-color: #f8f8f8;}
    .pb_board_left, .pb_board_right{width: 100%;}
    .pb_board_left{margin-bottom: 50px;}
    .pb_board_top{margin-bottom: 20px;height: 28px;}
    .pb_board_title{font-size: 28px;line-height: 28px;}
    .pb_board_top img{float: right;width: 14px;height: 14px;margin-top: 7px;}
}
@media screen and (max-width: 767px){
    .pb_content_wrapper {margin-top: 50px;padding: 50px 0px;background-color: #f8f8f8;}
    .pb_board_wrapper{margin-bottom: 50px;}
    .pb_board_left, .pb_board_right{width: 100%;}
    .pb_board_left{margin-bottom: 70px;}
    .pb_board_top{margin-bottom: 20px;height: 28px;}
    .pb_board_title{font-size: 24px;line-height: 24px;}
    .pb_board_top img{float: right;width: 14px;height: 14px;margin-top: 7px;}
}

/* 보드 내부 영역 */
.bottom_title p:last-child{float: right;color: #707070;}
@media screen and (min-width: 1241px){
    .pb_board_bottom1, .pb_board_bottom2{width: 100%;border: 1px solid #e5e5e5;padding: 9px 30px;box-sizing: border-box;background-color: #ffffff;}
    .pb_board_bottom2{height: 400px;overflow: auto;padding: 30px;}
    .board_calendar_wrapper{font-size: 16px;line-height: 16px;margin-bottom: 30px;}
    .pb_board_bottom2 > .board_calendar_wrapper:last-child{margin-bottom: 0px;}
    .pb_board_bottom2 > .no_schedule{ text-align: center; line-height: 338px;}
    .board_calendar_wrapper .calendar_period{font-family: 'notokr-medium', sans-serif;margin-bottom: 15px;color: #013a86;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_board_bottom1, .pb_board_bottom2{width: 100%;border: 1px solid #e5e5e5;box-sizing: border-box;}
    .pb_board_bottom2{height: 200px;overflow: auto;background-color: #ffffff;padding: 20px;}
    .board_calendar_wrapper{font-size: 14px;line-height: 14px;margin-bottom: 20px;}
    .pb_board_bottom2 > .board_calendar_wrapper:last-child{margin-bottom: 0px;}
    .pb_board_bottom2 > .no_schedule{ text-align: center; line-height: 158px;}
    .board_calendar_wrapper .calendar_period{font-family: 'notokr-medium', sans-serif;margin-bottom: 15px;color: #013a86;}
}
@media screen and (max-width: 767px){
    .pb_board_bottom1, .pb_board_bottom2{width: 100%;border: 1px solid #e5e5e5;box-sizing: border-box;}
    .pb_board_bottom2{height: 200px;overflow: auto;background-color: #ffffff;padding: 20px;}
    .board_calendar_wrapper{font-size: 14px;line-height: 14px;margin-bottom: 20px;}
    .pb_board_bottom2 > .board_calendar_wrapper:last-child{margin-bottom: 0px;}
    .pb_board_bottom2 > .no_schedule{ text-align: center; line-height: 158px;}
    .board_calendar_wrapper .calendar_period{font-family: 'notokr-medium', sans-serif;margin-bottom: 15px;color: #013a86;}
    .board_calendar_wrapper .calendar_title{width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

/* OUR STORY */


.pb_story_wrapper {

}

.pb_story_wrapper .no_story{
    width: 100%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    background-color: #ffffff;
    text-align: center;
}

.pb_story_list {

}

.pb_story_list .image_item{
    box-sizing: border-box;
    outline: none;
    background-size: cover !important;
    background-position: center !important;
}

.pb_story_wrapper .pb_story_controller {
    display: table;
    border-collapse: collapse;
    position: relative;
    z-index: 1;
}

.pb_story_wrapper .pb_story_controller .control{
    display: table-cell;
    background: #232323;
    vertical-align: middle;
    box-sizing: border-box;
}
.pb_story_wrapper .pb_story_controller .control_prev, .pb_story_wrapper .pb_story_controller .control_next{
    cursor: pointer;
}

.pb_story_wrapper .pb_story_controller .story_info {
    text-align: center;
}

.pb_story_wrapper .pb_story_controller .story_info .title{
    font-family: notokr-regular, san-serif;
    color: white;
}

.pb_story_wrapper .pb_story_controller .story_info .date{
    font-family: notokr-regular, san-serif;
    color: #707070;
}


@media screen and (min-width: 1241px){
    .pb_story_wrapper {

    }

    .pb_story_wrapper .no_story{
        height: 400px;
        padding: 30px;
        line-height: 340px;
    }

    .pb_story_list .image_item{
        width: 810px;
        height: 340px;
    }

    .pb_story_list {

    }

    .pb_story_wrapper .pb_story_controller {
        width: calc(100% - 80px);
        margin: -60px auto 0px auto;

    }

    .pb_story_wrapper .pb_story_controller .control{

    }

    .pb_story_wrapper .pb_story_controller .control_prev,
    .pb_story_wrapper .pb_story_controller .control_next{
        width: 88px;
        height: 120px;
        text-align: center;
    }

    .pb_story_wrapper .pb_story_controller .control_prev img,
    .pb_story_wrapper .pb_story_controller .control_next img{
        width: 8px;
        margin-top: 6px;
    }

    .pb_story_wrapper .pb_story_controller .story_info .title{
        font-size: 24px;
        letter-spacing: -0.48px;
        margin-bottom: 20px;
        line-height: 1;
    }

    .pb_story_wrapper .pb_story_controller .story_info .date{
        font-size: 16px;
        letter-spacing: -0.32px;
    }

}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_story_wrapper {

    }

    .pb_story_wrapper .no_story{
        height: 200px;
        background-color: #ffffff;
        padding: 20px;
    }

    .pb_story_wrapper .pb_story_list .image_item{
        width: calc(100vw - 60px);
        height: 235px;
    }
    .pb_story_list {

    }

    .pb_story_wrapper .pb_story_controller {
        width: calc(100% - 80px);
        margin: -45px auto 0px auto;
    }

    .pb_story_wrapper .pb_story_controller .control{

    }

    .pb_story_wrapper .pb_story_controller .control_prev,
    .pb_story_wrapper .pb_story_controller .control_next{
        width: 68px;
        height: 90px;
        text-align: center;
    }

    .pb_story_wrapper .pb_story_controller .control_prev img,
    .pb_story_wrapper .pb_story_controller .control_next img{
        width: 8px;
        margin-top: 6px;
    }

    .pb_story_wrapper .pb_story_controller .story_info .title{
        font-size: 16px;
        letter-spacing: -0.32px;
        margin-bottom: 15px;
        line-height: 1;
    }

    .pb_story_wrapper .pb_story_controller .story_info .date{
        font-size: 14px;
        letter-spacing: -0.28px;
    }

}
@media screen and (max-width: 767px){
    .pb_story_wrapper {

    }

    .pb_story_wrapper .no_story{
        height: 200px;
        background-color: #ffffff;
        padding: 20px;
    }

    .pb_story_list {

    }

    .pb_story_list .image_item{
        width: calc(100vw - 40px);
        height: 235px;
    }

    .pb_story_wrapper .pb_story_controller {
        width: calc(100% - 80px);
        margin: -45px auto 0px auto;
    }

    .pb_story_wrapper .pb_story_controller .control{

    }

    .pb_story_wrapper .pb_story_controller .control_prev,
    .pb_story_wrapper .pb_story_controller .control_next{
        display: none;
    }
    .pb_story_wrapper .pb_story_controller .story_info {
        height: 90px;
    }

    .pb_story_wrapper .pb_story_controller .control_prev img,
    .pb_story_wrapper .pb_story_controller .control_next img{
        width: 8px;
        margin-top: 6px;
    }

    .pb_story_wrapper .pb_story_controller .story_info .title{
        font-size: 16px;
        letter-spacing: -0.32px;
        margin-bottom: 15px;
        line-height: 1;
    }

    .pb_story_wrapper .pb_story_controller .story_info .date{
        font-size: 14px;
        letter-spacing: -0.28px;
    }

    .pb_story_wrapper .slick-dots {
        position: absolute;
        width: 100%;
        text-align: center;
        margin: 0;
        margin-top: 70px;
        line-height: 1;
    }
}