/* 서브 공통 */
body { overflow-x: hidden; }
.sub_visual { width: 100%; height: 200px; text-align: center; vertical-align: middle; background: no-repeat center; background-size: cover; }
.sub_visual h3 { position: relative; top: 50%; transform: translateY(-50%); font-weight: 600; font-size: 40px; color: #fff; }

@media (min-width: 1024px) {
    .sub_visual { animation: sv_bg forwards linear 3s; background-size: 110% 110%; }
    @keyframes sv_bg {
        0%{ background-size: 110% 110%; }
        100%{ background-size: 100% 100%; }
    }
}

.sub_visual.sv1 { background-image: url(/image/sub1_bg.jpg); }
.sub_visual.sv2 { background-image: url(/image/sub2_bg.jpg); }
.sub_visual.sv3 { background-image: url(/image/sub3_bg.jpg); }
.sub_visual.sv4 { background-image: url(/image/sub4_bg.jpg); }
.sub_visual.sv5 { background-image: url(/image/sub5_bg.jpg); }
.sub_visual.sv6 { background-image: url(/image/sub6_bg.jpg); }
.sub_visual.sv7 { background-image: url(/image/sub7_bg.jpg); }

/* 서브랩과 하위항목 */
.sub_wrap { position: relative; width: 1170px; margin-left: auto; margin-right: auto; }
.sub_sect { margin: 90px 0; /* overflow-x: hidden; */ }
.sub_sect img { max-width: 100%; }
.sub_tit { margin-bottom: 90px; text-align: center; font-weight: 600; font-size: 40px; color: #000; }

.sub_mo_block { display: none; }

.sub_mo_inline { display: none; }
.sub_block_mo { display: block; }

.sub_sect article { margin-top: 60px; }
.sub_sect article strong { display: block; font-weight: 700; font-size: 25px; color: #3470bd; }

.sub_sect .img_wrap { text-align: center; }

@media (max-width: 1230px) {
    .sub_wrap { width: calc(100% - 60px); }
}
@media (max-width: 1024px) {
    .sub_visual { height: 300px; background-size: cover; }
    .sub_visual h3 { top: 65%; }
    .sub_wrap { width: calc(100% - 40px); }
}
@media (max-width: 767px) {
    .sub_mo_block { display: block; }

    .sub_mo_inline { display: inline-block; }
    .sub_block_mo { display: none; }
}

/* 서브 메뉴 */
.sub_menu { z-index: 2; position: relative; height: 50px; background-color: #3470bd; }
.sub_menu .sub_wrap { height: 100%; }
.sub_menu_frame { display: table; height: 100%; }
.sub_menu_frame > div { position: relative; display: table-cell; padding: 0 12px; width: 200px; height: 100%; vertical-align: middle; font-size: 16px; color: #fff; border-right: 1px solid #5d8dca; cursor: pointer; background: url(/image/sub_menu_down.png) no-repeat center right content-box; }
.sub_menu_frame > div:first-of-type { padding: 0; width: 50px; text-align: center; border-left: 1px solid #5d8dca; background: none; }
.sub_menu_frame > div.active { background-image: url(/image/sub_menu_down2.png); }

.sub_menu_frame > .notoggle { background-image: none; }
.sub_menu_frame > .notoggle.active { background-image: none; }

.ssub_menu { display: none; position: absolute; top: 50px; left: 0; width: 100%; }
.ssub_menu > li > a { display: block; padding: 20px 12px; background-color: #4c75ad; font-size: 16px; color: #fff; transition: background-color 0.2s ease-in-out; }
.ssub_menu > li > a:hover { background-color: #215ca9; }
@media (max-width: 767px) {
    .sub_menu { height: 40px; }
    .sub_menu_frame > div { padding: 0 10px; width: 150px; font-size: 14px; }
    .sub_menu_frame > div:last-child { width: 210px; }
    .sub_menu_frame > div:first-of-type { width: 40px; }
    .ssub_menu { top: 40px; }
    .ssub_menu > li > a { padding: 16px 10px; font-size: 14px; }
}

/* 서브1_1 */
#sub1_1 .txt1 { text-align: center; font-weight: 600; font-size: 35px; line-height: 1.45; color: #222; }
#sub1_1 .txt1 span { color: #88b53c; }
#sub1_1 .sub1_1_img { display: block; margin-top: 40px; }
#sub1_1 .contents { margin-top: 80px; }
#sub1_1 .contents > li { margin-bottom: 60px; }
#sub1_1 .contents > li strong { display: block; font-weight: 700; font-size: 25px; color: #3470bd; }
#sub1_1 .contents > li .con { margin-top: 20px; }
#sub1_1 .contents > li .con > li { position: relative; float: left; height: 180px; width: 46%; background-color: #f8f8f8; }
#sub1_1 .contents > li .con > li:nth-child(2) { width: 8%; background: url(/image/sub1_1_arrow.png) no-repeat center; }

#sub1_1 .contents > li .con > li .left { float: left; width: 33%; height: 100%; background: no-repeat center; }
#sub1_1 .contents > li .con > li .right { width: auto; float: left; }
#sub1_1 .contents > li:nth-of-type(1) .con > li:nth-of-type(1) .left { background-image: url(/image/sub1_1_icon1.png); }
#sub1_1 .contents > li:nth-of-type(1) .con > li:nth-of-type(3) .left { background-image: url(/image/sub1_1_icon2.png); }
#sub1_1 .contents > li:nth-of-type(2) .con > li:nth-of-type(1) .left { background-image: url(/image/sub1_1_icon3.png); }
#sub1_1 .contents > li:nth-of-type(2) .con > li:nth-of-type(3) .left { background-image: url(/image/sub1_1_icon4.png); }
#sub1_1 .contents > li:nth-of-type(3) .con > li:nth-of-type(1) .left { background-image: url(/image/sub1_1_icon5.png); }
#sub1_1 .contents > li:nth-of-type(3) .con > li:nth-of-type(3) .left { background-image: url(/image/sub1_1_icon6.png); }

#sub1_1 .contents > li .con > li > .right { position: relative; top: 50%; transform: translateY(-50%); }
#sub1_1 .contents > li .con > li:last-child > .right > p { width: 100%; font-weight: 600; font-size: 20px; color: #000; }
#sub1_1 .contents > li .con > li:last-child > .right ol { margin-top: 10px; padding-inline-start: 0; margin-left: 25px;  }
#sub1_1 .contents > li .con > li:first-child > .right ol > li { list-style: disc; font-weight: 600; font-size: 20px; color: #000; line-height: 1.6; }
#sub1_1 .contents > li .con > li:last-child > .right ol > li { list-style-image: url(/image/sub1_1_dash.png); font-weight: 600; font-size: 20px; color: #6e6e6e; line-height: 1.6; }

@media (max-width: 1440px) {
    #sub1_1 .contents > li .con > li { height: calc(120px + 4vw); }
}

@media (max-width: 1024px) {
    #sub1_1 .sub1_1_img { max-width: 500px; width: 100%; margin-left: auto; margin-right: auto; }
    #sub1_1 .contents > li strong { text-align: center; }
    #sub1_1 .contents > li .con > li { float: none; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; }
    #sub1_1 .contents > li .con > li .left { width: 30%; background-size: calc(30px + 2vw); }
    #sub1_1 .contents > li .con > li:nth-child(2) { width: 100%; height: calc(60px + 2vw);; background: url(/image/sub1_1_arrow2.png) no-repeat center; background-size: calc(40px + 1vw); }
}
@media (max-width: 380px) {
    #sub1_1 .contents > li .con > li { padding: 15px 5px; padding-top: 0; height: auto; }
    #sub1_1 .contents > li .con > li .left { float: none; width: 100%; height: 100px; }
    #sub1_1 .contents > li .con > li .right { float: none; width: 100%; height: initial; transform: translateY(0); }
    #sub1_1 .contents > li .con > li:first-child > .right ol { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; }
    #sub1_1 .contents > li .con > li:first-child > .right ol > li { line-height: 1.5; }
    #sub1_1 .contents > li .con > li:last-child > .right > p { text-align: center; }
    #sub1_1 .contents > li .con > li:last-child > .right ol { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; margin-left: 0; }
}

/* 서브1_2 */
#sub1_2 .map_wrap #daumRoughmapContainer1687147925481 { width: 100%; }

#sub1_2 .txtbox { padding: 60px 20px; background-color: #fafafa; }
#sub1_2 .txtbox .txt1 { text-align: center; font-weight: 600; font-size: 25px; color: #67912a; }
#sub1_2 .txtbox .txt2 { margin-top: 25px; text-align: center; font-weight: 600; font-size: 18px; color: #6d6d6d; line-height: 1.6; }
#sub1_2 .txtbox .txt2 span { color: #000;}
#sub1_2 .txtbox ul { margin-top: 20px; display: inline-block; position: relative; left: 55%; transform: translateX(-50%); }
#sub1_2 .txtbox ul > li { padding-left: 35px; }
#sub1_2 .txtbox ul > li { display: flex; flex-wrap: nowrap; }
/* #sub1_2 .txtbox ul > li .left { width: 10%; } */
#sub1_2 .txtbox ul > li .left p { position: relative; font-weight: 600; font-size: 18px; color: #595959; line-height: 1.6; white-space: nowrap; }
#sub1_2 .txtbox ul > li .left p::after { position: absolute; top: 50%; transform: translateY(-50%); left: -15px; display: block; content: ''; width: 5px; height: 5px; background-color: #595959; border-radius: 50%; }
/* #sub1_2 .txtbox ul > li .right { width: 90%; } */
#sub1_2 .txtbox ul > li .right p { font-weight: 600; font-size: 18px; color: #595959; line-height: 1.6; }


#sub1_2 .txtbox ul > li .name { position: relative; vertical-align: top; display: inline-block; font-weight: 600; font-size: 18px; color: #595959; line-height: 1.6; }
#sub1_2 .txtbox ul > li .name::after { display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -10px; width: 5px; height: 5px; background-color: #595959; border-radius: 50%; }
#sub1_2 .txtbox ul > li .scr { display: inline-block; font-weight: 600; font-size: 18px; color: #595959; line-height: 1.6; }
#sub1_2 .txtbox .line { height: 1px; background-color: #d5d5d5; margin: 40px 0; }
#sub1_2 .txtbox .txt3 { font-weight: 600; font-size: 18px; color: #565656; line-height: 1.2; }
#sub1_2 .txtbox .txt4 { margin-top: 10px; font-weight: 600; font-size: 18px; color: #565656; }
#sub1_2 .txtbox .txt4 span { display: inline-block; margin-right: 70px; }
@media (max-width:1024px) {
    .root_daum_roughmap {height: calc(200px + 32vw)  !important; }
    .wrap_map {height: calc(168px + 32vw) !important;}  
    #sub1_2 .txtbox .txt4 span { margin-right: calc(20px + 2vw); }
}
@media (max-width:767px) {
    #sub1_2 .txtbox ul { display: block; left: 0; transform: translateX(0); }
    #sub1_2 .txtbox .txt3 { text-align: center; }
    #sub1_2 .txtbox .txt3 span { display: block; margin-top: calc(10px + 1vw); }
    #sub1_2 .txtbox .txt3 img { display: block; margin: 0 auto; }
    #sub1_2 .txtbox .txt4 span { margin-top: calc(15px + 1vw); display: block; text-align: center; width: 100%; margin-right: 0; }
    #sub1_2 .txtbox .txt4 span img { display: block; margin: 0 auto; }
}

/* 서브2_1 */
#sub2_1 .contents { padding: 40px 60px; border: 1px solid #c7c7c7; border-radius: 20px; }
#sub2_1 .bottomcon { margin-top: 10px; border-color: #3470bd; }
#sub2_1 .sub2_1_arrow { display: block; margin-left: auto; margin-right: auto; }

#sub2_1 .contents .contit { text-align: center; font-weight: 700; font-size: 27px; color: #2e2e2e; }
#sub2_1 .bottomcon .contit { color: #3470bd; }

#sub2_1 .topcon .con { display: flex; flex-wrap: nowrap; margin-top: 30px; padding: 40px; background-color: #f8f8f8; }
#sub2_1 .topcon .con li:first-child { width: 38% }
#sub2_1 .topcon .con li:first-child img { width: 308px; }
#sub2_1 .topcon .con li:last-child { margin-left: 5%; width: 57%; }
#sub2_1 .topcon .con li:last-child p { font-weight: 600; font-size: 18px; color: #474747; line-height: 1.6; }
#sub2_1 .topcon .con li:last-child p span { font-weight: 700; color: #000; }

#sub2_1 .topcon .txt { margin-top: 40px; font-weight: 700; font-size: 18px; color: #3470bd; }
#sub2_1 .topcon .table_wrap { margin-top: 15px; }
#sub2_1 .topcon table { width: 100%; border-spacing: 0; }
#sub2_1 .topcon table thead th { background-color: #cfe0f6; color: #000; }
#sub2_1 .topcon table tbody td { background-color: #f3f3f3; color: #434343; }
#sub2_1 .topcon table thead th, #sub2_1 .topcon table tbody td { width: 25%; padding: 15px 0; text-align: center; font-weight: 600; font-size: 18px; border-right: 1px solid #fff; }
#sub2_1 .topcon table thead th:last-child, #sub2_1 .topcon table tbody td:last-child { border-right: 0; }

#sub2_1 .topcon .txt2 { margin-top: 10px; text-align: right; font-size: 14px; color: #646464; }

#sub2_1 .bottomcon ul { margin-top: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#sub2_1 .bottomcon ul > li { text-align: center; width: 24%; padding: 50px 0; background-color: #f5f8fc; }
#sub2_1 .bottomcon ul > li img { display: inline-block; width: 108px; }
#sub2_1 .bottomcon ul > li .txt1 { margin-top: 35px; text-align: center; font-weight: 700; font-size: 22px; color: #010101; }
#sub2_1 .bottomcon ul > li .txt2 { margin-top: 25px; padding: 0 5px; text-align: center; font-weight: 600; font-size: 18px; color: #5c5c5c; line-height: 1.3; }

#sub2_1 .bottomcon .scr1 { margin-top: 35px; font-weight: 600; font-size: 18px; line-height: 1,6; color: #474747; }
#sub2_1 .bottomcon .scr1 span { color: #000; }
#sub2_1 .bottomcon .scr2 { margin-top: 5px; font-weight: 600; font-size: 14px; line-height: 1; color: #797979; }

@media (max-width:1660px) {
    #sub2_1 .bottomcon ul > li img { width: calc(50px + 2vw); }
}

@media (max-width:1024px) {
    #sub2_1 .topcon .con { display: block; }
    #sub2_1 .topcon .con li:first-child { width: 100% }
    #sub2_1 .topcon .con li:first-child img { display: block; margin-left: auto; margin-right: auto; width: calc(150px + 5vw); max-width: 250px; }
    #sub2_1 .topcon .con li:last-child { margin-top: calc(10px + 1vw); margin-left: 0; width: 100%; }
    #sub2_1 .topcon .con li:last-child p { text-align: center; }

    #sub2_1 .bottomcon ul { flex-wrap: wrap;}
    #sub2_1 .bottomcon ul > li { width: 49%; }
    #sub2_1 .bottomcon ul > li:nth-child(n + 3) { margin-top: calc(10px + 1vw); }
    
}
@media (max-width:767px) {
    #sub2_1 .topcon .table_wrap { overflow-x: scroll; }
    #sub2_1 .topcon table { width: 600px; }

    #sub2_1 .bottomcon ul > li { width: 100%; }
    #sub2_1 .bottomcon ul > li:nth-child(n + 2) { margin-top: calc(10px + 1vw); }
    #sub2_1 .bottomcon ul > li .txt2 { padding: 0 10px; }
}

/* 서브2_2 */
#sub2_2 .sub2_2_tit { text-align: center; font-weight: 700; font-size: 30px; color: #3470bd; line-height: 1.6; }
#sub2_2 .sub2_2_tit2{ margin-top: 10px; text-align: center; font-weight: 600; font-size: 24px; color: #3f3f3f; }
#sub2_2 .sub2_2_tit2 span { color: #6e9e23; }

#sub2_2 .director { max-width: 970px; margin-left: auto; margin-right: auto; margin-top: 35px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#sub2_2 .director li { padding: 25px 0; width: 32%; border: 1px solid #3470bd; border-radius: 30px; text-align: center; background-color: #f9f9f9; }

#sub2_2 .director li .number { display: inline-block; border-radius: 50%; padding: 10px; text-align: center; font-weight: 600; font-size: 16px; color: #fff; background-color: #3470bd; }
#sub2_2 .director li .txt1 { margin-top: 15px; font-weight: 700; font-size: 28px; color: #393939; }
#sub2_2 .director li .txt1 span { color: #3470bd; }
#sub2_2 .director li .txt2 { padding: 0 10px; margin-top: 25px; font-weight: 600; font-size: 18px; color: #5f5f5f; line-height: 1.5; }

#sub2_2 .sub2_2_name { margin: 80px 0 20px; font-weight: 700; font-size: 22px; color: #3470bd; }

#sub2_2 .example { border-top: 2px solid #3470bd; border-left: 1px solid #ccc; }
#sub2_2 .example > li { display: flex; flex-wrap: nowrap; }
#sub2_2 .example > li .contents { padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#sub2_2 .example > li .left { width: 17%; text-align: center; }
#sub2_2 .example > li .right { width: 83%; padding-left: 3%; }

#sub2_2 .example > li .left p { margin-top: 15px; font-weight: 700; font-size: 18px; color: #000; }

#sub2_2 .example > li .right > ul { position: relative; top: 50%; transform: translateY(-50%); }
#sub2_2 .example > li .right > ul > li { width: 25%; float: left; }
#sub2_2 .example > li .right > ul > li p { font-weight: 600; font-size: 18px; color: #5d5d5d; line-height: 1.9; text-wrap: nowrap; }
#sub2_2 .example > li .right > ul > li p span { color: #76a934; display: inline-block;width: 25px;}

#sub2_2 .sub_scr { margin-top: 15px; text-align: right; font-weight: 600; font-size: 18px; color: #434343; line-height: 1.2; }
#sub2_2 .sub_scr span { color: #ff4c23; }

#sub2_2 .asample { overflow: hidden; border: 1px solid #c7c7c7; border-radius: 20px; }
#sub2_2 .asample .asample_wrap { padding: 30px 20px 0; }
#sub2_2 .asample .txt1 { font-weight: 700; font-size: 25px; color: #000; }
#sub2_2 .asample .txt2 { margin-top: 10px; display: inline-block; font-weight: 600; font-size: 18px; color: #4a4a4a; }
#sub2_2 .asample .txt2 span { color: #ff2200; }

#sub2_2 .asample .txt3 { float: right; font-weight: 500; font-size: 16px; color: #555; }

#sub2_2 .asample .sub2_2_asample_imgwrap { margin-top: 55px; text-align: center; }
#sub2_2 .asample .sub2_2_asample_imgwrap img { display: inline-block; }

#sub2_2 .asample .txt4 { margin-top: 70px; font-weight: 500; font-size: 20px; color: #ff3c00; }

#sub2_2 .asample .table_wrap { margin-top: 10px; }
#sub2_2 .asample .table_wrap table { width: 100%; border-spacing: 0; border-top: 2px solid #3470bd; }
#sub2_2 .asample .table_wrap table th, #sub2_2 .asample .table_wrap table td { padding: 12px 25px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
#sub2_2 .asample .table_wrap table th:last-child, #sub2_2 .asample .table_wrap table td:last-child { border-right: 0; }
#sub2_2 .asample .table_wrap table th { font-weight: 700; font-size: 18px; color: #3470bd; background-color: #f0f6fd; }
#sub2_2 .asample .table_wrap table td { text-align: center; font-weight: 500; font-size: 18px; color: #4e4e4e; }
#sub2_2 .asample .table_wrap table td:first-child { color: #000; background-color: #fcfcfc; }
#sub2_2 .asample .table_wrap table td:nth-child(2) { text-align: left; }
#sub2_2 .asample .table_wrap table td:last-child { color: #ff3c00; }

#sub2_2 .asample .fine { margin-top: 40px; position: relative; display: flex; flex-wrap: nowrap; background-color: #f8f8f8; }
#sub2_2 .asample .fine .con { position: relative; padding: 35px 45px; }
#sub2_2 .asample .fine .con img { margin-right: 10px; position: relative; top: 50%; transform: translateY(-50%); }
#sub2_2 .asample .fine .con p { position: relative; top: 50%; transform: translateY(-50%); vertical-align: middle; display: inline-block; font-weight: 700; font-size: 22px; color: #000; line-height: 1.2; }
#sub2_2 .asample .fine .con strong { display: block; font-weight: 700; font-size: 18px; color: #000; line-height: 1.3; }
#sub2_2 .asample .fine .con span { display: block; font-weight: 500; font-size: 18px; color: #434343; line-height: 1.3; }

#sub2_2 .asample .fine .con:first-of-type::after { display: block; content: ""; width: 1px; height: 50%; background-color: #d3d3d3; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }


@media (max-width: 1440px) {
    #sub2_2 .example > li .left img { width: calc(40px + 2vw); }
    #sub2_2 .asample .fine .con img { width: calc(20px + 1.5vw);}
}

@media (max-width: 1230px) {
    #sub2_2 .asample .fine .con img { vertical-align: top; }
}

@media (max-width: 1024px) {
    #sub2_2 .sub2_2_name { text-align: center; }

    #sub2_2 .example { border: 0; }
    #sub2_2 .example > li { flex-wrap: wrap; border: 1px solid #ccc; border-top: 2px solid #3470bd; }
    #sub2_2 .example > li:last-child { margin-top: calc(10px + 1vw); }
    #sub2_2 .example > li .contents { border: 0; }
    #sub2_2 .example > li .left { width: 100%; border-bottom: 1px solid #ccc; }
    #sub2_2 .example > li .right { width: 100%; }

    #sub2_2 .example > li .right > ul { position: relative; top: 0; transform: translateY(0); }
    #sub2_2 .example > li .right > ul > li { width: 33.3333%; float: left; }

    #sub2_2 .asample .txt3 { float: none; text-align: center; margin-top: 20px; }
}

@media (max-width: 767px) {
    #sub2_2 .director { display: block; }
    #sub2_2 .director li { width: 100%; /* max-width: 500px; */ margin-left: auto; margin-right: auto; }
    #sub2_2 .director li:nth-child(n + 2) { margin-top: calc(10px + 1vw); }
    #sub2_2 .example > li .right > ul > li { width: 100%; }

    #sub2_2 .sub_scr { text-align: center; }

    #sub2_2 .asample .table_wrap { overflow-x: scroll; }
    #sub2_2 .asample .table_wrap table { width: 700px; }

    #sub2_2 .asample .fine { flex-wrap: wrap; }
    #sub2_2 .asample .fine .con:first-of-type { width: 100%; }
    #sub2_2 .asample .fine .con:first-of-type::after { display: none; }

    #sub2_2 .asample .fine .con p { text-align: left; }
    #sub2_2 .asample .fine .con { margin: 0 auto; text-align: center; }
    
    
    #sub2_2 .example > li .right > ul > li p span {width: 22px;}
    
}
@media (max-width: 340px) {
    #sub2_2 .example > li .right > ul > li { width: 100%; }
}


/* 서브3_1 */
#sub3_1 .txt1 { text-align: center; font-weight: 700; font-size: 34px; color: #3470bd; }
#sub3_1 .txt2 { margin-top: 25px; text-align: center; font-weight: 600; font-size: 24px; color: #3f3f3f; line-height: 1.6; }
#sub3_1 .txt2 span { color: #7ba82d; }
#sub3_1 .sub3_1_imgwrap { margin-top: 60px; text-align: center; }

#sub3_1 .baro { margin-top: 120px; padding: 40px; background-color: #f3f3f3; border-radius: 30px; }
#sub3_1 .baro .contents { display: flex; flex-wrap: nowrap; }
#sub3_1 .baro .contents > li { position: relative; }
#sub3_1 .baro .contents > li:first-child { width: 60%; }
#sub3_1 .baro .contents > li:last-child { width: 40%; }

#sub3_1 .baro .contents > li .con { position: relative; top: 50%; transform: translateY(-50%); }
#sub3_1 .baro .contents > li .con p { font-weight: 600; font-size: 18px; color: #3f3f3f; line-height: 1.6; }
#sub3_1 .baro .contents > li .con p span { color: #3470bd; }
#sub3_1 .baro .contents > li .con p b { display: inline-block; margin-right: 10px; padding: 3px; background-color: #3470bd; border-radius: 50%; }

#sub3_1 .baro .contents > li:last-of-type .con { text-align: right; }

#sub3_1 .txt3 { margin-top: 120px; text-align: center; font-weight: 700; font-size: 30px; color: #000; }

#sub3_1 .circle { margin-top: 45px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#sub3_1 .circle > li { text-align: center; }
#sub3_1 .circle > li p { margin-top: 35px; font-weight: 600; font-size: 20px; color: #373737; line-height: 1.3; }

@media (max-width: 1660px) {
    #sub3_1 .baro .contents > li:last-of-type .con a img { width: calc(160px + 6vw);}

    #sub3_1 .circle > li img { width: calc(80px + 5vw);}
}
@media (max-width: 1024px) {
    #sub3_1 .circle { flex-wrap: wrap; max-width: 500px; margin-left: auto; margin-right: auto;}
    #sub3_1 .circle > li { width: 32%; }
    #sub3_1 .circle > li:nth-child(n + 4) { margin-top: calc(20px + 1vw); }
}
@media (max-width: 767px) {
    #sub3_1 .baro .contents { flex-wrap: wrap; }
    #sub3_1 .baro .contents > li:first-child { width: 100%; text-align: center; }
    #sub3_1 .baro .contents > li:last-child { margin-top: calc(15px + 1vw); width: 100%; }

    #sub3_1 .baro .contents > li:last-of-type .con { text-align: center; }

    #sub3_1 .circle > li { width: 49%; }
    #sub3_1 .circle > li:nth-child(n + 3) { margin-top: calc(20px + 1vw); }
}

/* 서브4_1 */
#sub4_1 .sub4_1_tit { text-align: center; font-weight: 700; font-size: 30px; color: #3470bd; line-height: 1.2; }
#sub4_1 .sub4_1_sub { margin-top: 25px; text-align: center; font-weight: 600; font-size: 22px; color: #3f3f3f; }
#sub4_1 .sub4_1_sub span { color: #ff3c00; }

#sub4_1 .table_wrap { margin: 35px 0 80px; width: 100%; }
#sub4_1 .table_wrap p { text-align: right; font-weight: 500; font-size: 16px; color: #545454; }

#sub4_1 table { margin-top: 10px; width: 100%; border-spacing: 0; border-top: 2px solid #3470bd; }
#sub4_1 table th { background-color: #f0f6fd; font-weight: 700; color: #3470bd; }
#sub4_1 table td { text-align: center; background-color: #fff; font-weight: 500; color: #4e4e4e; }
#sub4_1 .table_wrap table td:first-child { background-color: #f6f6f6; color: #000; }
#sub4_1 table tr.gray td { background-color: #f6f6f6; color: #000; }

#sub4_1 table th, #sub4_1 table td { padding: 10px 0; font-size: 18px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
#sub4_1 table th:last-child, #sub4_1 table td:last-child { border-right: 0; }

#sub4_1 .contents { margin-top: 65px; }

#sub4_1 .contents .cont1 { display: flex; height: 350px; }
#sub4_1 .contents .cont1 > li { position: relative; height: 100%; }

#sub4_1 .contents .cont1 > li:first-child { width: 35%; }
#sub4_1 .contents .cont1 > li:first-child img { width: 100%; display: block; position: relative; top: 50%; transform: translateY(-50%); }

#sub4_1 .contents .cont1 > li:nth-child(2) { width: 20%; background: no-repeat center; background-image: url(/image/sub4_1_arrow.png); }
#sub4_1 .contents .cont1 > li:nth-child(2) p { position: relative; top: 25%; transform: translateY(-50%); text-align: center; font-weight: 500; font-size: 18px; color: #707070; line-height: 1.2; }

#sub4_1 .contents .cont1 > li:last-child { width: 45%; }
#sub4_1 .contents .cont1 > li .table_wrap2 { position: relative; top: 50%; transform: translateY(-50%); }
#sub4_1 .contents .cont1 > li .table_wrap2 table { width: 100%; }
#sub4_1 .contents .cont1 > li .table_wrap2 table th { text-align: center; }
#sub4_1 .contents .cont1 > li .table_wrap2 table td { padding-left: 5px; padding-right: 5px; }

#sub4_1 .txt { margin-top: 150px; text-align: center; font-weight: 600; font-size: 22px; color: #3f3f3f; line-height: 1.5; }
#sub4_1 .txt span { color: #707070; }

#sub4_1 .relative { margin-top: 50px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#sub4_1 .relative > li { width: 49%; border-radius: 20px; overflow: hidden; }
#sub4_1 .relative > li:first-child { background-color: #f7fbf1; }
#sub4_1 .relative > li:last-child { background-color: #f1f8fb; }

#sub4_1 .relative > li .top { text-align: center; padding: 20px 0; font-weight: 600; font-size: 24px; }
#sub4_1 .relative > li:first-child .top { color: #5e8a27; background-color: #e3eed5; }
#sub4_1 .relative > li:last-child .top { color: #3470bd; background-color: #d3eaf0; }

#sub4_1 .relative > li .bottom { padding: 50px 20px; text-align: center; }

@media (max-width: 1440px) {
    #sub4_1 .contents .cont1 { height: calc(230px + 7vw); }
}

@media (max-width: 1024px) {
    #sub4_1 .table_wrap { overflow-x: scroll; }
    #sub4_1 table { width: 900px; }

    #sub4_1 .contents .cont1 { display: block; height: initial; }
    #sub4_1 .contents .cont1 > li { height: initial; }
    #sub4_1 .contents .cont1 > li:first-child { width: 100%; text-align: center; }
    #sub4_1 .contents .cont1 > li:first-child img { display: inline-block; max-width: 300px; top: 0; transform: translateY(0); }
    #sub4_1 .contents .cont1 > li:nth-child(2) { padding: 50px 0 20px; width: 100%; background: no-repeat center bottom; background-image: url(/image/sub4_1_arrow2.png); }
    #sub4_1 .contents .cont1 > li:nth-child(2) p { padding: 30px 0 40px; top: 0; transform: translateY(-50%); }
    #sub4_1 .contents .cont1 > li:last-child { width: 100%; }
    #sub4_1 .contents .cont1 > li .table_wrap2 { top: 0; transform: translateY(0); }

}
@media (max-width: 767px) {
    
    #sub4_1 .table_wrap table { width: 800px; }
    #sub4_1 .contents .cont1 > li .table_wrap2 { overflow-x: scroll; }
    #sub4_1 .contents .cont1 > li .table_wrap2 table { width: 700px; }

    #sub4_1 .relative { display: block; }
    #sub4_1 .relative > li { width: 100%; }
    #sub4_1 .relative > li:nth-child(n + 2) { margin-top: calc(15px + 1vw);}
    
}

/* 서브4_2 */
#sub4_2 ul { margin-top: 25px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#sub4_2 ul li { width: 31%; padding: 25px 20px; border-radius: 30px; text-align: center; background-color: #eef4fd; }
#sub4_2 ul li .txt1 { padding: 10px 15px; display: inline-block; font-weight: 600; font-size: 22px; color: #fff; background-color: #3470bd; border-radius: 21px; }
#sub4_2 ul li .txt2 { margin-top: 10px; font-weight: 700; font-size: 25px; color: #3470bd; }
#sub4_2 ul li .line { margin: 15px 0; height: 1px; background-color: #d9d9d9; }
#sub4_2 ul li .txt3 { margin-top: 17px; font-weight: 600; font-size: 18px; color: #5f5f5f; letter-spacing: -0.025em; line-height: 1.3; }
#sub4_2 ul li .txt3 span { color: #ff5400; }

#sub4_2 ul li:nth-child(2) img { display: inline-block; margin-top: 10px; }

#sub4_2 .img_wrap { margin-top: 60px; }
#sub4_2 .table_wrap { margin-top: 25px; }
#sub4_2 table { width: 100%; border-spacing: 0; border-top: 2px solid #3470bd; }
#sub4_2 table th { font-weight: 700; color: #3470bd; background-color: #f0f6fd; }
#sub4_2 table td { text-align: center; font-weight: 500; color: #000; background-color: #fbfbfb; }
#sub4_2 table td:last-child { text-align: left; color: #4e4e4e; background-color: #fff; }

#sub4_2 table th, #sub4_2 table td { padding: 10px 20px; font-size: 18px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
#sub4_2 table th:last-child, #sub4_2 table td:last-child { border-right: 0; }

#sub4_2 table td.vertical { writing-mode: vertical-lr; }

@media (max-width: 767px) {
    #sub4_2 ul { display: block; }
    #sub4_2 ul li { width: 100%; }
    #sub4_2 ul li:nth-child(n + 2) { margin-top: calc(15px + 1vw); }
    #sub4_2 ul li .txt1 { padding: 6px 10px; }

    #sub4_2 .table_wrap { overflow-x: scroll; }
    #sub4_2 table { width: 768px; }
}

/* 서브5_1 */
#sub5_1 .sub_txt { text-align: center; font-weight: 700; font-size: 30px; color: #303030; line-height: 1.3; }
#sub5_1 .sub_txt span { color: #3470bd; }

#sub5_1 article .effect { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 30px; }
#sub5_1 article .effect > li { width: 31.5%; padding: 25px 20px; background-color: #eef4fd; text-align: center; border-radius: 30px; }
#sub5_1 article .effect > li .effect_tit { display: inline-block; padding: 10px 20px; font-weight: 600; font-size: 20px; color: #fff; border-radius: 21px; background-color: #3470bd; }
#sub5_1 article .effect > li .effect_sub { margin-top: 25px; font-weight: 600; font-size: 18px; color: #5f5f5f; line-height: 1.3; letter-spacing: -0.025em; }
#sub5_1 article .effect > li:last-child .effect_sub { margin-top: 30px; }
#sub5_1 article .effect > li .effect_tit span { color: #d5ffae; }

#sub5_1 article .effect > li:first-child img { display: inline-block; margin-top: 25px; }
#sub5_1 article .effect > li .effect_txt1 { margin-top: 25px; text-align: left; font-weight: 600; font-size: 18px; color: #000; letter-spacing: -0.025em; }
#sub5_1 article .effect > li:first-child ul { margin-top: 5px; width: 50%; }
#sub5_1 article .effect > li:first-child ul li { float: left; width: 50%; text-align: left; font-weight: 600; font-size: 18px; color: #5f5f5f; letter-spacing: -0.025em; line-height: 1.3; }

#sub5_1 article .effect > li:nth-child(2) ul { margin-top: 40px; height: 130px; }
#sub5_1 article .effect > li:nth-child(2) ul > li { text-align: left; margin: 5px 0; }
#sub5_1 article .effect > li:nth-child(2) ul > li img { margin-right: 10px; }
#sub5_1 article .effect > li:nth-child(2) ul > li p { display: inline-block; vertical-align: middle; font-weight: 600; font-size: 18px; color: #000; letter-spacing: -0.01em; line-height: 1.2; }

#sub5_1 article .effect > li:last-child strong span { font-size: 30px; color: #d5ffae; }
#sub5_1 article .effect > li:last-child ul { margin-top: 35px; height: 130px;  }
#sub5_1 article .effect > li:last-child ul > li { margin-left: 25%; text-align: left; list-style: disc; font-weight: 600; font-size: 18px; color: #000; line-height: 1.9; }

#sub5_1 article .effect > li .arrow { margin-top: 10px; display: inline-block; }
#sub5_1 article .effect > li .effect_result { margin-top: 15px; font-weight: 700; font-size: 18px; color: #3470bd; letter-spacing: -0.02em; }

#sub5_1 article .table_wrap { margin-top: 20px; }
#sub5_1 article table { width: 100%; border-spacing: 0; border-top: 2px solid #3470bd; }
#sub5_1 article table th { padding: 10px 0; font-weight: 700; font-size: 18px; color: #3470bd; background-color: #f0f6fd; }
#sub5_1 article table td { padding: 20px 0; }
#sub5_1 article table td p { font-weight: 500; font-size: 18px; color: #5e5e5e; }
#sub5_1 article table td:first-of-type { background-color: #fcfcfc; }
#sub5_1 article table td:first-of-type p { text-align: center; color: #000; }

#sub5_1 article table td:nth-child(n + 2) p { margin-left: 5%; display: list-item; list-style: disc; line-height: 1.6; }

#sub5_1 article table th , #sub5_1 article table td { border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
#sub5_1 article table th:last-of-type , #sub5_1 article table td:last-of-type { border-right: 0; }

#sub5_1 .sub_txt2 { margin-top: 50px; font-weight: 500; font-size: 18px; color: #000; }
#sub5_1 .doc { margin-top: 15px; }
#sub5_1 .doc > li { list-style: inside; font-weight: 500; font-size: 18px; color: #555; line-height: 1.6; }

@media (max-width: 1660px) {
    #sub5_1 article .effect > li:nth-child(2) ul { height: calc(70px + 3vw); }
    #sub5_1 article .effect > li:last-child ul { height: calc(70px + 3vw);  }
}

@media (max-width: 1220px) {
    #sub5_1 article .effect > li { width: 32.5%; }
    #sub5_1 article .effect > li:nth-child(2) ul > li img  { width: 25px; }
}

@media (max-width: 1024px) {
    #sub5_1 article .effect { flex-wrap: wrap; }
    #sub5_1 article .effect > li { width: 100%; margin-left: auto; margin-right: auto; }
    #sub5_1 article .effect > li:nth-child(n + 2) { margin-top: calc(20px + 1vw); }

    #sub5_1 article .effect > li .effect_txt1 { text-align: center; }
    #sub5_1 article .effect > li:first-child ul { width: 100%; }
    #sub5_1 article .effect > li:first-child ul li { margin-top: calc(10px + 1vw); text-align: center; width: 25%; }

    #sub5_1 article .effect > li:nth-child(2) ul { position: relative; left: 60%; transform: translateX(-25%); height: initial; }
    #sub5_1 article .effect > li:last-child ul { height: initial;  }
    #sub5_1 article .effect > li:last-child ul > li  { list-style: none; margin-left: 0; text-align: center; }
}
@media (max-width: 767px) {
    #sub5_1 article .table_wrap { overflow-x: scroll; }
    #sub5_1 article table { width: 760px; }
    #sub5_1 article table td:nth-child(n + 2) p { margin-left: 8% }
}
@media (max-width: 520px) {
    #sub5_1 article .effect > li:nth-child(2) ul { left: 55%; }
}
@media (max-width: 420px) {
    #sub5_1 article .effect > li:nth-child(2) ul { left: 45%; }
}
/* 서브6_1 */
#sub6_1 .txt1 { text-align: center; font-weight: 600; font-size: 27px; color: #474747; line-height: 1.4; }
#sub6_1 .txt1 .green { color: #6e9a35; }
#sub6_1 .txt1 .red { color: #ff1e00; }

#sub6_1 .contents { margin-top: 20px; padding: 55px 35px 25px; background-color: #eef4fd; border-radius: 30px; }
#sub6_1 .contents .con_txt { text-align: center; font-weight: 700; font-size: 24px; letter-spacing: -0.025em; color: #3470bd; }

#sub6_1 .contents ul { margin-top: 45px; display: flex; justify-content: space-between; }
#sub6_1 .contents ul li { text-align: center; width: 32%; padding: 25px; background-color: #fff; border-radius: 25px; }
#sub6_1 .contents ul li strong { display: block; padding: 10px 70px; margin: 0 auto; max-width: 500px; text-align: center; font-weight: 600; font-size: 20px; letter-spacing: -0.02em; color: #fff; background-color: #3470bd; border-radius: 21px; }
#sub6_1 .contents ul li img { margin-top: 15px; display: inline-block; }
#sub6_1 .contents ul li p { margin-top: 15px; font-weight: 600; font-size: 18px; color: #5f5f5f; letter-spacing: -0.025em; line-height: 1.3; } 

#sub6_1 .contents2 { margin-top: 30px; display: flex; justify-content: space-between; }
#sub6_1 .contents2 > li { overflow: hidden; width: 48.5%; border: 1px solid #3470bd; border-radius: 30px; }
#sub6_1 .contents2 > li .top { padding: 30px 25px; }
#sub6_1 .contents2 > li .top .circle { margin-right: 10px; vertical-align: middle; position: relative; display: inline-block; padding: 17px; border-radius: 50%; background-color: #3470bd;  }
#sub6_1 .contents2 > li .top .circle span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 15px; letter-spacing: -0.05em; }
#sub6_1 .contents2 > li .top .top_tit { vertical-align: middle; display: inline-block; font-weight: 600; font-size: 24px; color: #3470bd; }
#sub6_1 .contents2 > li .top .top_tit span { color: #000; }

#sub6_1 .contents2 > li .line { padding: 0 25px; height: 1px; }
#sub6_1 .contents2 > li .line::after { display: block; content: ''; position: relative; width: 100%; height: 1px; background-color: #e2e2e2; }

#sub6_1 .contents2 > li .bottom { padding: 30px 50px; }
#sub6_1 .contents2 > li .bottom li { list-style: disc; font-weight: 600; font-size: 18px; color: #656565; line-height: 1.6; }

#sub6_1 .contents2 > li .plus { padding: 15px 25px 15px 35px; background-color: #eef4fd; }
#sub6_1 .contents2 > li .plus p::before { display: block; content: "※"; position: absolute; left: -15px; }
#sub6_1 .contents2 > li .plus p { position: relative; font-weight: 600; font-size: 14px; color: #7f7f7f; line-height: 1.4; }

@media (max-width: 1440px) {
    #sub6_1 .contents ul li strong { padding: 10px calc(30px + 2vw); }
    #sub6_1 .contents ul li img { width: calc(50px + 3vw);}
}
@media (max-width: 1024px) {
    #sub6_1 .contents ul { display: block; }
    #sub6_1 .contents ul li { width: 100%; margin: 0 auto; }
    #sub6_1 .contents ul li:nth-child(n + 2) { margin-top: calc(15px + 1vw); }
    #sub6_1 .contents2 > li .plus p::before { left: -12px; }
}
@media (max-width:767px) {
    #sub6_1 .contents2 { display: block; }
    #sub6_1 .contents2 > li { width: 100%; }
    #sub6_1 .contents2 > li:nth-child(n + 2) { margin-top: calc(15px + 1vw); }
}

/* 서브6_2 */
#sub6_2 .table_wrap { margin-top: 25px; }
#sub6_2 .table_wrap table { width: 100%; border-top: 2px solid #3470bd; border-spacing: 0; }
#sub6_2 .table_wrap table th { text-align: center; font-weight: 700; font-size: 18px; color: #3470bd; background-color: #f0f6fd; }
#sub6_2 .table_wrap table td { text-align: left; font-weight: 500; font-size: 18px ; color: #4e4e4e; }

#sub6_2 .table_wrap table th, #sub6_2 .table_wrap table td { padding: 10px 25px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
#sub6_2 .table_wrap table td { border-right: 0; }

#sub6_2 .sub6_2_imgwrap { margin-top: 75px; text-align: center; }

#sub6_2 ul { margin-top: 65px; margin-left: auto; margin-right: auto; max-width: 790px; }
#sub6_2 ul li p { padding: 15px 20px; text-align: center; font-weight: 600; font-size: 18px; line-height: 1.3; color: #3470bd; border-radius: 25px; background-color: #eef4fd; }
#sub6_2 ul li::after { margin: 7px 0; position: relative; left: 50%; transform: translateX(-50%); display: inline-block; content: ''; width: 27px; height: 18px; background: url(/image/sub6_2_arrow.jpg) no-repeat center/cover; }

#sub6_2 ul li:last-child p { background-color: #3470bd; color: #fff; }
#sub6_2 ul li:last-child::after { display: none; }

@media (max-width: 1024px) {
    #sub6_2 .table_wrap { overflow-x: scroll; }
    #sub6_2 .table_wrap table { width: 1000px; }
    #sub6_2 .sub6_2_imgwrap img { width: 100%; max-width: 600px; }
    #sub6_2 ul li p { padding: 10px; }
    #sub6_2 ul li::after { width: 18px; height: 12px;  }
}

@media (max-width: 767px) {
    #sub6_2 .table_wrap table { width: 850px; }
    #sub6_2 .table_wrap table th, #sub6_2 .table_wrap table td { padding: 8px 10px; }
}

/* 서브6_3 */
#sub6_3 .txt { margin-top: 25px; font-weight: 600; font-size: 19px; color: #7c7c7c; line-height: 1.5; }

#sub6_3 ul { margin-top: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#sub6_3 ul li { text-align: center; padding: 25px; width: 49%; background-color: #eef4fd; border-radius: 30px; }
#sub6_3 ul li .txt1 { padding: 10px 15px; display: inline-block; font-weight: 600; font-size: 22px; color: #fff; background-color: #3470bd; border-radius: 21px; }
#sub6_3 ul li .txt2 { margin-top: 10px; text-align: center; font-weight: 700; font-size: 25px; color: #3470bd; }
#sub6_3 ul li .line { margin: 30px 0; height: 1px; background-color: #d9d9d9; }
#sub6_3 ul li .txt3 { font-weight: 600; font-size: 18px; color: #5f5f5f; letter-spacing: -0.025em; line-height: 1.3; }
#sub6_3 ul li .txt3 span { color: #000; }

#sub6_3 ul li .con { margin-top: 25px; padding: 25px; border-radius: 30px; background-color: #fff; }
#sub6_3 ul li .con p { text-align: left; font-weight: 600; font-size: 18px; color: #5f5f5f; line-height: 1.6; }
#sub6_3 ul li .con p:first-child { color: #ff4e00; }
#sub6_3 ul li .con p span { color: #000; }

#sub6_3 .sub6_3_imgwrap { margin-top: 40px; text-align: center; }

@media (max-width: 1024px) {
    #sub6_3 ul { display: block; }
    #sub6_3 ul li { width: 100%; }
    #sub6_3 ul li:nth-child(n + 2) { margin-top: calc(10px + 1vw); }
    #sub6_3 ul li .con p { text-align: center; }
}

/* 서브6_4 */
#sub6_4 ul { margin-top: 60px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#sub6_4 ul li { text-align: center; padding: 25px; width: 49%; background-color: #eef4fd; border-radius: 30px; }
#sub6_4 ul li .txt1 { display: inline-block; padding: 10px 15px; font-weight: 600; font-size: 22px; color: #fff; background-color: #3470bd; border-radius: 21px; }
#sub6_4 ul li .txt2 { margin-top: 13px; text-align: center; font-weight: 700; font-size: 22px; color: #3470bd; }
#sub6_4 ul li .line { margin: 25px 0; height: 1px; background-color: #d9d9d9; }
#sub6_4 ul li .txt3 { font-weight: 600; font-size: 18px; color: #5f5f5f; letter-spacing: -0.025em; line-height: 1.3; }
#sub6_4 ul li .txt3 span { color: #000; }
#sub6_4 ul li .txt3 span b { color: #ff0000; }

#sub6_4 ul li img { display: inline-block; margin-top: 20px; }

#sub6_4 ul li .txt4 { margin-top: 20px; text-align: right; font-weight: 600; font-size: 14px; color: #808080; letter-spacing: -0.025em; }

#sub6_4 dl:nth-of-type(n + 2) { margin-top: 30px; }
#sub6_4 dl dt { float: left; font-weight: 600; font-size: 18px; letter-spacing: -0.025em; color: #5f5f5f; line-height: 1.6; }
#sub6_4 dl dd { float: left; text-align: left; font-weight: 600; font-size: 18px; letter-spacing: -0.025em; color: #5f5f5f; line-height: 1.6;}
#sub6_4 dl dd span { font-weight: 700; color: #000; }
#sub6_4 dl dd b { font-weight: 600; color: #3470bd; }
#sub6_4 .contents { margin-top: 25px; padding: 20px 25px; background-color: #fff; border-radius: 20px; }
#sub6_4 .contents p { text-align: left; font-weight: 600; font-size: 18px; color: #5f5f5f; line-height: 1.6; }
#sub6_4 .contents p span { color: #000; }

@media (max-width: 1024px) {
    #sub6_4 ul { display: block; }
    #sub6_4 ul li { width: 100%; }
    #sub6_4 ul li:nth-child(n + 2) { margin-top: calc(15px + 1vw); }
    #sub6_4 dl dt { float: none; }
    #sub6_4 dl dd { float: none; text-align: center; }
    #sub6_4 .contents p { text-align: center; }
}