/* 서브비주얼 */
.sub_visual { position: relative; height: 250px; overflow: hidden; }
.sub_visual .bg { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center/cover; transform-origin: center; transform: scale(1.1); animation: sub_bg linear forwards 5s; }
@keyframes sub_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

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

.sub_visual .contwrap { height: 100%; }
.sub_visual .txtwrap { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 48px); }
.sub_visual .txtwrap .txtbox { position: relative; top: 52%; transform: translateY(-50%); text-align: center; }
.sub_visual .txtwrap .txtbox .txt1 { font-weight: 700; font-size: 40px; color: #fff; line-height: 1; }

@media (max-width: 1535px) {
    .sub_visual { height: 230px; }
}
@media (max-width: 1023px) {
    .sub_visual { height: 220px; }
}
@media (max-width: 767px) {
    .sub_visual { height: 240px; }
    .sub_visual .txtwrap { height: calc(100% - 80px); }
}

/* 서브메뉴 */
.sub_menu { margin-top: -48px; height: 48px; background-color: rgba(0, 0, 0, 0.7); }
.sub_menu .contwrap { height: 100%; }
.sub_menu .contents { height: 100%; }
.sub_menu .contents .con { float: left; position: relative; height: 100%; border-right: 1px solid #4d4d4b; }
.sub_menu .contents .con1 { width: 48px; border-left: 1px solid #4d4d4b; }
.sub_menu .contents .con1 > a { position: relative; display: block; height: 100%; }
.sub_menu .contents .con1 > a > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.sub_menu .contents .con1 > a:hover { background-color: #333; }
.sub_menu .contents .con2 { width: 240px; }
.sub_menu .contents .con2 .sub_menu1 { position: relative; height: 100%; cursor: pointer; }
.sub_menu .contents .con2 .sub_menu1:hover { background-color: #333;  }
.sub_menu .contents .con2 .sub_menu1 p { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-weight: 500; font-size: 16px; color: #fff; }
.sub_menu .contents .con2 .sub_menu1 .down_arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 11px; height: 6px; background: url(/image/sub/sub_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con2 .sub_menu1.active .down_arrow { background-image: url(/image/sub/sub_menu_icon3.png); }
.sub_menu .contents .con3 { width: 500px; }
.sub_menu .contents .con3 .sub_menu2 { position: relative; height: 100%; cursor: pointer; }
.sub_menu .contents .con3 .sub_menu2:hover { background-color: #333;  }
.sub_menu .contents .con3 .sub_menu2 p { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-weight: 500; font-size: 16px; color: #fff; }
.sub_menu .contents .con3 .sub_menu2 .down_arrow { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 11px; height: 6px; background: url(/image/sub/sub_menu_icon2.png) no-repeat center/cover; }
.sub_menu .contents .con3 .sub_menu2.active .down_arrow { background-image: url(/image/sub/sub_menu_icon3.png); }
.sub_menu .contents .con .ssub_menu { display: none; z-index: 10; position: absolute; left: -1px; width: calc(100% + 2px); border: 1px solid #c0c0c0; }
.sub_menu .contents .con .ssub_menu a { display: block; padding: 10px 12px; text-align: left; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, 0.8) }
.sub_menu .contents .con .ssub_menu a:hover { background-color: #444; }

@media (max-width: 767px) {
    .sub_menu { margin-top: -80px; height: 80px; }
    .sub_menu .contents .con1 { width: 40px; height: 40px; }
    .sub_menu .contents .con2 { width: calc(100% - 40px);  height: 40px;}
    .sub_menu .contents .con2 .sub_menu1 p { font-size: 13px; }
    .sub_menu .contents .con3 { width: 100%;  height: 40px; border-top: 1px solid #4d4d4b; border-left: 1px solid #4d4d4b; }
    .sub_menu .contents .con3 .sub_menu2 p { font-size: 13px; }
    .sub_menu .contents .con .ssub_menu a { font-size: 13px; }

    .sub_menu .contents .con2 .sub_menu1 .down_arrow { right: 10px; }
    .sub_menu .contents .con3 .sub_menu2 .down_arrow { right: 10px; }
}

/* 서브섹션 */
.sub_sect { padding: 90px 0; }
.sub_sect .sub_tit { padding-bottom: 65px; text-align: center; font-weight: 700; font-size: 36px; color: #000; line-height: 1.25; }
.sub_sect .sub_tit .br_mo { display: none; }
@media (max-width: 767px) {
    .sub_sect .sub_tit .br_mo { display: inline-block; }
}


/* 서브2_1 */
.sub2_1 { padding-bottom: 0 !important; }
.sub2_1 .contents1 { display: flex; flex-wrap: nowrap; }
.sub2_1 .contents1 .left { width: 37%; padding-right: 4%; }
.sub2_1 .contents1 .left img { display: inline-block; width: 394px; }
.sub2_1 .contents1 .right { width: 63%; }
.sub2_1 .contents1 .right .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
.sub2_1 .contents1 .right .txtbox .txt1 { font-weight: 600; font-size: 25px; color: #56a43e; line-height: 1.8; }
.sub2_1 .contents1 .right .txtbox .txt2 { font-size: 18px; color: #787878; line-height: 1.65; }
.sub2_1 .contents2 { margin-top: 100px; padding: 120px 0; overflow: hidden; background: url(/image/sub/sub1_1_img2.jpg) no-repeat center/cover; }
.sub2_1 .contents2 .txt1 { text-align: left; font-weight: 700; font-size: 30px; color: #fff; }
.sub2_1 .contents2 ul { margin-top: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_1 .contents2 ul > li { width: 48.4615%; padding: 130px 70px 100px; background-color: #fff; border-radius: 60px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.35); }
.sub2_1 .contents2 ul > li .scrbox { text-align: center; }
.sub2_1 .contents2 ul > li .scrbox .scr1 { font-weight: 700; font-size: 26px; color: #d61818; line-height: 1.1; }
.sub2_1 .contents2 ul > li .scrbox .scr2 { font-size: 18px; color: #6a6a6a; line-height: 1.55; }

@media (max-width: 1535px) {
    .sub2_1 .contents1 .left img { width: calc(220px + 10vw); }
}
@media (max-width: 767px) {
    .sub2_1 .contents1 { display: block; }
    .sub2_1 .contents1 .left { width: 100%; padding-right: 0; text-align: center; }
    .sub2_1 .contents1 .left::after { display: block; content: ''; clear: both; visibility: hidden; }
    .sub2_1 .contents1 .left img { width: 100%; max-width: 228px; }
    .sub2_1 .contents1 .right { width: 100%; margin-top: 20px; }
    .sub2_1 .contents1 .right .txtbox { top: initial; transform: translateY(0); text-align: center; }

    .sub2_1 .contents2 ul { display: block; }
    .sub2_1 .contents2 ul > li { width: 100%; }
    .sub2_1 .contents2 ul > li:nth-of-type(n + 2) { margin-top: calc(15px + 1vw); }
}

/* 서브2_2 */
.sub2_2 .txt1 { padding: 27px 11px; text-align: center; font-weight: 700; font-size: 22px; color: #56a43e; line-height: 1.3; border-radius: 100px; border: 2px solid #bfd0b2; }
.sub2_2 .contents { position: relative; margin-top: 20px; }
.sub2_2 .contents li { padding: 30px; }
.sub2_2 .contents li:nth-of-type(2n) { background-color: #fafafa; }
.sub2_2 .contents li dl { display: flex; flex-wrap: nowrap; }
.sub2_2 .contents li dl dt { width: 115px; min-width: 115px; }
.sub2_2 .contents li dl dt p { font-weight: 600; font-size: 30px; color: #56a43e; line-height: 1.33; }
.sub2_2 .contents li dl dd p { display: flex; flex-wrap: nowrap; }
.sub2_2 .contents li dl dd p:nth-of-type(n + 2) { margin-top: 5px; }
.sub2_2 .contents li dl dd p span { display: inline-block; font-size: 18px; color: #6b6b6b; line-height: 1.65; }
@media (max-width: 1535px) {
    .sub2_2 .contents li dl dt { width: 100px; min-width: 100px; }
}
@media (max-width: 1023px) {
    .sub2_2 .contents li dl dt { width: 90px; min-width: 90px; }
}
@media (max-width: 767px) {
    .sub2_2 .contents li dl { display: block; }
    .sub2_2 .contents li dl dt { width: 100%; min-width: initial; margin-bottom: 10px; }
    .sub2_2 .contents li dl dt br { display: none; }
}

/* 서브2_4 */
.sub2_4 { position: relative; }
.sub2_4 .map_contents { display: flex; flex-wrap: nowrap; border: 1px solid #d8d8d8; }
.sub2_4 .map_contents .left { position: relative; width: 72%; }
.sub2_4 .map_contents .left .mapwrap { position: relative; height: 630px; }
.sub2_4 .map_contents .left .mapwrap iframe { position: relative; width: 100%; height: 100%; }
.sub2_4 .map_contents .right { position: relative; width: 28%; padding: 30px 40px; background-color: #fafafa; border-left: 1px solid #d8d8d8; }
.sub2_4 .map_contents .right .right_box { position: relative; height: 100%; }
.sub2_4 .map_contents .right .right_box .txt1 { position: absolute; bottom: 0; width: 100%; font-size: 18px; color: #7e7e7e; line-height: 1.44; }
.sub2_4 .map_contents .right .right_box .txt1 b { display: block; font-weight: 600; color: #56a43e; }
@media (max-width: 1535px) {
    .sub2_4 .map_contents .left .mapwrap { height: calc(300px + 20vw); }
}
@media (max-width: 1279px) {
    .sub2_4 .map_contents .left .mapwrap { height: calc(270px + 17vw); }
}
@media (max-width: 1023px) {
    .sub2_4 .map_contents .left { width: 60%; }
    .sub2_4 .map_contents .right { width: 40%; }
}
@media (max-width: 767px) {
    .sub2_4 .map_contents { display: block; }
    .sub2_4 .map_contents .left { width: 100%; }
    .sub2_4 .map_contents .left .mapwrap { height: calc(230px + 14vw); }
    .sub2_4 .map_contents .right { width: 100%; border-left: none; border-top: 1px solid #d8d8d8; }
    .sub2_4 .map_contents .right .right_box { height: initial; }
    .sub2_4 .map_contents .right .right_box .txt1 { position: relative; bottom: initial; }
}

/* 서브3 */
.sub3 article { position: relative; }
.sub3 article:nth-of-type(n + 2) { margin-top: 55px; }

.sub3 article strong { display: block; margin-bottom: 20px; font-weight: 600; font-size: 25px; color: #56a43e; }
.sub3 article strong.ver2 { font-size: 18px; }
.sub3 article strong.ver3 { color: #000; }

.sub3 article .contents1 { position: relative; display: flex; flex-wrap: nowrap; margin: -8px; }
.sub3 article .contents1.ver2 { padding-top: 8px; }
.sub3 article .contents1 > li { width: 100%; padding: 8px; }
.sub3 article .contents1 > li > div { position: relative; padding: 45px 10px; height: 100%; background-color: #f3f9f1; border-radius: 20px; }
.sub3 article .contents1 > li > div p { position: relative; text-align: center; font-size: 18px; color: #d70c24; line-height: 1.55; }

.sub3 article .grayform { margin-top: 30px; padding: 30px; background-color: #fafafa; }
.sub3 article .grayform p { font-size: 18px; color: #717171; line-height: 1.55; }
.sub3 article .grayform p b { display: block; font-weight: 700; color: #56a43e; }
.sub3 article .grayform .txt1 { display: flex; flex-wrap: nowrap; }
.sub3 article .grayform .txt1 span { display: inline-block; }
.sub3 article .grayform .txt1 span:first-of-type { min-width: max-content; }

.sub3 article .contents2 { position: relative; margin-top: 20px; }
.sub3 article .contents2 ul { position: relative; display: flex; flex-wrap: nowrap; margin: -9px; }
.sub3 article .contents2 ul > li { position: relative; width: 25%; padding: 9px; }
.sub3 article .contents2 ul > li > div { position: relative; height: 100%; padding: 25px 15px; text-align: center; background-color: #fff; border-radius: 20px; overflow: hidden; border: 1px solid #d2d2d2; }
.sub3 article .contents2 ul > li > div .scr1 { font-weight: 700; font-size: 18px; color: #56a43e; line-height: 1.38; }
.sub3 article .contents2 ul > li > div .scr2 { margin-top: 20px; font-size: 18px; color: #d70c24; line-height: 1.38; }

.sub3 article .table_wrap { position: relative; margin-top: 20px; }
.sub3 article .table_wrap table { position: relative; width: 100%; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-collapse: collapse; border-spacing: 0; }
.sub3 article .table_wrap table th { padding: 17px 5px; text-align: center; font-size: 18px; color: #56a43e; background-color: #f3f9f1; border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; }
.sub3 article .table_wrap table td { padding: 17px 10px; text-align: center; font-size: 18px; color: #2d2d2d; line-height: 1.25; border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; }

.sub3 article .imgwrap { margin-top: 20px; text-align: center; }
.sub3 article .imgwrap img { width: 100%; }

.sub3 article .iframe_wrap { position: relative; max-width: 500px; margin: 0 auto; }
.sub3 article .iframe_wrap .frame { position: relative; width: 100%; height:0; padding-bottom:56.25%; }
.sub3 article .iframe_wrap .frame iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

@media (max-width: 1535px) {
    .sub3 article .contents1 > li > div { padding: 35px 10px; }

    .sub3 article .table_wrap table th { padding: 15px 5px; }
    .sub3 article .table_wrap table td { padding: 15px 10px; }
}
@media (max-width: 1279px) {
    .sub3 article .contents1 > li > div { padding: 25px 10px; border-radius: 15px; }
    .sub3 article .contents1 > li > div p { line-height: 1.4; }

    .sub3 article .contents2 ul { margin: 0; flex-wrap: wrap; justify-content: space-between; }
    .sub3 article .contents2 ul > li { padding: 0; width: 49%; }
    .sub3 article .contents2 ul > li:nth-of-type(n + 3) { margin-top: 2%; }
    .sub3 article .contents2 ul > li > div { display: flex; flex-wrap: nowrap; text-align: left; }
    .sub3 article .contents2 ul > li > div .scr1 { min-width: max-content; margin-right: 20px; }
    .sub3 article .contents2 ul > li > div .scr2 { margin-top: 0; }

    .sub3 article .table_wrap table th { padding: 13px 5px; }
    .sub3 article .table_wrap table td { padding: 13px 10px; }
}
@media (max-width: 1024px) {
    .sub3 article .contents1 > li > div { padding: 20px 10px; }

    .sub3 article .contents2 ul > li > div { padding: 20px 15px; }

    .sub3 article .table_wrap { overflow-x: scroll; }
    .sub3 article .table_wrap table { width: 1050px; }
}
@media (max-width: 767px) {
    .sub3 article .contents1 { flex-wrap: wrap; justify-content: space-between; margin: 0; }
    .sub3 article .contents1.ver2 { padding-top: 2%; }
    .sub3 article .contents1 > li { padding: 0; width: 49%; }
    .sub3 article .contents1 > li:nth-of-type(n + 3) { margin-top: 2%; }
    .sub3 article .contents1 > li > div { padding: 20px 10px; }
    .sub3 article .contents1 > li > div p { line-height: 1.35; }

    .sub3 article .table_wrap table { width: 780px; }
    .sub3 article .table_wrap table th { padding: 11px 5px; }
    .sub3 article .table_wrap table td { padding: 11px 10px; }
}
@media (max-width: 524px) {
    .sub3 article .contents2 ul { display: block; }
    .sub3 article .contents2 ul > li { width: 100%; }
    .sub3 article .contents2 ul > li:nth-of-type(n + 3) { margin-top: initial; }
    .sub3 article .contents2 ul > li:nth-of-type(n + 2) { margin-top: calc(10px + 1vw); }
    .sub3 article .contents2 ul > li > div { padding: 15px; border-radius: 12px; }
}

/* 서브3_1 */
.sub3_1 .img_wrap { text-align: center; margin: 10px 0 30px; }

.sub3_1 .sub_items { margin-top: 40px; }
.sub3_1 .sub_items ul { margin: -10px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub3_1 .sub_items ul li { padding: 10px; }
.sub3_1 .sub_items ul li img { min-height: 100%; }

@media (max-width: 1023px) {
    .sub3_1 .img_wrap { margin: 5px 0 15px; }

    .sub3_1 .sub_items ul { margin: -5px; }
    .sub3_1 .sub_items ul li { padding: 5px; }
}

/* 서브3_2 */
.sub3_2 .sub_items { margin-top: 40px; }
.sub3_2 .sub_items ul { margin: -10px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub3_2 .sub_items ul li { padding: 10px; }
.sub3_2 .sub_items ul li img { min-height: 100%; }

@media (max-width: 1023px) {
    .sub3_2 .img_wrap { margin: 5px 0 15px; }

    .sub3_2 .sub_items ul { margin: -5px; }
    .sub3_2 .sub_items ul li { padding: 5px; }
}


/* 서브3_3 */
.sub3_3 article .contents1 { flex-wrap: wrap; }
.sub3_3 article .contents1 > li { width: 33.3333%; }
.sub3_3 article .table_wrap table th { color: #fff; background-color: #a2c170; }
.sub3_3 article .cont1 { position: relative; margin-top: 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub3_3 article .cont1 > li { position: relative; width: 30.5%; text-align: center; }
.sub3_3 article .cont1 > li img { width: 100%; }
.sub3_3 article .cont1 > li p { margin-top: 20px; font-weight: 700; font-size: 18px; color: #2b2b2b; }
@media (max-width: 1279px) {
    .sub3_3 article .cont1 > li p { margin-top: 10px; line-height: 1.2; }
}
@media (max-width: 767px) {
    .sub3_3 article .contents1 > li { width: 49%; }
    .sub3_3 article .cont1 { flex-wrap: wrap; }
    .sub3_3 article .cont1 > li { width: 48%; }
    .sub3_3 article .cont1 > li:nth-of-type(n + 3) { margin-top: 4%; }
    .sub3_3 article .cont1 > li p { margin-top: 5px; }
}
@media (max-width: 480px) {
    .sub3_3 article .cont1 > li { width: 100%; }
    .sub3_3 article .cont1 > li:nth-of-type(n + 3) { margin-top: initial; }
    .sub3_3 article .cont1 > li:nth-of-type(n + 2) { margin-top: calc(15px + 1vw); }
}

/* 서브3_4 */
.sub3_4 article .table_wrap table th { color: #fff; background-color: #a2c170; }
.sub3_4 article .imgwrap { text-align: center; }
.sub3_4 article .imgwrap img { width: 400px; max-width: 100%; }
.sub3_4 .subslick_wrap { margin-bottom: 0; }

/* 서브3_5 */
.sub3_5 .cont1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.sub3_5 .cont1 > li { width: 48.4%; padding: 25px; border: 1px solid #dbdbdb; }
.sub3_5 .cont1 > li:nth-of-type(n + 3) { margin-top: 3.2%; }
.sub3_5 .cont1 > li .imgbox { text-align: center; }
.sub3_5 .cont1 > li .imgbox img { width: 350px; }
.sub3_5 .cont1 > li .txtbox { margin-top: 30px; font-size: 18px; color: #717171; line-height: 1.55; }
.sub3_5 .cont1 > li .txtbox * { font-size: inherit; color: inherit; line-height: inherit; }
.sub3_5 .cont1 > li .txtbox dl { display: flex; flex-wrap: nowrap; }
.sub3_5 .cont1 > li .txtbox dl dt { min-width: max-content; }
.sub3_5 .cont1 > li .txtbox b { display: block; font-weight: 500; color: #56a43e; }
.sub3_5 .cont2 { text-align: center; font-weight: 600; font-size: 22px; color: #4f4f4f; line-height: 1.4; }

.sub3_5 .framecont { margin: 0 auto; max-width: 700px; }
.sub3_5 .framewrap { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.sub3_5 .framewrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 1535px) {
    .sub3_5 .cont1 > li { padding: 20px; }
    .sub3_5 .cont1 > li .imgbox img { width: calc(200px + 9vw); }
}
@media (max-width: 1279px) {
    .sub3_5 .cont1 > li { padding: 15px; }
}
@media (max-width: 767px) {
    .sub3_5 .cont1 { display: block; }
    .sub3_5 .cont1 > li { width: 100%; }
    .sub3_5 .cont1 > li:nth-of-type(n + 3) { margin-top: initial; }
    .sub3_5 .cont1 > li:nth-of-type(n + 2) { margin-top: 25px; }
}

/* 서브4 */
.sub4 article { margin-top: 65px; }
.sub4 article:first-of-type { margin-top: 0 !important; }
.sub4 article strong { display: block; padding-bottom: 10px; font-weight: 600; font-size: 20px; color: #000; line-height: 1.25; border-bottom: 2px solid #6b6b6b; }
.sub4 article strong.ver2 { font-size: 25px; color: #56a43e; border-bottom: 2px solid #86b125; }
.sub4 article .txtbox { padding: 25px 0; font-weight: normal; font-size: 18px; color: #717171; line-height: 1.55; border-bottom: 1px solid #ebebeb; }
.sub4 article .txtbox * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub4 article .txtbox p { display: flex; flex-wrap: nowrap; }
.sub4 article .txtbox p.ver_green { color: #56a43e; }
.sub4 article .txtbox p span { display: inline-block; }
.sub4 article .txtbox p span:first-of-type { min-width: max-content; }

/* 서브4_1 */
.sub4_1 .imgwrap { margin-bottom: 50px; text-align: center; }
.sub4_1 .imgwrap img { width: 770px; }
.sub4_1 .subslick_wrap { margin: 20px 0; }
.sub4_1 article .flex_wrap { display: flex; flex-wrap: nowrap; }
.sub4_1 article .flex_wrap .txt_wrap { width: 65%; padding-right: 5%; }
.sub4_1 article .flex_wrap .img_wrap { width: 35%; }

.sub4_1 article .flex_wrap:nth-of-type(2n - 1) { flex-direction: row-reverse; }
.sub4_1 article .flex_wrap:nth-of-type(2n - 1) .txt_wrap { padding-left: 5%; padding-right: 0; }

@media (max-width: 767px) {
    .sub4_1 .subslick_wrap { margin: 10px 0; }
    .sub4_1 article .flex_wrap { display: block; }
    .sub4_1 article .flex_wrap .txt_wrap { width: 100%; padding-right: 0; }
    .sub4_2 article .flex_wrap:nth-of-type(2n - 1) .txt_wrap { padding-left: 0; }
    .sub4_1 article .flex_wrap .img_wrap { width: 100%; margin-top: 20px; }
}

/* 서브4_2 */
.sub4_2 .flex_wrap { position: relative; display: flex; flex-wrap: nowrap; }
.sub4_2 article .flex_wrap .txt_wrap { width: 75%; padding-right: 5%; }
.sub4_2 article .flex_wrap .img_wrap { width: 25%; }
.sub4_2 article .flex_wrap .img_wrap img { width: 100%; }

.sub4_2 article .flex_wrap:nth-of-type(2n) { flex-direction: row-reverse; }
.sub4_2 article .flex_wrap:nth-of-type(2n) .txt_wrap { padding-left: 5%; padding-right: 0; }

@media (max-width: 767px) {
    .sub4_2 article .flex_wrap { display: block; }
    .sub4_2 article .flex_wrap .txt_wrap { width: 100%; padding-right: 0; }
    .sub4_2 article .flex_wrap:nth-of-type(2n) .txt_wrap { padding-left: 0; }
    .sub4_2 article .flex_wrap .img_wrap { width: 100%; margin-top: 20px; text-align: center; }
    .sub4_2 article .flex_wrap .img_wrap img { width: 100%; max-width: 300px; }
}

/* 서브5 */
.sub5 article { margin-top: 65px; }
.sub5 article:first-of-type { margin-top: 0 !important; }
.sub5 article strong { display: block; padding-bottom: 10px; font-weight: 600; font-size: 20px; color: #000; line-height: 1.3; border-bottom: 2px solid #6b6b6b; }
.sub5 article strong.ver2 { font-size: 25px; color: #56a43e; border-bottom: 2px solid #86b125; }
.sub5 article .txtbox { padding: 25px 0; font-weight: normal; font-size: 18px; color: #717171; line-height: 1.55; border-bottom: 1px solid #ebebeb; }
.sub5 article .txtbox * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub5 article .txtbox p { display: flex; flex-wrap: nowrap; }
.sub5 article .txtbox p.ver_green { color: #56a43e; }
.sub5 article .txtbox p span { display: inline-block; }
.sub5 article .txtbox p span:first-of-type { min-width: max-content; }

/* 서브5_1 */
.sub5_1 article .contents1 { margin-top: 40px; margin-left: auto; margin-right: auto; }
.sub5_1 article .contents1 ul { display: flex; flex-wrap: nowrap; margin: -5px; }
.sub5_1 article .contents1 ul > li { width: 16.6666%; padding: 5px; }
.sub5_1 article .contents1 ul > li > div { position: relative; height: 100%; padding: 20px; background-color: #f3f9f1; border-radius: 30px; }
.sub5_1 article .contents1 ul > li > div p { position: relative; top: 50%; transform: translateY(-50%); text-align: center; font-size: 18px; color: #505050; line-height: 1.55; }

.sub5_1 .sub_items { margin-top: 20px; }
.sub5_1 .sub_items:last-of-type { margin-top: 40px; }
.sub5_1 .sub_items ul { margin: -10px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub5_1 .sub_items ul li { padding: 10px; }
.sub5_1 .sub_items ul li img { min-height: 100%; }

@media (max-width: 1279px) {
    .sub5_1 article .contents1 ul > li > div { padding: 15px; }
}
@media (max-width: 1023px) {
    .sub5_1 article .contents1 { max-width: 500px; }
    .sub5_1 article .contents1 ul { flex-wrap: wrap; margin: -10px; }
    .sub5_1 article .contents1 ul > li { width: 33.3333%; padding: 10px; }

    .sub5_1 .sub_items { margin-top: 10px; }
    .sub5_1 .sub_items:last-of-type { margin-top: 20px; }
    .sub5_1 .sub_items ul { margin: -5px; }
    .sub5_1 .sub_items ul li { padding: 5px; }
}
@media (max-width: 524px) {
    /* .sub5_1 article .contents1 { max-width: 300px; } */
    .sub5_1 article .contents1 ul { justify-content: space-between; margin: 0; }
    .sub5_1 article .contents1 ul > li { width: 48%; padding: 0; }
    .sub5_1 article .contents1 ul > li:nth-of-type(n + 3) { margin-top: 4%; }
}

/* 서브5_2 */
.sub5_2 .cont1 { margin: 30px 0 10px; text-align: center; }
@media (max-width: 1023px) {
    .sub5_2 .cont1 { margin: 20px 0 10px; }
}

/* 서브5_4 */
.sub5_4 .sub_items { margin-top: 20px; }
.sub5_4 .sub_items ul { margin: -10px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub5_4 .sub_items ul li { padding: 10px; }
.sub5_4 .sub_items ul li img { min-height: 100%; }

.sub5_4 .imgwrap { margin-top: 40px; text-align: center; }

@media (max-width: 1023px) {
    .sub5_4 .sub_items { margin-top: 10px; }
    .sub5_4 .sub_items ul { margin: -5px; }
    .sub5_4 .sub_items ul li { padding: 5px; }

    .sub5_4 .imgwrap img { width: 100%; max-width: 300px; }
}

/* .custom_slick */
.custom_slick { position: relative; margin-bottom: 40px; padding: 0 80px; }
.custom_slick .slick_ul { position: relative; text-align: center; }
.custom_slick .slick_ul .slick_li { position: relative; text-align: center; height: 701px; }
.custom_slick .slick_ul .slick_li img { position: relative; top: 50%; transform: translateY(-50%); display: inline-block; max-width: 100%; /* max-height: 100%; */ }
.custom_slick .slick_arrow { z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; cursor: pointer; }
.custom_slick .arrow_left { left: 0; background: url(/image/product/product_left.png) no-repeat center/cover; }
.custom_slick .arrow_right { right: 0; background: url(/image/product/product_right.png) no-repeat center/cover; }

.custom_slick .slick_ulver2 { padding-top: 20px; margin: -5px; }
.custom_slick .slick_ulver2 .slick_li { position: relative; padding: 5px; }
.custom_slick .slick_ulver2 .slick_li > div { position: relative; height: 140px; overflow: hidden; border: 1px solid #ddd; cursor: pointer; }
.custom_slick .slick_ulver2 .slick_li > div img { position: relative; top: 50%; transform: translateY(-50%); width: initial; min-width: 100%; height: initial; min-height: 100%; }

.custom_slick .slick_ulver2 .slick_li > div::after { display: block; content: ''; z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.custom_slick .slick_ulver2 .slick_li.slick-current > div::after { display: none; }


.subsect_slick { position: relative; padding: 0 80px; margin-bottom: 40px; }
.subsect_slick .slick_ul { position: relative; text-align: center; margin: -5px; }
.subsect_slick .slick_ul .slick_li { position: relative; text-align: center; padding: 5px; }
.subsect_slick .slick_ul .slick_li > div { position: relative; height: 144px; overflow: hidden; text-align: center; border: 1px solid #ddd; cursor: pointer; }
.subsect_slick .slick_ul .slick_li > div img { position: relative; top: 50%; transform: translateY(-50%); display: inline-block; max-width: 100%; }

.subsect_slick .slick_arrow { z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; cursor: pointer; }
.subsect_slick .arrow_left { left: 0; background: url(/image/product/product_left.png) no-repeat center/cover; }
.subsect_slick .arrow_right { right: 0; background: url(/image/product/product_right.png) no-repeat center/cover; }

.custom_slick { display: none !important; }
.subsect_slick { display: none !important; }

.subslick_wrap { position: relative; margin-bottom: 40px; display: flex; flex-wrap: nowrap; }
.subslick_wrap::after { display: block; content: ''; clear: both; }
.subslick_wrap .left { max-height: 420px; /* float: left; */ width: 45%; }
.subslick_wrap .left .slick_ul { position: relative; }
.subslick_wrap .left .slick_ul .slick_li {}
.subslick_wrap .left .slick_ul .slick_li > div { position: relative; border: 2px solid transparent; }
.subslick_wrap .left .slick_ul .slick_li > div img { position: relative; width: 100%; }
.subslick_wrap .left .slick_ul .slick_li > div video { position: relative; width: 100%; }
.subslick_wrap .right { /* float: right; */ width: 52%; margin-left: 3%; border: 2px solid transparent; }
.subslick_wrap .right .right_ul { position: relative; display: flex; flex-wrap: wrap; margin: -5px; }
.subslick_wrap .right .right_ul > li { padding: 5px; width: 25%; }
.subslick_wrap .right .right_ul > li > div { position: relative; height: 104px; overflow: hidden; border: 2px solid transparent; cursor: pointer; }
.subslick_wrap .right .right_ul > li > div img { position: relative; top: 50%; transform: translateY(-50%); width: initial; height: initial; min-width: 100%; min-height: 100%; }
.subslick_wrap .right .right_ul > li.active > div { border: 2px solid #d70c24; }

.subslick_wrap .right.scroll_on { overflow-y: scroll; overflow-x: hidden; }
.subslick_wrap .right.scroll_on::-webkit-scrollbar { width: 5px; }
.subslick_wrap .right.scroll_on::-webkit-scrollbar-thumb { background: #444; border: 2px solid #777; border-radius: 12px 12px 12px 12px; }
.subslick_wrap .right.scroll_on::-webkit-scrollbar-track { background: #f3f9f1; }


.sub5 .subslick_wrap { margin: 20px 0; }

.sub5_4 .subslick_wrap .left { height: initial; max-height: initial; }
.sub5_4 .subslick_wrap .left .slick_ul .slick_li > div { height: initial; }

@media (max-width: 1380px) {
    .custom_slick { margin-bottom: 20px; }
    .custom_slick { padding: 0 60px; }
    .custom_slick .slick_ul .slick_li { height: 56.5217vw; }
    .custom_slick .slick_arrow { width: 40px; height: 40px; }

    .custom_slick .slick_ulver2 .slick_li > div { height: 10.8696vw; }

    .subsect_slick { padding: 0 60px; }
    .subsect_slick .slick_ul .slick_li > div { height: 13.6232vw; }
    .subsect_slick .slick_arrow { width: 40px; height: 40px; }

    .subslick_wrap { }
    .subslick_wrap .right .right_ul > li > div { height: 7.6087vw; }
}
@media (max-width: 1279px) {
    .custom_slick .slick_ul .slick_li img { max-height: 100%; }
    
    .custom_slick .slick_ulver2 { padding-top: 15px; }
}
@media (max-width: 1023px) {
    .custom_slick .slick_ulver2 { padding-top: 10px; }
    .custom_slick .slick_ulver2 .slick_li > div { height: 13.2813vw; }

    .subsect_slick { padding: 0 40px; }
    .subsect_slick .slick_ul .slick_li > div { height: 17.5953vw; }
    .subsect_slick .slick_arrow { width: 30px; height: 30px; }

    .subslick_wrap .right .right_ul > li { width: 33.3333%; }
    .subslick_wrap .right .right_ul > li > div { height: 10.2639vw; }
}
@media (max-width: 767px) {
    .custom_slick { padding: 0 40px; }
    .custom_slick .slick_ul .slick_li { height: initial; }
    .custom_slick .slick_arrow { width: 30px; height: 30px; }

    .custom_slick .slick_ulver2 { padding-top: 10px; } 
    .custom_slick .slick_ulver2 .slick_li > div { height: 17.9922vw; }

    .subslick_wrap { display: block; }
    .subslick_wrap .left { float: none; width: 100%; max-height: initial; margin-bottom: 15px; }
    .subslick_wrap .left .slick_ul .slick_li > div { height: 62.5815vw; overflow: hidden; }
    .subslick_wrap .left .slick_ul .slick_li > div img { min-height: 100%; }
    .subslick_wrap .right { float: none; width: 100%; padding-left: 5px; padding: 5px; margin-left: 0; }
    .subslick_wrap .right .right_ul > li > div { height: 19.5567vw; }
}
@media (max-width: 524px) {
    .subsect_slick { padding: 0; }
    .subsect_slick .slick_ul .slick_li > div { height: 29.7710vw; }
    .subsect_slick .slick_arrow { display: none; }
}

/* .videoWrap */
.videoWrap { position: relative; margin-top: 20px; margin-right: auto; margin-left: auto; max-width: 650px; border: 1px solid #ebebeb; }
.slick_li .videoWrap { height: 100%; margin-top: 0; max-width: initial; }
.videoWrap video { max-width: 100%; }
.videoWrap .playbtn { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50px; cursor: pointer; }
.videoWrap .playbtn.playhidden { display: none; }

.subslick_wrap .left .slick_ul .slick_li .videoWrap { height: initial; }
.subslick_wrap .left .slick_ul .slick_li > div img.playbtn { position: absolute; width: 50px; }
.subslick_wrap .right .right_ul > li > div img.playbtn2 { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; min-width: initial; min-height: initial; }

@media (max-width: 1535px) {
    .videoWrap .playbtn { width: 40px; }
    .subslick_wrap .left .slick_ul .slick_li > div img.playbtn { width: 40px; }
}
@media (max-width: 767px) {
    .videoWrap .playbtn  { display: none !important; }
    .subslick_wrap .left .slick_ul .slick_li > div img.playbtn { min-height: initial; }
}