/* sub_top */
.sub_visual { position: relative; height: 388px; overflow: hidden; }
.sub_visual .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: center; }
.sub_visual .bg { animation: suv_bg forwards linear 5s; }
@keyframes suv_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.sub_visual.sub1 .bg { background: url(/image/sub/subtop_bg1.jpg) no-repeat center/cover; }
.sub_visual.sub2 .bg { background: url(/image/sub/subtop_bg2.jpg) no-repeat center/cover; }
.sub_visual.sub3 .bg { background: url(/image/sub/subtop_bg3.jpg) no-repeat center/cover; }
.sub_visual.sub_board .bg { background: url(/image/sub/subtop_bg3.jpg) no-repeat center/cover; }

.sub_visual .frame { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.sub_visual .txtbox { z-index: 3; position: relative; top: 100px; height: calc(100% - 145px); padding: 0 20px; }
.sub_visual .txtbox .texts { position: relative; top: 55%; transform: translateY(-50%); text-align: center; }
.sub_visual .txtbox .text1 { font-size: 50px; color: #ededed; }
@media (max-width: 1535px) {
    .sub_visual { height: 350px; }

    .sub_visual .txtbox { top: 90px; height: calc(100% - 135px); }
}
@media (max-width: 1279px) {
    .sub_visual { height: 320px; }

    .sub_visual .txtbox { top: 80px; height: calc(100% - 125px); }
}
@media (max-width: 1023px) {
    .sub_visual { height: 300px; }

    .sub_visual .txtbox { top: 70px; height: calc(100% - 140px); }
    .sub_visual.noSub .txtbox { height: calc(100% - 105px); }
}
@media (max-width: 767px) {
    .sub_visual { height: 270px; }
    .sub_visual.sub3 .bg { background-position-x: 65%; }
}

.subtop { margin-top: -45px; position: relative; z-index: 10; height: 45px; background-color: #151718; }
.subtop .contwrap { height: 100%; }
.subtop .subtop_flex { display: flex; flex-wrap: nowrap; height: 100%; }
.subtop .subtop_flex .top_cont { position: relative; }
.subtop .subtop_flex .top_cont1 { position: relative; display: block; width: 45px; height: 100%; border-right: 1px solid #5d5853; border-left: 1px solid #5d5853; transition: background-color 0.3s; }
.subtop .subtop_flex .top_cont1:hover { background-color: #333; }
.subtop .subtop_flex .top_cont1 a { position: relative; display: block; height: 100%; color: #fff; }
.subtop .subtop_flex .top_cont1 img { display: inline-block; position: relative; top: 45%; left: 50%; transform: translate(-50%,-50%); }
.subtop .subtop_flex .top_cont2 { width: 300px; height: 100%; border-right: 1px solid #5d5853; }
.subtop .subtop_flex .top_cont3 { width: 400px; height: 100%; border-right: 1px solid #5d5853; }
.subtop.noSub .subtop_flex .top_cont3 { display: none !important; }

.subtop .subtop_flex .top_cont .top_contin { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 14px; height: 100%; font-size: 15px; color: #fff; transition: background-color 0.3s; }
.subtop .subtop_flex .top_cont .top_contin:hover { background-color: #333; }

.subtop .subtop_flex .donw_arrow { transform-origin: center; }
.subtop .subtop_flex .active .donw_arrow { transform: rotateZ(180deg); }

.subtop .subtop_flex .top_cont .top_subs { z-index: 10; display: none; position: absolute; left: -1px; width: calc(100% + 2px); background-color: rgba(0, 0, 0, 0.8); border: 1px solid #c0c0c0;  }
.subtop .subtop_flex .top_cont .top_subs a { display: block; padding: 10px 14px; text-align: left; font-size: 14px; color: #fff; }
.subtop .subtop_flex .top_cont .top_subs a:hover { background-color: #444; }

@media (max-width: 1023px) {
    .subtop { margin-top: -70px; height: 70px; }
    .subtop .subtop_flex { flex-wrap: wrap; }
    .subtop .subtop_flex .top_cont1 { width: 35px; height: 35px; }
    .subtop .subtop_flex .top_cont2 { width: calc(100% - 35px); height: 35px; }
    .subtop .subtop_flex .top_cont3 { width: 100%; height: 35px; border-left: 1px solid #5d5853; border-top: 1px solid #5d5853; }

    .subtop .subtop_flex .top_cont .top_contin { font-size: 13px; }

    .subtop.noSub { margin-top: -35px; height: 35px; }
    .subtop.noSub .subtop_flex .top_cont3 { display: none; }
}

/* sub_common */
.sub_sect { position: relative; padding: 90px 0; overflow: hidden; }
.sub_sect .sub_tit { padding-bottom: 55px; text-align: center; font-weight: 600; font-size: 37px; color: #000; }

/* sub1_1 */
.sub1_1 .imgbox { text-align: center; }
.sub1_1 .textbox { padding-bottom: 40px; text-align: center; }
.sub1_1 .textbox .text1 { font-weight: 700; font-size: 28px; color: #004e98; line-height: 1.45; }
.sub1_1 .textbox .text2 { margin-top: 5px; font-size: 18px; color: #666; line-height: 1.45; }
@media (max-width: 767px) {
    .sub1_1 .textbox .text2  br { display: none; }
}

/* sub1_2 */
.sub1_2 .text1 { font-weight: 600; font-size: 37px; color: #000; }
.sub1_2 .contents1 { margin-top: 30px; position: relative; padding: 100px 0; overflow: hidden; background-color: #f5f8fc; }
.sub1_2 .contents1 .haccp { position: absolute; right: 0; }
.sub1_2 .contents1 .haccp img { display: inline-block; width: 127px; }
.sub1_2 .contents1 ul { display: flex; flex-wrap: nowrap; align-items: center; }
.sub1_2 .contents1 ul .left { min-width: max-content; }
.sub1_2 .contents1 ul .left img { display: inline-block; width: 754px; }
.sub1_2 .contents1 ul .right { position: relative; padding-left: 60px; }
.sub1_2 .contents1 ul .right dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub1_2 .contents1 ul .right dl:nth-of-type(n + 2) { margin-top: 10px; }
.sub1_2 .contents1 ul .right dl dt { width: 100px; min-width: 100px; padding: 10px 0; text-align: center; font-weight: 700; font-size: 20px; color: #fff; background-color: #174e86; border-radius: 100px; }
.sub1_2 .contents1 ul .right dl dd { margin-left: 15px; font-size: 18px; color: #000; line-height: 1.65; }
.sub1_2 .contents1 ul .right dl dd b { font-weight: 700; font-size: 20px; color: #2b2b2b; }
.sub1_2 .contents1 ul .right dl dd span { font-size: inherit !important; color: #ff0000; }
@media (max-width: 1535px) {
    .sub1_2 .contents1 .haccp img { width: calc(60px + 4.3vw); }
    .sub1_2 .contents1 ul .left img { width: calc(400px + 20vw); }
    .sub1_2 .contents1 ul .right { padding-left: calc(25px + 2vw); }
    .sub1_2 .contents1 ul .right dl dt { padding: 9px 0; font-weight: 600; }
}
@media (max-width: 1279px) {
    .sub1_2 .contents1 .haccp img { width: calc(50px + 4vw); }
    .sub1_2 .contents1 ul .left img { width: calc(300px + 15vw); }
    .sub1_2 .contents1 ul .right dl dt { padding: 8px 0; }
}
@media (max-width: 1023px) {
    .sub1_2 .contents1 .haccp img { width: 80px; }
    .sub1_2 .contents1 ul { display: block; }
    .sub1_2 .contents1 ul .left { min-width: inherit; margin-bottom: 20px; }
    .sub1_2 .contents1 ul .right { padding-left: initial; }
    .sub1_2 .contents1 ul .right dl dt { padding: 7px 0; font-weight: 500; }
}
@media (max-width: 624px) {
    .sub1_2 .contents1 { text-align: center; }
    .sub1_2 .contents1 .haccp { position: relative; }
    .sub1_2 .contents1 .haccp img { width: 65px; }
    .sub1_2 .contents1 ul { margin-top: 20px; }
    .sub1_2 .contents1 ul .right { text-align: left; margin: 0 auto; max-width: 400px; }
    .sub1_2 .contents1 ul .right dl dt { width: 90px; min-width: 90px; }
}

/* sub1_3 */
.sub1_3 .mapwrap { position: relative; height: 600px; }
.sub1_3 .mapwrap .root_daum_roughmap { width: 100%; height: 100%; }
.sub1_3 .mapwrap .root_daum_roughmap .wrap_map { width: 100%; height: calc(100% - 32px); }
.sub1_3 .mapdesc { padding: 17px; display: flex; flex-wrap: nowrap; border: 1px solid rgba(0,0,0,.1); border-top: none; font-size: 18px; color: #4c4c4c; }
.sub1_3 .mapdesc * { font-size: inherit; color: inherit; }
.sub1_3 .mapdesc dl { width: 50%; display: flex; flex-wrap: nowrap; align-items: center; }
.sub1_3 .mapdesc dl dt { min-width: max-content; margin-right: 13px; }
.sub1_3 .mapdesc dl dt img { display: inline-block; width: 54px; }
.sub1_3 .mapdesc dl dd b { font-weight: 600; color: #000; }
.sub1_3 .mapdesc2 { margin-top: 15px; padding: 17px; font-size: 18px; color: #4c4c4c; line-height: 1.45; }
.sub1_3 .mapdesc2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub1_3 .mapdesc2 dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub1_3 .mapdesc2 dl dt { min-width: max-content; margin-right: 13px; }
.sub1_3 .mapdesc2 dl dt img { display: inline-block; width: 54px; }
.sub1_3 .mapdesc2 dl dd b { font-weight: 600; color: #000; }
@media (max-width: 1535px) {
    .sub1_3 .mapwrap { height: calc(350px + 16vw); }
    .sub1_3 .mapdesc dl dt { margin-right: 11px; }
    .sub1_3 .mapdesc dl dt img { width: calc(30px + 1.5vw); }

    .sub1_3 .mapdesc2 dl dt { margin-right: 11px; }
    .sub1_3 .mapdesc2 dl dt img { width: calc(30px + 1.5vw); }
}
@media (max-width: 1279px) {
    .sub1_3 .mapwrap { height: calc(250px + 13vw); }
    .sub1_3 .mapdesc { padding: 15px;}
    .sub1_3 .mapdesc2 { padding: 15px; }
}
@media (max-width: 1023px) {
    .sub1_3 .mapwrap { height: calc(200px + 10vw); }
    .sub1_3 .mapdesc { display: block; }
    .sub1_3 .mapdesc dl { width: 100%; }
    .sub1_3 .mapdesc dl:nth-of-type(n + 2) { margin-top: 13px; }
    .sub1_3 .mapdesc2 { margin-top: initial; }
    .sub1_3 .mapdesc2 dl dd br { display: none; }
}

/* sub2 common */
.sub2 article { position: relative; margin-top: 80px; }
.sub2 article .bar1 { position: relative; margin-bottom: 20px; display: flex; flex-wrap: nowrap; font-weight: normal; font-size: 30px; color: #ae7b25; line-height: 1.25; }
.sub2 article .bar1 * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub2 article .bar1 b { font-weight: 700; font-size: inherit !important; }
.sub2 article .bar1 .barwrap { min-width: max-content; margin-right: 13px; }
.sub2 article .bar1 .barwrap img { display: inline-block; width: 12px; margin-top: -50%; }
.sub2 article .bar2 { margin-bottom: 20px; font-weight: 700; font-size: 34px; color: #ae7b25; }
.sub2 article .bar2 span { color: #000; }
@media (max-width: 1535px) {
    .sub2 article .bar1 { margin-bottom: 17px; }
    .sub2 article .bar1 .barwrap { margin-right: 11px; }
    .sub2 article .bar1 .barwrap img { width: 11px; }
    .sub2 article .bar2 { margin-bottom: 17px; }
}
@media (max-width: 1279px) {
    .sub2 article .bar1 { margin-bottom: 15px; }
    .sub2 article .bar1 .barwrap { margin-right: 10px; }
    .sub2 article .bar1 .barwrap img { width: 10px; }
    .sub2 article .bar2 { margin-bottom: 15px; }
}
@media (max-width: 1023px) {
    .sub2 article .bar1 .barwrap { margin-right: 9px; }
    .sub2 article .bar1 .barwrap img { width: 9px; }
}

/* sub2 grayform */
.sub2 .grayform { position: relative; padding: 25px; background-color: #fbfbfb; border: 1px solid #e6e6e6; border-radius: 10px; font-size: 18px; color: #717171; line-height: 1.65; }
.sub2 .grayform * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2 .grayform .scr1 { display: flex; flex-wrap: nowrap; }
.sub2 .grayform .scr1 p:first-of-type { min-width: max-content; margin-right: 10px; }
.sub2 .grayform .scr1 p:first-of-type img { display: inline-block; width: 10px; }
@media (max-width: 1535px) {
    .sub2 .grayform .scr1 p:first-of-type { margin-right: 9px; }
    .sub2 .grayform .scr1 p:first-of-type img { width: 9px; }
}
@media (max-width: 1279px) {
    .sub2 .grayform .scr1 p:first-of-type { margin-right: 8px; }
    .sub2 .grayform .scr1 p:first-of-type img { width: 8px; }
}
@media (max-width: 1023px) {
    .sub2 .grayform .scr1 p:first-of-type { margin-right: 7px; }
    .sub2 .grayform .scr1 p:first-of-type img { width: 7px; }
}
@media (max-width: 767px) {
    .sub2 .grayform .scr1 p:first-of-type { margin-right: 6px; }
    .sub2 .grayform .scr1 p:first-of-type img { width: 6px; }
}

/* sub2 tablewrap */
.sub2 .tablewrap { position: relative; }
.sub2 .tablewrap table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; font-size: 18px; color: #717171; line-height: 1.35; }
.sub2 .tablewrap table * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 10px 5px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: center; }
.sub2 .tablewrap table th { color: #fff; background-color: #bc924b; }
.sub2 .tablewrap table td.ver1 { font-weight: 600; color: #ae7b25; background-color: #fcfbf8; }
.sub2 .tablewrap table .ver2 td { font-weight: 600; color: #fff; background-color: #757575; }
.sub2 .tablewrap table .ver3 th { font-weight: 600; color: #ae7b25; background-color: #f7f2e9; }
@media (max-width: 1535px) {
    .sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 9px 5px; }
}
@media (max-width: 1279px) {
    .sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 8px 5px; }
}
@media (max-width: 1023px) {
    .sub2 .tablewrap { overflow-x: scroll; padding-bottom: 10px; }
    .sub2 .tablewrap table { width: 1050px; }
    .sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 7px 5px; }
}
@media (max-width: 767px) {
    .sub2 .tablewrap table { width: 780px; }
}

.sub2 .tablewrap2 { position: relative; }
.sub2 .tablewrap2 table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; font-size: 18px; color: #717171; line-height: 1.35; }
.sub2 .tablewrap2 table * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2 .tablewrap2 table th, .sub2 .tablewrap2 table td { padding: 10px 5px; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; text-align: center; }
.sub2 .tablewrap2 table th { font-weight: 500; color: #fff; background-color: #004e98; }
.sub2 .tablewrap2 table td.ver1 { font-weight: 500; color: #000; background-color: #fdfdfd; }
@media (max-width: 1535px) {
    .sub2 .tablewrap2 table th, .sub2 .tablewrap2 table td { padding: 9px 5px; }
}
@media (max-width: 1279px) {
    .sub2 .tablewrap2 table th, .sub2 .tablewrap2 table td { padding: 8px 5px; }
}
@media (max-width: 1023px) {
    .sub2 .tablewrap2 { overflow-x: scroll; padding-bottom: 10px; }
    .sub2 .tablewrap2 table { width: 1050px; }
    .sub2 .tablewrap2 table th, .sub2 .tablewrap2 table td { padding: 7px 5px; }
}
@media (max-width: 767px) {
    .sub2 .tablewrap2 table { width: 780px; }
}


/* sub2_1 */
.sub2_1 .contents1 { position: relative; padding: 45px 30px; background-color: #fbf8f3; }
.sub2_1 .contents1 dl { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.sub2_1 .contents1 dl dt { min-width: max-content; margin-right: 90px; }
.sub2_1 .contents1 dl dt img { display: inline-block; width: 250px; }
.sub2_1 .contents1 dl dd { width: 100%; }
.sub2_1 .contents1 dl dd .textbox { text-align: center; }
.sub2_1 .contents1 dl dd .textbox .text1 { font-size: 22px; color: #6b6b6b; line-height: 1.36; }
.sub2_1 .contents1 dl dd .textbox .text2 { font-weight: 700; font-size: 35px; color: #ae7b25; line-height: 1.3; }
.sub2_1 .contents1 dl dd ul { position: relative; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 30px; max-width: 800px; }
.sub2_1 .contents1 dl dd ul li { width: 22.875%; }
.sub2_1 .contents1 dl dd ul li img { width: 100%; }
.sub2_1 .text3 { margin-top: 15px; display: flex; flex-wrap: nowrap; font-size: 20px; color: #ff0000; line-height: 1.25; }
.sub2_1 .text3 * { font-size: inherit !important; color: inherit; line-height: inherit; }
@media (max-width: 1535px) {
    .sub2_1 .contents1 { padding: 40px 25px; }
    .sub2_1 .contents1 dl dt { margin-right: calc(40px + 3.2vw); }
    .sub2_1 .contents1 dl dt img { width: calc(150px + 6.5vw); }
}
@media (max-width: 1279px) {
    .sub2_1 .contents1 { padding: 35px 20px; }
    .sub2_1 .contents1 dl dt { margin-right: 40px; }
    .sub2_1 .contents1 dl dt img { width: calc(130px + 5vw); }
}
@media (max-width: 1023px) {
    .sub2_1 .contents1 { padding: 30px 15px; }
}
@media (max-width: 767px) {
    .sub2_1 .contents1 { padding: 20px 15px; }
    .sub2_1 .contents1 dl { display: block; text-align: center; }
    .sub2_1 .contents1 dl dt { min-width: initial; margin-right: initial; }
    .sub2_1 .contents1 dl dt img { width: 100%; max-width: 155px; }
    .sub2_1 .contents1 dl dd { margin-top: 20px; }
    .sub2_1 .contents1 dl dd ul { margin-top: 20px; }
    .sub2_1 .contents1 dl dd ul li { width: 23%; }
}
@media (max-width: 580px) {
    .sub2_1 .contents1 dl dd ul { flex-wrap: wrap; justify-content: space-between; max-width: 300px; }
    .sub2_1 .contents1 dl dd ul li { width: 48%; }
    .sub2_1 .contents1 dl dd ul li:nth-of-type(n + 3) { margin-top: 4%; }
}

/* sub2_2 */
.sub2_2 .contents1 { position: relative; padding: 45px 30px; background-color: #f9f9f9; border-radius: 10px; border: 1px solid #e8e8e8; }
.sub2_2 .contents1 dl { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.sub2_2 .contents1 dl dt { width: 37%; }
.sub2_2 .contents1 dl dt img { display: inline-block; width: 100%; }
.sub2_2 .contents1 dl dd { width: 53%; }
.sub2_2 .contents1 dl dd ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.sub2_2 .contents1 dl dd ul li { width: 31.8%; }
.sub2_2 .contents1 dl dd ul li:nth-of-type(n + 4) { margin-top: 2%; }
.sub2_2 .contents1 dl dd ul li img { width: 100%; }
.sub2_2 .text1 { font-size: 18px; color: #686868; line-height: 1.65; }
.sub2_2 .text1 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_2 .text1 dl { display: flex; flex-wrap: nowrap; }
.sub2_2 .text1 dl dt { min-width: max-content; }
.sub2_2 .imgbox { margin-top: 20px; text-align: center; }
.sub2_2 .imgbox img { display: inline-block; width: 840px; }
.sub2_2 .imgbox2 { margin-top: 65px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2.sub2_2 article .imgbox2 .bar1 { font-size: 25px; }
.sub2_2 .imgbox2 li { width: 48%; }
.sub2_2 .imgbox2 li .imgcont { border: 1px solid #dbdbdb; }
.sub2_2 .imgbox2 li .imgcont img { width: 100%; }

.sub2_2 .contents1 > dl > dt .textbox { margin-top: 20px; padding: 30px; text-align: left; background-color: #eaecf1; border-radius: 20px; }
.sub2_2 .contents1 > dl > dt .textbox .text1 { margin-bottom: 10px; font-weight: 600; font-size: 22px; color: #004e98; line-height: 1.36; }
.sub2_2 .contents1 > dl > dt .textbox .text2 { font-size: 18px; color: #646464; line-height: 1.38; }
.sub2_2 .contents1 > dl > dt .textbox .text2 * { font-size: inherit !important; color: inherit !important; line-height: inherit !important; }
.sub2_2 .contents1 > dl > dt .textbox .text2 p { display: flex; flex-wrap: nowrap; }
.sub2_2 .contents1 > dl > dt .textbox .text2 p span:first-of-type { min-width: max-content; }

@media (max-width: 1535px) {
    .sub2_2 .contents1 { padding: 40px 25px; }
    .sub2_2 .imgbox img { width: calc(400px + 25vw); }

    .sub2_2 .contents1 > dl > dt .textbox { padding: 27px; }
}
@media (max-width: 1279px) {
    .sub2_2 .contents1 { padding: 35px 20px; }

    .sub2_2 .contents1 > dl > dt .textbox { padding: 25px; }
}
@media (max-width: 1023px) {
    .sub2_2 .contents1 { padding: 30px 15px; }

    .sub2_2 .contents1 > dl > dt .textbox { padding: 22px; }
}
@media (max-width: 890px) {
    .sub2_2 .imgbox2 { display: block; }
    .sub2_2 .imgbox2 li { width: 100%; }
    .sub2_2 .imgbox2 li:nth-of-type(n + 2) { margin-top: 25px; }
    .sub2_2 .imgbox2 li .imgcont { text-align: center; }
    .sub2_2 .imgbox2 li .imgcont img { width: initial; }
}
@media (max-width: 767px) {
    .sub2_2 .contents1 { padding: 20px 15px; text-align: center; }
    .sub2_2 .contents1 dl { display: block; }
    .sub2_2 .contents1 dl dt { width: 100%; }
    .sub2_2 .contents1 dl dt img { width: 240px; }
    .sub2_2 .contents1 dl dd { width: 100%; }
    .sub2_2 .contents1 dl dd ul { position: relative; left: 50%; transform: translateX(-50%); margin-top: 20px; max-width: 400px; }

    .sub2_2 .contents1 > dl > dt .textbox { padding: 20px; }
}
@media (max-width: 580px) {
    .sub2_2 .contents1 > dl > dt .textbox { width: 100%; }
    .sub2_2 .contents1 > dl > dt .textbox:last-of-type { margin-top: 20px; }
}
@media (max-width: 524px) {
    .sub2_2 .contents1 dl dd ul { max-width: 300px; }
    .sub2_2 .contents1 dl dd ul li { width: 48%; }
    .sub2_2 .contents1 dl dd ul li:nth-of-type(n + 4) { margin-top: initial; }
    .sub2_2 .contents1 dl dd ul li:nth-of-type(n + 3) { margin-top: 4%; }
}

/* sub2_3 */
.sub2_3 .contents1 { position: relative; padding: 45px 30px; background-color: #fbf8f3; border-radius: 10px; border: 1px solid #e8e8e8 }
.sub2_3 .contents1 > dl { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.sub2_3 .contents1 > dl > dt { min-width: max-content; margin-right: 30px; }
.sub2_3 .contents1 > dl > dt div img { display: inline-block; width: 359px; }
.sub2_3 .contents1 > dl > dt div:last-of-type { margin-top: 12px; }
.sub2_3 .contents1 > dl > dd { width: 100%; }
.sub2_3 .contents1 > dl > dd .top { position: relative; display: none; }
.sub2_3 .contents1 > dl > dd .bottom { /* margin-top: 20px; */ display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_3 .contents1 > dl > dd .bottom .textbox { width: 49%; }
.sub2_3 .contents1 > dl > dd .textbox { padding: 40px; text-align: left; background-color: #eaecf1; border-radius: 20px; }
.sub2_3 .contents1 > dl > dd .textbox .text1 { margin-bottom: 10px; font-weight: 600; font-size: 22px; color: #004e98; line-height: 1.36; }
.sub2_3 .contents1 > dl > dd .textbox .text2 { font-size: 18px; color: #646464; line-height: 1.38; }
.sub2_3 .contents1 > dl > dd .textbox .text2 * { font-size: inherit !important; color: inherit !important; line-height: inherit !important; }
.sub2_3 .contents1 > dl > dd .textbox .text2 dl { display: flex; flex-wrap: nowrap; }
.sub2_3 .contents1 > dl > dd .textbox .text2 dl dt { min-width: max-content; }
.sub2_3 .contents2 { margin-top: 45px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_3 .contents2 li { width: 32.3%; }
.sub2_3 .contents2 li a { position: relative; display: block; height: 100%; padding: 30px 25px; border: 1px solid #d6d6d6; border-radius: 20px; pointer-events: none; }
.sub2_3 .contents2 li a .txtbox { font-weight: 600; font-size: 22px; color: #353535; line-height: 1.35; } 
.sub2_3 .contents2 li a .imgbox { margin-top: 20px; text-align: center; }
.sub2_3 .text3 { text-align: center; font-weight: 700; font-size: 28px; color: #004e98; line-height: 1.3; } 
.sub2_3 .contents3 { margin-top: 40px; display: flex; flex-wrap: nowrap; }
.sub2_3 .contents3 li { position: relative; width: 33.3333%; padding: 45px 15px; border-radius: 100px; }
.sub2_3 .contents3 li:nth-of-type(1) { z-index: 2; left: 40px; background-color: rgba(33, 102, 158, 0.5); }
.sub2_3 .contents3 li:nth-of-type(2) { z-index: 1; background-color: rgba(104, 140, 208, 0.5); }
.sub2_3 .contents3 li:nth-of-type(3) { z-index: 2; right: 40px; background-color: rgba(89, 156, 85, 0.5); }
.sub2_3 .contents3 li p { position: relative; text-align: center; font-weight: 700; font-size: 30px; color: #fff; }
.sub2_3 .contents4 { padding: 35px 50px; border: 2px solid #e4e4e4; }
.sub2_3 .contents4 ul { display: flex; flex-wrap: nowrap; align-items: center; }
.sub2_3 .contents4 ul .left { min-width: max-content; margin-right: 50px; }
.sub2_3 .contents4 ul .left img { display: inline-block; width: 272px; }
.sub2_3 .contents4 ul .right { font-size: 18px; color: #646464; line-height: 1.65; }
.sub2_3 .contents4 ul .right * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_3 .contents4 ul .right dl { display: flex; flex-wrap: nowrap; }
.sub2_3 .contents4 ul .right dl dt { min-width: max-content; }
.sub2_3 .text4 { margin-bottom: 20px; font-weight: 700; font-size: 25px; color: #004e98; }
.sub2_3 .text5 { margin-bottom: 20px; font-weight: 700; font-size: 22px; color: #000; }
.sub2_3 .contents5 { padding: 40px; background-color: #f3f3f8; }
.sub2_3 .contents5 .scr1 { text-align: center; font-weight: 600; font-size: 20px; color: #004e98; line-height: 1.45; }
.sub2_3 .contents6 { padding: 30px; background-color: #f3f3f8; font-size: 18px; color: #3e3e3e; line-height: 1.65; }
.sub2_3 .contents6 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_3 .contents6 .scr1 { display: flex; flex-wrap: nowrap; }
.sub2_3 .contents6 .scr1 p:first-of-type { min-width: max-content; }
.sub2_3 .contents7 { margin-top: 20px; text-align: center; }
.sub2_3 .contents7 img { display: inline-block; width: 550px; }
@media (max-width: 1535px) {
    .sub2_3 .contents1 { padding: 40px 25px; }
    .sub2_3 .contents1 > dl > dt { margin-right: calc(14px + 1vw); }
    .sub2_3 .contents1 > dl > dt div img { width: calc(200px + 10vw); }
    .sub2_3 .contents1 > dl > dd .textbox { padding: 35px; }
    .sub2_3 .contents2 li a { padding: 25px 20px; border-radius: 18px; }
    .sub2_3 .contents3 li { padding: 35px 15px; }
    .sub2_3 .contents3 li:nth-of-type(1) { left: 35px; }
    .sub2_3 .contents3 li:nth-of-type(3) { right: 35px; }
    .sub2_3 .contents4 { padding: 30px 45px; }
    .sub2_3 .contents4 ul .left { margin-right: calc(33px + 1vw); }
    .sub2_3 .contents4 ul .left img { width: calc(150px + 7.8vw); }
    .sub2_3 .text4 { margin-bottom: 18px; }
    .sub2_3 .text5 { margin-bottom: 18px; }
    .sub2_3 .contents5 .scr1 { font-weight: 500; }
    .sub2_3 .contents7 img { width: calc(300px + 16vw); }
}
@media (max-width: 1279px) {
    .sub2_3 .contents1 { padding: 35px 20px; }
    .sub2_3 .contents1 > dl > dt div img { width: calc(180px + 8vw); }
    .sub2_3 .contents1 > dl > dd .textbox { padding: 30px; }
    .sub2_3 .contents2 li a { padding: 20px 15px; border-radius: 16px; }
    .sub2_3 .contents3 li { padding: 25px 15px; }
    .sub2_3 .contents3 li:nth-of-type(1) { left: 30px; }
    .sub2_3 .contents3 li:nth-of-type(3) { right: 30px; }
    .sub2_3 .contents4 { padding: 25px 35px; }
    .sub2_3 .contents7 img { width: calc(250px + 14vw); }
}
@media (max-width: 1023px) {
    .sub2_3 .contents1 { padding: 30px 15px; }
    .sub2_3 .contents1 > dl { display: block; }
    .sub2_3 .contents1 > dl > dt { display: flex; flex-wrap: nowrap; justify-content: space-between; min-width: initial; margin-right: initial; text-align: center; max-width: 500px; margin-left: auto; margin-right: auto; }
    .sub2_3 .contents1 > dl > dt > div { width: 48%; }
    .sub2_3 .contents1 > dl > dt div:last-of-type { margin-top: initial; }
    .sub2_3 .contents1 > dl > dt > div img { width: 100%; }
    .sub2_3 .contents1 > dl > dd { margin-top: 20px; }
    .sub2_3 .contents1 > dl > dd .textbox { padding: 25px; }
    .sub2_3 .contents2 li a { padding: 15px; border-radius: 15px; }
    .sub2_3 .contents2 li a .imgbox { margin-top: 15px; }
    .sub2_3 .contents3 li { padding: 20px 10px; }
    .sub2_3 .contents3 li:nth-of-type(1) { left: 25px; }
    .sub2_3 .contents3 li:nth-of-type(3) { right: 25px; }
    .sub2_3 .contents4 { padding: 20px 30px; }
    .sub2_3 .text4 { margin-bottom: 15px; }
    .sub2_3 .text5 { margin-bottom: 15px; }
}
@media (max-width: 767px) {
    .sub2_3 .contents1 { padding: 20px 15px; }
    /* .sub2_3 .contents1 > dl > dd .bottom { margin-top: 15px; } */
    .sub2_3 .contents1 > dl > dd .textbox { padding: 20px; }
    .sub2_3 .contents2 { display: block; }
    .sub2_3 .contents2 li { width: 100%; }
    .sub2_3 .contents2 li:nth-of-type(n + 2) { margin-top: 20px; }
    .sub2_3 .contents2 li a .txtbox { text-align: center; }
    .sub2_3 .contents2 li a .imgbox img { width: calc(150px + 10vw); }
    .sub2_3 .contents3 li { padding: 15px 10px; }
    .sub2_3 .contents3 li:nth-of-type(1) { left: 20px; }
    .sub2_3 .contents3 li:nth-of-type(3) { right: 20px; }
    .sub2_3 .contents4 { padding: 15px 20px; }
    .sub2_3 .contents4 ul { display: block; text-align: center; }
    .sub2_3 .contents4 ul .left { min-width: initial; margin-right: initial; }
    .sub2_3 .contents4 ul .left img { width: 100%; max-width: 180px; }
    .sub2_3 .contents4 ul .right { margin-top: 20px; text-align: left; }
}
@media (max-width: 580px) {
    .sub2_3 .contents1 > dl > dd .bottom { display: block; }
    .sub2_3 .contents1 > dl > dd .bottom .textbox { width: 100%; }
    .sub2_3 .contents1 > dl > dd .bottom .textbox:last-of-type { margin-top: 20px; }
    .sub2_3 .contents3 { display: block; }
    .sub2_3 .contents3 li { width: 100%; padding: 10px 5px; }
    .sub2_3 .contents3 li:nth-of-type(n + 2) { margin-top: 10px; }
    .sub2_3 .contents3 li:nth-of-type(1) { left: 0; }
    .sub2_3 .contents3 li:nth-of-type(3) { right: 0; }
}
@media (max-width: 424px) {
    .sub2_3 .contents1 > dl > dt { display: block; }
    .sub2_3 .contents1 > dl > dt > div { width: 100%; }
    .sub2_3 .contents1 > dl > dt div:last-of-type { margin-top: 20px; }
}

/* sub2_4 */
.sub2_4 .contents1 { position: relative; padding: 45px 30px; background-color: #fff; border-radius: 10px; border: 1px solid #e8e8e8; }
.sub2_4 .contents1 dl { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.sub2_4 .contents1 dl dt { min-width: max-content; }
.sub2_4 .contents1 dl dt img { display: inline-block; width: 356px; }
.sub2_4 .contents1 dl dd { width: 100%; padding-left: 80px; }
.sub2_4 .contents1 dl dd .imgbox img { display: inline-block; width: 448px; }
.sub2_4 .contents1 dl dd .txtbox { margin-top: 20px; }
.sub2_4 .contents1 dl dd .txtbox .txt1 { font-size: 22px; color: #6b6b6b; line-height: 1.36; }
.sub2_4 .contents1 dl dd .txtbox .txt2 { font-weight: 700; font-size: 35px; color: #ae7b25; line-height: 1.3; }
.sub2_4 .contents2 { position: relative; left: 50%; transform: translateX(-50%); max-width: 730px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_4 .contents2 li { width: 26.84%; text-align: center; }
.sub2_4 .contents2 li .imgbox img { width: 100%; }
.sub2_4 .contents2 li .txtbox { margin-top: 15px; font-weight: 600; font-size: 24px; color: #000; }
.sub2_4 .text1 { margin-bottom: 20px; font-weight: 600; font-size: 22px; color: #000; line-height: 1.5; }
.sub2_4 .text1 br { display: none; }
.sub2_4 .text1 span { display: inline-block; margin-left: 8px; font-size: 18px; }
.sub2_4 .text2 { margin-top: 15px; font-size: 18px; color: #747474; line-height: 1.38; }
.sub2_4 .text2 br { display: none; }
@media (max-width: 1535px) {
    .sub2_4 .contents1 { padding: 40px 25px; }
    .sub2_4 .contents1 dl dt img { width: calc(150px + 13.3vw); }
    .sub2_4 .contents1 dl dd { padding-left: calc(40px + 2.5vw); }
    .sub2_4 .contents1 dl dd .imgbox img { width: calc(200px + 16vw); }
    .sub2_4 .contents2 { max-width: calc(450px + 18vw); }
    .sub2_4 .contents2 li .txtbox { margin-top: 13px; }
    .sub2_4 .text1 { margin-bottom: 17px; }
    .sub2_4 .text2 { margin-top: 13px; }
}
@media (max-width: 1279px) {
    .sub2_4 .contents1 { padding: 35px 20px; }
    .sub2_4 .text1 { margin-bottom: 15px; }
    .sub2_4 .text2 { margin-top: 11px; }
}
@media (max-width: 1023px) {
    .sub2_4 .contents1 { padding: 30px 15px; }
    .sub2_4 .contents2 li { width: 30%; }
    .sub2_4 .contents2 li .txtbox { margin-top: 10px; }
    .sub2_4 .text1 br { display: inline-block; }
    .sub2_4 .text1 span { display: block; margin-left: initial; }
    .sub2_4 .text2 br { display: inline-block; }
}
@media (max-width: 767px) {
    .sub2_4 .contents1 { padding: 20px 15px; text-align: center; }
    .sub2_4 .contents1 dl { display: block; }
    .sub2_4 .contents1 dl dt { width: 100%; min-width: initial; }
    .sub2_4 .contents1 dl dt img { width: 200px; }
    .sub2_4 .contents1 dl dd { width: 100%; padding-left: initial; margin-top: 20px; }
}

/* sub2_5 */
.sub2_5 .contents1 { position: relative; padding: 45px 30px; background-color: #f9f9f9; border-radius: 10px; border: 1px solid #e8e8e8; }
.sub2_5 .contents1 > dl { display: flex; flex-wrap: nowrap; }
.sub2_5 .contents1 > dl > dt { min-width: max-content; }
.sub2_5 .contents1 > dl > dt img { display: inline-block; width: 238px; }
.sub2_5 .contents1 > dl > dd { width: 100%; padding-left: 50px; }
.sub2_5 .contents1 .text1 { font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_5 .contents1 .text2 { margin-top: 40px; padding: 20px; background-color: #fff; border-radius: 10px; font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_5 .contents1 .text2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_5 .contents1 .text2 dl { display: flex; flex-wrap: nowrap; }
.sub2_5 .contents1 .text2 dl dt { min-width: max-content; font-weight: 600; color: #ae7b25; }
.sub2_5 .contents1 .text2 .bottom { margin-top: 20px; }
.sub2_5 .contents1 .text2 .bottom ul { display: flex; flex-wrap: nowrap; }
.sub2_5 .contents1 .text2 .bottom ul li { width: 33.3333%; }
@media (max-width: 1535px) {
    .sub2_5 .contents1 { padding: 40px 25px; }
    .sub2_5 .contents1 > dl > dt img { width: calc(138px + 6.5vw); }
    .sub2_5 .contents1 > dl > dd { padding-left: calc(30px + 1.3vw); }
}
@media (max-width: 1279px) {
    .sub2_5 .contents1 { padding: 35px 20px; }
}
@media (max-width: 1023px) {
    .sub2_5 .contents1 { padding: 30px 15px; }
    .sub2_5 .contents1 .text2 .bottom { margin-top: initial; }
    .sub2_5 .contents1 .text2 .bottom ul { display: block; }
    .sub2_5 .contents1 .text2 .bottom ul li { width: 100%; }
}
@media (max-width: 767px) {
    .sub2_5 .contents1 { padding: 20px 15px; text-align: center; }
    .sub2_5 .contents1 > dl { display: block; }
    .sub2_5 .contents1 > dl > dt { width: 100%; min-width: initial; }
    .sub2_5 .contents1 > dl > dt img { width: 200px; }
    .sub2_5 .contents1 > dl > dd { width: 100%; padding-left: initial; margin-top: 20px; }
}

/* sub2_6 tab */
.sub2_6 .sub2_tab { position: relative; left: 50%; transform: translateX(-50%); max-width: 1000px; margin-bottom: 50px; }
.sub2_6 .sub2_tab ul { display: flex; flex-wrap: nowrap; justify-content: center; margin: -10px; }
.sub2_6 .sub2_tab ul li { padding: 10px; width: 20%; }
.sub2_6 .sub2_tab ul li a { display: block; padding: 13px 5px; text-align: center; font-weight: 600; font-size: 20px; color: #fff; background-color: #b8b8b8; border-radius: 100px; }
.sub2_6 .sub2_tab ul li.active a { background-color: #2255aa; }
@media (max-width: 1535px) {
    .sub2_6 .sub2_tab ul li a { padding: 12px 5px; font-size: 18px; }
}
@media (max-width: 1279px) {
    .sub2_6 .sub2_tab ul li a { padding: 11px 5px; font-size: 16px; }
}
@media (max-width: 1023px) {
    .sub2_6 .sub2_tab ul li a { padding: 10px 5px; font-size: 15px; }
}
@media (max-width: 767px) {
    .sub2_6 .sub2_tab ul { flex-wrap: wrap; justify-content: space-between; margin: initial; }
    .sub2_6 .sub2_tab ul li { width: 48%; padding: initial; }
    .sub2_6 .sub2_tab ul li a { padding: 9px 5px; font-size: 14px; }
}

/* sub2_6 */
.sub2_6 .contents1 { position: relative; padding: 45px 30px; background-color: #f9f9f9; border-radius: 10px; border: 1px solid #e8e8e8; }
.sub2_6 .contents1 > dl { display: flex; flex-wrap: nowrap; }
.sub2_6 .contents1 > dl > dt { min-width: max-content; text-align: center; }
.sub2_6 .contents1 > dl > dt .text1 { font-weight: 700; font-size: 25px; color: #1074cc; }
.sub2_6 .contents1 > dl > dt img { display: inline-block; width: 200px; margin: 20px 0; }
.sub2_6 .contents1 > dl > dt .text2 { font-size: 18px; color: #494949; line-height: 1.65; }
.sub2_6 .contents1 > dl > dt .text2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_6 .contents1 > dl > dt .text2 dl { display: flex; flex-wrap: nowrap; }
.sub2_6 .contents1 > dl > dt .text2 dl dt { min-width: max-content; }
.sub2_6 .contents1 > dl > dd { width: 100%; padding-left: 80px; }
.sub2_6 .contents1 > dl > dd .text3 { padding: 20px 0; border-top: 1px solid #d6d6d6; }
.sub2_6 .contents1 > dl > dd .text3:first-of-type { padding-top: 0; border-top: none; }
.sub2_6 .contents1 > dl > dd .text3 .txt1 { font-weight: 700; font-size: 20px; color: #ae7b25; line-height: 1.5; }
.sub2_6 .contents1 > dl > dd .text3 .txt2 { font-size: 18px; color: #555; line-height: 1.65; }
.sub2_6 .contents2 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_6 .contents2 > li { width: 49%; }
.sub2_6 .contents2 > li .desc1 { margin-bottom: 20px; font-size: 16px; color: #717171; line-height: 1.55; }
.sub2_6 .contents3 { height: calc(100% - 37.5px); padding: 35px 25px; background-color: #f9f9f9; border: 1px solid #ededed; font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_6 .contents3 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_6 .contents3 dl { display: flex; flex-wrap: nowrap; }
.sub2_6 .contents3 dl dt { min-width: max-content; }
.sub2_6 .contents3 span { color: #ff0000; }
.sub2_6 .contents4 { margin: 15px 0; }
.sub2_6 .contents5 { margin-top: 40px; }
.sub2_6 .contents5:first-of-type { margin-top: initial; }
.sub2_6 .text4 { font-size: 18px; color: #5d5d5d; line-height: 1.65; }
.sub2_6 .text4 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_6 .text4 b { font-weight: 600; color: #000; }
.sub2_6 .text4 dl { display: flex; flex-wrap: nowrap; }
.sub2_6 .text4 dl dt { min-width: max-content; }
@media (max-width: 1535px) {
    .sub2_6 .contents1 { padding: 40px 25px; }
    .sub2_6 .contents1 > dl > dt img { width: calc(100px + 6.5vw); }
    .sub2_6 .contents1 > dl > dd { padding-left: calc(50px + 2.5vw); }
    .sub2_6 .contents1 > dl > dd .text3 { padding: 17px 0; }
    .sub2_6 .contents2 > li .desc1 { margin-bottom: 17px; }
    .sub2_6 .contents4 { margin: 13px 0; }
    .sub2_6 .contents5 { margin-top: 35px; }
}
@media (max-width: 1534px) {
    .sub2_6 .contents3 { height: calc(100% - 35px); }
}
@media (max-width: 1279px) {
    .sub2_6 .contents1 { padding: 35px 20px; }
    .sub2_6 .contents1 > dl > dd .text3 { padding: 15px 0; }
    .sub2_6 .contents2 > li .desc1 { margin-bottom: 15px; }
    .sub2_6 .contents3 { height: calc(100% - 32px); }
    .sub2_6 .contents4 { margin: 10px 0; }
    .sub2_6 .text4 b { font-weight: 500; }
    .sub2_6 .contents5 { margin-top: 30px; }
}
@media (max-width: 1023px) {
    .sub2_6 .contents1 { padding: 30px 15px; }
    .sub2_6 .contents2 { display: block; }
    .sub2_6 .contents2 > li { width: 100%; }
    .sub2_6 .contents2 > li:last-of-type { margin-top: 20px; }
    .sub2_6 .contents3 { height: initial; }
    .sub2_6 .contents5 { margin-top: 25px; }
}
@media (max-width: 767px) {
    .sub2_6 .contents1 { padding: 20px 15px; text-align: center; }
    .sub2_6 .contents1 > dl { display: block; }
    .sub2_6 .contents1 > dl > dt { width: 100%; max-width: 300px; margin: 0 auto; min-width: initial; display: flex; flex-wrap: nowrap; align-items: center; }
    .sub2_6 .contents1 > dl > dt img { width: 140px; }
    .sub2_6 .contents1 > dl > dt .text2 { padding-left: 30px; text-align: left; }
    .sub2_6 .contents1 > dl > dd { width: 100%; padding-left: initial; margin-top: 20px; }
    .sub2_6 .contents1 > dl > dd .text3 { text-align: left; }
}

/* sub2_7 tab */
.sub2_7 .sub2_tab { position: relative; left: 50%; transform: translateX(-50%); max-width: 1000px; margin-bottom: 50px; }
.sub2_7 .sub2_tab ul { display: flex; flex-wrap: nowrap; justify-content: center; margin: -10px; }
.sub2_7 .sub2_tab ul li { padding: 10px; width: 20%; }
.sub2_7 .sub2_tab ul li a { display: block; padding: 13px 5px; text-align: center; font-weight: 600; font-size: 20px; color: #fff; background-color: #b8b8b8; border-radius: 100px; }
.sub2_7 .sub2_tab ul li.active a { background-color: #2255aa; }
@media (max-width: 1535px) {
    .sub2_7 .sub2_tab ul li a { padding: 12px 5px; font-size: 18px; }
}
@media (max-width: 1279px) {
    .sub2_7 .sub2_tab ul li a { padding: 11px 5px; font-size: 16px; }
}
@media (max-width: 1023px) {
    .sub2_7 .sub2_tab ul li a { padding: 10px 5px; font-size: 15px; }
}
@media (max-width: 767px) {
    .sub2_7 .sub2_tab ul { flex-wrap: wrap; margin: -8px; }
    .sub2_7 .sub2_tab ul li { width: 33.3333%; padding: 8px; }
    .sub2_7 .sub2_tab ul li a { padding: 9px 5px; font-size: 14px; }
}
@media (max-width: 460px) {
    .sub2_7 .sub2_tab ul { margin: -5px; }
    .sub2_7 .sub2_tab ul li { padding: 5px; }
}

/* sub2_7_1 */
.sub2_7_1 .contents1 { position: relative; padding: 45px 30px; background-color: #f9f9f9; border-radius: 10px; border: 1px solid #e8e8e8; }
.sub2_7_1 .contents1 > dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub2_7_1 .contents1 > dl > dt { min-width: max-content; }
.sub2_7_1 .contents1 > dl > dt img { display: inline-block; width: 470px; }
.sub2_7_1 .contents1 > dl > dd { padding-left: 50px; }
.sub2_7_1 .contents1 > dl > dd .text1 { font-weight: 600; font-size: 30px; color: #bc924b; line-height: 1.6; }
.sub2_7_1 .contents2 { display: flex; flex-wrap: nowrap; padding: 35px 25px; background-color: #f9f9f9; border: 1px solid #ededed; }
.sub2_7_1 .contents2 .left { position: relative; min-width: max-content; padding-right: 30px; margin-right: 30px; }
.sub2_7_1 .contents2 .left::after { display: block; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #ddd; }
.sub2_7_1 .contents2 .left p { font-weight: 700; font-size: 25px; color: #000; }
.sub2_7_1 .contents2 .right { width: 100%; }
.sub2_7_1 .contents2 .text2 { font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_7_1 .contents2 .text2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_7_1 .contents2 .text2 b { font-weight: 600; color: #bc924b; }
.sub2_7_1 .contents2 .text2 span { color: #bc924b; }
.sub2_7_1 .contents2 .text2 dl { display: flex; flex-wrap: nowrap; }
.sub2_7_1 .contents2 .text2 dl dt { min-width: max-content; }
.sub2_7_1 .contents3 { display: flex; flex-wrap: nowrap; padding: 35px 25px; background-color: #f9f9f9; border: 1px solid #ededed; }
.sub2_7_1 .contents3 .contents2 { width: 50%; padding: 0; background-color: transparent; border: none; }
@media (max-width: 1535px) {
    .sub2_7_1 .contents1 { padding: 40px 25px; }
    .sub2_7_1 .contents1 > dl > dt img { width: calc(220px + 16vw); }
    .sub2_7_1 .contents1 > dl > dd { padding-left: calc(30px + 1.3vw); }
    .sub2_7_1 .contents2 .left { padding-right: 25px; margin-right: 25px; }
}
@media (max-width: 1279px) {
    .sub2_7_1 .contents1 { padding: 35px 20px; }
    .sub2_7_1 .contents2 .left { padding-right: 20px; margin-right: 20px; }
}
@media (max-width: 1023px) {
    .sub2_7_1 .contents1 { padding: 30px 15px; }
    .sub2_7_1 .contents2 { display: block; }
    .sub2_7_1 .contents2 .left { padding-right: initial; margin-right: initial; padding-bottom: 15px; margin-bottom: 15px; }
    .sub2_7_1 .contents2 .left::after { bottom: 0; top: initial; left: 0; right: initial; width: 100%; height: 1px; }
}
@media (max-width: 767px) {
    .sub2_7_1 .contents1 { padding: 20px 15px; text-align: center; }
    .sub2_7_1 .contents1 > dl { display: block; }
    .sub2_7_1 .contents1 > dl > dt { width: 100%; min-width: initial; }
    .sub2_7_1 .contents1 > dl > dt img { width: 300px; }
    .sub2_7_1 .contents1 > dl > dd { padding-left: initial; margin-top: 20px; }
    .sub2_7_1 .contents1 > dl > dd .text1 { line-height: 1.5; }
    .sub2_7_1 .contents3 { display: block; }
    .sub2_7_1 .contents3 .contents2 { width: 100%; }
    .sub2_7_1 .contents3 .contents2:last-of-type { margin-top: 20px; }
}


/* sub2_7_2 */
.sub2_7_2 .contents1 { position: relative; padding: 45px 30px; background-color: #f9f9f9; border-radius: 10px; border: 1px solid #e8e8e8; }
.sub2_7_2 .contents1 > dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub2_7_2 .contents1 > dl > dt { min-width: max-content; }
.sub2_7_2 .contents1 > dl > dt img { display: inline-block; width: 316px; }
.sub2_7_2 .contents1 > dl > dd { padding-left: 50px; width: 100%; }
.sub2_7_2 .contents1 > dl > dd ul { display: flex; flex-wrap: nowrap; }
.sub2_7_2 .contents1 > dl > dd ul li { position: relative; }
.sub2_7_2 .contents1 > dl > dd ul .left { min-width: max-content; margin-right: 40px; }
.sub2_7_2 .contents1 > dl > dd ul .left .scr1 { padding: 12px 5px; text-align: center; font-weight: 500; font-size: 26px; color: #fff; border-radius: 100px; background-color: #ae7b25; border-radius: 100px; }
.sub2_7_2 .contents1 > dl > dd ul .left .scr2 { margin-top: 15px; font-weight: 600; font-size: 50px; color: #bc924b; }
.sub2_7_2 .contents1 > dl > dd ul .right { font-weight: 500; font-size: 25px; color: #010101; line-height: 1.7; }
.sub2_7_2 .contents1 > dl > dd ul .right * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub2_7_2 .contents1 > dl > dd ul .right dl { display: flex; flex-wrap: nowrap; }
.sub2_7_2 .contents1 > dl > dd ul .right dl dt { min-width: max-content; }
.sub2_7_2 .contents2 { display: flex; flex-wrap: nowrap; padding: 35px 25px; background-color: #f9f9f9; border: 1px solid #ededed; font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_7_2 .contents2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_7_2 .contents2 b { font-weight: 600; color: #000; }
.sub2_7_2 .contents2 .left { position: relative; min-width: max-content; padding-right: 30px; margin-right: 30px; }
.sub2_7_2 .contents2 .left::after { display: block; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #ddd; }
.sub2_7_2 .contents2 .left p { font-weight: 700; font-size: 25px; color: #000; }
.sub2_7_2 .contents2 .right { width: 100%; }
.sub2_7_2 .contents2 dl { display: flex; flex-wrap: nowrap; }
.sub2_7_2 .contents2 dl dt { min-width: max-content; }
.sub2_7_2 .contents3 { display: flex; flex-wrap: nowrap; padding: 35px 25px; background-color: #f9f9f9; border: 1px solid #ededed; }
.sub2_7_2 .contents3 .contents2 { width: 50%; padding: 0; background-color: transparent; border: none; }
@media (max-width: 1535px) {
    .sub2_7_2 .contents1 { padding: 40px 25px; }
    .sub2_7_2 .contents1 > dl > dt img { width: calc(150px + 10vw); }
    .sub2_7_2 .contents1 > dl > dd { padding-left: calc(30px + 1.3vw); }
    .sub2_7_2 .contents1 > dl > dd ul .left { margin-right: calc(20px + 1.3vw); }
    .sub2_7_2 .contents2 .left { padding-right: 25px; margin-right: 25px; }
    .sub2_7_2 .contents1 > dl > dd ul .left .scr1 { padding: 11px 5px; }
    .sub2_7_2 .contents1 > dl > dd ul .left .scr2 { margin-top: 13px; }
}
@media (max-width: 1279px) {
    .sub2_7_2 .contents1 { padding: 35px 20px; }
    .sub2_7_2 .contents2 .left { padding-right: 20px; margin-right: 20px; }
    .sub2_7_2 .contents1 > dl > dd ul .left .scr1 { padding: 10px 5px; }
    .sub2_7_2 .contents1 > dl > dd ul .left .scr2 { margin-top: 11px; }
}
@media (max-width: 1023px) {
    .sub2_7_2 .contents1 { padding: 30px 15px; }
    .sub2_7_2 .contents2 { display: block; }
    .sub2_7_2 .contents2 .left { padding-right: initial; margin-right: initial; padding-bottom: 15px; margin-bottom: 15px; }
    .sub2_7_2 .contents2 .left::after { bottom: 0; top: initial; left: 0; right: initial; width: 100%; height: 1px; }
}
@media (max-width: 767px) {
    .sub2_7_2 .contents1 { padding: 20px 15px; text-align: center; }
    .sub2_7_2 .contents1 > dl { display: block; }
    .sub2_7_2 .contents1 > dl > dt { width: 100%; min-width: initial; }
    .sub2_7_2 .contents1 > dl > dt img { width: 200px; }
    .sub2_7_2 .contents1 > dl > dd { padding-left: initial; margin-top: 20px; }
    .sub2_7_2 .contents1 > dl > dd .text1 { line-height: 1.5; }
    .sub2_7_2 .contents1 > dl > dd ul { justify-content: space-between; max-width: 300px; margin: 0 auto; }
    .sub2_7_2 .contents1 > dl > dd ul .left { margin-right: initial; width: 49%; }
    .sub2_7_2 .contents1 > dl > dd ul .left .scr1 { display: block; padding: 8px 5px; }
    .sub2_7_2 .contents1 > dl > dd ul .left .scr2 { margin-top: 10px; }
    .sub2_7_2 .contents1 > dl > dd ul .right { width: 49%; }
    .sub2_7_2 .contents3 { display: block; }
    .sub2_7_2 .contents3 .contents2 { width: 100%; }
    .sub2_7_2 .contents3 .contents2:last-of-type { margin-top: 20px; }
}

/* .sub2_7_3 */
.sub2_7_3 .contents1 { position: relative; padding: 45px 30px; background-color: #f9f9f9; border-radius: 10px; border: 1px solid #e8e8e8; }
.sub2_7_3 .contents1 > dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub2_7_3 .contents1 > dl > dt { min-width: max-content; }
.sub2_7_3 .contents1 > dl > dt img { display: inline-block; width: 461px; }
.sub2_7_3 .contents1 > dl > dd { padding-left: 50px; width: 100%; }
.sub2_7_3 .contents1 > dl > dd ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_7_3 .contents1 > dl > dd ul li { position: relative; width: 48%; }
.sub2_7_3 .contents1 > dl > dd .scrbox .scr1 { font-weight: 700; font-size: 24px; color: #bc924b; line-height: 1.65; }
.sub2_7_3 .contents1 > dl > dd .scrbox .scr2 { font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_7_3 .contents1 > dl > dd .scrbox .scr2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_7_3 .contents1 > dl > dd .scrbox .scr2 dl { display: flex; flex-wrap: nowrap; }
.sub2_7_3 .contents1 > dl > dd .scrbox .scr2 dl dt { min-width: max-content; }
.sub2_7_3 .contents2 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_7_3 .contents2 > li { width: 49%; }
.sub2_7_3 .contents2 > li .imgbox { text-align: center; border: 1px solid #dbdbdb; }
@media (max-width: 1535px) {
    .sub2_7_3 .contents1 { padding: 40px 25px; }
    .sub2_7_3 .contents1 > dl > dt img { width: calc(250px + 13vw); }
    .sub2_7_3 .contents1 > dl > dd { padding-left: calc(30px + 1.3vw); }
}
@media (max-width: 1279px) {
    .sub2_7_3 .contents1 { padding: 35px 20px; }
    .sub2_7_3 .contents1 > dl > dt img { width: calc(220px + 11vw); }
}
@media (max-width: 1023px) {
    .sub2_7_3 .contents1 { padding: 30px 15px; }
    .sub2_7_3 .contents1 > dl { display: block; }
    .sub2_7_3 .contents1 > dl > dt { width: 100%; min-width: initial; text-align: center; }
    .sub2_7_3 .contents1 > dl > dt img { width: 250px; }
    .sub2_7_3 .contents1 > dl > dd { padding-left: initial; margin-top: 20px; }
}
@media (max-width: 767px) {
    .sub2_7_3 .contents1 { padding: 20px 15px; }
    .sub2_7_3 .contents2 { display: block; }
    .sub2_7_3 .contents2 > li { width: 100%; }
    .sub2_7_3 .contents2 > li:last-of-type { margin-top: 30px; }
}
@media (max-width: 580px) {
    .sub2_7_3 .contents1 > dl > dd ul { display: block; max-width: 260px; margin: 0 auto; }
    .sub2_7_3 .contents1 > dl > dd ul li { width: 100%; }
    .sub2_7_3 .contents1 > dl > dd ul li:last-of-type { margin-top: 15px; }
}

/* sub2_7_4 */
.sub2_7_4 .contents1 { position: relative; padding: 45px 30px; background-color: #fbf8f3; border-radius: 20px; }
.sub2_7_4 .contents1 dl { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.sub2_7_4 .contents1 dl dt { min-width: max-content; margin-right: 65px; }
.sub2_7_4 .contents1 dl dt img { display: inline-block; width: 445px; }
.sub2_7_4 .contents1 dl dd { width: 100%; }
.sub2_7_4 .contents1 dl dd .textbox { text-align: center; }
.sub2_7_4 .contents1 dl dd .textbox .text1 { font-size: 22px; color: #6b6b6b; line-height: 1.36; }
.sub2_7_4 .contents1 dl dd .textbox .text2 { font-weight: 700; font-size: 35px; color: #ae7b25; line-height: 1.3; }
.sub2_7_4 .contents1 dl dd ul { position: relative; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 30px; max-width: 800px; }
.sub2_7_4 .contents1 dl dd ul li { width: 22.875%; }
.sub2_7_4 .contents1 dl dd ul li img { width: 100%; }
.sub2_7_4 .contents2 { padding: 35px 25px; background-color: #f9f9f9; border: 1px solid #ededed; font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_7_4 .contents2 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_7_4 .contents2 b { font-weight: 600; color: #000; }
.sub2_7_4 .contents2 dl { display: flex; flex-wrap: nowrap; }
.sub2_7_4 .contents2 dl dt { min-width: max-content; }
@media (max-width: 1535px) {
    .sub2_7_4 .contents1 { padding: 40px 25px; border-radius: 17px; }
    .sub2_7_4 .contents1 dl dt { margin-right: calc(40px + 1.5vw); }
    .sub2_7_4 .contents1 dl dt img { width: calc(200px + 15vw); }
}
@media (max-width: 1279px) {
    .sub2_7_4 .contents1 { padding: 35px 20px; border-radius: 15px; }
    .sub2_7_4 .contents1 dl dt { margin-right: 40px; }
    .sub2_7_4 .contents1 dl dt img { width: calc(180px + 13vw); }
}
@media (max-width: 1023px) {
    .sub2_7_4 .contents1 { padding: 30px 15px; }
    .sub2_7_4 .contents1 dl dt { margin-right: 25px; }
}
@media (max-width: 767px) {
    .sub2_7_4 .contents1 { padding: 20px 15px; }
    .sub2_7_4 .contents1 dl { display: block; text-align: center; }
    .sub2_7_4 .contents1 dl dt { min-width: initial; margin-right: initial; }
    .sub2_7_4 .contents1 dl dt img { width: 100%; max-width: 250px; }
    .sub2_7_4 .contents1 dl dd { margin-top: 20px; }
    .sub2_7_4 .contents1 dl dd ul { margin-top: 20px; }
    .sub2_7_4 .contents1 dl dd ul li { width: 23%; }
}
@media (max-width: 580px) {
    .sub2_7_4 .contents1 dl dd ul { flex-wrap: wrap; justify-content: space-between; max-width: 300px; }
    .sub2_7_4 .contents1 dl dd ul li { width: 48%; }
    .sub2_7_4 .contents1 dl dd ul li:nth-of-type(n + 3) { margin-top: 4%; }
}

/* sub2_7_5 */
.sub2_7_5 .contents1 { position: relative; padding: 45px 30px; background-color: #fbf8f3; border-radius: 20px; border: 1px solid #e8e8e8; }
.sub2_7_5 .contents1 .textbox { margin-bottom: 45px; }
.sub2_7_5 .contents1 .textbox .text1 { font-weight: 700; font-size: 30px; color: #bc924b; line-height: 1.5; }
.sub2_7_5 .contents1 .textbox .text2 { font-size: 20px; color: #6f6f6f; line-height: 1.5; }
.sub2_7_5 .contents1 > dl { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_7_5 .contents1 > dl > dt { min-width: max-content; margin-right: 50px; }
.sub2_7_5 .contents1 > dl > dt img { display: inline-block; width: 404px; }
.sub2_7_5 .contents1 > dl > dd { width: 100%; }
.sub2_7_5 .contents1 > dl > dd .contents2 { text-align: left; }
.sub2_7_5 .contents1 > dl > dd .contents2:nth-of-type(n + 2) { margin-top: 60px; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text3 { font-weight: 700; font-size: 25px; color: #2f2f2f; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text3 span { color: #bc924b; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text4 { margin-top: 22px; font-size: 18px; color: #717171; line-height: 1.65; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text4 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text4 dl { display: flex; flex-wrap: nowrap; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text4 dl dt { min-width: max-content; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text5 { margin-top: 22px; padding: 25px; font-size: 18px; color: #717171; line-height: 1.65; background-color: #fff; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text5 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text5 dl { display: flex; flex-wrap: nowrap; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text5 dl dt { min-width: max-content; }
.sub2_7_5 .contents1 > dl > dd .contents2 .text5 dl b { font-weight: 600; color: #000; }
.sub2_7_5 .contents1 > dl > dd .contents2 .imgbox { margin-top: 22px; text-align: center; }
.sub2_7_5 .contents3 { margin-top: 22px; max-width: 390px; }
.sub2_7_5 .contents3 ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_7_5 .contents3 ul li { width: 48%; }
.sub2_7_5 .contents3 ul li img { width: 100%; }
.sub2_7_5 .contents3 ul li p { margin-top: 6px; text-align: center; font-weight: 500; font-size: 18px; color: #717171; line-height: 1.65; }
@media (max-width: 1535px) {
    .sub2_7_5 .contents1 { padding: 40px 25px; border-radius: 17px; }
    .sub2_7_5 .contents1 > dl > dt { margin-right: calc(30px + 1.3vw); }
    .sub2_7_5 .contents1 > dl > dt img { width: calc(200px + 13vw); }
    .sub2_7_5 .contents1 > dl > dd .contents2:nth-of-type(n + 2) { margin-top: 50px; }
    .sub2_7_5 .contents3 { max-width: calc(250px + 9vw); }
    .sub2_7_5 .contents1 > dl > dd .contents2 .text4,
    .sub2_7_5 .contents1 > dl > dd .contents2 .text5,
    .sub2_7_5 .contents1 > dl > dd .contents2 .imgbox,
    .sub2_7_5 .contents3 { margin-top: 20px; }
}
@media (max-width: 1279px) {
    .sub2_7_5 .contents1 { padding: 35px 20px; border-radius: 15px; }
    .sub2_7_5 .contents1 > dl > dt { margin-right: 40px; }
    .sub2_7_5 .contents1 > dl > dt img { width: calc(180px + 11vw); }
    .sub2_7_5 .contents1 > dl > dd .contents2:nth-of-type(n + 2) { margin-top: 40px; }
    .sub2_7_5 .contents1 > dl > dd .contents2 .text4,
    .sub2_7_5 .contents1 > dl > dd .contents2 .text5,
    .sub2_7_5 .contents1 > dl > dd .contents2 .imgbox,
    .sub2_7_5 .contents3 { margin-top: 18px; }
}
@media (max-width: 1023px) {
    .sub2_7_5 .contents1 { padding: 30px 15px; }
    .sub2_7_5 .contents1 .textbox { text-align: center; }
    .sub2_7_5 .contents1 > dl { display: block; text-align: center; }
    .sub2_7_5 .contents1 > dl > dt { min-width: initial; margin-right: initial; }
    .sub2_7_5 .contents1 > dl > dt img { width: 100%; max-width: 250px; }
    .sub2_7_5 .contents1 > dl > dd { margin-top: 20px; }
    .sub2_7_5 .contents1 > dl > dd .contents2:nth-of-type(n + 2) { margin-top: 35px; }
    .sub2_7_5 .contents1 > dl > dd .contents2 .text4,
    .sub2_7_5 .contents1 > dl > dd .contents2 .text5,
    .sub2_7_5 .contents1 > dl > dd .contents2 .imgbox,
    .sub2_7_5 .contents3 { margin-top: 17px; }
}
@media (max-width: 767px) {
    .sub2_7_5 .contents1 { padding: 20px 15px; }
}
@media (max-width: 440px) {
    .sub2_7_5 .contents3 { max-width: 100%; }
}