.ex_txt{width: 100% !important; text-align: left;}

html{
    scroll-behavior: smooth;
}

/* 서브페이지 헤더 */
#sub{word-break: keep-all;}
section.board{display: block; padding-top: 0;}
#sub_visual{display: block; width: 100%; height: 320px; position: relative; top: 0px; overflow: visible; padding-top: 100px;}
#sub_visual .sub_visual_bg {
    width: 100%;
    height: 100%;
}
#sub_visual .sub_visual_bg::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 250px;
    height: 250px;
    z-index: 10;
    pointer-events: none;
    background: radial-gradient(circle at 100% 0%, transparent 250px, #fff 250px);
}
#sub_visual .sub_nav_home{width: 24px; height: 19px;}
.container{height: calc(320px - 74px);}
.sub_visual_title{font-size: 50px; font-weight: 600; text-align: left; width: 100%;}
.container .sub_visual_title{text-align: center;}
.board_list_title > p{line-height: 40px; font-weight: 600; margin-top: 30px; }
.sub_visual_tab{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.sub_visual_tab ul{display: flex; justify-content: flex-start; width: 100%; height: 74px;}
.sub_visual_tab ul li{width: calc(100% / 2); height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--black);}
.sub_visual_tab ul li:nth-of-type(1){
    border-top-left-radius: 50px;
}
.sub_visual_tab ul li:nth-last-of-type(1){
    border-top-right-radius: 50px;
}
.sub_visual_tab ul li a{font-size: 20px; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.sub_visual_tab ul li.on{background-color: var(--main);}
.sub_visual_tab ul li.on a{color: var(--white);}
.sub_nav_txt{display: flex; justify-content: flex-end; align-items: center; font-size: 16px; font-weight: 500; color: #888888; margin-top: 20px;}
.sub_nav_txt img{margin: 2px 2px 0 0;}
.sub_nav_txt p{margin-left: 5px;}
.sub_nav_mo{display: none;}

/* 서브페이지 타이틀*/
#sub .board_list_title{padding: 11.5rem 0 0rem;}
#sub.sub03_01 .board_list_title{padding: 11.5rem 0 9rem;}
#sub.sub03_02 .board_list_title{padding: 11.5rem 0 4rem;}
#sub.sub01_02 .board_list_title{padding: 11.5rem 0 4rem;}
#sub.sub01_03 .board_list_title{padding: 11.5rem 0 4rem;}
#sub .board_view_title{padding: 6rem 0;}
#sub .board_list_title .sub_visual_title{text-align: left;}
#sub .board_list_title div{margin-top: 7rem; width: 60%;}
#sub .board_list_warp .con_box .content_txt{margin-bottom: 6.5rem;}
#sub .board_list_warp .con_box .content_txt .content_txt_tit{font-size: 2.8rem; margin-bottom: 1.5rem;}
#sub02 .board_list_title{padding: 8rem 0;}
#sub02 .board_list_title .sub_visual_title{text-align: center;}
#sub02 .board_list_title div{margin-top: 7rem; width: 60%;}
#sub02 .board_list_warp .con_box .content_txt{margin-bottom: 6.5rem;}
#sub02 .board_list_warp .con_box .content_txt .content_txt_tit{font-size: 2.8rem; margin-bottom: 1.5rem;}

/* list 리스트 페이지 */
.board_list_title{padding: 10rem 0;}
.board_list_warp .list_top{align-items: flex-end; margin-bottom: 2rem; flex-direction: row-reverse;}
.search_wrap .d-flex{gap: 9px;}
.board_list_warp .search_select_wrap{
    position: relative;
}
.board_list_warp .search_select_wrap::after{
    content: "";
    display: flex;
    width: 10px;
    height: 6px;
    background: url(/images/ico_search_arr_down.png) no-repeat center;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.board_list_warp .search_field{width: 18.7rem; height: 7rem; border: 1px solid #c3c3c3; padding: 0 3rem 0 1.5rem; font-size: 2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
}

.board_list_warp .search_area{position: relative;}
.board_list_warp .search_area input{width: 37.8rem; height: 7rem; border: 1px solid #c3c3c3; padding: 0 7rem 0 3rem; font-size: 1.8rem; box-sizing: border-box; }
form input::placeholder {
    font-size: 1.8rem;
    padding: 2rem 0rem;
    font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.1rem;
    color: #c3c3c3;
    font-weight: 400;
}
.board_list_warp .search_area div{
    width: 20%;
    display: flex;
    height: 7rem;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/images/ico_search.png) center no-repeat;
    cursor: pointer;
}
table.board_normal{text-align: center; border-top: 1px solid #000;}
table.board_normal tr{border-bottom: 1px solid #c3c3c3;}
table.board_normal tr:last-child{border-bottom: 1px solid #000;}
table.board_normal .board_point th{
    padding: 0;
    height: 87px;
    box-sizing: border-box;
}
table.board_normal .board_point td{
    padding: 0;
    height: 87px;
    box-sizing: border-box;
}

.board_point td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
table.board_normal tr th {
    border-right: hidden;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    padding: 30px 0px;
    vertical-align: middle;
}
table.board_normal tr td {
    border-right: hidden;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    padding: 30px 0px;
    vertical-align: middle;
}
table.board_normal .board_point:hover td.f_mint{color:var(--main);}
table.board_normal .board_point:hover td.f_mint p a{color:var(--main);}
table.board_normal .board_point:hover td{background-color: #f5f5f5;}
/* table.board_normal .board_point td.new p{display: inline-block;}
table.board_normal .board_point td.new p::before{width: 1.7rem; height: 1.7rem; background: url(/images/ico_new.png) no-repeat center;}  */
.board_point td.f_mint > p{
    display: flex;
    width: 100%;
    height: 100%;
}
.board_point td.f_mint > p > a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
}
table.board_normal .board_point .new p {
    display: inline-flex;
    align-items: center;
}
table.board_normal .board_point .new p::after {
    content: '';
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    background: url(/images/ico_new.png) no-repeat bottom;
    margin: 0 0.5rem;
}
table.board_normal .board_point td.file p{
    display: flex;
    align-items: center;
    justify-content: center;
}
table.board_normal .board_point td:nth-child(1){width: 11%;}
table.board_normal .board_point td:nth-child(2){width: 39%;}
table.board_normal .board_point td.count{width: 11%;}
table.board_normal .board_point td.date{width: 16%;}

.pagination {
    width: 100%;
    margin: 0 auto;
    margin-top: 4rem;
    text-align: center;
    position:relative;
}
.pagination ul {
    display: inline-flex;
}
.pagination li a {
    float: left;
    color: #777777;
    border: 1px solid #cbcbcb;
    width: 55px;
    height: 55px;
    line-height: 55px;
}
.pagination .btn_page{
    margin: 0 1rem;
}
.pagination .btn_page li a {
    border-right: none;
}
.pagination .btn_page li:last-child a {
    border-right: 1px solid #cbcbcb;
}
.pagination li a.on {
    color: #fff;
    /* border: 1px solid var(--main); */
    background-color: var(--main);
}
.pagination .btn_prev01 {
    background: url(/images/ico_page_prev_more.png) no-repeat center center;
    border: 1px solid #cbcbcb;
}
.pagination .btn_prev02 {
    background: url(/images/ico_page_prev.png) no-repeat center center;
    margin-left: 0.3rem;
    border: 1px solid #cbcbcb;
}
.pagination .btn_next01 {
    background: url(/images/ico_page_next.png) no-repeat center center;
    margin-right: 0.3rem;
    border: 1px solid #cbcbcb;
}
.pagination .btn_next02 {
    background: url(/images/ico_page_next_more.png) no-repeat center center;
    border: 1px solid #cbcbcb;
}
/* 리스트 탭 페이지 */
table.board_normal.board_tab .board_point td:nth-child(1){width: 11%;}
table.board_normal.board_tab .board_point td:nth-child(2){width: 11%; font-weight: 500;}
table.board_normal.board_tab .board_point td:nth-child(3){width: 61%; padding-left: 60px;}
table.board_normal.board_tab .board_point td:nth-child(4){width: 17%;}
table.board_normal.board_tab .board_point:hover td.name p{color:#185a8d;}
.board_list_tab{width: 100%; margin-bottom: 80px;}
.board_list_tab ul{display: flex; justify-content: space-between; border-bottom: 1px solid #185a8d;}
.board_list_tab ul li{width: calc(100% / 4 - 7px); height: 66px; border: 1px solid #cbcbcb; box-sizing: border-box;}
.board_list_tab ul li a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; color: #000; text-align: center;}
.board_list_tab ul li.on{background-color: #185a8d; border-color: #185a8d;}
.board_list_tab ul li.on a{color: #fff;}
.board_list_warp {display: none;}
.board_list_warp.active {display: block; margin-bottom: 190px;}
.board_list_tab.tabNum3 ul li{width: calc(100% / 3 - 7px); height: 66px; border: 1px solid #cbcbcb; box-sizing: border-box;}
.board_list_tab.tabNum4 ul li{width: calc(100% / 4 - 7px);}
/* 리스트 탭 서브 배너 */
.sub_banner{position: absolute; left: 50%; width: calc(100vw - 17px); max-width: none; transform: translateX(-50%);}
.sub01_01 .sub_banner{height: 382px; background: url(/images/sub01_sub_bg01.jpg) no-repeat center; background-size: contain;}
.sub02_01 .sub_banner{height: 251px; background: url(/images/sub02_sub_bg01.jpg) no-repeat center;}
.sub02_03.sub_banner{background: url(/images/sub02_sub_bg.jpg) no-repeat top;}
.sub02 .sub_banner.sub02_03 #board_tab01{height: 691px;}
.sub02 .sub_banner.sub02_03 #board_tab02{height: 691px;}
.sub02 .sub_banner.sub02_03 #board_tab03{height: 691px;}
.sub02_04.sub_banner{background: url(/images/sub02_sub_bg02.jpg) no-repeat top;}
.sub02 .sub_banner.sub02_04 #board_tab01{height: 691px;}
.sub02 .sub_banner.sub02_04 #board_tab02{height: 668px;}
.sub02 .sub_banner.sub02_04 #board_tab03{height: 693px;}
.sub_banner .sub_banner_wrap{text-align: center; display: flex; flex-direction: column; justify-content: center;}
.sub_banner .sub_banner_wrap > p{font-weight: 700; margin: 0px 0 60px;}
.sub_banner .sub_banner_wrap ul{width: 1175px; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 50px; flex-wrap: wrap;}
.sub_banner .sub_banner_wrap div.d-flex{max-width: 965px; width: 100%; margin: 0 auto;}
.sub_banner .sub_banner_wrap .sub_banner_text{max-width: 1300px; width: 100%; min-height: 127px; margin: 0 auto;  display: flex; align-items: flex-start; justify-content: space-between;}
.sub_banner .sub_banner_wrap .sub_banner_text p{width: 100%; max-width: 100%; display: inline-block; text-align: left; line-height: 34px; margin-top: 30px;}
.sub_banner .sub_banner_wrap .sub_banner_text p span{ position: relative; padding-left: 15px;display: inline-block; }
.sub_banner .sub_banner_wrap .sub_banner_text p span::before{content: "·"; display: flex; position: absolute; left: 0;}
.sub_banner .sub_banner_wrap .sub_banner_text .sub_banner_content{width: 100%;}
.sub_banner .sub_banner_wrap .sub_banner_text.n2 .sub_banner_content{width: calc(50% - 20px);}
.sub_banner .sub_banner_wrap .sub_banner_text .sub_banner_content .sub_banner_tit{box-sizing: border-box; line-height: 62px; border: 6px solid #0fc4df; border-radius: 50px; width: auto; display: inline-block; padding: 0 40px;}
.sub_banner .sub_banner_wrap .sub_banner_text.n1 .sub_banner_content .sub_banner_tit{box-sizing: border-box; line-height: 62px; border: 6px solid #0fc4df; border-radius: 50px; width: 100%; }
.sub_banner .sub_banner_wrap .sub_banner_text.n2 .sub_banner_content .sub_banner_tit{box-sizing: border-box; line-height: 62px; border: 6px solid #0fc4df; border-radius: 50px; width: 100%; }
.sub_banner .sub_banner_wrap .sub_banner_text.n1{width: auto; max-width: none;}
.sub_banner .sub_banner_wrap .sub_banner_text.n1 p{width: auto; max-width: none; display: block;}

/* gallery list 갤러리 리스트 페이지 */
.gallery ul {
    width: 100%;
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* gap: 17px; */
    /* padding-top: 35px; */
    /* padding-bottom: 10px; */
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.gallery .gall_con{
    width: 100%;
    /* max-width: calc(100% / 4 - 13px); */
    height: 357px;
    border-bottom: 1px solid #d5d5d5;
    background-color: #fff;
    /* box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.1); */
    box-sizing: border-box;
    padding: 45px 0;
}
.gallery .gall_con a{
    width: 100%;
    height: 100%;
    display: flex;
}
.gallery .gall_con:hover {
    background-color: #f5f5f5;
}
.gallery .gall_con:hover .text_box .sec_sld_title {
    color: var(--main) !important;
    transition: all 0.2s ease-in;
}
.gallery .gall_con:hover .img_box img{
    transform: scale(1.05);
    transition: all 0.5s ease-in-out;
    object-fit: cover;
}
.notice .gallery .sec_sld_con {
    width: 100%;
    display: flex;
    gap: 75px;
    padding: 0px;
}
.gallery .sec_sld_con .img_box {
    width: 480px;
    aspect-ratio: 480 / 268;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery .sec_sld_con .img_box img {
    width: 100%;
    object-fit: cover;
}
.gallery .sec_sld_con .text_box{
    width: calc(100% - 555px);
    max-height: 267px;
    height: auto;
    padding: 35px 0;
    box-sizing: border-box;
}
.gallery .sec_sld_con .text_box .sec_sld_title {
    margin: 30px 0 20px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c_505050{
    color: #505050;
}
.c_292828{
    color: #292828;
}
.gallery .sec_sld_con .text_box .sec_sld_date span{
    font-weight: 500;
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.gallery .sec_sld_con .text_box .sec_sld_date span::after{
    content: "";
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #505050;
}
.gallery .sec_sld_con .text_box .contentsBox {
    line-height: 26px;
    height: auto;
    max-height: 80px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

/* view 뷰 페이지 */
.border_view {
    width: 100%;
    margin: 0 auto;
}
table.board_normal_view {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    table-layout: fixed;
}
table.board_normal_view tr {
    border-bottom: 1px solid #cfcfcf;
}
table.board_normal_view tr.view_title{
    border-top: 2px solid #000;
}
table.board_normal_view tr th {
    height: 8.5rem;
    box-sizing: border-box;
    padding: 2.5rem 0;
    text-align: center;
    text-wrap: wrap;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4rem;
    background: #fafafa;
    word-wrap: break-word;
    white-space: normal;
}
table.board_normal_view tr.view_title th{
    background: #fff;
    padding: 5rem 2rem 4rem 3rem;
}
table.board_normal_view tr.view_title .tit{
    width: calc(100% - 200px);
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
table.board_normal_view tr.view_title .sub{
    font-weight: 400;
}
table.board_normal_view .view_title.view_info .d-flex{
    justify-content: space-between;
}
table.board_normal_view tr td {
    height: 8.5rem;
    box-sizing: border-box;
    padding: 3rem 2rem;
    border-bottom: 1px solid #cfcfcf;
    font-size: 1.8rem;
    word-wrap: break-word;
    white-space: normal;
}
table.board_normal_view .view_info td{
    text-align: right;
    padding: 3rem 2rem 2rem;
    font-size: 22px;
}
table.board_normal_view tr .board_info span {
    white-space: nowrap;
}
table.board_normal_view tr .board_info span:last-of-type {
    margin-right: 0rem ;
}
table.board_normal_view em {
    word-break: keep-all;
    text-wrap: nowrap;
    font-weight: 500;
}
table.board_normal_view em::after {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 1.7rem;
    margin-left: 1.3rem;
    margin-right: 1.3rem;
    vertical-align: -0.2rem;
    background-color: #000;
}
table.board_normal_view .view_info td em::after{
    background-color: #c6c6c6;
    height: 2.1rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
table.board_normal_view tr td .view_sub_tit{
    width: 140px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}
table.board_normal_view tr .view_pagination .view_sub_tit img{
    margin-top: 2px;
}
table.board_normal_view tr .board_info div.board_file a{
    padding-right: 2.4rem; 
    color: var(--main);
    position: relative;
    font-weight: 500;
}
table.board_normal_view tr .board_info div.board_file a::after{
    content: "";
    display: flex;
    width: 1px;
    height: 19px;
    background-color: #000000;
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
}
table.board_normal_view tr .board_info div.board_file a:nth-last-child(1):after{
    display: none;
}
table.board_normal_view tr .board_content {
    padding: 6rem 2rem;
}
table.board_normal_view tr .board_content p {
    width: 100%!important;
}
table.board_normal_view tr .board_content img{
    max-width: 1400px;
    width: auto;
    object-fit: contain;
}
table.board_normal_view tr .view_pagination{
    padding: 39px 0;
}
.view_page_wrap{
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.view_page_wrap > div{
    width: calc(100% / 2 - 56px);
    padding: 3rem 3.5rem;
    background-color: #f5f5f5;
}
.view_page_wrap > div.next{
    justify-content: space-between;
}
.next .prenext.view_sub_tit{
    justify-content: flex-end;
}
.prenext_text{
    width: calc(100% - 165px);
}
.prenext_text a{
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
table.board_normal_view tr td.prenext {
    text-align: center;
    font-weight: 500;
    background: #f9f9f9;
    white-space: normal;
}
table.board_normal_view tr td.prenext img {
    margin-left: 2rem;
    margin-bottom: 0.5rem;
    vertical-align: middle;
}
table.board_normal_view tr td.prenext_text {
    padding-left: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.board_btn {
    display: flex;
    justify-content: center;
}
.board_btn a {
    width: 150px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.5rem;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    box-sizing: border-box;
    background-color: var(--main);
    border: 2px solid var(--main);
    transition: background-color 0.3s ease, color 0.3s ease;
}
.board_btn a:hover{background-color: #f5f5f5; color: var(--main); }
.board_btn.modify_btn a {background-color: #0e648b; border-color: #0e648b;}
.board_btn.modify_btn a:hover {background-color: #f5f5f5; color: #0e648b;}
.board_btn button {
    width: 150px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.5rem;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    box-sizing: border-box;
    background-color: var(--main);
    border: 2px solid var(--main);
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}
.board_btn button:hover{background-color: #f5f5f5; color: var(--main); }
/* gallery view 갤러리 뷰 페이지 */
table.board_normal_view tr.view_sld{
    border-bottom: 0;
}
table.board_normal_view tr td.slide_content{
    border-bottom: 0;
}
table.board_normal_view tr td.slide_content .view_slide_wrap{
    max-width: 1270px;
    width: 100%;
    margin: 0 auto;
}
.gallery-top {
    width: 100%;
    height: 770px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.gallery-top .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 770px;
}
.gallery-top .swiper-slide img {
    width: 1026px;
    max-width: 90%;      
    height: 100%;
    display: block;
    margin: 0 auto;     
    object-fit: cover; 
}
.view_slide_wrap .swiper-button-prev.swiper-button-disabled, .view_slide_wrap .swiper-button-next.swiper-button-disabled {
    opacity: 1 !important;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}
.swiper_arr_top {
    width: 97px !important;
    height: 97px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: var(--main);   
    border: 4px solid var(--main);
    border-radius: 50%;
    box-sizing: border-box;
}
.swiper-button-prev.swiper_arr_top {
    left: 0;
}
.swiper-button-next.swiper_arr_top {
    right: 0;
}
.arrow_icon {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 29px auto;
}
.swiper-button-prev .arrow_icon {
    background-image: url(/images/ico_gall_arr_prev_w.png);
}
.swiper-button-next .arrow_icon {
    background-image: url(/images/ico_gall_arr_next_w.png);
}
.swiper-button-prev.swiper-button-disabled {
    background-color: #fff;
    border-color: #e0e0e0;
}
.swiper-button-next.swiper-button-disabled {
    background-color: #fff;
    border-color: #e0e0e0;
}
.swiper-button-prev.swiper-button-disabled .arrow_icon {
    background-image: url(/images/ico_gall_arr_prev.png);
}
.swiper-button-next.swiper-button-disabled .arrow_icon {
    background-image: url(/images/ico_gall_arr_next.png);
}
.swiper_wrap_inner {
    overflow: hidden;
    max-width: 925px;
    width: 100%;
    margin: 0 auto;
}
.gallery-thumbs.swiper-container {
    width: 100%;
}
.swiper-button-prev.swiper_arr_thumbs,
.swiper-button-next.swiper_arr_thumbs {
    position: absolute;
    top: 70.5%;
    transform: translateY(-50%);
    z-index: 10;
}
.gallery-thumbs .swiper-slide {
    width: 140px;
    height: 92px;
    cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active img {
    border: 8px solid var(--main);
    box-sizing: border-box;
    object-fit: cover;
}
.gallery-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper_arr_thumbs.swiper-button-prev{
    background: url(/images/ico_gall_arr_prev.png) no-repeat center;
    background-size: 20px;
    left: 180px;
}
.swiper_arr_thumbs.swiper-button-next{
    background: url(/images/ico_gall_arr_next.png) no-repeat center;
    background-size: 20px;
    right: 180px;
}

/* ////////// sub01 start //////////*/
/* 인사말 페이지 */
.sub01_01_conBox {
    margin-top: 75px;
}
.sub01_01_conBox .d-flex{
    justify-content: space-between;
}
.sub01_01_conBox .textArea{
    width: calc(100% - 500px);
}
.sub01_01_conBox .textArea h3{
    margin-bottom: 30px;
}
.sub01_01_conBox .textArea p{
    line-height: 30px;
}
.sub01_01_conBox .imgArea{
    width: 445px;
    height: 670px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 95px;
    border-bottom-right-radius: 95px;
    overflow: hidden;
}
.sub01_01_conBox .imgArea img{
    width: 100%;
    height: 100%;
}

/* 시설소개 */
#sub.sub01_02 .sub_contents table tr:nth-of-type(1) {
    border-top: 2px solid var(--main);
}
#sub.sub01_02 .sub_contents table tr:nth-of-type(1) th {
    border-top: 0px solid var(--main);
}
#sub table .subTitle {
    width: calc(100% / 5) !important;
    background-color: #f3f3f3;
    text-align: center !important;
    padding-left: 0 !important;
}
#sub.sub01_02 .sub_contents table td{
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box;
}
.sub01_02 .sub_contents .sub_visual_title{
    margin: 120px 0 55px;
}
.sub01_02 .sub01_02_con2 {
    display: flex;
    flex-wrap: wrap;
    gap: 58px 20px;
}
.sub01_02 .sub01_02_con2 li {
    max-width: 420px;
    width: 100%;
}
.sub01_02 .sub01_02_con2 li .d-flex{
    flex-direction: column;
}
.sub01_02 .sub01_02_con2 li .d-flex span{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    aspect-ratio: 420 / 304;
}
.sub01_02 .sub01_02_con2 li .d-flex span img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sub01_02 .sub01_02_con2 li .d-flex .sub{
    height: 50px;
    font-weight: 600;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* 오시는 길 */
.sub01_04_conBox{
    width: 100%;
    height: 590px;
    margin-top: 75px;
}
.sub01_04_conBox .d-flex:nth-of-type(1):has(.mapArea){
    border: 2px solid var(--main);
}
.sub01_04_conBox .mapArea{
    width: calc(100% - 431px);
}
.sub01_04_conBox .mapArea .cont{
    display: none;
}
.sub01_04_conBox .textArea{
    width: 431px;
    background-color: var(--main);
    padding: 100px 50px;
    box-sizing: border-box;
}
.sub01_04_conBox .textArea ul{
    margin-top: 35px;
}
.sub01_04_conBox .textArea ul li{
    margin-bottom: 30px;
}
.sub01_04_conBox .textArea ul li:nth-last-of-type(1){
    margin-bottom: 0px;
}
.sub01_04_conBox .textArea ul li p{
    color: var(--white);
}
.sub01_04_conBox .textArea ul li p:nth-of-type(1){
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}
.sub01_04_conBox .textArea ul li p span{
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #53b6e3;
    border-radius: 50%;
}
.sub01_04_conBox2{
    width: 100%;
    margin-top: 60px;
    padding: 73px 0;
    box-sizing: border-box;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}
.subwayWrap{
    gap: 20px;
}
.subwayWrap > p{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.subwayWrap ul{
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}
.subwayWrap ul li{
    display: flex;
    align-items: center;
    gap: 22px;
}
.subwayWrap ul li p{
    display: flex;
}
.subwayWrap ul li p span{
    background-color: #e1e1e1;
    border-radius: 5px;
    padding: 5px 16px;
}
/* 교수진 소개 */
.sub01_03_con{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px;
}
.sub01_03_con li{
    width: calc(100% / 2 - 20px);
    display: flex;
    gap: 38px;
    border: 1px solid #cbcbcb;
    padding: 32px;
    box-sizing: border-box;
}
.sub01_03_con li > div{
    min-height: 218px;
    height: auto;
}
.sub01_03_con li .imgBox{
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub01_03_con li .imgBox img{
    width: 100%;
}
.sub01_03_con li .textBox{
    width: calc(100% - 160px - 38px);
    flex-direction: column;
    justify-content: space-between;
}
.sub01_03_con li .textBox .title{
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--black);
}
.sub01_03_con li .textBox .dot{
    width: 5px;
    height: 5px;
    display: inline-flex;
    border-radius: 50%;
    background-color: var(--main);
}
.sub01_03_con li .textBox .sub{
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.sub01_03_con li .textBox .sub:nth-last-of-type(1){
    margin-bottom: 0;
}
/* ////////// sub01 end //////////*/


/* ////////// sub02 start //////////*/
/* 장례지도사 소개 */
.sub02_01_title {
    margin: 90px 0 35px;
    font-weight: 600;
}
.sub02_conBox01 ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 67px 20px;
}
.sub02_conBox01 ul li {
    width: calc(100% / 3 - 14px);
    height: 400px;
    background-color: #f0f9ff;
    border-radius: 20px;
    overflow: hidden;
}
.sub02_conBox01 ul li div{
    flex-direction: column;
}
.sub02_conBox01 ul li div .imgBox{
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub02_conBox01 ul li div .imgBox img{
    object-fit: contain;
    width: 100%;
}
.sub02_conBox01 ul li div .textBox{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    padding: 0 10px;
    box-sizing: border-box;
}
.sub02_conBox02 ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 60px;
}
.sub02_conBox02 ul li{
    width: 100%;
    height: 125px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 55px;
}
.sub02_conBox02 ul li .titWrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.c_303030{
    color: #303030;
}
.sub02_conBox02 ul li .titWrap .tit{
    color: var(--main);
}
.sub02_conBox02 ul li .subWrap{
    width: calc(100% - 275px);
    font-weight: 500;
}
.sub02_conBox02 ul li .imgWrap{
    user-select: none;
    -webkit-user-drag: none;   /* 크롬, 사파리 */
    -webkit-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}
/* 비전 및 전망 */
.sub02_01 .board_list_title > p{
    font-weight: 500;
}
.sub02_02_conBox{
    margin-top: 95px;
}
.sub02_02_conBox ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-top: 1px solid #c5c5c5;
}
.sub02_02_conBox ul li{
    width: calc(100% / 2);
    padding: 50px 22px 50px 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #c5c5c5;
    position: relative;
}
.sub02_02_conBox ul li:nth-of-type(odd)::after{
    content: "";
    width: 1px;
    height: 160px;
    background-color: #c5c5c5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sub02_02_conBox ul li div{
    gap: 35px;
}
.sub02_02_conBox ul li div .textBox .tit{
    gap: 10px;
    margin-bottom: 20px;
    font-weight: 600;
}
.sub02_02_conBox ul li div .textBox .tit span{
    color: var(--main);
}
.sub02_02_conBox ul li div .textBox .sub{
    line-height: 28px;
    font-weight: 300;
}
.sub02_02_conBox ul li div .imgBox{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 30px;
}
.sub02_02_conBox ul li div .imgBox img{
    object-fit: contain;
}

/* 소식지 리스트 */
.newsletter .gall_con{
    height: 560px;
}
.newsletter .sec_sld_con .img_box{
    height: 427px;
    aspect-ratio: 854 / 1080;
}
/* 소식지 뷰 */
.newsletter_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.view_newsletter .more_btn{
    background-color: #3db992;
    border-color: #3db992;
    color: #fff;
    cursor: pointer;
}
.view_newsletter .more_btn .arr{
    background: url(/images/ico_more_arr_w.png) no-repeat center;
}
/* ////////// sub02 end //////////*/

/* ////////// sub03 start //////////*/
/* 교육프로그램 교육원 */
.sub_contents_wrap .sub_contents .sub03_conBox01{
    margin-bottom: 130px;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul{
    display: flex;
    flex-direction: column;
    gap: 120px;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li:nth-of-type(even) .d-flex{
    flex-direction: row-reverse;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .d-flex{
    height: 400px;
    gap: 40px;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .imgBox{
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .imgBox img{
    height: 100%;
    object-fit: contain;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox{
    width: calc(50% - 40px);
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox .title {
    font-weight: 600;
    color: var(--main);
    padding-left: 30px;
    position: relative;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox .title::after{
    content: "";
    width: 26px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--main);
    display: block;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox .sub{
    line-height: 28px;
}
.sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox .sub span{
    display: block;
    margin: -5px 0 15px;
}
.sub03_conBox02 {
    display: flex;
    gap: 40px;
    width: 100%;
    height: 100%;
}
.sub03_conBox02 .d-flex{
    flex-direction: column;
    justify-content: space-between;
    width: calc(50% - 40px);
}
.sub03_conBox02 .d-flex .sub_visual_title{
    text-align: left;
}
.sub03_conBox02 .d-flex .sub03_bg img{
    width: 100%;
}
.sub03_conBox02 ul{
    display: flex;
    flex-direction: column;
    width: 50%;
    gap: 40px;
}
.sub03_conBox02 ul li{
    width: 100%;
    height: 100%;
    padding: 35px 15px 30px 25px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-radius: 20px;
}
.sub03_conBox02 ul li .titWrap{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.sub03_conBox02 ul li .titWrap span{
    background-color: var(--main);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.sub03_conBox02 ul li .subWrap{
    margin-left: 55px;
    padding-left: 12px;
}
.sub03_conBox02 ul li .subWrap p{
    position: relative;
    line-height: 28px;
    margin-bottom: 20px;
}
.sub03_conBox02 ul li .subWrap p:nth-last-of-type(1){
    margin-bottom: 0;
}
.sub03_conBox02 ul li .subWrap p::after{
    content: "";
    display: flex;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: -12px;
    top: 10px;
    background-color: var(--main);
}
.sub03_conBox02 ul li .subWrap span{
    display: block;
}
/* 전체 박스 설정 */
.specialBox {
    list-style: none;
    background: #fff;
    position: relative;
    border: 1px solid #c9e4ff !important;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.2), inset 0 0 10px rgba(0, 123, 255, 0.05);
}

/* 왼쪽 상단 파란색 원형 숫자 */
.specialBox .titWrap .c_w {
    position: absolute;
    left: 15px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    color: #fff;
    
    /* 입체감 있는 그라데이션 */
    background: linear-gradient(135deg, #4facfe 0%, #007bff 100%);
    
    /* 원형 버튼이 빛나는 느낌 */
    box-shadow: 3px 5px 15px rgba(0, 123, 255, 0.4);
    z-index: 10;
}

/* 제목 영역 */
.specialBox .titWrap {
    background: linear-gradient(to right, #007bff, #fff);
    padding: 10px 20px 10px 55px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    display: inline-block;
    margin-bottom: 20px;
}

.specialBox .tit {
    margin: 0;
    color: white;
    font-weight: 700;
}

/* 내용 텍스트 설정 */
.subWrap p {
    margin: 15px 0;
    line-height: 1.6;
    color: #333;
    font-weight: 600;
}

.subWrap span {
    display: block;
    color: #666;
    margin-top: 5px;
    font-weight: 400;
}
/* 교육프로그램 교육과정 */
.sub03_02 .sub_contents > div{
    margin-bottom: 45px;
}
.sub03_02 .sub_contents > div:nth-last-of-type(1){
    margin-bottom: 0;
}
.sub03_02 .sub_contents > div h3 {
    display: flex;
    font-weight: 600;
    margin-bottom: 25px;
}
.sub03_02 .sub_contents > div h3 .num{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--main);
    color: var(--white);
    font-size: 14px;
    margin-right: 8px;
}
.sub03_02 .sub_contents > div p,
.sub03_02 .sub_contents > div ul{
    margin-left: 45px;
}
.sub03_02 .sub_contents .con01,
.sub03_02 .sub_contents .con02{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sub03_02 .sub_contents .con01 h3,
.sub03_02 .sub_contents .con02 h3{
    margin-bottom: 0;
}
.sub03_02 .sub_contents .con01 p,
.sub03_02 .sub_contents .con02 ul{
    margin-top: 4px;
    margin-left: 0;
}
.sub03_02 .sub_contents .con04 p{
    margin-bottom: 20px;
}
.sub03_02 .sub_contents .con04 p span{
    display: inline-block;
    margin-bottom: 15px;
}
.check-list li{
    position: relative;
    padding-left: 17px;
    margin-bottom: 10px;
}
.check-list li::before{
    content: "";
    width: 12px;
    height: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/images/ico_check_grey.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 8px;
}
#sub .sub_contents table{
    width: 100%;
}
#sub .sub_contents table tr{
    height: 66px;
    font-size: 17px;
    font-weight: 500;
}
#sub .sub_contents table tr > *{
    font-size: 17px;
    font-weight: 500;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
}
#sub .sub_contents table tr:nth-of-type(1) th{
    border-top: 2px solid var(--main);
}
#sub .sub_contents table tr > *:nth-last-of-type(1){
    border-right: 0;
}
#sub .sub_contents table th{
    font-size: 18px;
    font-weight: 600;
    background-color: #f6f9fe;
}
#sub table .rowWrap{
    background-color: #f3f3f3;
}
#sub table .subtotal{
    background-color: #efefef;
}
#sub table .total{
    background-color: #e3e3e3;
}
.sub03_02 .notice{
    margin-top: 15px;
}
.edu-table2 tr th{
    width: calc(100% / 4);
}
.edu-table3 tr th{
    width: calc(100% / 5);
}
.sub03_02 .notice{color: #cc3232;}
/* 교육프로그램 현장OJT */
.sub03_03 .check-list {
    margin-top: 30px;
}
.sub03_03 .check-list li{
    padding-left: 45px;
    line-height: 32px;
}
.sub03_03 .check-list li::before{
    width: 30px;
    height: 30px;
    border: 1px solid #ececec;
    border-radius: 50%;
    background-size: 12px 9px;
    top: 0;
}
.sub03_03 .board_list_warp .sub_visual_title{
    padding: 11.5rem 0 0rem;
}
.sub03_03_con{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 43px 40px;
    margin-top: 55px;
}
.sub03_03_con li{
    width: calc(50% - 20px);
    height: 300px;
    border-radius: 20px;
    border: 3px solid var(--main);
    background-color: var(--white);
    color: var(--main);
    box-sizing: border-box;
    padding: 55px 50px;
    position: relative;
}
.sub03_03_con li:nth-of-type(1),
.sub03_03_con li:nth-of-type(4),
.sub03_03_con li:nth-of-type(5){
    background-color: var(--main);
    color: var(--white);
}
.sub03_03_con li div{
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}
.sub03_03_con li div .icon{
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 37px;
    bottom: 34px;
    background-color: var(--main);
    border-radius: 50%;
}
.sub03_03_con li div .icon img{
    object-fit: contain;
}
.sub03_03_con li:nth-of-type(1) div .icon,
.sub03_03_con li:nth-of-type(4) div .icon,
.sub03_03_con li:nth-of-type(5) div .icon{
    background-color: var(--white);
}

/* 사업안내 이용안내 */
.sub03_wrap {
        width: 100%;
        border-top: 2px solid var(--main);
    }
    .sub03_wrap .guide_section{
        width: 100%;
        display: flex;
        border-bottom: 1px solid #cfcfcf;
        padding: 70px 0px 70px 60px;
        box-sizing: border-box;
    }
    .sub03_wrap .guide_section h3{
        font-family: 'S-Core Dream 6';
        width: 30%;
    }
    .sub03_wrap .guide_section .contact_box{
        width: 70%;
        overflow-x: auto;
    }
    .sub03_wrap .guide_section .contact_box ul li{
        margin-bottom: 5px;
    }
    .sub03_wrap .guide_section .contact_box ul li span{
        margin-right: 5px;
    }
    .sub03_wrap .guide_section .contact_box table{
        width: 100%;
        border: 1px solid #cfcfcf;
        box-sizing: border-box;
    }
    .sub03_wrap .guide_section .contact_box table th{
        font-size: 20px;
        padding: 18px 5px;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        background-color: #19b387;
        color: #fff;
        box-sizing: border-box;
    }
    .sub03_wrap .guide_section .contact_box table td{
        text-align: left;
        padding: 18px 10px 18px 5px;
        border: 1px solid #cfcfcf;
    }
    .responsive_table {
    width: 100%;
    border-collapse: collapse;
    }

    .responsive_table th,
    .responsive_table td {
    padding: 10px;
    vertical-align: top;
    }
    /* 발달지원 */
    .sub03_01 .sub_contents_wrap{
        overflow: hidden;
    }
    .sub_banner_title {
        width: 100%;
        height: 373px;
        background-color: #029268;
        background-image: url(/images/ico_sub_banner_title.png);
        background-repeat: no-repeat;
        background-position: -59px 73px;
        padding: 90px;
        box-sizing: border-box;
        position: relative;
    }
    .sub_banner_title p{
        text-align: center;
        line-height: 1.35;
        margin-top: 55px;
    }
    .sub_banner_title .bar{
        width: 79px;
        height: 3px;
        background-color: #28deaa;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .sub03_sldWrap {
        width: 100%;
        background-color: #eefaf7;
        margin: 125px 0 90px;
        padding: 70px 0;
        box-sizing: border-box;
    }
    .sub03_sldWrap .swiper-slide{
        width: 553px;
        height: 324px;
        position: relative;
        border: 1px solid #cfcfcf;
        box-sizing: border-box;
    }
    .sub03_sldWrap .swiper-slide .imgBox{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sub03_sldWrap .swiper-slide .imgBox img{
        width: 100%;
        object-fit: cover;
    }
    .sub03_sldWrap .swiper-slide .txtBox {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.53);
    }
    .sub03_conBox ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3열 */
        gap: 55px; /* 행·열 모두 간격 */
    }
    .sub03_conBox ul li{
        /* min-height: 186px; */
        height: auto;
        padding: 30px 35px;
        box-sizing: border-box;
        background-color: #f8f8f8;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
    }
    .sub03_conBox ul li span{
        width: 64px;
        height: 64px;
        background-color: var(--main);
        position: absolute;
        top: 0;
        right: 0;
        font-size: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sub03_conBox ul li .tit{
        font-family: 'S-Core Dream 6';
        padding-bottom: 15px;
        margin-bottom: 17px;
        position: relative;
    }
    .sub03_conBox ul li .tit::after{
        content: "";
        width: 73px;
        height: 2px;
        background-color: var(--main);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .sub03_conBox ul li p{
        font-weight: 500;
        letter-spacing: -1.5px;
    }
    /* .sub03_02 .sub03_conBox ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        gap: 55px; 
    } */
/* ////////// sub03 end //////////*/

/* ////////// sub04 start //////////*/
/* 자원봉사신청 쓰기 페이지 */
    .pint_star{
        margin-right:5px;
    }
    .top_impTxt{
        margin-bottom: 16px;
        text-align: right;
    }
    .joinContainer{
        border-top:1px solid #000;
        border-bottom:1px solid #000;
    }
    .joinContainer li{
        display: flex;    
        padding: 13px 30px;
        border-bottom: 1px solid #cfcfcf;
        align-items: center;
        min-height: calc(101px - 26px);
    }
    .joinContainer li:last-of-type{
        border-bottom:none;
    }
    .joinContainer li > div{
        width:85%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;    
        column-gap: 15px;            
    }
    .joinContainer h4{
        width: 15%;
        max-width: 209px;
        height:100%;
    }
    .joinContainer h4 label{
        height:100%;
    }

    .joinContainer input[type="text"],
    .joinContainer input[type="password"],
    .joinContainer input[type="date"]{
        height: 72px;
        display: inline-block;
        max-width: 313px;
        width: 60%;
        border: 1px solid #cfcfcf;
        font-size: inherit;
        padding: 0 20px;
        font-family: "Noto Sans KR", sans-serif;
        letter-spacing: -0.1rem;
        font-weight: 400;
        font-size: 1.8rem;
    }
    .joinContainer #title{
        max-width: 516px;
    }
    .joinContainer input#phone,.joinContainer input#phone02,.joinContainer input#phone03{
        width: 21.333%;
        max-width: 207px;
    }
    .joinContainer li #memo{
        min-height: 410px;
        width: calc(85% - 40px);
        border: 1px solid #cfcfcf;
        padding: 20px;
        font-family: "Noto Sans KR", sans-serif;
        letter-spacing: -0.1rem;
        font-weight: 400;
        font-size: 1.8rem;
    }
    .joinContainer textarea::placeholder{
        font-family: "Noto Sans KR", sans-serif;
        letter-spacing: -0.1rem;
        color: #c3c3c3;
        font-weight: 400;
        font-size: 1.8rem;
    }
    .joinContainer li.memoBox{
        height:auto;
    }
    .joinContainer li.memoBox > div{
        row-gap:15px;
    }
    .joinContainer input[name="event_type"]{
        width: 24px;
        height: 24px;
        -webkit-appearance: none; 
        -moz-appearance: none; 
        appearance: none; 
        outline: none; 
        border-radius: 50%;
        border: 6px solid #fff;
        box-shadow: 0 0 0 1px #d6d6d6;
    }
    .joinContainer input[name="event_type"]:checked{
        background-color: #16867d;
        border: 6px solid #fff;
        box-shadow: 0 0 0 1px #16867d;
    }
    .radioBox, .radioBox span,.btnBox,.joinContainer h4 label,.phoneBox,.durationBox{
        display: flex;
        align-items: center;
    }
    .radioBox{
        column-gap: 47px;
    }
    .radioBox span{
        column-gap: 10px;
    }
    .btnBox{
        column-gap: 9px;
        justify-content: center;
    }
    .btnBox .cancel_btn a{
        background-color: #4f4f4f;
        border: 2px solid #4f4f4f;
    }
    .cancel_btn a:hover {
        background-color: #f5f5f5;
        color: #4f4f4f;
    }
    /* 자원봉사신청 수정 페이지 */
    .modifyContainer input#name,.modifyContainer input#title,.modifyContainer input#hope{
        color:#5c5c5c;
    }
    /* 자원봉사신청 리스트 페이지 */
    .pagination .btnBox{
        position: absolute;
        right: 0;
        top: 0;
    }
    .pagination .btnBox a{
        margin-top:0;
    }
    /* 자원봉사신청 뷰 페이지 */
    .board_top_txt{
        display: flex;
        column-gap: calc((100% - 910px) / 4);
    }
    .list_btn a{
        background-color: var(--main);
        border: 2px solid var(--main);
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* 후원안내 페이지 */
    .sub04_03_wrap section:nth-child(1){
        padding-top:8rem;
    }
    .sub04_03 .sub01_title{
        text-align:center;
        justify-content: center;
    }
    .purpose{
        text-align:center;
        padding: 3.5rem 0;
    }
    .sub04_03 .sub_banner_title p{
        margin-top:0;
    }
    .sub04_03_wrap section,.sub04_01_wrap section{
        display:block;
        padding-top: 8rem;
    }
    .sub04_03_wrap section h3{
        font-family: 'S-Core Dream 6';
        text-align:center;
        margin-bottom: 5.5rem;
    }
    .sub04_03_wrap section > ul,.sub04_01_wrap section > ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3.5rem;
    }
    .sub04_03_wrap section > ul li,.sub04_01_wrap section > ul li{
        width: calc(33.333% - 2.4rem);
        border: 1px solid #dfdfdf;
        padding: 6rem 4rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        row-gap: 6rem;
        aspect-ratio: 442 / 260;        
    }
    .sub04_03_wrap section > ul li h5,.sub04_01_wrap section > ul li h5{
        margin-bottom:3rem;
    }
    .sub04_03_wrap section > ul li img,.sub04_01_wrap section > ul li img{
        max-width:75px;
        max-height:72px;
        width: 30%;
    }
    .useList > div{
        border: 1px solid #e6e6e6;
        padding: 6.5rem 0;
        text-align: center;
    }
    .useList > div > p{
        margin-bottom: 6.5rem;
        display: inline-block;  
        position: relative;
        padding:0 1.5rem;
    }
    .check_icon{
        position: absolute;
        left: -25px;
        top: calc(50% + 4px);
        transform: translateY(-50%);
    }
    .useList ul{
        display: grid;
        justify-content: space-between;
        align-items: flex-start;
        grid-template-columns: repeat(6, 1fr);
        column-gap: 3rem;
        width: 80%;
        margin: 0 auto;
    }
    .useList ul li{
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: 1.5rem;
    }
    .useList ul li > div{
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #eff9f5;
        aspect-ratio: 1 / 1;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 140px;
        max-height: 140px;        
        margin:0 auto;
    }
   
    .processBox,.benefitBox{
        padding: 8rem 0 !important;
    }
    .processBox{
        margin-top: 125px;
        background: #eff9f5;
    }
       .processBox ul,.benefitBox ul{
        display: flex;
        justify-content: center;
        align-items: baseline;
    }
    .processBox ul li,.benefitBox ul li{
        display: flex;
        flex-direction: column;
        width: 33.333%;
        justify-content: center;
        align-items: center;     
        text-align: center;   
    }
    .processBox ul li:nth-of-type(2) img{
        transform:translateX(13%);
    }
    .processRound{
        display: inline-block;
        width: 100%;
        height: 2px;
        background: #eaeaea;
        margin: 3.5rem 0;
        position:relative;
    }
    .processRound:after{
        display: inline-block;
        content: "";
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 8px solid #ffffff;
        background: #6dcaad;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        filter: drop-shadow(0px 0px 1px #cfcfcf);
    }
    .processRound:before{
        content: ">";
        color: #3cb892;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        font-weight: 700;
    }
    .benefitBox .processRound:before{
        display:none;
    }
    .processBox ul li:last-of-type .processRound:before{
        display:none;
    }
    .processBox img, .benefitBox img{
        max-width: 77px;
        object-fit: contain;
        aspect-ratio: 5 / 4;
    }
    .processNum{
        font-family: 'S-Core Dream 6';
        color:#3cb892;
        margin-bottom:1.5rem;
    }
    .processBox h3, .benefitBox h3{
        margin-bottom: 10rem;
    }
    .sub04_03_wrap .donationAskBox{
        background: #f7f4e8;
        padding-top: 8.5rem;
        padding-bottom: 2.5rem;        
    }
    .sub04_03_wrap .donationAskBox > div{
        display:flex;
    }
    .sub04_03_wrap .donationAskBox .left{
        width:57%;
    }
    .sub04_03_wrap .donationAskBox .right{
        width:43%;
        align-self: end;
    }
    .sub04_03_wrap .donationAskBox img{
        width: 80%;
        max-width: 335px;
    }
    .sub04_03_wrap section.donationAskBox h3{
        text-align:left;
    }
    .sub04_03_wrap section.donationAskBox h4{
        font-family: 'S-Core Dream 5';
        display: inline-block;
    }
    .sub04_03_wrap section.donationAskBox h4 strong{
        font-family: 'S-Core Dream 6';
    }

    #donationBtn{
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #fff;
        font-family: 'Noto Sans KR';
        font-weight: 500;
        padding: 13px 0;
        margin-top: 4rem;
        margin-bottom: 2rem;
        background: var(--main);
        border: 2px solid var(--main);
        overflow:hidden;
        cursor:pointer
    }
    #donationBtn a{
        color:inherit;
    }
    #donationBtn a svg{
        margin-left:0.5rem;
        transition: all 0.2s ease 0s;
    }
    #donationBtn:hover svg{
        transform: translateX(10%);
    }
    .mgb10{margin-bottom:10px;}
    #donation_apply_bg{
        position:fixed;
        top:0;
        height:100vh;
        width:100vw;
        z-index:100;
        background:#000000a6;
        display: none;
        align-items: center;
        justify-content: center;        
    }
    #donation_apply_bg.show{
        display:flex;
    }
    #donation_apply_box{
        max-width: 1200px;
        background: #fff;
        position: relative;
        height:90%;
        width:90%;
    }
    #close_popup_btn{
        position: absolute;
        right: -30px;
        top: -40px;
        border-radius: 50%;
        width: 78px;
        height: 78px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        box-shadow: 0px 1px 13px hsl(0deg 0% 0% / 35%);
        cursor:pointer;
        transition: all 0.3s ease 0s;
    }
    #close_popup_btn:hover{
        transform:scale(0.9);
    }
    #donation_apply_box > div{
        display: flex;
        align-items: flex-end;
    }
    #donation_apply_box > div h2{
        background: var(--main);
        color: #fff;
        padding: 38px 50px;      
        font-family: 'S-Core Dream 6';          
    }
    #donation_apply_box > div p{
        width: 50%;
        border-bottom: 1px solid var(--main);
        padding-bottom: 1rem;
        padding-left: 1rem;
    }
    #donation_apply_box form{
        padding:38px 50px;
        height: 70%;
        overflow-y: scroll;
    }

    #donation_apply_box form h3{
        font-family: 'S-Core Dream 6';  
        margin-bottom:2.5rem;
    }
    .privacy_pop{
        height: 297px;
        overflow-y: scroll;
        border: 1px solid #dedede;
        background: #fbfbfb;
        padding: 2rem;
        margin-bottom: 1.5rem;
    }
    .privacy_pop *{
        font-size: 18px !important;
    }
    .agreeBox{
        margin-bottom:6rem;
        display: flex;
        align-items: center;
        column-gap: 5px;
    }
    #agree{
        border:1px solid #dedede;
        appearance: none;
        -webkit-appearance: none;
         border-radius: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: relative;
    }
    #agree::after{
        content: "";
        position: absolute;
        top: 2px;
        left: 5px;
        width: 6px;
        height: 8px;
        border: solid var(--main);
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        display: none;   
    }
    #agree:checked::after {
        display: block;
    }    

    /* 봉사안내 페이지 */
        .mgCenter{
        margin: 0 auto;
    }
    .apply_pro{
        margin-top: 125px;
        background: #eefaf7;
        padding: 8rem 0;
        padding-top: 8rem !important;
    }
    .apply_pro ul{
        display: flex;
        justify-content: space-between;
        column-gap: 1.5rem;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .apply_pro li{
        width:20%;
    }
    .apply_pro li div{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 100%;
        border: 4px solid #9ce0cc;
        justify-content: center;
        border-radius: 50%;
        background: #fff;
        row-gap: calc(0.868vw - 1.67px);
        aspect-ratio: 1 / 1;
        box-sizing: border-box;
    }
    .apply_pro img{
        max-width: 75px;
        max-height: 72px;
        width: calc(0.868vw + 23.33%);
    }
    .arrow_right{
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(0.78125vw - -2%) !important;
    }
    .arrow_right img{
        max-width: 53px;
        max-height: 47px;
        width: 100%;
    }
    section.sub04_01_info{
        margin-top: 125px;
        border-top:2px solid var(--main);
        padding-top:0;
    }
    section.sub04_01_info ul li{
        width: 100%;
        border: none;
        flex-direction: row;
        aspect-ratio: unset;
        justify-content: flex-start;
        row-gap: 0;
        padding: 0;
        text-wrap-style: pretty;
        margin-bottom: 5px;
    }
    section.sub04_01_info ul li:last-of-type{
        margin-bottom:0;
    }
    section.sub04_01_info ul li .left{
        width:40%;
    }
    section.sub04_01_info ul li .right{
        width:60%;
    }
    section.sub04_01_info > ul > li{
        padding: 8rem 0;
        border-bottom: 1px solid #ececec;
    }
    .board_btn.VMS_btn a{
        border:2px solid var(--main);
        background:#fff;
        color:#000;
    }
    .board_btn.VMS_btn a:hover{
        background:var(--main);
        color:#fff;
    }
    .sub04_01_wrap section h3{
        margin-bottom:5rem;
    }

    .notice .border_view .list_item_txt {
        text-align: center;
        margin-bottom: 20px;
    }
    .pw_box{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 65px 74px;
        border: 1px solid #d5d5d5;
        background: #fafafa;
    }
	.pw_box input[type="password"]{width: 280px; height: 55px; border: 1px solid #d5d5d5; margin-right: 11px; padding: 0 10px;}
	.pw_box input[type="button"]{width: 150px;height: 55px; border: 0;font-weight: 500; color: #fff;background:var(--main);}
	.pw_box input[id="pw_cancel"]{background:#4f4f4f;margin-left: 9px;}
/* ////////// sub04 end //////////*/

@media screen and (max-width: 1800px){
    #sub_visual .sub_visual_bg::before {
        width: 100px;
        height: 100px;
        background: radial-gradient(circle at 100% 0%, transparent 100px, #fff 100px);
    }
}
@media screen and (max-width: 1500px){
    #sub_visual{padding-top: 80px;}
    #sub_visual .sub_visual_bg::before {
        display: none;
    }
    .sub_visual_title {text-align: center; font-size: 45px;}
    #sub .board_list_title{padding: 6rem 2%;}
    #sub.sub01_02 .board_list_title{padding: 6rem 2% !important;}
    #sub.sub01_03 .board_list_title{padding: 6rem 2% !important;}
    #sub .board {padding: 0 3rem;}
    #sub.sub03_02 .board_list_title{
        padding: 6rem 2% !important;
    }

    /* 탭 리스트 서브 배너 tab list sub banner 1500px*/
    .sub_banner{width: 100vw;}
    .sub_banner .sub_banner_wrap ul{width: 90%;}
    .sub_banner .sub_banner_wrap ul li img{width: 100%;}

    /* 후원안내 페이지 1500px */
    #sub.sub04_03 .board{
        padding:0;
    }    

    /* 봉사안내 페이지 1500px */
    .apply_pro ul{
        width:90%;
    }

}
@media screen and (max-width: 1400px){
    
    /* gallery view 페이지 1400px */
    .swiper_arr_thumbs.swiper-button-next{
        right: 5%;
    }
    .swiper_arr_thumbs.swiper-button-prev{
        left: 5%;
    }
    table.board_normal_view tr .board_content img{
        width: 100%;
    }
    .view_page_wrap > div {
        width: calc(96% / 2 - 65px);
    }

    /* gallery list 페이지 1400px */
    .gallery .gall_con {
        height: 100%;
        padding: 30px 0;
    }
    .gallery .sec_sld_con .img_box {
        width: 40%;
    }
    .notice .gallery .sec_sld_con{
        gap: 30px;
    }
    .gallery .sec_sld_con .text_box{
        width: calc(60% - 30px);
    }
    .gallery .sec_sld_con .text_box .sec_sld_title{
        margin: 15px 0 10px;
    }

    /* sub01 1400px */
    /* 오시는 길 1400px */
    #daumRoughmapContainer1767689619039{
        width: 100% !important;
    }
    /* 미션비전 페이지 1400px */
    .sub01_02_wrap {
        gap: 40px;
    }
    .sub01_02_wrap div .title {
        margin: 8px 90px 20px 0;
    }
    .sub01_02 .border_cfcfcf {
        margin-top: 60px;
        padding: 50px 0 30px;
    }
    
    /* sub03 1400px */
    .sub_banner_title{
        padding: 90px !important;
    }
    .sub01_02_wrap div {
        padding: 20px 30px;
    }
    .sub01_02_wrap div .ico_img {
        top: 20px;
        right: 30px;
    }
}

@media screen and (max-width: 1280px){
    #sub .board {padding: 0rem;}
    #sub02 .board {padding: 0rem;}
    .board_list_title{padding: 7rem 0;}
    /* .f_20px{font-size: 1.6rem;}
    .f_24px{font-size: 2rem;}
    .f_26px{font-size: 2.1rem;}
    .f_28px{font-size: 2.2rem;}
    .f_35px{font-size: 2.5rem; line-height: 3.8rem;}
    .f_40px{font-size: 2.75rem;}
    .f_48px{font-size: 3rem;}
    .f_60px{font-size: 4rem;}
    .f_72px{font-size: 5rem;} */
    #sub_visual .sub_title.f_60px{font-size: 5rem;}

    /* list 페이지 1280px */
    table.board_normal.board_tab .board_point td:nth-child(3){width: 45%; padding-left: 30px;}
    /* view 페이지 1280px */
    table.board_normal_view tr th {
        height: 7rem;
        padding: 1.8rem 0;
        font-size: 2.2rem;
        line-height: 3.5rem;
    }
    table.board_normal_view tr td {
        height: 7rem;
        padding: 2rem 0;
        font-size: 1.8rem;
    }
    table.board_normal_view em::after {
        height: 1.5rem;
    }
    table.board_normal_view tr td.board_content img {
        width: 100%!important;
        height: auto!important;
    }
    table.board_normal_view tr td.prenext img {
        margin-left: 0.8rem;
        margin-top: 1.1rem;
    }
    .board_btn a {
        width: 12rem;
        margin: 3rem 1rem 0 1rem;
        line-height: 5rem;
    }
    .board_btn button {
        width: 12rem;
        margin: 3rem 1rem 0 1rem;
        line-height: 5rem;
    }

    /* 탭 리스트 서브 배너 tab list sub banner 1280px*/
    .sub_banner .sub_banner_wrap .sub_banner_text.greenTxt04{width: 90%;}
    .sub_banner .sub_banner_wrap .sub_banner_text.blueTxt04{width: 90%;}
    .sub02 .sub_banner.sub02_03 #board_tab01 .sub_banner_text{justify-content: space-around;}

    /* gallery view 페이지 1280px */
    .swiper_wrap_inner{
        width: 80%;
    }
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs{
        top: 71.7%;
    }
}

@media screen and (max-width: 1200px){
    /* 후원안내 페이지 1200px */
    .useList ul{
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }
}

@media screen and (max-width: 1098px){
    /* gallery view 갤러리 뷰 페이지 1098px */
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs{
        top: 70.8%;
    }
}
@media screen and (max-width: 1024px){
    /* gallery view 갤러리 뷰 페이지 1024px */
    .gallery-top .swiper-slide img{
        max-width: 80%;
    }
    .gallery-top .swiper_arr_top{
        transform: scale(0.7);
    }

    /* ////////// sub01 start //////////*/
    #sub.sub01_02 .sub_contents .sub_visual_title{
        margin: 60px 0;
        text-align: left;
    }
    .sub01_02 .sub01_02_con2 {
        gap: 30px 20px;
    }
    .sub01_02 .sub01_02_con2 li{
        max-width: calc(100% / 2 - 10px);
    }

    .sub01_03_con li .textBox .sub{
        margin-bottom: 5px;
    }
    /* ////////// sub01 end //////////*/

    /* ////////// sub02 start //////////*/
    /* 장례지도사 소개 1024px */
    .sub02_01_title{margin: 40px 0 20px;}
    #sub.sub02_01 .board_list_title {
        padding: 6rem 2% 0;
    }
    .board_list_title > p{
        line-height: 28px;
    }
    .sub02_conBox01 ul{
        gap: 20px;
    }
    .sub02_conBox01 ul li{
        height: auto;
    }
    .sub02_conBox01 ul li div .imgBox {
        height: auto;
    }
    .sub02_conBox01 ul li div .textBox{
        height: 80px;
    }
    .sub02_conBox01 ul li div .textBox .sub{
        font-size: 18px;
    }
    .sub02_conBox02 ul{
        margin-top: 30px;
    }
    /* ////////// sub02 end //////////*/

    /* ////////// sub03 start //////////*/
    /* 교육프로그램 현장OJT 1024px*/
    .sub03_03_con li div .icon{
        width: 80px;
        height: 80px;
        right: 25px;
        bottom: 20px;
    }
    .sub03_03_con li div .icon img{
        transform: scale(0.7);
    }
    /* 발달지원 1024px */
    .sub03_conBox ul li span{
        width: 50px;
        height: 50px;
        font-size: 26px;
    }
    /* ////////// sub03 end //////////*/

    /* ////////// sub04 start //////////*/
    /* 자원봉사신청 뷰 페이지 1024px */
    .board_top_txt{
        justify-content: space-around;
    }
    /* ////////// sub04 end //////////*/

}

@media screen and (max-width: 980px){
    
    /* 탭 리스트 서브 배너 tab list sub banner 980px*/
    .sub_banner .sub_banner_wrap .sub_banner_text{width: 90%;}
    /* .sub_banner .sub_banner_wrap .sub_banner_text p{line-height: 24px; padding-top: 100px; padding-left: 0;} */
    /* 리스트 탭 980px */
    .sub_banner .sub_banner_wrap .sub_banner_text .sub_banner_content{width: calc(100%) !important; margin-bottom: 30px;}
    .sub_banner .sub_banner_wrap .sub_banner_text .sub_banner_content .sub_banner_tit{line-height: 40px !important; padding: 10px 30px;}
    .sub_banner .sub_banner_wrap .sub_banner_text .sub_banner_content p{margin-top: 15px !important;}
    /* .sub02 .sub_banner.sub02_03 #board_tab01{height: 900px;}
    .sub02 .sub_banner.sub02_03 #board_tab02{height: 900px;}
    .sub02 .sub_banner.sub02_03 #board_tab03{height: 600px;}
    .sub02 .sub_banner.sub02_04 #board_tab01{height: 800px;}
    .sub02 .sub_banner.sub02_04 #board_tab02{height: 600px;}
    .sub02 .sub_banner.sub02_04 #board_tab03{height: 800px;} */
    .sub02 .sub_banner .sub_banner_wrap{height: auto !important; padding: 80px 0 50px;}
    .sub02 .sub_banner .sub_banner_text.n2{flex-direction: column; justify-content: center;}
    
    /* view 페이지 980px */
    table.board_normal_view tr.view_title th{
        padding: 5rem 0;
        font-size: 30px;
        line-height: 30px;
    }
    table.board_normal_view tr td{
        padding: 2rem 1rem;
    }
    table.board_normal_view tr.view_info td {
        padding: 2rem 1rem 2rem;
        font-size: 20px;
    }
    table.board_normal_view tr td.board_content{
        padding: 3rem 1rem;
    }
    .view_page_wrap{
        gap: 15px;
    }
    .view_page_wrap > div{
        width: calc(100% / 2 - 40px);
        padding: 2rem 1.5rem;
    }
    /* gallery view 페이지 980px */
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs{
        top: 73.5%;
    }

    /* ////////// sub01 start //////////*/
    /* 인사말 페이지 980px */
    .sub01_01_conBox .textArea {
        width: calc(100% - 320px);
    }
    .sub01_01_conBox .imgArea{
        width: 300px;
        height: 100%;;
    }
    
    /* 미션비전 980px */
    .sub01_02 .sub_contents > .d-flex {
        flex-direction: row;
    }
    .sub01_02 .border_cfcfcf {
        margin-top: 50px;
        padding: 40px 20px 20px;
    }
    /* ////////// sub01 end //////////*/

    /* ////////// sub03 start //////////*/
        /* 교육원 980px */
    .board_list_title > p{
        line-height: 24px;
        font-weight: 500;
        margin-top: 15px;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li .d-flex{
        height: 300px;
        gap: 20px;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox {
        width: calc(50% - 20px);
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul{
        gap: 50px;
    }
    .sub03_conBox02 ul li .titWrap{
        margin-bottom: 10px;
    }
    .sub03_conBox02 ul li .subWrap p{
        line-height: 24px;
        margin-bottom: 10px;
    }
    /* 사업안내 이용안내 980px */
    .sub03_wrap .guide_section{
        flex-direction: column;
        gap: 20px; 
        padding: 20px 0px;
    }
    .sub03_wrap .guide_section h3{
        width: 100%;
    }
    .sub03_wrap .guide_section .contact_box{
        width: 100%;
    }
    .sub03_wrap .guide_section .contact_box table th {
        font-size: 16px;
        padding: 10px 5px;
    }
    .sub03_wrap .guide_section .contact_box table td{
        padding: 10px 5px 10px 5px;
    }
    .sub03_wrap .guide_section .contact_box ul li span{
        margin-right: 2px;
    }
    /* 발달지원 980px */
    .sub_banner_title {
        padding: 50px 50px 80px !important;
        height: auto;
        background-size: contain;
    }
    .sub03_sldWrap,
    .sub03_sld {
        width: 100%;
        overflow: hidden;
    }
    .sub03_sldWrap {
        margin: 85px 0 50px;
        padding: 50px 0;
    }
    .sub03_sldWrap .swiper-slide{
        width: 40vw;
        height: auto;
        aspect-ratio: 553 / 324;
        flex-shrink: 0;
    }
    .sub03_conBox ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
    /* .sub03_02 .sub03_conBox ul {
        gap: 30px;
    } */
    .sub03_conBox ul li{
        /* min-height: 150px; */
        padding: 20px 25px;
    }
    .sub03_conBox ul li .tit{
        padding-right: 25px;
    }
    /* ////////// sub03 end //////////*/
    
}
@media screen and (max-width: 768px){
    /* 서브 헤더 및 네비 */
    #sub_visual{height: 210px; overflow: visible;}
    .container{height: calc(210px - 50px);}
    .container.t_2{height: calc(300px - 110px);}

    /* 서브 타이틀 */
    #sub .board .board_list_title{padding: 2.5rem 2%;}
    #sub_visual .sub_visual_title {font-size: 30px;}
    #sub .sub_visual_title {font-size: 25px; }
    .sub_visual_tab{display: none;}
    .sub_nav_mo{
        width: 100%;
        display: flex;
        position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
        background-color: var(--white);
    }
    .sub_nav_mo select{
        width: 100%;
        height: 50px;
        border: 1px solid #dddddd;
        font-size: 14px;
        font-weight: 500;
        color: #5a5a5a;
        padding: 0 15px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
    }
    .sub_nav_mo > .sub_nav_wrap{
        position: relative;
        width: 50%;
    }
    .sub_nav_mo > .sub_nav_wrap::after {
        content: "";
        display: flex;
        width: 9px;
        height: 5px;
        background: url(/images/ico_subNav_arr_down.png) no-repeat center;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    .sub_nav_mo .sub_nav_wrap:nth-of-type(1) > select{
        border-right: 0;
    }
    .sub_visual_tab {bottom: 15px;}
    .sub_visual_tab ul{width: calc(100% - 0px); height: auto; margin: 0 auto; justify-content: space-between; align-content: flex-start; flex-wrap: wrap; overflow: auto;}
    .sub_visual_tab ul li{width: calc(100% / 2 - 5px); height: 45px; background-color: #fff; border: 1px solid #d4d4d4; box-sizing: border-box; margin-top: 10px;}
    .sub_visual_tab ul li:nth-child(1),.sub_visual_tab ul li:nth-child(2){margin-top: 0px;}
    .sub_visual_tab ul li a{font-size: 15px; font-weight: 500; color: #000;}
    .sub_visual_tab ul li.on{background-color: var(--main); border-color: var(--main);}
    .sub_visual_tab ul li.on a{color: #fff;}
    #sub_visual .sub_title.f_60px{font-size: 3.6rem;}
    table.board_normal_view colgroup col:nth-of-type(1) {
        width: 80px;
    }
    .board_list_warp{padding-bottom: 0rem;}
    #sub .board .board_list_title{padding: 2.5rem 10px !important;}

    
    /* list 페이지 768px */
    .search_wrap .d-flex{gap: 8px;}
    .notice .board .board_list_title{padding: 2.5rem 0 !important;}
    .notice .board_list_warp .search_select_wrap .search_field{font-size: 1.5rem; width: 128px; height: 5rem; padding: 0 2rem 0 1rem;}
    .notice .board_list_warp .search_area input{font-size: 1.5rem; width: 25rem; height: 5rem;}
    .board_list_warp .search_area div{height: 5rem;}
    table.board_normal .board_point td{font-size: 15px; padding: 2rem 0;}
    table.board_normal .board_point td:nth-child(1){width: 10%;}
    table.board_normal .board_point td:nth-child(2){width: 70%;}
    table.board_normal .board_point td:nth-child(4){width: 20%;}
    table.board_normal colgroup col:nth-of-type(4) {
        width: 10%;
    }
    td.f_mint.new p{display: flex !important; align-items: center;}
    td.f_mint p a{
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .hide_mo{display: none;}
    form input::placeholder {font-size: 1.5rem;}
    table.board_normal.listTd3 .board_point{position: relative; -webkit-position: relative; height: 72px; display: table-row;}
    table.board_normal.listTd3 .board_point td{position: relative; -webkit-position: relative; overflow: visible;}
    table.board_normal.listTd3 .board_point td:nth-child(1) p{position: absolute; -webkit-position: absolute; top: 10px; left: 45%; transform: translateX(-50%);}
    table.board_normal.listTd3 .board_point td:nth-child(2) p{position: absolute; -webkit-position: absolute; top: 10px; left: 0px; 
    width: calc(100% + 20px) !important;}
    /* table.board_normal.listTd3 .board_point td:nth-child(3) p{position: absolute; -webkit-position: absolute; bottom: 10px;         left: -67vw; width: 100px; font-size: 13px; color: #555555; text-align: left;} */
    table.board_normal.listTd3 .board_point td.f_mint p a{width: calc(100% + 0px); -webkit-line-clamp: 1; text-align: left;}
    table.board_normal.listTd3 .board_point td.f_mint.new p a{width: calc(100% + 0px);}
    /* list tab 페이지 */
    .board_list_tab{margin-bottom: 35px;}
    .board_list_tab ul{align-content: flex-start; flex-wrap: wrap; overflow: auto;}
    .board_list_tab ul li{width: calc(100% / 2 - 5px) !important; height: 45px;}
    .board_list_tab ul li:nth-child(1),.board_list_tab ul li:nth-child(1){margin-bottom: 10px;}
    .board_list_tab ul li a{font-size: 15px;}
    .board_list_tab.tabNum3 ul li{width: calc(100% / 1); height: 45px;}
    .board_list_tab.tabNum3 ul li:nth-child(2){margin-bottom: 10px;}
    table.board_normal.board_tab .board_point{position: relative; height: 72px;}
    table.board_normal.board_tab .board_point td:nth-child(1) p{position: absolute; top: 10px; left: 5px;}
    table.board_normal.board_tab .board_point td:nth-child(2) p{position: absolute; bottom: 10px; left: 45px; font-size: 13px; color: #555555;}
    table.board_normal.board_tab .board_point td:nth-child(3) p{position: absolute; top: 10px; left: 45px;}
    table.board_normal.board_tab .board_point td:nth-child(4) p{position: absolute; bottom: 10px; left: 150px; width: 100px; font-size: 13px; color: #555555;}
    table.board_normal.board_tab .board_point td.f_mint p a{width: 95%; -webkit-line-clamp: 1; text-align: left;}

    .sub02 .sub_banner .sub_banner_wrap{height: auto !important; padding: 50px 0 20px;}
    .sub02 .sub_banner.sub02_04 #board_tab03 > p.f_40px{margin-top: 30px;}
    /* 탭 리스트 서브 배너 tab list sub banner 768px*/
    .sub_banner_wrap{height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .sub_banner .sub_banner_wrap > p{margin: 30px 0;}
    .sub_banner .sub_banner_wrap ul{margin-bottom: 30px;}
    .sub_banner .sub_banner_wrap .sub_banner_text{width: 90% !important; background-position: center top !important; background-size: 80px !important;}
    .sub_banner .sub_banner_wrap .sub_banner_text p{line-height: 24px; margin: 0 auto;}
    .sub_banner .sub_banner_wrap .sub_banner_text p.f_20px {margin: 0;}
    .sub_banner .sub_banner_wrap .sub_banner_text .sub_banner_content .sub_banner_tit{line-height: 24px !important; padding: 10px 20px; border: 4px solid #0fc4df !important;}
    .pagination{
        margin-top: 2rem;
    }
    .prenext_text {
        width: calc(100% - 100px);
    }

    /* gallery list 리스트 페이지 768px */
    .gallery .gall_con{        
        width: 100%;
        height: 225px;
    }
    .gallery .sec_sld_con .text_box{
        max-height: 170px;
        padding: 18px 0px;
    }

    /* view 페이지 768px */
    #sub .board_view_title{
        padding: 2.5rem 0;
    }
    table.board_normal_view tr.view_title{
        border-top: 1px solid #000;
    }
    table.board_normal_view tr th {
        height: 5rem;
        padding: 1.2rem 0;
        font-size: 2.3rem;
        line-height: 2.4rem;
    }
    table.board_normal_view tr.view_title th{
        padding: 2rem 0;
        font-size: 2.3rem;
        line-height: 2.4rem;
    }
    table.board_normal_view tr td {
        height: 5rem;
        padding: 1.5rem 0;
        font-size: 1.5rem !important;
    }
    table.board_normal_view tr.view_info td.board_info {
        padding: 2rem 0rem 0.9rem;
    }
    table.board_normal_view tr td.board_info {
        padding: 1.5rem 0rem;
    }
    table.board_normal_view em::after {
        height: 1.3rem;
        margin-left: 0.8rem;
        margin-right: 0.8rem;
    }
    table.board_normal_view tr td.board_content {
        padding: 2.5rem 0;
    }
    table.board_normal_view tr td.view_pagination{
        padding: 15px 0;
    }
    .view_page_wrap{
        flex-direction: column;
        gap: 4px;
    }
    .view_page_wrap > div{
        width: 100%;
        padding: 12px 18px;
        box-sizing: border-box;
    }
    .view_page_wrap > div.next{
        flex-direction: row-reverse;
        justify-content: left;
    }
    table.board_normal_view tr td .view_sub_tit {
        width: 100px;
        gap: 7px;
    }
    table.board_normal_view tr td .board_info_flex .view_sub_tit img{
        transform: scale(0.7);
        transform-origin: right;
    }
    .view_page_wrap > div.prev .view_sub_tit {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .view_page_wrap > div.prev .view_sub_tit img{
        content: url(/images/ico_view_arr_next.png);
    }
    .next .prenext.view_sub_tit{
        justify-content: flex-start;
    }
    table.board_normal_view tr td.prenext img {
        margin-left: 0.8rem;
        margin-top: 0.7rem;
    }
    .board_file{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: calc(100% - 100px);
    }
    .board_btn a {
        border: 1px solid #888888;
        font-size: 1.4rem;
    }
    .board_btn button {
        border: 1px solid #888888;
        font-size: 1.4rem;
    }
    /* gallery view 뷰 페이지 768px */
    .gallery-top{
        height: 500px;
    }
    .gallery-top .swiper-slide{
        height: 500px !important;
    }
    .gallery-top .swiper-slide img {
        max-width: 100%;
    }
    .gallery-top .swiper_arr_top{
        transform: scale(0.45);
    }
    .swiper_wrap_inner{
        width: 80%;
    }
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs{
        top: 68%;
    }
    .swiper_arr_thumbs.swiper-button-prev{
        left: 0;
    }
    .swiper_arr_thumbs.swiper-button-next{
        right: 0;
    }
    .gallery-thumbs .swiper-slide{
        height: 70px !important;
    }
    .border_view .board_btn a{
        height: 39px;
    }
    .border_view .board_btn button{
        height: 39px;
    }
    
    /* /* gallery list 페이지 768px */
    .gallery .gall_con {
        height: 100%;
    }

    /* 인사말 768px */
    .sub01_01_conBox {
        margin-top: 30px;
    }
    .sub01_01_conBox .d-flex{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .sub01_01_conBox .textArea {
        width: calc(100% - 0px);
    }
    .sub01_01_conBox .textArea p {
        line-height: 24px;
    }
    .sub01_01_conBox .imgArea{
        width: 100%;
        height: 100%;;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .sub01_01_conBox .imgArea img{
        content: url(/images/sub01_01_con_m.png);
    }

    /* 시설안내 768px */
    #sub.sub01_02 .sub_contents .sub_visual_title{
        margin: 30px 0 15px;
    }
    #sub.sub01_02 .sub_contents table td {
        padding-left: 10px;
    }
    .sub01_02 .sub01_02_con2 {
        gap: 10px 10px;
    }
    .sub01_02 .sub01_02_con2 li {
        max-width: calc(100% / 2 - 5px);
    }
    /* 교수진 소개 */
    .sub01_03_con li {
        width: 100%;
    }
    .sub01_03_con li .textBox .title{
        margin-bottom: 10px;
    }

    /* 오시는길, 현황 페이지 공통 스타일 768px */
    .sub01_05_wrap section,.sub01_04_wrap section{
        flex-direction: column;
    }
    .sub01_05_wrap section h4, .sub01_04_wrap section h4{
        padding-left:0;
        margin-bottom:4rem;
    }
    .sub01_05_wrap section .left,.sub01_05_wrap section .right,.sub01_04_wrap section .left,.sub01_04_wrap section .right{
        width:100%;
        padding-left:0;
    }

    .sub01_05_wrap section table td,.sub01_04_wrap section table td{
        padding:1.5rem;
    }

    .sub01_05_wrap section,.sub01_04_wrap section{
        padding-top:4rem;
    }    

    /* 오시는 길 768px */
    .sub01_04_conBox {
        margin-top: 30px;
    }
    .sub01_04_conBox .mapArea {
        width: calc(100% - 250px);
    }
    .sub01_04_conBox .textArea {
        width: 250px;
    }
    .sub01_04_conBox2 {
        margin-top: 30px;
        padding: 30px 0;
    }
    .subwayWrap > p > span {
        width: 80px;
        height: 80px;
    }
    .subwayWrap > p > span img{
        width: 100%;
        object-fit: contain;
    }

    /* 현황 페이지 768px */
    .sub01_04_wrap section .right{
        overflow-x: scroll;
    }

    /* 연혁 페이지 768px */
    .sub01_03_wrap .left,.sub01_03_wrap .right{
        width:100%;
    }
    .sub01_03_wrap{
        padding:6rem 0;
    }
    .yearBtn{
        margin-bottom:6rem;
    }
    .sub01_03_wrap section.show{
        flex-direction: column;
        row-gap:45px;
    }
    .yearBtn li span{
        text-align: justify;
        width:auto;
    }

    /* ////////// sub02 768px start //////////*/
    /* 장례지도사 소개 768px */
    .sub02_01_title {
        margin: 30px 0 20px;
    }
    #sub.sub02_01 .board .board_list_title {
        padding: 2.5rem 10px 0 !important;
    }
    .sub02_conBox01 ul li{
        width: calc(100% / 2 - 10px);
    }
    /* 비전 및 전망 768px */
    .sub02_02_conBox{
        margin-top: 30px;
    }
    .sub02_02_conBox ul li {
        width: calc(100% / 1);
        padding: 20px 15px;
    }
    .sub02_02_conBox ul li::after{
        display: none;
    }
    .sub02_02_conBox ul li div {
        gap: 20px;
    }
    .sub02_02_conBox ul li div .imgBox{    
        /* transform: scale(0.7); */
        margin-top: 0px;
        max-width: 65px;
        max-height: 65px;
        width: 20%;
        height: 20%;
    }
    .sub02_02_conBox ul li div .imgBox img{
        width: 100%;
        height: 100%;
    }
    .sub02_02_conBox ul li div .textBox{
        width: calc(100% - 70px);
    }
    .sub02_02_conBox ul li div .textBox .sub{
        line-height: 20px;
    }
    /* ////////// sub02 768px end //////////*/


    /* ////////// sub03 768px start //////////*/
    /* 교육원 768px */
    .board_list_title > p{
        line-height: 24px;
        font-weight: 500;
        margin-top: 15px;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li .d-flex{
        height: 300px;
        gap: 20px;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox {
        width: calc(50% - 20px);
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul{
        gap: 50px;
    }
    .sub03_conBox02 ul li .titWrap{
        margin-bottom: 10px;
    }
    .sub03_conBox02 ul li .subWrap p{
        line-height: 24px;
        margin-bottom: 10px;
    }
    /* 교육원 480px */
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul{
        gap: 30px;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li .d-flex,
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li:nth-of-type(even) .d-flex {
        height: auto;
        gap: 20px;
        flex-direction: column;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li .imgBox{
        width: 100%;
        height: 200px;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 ul li .textBox {
        width: 100%;
        gap: 10px;
    }
    .sub_contents_wrap .sub_contents .sub03_conBox01 {
        margin-bottom: 60px;
    }
    .sub03_conBox02{
        flex-direction: column;
        gap: 0px;
    }
    .sub03_conBox02 .d-flex{
        width: 100%;
        gap: 20px;
    }
    .sub03_conBox02 ul{
        width: 100%;
        gap: 20px;
    }
    .sub03_conBox02 ul li{
        padding: 30px 15px;
    }
    .sub03_conBox02 ul li .subWrap{
        margin-left: 35px;
    }
    .sub03_conBox02 ul li .titWrap{
        gap: 10px;
    }
    .sub03_conBox02 ul li .titWrap span{
        width: 30px;
        height: 30px;
    }
    .specialBox .titWrap .c_w{
        width: 50px;
        height: 50px;
    }
    /* 교육과정 768px */
    #sub .sub_contents div:has(table){overflow-x: scroll;}
    .sub03_02 .sub_contents > div h3{
        margin-bottom: 15px;
        align-items: center;
    }
    .sub03_02 .sub_contents > div h3 .num {
        width: 28px;
        height: 28px;
    }
    .sub03_02 .sub_contents .con01, .sub03_02 .sub_contents .con02{
        flex-direction: column;
    }
    .sub03_02 .sub_contents .con01 p{
        margin-top: 0;
        margin-left: 35px;
    }
    .sub03_02 .sub_contents .con02 ul{
        margin-top: 0;
        margin-left: 18px;
    }
    .sub03_02 .sub_contents > div p, .sub03_02 .sub_contents > div ul {
        margin-left: 18px;
    }
    .sub03_02 .sub_contents > div {
        margin-bottom: 20px;
    }
    #sub .sub_contents table tr {
        height: 40px;
    }
    #sub .sub_contents table th{
        font-size: 15px;
    }
    #sub .sub_contents table td{
        font-size: 14px;
    }
    /* 교육프로그램 현장OJT 768px*/
    .sub03_03_con{
        gap: 20px;
    }
    .sub03_03_con li{
        width: calc(50% - 10px);
        height: 250px;
        padding: 25px 20px;
    }


    /* 사업안내 이용안내 768px */
    .sub03_wrap .guide_section .contact_box table{
        border: 0;
    }
    .responsive_table,
    .responsive_table thead,
    .responsive_table tbody,
    .responsive_table th,
    .responsive_table td,
    .responsive_table tr {
        display: block;
        width: 100%;
    }

    .responsive_table thead {
        display: none;
    }

    .responsive_table tr {
        margin-bottom: 0;
        border: 0;
        padding: 0;
    }

    .sub03_wrap .guide_section .contact_box table td {
        padding: 10px;
        box-sizing: border-box;
        border-bottom: 0;
        position: relative;
    }
    .sub03_wrap .guide_section .contact_box table td:last-child {
        padding: 10px;
        box-sizing: border-box;
        border-bottom: 1px solid #cfcfcf;
        position: relative;
    }

    .responsive_table td::before {
        content: attr(data-label);
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: bold;
        white-space: nowrap;
        color: #fff;
        background-color: #19b387;
        width: 125px;
        height: 100%;
        padding: 10px 8px;
        box-sizing: border-box;
        font-size: 16px;
        letter-spacing: -1px;
    }

    .responsive_table ul {
        padding-left: 120px;
        margin: 0;
        list-style: none;
    }

    .sub03_wrap .guide_section .contact_box ul li {
        margin-bottom: 0;
    }

    .responsive_table .d-flex {
        display: flex;
        align-items: flex-start;
    }

    .responsive_table .d-flex p {
        margin: 0;
    }
    
    /* 발달지원 768px */
    .sub03_conBox ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    /* .sub03_02 .sub03_conBox ul{
        gap: 20px;
    } */
    .sub_banner_title {
        padding: 40px 30px 60px !important;
        background-position: -59px 53px;
    }
    .sub_banner_title p {
        margin-top: 30px;
    }
    .sub03_sldWrap {
        margin: 50px 0 30px;
    }
    .sub03_sldWrap .swiper-slide {
        width: 50vw;
    }
    .sub03_sldWrap .swiper-slide .txtBox{
        height: 30px;
        font-size: 15px;
    }
    .sub03_conBox ul li {
        padding: 20px 15px;
    }
    .sub03_conBox ul li span {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .sub03_conBox ul li .tit {
        padding-right: 30px;
    }
    /* ////////// sub03 768px end //////////*/

    /* ////////// sub04 768px start //////////*/
    /* 자원봉사신청 쓰기 페이지 */
    .board_btn a{height: 45px;}
    .board_list_warp,
    .board_list_warp.active{
        margin-bottom: 95px;
    }
    .joinContainer li{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
        padding: 13px 7.5px;            
    }
    .joinContainer li > div{
        width:100%;
    }
    .joinContainer h4 {
        width: 100%;
    }
    .exTxt{ font-size: 13px; margin-top: 5px;}
    .joinContainer input[type="text"],
    .joinContainer input[type="password"],
    .joinContainer input[type="date"]{
        width:100%;
        height: 45px;
        font-size: 15px;
    }
    .joinContainer li #memo{
        width: calc(100% - 40px);
        font-size: 15px;
    }
    .joinContainer input[type="text"]::placeholder,
    .joinContainer input[type="password"]::placeholder,
    .joinContainer input[type="date"]::placeholder,
    .joinContainer li #memo::placeholder{
        font-size: 15px;
    }
    .joinContainer .durationBox input[type="text"]{
        width:30%;
    }

    /* 자원봉사신청 리스트 페이지 768px */
    table.board_normal .board_point .new p::after{
        background-size: contain;
    }
    table.board_normal tr th.applyTit{
        /* min-width: 100px; */
        text-align: center;
        padding-right: 4vw;
    }
    /* table.board_normal .board_point td.applyDate.date p{
        top: 10px;
        position: absolute;
        padding-right:0;
    } */
    .pagination .btnBox{
        position: unset;
    }
    .pagination .btnBox a{
        margin: 3rem 1rem 0 1rem;
    }
    /* ////////// sub04 768px end //////////*/

    /* ////////// sub04 start //////////*/
    /* 자원봉사신청 뷰 페이지 768px */
    .board_top_txt{
        flex-direction: column;
    }
    .board_top_txt span.f_bold{
        display:inline-block;
        min-width:54px;
    }
    .border_view .btnBox{
        justify-content: center;
    }
    .border_view .btnBox .board_btn{
        width: calc(100% / 3 - 9px);
    }
    .border_view .btnBox a{
        margin: 3rem 0rem 0 0rem;
    }
    table.board_normal_view tr.view_title .tit{
        width: calc(100% - 80px);
    }
    table.board_normal_view tr.view_title .sub{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    table.board_normal_view tr.view_title .sub em{
        display: none;
    }

    /* 후원 안내페이지 768px */
    .sub04_03_wrap section:nth-child(1){
        padding-top:6rem;
    }
    .sub04_03_wrap section > ul,.sub04_01_wrap section > ul{
        gap: 1.5rem;
    }
    .sub04_03_wrap section > ul li,.sub04_01_wrap section > ul li{
        width: calc(50% - 9px);
        padding: 3rem 2rem;
    }
    .sub04_03_wrap section > ul li img,.sub04_01_wrap section > ul li img{
        width:25%;
    }
    .useList ul{
        row-gap: 3rem;
    }
    .sub04_03_wrap .donationAskBox > div{
        flex-direction: column;
        row-gap: 3rem;
    }
    .sub04_03_wrap .donationAskBox .left{
        width:100%;
        text-align:center;
    }
    .sub04_03_wrap section.donationAskBox h3{
        text-align:center;
    }        
    .check_icon{
        left: 50%;
        top: -35px;
        transform: translate(-50%,-50%);
    }
    #donation_apply_box > div{
        flex-direction: column;
        align-items: baseline;
    }
    #donation_apply_box > div h2,#donation_apply_box form{
        padding: 19px 20px;
    }
    #apply_pop .joinContainer h4{
        width:100%;
    }
    #donation_apply_box > div p{
        width:90%;
    }
    #close_popup_btn{
        width: 58px !important;
        height: 58px !important;
        top: -30px !important;
    }

    /* 봉사안내 768px */
    .apply_pro{
        padding: 6rem 0;
        padding-top: 6rem !important;
    }
    section.sub04_01_info{
        margin:0 10px;
        margin-top:6rem;
        padding-top:6rem;
        width:calc(100% - 20px);
    }
    section.sub04_01_info > ul > li{
        padding:0;
        padding-bottom: 6rem;
        flex-direction:column;
        width:100%;
    }
    .apply_pro ul{
        flex-direction: column;
        row-gap: 1.5rem;
    }
    .apply_pro li{
        width:30%;
    }
    .arrow_right{
        transform: rotate(90deg);
        width:25% !important;
    }
    .apply_pro img{
        width:40%;
    }
    section.sub04_01_info ul li p,section.sub04_01_info h5{
        text-align:left;
    }
    section.sub04_01_info ul li .left,section.sub04_01_info ul li .right{
        width:100%;
    }
    section.sub04_01_info ul li{
        justify-content: flex-start;
        width:100%;
    }
    section.sub04_01_info ul ul li{
        padding:0;
    }

    /* ////////// sub04 end //////////*/    
}
@media screen and (max-width: 640px){
    /* list 페이지 640px */
    .board_list_warp .list_top{display: block !important; margin-bottom: 1rem;}
    .board_list_warp .list_top form{margin-bottom: 2rem; justify-content: flex-end !important;}
    .board_list_warp .search_area a{height: 5rem;}
    .notice .board_list_warp .search_area{text-align: right;}
    .notice .board_list_warp .search_area input {
        width: 100% !important;
        height: 5rem !important;
        padding: 0 5rem 0 1.5rem !important;
    }
    table.board_normal tr th{
        padding: 10px 0;
        font-size: 15px;
    }
    table.board_normal tr th:nth-last-child(1):not(.applyTit){
        padding: 0 20px 0 0;
    }
    table.board_normal .board_point td{
        height: 70px;
        padding: 0rem 0;
    }
    table.board_normal .board_point td.date p{
        position: absolute;
        width: 100px;
        /* top: 10px;
        padding-right:20px; */
        bottom: 10px;
        right: 0;
        padding-right: 0;
        text-align: center;
        justify-content: center;
    }

    /* 탭 리스트 서브 배너 tab list sub banner 640px*/
    .sub_banner .sub_banner_wrap ul{align-content: flex-start; flex-wrap: wrap; }
    .sub_banner .sub_banner_wrap ul li{width: calc(100% / 2 - 10px);}
    .sub_banner .sub_banner_wrap .sub_banner_text.greenTxt02, .sub_banner .sub_banner_wrap .sub_banner_text.greenTxt03, .sub_banner .sub_banner_wrap .sub_banner_text.greenTxt04{margin-top: 20px;}
    .sub_banner .sub_banner_wrap .sub_banner_text.blueTxt02, .sub_banner .sub_banner_wrap .sub_banner_text.blueTxt03, .sub_banner .sub_banner_wrap .sub_banner_text.blueTxt04{margin-top: 20px;}

    /* 교육프로그램 현장OJT 640px*/
    .sub03_03 .board_list_warp .sub_visual_title{
        padding: 0rem 0px 2.5rem !important;
    }
    .sub03_03_con{
        gap: 10px;
        margin-top: 0;
    }
    .sub03_03_con li{
        width: 100%;
        height: auto;
        background-color: var(--main);
        color: var(--white);
        padding: 25px 55px 25px 20px;
    }
    .sub03_03_con li:nth-of-type(even){
        background-color: var(--white);
        color: var(--main);
    }
    .sub03_03_con li div{
        gap: 10px;
    }
    .sub03_03_con li div .icon {
        width: 50px;
        height: 50px;
        right: 10px;
        bottom: 10px;
        background-color: var(--white);
    }
    .sub03_03_con li div .icon img {
        transform: scale(0.4);
    }
    .sub03_03_con li:nth-of-type(even) div .icon{
        background-color: var(--main);
    }
    .sub03_03_con li:nth-of-type(3) div .icon img{
        content: url("/images/sub03_03_con03_blue.png");
    }
    .sub03_03_con li:nth-of-type(4) div .icon img{
        content: url("/images/sub03_03_con04_white.png");
    }
    .sub03_03_con li div .sub{
        font-size: 16px;
    }

}
@media screen and (max-width: 590px){
    /* gallery view 갤러리 뷰 페이지 590px */
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs{
        top: 66.5%;
    }
    /* 미션 비전 590px */
    .sub01_02 .sub_contents > .d-flex {
        flex-direction: column;
    }
    .sub01_02_wrap div {
        width: 100%;
    }
    .sub01_02 .border_cfcfcf {
        margin-top: 30px;
        padding: 20px 20px 10px;
    }
    /* 비밀번호 확인 */
    .pw_box{
        padding: 35px 30px;
        flex-wrap: wrap;
    }
    .pw_box input[type="password"]{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
	.pw_box input[type="button"]{
        width: calc(100% / 2 - 4.5px);
    }
	.pw_box input[id="pw_cancel"]{
        width: calc(100% / 2 - 4.5px);
    }

}
@media screen and (max-width: 480px){
    /* list 페이지 480px */
    /* table.board_normal .board_point td.date p{width: 40px; margin: 0 auto;} */
    table.board_normal .board_point td:nth-child(1){width: 20%;}
    table.board_normal .board_point td:nth-child(4){width: 10%;}
    .pagination li a{
        width: 37px;
        height: 37px;
        line-height: 37px;
    }
    /* gallery view 뷰 페이지 480px */
    .gallery-top{
        height: 256px;
    }
    .gallery-top .swiper-slide{
        height: 256px !important;
    }
    .swiper-button-next.swiper_arr_top{
        right: -20px;
    }
    .swiper-button-prev.swiper_arr_top{
        left: -20px;
    }
    .gallery-thumbs .swiper-slide{
        height: 55px !important;
    }
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs {
        top: 55%;
        transform: scale(0.6);
    }
    /* gallery list 리스트 페이지 480px */
    .notice .gallery .sec_sld_con{
        flex-direction: column;
    }
    .gallery .sec_sld_con .img_box{
        width: 100%;
    }
    .gallery .sec_sld_con .text_box{
        width: 100%;
    }
    .notice .gallery .sec_sld_con{
        gap: 0;
    }
    .gallery .sec_sld_con .text_box{
        padding: 18px 0px 0;
    }
    .gallery .gall_con{
        padding: 20px 0 12px;
    }

    /* 교수진소개 480px */
    .sub01_03_con{
        gap: 15px;
    }
    .sub01_03_con li{
        padding: 15px 10px;
        gap: 10px;
    }
    .sub01_03_con li > div {
        min-height: 100px;
    }
    .sub01_03_con li .imgBox {
        width: 80px;
        align-items: flex-start;
    }
    .sub01_03_con li .textBox {
        width: calc(100% - 80px - 10px);
    }
    .sub01_03_con li .textBox .sub{
        gap: 0px;
        padding-left: 10px;
        position: relative;
    }
    .sub01_03_con li .textBox .dot{
        position: absolute;
        left: 0;
        top: 7px;
    }
    .sub01_03_con li .textBox .title{
        padding-bottom: 5px;
    }
    /* 오시는 길 480px */
    .sub01_04_conBox {
        height: auto;
    }
    .sub01_04_conBox div{
        flex-direction: column;
    }
    .sub01_04_conBox .mapArea {
        width: 100%;
    }
    .sub01_04_conBox .textArea {
        width: 100%;
        padding: 30px 15px;
    }
    .sub01_04_conBox .textArea h3 br{
        display: none;
    }
    #daumRoughmapContainer1767689619039 {
        height: 300px !important;
    }
    .sub01_04_conBox .textArea ul {
        margin-top: 15px;
    }
    .sub01_04_conBox .textArea ul li {
        margin-bottom: 10px;
    }
    .sub01_04_conBox .textArea ul li p:nth-of-type(1){
        margin-bottom: 5px;
    }
    .sub01_04_conBox2 {
        padding: 15px 0;
    }
    .subwayWrap {
        flex-direction: column;
    }
    .subwayWrap  > * {
        width: 100% !important;
    }
    .subwayWrap ul{
        gap: 10px;
    }
    .subwayWrap > p > span {
        width: 50px;
        height: 50px;
    }

    /* ////////// sub02 start //////////*/
    .sub02_01 .f_22px {
        font-size: 16px !important;
    }
    .sub02_conBox01 ul{
        gap: 15px;
    }
    .sub02_conBox01 ul li {
        width: calc(100% / 2 - 8px);
    }
    .sub02_conBox02 ul{
        gap: 15px;
    }
    .sub02_conBox02 ul li{
        height: auto;
        padding: 20px 10px 20px 20px;
    }
    .sub02_conBox02 ul li .titWrap{
        margin-right: 20px;
    }
    .sub02_conBox02 ul li .subWrap{
        width: calc(100% - 100px);
    }
    .sub02_conBox02 ul li .imgWrap{
        transform: scale(0.8);
    }
    /* ////////// sub02 end //////////*/


    /* ////////// sub03 start //////////*/
    

    .sub03_conBox ul {
        gap: 15px;
    }
    /* .sub03_02 .sub03_conBox ul {
        gap: 15px;
    } */
    .sub03_sldWrap .swiper-slide {
        width: 70vw;
    }
    /* ////////// sub03 end //////////*/

    /* ////////// sub04 start //////////*/
    /* 자원봉사신청 쓰기 페이지 480px */
    .joinContainer li > div.phoneBox{
        display: grid;
        grid-template-columns: calc(31.5% - 10px) 3% calc(31.5% - 10px) 3% calc(31.5% - 10px);
        justify-content: space-between;
        align-items: center;
        text-align: center;
        column-gap: 0;
    }
    .joinContainer input#phone, .joinContainer input#phone02, .joinContainer input#phone03{
        width:auto;
    }
    .joinContainer li > div.durationBox{
        flex-direction: column;
        align-items: flex-start;
    }
    .joinContainer li > div.durationBox input{
        width: calc(100% - 40px);
    }
    .joinContainer .durationBox input[type="text"]{
        width:auto;
    }
    /* ////////// sub04 end //////////*/

}
@media screen and (max-width: 445px){
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs {
        top: 54%;
    }
}
@media screen and (max-width: 425px){

    /* 425px 서브 타이틀 */
    #sub .board .board_list_title{padding: 4rem 10px 20rem;}

    /* list 페이지 425px */
    .notice .board_list_warp .search_select_wrap .search_field{
        width: 110px;
    }
    .notice .board_list_warp .search_area{width: calc(100% - 110px); text-align: left;}
    .notice .board_list_warp .search_area input {
        width: 100% !important;
        padding: 0 3rem 0 1.5rem !important;
    }
    table.board_normal .board_point .date{padding-right: 4vw;}

    .pagination li a{ width: 31px; height: 31px; line-height: 31px; }    
    /* .pagination > ul > li:first-child {display: none;}
    .pagination > ul > li:first-child{display: none;}
    .pagination > ul > li:last-child{display: none;} */
    .pagination .btn_page li:nth-child(3){border-right: 1px solid #cbcbcb;}
    /* .pagination .btn_page li:nth-child(4){display: none;}
    .pagination .btn_page li:nth-child(5){display: none;} */

    /* 탭 리스트 서브 배너 tab list sub banner 425px*/
    .sub_banner .sub_banner_wrap > p{margin-top: 0;}


    /* 연혁 페이지 425px */
    .sub01_03_wrap .yearBox > li{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;     
        row-gap: 25px;   
    }
    .sub01_03_wrap .yearBox > li ul{
        padding-left:60px;
    }
    /* ////////// sub04 start //////////*/
    /* 자원봉사신청 리스트 페이지 425px */
    /* table.board_normal.listTd3 .board_point td.f_mint p a {
        width: 100%;
    } */

    /* 후원안내 페이지 425px */
    .processBox, .benefitBox{
        margin-top:6rem !important;
    }
    .processBox ul, .benefitBox ul{
        row-gap: 5rem;
        flex-direction: column;
        align-items: center;
    }
    .processBox li, .benefitBox li{
        width:100%;
        position:relative;
    }
    .processBox li:after, .benefitBox li:after{
        content: ">";
        color: #3cb892;
        left: 50%;
        bottom: -30px;
        transform: translateX(-50%) rotate(90deg);
        position: absolute;
        font-weight: 700;
    }
    .processBox li:last-of-type:after, .benefitBox li:last-of-type:after{
        display:none;
    }
    .processBox img, .benefitBox img{
        margin-bottom:1.5rem;
    }
    .processRound{
        display:none;
    }
    .sub04_03_wrap section{
        padding-top:6rem;
    }
    .sub04_03_wrap section > ul li,.sub04_01_wrap section > ul li:not(.sub04_01_info > ul li){
        width:100%;
        text-align: center;
        justify-content: center;
    }
    .sub04_03_wrap section > ul li img,.sub04_01_wrap section > ul li img{
        margin:0 auto;
    }
    .sub04_03_wrap .donationAskBox{
        padding-top:6rem;
    }
    .useList ul{
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    #donation_apply_box > div h2, #donation_apply_box form{
        padding: 19px 10px;
    }
    #close_popup_btn {
        width: 48px !important;
        height: 48px !important;
        top: -20px !important;
        right: -20px !important;
    }    

    /* 봉사안내 425px */
    .apply_pro{
        margin-top: 6rem;
    }
    .apply_pro li{
        width:50%;
    }    
    /* ////////// sub04 end //////////*/
}

@media screen and (max-width: 375px){

    /* 375px 서브 타이틀 */
    #sub .board .board_list_title{padding: 4rem 10px 18rem;}
    
}
@media screen and (max-width: 365px){
    /* gallery view 페이지 365px */
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs {
        top: 52.5%;
    }
}
@media screen and (max-width: 340px){
    .pagination li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}
@media screen and (max-width: 306px){
    /* gallery view 페이지 306px */
    .swiper-button-prev.swiper_arr_thumbs, .swiper-button-next.swiper_arr_thumbs {
        top: 51%;
    }
}