/* 서브비주얼 */
.sub_visual { position: relative; height: 266px; overflow: hidden; }
.sub_visual .bg { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center/cover; transform-origin: center; transform: scale(1.1); animation: sub_bg linear forwards 5s; }
@keyframes sub_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.sv1 .bg { background-image: url(/image/sub/sub1_bg.jpg); }
.sv2 .bg { background-image: url(/image/sub/sub2_bg.jpg); }
.sv3 .bg { background-image: url(/image/sub/sub3_bg.jpg); }
.sv4 .bg { background-image: url(/image/sub/sub4_bg.jpg); }

.sub_visual .swrap { height: 100%; }
.sub_visual .txtbox { position: absolute; top: 50%; transform: translateY(-50%); margin-top: -1%; width: 100%; }
.sub_visual .txtbox .txt1 { text-align: center; font-weight: 700; font-size: 50px; color: #fff; }
@media (max-width: 767px) {
    .sub_visual .txtbox { margin-top: -2%; }
}

/* 서브메뉴 */
.sub_menu { margin-top: -45px; height: 45px; background-color: rgba(0, 0, 0, 0.7); }
.sub_menu .swrap { height: 100%; }
.sub_menu .contents { height: 100%; }
.sub_menu .contents .con { float: left; position: relative; height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.5); }
.sub_menu .contents .con1 { width: 45px; border-left: 1px solid rgba(255, 255, 255, 0.5); }
.sub_menu .contents .con1 > a { position: relative; display: block; height: 100%; }
.sub_menu .contents .con1 > a > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.sub_menu .contents .con1 > a:hover { background-color: #333; }
.sub_menu .contents .con2 { width: 200px; }
.sub_menu .contents .con2 .sub_menu1 { position: relative; height: 100%; cursor: pointer; }
.sub_menu .contents .con2 .sub_menu1:hover { background-color: #333;  }
.sub_menu .contents .con2 .sub_menu1 p { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 16px; color: #fff; }
.sub_menu .contents .con2 .sub_menu1 .down_arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 11px; height: 6px; background: url(/image/sub/sub_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con2 .sub_menu1.active .down_arrow { background-image: url(/image/sub/sub_menu_icon3.png); }
.sub_menu .contents .con3 { width: 230px; }
.sub_menu .contents .con3 .sub_menu2 { position: relative; height: 100%; cursor: pointer; }
.sub_menu .contents .con3 .sub_menu2:hover { background-color: #333;  }
.sub_menu .contents .con3 .sub_menu2 p { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 16px; color: #fff; }
.sub_menu .contents .con3 .sub_menu2 .down_arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 11px; height: 6px; background: url(/image/sub/sub_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con3 .sub_menu2.active .down_arrow { background-image: url(/image/sub/sub_menu_icon3.png); }
.sub_menu .contents .con .ssub_menu { display: none; z-index: 10; position: absolute; left: -1px; width: calc(100% + 2px); border: 1px solid #c0c0c0; }
.sub_menu .contents .con .ssub_menu a { display: block; padding: 10px 12px; text-align: left; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, 0.8) }
.sub_menu .contents .con .ssub_menu a:hover { background-color: #444; }

@media (max-width: 767px) {
    .sub_menu { margin-top: -40px; height: 40px; }
    .sub_menu .contents .con1 { width: 40px; }
    .sub_menu .contents .con2 { width: calc(45% - 20px);}
    .sub_menu .contents .con2 .sub_menu1 p { font-size: 14px; }
    .sub_menu .contents .con3 { width: calc(55% - 20px);}
    .sub_menu .contents .con3 .sub_menu2 p { font-size: 14px; }
    .sub_menu .contents .con .ssub_menu a { font-size: 14px; }
}

/* 서브섹션 */
.sub_sect { padding: 90px 0; }
.sub_sect .sub_tit { padding-bottom: 60px; text-align: center; font-weight: 700; font-size: 36px; color: #000; }

/* 서브1_1 */
.sub1_1 { overflow: hidden; }
.sub1_1 .txt1 { text-align: center; font-weight: 500; font-size: 17px; color: #535353; line-height: 1.7; }
.sub1_1 .cont { position: relative; margin-top: 35px; height: 390px; background: url(/image/sub/sub1_1_img1.jpg?v=240418) no-repeat center/cover; border: 1px solid #ddd; }
.sub1_1 .cont .scrbox { position: relative; top: 50%; left: 40%; transform: translateY(-50%); }
.sub1_1 .cont .scrbox .scr1 { font-weight: 800; font-size: 30px; color: #5a5a5a; line-height: 1.5; }
.sub1_1 .cont .scrbox .scr1 .br1 { display: none; }
.sub1_1 .cont .scrbox .scr1 .ver2 { color: #009f47; }
.sub1_1 .cont .scrbox .scr1 .ver3 { color: #0c0a88; }
@media (max-width: 1230px) {
    .sub1_1 .cont { height: calc(200px + 10vw); }
}
@media (max-width: 1024px) {
    .sub1_1 .cont { height: calc(170px + 8vw); }
    .sub1_1 .cont .scrbox { left: 0; text-align: center; }
}
@media (max-width: 524px) {
    .sub1_1 .cont .scrbox .scr1 .br1 { display: inline-block; }
}

/* 서브1_2 */
.sub1_2 .contents { display: flex; flex-wrap: nowrap; border: 1px solid #d6d6d6; }
.sub1_2 .contents .left { min-width: max-content; }
.sub1_2 .contents .left img { width: 391px; }
.sub1_2 .contents .right { position: relative; width: 100%; text-align: center;}
.sub1_2 .contents .right img { position: relative; top: 50%; transform: translateY(-50%); display: inline-block; width: 364px; }

.sub1_2 .table_wrap { position: relative; margin-top: 45px; }
.sub1_2 .table_wrap table { position: relative; width: 100% !important; border-collapse: collapse !important; border-spacing: 0 !important; border-top: 3px solid #000; border-left: 1px solid #dbdbdb; }
.sub1_2 .table_wrap table thead th { padding: 15px 5px; /* font-family: 'Pretendard-Regular' !important; */ font-weight: 700 !important; font-size: 18px; color: #000 !important; background-color: #f2f2f2; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.sub1_2 .table_wrap table tbody td { padding: 15px 5px; text-align: center; /* font-family: 'Pretendard-Regular' !important; */ font-weight: 500 !important; font-size: 18px; color: #535353 !important; line-height: 1.4; background-color: #fff; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }

.sub1_2 table th, .sub1_2 table td { width: 50%; }


@media (max-width: 1660px) {
    .sub1_2 .contents .left img { width: calc(210px + 10vw); }
    .sub1_2 .contents .right img { width: calc(190px + 9vw); }
}
@media (max-width: 1230px) {
    .sub1_2 .table_wrap table thead th { padding: 13px 5px; }
    .sub1_2 .table_wrap table tbody td { padding: 13px 5px; }
}
@media (max-width: 767px) {
    .sub1_2 .contents { justify-content: space-between; }
    .sub1_2 .contents .left { min-width: initial; width: 46%; }
    .sub1_2 .contents .right { width: 42%; margin-right: 4%; }
    .sub1_2 .contents .left img { width: 100%; }
    .sub1_2 .contents .right img { width: 100%; }

    .sub1_2 .table_wrap table thead th { padding: 12px 5px; }
    .sub1_2 .table_wrap table tbody td { padding: 12px 5px; }
}

/* 서브1_3 */
.sub1_3 { overflow: hidden; }
.sub1_3 .contents { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin: -20px; }
.sub1_3 .contents > li { position: relative; width: 50%; padding: 20px; }
.sub1_3 .contents > li .cont { position: relative; height: 100%; overflow: hidden; border-radius: 20px; box-shadow: 0 0 10px rgba(192, 192, 192, 0.5); }
.sub1_3 .contents > li .cont .top { position: relative; padding: 20px 30px; text-align: left; font-weight: 700; font-size: 25px; color: #fff; background-color: #01a24a; } 
.sub1_3 .contents > li .cont .bottom { position: relative; padding: 15px 30px; }
.sub1_3 .contents > li .cont .bottom dl { margin: 10px 0; position: relative; display: flex; flex-wrap: nowrap; }
.sub1_3 .contents > li .cont .bottom dl dt { min-width: max-content; }
.sub1_3 .contents > li .cont .bottom dl dt, .sub1_3 .contents > li .cont .bottom dl dd { font-weight: normal; font-size: 18px; color: #000; line-height: 1.7; word-break: break-all; }

.sub1_3 .contents > li .cont .bottom, .sub1_3 .contents > li .cont .bottom * { font-weight: normal; font-size: 18px; color: #000; line-height: 1.7; word-break: break-all; }

.sub1_3 .contents > li:nth-child(2n) .cont .top { background-color: #0d0d84; }

.sub1_3 .contents > li .modify { z-index: 10; position: absolute; top: 10px; right: 10px; font-weight: normal; font-size: 15px; }

.sub1_3 .admin_btn { position: relative; margin-bottom: 30px; }
.sub1_3 .admin_btn a { position: relative; display: inline-block; margin-right: 15px; }

@media (max-width: 1230px) {
    .sub1_3 .contents { margin: -15px; }
    .sub1_3 .contents > li { padding: 15px; }
    .sub1_3 .contents > li .cont .top { padding: 17px 25px; }
    .sub1_3 .contents > li .cont .bottom { padding: 10px 20px; }
    .sub1_3 .contents > li .cont .bottom dl { margin: 8px 0; }
}
@media (max-width: 767px) {
    .sub1_3 .contents { display: block; margin: 0; }
    .sub1_3 .contents > li { width: 100%; padding: 0; }
    .sub1_3 .contents > li:nth-child(n + 2) { margin-top: calc(15px + 1vw); }
    .sub1_3 .contents > li .cont .top { padding: 13px 10px; }
    .sub1_3 .contents > li .cont .bottom { padding: 8px 15px; }
    .sub1_3 .contents > li .cont .bottom dl { margin: 6px 0; }
    /* .sub1_3 .contents > li .cont .bottom dl { display: inline-flex; width: 45%; } */
}



/* 서브1_5 */
.sub1_5 .submapwrap { position: relative; border: 1px solid #ccc; }
.sub1_5 .submapwrap .mapwrap { position: relative; height: 600px; }
.sub1_5 .submapwrap .mapwrap #daumRoughmapContainer1712808571672 { width: 100%; height: 100%; }
.sub1_5 .submapwrap .mapwrap .wrap_map { width: 100%; height: calc(100% - 32px) !important; }

.sub1_5 .submapwrap .txtwrap { position: relative; padding: 20px; background-color: #393939; }
.sub1_5 .submapwrap .txtwrap ul { display: flex; flex-wrap: nowrap; }
.sub1_5 .submapwrap .txtwrap ul > li { position: relative; width: 50%; }
.sub1_5 .submapwrap .txtwrap ul > li:first-of-type { margin-right: 30px; }
.sub1_5 .submapwrap .txtwrap ul > li dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub1_5 .submapwrap .txtwrap ul > li dl dt { min-width: max-content; margin-right: 6px; }
.sub1_5 .submapwrap .txtwrap ul > li dl dt img { width: 24px; }
.sub1_5 .submapwrap .txtwrap ul > li dl dt, .sub1_5 .submapwrap .txtwrap ul > li dl dd { font-weight: 500; font-size: 18px; color: #d5d5d5; line-height: 1.66; }

.sub1_5 .submapwrap .txtwrap ul > li dl dd i { font-style: normal; }
.sub1_5 .submapwrap .txtwrap ul > li dl dd .br1 { display: none; }

@media (max-width: 1230px) {
    .sub1_5 .contents table th, .sub1_5 .contents table td { padding: 13px; font-size: 16px; }
    .sub1_5 .contents table th { padding-left: 20px; }

    .sub1_5 .submapwrap .mapwrap { height: calc(270px + 17vw); }
    .sub1_5 .submapwrap .txtwrap ul > li dl dt img { width: 22px; }
}
@media (max-width: 1024px) {
    .sub1_5 .contents .table_wrap { overflow-x: scroll; }
    .sub1_5 .contents table { width: 1050px; }

    .sub1_5 .submapwrap .txtwrap ul { display: block; }
    .sub1_5 .submapwrap .txtwrap ul > li { width: 100%; }
    .sub1_5 .submapwrap .txtwrap ul > li:first-of-type { margin-right: 0; margin-bottom: 15px; }
    .sub1_5 .submapwrap .txtwrap ul > li dl { align-items: baseline; }
}
@media (max-width: 767px) {
    .sub1_5 .contents table { width: 780px; }
    .sub1_5 .contents table th, .sub1_5 .contents table td { padding: 12px; font-size: 14px; }
    .sub1_5 .contents table th { padding-left: 15px; }

    .sub1_5 .submapwrap .mapwrap { height: calc(250px + 16vw); }

    .sub1_5 .submapwrap .txtwrap ul > li dl dd i { display: none; }
    .sub1_5 .submapwrap .txtwrap ul > li dl dd .br1 { display: inline-block; }
}