/* 이미지 슬라이드 */
.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;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;}
}



/* 공지사항 영역 및 해더*/
/* 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 screen and (min-width:1240px) {

    .home_an { height:340px;margin-top:100px;margin-bottom: 100px; }
    .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;margin-top: 6px; }

    .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;margin-top: 6px; }

    .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 screen and (min-width:768px) and (max-width:1239px) {


    .home_an { margin-top:50px;margin-bottom: 50px; }
    .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;margin-top: 2px; }

    .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;margin-top: 2px; }

    .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 screen and (max-width:767px) {


    .home_an { margin-top:40px;margin-bottom: 40px; }
    .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;margin-top: 2px; }

    .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;margin-top: 2px; }

    .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;}

}


/* 컨텐츠 정보 배경 */
.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; color: #ffffff;}
.pb_site_ment{position: absolute;}
.pb_site_ment > p:first-child span{font-family: 'notokr-medium', sans-serif;}
.pb_site_btn{border: 2px solid #ffffff;box-sizing: border-box;text-align: center;cursor: pointer; font-size: 0;}
.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: calc((100%/3) - 18px);height: 100%; display: inline-block; margin-right: 18px;}
    .pb_site_ment > p:first-child{font-size: 32px;line-height: 44px;letter-spacing: -0.64px;margin-bottom: 28px;}
    .pb_site_ment > p:nth-child(2){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;border-radius: 20px;margin-top: 34px;}
    .pb_site_btn p{font-size: 14px;line-height: 40px;margin-right: 40px;}
    .pb_site_btn img{width: 20px;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_site_wrapper{width: 40%; vertical-align: top; height: 600px;margin-bottom: 50px; box-sizing: border-box; padding:20px;display: inline-block;}
    .pb_site_ment{top: 50%;transform: translateY(-50%);}
    .pb_site_ment > p:first-child{font-size: 28px;line-height: 38px;letter-spacing: -0.56px;margin-bottom: 20px;}
    .pb_site_ment > p:nth-child(2){font-size: 16px;line-height: 26px;letter-spacing: -0.32px;}
    .pb_bg_icon{display: none;}
    .pb_site_btn{width: 150px;border-radius: 20px; margin-top: 20px;}
    .pb_site_btn p{font-size: 14px;margin-right: 40px; line-height: 30px;}
    .pb_site_btn img{width: 20px;}
}
@media screen and (max-width: 767px){
    .pb_site_wrapper{width: 100%; height:250px; margin-bottom: 30px; box-sizing: border-box; padding:20px;}
    .pb_site_ment > p:first-child{font-size: 24px;line-height: 34px;letter-spacing: -0.48px;margin-bottom: 20px;}
    .pb_site_ment > p:nth-child(2){font-size: 16px;line-height: 26px;letter-spacing: -0.32px;}
    .pb_site_ment{}
    .pb_bg_icon{display: none;}
    .pb_site_btn{width: 130px;border-radius: 28px;margin-top: 25px;}
    .pb_site_btn p{font-size: 14px;line-height: 30px;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; font-size: 0;}
    .pb_board_left{width: 810px;float: left;margin-right: 50px;}
    .pb_board_right{width: calc(33.33% - 12px);display: inline-block;vertical-align: top;}
    .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_wrapper{font-size: 0;}
    .pb_board_right{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: 383px;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; font-size: 16px;}
    .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; font-size: 14px;}
    .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; font-size: 14px;}
    .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;}
}

