/* U-008-5 / U-10-5 */ #a1 {width: 100%; margin: 0 auto 100px; color: #222;} #a1 .product_box {display: flex; justify-content: space-between; align-items: center; background-color: #00a19a; border-radius: 0 150px 150px 0; margin-bottom: 80px;} #a1 .product_box .text_box {width: 50%; padding: 50px;} #a1 .product_box .text_box .main_tit {margin-bottom: 30px; font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800;} #a1 .product_box .text_box .main_tit span {color: #fff;} #a1 .product_box .text_box .desc_box {margin-bottom: 30px;} #a1 .product_box .text_box ul {background-color: rgba(255,255,255,0.5); border-radius: 30px; padding: 30px;} #a1 .product_box .text_box .desc_box:last-child {margin-bottom: 0;} #a1 .product_box .text_box .desc_box li {margin-bottom: 10px;} #a1 .product_box .text_box .desc_box li:last-child {margin-bottom: 0;} #a1 .product_box .text_box .desc_box li h4 {font-size: 25px; font-weight: 900; position: relative; padding-left: 20px;} #a1 .product_box .text_box .desc_box li h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a1 .product_box .text_box .desc_box li p {font-size: 18px; color: #121212;} #a1 .product_box .text_box .desc_box .sub_tit {font-size: 25px; font-weight: 900; color: #fff;} #a1 .product_box .text_box .desc_box p {font-size: 18px; word-break: keep-all; line-height: 1.5; color: #fff;} #a1 .product_box .img_box {width: 730px; padding: 50px; border-radius: 0 146px 146px 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} #a1 .product_box .img_box .slide_box {} #a1 .product_box .img_box .slide_box li {} #a1 .product_box .img_box .slide_box li img {width: 100%; max-width: 580px; display: block; margin: 0 auto;} #a1 .product_box .nav_box {} #a1 .product_box .nav_box .swiper-button-next {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a1 .product_box .nav_box .swiper-button-prev {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a1 .swiper-button-next:after, #a1 .swiper-rtl .swiper-button-prev:after {color: #fff;} #a1 .swiper-button-prev:after, #a1 .swiper-rtl .swiper-button-next:after {color: #fff;} #a1 .swiper-button-next:after, #a1 .swiper-button-prev:after {font-size: 15px; display: grid; place-content: center;} #a1 .swiper-pagination-bullet-active {background-color: #00a19a;} #a1 .con_box {margin-bottom: 70px;} #a1 .con_box:last-child {margin-bottom: 0;} #a1 .con_box .con_tit {background-color: #006f70; color: #fff; font-weight: 800; font-size: 25px; text-align: center; width: max-content; margin: 0 auto; padding: 10px 30px; border-radius: 40px; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);} #a1 .con_box p {font-size: 20px; text-align: center; word-break: keep-all;} #a1 .con_box .img_box {margin-top: 20px;} #a1 .con_box .img_box img {width: 100%;} #a1 .con_box .table_box {margin-top: 20px;} #a1 .con_box .table_box table {width: 100%; border-collapse: collapse; text-align: center; font-size: 20px;} #a1 .con_box .table_box table th {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; background-color: #99c5c3;} #a1 .con_box .table_box table td {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px;} #a1 .con_box .table_box table th:last-child, #a1 .con_box .table_box table td:last-child {border-right: none;} #a1 .con_box .table_box .notice {} #a1 .con_box .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a1 .con_box .flex_box .text_box {width: calc(60% - 30px); order: 2;} #a1 .con_box .flex_box .text_box p {text-align: left;} #a1 .con_box .flex_box .img_box {width: 40%;} #a1 .con_box .flex_box .left_box {width: calc(50% - 15px); margin-bottom: 0;} #a1 .con_box .flex_box .left_box .img_box {width: 100%;} #a1 .con_box .flex_box .right_box {width: calc(50% - 15px);} #a1 .con_box .flex_box .right_box .img_box {width: 100%;} #a1 .con_box .left_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative; margin-bottom: 70px;} #a1 .con_box .right_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative;} #a1 .con_box .notice {text-align: left; font-size: 18px; font-weight: 700; color: #960000; margin-top: 10px;} #a1 .box3 .flex_box {height: 540px;} #a1 .box3 .flex_box .left_box {height: 100%;} #a1 .box3 .flex_box .right_box {height: 100%;} #a1 .box5 {position: relative; border: 1px solid #ddd; padding: 30px; padding-top: 50px;} #a1 .box5 .img_box {display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 30px;} #a1 .box5 .img_box img {width: calc(50% - 15px);} @media screen and (max-width: 1500px) { #a1 .product_box .text_box .main_tit {font-size: 33px;} #a1 .product_box .text_box .desc_box li h4 {font-size: 22px;} #a1 .product_box .text_box .desc_box .sub_tit {font-size: 22px;} } @media screen and (max-width: 1300px) { #a1 .product_box .text_box {padding: 30px;} } @media screen and (max-width: 1200px) { #a1 .product_box .img_box {width: 50%; padding: 120px 0;} #a1 .product_box .img_box .slide_box li img {max-width: 400px;} #a1 .con_box .con_tit {font-size: 23px;} #a1 .box3 .flex_box {height: 450px;} #a1 .box3 .flex_box p br {display: none;} #a1 .box4 .flex_box {height: 365px;} #a1 .box4 .flex_box .left_box, #a1 .box4 .flex_box .right_box {height: 100%;} } @media screen and (max-width: 960px) { #a1 .product_box {flex-wrap: wrap; border-radius: 0 150px 0 0;} #a1 .product_box .text_box {width: 100%; order: 2;} #a1 .product_box .img_box {width: 100%; padding: 50px 0;} #a1 .product_box .img_box .slide_box li img {max-width: 500px;} #a1 .con_box p {font-size: 18px;} #a1 .con_box .table_box table {font-size: 18px;} #a1 .con_box .notice {font-size: 16px;} #a1 .con_box .flex_box {flex-wrap: wrap;} #a1 .box3 .flex_box, #a1 .box4 .flex_box {height: auto; gap: 70px;} #a1 .con_box .flex_box .left_box, #a1 .con_box .flex_box .right_box {width: 100%;} #a1 .con_box .flex_box .text_box {width: 100%; order: 1;} #a1 .con_box .flex_box .text_box p {text-align: center;} #a1 .con_box .flex_box .img_box {width: 100%; order: 2; margin-top: 0;} #a1 .box3 .flex_box .img_box , #a1 .box4 .flex_box .img_box {margin-top: 20px;} } @media screen and (max-width: 640px) { #a1 {margin-bottom: 50px;} #a1 .product_box .text_box {padding: 20px;} #a1 .product_box .text_box .main_tit {font-size: 25px; margin-bottom: 20px;} #a1 .product_box .text_box .desc_box {margin-bottom: 20px;} #a1 .product_box .text_box .desc_box li h4 {font-size: 20px;} #a1 .product_box .text_box .desc_box li p {font-size: 16px;} #a1 .product_box .text_box ul {padding: 20px;} #a1 .product_box .text_box .desc_box .sub_tit {font-size: 20px;} #a1 .product_box .text_box .desc_box p {font-size: 16px;} #a1 .product_box .nav_box .swiper-button-next, #a1 .product_box .nav_box .swiper-button-prev {width: 40px;} #a1 .con_box .con_tit {font-size: 20px;} #a1 .con_box p {font-size: 16px;} #a1 .con_box .flex_box {gap: 10px;} #a1 .con_box .table_box table {font-size: 16px;} #a1 .con_box .table_box table th, #a1 .con_box .table_box table td {padding: 10px;} #a1 .con_box .notice {font-size: 14px;} #a1 .con_box .left_box, #a1 .con_box .right_box {padding: 40px 20px 20px;} #a1 .box3 .flex_box .img_box, #a1 .box4 .flex_box .img_box {margin-top: 10px;} #a1 .box2 .table_box {width: 100%; overflow-x: scroll;} #a1 .box2 .table_box table {min-width: 510px;} #a1 .box5 {padding: 40px 20px 20px;} #a1 .box5 .img_box {flex-wrap: wrap; gap: 20px;} #a1 .box5 .img_box img {width: 100%;} #a1 .box5 .table_box {width: 100%; overflow-x: scroll;} #a1 .box5 .table_box table {min-width: 600px;} } @media screen and (max-width: 450px) { #a1 .product_box .nav_box {display: none;} #a1 .product_box .img_box {border-radius: 0 100px 100px 0;} #a1 .product_box .img_box .slide_box li img {max-width: 85%;} } /* U-17-5S */ #a2 {width: 100%; margin: 0 auto 100px; color: #222;} #a2 .product_box {display: flex; justify-content: space-between; align-items: center; background-color: #00a19a; border-radius: 0 150px 150px 0; margin-bottom: 80px;} #a2 .product_box .text_box {width: 50%; padding: 50px;} #a2 .product_box .text_box .main_tit {margin-bottom: 30px; font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.3);} #a2 .product_box .text_box .main_tit span {color: #fff;} #a2 .product_box .text_box .desc_box {margin-bottom: 30px;} #a2 .product_box .text_box .desc_box:last-child {margin-bottom: 0;} #a2 .product_box .text_box .desc_box .sub_tit {font-size: 25px; font-weight: 900; color: #fff;} #a2 .product_box .text_box .desc_box p {font-size: 18px; word-break: keep-all; line-height: 1.5; color: #fff;} #a2 .product_box .img_box {width: 730px; padding: 50px; border-radius: 0 146px 146px 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} #a2 .product_box .img_box .slide_box li img {width: 100%; max-width: 580px; display: block; margin: 0 auto;} #a2 .product_box .nav_box .swiper-button-next {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a2 .product_box .nav_box .swiper-button-prev {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a2 .swiper-button-next:after, #a2 .swiper-rtl .swiper-button-prev:after {color: #fff;} #a2 .swiper-button-prev:after, #a2 .swiper-rtl .swiper-button-next:after {color: #fff;} #a2 .swiper-button-next:after, #a2 .swiper-button-prev:after {font-size: 15px; display: grid; place-content: center;} #a2 .swiper-pagination-bullet-active {background-color: #00a19a;} #a2 .con_box {margin-bottom: 70px;} #a2 .con_box:last-child {margin-bottom: 0;} #a2 .con_box .con_tit {word-break: keep-all; background-color: #006f70; color: #fff; font-weight: 800; font-size: 25px; text-align: center; width: max-content; margin: 0 auto; padding: 10px 30px; border-radius: 40px; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);} #a2 .con_box p {font-size: 20px; text-align: center; word-break: keep-all;} #a2 .con_box p.color {font-weight: 600; color: #ff5400;} #a2 .con_box .img_box {margin-top: 20px;} #a2 .con_box .img_box img {width: 100%;} #a2 .con_box .table_box {margin-top: 20px;} #a2 .con_box .table_box table {width: 100%; border-collapse: collapse; text-align: center; font-size: 20px;} #a2 .con_box .table_box table th {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; background-color: #99c5c3;} #a2 .con_box .table_box table td {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px;} #a2 .con_box .table_box table th:last-child, #a2 .con_box .table_box table td:last-child {border-right: none;} #a2 .con_box .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a2 .con_box .flex_box .text_box {width: calc(60% - 30px); order: 2;} #a2 .con_box .flex_box .text_box p {text-align: left;} #a2 .con_box .flex_box .img_box {width: 40%;} #a2 .con_box .flex_box .left_box {width: calc(50% - 15px); margin-bottom: 0;} #a2 .con_box .flex_box .left_box .img_box {width: 100%;} #a2 .con_box .flex_box .right_box {width: calc(50% - 15px);} #a2 .con_box .flex_box .right_box .img_box {width: 100%;} #a2 .con_box .left_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative; margin-bottom: 70px;} #a2 .con_box .right_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative;} #a2 .con_box .notice {text-align: left; font-size: 18px; font-weight: 700; color: #960000; margin-top: 10px;} #a2 .box4 ul {margin-top: 20px;} #a2 .box4 ul li {margin-bottom: 10px;} #a2 .box4 ul li:last-child {margin-bottom: 0;} #a2 .box4 ul li h4 {font-size: 20px; padding-left: 20px; position: relative;} #a2 .box4 ul li h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a2 .box4 ul li p {text-align: left;} #a2 .box5 .flex_box {height: 840px;} #a2 .box5 .flex_box .left_box {height: 100%;} #a2 .box5 .flex_box .right_box {height: 100%;} #a2 .box7 {position: relative; border: 1px solid #ddd; padding: 30px; padding-top: 50px;} #a2 .box7 .img_box {} #a2 .box7 .img_box img {width: 100%; max-width: 960px; display: block; margin: 0 auto;} @media screen and (max-width: 1500px) { #a2 .product_box .text_box .main_tit {font-size: 33px;} #a2 .product_box .text_box .desc_box .sub_tit {font-size: 22px;} } @media screen and (max-width: 1300px) { #a2 .product_box .text_box {padding: 30px;} } @media screen and (max-width: 1200px) { #a2 .product_box .img_box {width: 50%; padding: 120px 0;} #a2 .product_box .img_box .slide_box li img {max-width: 400px;} #a2 .con_box .con_tit {font-size: 23px;} #a2 .box5 .flex_box {height: 700px;} } @media screen and (max-width: 960px) { #a2 .product_box {flex-wrap: wrap; border-radius: 0 150px 0 0;} #a2 .product_box .text_box {width: 100%; order: 2;} #a2 .product_box .img_box {width: 100%; padding: 50px 0;} #a2 .product_box .img_box .slide_box li img {max-width: 500px;} #a2 .con_box p {font-size: 18px;} #a2 .con_box .table_box table {font-size: 18px;} #a2 .con_box .notice {font-size: 16px;} #a2 .con_box .flex_box {flex-wrap: wrap; gap: 70px;} #a2 .box5 .flex_box {height: auto; gap: 70px;} #a2 .con_box .flex_box .left_box, #a2 .con_box .flex_box .right_box {width: 100%;} #a2 .con_box .flex_box .text_box {width: 100%; order: 1;} #a2 .con_box .flex_box .text_box p {text-align: center;} #a2 .con_box .flex_box .img_box {width: 100%; order: 2;} #a2 .box4 .flex_box .img_box {margin-top: 0px;} #a2 .box4 ul li p {text-align: left !important;} } @media screen and (max-width: 640px) { #a2 {margin-bottom: 50px;} #a2 .product_box .text_box {padding: 20px;} #a2 .product_box .text_box .main_tit {font-size: 25px; margin-bottom: 20px;} #a2 .product_box .text_box .desc_box {margin-bottom: 20px;} #a2 .product_box .text_box .desc_box .sub_tit {font-size: 20px;} #a2 .product_box .text_box .desc_box p {font-size: 16px;} #a2 .product_box .nav_box .swiper-button-next, #a2 .product_box .nav_box .swiper-button-prev {width: 40px;} #a2 .con_box .con_tit {font-size: 20px;} #a2 .con_box p {font-size: 16px;} #a2 .con_box .flex_box {gap: 10px;} #a2 .con_box .table_box table {font-size: 16px;} #a2 .con_box .table_box table th, #a2 .con_box .table_box table td {padding: 10px;} #a2 .con_box .notice {font-size: 14px;} #a2 .con_box .left_box, #a2 .con_box .right_box {padding: 40px 20px 20px;} #a2 .box3 .flex_box .img_box, #a2 .box4 .flex_box .img_box {margin-top: 10px;} #a2 .box3 .flex_box .right_box, #a2 .box5 .flex_box .right_box, #a2 .box6 .flex_box .right_box {margin-top: 70px;} #a2 .box4 .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a2 .box4 ul li h4 {font-size: 18px;} #a2 .box2 .table_box {width: 100%; overflow-x: scroll;} #a2 .box2 .table_box table {min-width: 510px;} #a2 .box7 {padding: 40px 20px 20px;} #a2 .box7 .table_box {width: 100%; overflow-x: scroll;} #a2 .box7 .table_box table {min-width: 600px;} } @media screen and (max-width: 450px) { #a2 .product_box .nav_box {display: none;} #a2 .product_box .img_box {border-radius: 0 100px 100px 0;} #a2 .product_box .img_box .slide_box li img {max-width: 85%;} #a2 .box3 .right_box .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a2 .box6 .left_box .con_tit {width: 90%; border-radius: 50px; top: -60px;} } @media screen and (max-width: 422px) { #a2 .box4 .left_box {padding-top: 80px;} #a2 .box4 .con_tit {border-radius: 80px;} } /* U-20-5S */ #a3 {width: 100%; margin: 0 auto 100px; color: #222;} #a3 .product_box {display: flex; justify-content: space-between; align-items: center; background-color: #00a19a; border-radius: 0 150px 150px 0; margin-bottom: 80px;} #a3 .product_box .text_box {width: 50%; padding: 50px;} #a3 .product_box .text_box .main_tit {margin-bottom: 30px; font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.3);} #a3 .product_box .text_box .main_tit span {color: #fff;} #a3 .product_box .text_box .desc_box {margin-bottom: 30px;} #a3 .product_box .text_box .desc_box:last-child {margin-bottom: 0;} #a3 .product_box .text_box .desc_box .sub_tit {font-size: 25px; font-weight: 900; color: #fff;} #a3 .product_box .text_box .desc_box p {font-size: 18px; word-break: keep-all; line-height: 1.5; color: #fff;} #a3 .product_box .img_box {width: 730px; padding: 50px; border-radius: 0 146px 146px 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} #a3 .product_box .img_box .slide_box li img {width: 100%; max-width: 580px; display: block; margin: 0 auto;} #a3 .product_box .nav_box .swiper-button-next {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a3 .product_box .nav_box .swiper-button-prev {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a3 .swiper-button-next:after, #a3 .swiper-rtl .swiper-button-prev:after {color: #fff;} #a3 .swiper-button-prev:after, #a3 .swiper-rtl .swiper-button-next:after {color: #fff;} #a3 .swiper-button-next:after, #a3 .swiper-button-prev:after {font-size: 15px; display: grid; place-content: center;} #a3 .swiper-pagination-bullet-active {background-color: #00a19a;} #a3 .con_box {margin-bottom: 70px;} #a3 .con_box:last-child {margin-bottom: 0;} #a3 .con_box .con_tit {word-break: keep-all; background-color: #006f70; color: #fff; font-weight: 800; font-size: 25px; text-align: center; width: max-content; margin: 0 auto; padding: 10px 30px; border-radius: 40px; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);} #a3 .con_box p {font-size: 20px; text-align: center; word-break: keep-all;} #a3 .con_box p.color {font-weight: 600; color: #ff5400;} #a3 .con_box .img_box {margin-top: 20px;} #a3 .con_box .img_box img {width: 100%;} #a3 .con_box .table_box {margin-top: 20px;} #a3 .con_box .table_box table {width: 100%; border-collapse: collapse; text-align: center; font-size: 20px;} #a3 .con_box .table_box table th {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; background-color: #99c5c3;} #a3 .con_box .table_box table td {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px;} #a3 .con_box .table_box table th:last-child, #a3 .con_box .table_box table td:last-child {border-right: none;} #a3 .con_box .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a3 .con_box .flex_box .text_box {width: calc(60% - 30px); order: 2;} #a3 .con_box .flex_box .text_box p {text-align: left;} #a3 .con_box .flex_box .img_box {width: 40%;} #a3 .con_box .flex_box .left_box {width: calc(50% - 15px); margin-bottom: 0;} #a3 .con_box .flex_box .left_box .img_box {width: 100%;} #a3 .con_box .flex_box .right_box {width: calc(50% - 15px);} #a3 .con_box .flex_box .right_box .img_box {width: 100%;} #a3 .con_box .left_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative; margin-bottom: 70px;} #a3 .con_box .right_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative;} #a3 .con_box .notice {text-align: left; font-size: 18px; font-weight: 700; color: #960000; margin-top: 10px;} #a3 .box3 .flex_box {height: 620px;} #a3 .box3 .flex_box .left_box, #a3 .box3 .flex_box .right_box {height: 100%;} #a3 .box4 ul {margin-top: 20px;} #a3 .box4 ul li {margin-bottom: 10px;} #a3 .box4 ul li:last-child {margin-bottom: 0;} #a3 .box4 ul li h4 {font-size: 20px; padding-left: 20px; position: relative;} #a3 .box4 ul li h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a3 .box4 ul li p {text-align: left;} #a3 .box7 {position: relative; border: 1px solid #ddd; padding: 30px; padding-top: 50px;} #a3 .box7 .img_box {} #a3 .box7 .img_box img {width: 100%; max-width: 960px; display: block; margin: 0 auto;} @media screen and (max-width: 1500px) { #a3 .product_box .text_box .main_tit {font-size: 33px;} #a3 .product_box .text_box .desc_box .sub_tit {font-size: 22px;} } @media screen and (max-width: 1300px) { #a3 .product_box .text_box {padding: 30px;} } @media screen and (max-width: 1200px) { #a3 .product_box .img_box {width: 50%; padding: 120px 0;} #a3 .product_box .img_box .slide_box li img {max-width: 400px;} #a3 .con_box .con_tit {font-size: 23px;} #a3 .box3 .flex_box {height: 570px;} } @media screen and (max-width: 960px) { #a3 .product_box {flex-wrap: wrap; border-radius: 0 150px 0 0;} #a3 .product_box .text_box {width: 100%; order: 2;} #a3 .product_box .img_box {width: 100%; padding: 50px 0;} #a3 .product_box .img_box .slide_box li img {max-width: 500px;} #a3 .con_box p {font-size: 18px;} #a3 .con_box .table_box table {font-size: 18px;} #a3 .con_box .notice {font-size: 16px;} #a3 .con_box .flex_box {flex-wrap: wrap; gap: 0px;} #a3 .con_box .flex_box .left_box, #a3 .con_box .flex_box .right_box {width: 100%;} #a3 .con_box .flex_box .text_box {width: 100%; order: 1;} #a3 .con_box .flex_box .text_box p {text-align: center;} #a3 .con_box .flex_box .img_box {width: 100%; order: 2;} #a3 .box3 .flex_box {height: auto;} #a3 .box3 .flex_box, #a3 .box6 .flex_box {gap: 70px;} #a3 .box4 .flex_box .img_box {margin-top: 0px;} #a3 .box4 ul li p {text-align: left !important;} } @media screen and (max-width: 640px) { #a3 {margin-bottom: 50px;} #a3 .product_box .text_box {padding: 20px;} #a3 .product_box .text_box .main_tit {font-size: 25px; margin-bottom: 20px;} #a3 .product_box .text_box .desc_box {margin-bottom: 20px;} #a3 .product_box .text_box .desc_box .sub_tit {font-size: 20px;} #a3 .product_box .text_box .desc_box p {font-size: 16px;} #a3 .product_box .nav_box .swiper-button-next, #a3 .product_box .nav_box .swiper-button-prev {width: 40px;} #a3 .con_box .con_tit {font-size: 20px;} #a3 .con_box p {font-size: 16px;} #a3 .con_box .flex_box {gap: 10px;} #a3 .con_box .table_box table {font-size: 16px;} #a3 .con_box .table_box table th, #a3 .con_box .table_box table td {padding: 10px;} #a3 .con_box .notice {font-size: 14px;} #a3 .con_box .left_box, #a3 .con_box .right_box {padding: 40px 20px 20px;} #a3 .box3 .flex_box .img_box, #a3 .box4 .flex_box .img_box {margin-top: 10px;} #a3 .box3 .flex_box .right_box, #a3 .box6 .flex_box .right_box {margin-top: 70px;} #a3 .box4 .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a3 .box4 ul li h4 {font-size: 18px;} #a3 .box2 .table_box {width: 100%; overflow-x: scroll;} #a3 .box2 .table_box table {min-width: 510px;} #a3 .box7 {padding: 40px 20px 20px;} #a3 .box7 .table_box {width: 100%; overflow-x: scroll;} #a3 .box7 .table_box table {min-width: 600px;} } @media screen and (max-width: 450px) { #a3 .product_box .nav_box {display: none;} #a3 .product_box .img_box {border-radius: 0 100px 100px 0;} #a3 .product_box .img_box .slide_box li img {max-width: 85%;} #a3 .box3 .right_box .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a3 .box6 .left_box .con_tit {width: 90%; border-radius: 50px; top: -60px;} } @media screen and (max-width: 422px) { #a3 .box4 .left_box {padding-top: 80px;} #a3 .box4 .con_tit {border-radius: 80px;} } /* U-30-6S / 캐빈 */ #a4 {width: 100%; margin: 0 auto 100px; color: #222;} #a4 .product_box {display: flex; justify-content: space-between; align-items: center; background-color: #00a19a; border-radius: 0 150px 150px 0; margin-bottom: 80px;} #a4 .product_box .text_box {width: 50%; padding: 50px;} #a4 .product_box .text_box .main_tit {margin-bottom: 30px; font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.3);} #a4 .product_box .text_box .main_tit span {color: #fff;} #a4 .product_box .text_box .desc_box {margin-bottom: 30px;} #a4 .product_box .text_box .desc_box:last-child {margin-bottom: 0;} #a4 .product_box .text_box .desc_box .sub_tit {font-size: 25px; font-weight: 900; color: #fff;} #a4 .product_box .text_box .desc_box p {font-size: 18px; word-break: keep-all; line-height: 1.5; color: #fff;} #a4 .product_box .img_box {width: 730px; padding: 50px; border-radius: 0 146px 146px 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} #a4 .product_box .img_box .slide_box li img {width: 100%; max-width: 580px; display: block; margin: 0 auto;} #a4 .product_box .nav_box .swiper-button-next {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a4 .product_box .nav_box .swiper-button-prev {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a4 .swiper-button-next:after, #a4 .swiper-rtl .swiper-button-prev:after {color: #fff;} #a4 .swiper-button-prev:after, #a4 .swiper-rtl .swiper-button-next:after {color: #fff;} #a4 .swiper-button-next:after, #a4 .swiper-button-prev:after {font-size: 15px; display: grid; place-content: center;} #a4 .swiper-pagination-bullet-active {background-color: #00a19a;} #a4 .con_box {margin-bottom: 70px;} #a4 .con_box:last-child {margin-bottom: 0;} #a4 .con_box .con_tit {word-break: keep-all; background-color: #006f70; color: #fff; font-weight: 800; font-size: 25px; text-align: center; width: max-content; margin: 0 auto; padding: 10px 30px; border-radius: 40px; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);} #a4 .con_box h4 {word-break: keep-all;} #a4 .con_box p {font-size: 20px; text-align: center; word-break: keep-all;} #a4 .con_box p.color {font-weight: 600; color: #ff5400;} #a4 .con_box .img_box {margin-top: 20px;} #a4 .con_box .img_box img {width: 100%;} #a4 .con_box .table_box {margin-top: 20px;} #a4 .con_box .table_box table {width: 100%; border-collapse: collapse; text-align: center; font-size: 20px;} #a4 .con_box .table_box table th {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; background-color: #99c5c3;} #a4 .con_box .table_box table td {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px;} #a4 .con_box .table_box table th:last-child, #a4 .con_box .table_box table td:last-child {border-right: none;} #a4 .con_box .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a4 .con_box .flex_box .text_box {width: calc(60% - 30px); order: 2;} #a4 .con_box .flex_box .text_box p {text-align: left;} #a4 .con_box .flex_box .img_box {width: 40%;} #a4 .con_box .flex_box .left_box {width: calc(50% - 15px); margin-bottom: 0;} #a4 .con_box .flex_box .left_box .img_box {width: 100%;} #a4 .con_box .flex_box .right_box {width: calc(50% - 15px);} #a4 .con_box .flex_box .right_box .img_box {width: 100%;} #a4 .con_box .left_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative; margin-bottom: 70px;} #a4 .con_box .right_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative;} #a4 .con_box .notice {text-align: left; font-size: 18px; font-weight: 700; color: #960000; margin-top: 10px;} #a4 .box3 ul {margin-bottom: 70px; display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a4 .box3 ul li {width: calc(25% - 15px);} #a4 .box3 ul li .img_box {margin: 0 auto 20px;} #a4 .box3 ul li .img_box img {width: 100%;} #a4 .box3 ul li .text_box {background-color: #f5f5f5; text-align: center; padding: 10px; height: 90px; border-radius: 30px;} #a4 .box3 .right_box {margin-bottom: 70px;} #a4 .box3 .right_box:last-child {margin-bottom: 0;} #a4 .box3 .right_box:last-child .img_box {width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a4 .box3 .right_box:last-child .img_box img {width: calc(100% / 3 - 15px);} #a4 .box4 ul {margin-top: 20px;} #a4 .box4 ul li {margin-bottom: 10px;} #a4 .box4 ul li:last-child {margin-bottom: 0;} #a4 .box4 ul li h4 {font-size: 20px; padding-left: 20px; position: relative;} #a4 .box4 ul li h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a4 .box4 ul li p {text-align: left;} #a4 .box5 .flex_box {height: 801px;} #a4 .box5 .flex_box .left_box, #a4 .box5 .flex_box .right_box {height: 100%;} #a4 .box5 .flex_box .text_box {width: 100%; text-align: center;} #a4 .box5 .flex_box .text_box p {text-align: center;} #a4 .box6 .flex_box .img_box {width: 35%;} #a4 .box6 .flex_box .text_box {width: calc(65% - 30px);} #a4 .box6 .flex_box .text_box p {margin-bottom: 20px;} #a4 .box6 .flex_box .text_box h4 {font-size: 20px; padding-left: 20px; position: relative; margin-bottom: 10px;} #a4 .box6 .flex_box .text_box h4:last-child {margin-bottom: 0;} #a4 .box6 .flex_box .text_box h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a4 .box7 .flex_box .img_box {width: calc(55% - 15px); margin: 0;} #a4 .box7 .flex_box .text_box {width: calc(45% - 15px);} #a4 .box7 .flex_box .text_box h4 {font-size: 20px; color: #ff5400; margin-bottom: 5px;} #a4 .box7 .flex_box .text_box ul {margin-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;} #a4 .box7 .flex_box .text_box ul li {width: calc(100% / 3 - 7px);} #a4 .box7 .flex_box .text_box ul li img {width: 100%;} #a4 .box7 .desc_box {margin-top: 50px;} #a4 .box7 .desc_box .img_box {width: 100%; margin-bottom: 20px;} #a4 .box7 .desc_box .text_box {width: 100%;} #a4 .box7 .desc_box .text_box .box {gap: 20px;} #a4 .box7 .desc_box .text_box .box li {margin-bottom: 20px; width: 100%; background-color: #f5f5f5; padding: 20px; border-radius: 20px;} #a4 .box7 .desc_box .text_box .box li:last-child {margin-bottom: 0;} #a4 .box7 .desc_box .text_box .box li.flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a4 .box7 .desc_box .text_box .box li.flex_box .img_box {width: 40%;} #a4 .box7 .desc_box .text_box .box li.flex_box .img_box img {width: 100%;} #a4 .box7 .desc_box .text_box .box li.flex_box .txt_box {width: calc(60% - 30px);} #a4 .box7 .desc_box .text_box .box li h4 {font-size: 25px; color: #00a19a; margin-bottom: 5px;} #a4 .box7 .desc_box .text_box .box li p {text-align: left;} #a4 .box7, #a4 .box8, #a4 .box9 {position: relative; border: 1px solid #ddd; padding: 30px; padding-top: 50px;} #a4 .box9 .img_box {} #a4 .box9 .img_box img {width: 100%; max-width: 960px; display: block; margin: 0 auto;} @media screen and (max-width: 1500px) { #a4 .product_box .text_box .main_tit {font-size: 33px;} #a4 .product_box .text_box .desc_box .sub_tit {font-size: 22px;} } @media screen and (max-width: 1400px) { #a4 .box3 ul li .text_box {height: 120px;} } @media screen and (max-width: 1300px) { #a4 .product_box .text_box {padding: 30px;} } @media screen and (max-width: 1200px) { #a4 .product_box .img_box {width: 50%; padding: 120px 0;} #a4 .product_box .img_box .slide_box li img {max-width: 400px;} #a4 .con_box .con_tit {font-size: 23px;} #a4 .box3 ul {flex-wrap: wrap;} #a4 .box3 ul li {width: calc(50% - 15px);} #a4 .box3 ul li .text_box {height: 90px;} } @media screen and (max-width: 960px) { #a4 .product_box {flex-wrap: wrap; border-radius: 0 150px 0 0;} #a4 .product_box .text_box {width: 100%; order: 2;} #a4 .product_box .img_box {width: 100%; padding: 50px 0;} #a4 .product_box .img_box .slide_box li img {max-width: 500px;} #a4 .con_box p {font-size: 18px;} #a4 .con_box .table_box table {font-size: 18px;} #a4 .con_box .notice {font-size: 16px;} #a4 .con_box .flex_box {flex-wrap: wrap; gap: 0px;} #a4 .con_box .flex_box .left_box, #a4 .con_box .flex_box .right_box {width: 100%;} #a4 .con_box .flex_box .text_box {width: 100%; order: 1;} #a4 .con_box .flex_box .text_box p {text-align: center;} #a4 .con_box .flex_box .img_box {width: 100%; order: 2;} #a4 .box4 .flex_box .text_box {order: 2;} #a4 .box4 .flex_box .img_box {margin-top: 0px; order: 1;} #a4 .box4 ul li p {text-align: left !important;} #a4 .box7 .flex_box .text_box p {text-align: left;} #a4 .box7 .flex_box .img_box {order: 1; margin-bottom: 20px;} #a4 .box7 .desc_box .text_box .box li.flex_box .img_box {order: 1; margin-bottom: 0;} #a4 .box7 .desc_box .text_box .box li h4 {font-size: 22px;} } @media screen and (max-width: 640px) { #a4 {margin-bottom: 50px;} #a4 .product_box .text_box {padding: 20px;} #a4 .product_box .text_box .main_tit {font-size: 25px; margin-bottom: 20px;} #a4 .product_box .text_box .desc_box {margin-bottom: 20px;} #a4 .product_box .text_box .desc_box .sub_tit {font-size: 20px;} #a4 .product_box .text_box .desc_box p {font-size: 16px;} #a4 .product_box .nav_box .swiper-button-next, #a4 .product_box .nav_box .swiper-button-prev {width: 40px;} #a4 .con_box .con_tit {font-size: 20px;} #a4 .con_box p {font-size: 16px;} #a4 .con_box .flex_box {gap: 10px;} #a4 .con_box .table_box table {font-size: 16px;} #a4 .con_box .table_box table th, #a4 .con_box .table_box table td {padding: 10px;} #a4 .con_box .notice {font-size: 14px;} #a4 .con_box .left_box, #a4 .con_box .right_box {padding: 40px 20px 20px;} #a4 .box4 ul li h4 {font-size: 18px;} #a4 .box2 .table_box {width: 100%; overflow-x: scroll;} #a4 .box2 .table_box table {min-width: 510px;} #a4 .box7, #a4 .box8, #a4 .box9 {padding: 40px 20px 20px;} #a4 .box9 .table_box {width: 100%; overflow-x: scroll;} #a4 .box9 .table_box table {min-width: 600px;} #a4 .box3 ul li {width: 100%;} #a4 .box3 ul li .text_box {height: auto;} #a4 .box3 .right_box:last-child .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a4 .box6 .flex_box .text_box h4 {font-size: 18px;} #a4 .box7 .desc_box .text_box .box li h4 {font-size: 18px; margin-bottom: 0;} #a4 .box7 .desc_box .text_box .box li.flex_box {flex-wrap: wrap; gap: 10px;} #a4 .box7 .desc_box .text_box .box li.flex_box .img_box {width: 100%; margin: 0;} #a4 .box7 .desc_box .text_box .box li.flex_box .txt_box {width: 100%;} #a4 .box3 .right_box:last-child .img_box {flex-wrap: wrap;} #a4 .box3 .right_box:last-child .img_box img {width: 100%;} #a4 .box7 .flex_box .text_box ul li {width: calc(100% / 2 - 7px);} } @media screen and (max-width: 450px) { #a4 .product_box .nav_box {display: none;} #a4 .product_box .img_box {border-radius: 0 100px 100px 0;} #a4 .product_box .img_box .slide_box li img {max-width: 85%;} #a4 .box1 .left_box .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a4 .box3 .right_box {padding-top: 70px;} #a4 .box7 .flex_box .text_box ul li {width: 100%;} } @media screen and (max-width: 422px) { #a4 .box4 .left_box {padding-top: 80px;} #a4 .box4 .con_tit {border-radius: 80px;} } /* U-35-6S / 캐빈 */ #a5 {width: 100%; margin: 0 auto 100px; color: #222;} #a5 .product_box {display: flex; justify-content: space-between; align-items: center; background-color: #00a19a; border-radius: 0 150px 150px 0; margin-bottom: 80px;} #a5 .product_box .text_box {width: 50%; padding: 50px;} #a5 .product_box .text_box .main_tit {margin-bottom: 30px; font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.3);} #a5 .product_box .text_box .main_tit span {color: #fff;} #a5 .product_box .text_box .desc_box {margin-bottom: 30px;} #a5 .product_box .text_box .desc_box:last-child {margin-bottom: 0;} #a5 .product_box .text_box .desc_box .sub_tit {font-size: 25px; font-weight: 900; color: #fff;} #a5 .product_box .text_box .desc_box p {font-size: 18px; word-break: keep-all; line-height: 1.5; color: #fff;} #a5 .product_box .img_box {width: 730px; padding: 50px; border-radius: 0 146px 146px 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} #a5 .product_box .img_box .slide_box li img {width: 100%; max-width: 580px; display: block; margin: 0 auto;} #a5 .product_box .nav_box .swiper-button-next {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a5 .product_box .nav_box .swiper-button-prev {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a5 .swiper-button-next:after, #a5 .swiper-rtl .swiper-button-prev:after {color: #fff;} #a5 .swiper-button-prev:after, #a5 .swiper-rtl .swiper-button-next:after {color: #fff;} #a5 .swiper-button-next:after, #a5 .swiper-button-prev:after {font-size: 15px; display: grid; place-content: center;} #a5 .swiper-pagination-bullet-active {background-color: #00a19a;} #a5 .con_box {margin-bottom: 70px;} #a5 .con_box:last-child {margin-bottom: 0;} #a5 .con_box .con_tit {word-break: keep-all; background-color: #006f70; color: #fff; font-weight: 800; font-size: 25px; text-align: center; width: max-content; margin: 0 auto; padding: 10px 30px; border-radius: 40px; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);} #a5 .con_box h4 {word-break: keep-all;} #a5 .con_box p {font-size: 20px; text-align: center; word-break: keep-all;} #a5 .con_box p.color {font-weight: 600; color: #ff5400;} #a5 .con_box .img_box {margin-top: 20px;} #a5 .con_box .img_box img {width: 100%;} #a5 .con_box .table_box {margin-top: 20px;} #a5 .con_box .table_box table {width: 100%; border-collapse: collapse; text-align: center; font-size: 20px;} #a5 .con_box .table_box table th {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; background-color: #99c5c3;} #a5 .con_box .table_box table td {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px;} #a5 .con_box .table_box table th:last-child, #a5 .con_box .table_box table td:last-child {border-right: none;} #a5 .con_box .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a5 .con_box .flex_box .text_box {width: calc(60% - 30px); order: 2;} #a5 .con_box .flex_box .text_box p {text-align: left;} #a5 .con_box .flex_box .img_box {width: 40%;} #a5 .con_box .flex_box .left_box {width: calc(50% - 15px); margin-bottom: 0;} #a5 .con_box .flex_box .left_box .img_box {width: 100%;} #a5 .con_box .flex_box .right_box {width: calc(50% - 15px);} #a5 .con_box .flex_box .right_box .img_box {width: 100%;} #a5 .con_box .left_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative; margin-bottom: 70px;} #a5 .con_box .right_box {width: 100%; border: 1px solid #ddd; padding: 30px; padding-top: 50px; position: relative;} #a5 .con_box .notice {text-align: left; font-size: 18px; font-weight: 700; color: #960000; margin-top: 10px;} #a5 .box3 ul {margin-bottom: 70px; display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a5 .box3 ul li {width: calc(25% - 15px);} #a5 .box3 ul li .img_box {margin: 0 auto 20px;} #a5 .box3 ul li .img_box img {width: 100%;} #a5 .box3 ul li .text_box {background-color: #f5f5f5; text-align: center; padding: 10px; height: 90px; border-radius: 30px;} #a5 .box3 .right_box {margin-bottom: 70px;} #a5 .box3 .right_box:last-child {margin-bottom: 0;} #a5 .box3 .right_box:last-child .img_box {width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a5 .box3 .right_box:last-child .img_box img {width: calc(100% / 3 - 15px);} #a5 .box4 ul {margin-top: 20px;} #a5 .box4 ul li {margin-bottom: 10px;} #a5 .box4 ul li:last-child {margin-bottom: 0;} #a5 .box4 ul li h4 {font-size: 20px; padding-left: 20px; position: relative;} #a5 .box4 ul li h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a5 .box4 ul li p {text-align: left;} #a5 .box5 .flex_box {height: 801px;} #a5 .box5 .flex_box .left_box, #a5 .box5 .flex_box .right_box {height: 100%;} #a5 .box5 .flex_box .text_box {width: 100%; text-align: center;} #a5 .box5 .flex_box .text_box p {text-align: center;} #a5 .box6 .flex_box .img_box {width: 35%;} #a5 .box6 .flex_box .text_box {width: calc(65% - 30px);} #a5 .box6 .flex_box .text_box p {margin-bottom: 20px;} #a5 .box6 .flex_box .text_box h4 {font-size: 20px; padding-left: 20px; position: relative; margin-bottom: 10px;} #a5 .box6 .flex_box .text_box h4:last-child {margin-bottom: 0;} #a5 .box6 .flex_box .text_box h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a5 .box7 .flex_box .img_box {width: calc(55% - 15px); margin: 0;} #a5 .box7 .flex_box .text_box {width: calc(45% - 15px);} #a5 .box7 .flex_box .text_box h4 {font-size: 20px; color: #ff5400; margin-bottom: 5px;} #a5 .box7 .flex_box .text_box ul {margin-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;} #a5 .box7 .flex_box .text_box ul li {width: calc(100% / 3 - 7px);} #a5 .box7 .flex_box .text_box ul li img {width: 100%;} #a5 .box7 .desc_box {margin-top: 50px;} #a5 .box7 .desc_box .img_box {width: 100%; margin-bottom: 20px;} #a5 .box7 .desc_box .text_box {width: 100%;} #a5 .box7 .desc_box .text_box .box {gap: 20px;} #a5 .box7 .desc_box .text_box .box li {margin-bottom: 20px; width: 100%; background-color: #f5f5f5; padding: 20px; border-radius: 20px;} #a5 .box7 .desc_box .text_box .box li:last-child {margin-bottom: 0;} #a5 .box7 .desc_box .text_box .box li.flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a5 .box7 .desc_box .text_box .box li.flex_box .img_box {width: 40%;} #a5 .box7 .desc_box .text_box .box li.flex_box .img_box img {width: 100%;} #a5 .box7 .desc_box .text_box .box li.flex_box .txt_box {width: calc(60% - 30px);} #a5 .box7 .desc_box .text_box .box li h4 {font-size: 25px; color: #00a19a; margin-bottom: 5px;} #a5 .box7 .desc_box .text_box .box li p {text-align: left;} #a5 .box7, #a5 .box8, #a5 .box9 {position: relative; border: 1px solid #ddd; padding: 30px; padding-top: 50px;} #a5 .box9 .img_box {} #a5 .box9 .img_box img {width: 100%; max-width: 960px; display: block; margin: 0 auto;} @media screen and (max-width: 1500px) { #a5 .product_box .text_box .main_tit {font-size: 33px;} #a5 .product_box .text_box .desc_box .sub_tit {font-size: 22px;} } @media screen and (max-width: 1400px) { #a5 .box3 ul li .text_box {height: 120px;} } @media screen and (max-width: 1300px) { #a5 .product_box .text_box {padding: 30px;} } @media screen and (max-width: 1200px) { #a5 .product_box .img_box {width: 50%; padding: 120px 0;} #a5 .product_box .img_box .slide_box li img {max-width: 400px;} #a5 .con_box .con_tit {font-size: 23px;} #a5 .box3 ul {flex-wrap: wrap;} #a5 .box3 ul li {width: calc(50% - 15px);} #a5 .box3 ul li .text_box {height: 90px;} } @media screen and (max-width: 960px) { #a5 .product_box {flex-wrap: wrap; border-radius: 0 150px 0 0;} #a5 .product_box .text_box {width: 100%; order: 2;} #a5 .product_box .img_box {width: 100%; padding: 50px 0;} #a5 .product_box .img_box .slide_box li img {max-width: 500px;} #a5 .con_box p {font-size: 18px;} #a5 .con_box .table_box table {font-size: 18px;} #a5 .con_box .notice {font-size: 16px;} #a5 .con_box .flex_box {flex-wrap: wrap; gap: 0px;} #a5 .con_box .flex_box .left_box, #a5 .con_box .flex_box .right_box {width: 100%;} #a5 .con_box .flex_box .text_box {width: 100%; order: 1;} #a5 .con_box .flex_box .text_box p {text-align: center;} #a5 .con_box .flex_box .img_box {width: 100%; order: 2;} #a5 .box4 .flex_box .text_box {order: 2;} #a5 .box4 .flex_box .img_box {margin-top: 0px; order: 1;} #a5 .box4 ul li p {text-align: left !important;} #a5 .box7 .flex_box .text_box p {text-align: left;} #a5 .box7 .flex_box .img_box {order: 1; margin-bottom: 20px;} #a5 .box7 .desc_box .text_box .box li.flex_box .img_box {order: 1; margin-bottom: 0;} #a5 .box7 .desc_box .text_box .box li h4 {font-size: 22px;} } @media screen and (max-width: 640px) { #a5 {margin-bottom: 50px;} #a5 .product_box .text_box {padding: 20px;} #a5 .product_box .text_box .main_tit {font-size: 25px; margin-bottom: 20px;} #a5 .product_box .text_box .desc_box {margin-bottom: 20px;} #a5 .product_box .text_box .desc_box .sub_tit {font-size: 20px;} #a5 .product_box .text_box .desc_box p {font-size: 16px;} #a5 .product_box .nav_box .swiper-button-next, #a5 .product_box .nav_box .swiper-button-prev {width: 40px;} #a5 .con_box .con_tit {font-size: 20px;} #a5 .con_box p {font-size: 16px;} #a5 .con_box .flex_box {gap: 10px;} #a5 .con_box .table_box table {font-size: 16px;} #a5 .con_box .table_box table th, #a5 .con_box .table_box table td {padding: 10px;} #a5 .con_box .notice {font-size: 14px;} #a5 .con_box .left_box, #a5 .con_box .right_box {padding: 40px 20px 20px;} #a5 .box4 ul li h4 {font-size: 18px;} #a5 .box2 .table_box {width: 100%; overflow-x: scroll;} #a5 .box2 .table_box table {min-width: 510px;} #a5 .box7, #a5 .box8, #a5 .box9 {padding: 40px 20px 20px;} #a5 .box9 .table_box {width: 100%; overflow-x: scroll;} #a5 .box9 .table_box table {min-width: 600px;} #a5 .box3 ul li {width: 100%;} #a5 .box3 ul li .text_box {height: auto;} #a5 .box3 .right_box:last-child .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a5 .box6 .flex_box .text_box h4 {font-size: 18px;} #a5 .box7 .desc_box .text_box .box li h4 {font-size: 18px; margin-bottom: 0;} #a5 .box7 .desc_box .text_box .box li.flex_box {flex-wrap: wrap; gap: 10px;} #a5 .box7 .desc_box .text_box .box li.flex_box .img_box {width: 100%; margin: 0;} #a5 .box7 .desc_box .text_box .box li.flex_box .txt_box {width: 100%;} #a5 .box3 .right_box:last-child .img_box {flex-wrap: wrap;} #a5 .box3 .right_box:last-child .img_box img {width: 100%;} #a5 .box7 .flex_box .text_box ul li {width: calc(100% / 2 - 7px);} } @media screen and (max-width: 450px) { #a5 .product_box .nav_box {display: none;} #a5 .product_box .img_box {border-radius: 0 100px 100px 0;} #a5 .product_box .img_box .slide_box li img {max-width: 85%;} #a5 .box1 .left_box .con_tit {width: 90%; border-radius: 50px; top: -60px;} #a5 .box3 .right_box {padding-top: 70px;} #a5 .box7 .flex_box .text_box ul li {width: 100%;} } @media screen and (max-width: 422px) { #a5 .box4 .left_box {padding-top: 80px;} #a5 .box4 .con_tit {border-radius: 80px;} } /* KX 060-5 / U-56-5 */ #a6 {width: 100%; margin: 0 auto 100px; color: #222;} #a6 .product_box {display: flex; justify-content: space-between; align-items: center; background-color: #00a19a; border-radius: 0 150px 150px 0; margin-bottom: 80px;} #a6 .product_box .text_box {width: 50%; padding: 50px;} #a6 .product_box .text_box .main_tit {margin-bottom: 30px; font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.3);} #a6 .product_box .text_box .main_tit span {color: #fff;} #a6 .product_box .text_box .desc_box {margin-bottom: 30px;} #a6 .product_box .text_box ul {background-color: rgba(255,255,255,0.5); border-radius: 30px; padding: 30px;} #a6 .product_box .text_box .desc_box:last-child {margin-bottom: 0;} #a6 .product_box .text_box .desc_box li {margin-bottom: 10px;} #a6 .product_box .text_box .desc_box li:last-child {margin-bottom: 0;} #a6 .product_box .text_box .desc_box li h4 {font-size: 25px; font-weight: 900; position: relative; padding-left: 20px;} #a6 .product_box .text_box .desc_box li h4::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a6 .product_box .text_box .desc_box li p {font-size: 18px; color: #121212;} #a6 .product_box .text_box .desc_box .sub_tit {font-size: 25px; font-weight: 900; color: #fff;} #a6 .product_box .text_box .desc_box p {font-size: 18px; word-break: keep-all; line-height: 1.5; color: #fff;} #a6 .product_box .img_box {width: 730px; padding: 50px; border-radius: 0 146px 146px 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} #a6 .product_box .img_box .slide_box {} #a6 .product_box .img_box .slide_box li {} #a6 .product_box .img_box .slide_box li img {width: 100%; max-width: 580px; display: block; margin: 0 auto;} #a6 .product_box .nav_box {} #a6 .product_box .nav_box .swiper-button-next {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a6 .product_box .nav_box .swiper-button-prev {width: 50px; height: auto; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a6 .swiper-button-next:after, #a6 .swiper-rtl .swiper-button-prev:after {color: #fff;} #a6 .swiper-button-prev:after, #a6 .swiper-rtl .swiper-button-next:after {color: #fff;} #a6 .swiper-button-next:after, #a6 .swiper-button-prev:after {font-size: 15px; display: grid; place-content: center;} #a6 .swiper-pagination-bullet-active {background-color: #00a19a;} #a6 .con_box {margin-bottom: 70px;} #a6 .con_box:last-child {margin-bottom: 0;} #a6 .con_box .con_tit {background-color: #006f70; color: #fff; font-weight: 800; font-size: 25px; text-align: center; width: max-content; margin: 0 auto; padding: 10px 30px; border-radius: 40px; position: absolute; left: 50%; top: -30px; transform: translateX(-50%);} #a6 .con_box p {font-size: 20px; word-break: keep-all;} #a6 .con_box .table_box {margin-top: 20px;} #a6 .con_box .table_box table {width: 100%; border-collapse: collapse; text-align: center; font-size: 20px;} #a6 .con_box .table_box table th {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px; background-color: #99c5c3;} #a6 .con_box .table_box table td {word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px;} #a6 .con_box .table_box table th:last-child, #a6 .con_box .table_box table td:last-child {border-right: none;} #a6 .con_box .notice {text-align: left; font-size: 18px; font-weight: 700; color: #960000; margin-top: 10px;} #a6 .con_box .title_box {margin-bottom: 30px;} #a6 .con_box .title_box .main_tit {font-size: 40px; color: #006f70; font-weight: 800;} #a6 .con_box .title_box .desc {text-align: left; font-size: 25px; font-weight: 600; word-break: keep-all;} #a6 .con_box .con1 {} #a6 .con_box .con1 ul {} #a6 .con_box .con1 ul li {background-color: #f5f5f5; padding: 30px; border-radius: 30px; margin-bottom: 30px;} #a6 .con_box .con1 ul .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a6 .con_box .con1 ul .flex_box .img_box {width: 40%;} #a6 .con_box .con1 ul .flex_box .img_box img {width: 100%;} #a6 .con_box .con1 ul .flex_box .text_box {width: calc(60% - 30px);} #a6 .con_box .con1 ul li:last-child {margin-bottom: 0;} #a6 .con_box .con1 ul li h4 {word-break: keep-all; font-size: 25px; font-weight: 900; position: relative; padding-left: 20px;} #a6 .con_box .con1 ul li h4::after {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a6 .con_box .con2 {margin-top: 30px;} #a6 .con_box .con2 ul {} #a6 .con_box .con2 ul li {background-color: #f5f5f5; padding: 30px; border-radius: 30px; margin-bottom: 30px;} #a6 .con_box .con2 ul li:last-child {margin-bottom: 0;} #a6 .con_box .con2 ul li h4 {word-break: keep-all; font-size: 25px; font-weight: 900; position: relative; padding-left: 20px;} #a6 .con_box .con2 ul li h4::after {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 8px; aspect-ratio: 1 / 1; background-color: #006f70; border-radius: 50%;} #a6 .box2 .con1 ul li ul {background-color: rgba(255,255,255,0.5); padding: 20px; margin-top: 20px; border-radius: 30px;} #a6 .box2 .con1 ul li ul li {margin-bottom: 10px; padding: 0; border-radius: 0; background-color: transparent;} #a6 .box2 .con1 ul li ul li:last-child {margin-bottom: 0;} #a6 .box2 .con1 ul li ul li h5 {font-size: 22px; margin-bottom: 0; color: #ff5400;} #a6 .box2 .con1 ul li ul li p {font-size: 18px;} #a6 .con_box .con1 .img_box2 {display: flex; justify-content: space-between; align-items: center; gap: 30px; background-color: #f5f5f5; padding: 30px; border-radius: 30px; margin-bottom: 30px;} #a6 .con_box .con1 .img_box2 img {width: calc(50% - 15px);} #a6 .box5 .con1 ul {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a6 .box5 .con1 ul .left_box {width: calc(50% - 15px); margin: 0;} #a6 .box5 .con1 ul .left_box .img_box {margin-bottom: 20px;} #a6 .box5 .con1 ul .left_box .img_box img {width: 100%;} #a6 .box5 .con1 ul .right_box {width: calc(50% - 15px);} #a6 .box5 .con1 ul .right_box img {width: 100%; margin-bottom: 20px;} #a6 .box5 .con1 ul .right_box img:last-child {margin-bottom: 0;} #a6 .box6 {position: relative; border: 1px solid #ddd; padding: 30px; padding-top: 50px;} #a6 .box6 .img_box {display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 30px;} #a6 .box6 .img_box img {width: calc(50% - 15px);} @media screen and (max-width: 1500px) { #a6 .product_box .text_box .main_tit {font-size: 33px;} #a6 .product_box .text_box .desc_box li h4 {font-size: 22px;} #a6 .product_box .text_box .desc_box .sub_tit {font-size: 22px;} } @media screen and (max-width: 1300px) { #a6 .product_box .text_box {padding: 30px;} } @media screen and (max-width: 1200px) { #a6 .product_box .img_box {width: 50%; padding: 120px 0;} #a6 .product_box .img_box .slide_box li img {max-width: 400px;} #a6 .con_box .con_tit {font-size: 23px;} #a6 .con_box .title_box .main_tit {font-size: 35px;} #a6 .con_box .title_box .desc {font-size: 23px;} #a6 .con_box .con1 ul li h4 {font-size: 23px;} #a6 .con_box .con2 ul li h4 {font-size: 23px;} } @media screen and (max-width: 960px) { #a6 .product_box {flex-wrap: wrap; border-radius: 0 150px 0 0;} #a6 .product_box .text_box {width: 100%; order: 2;} #a6 .product_box .img_box {width: 100%; padding: 50px 0;} #a6 .product_box .img_box .slide_box li img {max-width: 500px;} #a6 .con_box .title_box .main_tit {font-size: 30px;} #a6 .con_box .title_box .desc {font-size: 20px;} #a6 .con_box p {font-size: 18px;} #a6 .con_box .notice {font-size: 16px;} #a6 .con_box .con1 ul li h4 {font-size: 20px;} #a6 .con_box .con2 ul li h4 {font-size: 20px;} #a6 .box2 .con1 ul li ul li h5 {font-size: 20px;} #a6 .box2 .con1 ul li ul li p {font-size: 16px;} #a6 .box5 .con1 ul {flex-wrap: wrap;} #a6 .box5 .con1 ul .left_box, #a6 .box5 .con1 ul .right_box {width: 100%;} #a6 .box5 .con1 ul .right_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #a6 .box5 .con1 ul .right_box img {margin: 0; width: calc(50% - 15px);} } @media screen and (max-width: 640px) { #a6 {margin-bottom: 50px;} #a6 .product_box .text_box {padding: 20px;} #a6 .product_box .text_box .main_tit {font-size: 25px; margin-bottom: 20px;} #a6 .product_box .text_box .desc_box {margin-bottom: 20px;} #a6 .product_box .text_box .desc_box li h4 {font-size: 20px;} #a6 .product_box .text_box .desc_box li p {font-size: 16px;} #a6 .product_box .text_box ul {padding: 20px;} #a6 .product_box .text_box .desc_box .sub_tit {font-size: 20px;} #a6 .product_box .text_box .desc_box p {font-size: 16px;} #a6 .product_box .nav_box .swiper-button-next, #a6 .product_box .nav_box .swiper-button-prev {width: 40px;} #a6 .con_box .con_tit {font-size: 20px;} #a6 .con_box p {font-size: 16px;} #a6 .con_box .notice {font-size: 14px;} #a6 .con_box .table_box table {font-size: 16px;} #a6 .con_box .table_box table th, #a6 .con_box .table_box table td {padding: 10px;} #a6 .box6 {padding: 40px 20px 20px;} #a6 .box6 .img_box {flex-wrap: wrap; gap: 20px;} #a6 .box6 .img_box img {width: 100%;} #a6 .box6 .table_box {width: 100%; overflow-x: scroll;} #a6 .box6 .table_box table {min-width: 600px;} #a6 .con_box .con1 ul li {padding: 20px; flex-wrap: wrap; gap: 10px;} #a6 .con_box .con1 ul .flex_box .img_box {width: 100%;} #a6 .con_box .con1 ul .flex_box .text_box {width: 100%;} #a6 .con_box .con1 ul li h4 {font-size: 18px;} #a6 .con_box .con2 ul li h4 {font-size: 18px;} #a6 .con_box .con2 ul li {padding: 20px; flex-wrap: wrap; gap: 10px;} #a6 .con_box .con2 ul .flex_box .img_box {width: 100%;} #a6 .con_box .con2 ul .flex_box .text_box {width: 100%;} #a6 .con_box .title_box .main_tit {font-size: 25px;} #a6 .con_box .title_box .desc {font-size: 18px;} #a6 .box2 .con1 ul li ul {margin-top: 10px;} #a6 .box2 .con1 ul li ul li h5 {font-size: 18px;} #a6 .con_box .con1 .img_box2 {flex-wrap: wrap; gap: 20px; padding: 20px;} #a6 .con_box .con1 .img_box2 img {width: 100%;} #a6 .box5 .con1 ul .right_box {flex-wrap: wrap;} #a6 .box5 .con1 ul .right_box img {width: 100%;} } @media screen and (max-width: 450px) { #a6 .product_box .nav_box {display: none;} #a6 .product_box .img_box {border-radius: 0 100px 100px 0;} #a6 .product_box .img_box .slide_box li img {max-width: 85%;} } /* 렌탈장비 */ #b1 {width: 100%; margin: 0 auto 100px; color: #222;} #b1 .img_box img {width: 100%; max-width: 1000px; display: block; margin: 0 auto;} #b1 p {font-size: 20px; word-break: keep-all;} #b1 .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #b1 .flex_box .img_box {width: calc(50% - 15px);} #b1 .flex_box .img_box img {width: 100%;} #b1 .flex_box .text_box {width: calc(50% - 15px);} #b1 .flex_box .text_box h2 {font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800;} #b1 .flex_box .text_box h3 {font-size: 25px; font-weight: 800;} #b1 .flex_box .text_box .notice_box {margin-top: 30px;} #b1 .flex_box .text_box .notice_box h4 {font-size: 23px; font-weight: 800; color: #960000;} #b1 .flex_box .text_box .notice_box p {margin-bottom: 5px;} #b1 .flex_box .text_box .notice_box p:last-child {margin-bottom: 0;} #b1 ul {margin: 70px auto;} #b1 ul li {margin-bottom: 20px; border-radius: 30px; padding: 30px; background-color: #f5f5f5;} #b1 ul li:last-child {margin-bottom: 0;} #b1 ul li h4 {font-size: 23px; font-weight: 800; color: #006f70;} #b1 ul li p {} #b1 .flex_box2 {display: flex; justify-content: space-between; align-items: center; gap: 30px;} #b1 .flex_box2 .img_box {width: calc(50% - 15px);} #b1 .flex_box2 .img_box img {width: 100%;} #b1 .flex_box2 .video_box {width: calc(50% - 15px); aspect-ratio: 16 / 9;} #b1 .flex_box2 .video_box .youtube {width: 100%; aspect-ratio: 16 / 9;} #b1 .flex_box2 .text_box {width: calc(50% - 15px);} #b1 .flex_box2 .text_box h2 {font-size: 40px; line-height: 1.4; word-break: keep-all; color: #000; font-weight: 800; margin-bottom: 20px;} #b1 .flex_box2 .text_box p {} @media screen and (max-width: 960px) { #b1 p {font-size: 18px;} #b1 .flex_box {flex-wrap: wrap;} #b1 .flex_box .img_box {width: 100%;} #b1 .flex_box .text_box {width: 100%;} #b1 .flex_box .text_box h2 {font-size: 30px;} #b1 .flex_box .text_box .notice_box {margin-top: 20px;} #b1 .flex_box2 {flex-wrap: wrap;} #b1 .flex_box2 .video_box {width: 100%;} #b1 .flex_box2 .img_box {width: 100%;} #b1 .flex_box2 .text_box {width: 100%;} #b1 ul {margin: 50px auto;} #b1 .flex_box2 .text_box h2 {font-size: 30px;} } @media screen and (max-width: 640px) { #b1 {margin-bottom: 50px;} #b1 p {font-size: 16px;} #b1 .flex_box {gap: 20px;} #b1 .flex_box .text_box h2 {font-size: 25px;} #b1 .flex_box .text_box h3 {font-size: 20px;} #b1 .flex_box .text_box .notice_box h4 {font-size: 20px;} #b1 ul li h4 {font-size: 20px;} #b1 ul li {padding: 20px;} #b1 .flex_box2 {gap: 20px;} #b1 .flex_box2 .text_box h2 {font-size: 25px; margin-bottom: 10px;} } /* 인사말 */ #e1 {width: 100%; margin: 0 auto 100px; color: #222;} #e1 .title_box {position: relative; padding: 50px 0;} #e1 .title_box::after {content: ""; position: absolute; width: 100vw; top: 0; left: 0; background-color: #f5f5f5; height: 340px; z-index: -1;} #e1 .title_box::before {content: ""; position: absolute; height: 340px; top: 0; left: -150px; background-color: #f5f5f5; width: 150px; border-radius: 150px 0 0 150px; z-index: -1;} #e1 .title_box h2 {font-size: 60px; line-height: 1.5; color: #000; font-weight: 800; letter-spacing: -1px;} #e1 .title_box h2 span {color: #006f70;} #e1 .title_box h3 {font-size: 25px; margin-top: 10px; color: #666; word-break: keep-all;} #e1 .con_box {display: flex; justify-content: space-between; gap: 30px;} #e1 .con_box .text_box {width: calc(55% - 15px); margin-top: 60px;} #e1 .con_box .text_box p {font-size: 20px; word-break: keep-all; margin-bottom: 10px;} #e1 .con_box .text_box .ceo {font-size: 25px; color: #000; font-weight: 700; margin-top: 30px;} #e1 .con_box .img_box {width: calc(40% - 15px); margin-top: -250px;} #e1 .con_box .img_box img {width: 100%; border-radius: 30px;} @media screen and (max-width: 1400px) { #e1 .title_box::after {width: 80vw; left: auto; right: -20px;} #e1 .title_box::before {width: 20vw; left: 0;} #e1 .title_box {padding-left: 100px;} #e1 .con_box {padding-left: 100px;} } @media screen and (max-width: 1200px) { #e1 .title_box h2 {font-size: 50px;} #e1 .title_box::after, #e1 .title_box::before {height: 300px;} #e1 .con_box .text_box {padding-top: 30px;} #e1 .con_box .img_box {width: calc(45% - 15px);} } @media screen and (max-width: 960px) { #e1 .title_box {padding: 40px 0 0 100px;} #e1 .title_box h2 {font-size: 40px;} #e1 .title_box h3 {font-size: 20px;} #e1 .title_box::after, #e1 .title_box::before {height: 250px;} #e1 .con_box .text_box {margin-top: 80px;} #e1 .con_box .text_box p {font-size: 16px;} #e1 .con_box .text_box .ceo {font-size: 20px;} #e1 .con_box .img_box {margin-top: -120px;} } @media screen and (max-width: 840px) { #e1 .title_box {padding-left: 0; text-align: center;} #e1 .title_box::after {width: 100vw;} #e1 .title_box::before {display: none;} #e1 .con_box {flex-wrap: wrap; margin-top: 80px; padding-left: 0;} #e1 .con_box .text_box {width: 100%; margin-top: 0; order: 2;} #e1 .con_box .text_box p {font-size: 18px;} #e1 .con_box .img_box {width: 100%; margin-top: 0;} #e1 .con_box .img_box img {height: 50vw; object-fit: cover;} } @media screen and (max-width: 640px) { #e1 {margin-bottom: 50px;} #e1 .title_box::after {height: 200px;} #e1 .title_box h2 {font-size: 30px;} #e1 .title_box h3 {font-size: 15px;} #e1 .con_box .text_box p {font-size: 16px;} } /* 오시는 길 */ #e2 {width: 100%; margin: 0 auto 100px; color: #222;} #e2 #daumRoughmapContainer1747116477491 {width: 100%; border-bottom: 1px solid #ddd; border-radius: 30px;} #e2 #daumRoughmapContainer1747116477491 .wrap_controllers {display: none;} #e2 .flex_box {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; gap: 10px;} #e2 .flex_box li {width: 50%;} #e2 .flex_box .text_box {} #e2 .flex_box .text_box .title {font-size: 35px; margin-bottom: 40px;} #e2 .flex_box .text_box .sub_text {display: flex; align-items: center; gap: 10px; margin-bottom: 20px;} #e2 .flex_box .text_box .sub_text:last-child {margin-bottom: 0;} #e2 .flex_box .text_box .sub_text img {width: 100%; max-width: 35px;} #e2 .flex_box .text_box .sub_text strong {font-size: 18px;} #e2 .flex_box .text_box .sub_text span {font-size: 16px; color: #666; word-break: keep-all;} #e2 .flex_box .img_box {} #e2 .flex_box .img_box img {width: 100%; border-radius: 30px;} #e2 .root_daum_roughmap .cont {display: none;} @media screen and (max-width: 1200px) { #e2 .flex_box {align-items: flex-end;} } @media screen and (max-width: 960px) { #e2 .flex_box {flex-wrap: wrap; gap: 30px;} #e2 .flex_box li {width: 100%;} } @media screen and (max-width: 640px) { #e2 {margin-bottom: 50px;} #e2 .flex_box {margin-bottom: 30px;} #e2 .flex_box .text_box .title {font-size: 25px; margin-bottom: 20px;} #e2 .flex_box .text_box .sub_text strong {font-size: 16px;} #e2 .flex_box .text_box .sub_text span {font-size: 14px; line-height: 1.2;} #e2 #daumRoughmapContainer1747116477491 .wrap_map {height: 260px!important;} }