/* 서브비주얼 */
.sub_visual { position: relative; height: 340px; 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/sub1_bg.jpg); }
.sv2 .bg { background-image: url(/image/sub2_bg.jpg); }
.sv3 .bg { background-image: url(/image/sub3_bg.jpg); }
.sv4 .bg { background-image: url(/image/sub4_bg.jpg); }
.sv5 .bg { background-image: url(/image/sub5_bg.jpg); }

.sub_visual .swrap { height: 100%; }
.sub_visual .txtbox { position: absolute; top: 90px; width: 100%; height: calc(100% - 135px); }
.sub_visual .txtbox .txt1 { position: relative; top: 50%; transform: translateY(-50%); text-align: center; font-weight: 700; font-size: 34px; color: #fff; }
@media (max-width: 1660px) {
    .sub_visual { height: 320px; }
    .sub_visual .txtbox { top: 85px; height: calc(100% - 130px); }
}
@media (max-width: 1230px) {
    .sub_visual { height: 300px; }
    .sub_visual .txtbox { top: 80px; height: calc(100% - 125px); }
}
@media (max-width: 1024px) {
    .sub_visual { height: 280px; }
    .sub_visual .txtbox { top: 70px; height: calc(100% - 115px); }
}
@media (max-width: 767px) {
    .sub_visual { height: 240px; }
    .sub_visual .txtbox { height: calc(100% - 110px); }
}

/* 서브메뉴 */
.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: 240px; }
.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_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con2 .sub_menu1.active .down_arrow { background-image: url(/image/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_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con3 .sub_menu2.active .down_arrow { background-image: url(/image/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(100% - 40px);}
    .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 { position: relative; overflow: hidden; }
.sub1_1 .contents { position: relative; display: flex; flex-wrap: nowrap; }
.sub1_1 .contents .left  { position: relative; }
.sub1_1 .contents .left .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
.sub1_1 .contents .left .txt1 { font-weight: normal; font-size: 18px; color: #535353; line-height: 1.65; } 
.sub1_1 .contents .left .left_cont { position: relative; margin-top: 33px; padding: 35px; background-color: #e8f2f9; border-radius: 40px; }
.sub1_1 .contents .left .left_cont dl { display: flex; flex-wrap: nowrap; }
.sub1_1 .contents .left .left_cont dl:nth-child(n + 2) { margin-top: 10px; }
.sub1_1 .contents .left .left_cont dl:last-of-type { margin-top: 15px; }
.sub1_1 .contents .left .left_cont dl dt { /* min-width: max-content; */ width: 200px; margin-right: 30px; font-weight: normal; font-size: 18px; color: #166cac; line-height: 1.45; }
.sub1_1 .contents .left .left_cont dl dt span { font-weight: 700; }
.sub1_1 .contents .left .left_cont dl dd { font-weight: normal; font-size: 18px; color: #535353; line-height: 1.45; }
.sub1_1 .contents .left .left_cont dl dd  span { font-weight: 700; color: #000; }
.sub1_1 .contents .left .left_cont dl dd  span.ver2 { color: #166cac; }
.sub1_1 .contents .right { position: relative; min-width: max-content; margin-left: 50px; }
.sub1_1 .contents .right img { width: 437px; }
@media (max-width: 1660px) {
    .sub1_1 .contents .right { }
    .sub1_1 .contents .right img { width: calc(200px + 13vw); }
}
@media (max-width: 1230px) {
    .sub1_1 .contents .left .left_cont dl dt { width: 180px; margin-right: 25px; }
}
@media (max-width: 1024px) {
    .sub1_1 .contents { flex-wrap: wrap; flex-direction: column-reverse; }
    .sub1_1 .contents .left { margin-top: 25px; }
    .sub1_1 .contents .left .txtbox { top: 0; transform: translateY(0); }
    .sub1_1 .contents .left .left_cont dl { display: block; }
    .sub1_1 .contents .left .left_cont dl:last-of-type { margin-top: 20px; }
    .sub1_1 .contents .left .left_cont dl dt { margin-right: 0; min-width: initial; width: 100%; }
    .sub1_1 .contents .left .left_cont dl dd { margin-top: 5px; }
    .sub1_1 .contents .right { min-width: initial; margin-left: 0; text-align: center; }
    .sub1_1 .contents .right img { width: 100%; max-width: 250px; }
}
/* @media (max-width: 500px) {
    .sub1_1 .contents .left .left_cont dl { display: block; }
    .sub1_1 .contents .left .left_cont dl dt { margin-right: 0; min-width: initial; }
    .sub1_1 .contents .left .left_cont dl dd { margin-top: 15px; }
} */

/* 서브2_1 */
.sub2_1 { position: relative; overflow: hidden; }
.sub2_1 .img_wrap { position: relative; text-align: center; }
.sub2_1 .img_wrap img { width: 372px; }
.sub2_1 .txt1 { margin-top: 60px; text-align: left; font-weight: normal; font-size: 18px; color: #535353; line-height: 1.65; }
@media (max-width: 1660px) {
    .sub2_1 .img_wrap img { width: calc(100px + 15vw); }
}
@media (max-width: 1024px) {
    .sub2_1 .txt1 .br1 { display: none; }
}