/* 서브비주얼 */
.sub_visual { position: relative; height: 420px; 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: 55%; width: 100%; }
.sub_visual .txtbox .txt1 { text-align: center; font-weight: 800; font-size: 45px; color: #001555; }
@media (max-width: 767px) {
    .sub_visual .txtbox { top: 53%; }
}

/* 서브메뉴 */
.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: 80px 0; }
.sub_sect .sub_tit { padding-bottom: 60px; text-align: center; font-weight: 700; font-size: 40px; color: #000; }
.sub_sect .sub_tit2 { padding-bottom: 40px; text-align: center; font-weight: 700; font-size: 40px; color: #000; }

/* 서브1_1 */
.sub1_1 { padding-bottom: 0 !important; }
.sub1_1 article { position: relative; text-align: center; }
.sub1_1 article .tit1 { text-align: center; font-weight: 700; font-size: 22px; color: #a9a9a9; line-height: 1.3; }
.sub1_1 article .tit2 { margin-top: 8px; text-align: center; font-weight: 800; font-size: 35px; color: #001555; line-height: 1.3; }

.sub1_1 article.ver2 { padding-bottom: 90px; border-bottom: 1px solid #e1e1e1; }
.sub1_1 article.ver3 { padding: 80px 0; }
.sub1_1 article.ver4 { padding: 80px 0; background-color: #f9f9f9; }

@media (max-width: 1230px) {
    .sub1_1 article .tit1 { font-weight: 500; }
    .sub1_1 article .tit2 { margin-top: 5px; font-weight: 600; }
}
@media (max-width: 767px) {
    .sub1_1 article .tit2 { margin-top: 0px; }
}

/* 서브1_2 */
.sub1_2 .submap_container { width: 100%; height: 600px; border: 1px solid #dfdfdf; /* border-bottom: none; */ }
.sub1_2 .submap_container #daumRoughmapContainer1716892887194 { width: 100%; height: 100%; }
.sub1_2 .submap_container .wrap_map { width: 100%; height: calc(100% - 32px) !important; }
.sub1_2 .submap_desc { display: flex; flex-wrap: nowrap; padding: 20px; background-color: #fff; border: 1px solid #dfdfdf; border-top: none; }
.sub1_2 .submap_desc dl { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; }
.sub1_2 .submap_desc dl dt { min-width: max-content; margin-right: 10px; }
.sub1_2 .submap_desc dl dt img { width: 21px; height: auto; line-height: 1.35; }
.sub1_2 .submap_desc dl dd { position: relative; }
.sub1_2 .submap_desc dl dd p { position: relative; font-weight: 500; font-size: 18px; color: #6a6a6a; line-height: 1.35; }
.sub1_2 .submap_desc dl dd p i { font-style: normal; }
.sub1_2 .submap_desc dl dd p br { display: none; }
@media (max-width: 1660px) {
    .sub1_2 .submap_desc dl dd p { font-size: 17px; }
}
@media (max-width: 1230px) {
    .sub1_2 .submap_container { height: calc(250px + 14vw); }

    .sub1_2 .submap_desc { padding: 15px; }
    .sub1_2 .submap_desc dl dd p { font-size: 15px; }
}
@media (max-width: 767px) {
    .sub1_2 .submap_desc { display: block; }
    .sub1_2 .submap_desc dl { width: 100%; }
    .sub1_2 .submap_desc dl dd p i { display: none; }
    .sub1_2 .submap_desc dl dd p br { display: inline-block; }
}

/* 서브2 */
.name_tabs { display: none; flex-wrap: nowrap; justify-content: center; padding-bottom: 40px; }
.name_tabs.active { display: flex; }
.name_tabs > li { position: relative; padding: 0 4px; }
.name_tabs > li a { position: relative; display: inline-block; padding: 16px 35px; text-align: center; font-weight: 700; font-size: 20px; color: #001555; border: 1px solid #001555; border-radius: 100px; }
.name_tabs > li.active a { color: #fff; background-color: #001555; }
@media (max-width: 1660px) {
    .name_tabs > li a { padding: 14px 30px; font-size: 16px; }
}
@media (max-width: 1230px) {
    .name_tabs { padding-bottom: 25px; }
    .name_tabs > li a { padding: 11px 20px; font-size: 15px; }
}
@media (max-width: 767px) {
    .name_tabs { padding-bottom: 10px; flex-wrap: wrap; justify-content: initial; }
    .name_tabs > li { padding: 0; width: 33.3333%; }
    .name_tabs > li a { display: block; width: 100%; padding: 10px 0; text-align: center; font-size: 14px; background-color: transparent; border-radius: 0; border: none; }
    .name_tabs > li.active a { color: #fff; background-color: #001555; }
    /* .name_tabs > li:nth-child(n + 4) { margin-top: 16px; } */

    .name_tabs > li::after { display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 50%; background-color: #001555; }
    .name_tabs > li:nth-child(3n):after { display: none; }
}