/* 아이콘 퀵 */
@media screen and (min-width: 1241px){
    .pb_board_end{font-size: 0; width: calc((100%/3)*2); height: 100%; display: inline-block; vertical-align: top; background-color: #ffffff;box-sizing: border-box;}
    .pb_board_end .pb_quick_box{display: inline-block; vertical-align: top; width: 20%; height: 50%; box-sizing: border-box; border: 1px solid #e5e5e5; border-top: 0; text-align: center;border-left: 0;}
    .pb_board_end .pb_quick_box:nth-child(2n){border-left: 0;}
    .pb_board_end .pb_quick_box:nth-child(-n+5){border-top: 1px solid #e5e5e5;}
    .pb_board_end .pb_quick_box:nth-child(5n+1){border-left: 1px solid #e5e5e5;}

    .pb_board_end .pb_quick_box .pb_quick_box_content_box {cursor : pointer;}
    .pb_quick_box_content_box > img { width: 60px; height: 60px; padding : 60px 0px 14px;}
    .pb_quick_box_content_box > p {font-size : 16px; color : #000000; line-height : 16px;}
}
@media screen and (max-width: 1240px) and (min-width: 768px){
    .pb_board_end{font-size: 0; width: 60%; height: 600px; display: inline-block; vertical-align: top;background-color: #ffffff;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;}
    .pb_board_end .pb_quick_box{display: inline-block; vertical-align: top; width: calc(100% / 3); height: 25%; box-sizing: border-box; border: 1px solid #e5e5e5; border-right: 0;border-bottom: 0; position: relative;}
    .pb_board_end .pb_quick_box:nth-child(3n){border-right: 1px solid #e5e5e5;}
    .pb_board_end .pb_quick_box:nth-child(n+10){border-bottom: 1px solid #e5e5e5;}

    .pb_board_end .pb_quick_box .pb_quick_box_content_box {width : 100%; margin : auto; text-align: center; cursor : pointer;}
    .pb_quick_box_content_box > img { width: 60px; height: 60px; padding : 30px 0px 5px;}
    .pb_quick_box_content_box > p {font-size : 13px; color : #000000; line-height : 16px;}
}
@media screen and (max-width: 767px){
    .pb_board_end{font-size: 0; width: 100%; height: 500px; background-color: #ffffff;box-sizing: border-box; margin-bottom: 30px;}
    .pb_board_end .pb_quick_box{display: inline-block; vertical-align: top; width: 50%; height: 20%; box-sizing: border-box; border: 1px solid #e5e5e5; border-top: 0; position: relative;}
    .pb_board_end .pb_quick_box:nth-child(2n){border-left: 0;}
    .pb_board_end .pb_quick_box:nth-child(-n+2){border-top: 1px solid #e5e5e5;}

    .pb_board_end .pb_quick_box .pb_quick_box_content_box {width : 100%; margin : auto; text-align: center;cursor : pointer;}
    .pb_quick_box_content_box > img { width: 40px; height: 40px; padding : 15px 0px 0px;}
    .pb_quick_box_content_box > p {font-size : 12px; color : #000000; line-height : 16px;}
}

/* 챗봇 바로가기 버튼 (우측 하단 고정, ▲▼ 버튼 위) */
.csu-quick {
    --csu-quick-size: 68px;       /* 버튼 지름 */
    --csu-quick-right: 17px;      /* ▲▼ 버튼(right 20px, 폭 62px)과 가운데 정렬 */
    --csu-quick-bottom: 145px;    /* ▲▼ 버튼(bottom 10px + 높이 123px) + 간격 12px */
    --csu-quick-bg: linear-gradient(135deg, #ff64a6 0%, #e23a82 100%);
    --csu-quick-bg-hover: linear-gradient(135deg, #1b3a6b 0%, #2f4f8f 55%, #7462b8 100%);
    --csu-quick-shadow: rgba(226, 58, 130, .38);
    --csu-quick-fg: #ffffff;

    position: fixed; right: var(--csu-quick-right); bottom: var(--csu-quick-bottom); z-index: 900;
    box-sizing: border-box; width: var(--csu-quick-size); height: var(--csu-quick-size); border-radius: 50%;
    background: var(--csu-quick-bg); color: var(--csu-quick-fg);
    display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden;
    text-align: center; text-decoration: none; font-family: inherit; font-size: 13px; font-weight: 700;
    letter-spacing: -0.04em; line-height: 1.2; word-break: keep-all;
    box-shadow: 0 6px 16px var(--csu-quick-shadow);
    transition: transform .2s, box-shadow .2s;
}
.csu-quick::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--csu-quick-bg-hover); opacity: 0; transition: opacity .25s; }
.csu-quick > * { position: relative; }
.csu-quick:hover, .csu-quick:focus-visible { color: var(--csu-quick-fg); text-decoration: none; transform: translateY(-3px); box-shadow: 0 10px 22px rgba(27, 58, 107, .35); }
.csu-quick:hover::before, .csu-quick:focus-visible::before { opacity: 1; }
.csu-quick:focus-visible { outline: 3px solid #ffc94d; outline-offset: 3px; }

/* Mobile (▲▼ 버튼이 숨겨지는 구간) */
@media screen and (max-width:767px) {
    .csu-quick { --csu-quick-size: 60px; --csu-quick-right: 12px; --csu-quick-bottom: 84px; font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .csu-quick, .csu-quick::before { transition: none; }
    .csu-quick:hover, .csu-quick:focus-visible { transform: none; }
}
