/* 서브비주얼 */
.sub_visual { position: relative; height: 270px; 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 3s;}
.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); }
.sv6 .bg { background-image: url(/image/sub6_bg.jpg); }
@keyframes sub_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.sub_visual p { position: relative; top: 55%; transform: translateY(-50%); text-align: center; font-weight: 500; font-size: 45px; color: #fff; }
@media (max-width: 1024px) {
    .sub_visual { height: 200px; }
    .sub_visual p { top: 55%; font-size: 32px; }
}
/* 서브메뉴 */
.sub_menu { height: 50px; background-color: #2f3192; }
.sub_menu .swrap { height: 100%; }
.sub_menu .contents { height: 100%; }
.sub_menu .contents .con { float: left; position: relative; height: 100%; border-right: 1px solid #595aa8; }
.sub_menu .contents .con1 { width: 50px; border-left: 1px solid #595aa8; }
.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 .con2 { width: 220px; }
.sub_menu .contents .con2 .sub_menu1 { position: relative; height: 100%; cursor: pointer; }
.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: 220px; }
.sub_menu .contents .con3 .sub_menu2 { position: relative; height: 100%; cursor: pointer; }
.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: 0; width: 100%; }
.sub_menu .contents .con .ssub_menu a { display: block; padding: 10px 12px; text-align: left; font-size: 16px; color: #fff; background-color: rgba(47, 49, 146, 0.8); }
.sub_menu .contents .con .ssub_menu a:hover { background-color: #2f3192; }

@media (max-width: 767px) {
    .sub_menu { height: 40px; }
    .sub_menu .contents .con1 { width: 40px; }
    .sub_menu .contents .con2 { width: calc(50% - 20px);}
    .sub_menu .contents .con2 .sub_menu1 p { left: 8px; font-size: 13px; }
    .sub_menu .contents .con3 { width: calc(50% - 20px);}
    .sub_menu .contents .con3 .sub_menu2 p { left: 8px; font-size: 13px; }
    .sub_menu .contents .con .ssub_menu a { font-size: 13px; }
}

/* 서브섹션공통 */
.sub_sect { margin: 90px 0; }
.sub_sect .sub_tit { margin-bottom: 70px; text-align: center; font-weight: 700; font-size: 40px; color: #000; }

/* 서브1_1 */
.sub1_1 .img_wrap { text-align: center; }
.sub1_1 .contents { margin-top: 40px; }
.sub1_1 .contents .txt { font-weight: 700; font-size: 28px; color: #000; }
.sub1_1 .contents .table_wrap { margin-top: 20px; }
.sub1_1 .contents table { width: 100%; border-top: 2px solid #2f3192; border-spacing: 0; border-collapse: 0; }
.sub1_1 .contents table th, .sub1_1 .contents table td { padding: 15px; text-align: left; font-weight: 600; font-size: 18px; line-height: 1.3; border-bottom: 1px solid #d8d8d8; }
.sub1_1 .contents table th { width: 15%; padding-left: 25px; color: #2f3192; background-color: #f3f3fa; }
.sub1_1 .contents table td { width: 85%; color: #5e5e5e; }
@media (max-width: 1230px) {
    .sub1_1 .contents table th, .sub1_1 .contents table td { padding: 13px; font-size: 16px; }
    .sub1_1 .contents table th { padding-left: 20px; }
}
@media (max-width: 1024px) {
    .sub1_1 .contents .table_wrap { overflow-x: scroll; }
    .sub1_1 .contents table { width: 1050px; }
}
@media (max-width: 767px) {
    .sub1_1 .contents table { width: 780px; }
    .sub1_1 .contents table th, .sub1_1 .contents table td { padding: 12px; font-size: 14px; }
    .sub1_1 .contents table th { padding-left: 15px; }
}

/* 서브2_1 */
.sub2_1 .contents { display: flex; flex-wrap: wrap; }
.sub2_1 .contents > li { width: 32%; margin: 1% 0; margin-left: 2%; border: 1px solid #c1c1c1; background-color: #f3f3f3; }
.sub2_1 .contents > li:nth-child(3n - 2) { margin-left: 0; }
.sub2_1 .contents > li .img_wrap { text-align: center; background-color: #fff; }
.sub2_1 .contents > li p { padding: 15px 10px; text-align: center; font-weight: 600; font-size: 18px; color: #000; line-height: 1.2; }
@media (max-width: 1024px) {
    .sub2_1 .contents > li:nth-child(3n - 2) { margin-left: unset; }
    .sub2_1 .contents > li { width: 48%; margin: 2% 0; }
    .sub2_1 .contents > li:nth-child(2n) { margin-left: 4%; }
    .sub2_1 .contents > li p { padding: 13px 8px; font-size: 16px; }
}
@media (max-width: 767px) {
    .sub2_1 .contents > li p { padding: 13px 8px; font-size: 14px; }
}

/* 서브 문의하기 */
.form_btn > p input { background-color: #2f3192; }