@font-face {
 font-family: "eulyoo_reg";
 src: url(../font/Eulyoo1945-Regular.ttf);
}

@font-face {
 font-family: "eluyoo_semi";
 src: url(../font/Eulyoo1945-SemiBold.ttf);
}

:root {
 --pre: "Pretendard variable", sans-serif;
 --gray80: #808080;
 --grayb2: #b2b2b2;
 --grayd9: #d9d9d9;
 --gray66: #666666;
 --black1: #1a1a1a;
 --fs60: 60px;
 --fs24: 24px;
}

body {
 font-family: var(--eu1945);
 font-weight: 400;
}

main {
 line-height: 1.5;
}

body:not(:has(#fullpage)) .header_wrap .nav ul li a {
 color: var(--black1);
}

body:not(:has(#fullpage)) .header_wrap .nav .lang {
 color: var(--black1);
}

body:not(:has(#fullpage)) .ham .line {
 background-color: var(--black1);
}

.sub1_1 .s1_1 {
 width: 100%;
 position: relative;
 margin-bottom: 10%;
}

#sub_1 .s1_1 img {
 display: block;
 margin: 0 auto;
 width: 100%;
}

#sub_1 .s1_1_txt {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 color: #fff;
 text-align: center;
}

#sub_1 .s1_1_txt img {
 max-width: 15rem;
}

#sub_1 .s1_1_txt p {
 font-size: 22px;
 font-weight: 400;
 letter-spacing: -0.8px;
 margin-top: 54px;
 color: var(--grayd9);
}

#sub_1 .s1_2 {
 display: flex;
 flex-direction: column;
 align-items: center;
 text-align: center;
 gap: 2rem;
}

.sub1_1 .s1_2 {
 margin-bottom: 10%;
}

#sub_1 .s1_2 h3 {
 font-size: var(--fs60);
 letter-spacing: -0.8px;
 line-height: 1.25;
 font-weight: 400;
}

#sub_1.s1_2 span {
 width: 45px;
 height: 3px;
 display: block;
 background-color: #000;
}

#sub_1 .s1_2 p {
 font-size: var(--fs24);
 letter-spacing: -0.8px;
 color: var(--gray80);
 font-weight: 400;
}

.sub1_1 .s1_3 {
 margin-bottom: 10.6%;
}

.sub1_1 .s1_3 .tab_wrap {
 text-align: center;
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 3.5rem;
 margin-bottom: 70px;
}

.sub1_1 .s1_3 .tab {
 border: 1px solid #b2b2b2;
 padding: 1rem 4rem;
 font-size: 1.25rem;
 color: var(--grayb2);
 display: flex;
 align-items: center;
 justify-content: center;
 font-family: var(--pre);
 font-weight: 300;
 cursor: pointer;
}

/* tab on cont on class setting */
.tab_on {
 background-color: #000;
 color: var(--wc) !important;
 font-weight: 600 !important;
}

.cont_on {
 opacity: 1;
 visibility: visible;
 transition: visibility 0s 0s;
}

/* tab on cont on class setting */

.sub1_1 .s1_3 .tab_cont_wrap {
 position: relative;
 max-width: 1640px;
 padding-inline: 20px;
 margin: 0 auto;
}

.sub1_1 .s1_3 .tab_content {
 position: relative;
 width: 100%;
 height: 520px;
 overflow: hidden;
}

.sub1_1 .s1_3 .tab_item {
 width: 100%;
 height: 100%;
 position: absolute;
 transition: opacity 0.5s ease, visibility 0.5s;
}

.sub1_1 .s1_3 .tab_item img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.sub1_1 .s1_3 .tab_txt {
 width: 90%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 text-align: center;
 color: #fff;
}

.sub1_1 .s1_3 .tab_txt h3 {
 font-size: var(--fs60);
 font-weight: 400;
 letter-spacing: -0.8px;
 margin-bottom: 30px;
}

.sub1_1 .s1_3 .tab_txt p {
 font-family: var(--pre);
 font-size: 1.375rem;
 line-height: 1.3;
 font-weight: 300;
}

.sub1_1 .s1_4 {
 max-width: 1640px;
 padding-inline: 20px;
 margin: 0 auto;
}

.sub1_1 .info {
 display: flex;
 align-items: center;
 gap: 120px;
 font-family: var(--pre);
 font-size: 1.375rem;
 letter-spacing: -0.8px;
 font-weight: 300;
 padding-inline: 90px;
 padding-block: 24px;
}

.sub1_1 .info .left {
 display: flex;
 align-items: center;
 gap: 20px;
}

.sub1_1 .info .left .bold {
 font-weight: 600;
}

.sub1_1 .info_T {
 border-top: 1px solid #1a1a1a;
}

.sub1_1 .info_B {
 border-top: 1px solid #808080;
 border-bottom: 1px solid #808080;
}

.sub1_1 .info_B .right {
 display: flex;
 align-items: center;
 width: calc(100% - 325px);
 gap: 30%;
}

.sub1_1 .s1_5 {
 max-width: 1640px;
 padding-inline: 20px;
 margin: 0 auto;
 margin-top: 58px;
 margin-bottom: 9.3%;
}

.sub1_1 .s1_5 .flex_wrap {
 display: flex;
 flex-wrap: wrap;
 gap: 3rem;
}

.sub1_1 .s1_5 .flex_item {
 background-color: #f7f7f7;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 gap: 2rem;
 text-align: center;
 width: 360px;
 height: 360px;
 border-radius: 1rem;
 transition: 0.5s;
 padding: 1.25rem;
}

.sub1_1 .s1_5 .flex_item:hover {
 transform: scale(1.05);
 transition: 0.5s;
}

.sub1_1 .s1_5 .flex_item p {
 font-size: 20px;
 font-weight: 300;
 letter-spacing: -0.8px;
 color: #666;
 font-family: var(--pre);
}

.sub1_1 .s1_5 .flex_item h4 {
 color: var(--black1);
 font-size: var(--fs24);
 letter-spacing: -0.4px;
}

.sub1_1 .s1_5 .flex_item img {
 width: 100px;
 height: 100px;
 display: block;
 margin: 0 auto;
}

.sub1_1 .s1_5 .flex_last .fs16 {
 font-size: 0.9rem;
}

/* sub1-1  회사소개 end*/
.sub1_2 .s1_1 {
 margin-bottom: 140px;
}

.sub1_2 .s1_2 {
 margin-bottom: 10%;
}

.sub1_2 .s1_3 .tab_wrap {
 text-align: center;
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 2.5rem;
 margin-bottom: 70px;
}

.sub1_2 .s1_3 .tab {
 border: 1px solid #b2b2b2;
 padding-block: 1rem;
 font-size: 1.25rem;
 color: var(--grayb2);
 display: flex;
 align-items: center;
 justify-content: center;
 font-family: var(--pre);
 font-weight: 300;
 cursor: pointer;
 width: 300px;
}

.sub1_2 .s1_3 {
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}

.sub1_2 .s1_3 .tab_cont_wrap {
 position: relative;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}

.sub1_2 .s1_3 .tab_content {
 position: relative;
 width: 100%;
 display: block;
 contain: layout;
}

.sub1_2 .s1_3 .tab_item {
 position: absolute;
 overflow: hidden;
}

.sub1_2 .s1_3 .tab_item.cont_on {
 position: relative;
 visibility: visible;
 opacity: 1;
 z-index: 99;
 transition: 0.5s;
}

.sub1_2 .tab_item1 {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

.sub1_2 .tab_item1 .tab_txt {
 width: 100%;
}

.sub1_2 .tab_item1 .tab_txt h3 {
 font-size: var(--fs60);
 font-weight: 400;
 letter-spacing: -0.5px;
 line-height: 1.2;
 margin-block: 40px;
 margin-bottom: 40px;
 text-align: center;
}

.sub1_2 .tab_txt .tab_main_p {
 font-size: var(--fs24);
 letter-spacing: -0.8px;
 font-weight: 400;
 text-align: center;
 color: var(--gray80);
 margin-bottom: 150px;
}

.sub1_2 .s1_3 .tab_item {
 visibility: hidden;
 opacity: 0;
}

.sub1_2 .s1_3 .tab_item1 .flx_wrap {
 width: 100%;
 max-width: 1440px;
 padding-inline: 20px;
 margin: 0 auto;
 display: flex;
 gap: 25px;
 flex-wrap: wrap;
 margin-bottom: 21.5%;
}

.sub1_2 .s1_3 .tab_txt .flx_item {
 text-align: center;
 background-color: #f7f7f7;
}

.sub1_2 .s1_3 .tab_txt .flx_item {
 padding-inline: 55px;
 padding-block: 40px;
 border-radius: 1rem;
 flex: 1;
}

.sub1_2 .s1_3 .tab_txt .flx_item h4 {
 margin-block: 28px 0;
 font-size: 3rem;
 letter-spacing: -0.4px;
}

.sub1_2 .tab_item1 .tab_txt .fs26 {
 font-family: var(--pre);
 font-size: 1.375rem;
 font-weight: 300;
 margin-bottom: 0;
}

.sub1_2 .tab_txt2 {
 width: 100%;
 text-align: center;
}

.sub1_2 .tab_txt2 h3 {
 font-size: var(--fs60);
 letter-spacing: -0.4px;
 font-weight: 400;
 margin-block: 0 40px;
}

.sub1_2 .tab_txt2 p {
 font-size: var(--fs24);
 letter-spacing: -0.8px;
 color: var(--gray80);
 margin-bottom: 55px;
}

.sub1_2 .graph {
 display: block;
 margin: 0 auto;
 max-width: 60%;
 margin-bottom: 15%;
}

.sub1_2 .tab_txt3 .flx_wrap {
 width: 100%;
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}

.sub1_2 .tab_txt3 .flx_item {
 flex: 1;
}

.sub1_2 .tab_txt3 h3 {
 font-size: 40px;
 letter-spacing: -0.8px;
 font-weight: 400;
}

.sub1_2 .tab_txt3 span {
 width: 100%;
 height: 1px;
 display: block;
 background-color: #9d9d9e;
 margin-block: 20px 26px;
}

.sub1_2 .tab_txt3 p {
 font-size: 1.25rem;
 letter-spacing: -0.4px;
 font-weight: 300;
 font-family: var(--pre);
 line-height: 1.5;
}

.sub1_2 .tab_logo {
 display: block;
 margin: 0 auto;
}

.sub1_2 .tab_item2 {
 margin-bottom: 19.2%;
}

.sub1_2 .tab_item2 .tab_txt {
 width: 100%;
 text-align: center;
}

.sub1_2 .tab_item2 .tab_txt h3 {
 margin-block: 40px;
 font-size: var(--fs60);
 letter-spacing: -0.4px;
 font-weight: 400;
}

.sub1_2 .tab_item2 .tab_txt2 {
 margin-bottom: 13.5%;
 position: relative;
}

.sub1_2 .tab_item2 .ocean {
 width: 100%;
 display: block;
}

.sub1_2 .tab_item2 .tab_txt2 .txt_wrap {
 width: 100%;
 position: absolute;
 top: 53%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.sub1_2 .tab_item2 .tab_txt3 {
 width: 100%;
 text-align: center;
}

.sub1_2 .tab_item2 .tab_txt3 h3 {
 font-size: var(--fs60);
 letter-spacing: -0.4px;
 font-weight: 400;
}

.sub1_2 .tab_item2 .tab_txt3 p {
 font-size: var(--fs24);
 letter-spacing: -0.8px;
 font-weight: 400;
 font-family: var(--eu1945);
 color: var(--gray80);
 margin-block: 40px 60px;
}

.sub1_2 .tab_item2 .map {
 display: block;
 margin: 0 auto;
 max-width: 100%;
}

/* sub1 _2 end */
.sub1_3 .s1_1 {
 margin-bottom: 140px;
}

.sub1_3 .s1_2 {
 margin-bottom: 100px;
}

.sub1_3 .s1_3 {
 margin-bottom: 13.5%;
}

.sub1_3 .s1_3 .grid_wrap {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 padding-inline: 20px;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(208px, auto));
 gap: 80px;
}

.sub1_3 .s1_3 .grid_item {
 font-family: var(--pre);
 text-align: center;
}

.sub1_3 .s1_3 .grid_item img {
 filter: drop-shadow(3px 4px 3px rgba(0, 0, 0, 0.15));
 margin-bottom: 26px;
}

.sub1_3 .s1_3 .grid_item p {
 font-size: 17px;
 font-weight: 500;
 letter-spacing: -0.4px;
 color: #4c4948;
}

/* SUB 1_3 END */

.sub1_4 .s1_1 {
 margin-bottom: 140px;
}

.sub1_4 .s1_2 {
 margin-bottom: 75px;
}

.sub1_4 .s1_3 {
 display: flex;
 flex-direction: column;
 width: 100%;
 max-width: 1640px;
 padding-inline: 20px;
 margin: 0 auto;
 font-family: var(--pre);
 padding-bottom: 15%;
}

.sub1_4 .s1_3 .info {
 display: flex;
 align-items: center;
}

.sub1_4 .s1_3 .info p {
 font-size: 1.5rem;
 letter-spacing: -0.4px;
}

.sub1_4 .s1_3 .info .tel {
 padding-inline: 8.5% 21.5%;
}

.sub1_4 .s1_3 .infoT {
 border-top: 1px solid #1a1a1a;
 padding-block: 22px;
 border-bottom: 1px solid #808080;
 padding-inline: 95px 40px;
}

.sub1_4 .s1_3 .ic {
 display: flex;
 align-items: center;
 gap: 23px;
}

.sub1_4 .ic_wrap {
 display: flex;
 align-items: center;
 padding-block: 22px;
 font-size: 1.5rem;
 letter-spacing: -0.4px;
 border-bottom: 1px solid #808080;
 margin-bottom: 42px;
}

.sub1_4 .ic {
 display: flex;
 gap: 2rem;
}

.sub1_4 .map_wrap {
 display: flex;
 gap: 40px;
}

.sub1_4 .map {
 flex: 1;
 border-bottom: 1px solid #808080;
}

.sub1_4 .map iframe {
 width: 100%;
 height: 400px;
}

/* sub 1-4 end */
#sub_2 .s1_1 {
 margin-bottom: 8rem;
}

#sub_2 .s1_1 img {
 width: 100%;
 margin: 0 auto;
 display: block;
}

#sub_2 .s1_2 {
 margin-bottom: 5rem;
 text-align: center;
}

#sub_2 .s1_2 img {
 width: 100%;
 margin: 0 auto;
 display: block;
}

#sub_2 .s1_2 h3 {
 font-size: var(--fs60);
 font-weight: 400;
 line-height: 1.4;
 color: var(--black1);
 margin-bottom: 45px;
}

#sub_2 .s1_2 p {
 font-size: 1.5rem;
 font-family: var(--pre);
 font-weight: 300;
 color: var(--gray80);
}

#sub_2 .sub2_Swiper {
 margin-block: 10rem 5rem;
 position: relative;
}

.sub2_Swiper .swiper-pagination-fraction {
 bottom: 0;
}

.sub2_Swiper .swiper-slide {
 width: 100%;
 margin: 0 auto;
 padding-block: 2rem 3.25rem;
 scale: 0.8;
}

.sub2_Swiper .swiper-button-next,
.swiper-button-prev {
 color: black;
}

.sub2_Swiper .swiper-slide-active {
 scale: 1;
 transition: 0.3s;
}

#sub_2 .swiper-slide .inner {
 display: flex;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.sub2_Swiper .txt_wrap {
 display: flex;
 flex-direction: column;
 padding: 4rem;
 gap: 3rem;
}

.sub2_Swiper .txt_wrap .title {
 display: flex;
 align-items: center;
}

.sub2_Swiper .txt_wrap .cont p {
 font-size: 1.25rem;
 font-weight: 300;
 font-family: var(--pre);
 color: #666;
}

.sub2_Swiper .txt_wrap h4 {
 font-weight: 400;
 font-size: 45px;
 letter-spacing: -0.4px;
}

.sub2_Swiper .txt_wrap span {
 width: 1px;
 height: 3rem;
 display: block;
 background-color: var(--black1);
 margin-inline: 1.25rem;
}

.sub2_Swiper .txt_wrap h2 {
 font-size: 3rem;
 font-weight: 400;
 letter-spacing: -0.4px;
}

.sub2_Swiper .txt_wrap h3 {
 display: none;
 font-size: 30px;
 font-weight: 400;
 margin-top: 26px;
}

/* sub2 -1 진행 중 */
.sub2_2 .tab_wrap,
.sub2_4 .tab_wrap {
 width: 100%;
 padding-inline: 20px;
 display: flex;
 margin: 0 auto;
 justify-content: center;
 gap: 40px;
 text-align: center;
 cursor: pointer;
}

.sub2_2 .tab,
.sub2_4 .tab {
 width: 280px;
 height: 70px;
 align-content: center;
 font-size: 1.25rem;
 letter-spacing: -0.4px;
 font-family: var(--pre);
 border: 1px solid #b2b2b2;
 color: var(--grayb2);
}

.sub2_2 .tab.tab_on,
.sub2_4 .tab.tab_on {
 font-family: var(--pre);
 border: none;
}

.sub2_2 .tab_txt h3,
.sub2_4 .tab_txt h3 {
 font-size: 3rem;
 letter-spacing: -0.8px;
 font-weight: 400;
 text-align: center;
 margin-block: 157px 0;
 margin-bottom: 90px;
 position: relative;
}

.sub2_2 .tab_txt h3::before {
 position: absolute;
 bottom: -0.5rem;
 background: #000;
 width: 20%;
 height: 2px;
 left: 50%;
 transform: translateX(-50%);
 display: block;
 content: "";
}

.s1_3 .tab_cont_wrap {
 position: relative;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}

#sub_2 .s1_3 .tab_content {
 position: relative;
 width: 100%;
 display: block;
 contain: layout;
}

#sub_2 .s1_3 .tab_item {
 position: absolute;
 overflow: hidden;
 transition: 0s;
 padding-bottom: 7%;
}

#sub_2 .s1_3 .tab_item.cont_on {
 position: relative;
 opacity: 1;
 z-index: 2;
 transition: opacity 0.5s;
}

#sub_2 .tab_item1 {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

.sub2_2 .tab_item1 .tab_txt {
 width: 100%;
}

.sub2_2 .tab_item1 .tab_txt h3 {
 font-size: var(--fs60);
 font-weight: 400;
 letter-spacing: -0.5px;
 line-height: 1.2;
 margin-block: 40px;
 margin-bottom: 40px;
 text-align: center;
}

.sub2_2 .s1_3 .tab_item.cont_on {
 position: relative;
 visibility: visible;
 opacity: 1;
 z-index: 99;
 transition: 0.5s;
}

.sub2_2 .s1_3 .grid_wrap {
 display: grid;
 max-width: 1640px;
 margin: 0 auto;
 padding-inline: 20px;
 grid-template-columns: repeat(auto-fill, minmax(780px, auto));
 gap: 40px;
}

.sub2_2 .s1_3 .grid_item {
 background-color: #f7f7f7;
 padding-block: 75px;
 padding-inline: 60px;
 border-radius: 1.2rem;
}

.sub2_2 .grid_item h4 {
 font-size: 2.5rem;
 letter-spacing: -0.4px;
 font-weight: 400;
 margin-bottom: 20px;
}

.sub2_2 .grid_item p {
 font-size: 1.25rem;
 font-family: var(--pre);
 font-weight: 300;
 line-height: 1.5;
 letter-spacing: -0.4px;
 color: var(--gray66);
}

#sub_2 .s1_3 .bk {
 background-color: var(--black1);
 color: #fff;
}

#sub_2 .s1_3 .bk .grid_item {
 background-color: var(--black1);
 border: 1px solid #fff;
}

.sub2_2 .grid_item .tit {
 display: flex;
 width: 100%;
 align-items: center;
 justify-content: space-between;
}

.sub2_2 .grid_item span {
 width: 100%;
 height: 1px;
 background-color: #9d9d9e;
 display: block;
 margin-block: 26px;
}

.sub2_2 #content3 p {
 color: #666;
 line-height: 1.5;
 margin-right: 1rem;
}

.sub2_2 #content3 .grid_item {
 background-color: #fff;
 padding-block: 0 100px;
 padding-inline: 15px;
}

/* sub 2 -2end */

.sub2_3 .s3 {
 position: relative;
}

.sub2_3 .s3 img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
}

.sub2_3 .txt_wrap {
 text-align: center;
 font-family: var(--pre);
 position: absolute;
 bottom: 0%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.sub2_3 .txt_wrap p {
 color: #4d4d4d;
 font-size: 20px;
 letter-spacing: -0.8px;
 font-weight: 300;
 margin-bottom: 70px;
}

.sub2_3 .txt_wrap h5 {
 color: var(--gray80);
 font-size: 1.5rem;
 font-weight: 300;
}

.sub2_3 .s4 {
 padding-bottom: 15%;
}

.sub2_3 .s4 h3 {
 font-size: 50px;
 font-weight: 400;
 letter-spacing: -0.8px;
 text-align: center;
 margin-block: 167px 84px;
}

.sub2_3 .s4 .grid_wrap {
 max-width: 1640px;
 margin: 0 auto;
 padding-inline: 20px;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(365px, auto));
 column-gap: 45px;
 row-gap: 70px;
}

.sub2_3 .s4 .grid_item {
 position: relative;
 padding-block: 25px;
 border-top: 1px solid #9d9d9e;
}

.sub2_3 .s4 .grid_item img {
 position: absolute;
 right: 0;
 top: -3rem;
}

.sub2_3 .s4 .grid_item h4 {
 margin-bottom: 1rem;
 font-size: 2rem;
 letter-spacing: -0.4px;
 font-weight: 400;
 color: var(--black1);
}

.sub2_3 .s4 .grid_item p {
 font-family: var(--pre);
 color: #666;
 font-size: 20px;
 font-weight: 300;
 line-height: 1.4;
 letter-spacing: -0.4px;
}

.sub2_4 .grid_wrap {
 max-width: 1640px;
 margin: 0 auto;
 padding-inline: 20px;
 padding-top: 8rem;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(360px, auto));
 column-gap: 45px;
 row-gap: 70px;
}

.sub2_4 .grid_wrap .grid_item {
 border: 1px solid #e5e5e5;
 padding: 1rem;
 border-radius: 12px;
 aspect-ratio: 1;
}

.sub2_4 .grid_wrap .grid_item:hover {
 background: #1a1a1a;
 transition: 0.3s;

 * {
  color: white;
 }
}

.sub2_4 .grid_wrap .grid_item h4 {
 font-size: 3rem;
 letter-spacing: -1px;
 font-family: var(--pre);
 font-weight: 500;
 color: #e5e5e5;
}

.sub2_4 .grid_wrap .grid_item h5 {
 font-size: 1.75rem;
 letter-spacing: -0.75px;
 font-weight: 400;
}

.sub2_4 .grid_wrap .grid_item p {
 font-family: var(--pre);
 max-width: 93%;
 margin-top: 0.9rem;
 color: var(--gray66);
}

#sub_3 .s3_1 {
 margin-bottom: 8rem;
}

#sub_3 .s3_1 img {
 margin: 0 auto;
 width: 100%;
 display: block;
}

#sub_3 .s3_2 {
 margin-bottom: 10rem;
 text-align: center;
}

#sub_3 .s3_2 h3 {
 font-size: var(--fs60);
 font-weight: 400;
 line-height: 1.4;
 color: var(--black1);
 margin-bottom: 45px;
}

#sub_3 .s3_2 p {
 font-size: 1.5rem;
 font-weight: 300;
 color: var(--gray80);
}

#sub_3 .more {
 display: inline-flex;
 align-items: center;
 position: relative;
 margin-block: 3.75rem 6rem;

 a {
  color: rgb(0, 0, 0);
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;

  i {
   position: relative;
   margin-left: 1.5rem;
   display: inline-block;
   padding-bottom: 3px;
   left: 0;

   img {
    vertical-align: middle;
   }
  }

  .circle {
   aspect-ratio: 1;

   background: rgb(0, 0, 0, 0.1);
   width: 36px;
   display: inline-block;
   content: "";
   border-radius: 50%;
   margin-left: -1rem;
  }
 }
}

#sub_3 .grid_wrap {
 display: grid;
 max-width: 1640px;
 padding-inline: 20px;
 margin: 0 auto;
 gap: 3.5rem;
 grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

#sub_3 .grid_wrap li {
 position: relative;
 aspect-ratio: 1;
}

#sub_3 .grid_wrap li:hover .desc {
 opacity: 1;
 transition: 0.3s;
}

#sub_3 .grid_wrap li .desc {
 position: absolute;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 inset: 0;
 gap: 1.25rem;
 background: #1a1a1a;
 opacity: 0;
}

#sub_3 .grid_wrap li .desc p {
 font-size: 1.5rem;
 color: var(--grayb2);
}

#sub_3 .grid_wrap li .desc .line {
 height: 1px;
 background: white;
 width: 50%;
}

#sub_3 .grid_wrap li .desc h5 {
 color: white;
 font-size: 1.875rem;
 display: block;
 max-width: 90%;
 line-height: 1.3;
 font-weight: 600;
 font-family: var(--pre);
}

#sub_3 .s3_3 {
 background: #1a1a1a;
 padding-block: 8.6rem 10rem;
}

#sub_3 .s3_3 h3 {
 color: white;
 font-size: var(--fs60);
 text-align: center;
 padding-bottom: 4rem;
}

#sub_3 .s3_3 .flex_wrap {
 display: flex;
 gap: 1.12rem;
 max-width: 1400px;
 margin: 0 auto;
 flex-wrap: wrap;
}

#sub_3 .s3_3 .flex_wrap li {
 display: flex;
 flex: 1 0 450px;
 flex-direction: column;
 padding: 2rem 1.5rem 2.5rem;
 background: #f7f7f7;
 border-radius: 10px;
 margin: 0 auto;
}

#sub_3 .s3_3 .flex_wrap li .iconbox {
 display: flex;
 justify-content: flex-end;
 mix-blend-mode: multiply;
}

#sub_3 .s3_3 .flex_wrap li h5 {
 display: block;
 width: 100%;
 margin-top: 0.5rem;
 padding-bottom: 1rem;
 font-size: 2.5rem;
 font-weight: 400;
 border-bottom: 1px solid #9d9d9e;
 letter-spacing: -0.8px;
}

#sub_3 .s3_3 .flex_wrap li p {
 margin-top: 1.5rem;
 font-size: 1.25rem;
 color: #666;
 font-weight: 300;
 letter-spacing: -0.5px;
 max-width: 92%;
}

#sub_3 .s3_2 .tab_cont_wrap {
 margin-top: 7rem;
}

#sub_3 .s3_2 .tab_item {
 position: absolute;
 overflow: hidden;
 transition: 0s;
 padding-bottom: 7%;
 visibility: hidden;
 opacity: 0;
}

#sub_3 .s3_2 .tab_item.cont_on {
 position: relative;
 opacity: 1;
 z-index: 2;
 visibility: visible;
 transition: opacity 0.5s;
}

.black_btn {
 margin-top: 8rem;
 display: inline-flex;
 align-items: center;
 padding: 1rem 2rem;
 text-align: center;
 border-radius: 5rem;
 color: white;
 background: #1a1a1a;
 font-family: var(--pre);
 font-size: 1.25rem;
}

.call img {
 max-width: 2rem;
 margin-right: 0.85rem;
}

.s4_3 {
 padding-bottom: 10rem;
}

.s4_3 img {
 display: block;
 margin: 0 auto;
 max-width: 100%;
}

.sub4_4 .s4_3 .flex_wrap {
 display: flex;
 flex-direction: column;
 max-width: 1640px;
 padding-inline: 20px;
 margin: 0 auto;
 gap: 7rem;
}

.sub4_4 .s4_3 .flex_wrap li {
 display: flex;
 flex: 1;
 gap: 2.5rem;
 align-items: center;
 line-height: 1.3;
}

.sub4_4 .s4_3 .flex_wrap li:nth-of-type(2) {
 flex-direction: row-reverse;
}

.sub4_4 .s4_3 .flex_wrap li:nth-of-type(2) .desc {
 text-align: right;
}

.sub4_4 .s4_3 .flex_wrap li span {
 font-weight: 700;
 color: #e5e5e5;
 font-size: 2rem;
 letter-spacing: -0.4px;
 display: block;
 font-family: var(--pre);
}

.sub4_4 .s4_3 .flex_wrap li h3 {
 font-size: 2.5rem;
 margin-block: 0.25rem 0.62rem;
}

.sub4_4 .s4_3 .flex_wrap li p {
 font-size: var(--fs24);
}

@media screen and (max-width: 1281px) {
 .sub_wrap .sub_title h2 {
  font-size: 3.5rem;
 }

 .sub_wrap .sub_title p {
  font-size: 24px;
 }

 .sub1_1 .s1_2 {
  margin-bottom: 7%;
 }

 #sub_1 .s1_2 {
  gap: 1.5rem;
 }

 #sub_1 .s1_2 h3 {
  font-size: 48px;
 }

 #sub_1 .s1_2 p {
  font-size: 22px;
  line-height: 1.5;
 }

 .sub1_1 .s1_3 .tab_cont_wrap {
  padding-inline: 0;
 }

 .sub1_1 .s1_3 .tab_txt h3 {
  font-size: 48px;
 }

 .sub1_1 .s1_3 .tab_txt p {
  font-size: 20px;
  line-height: 1.5;
 }

 .sub1_1 .s1_5 .flex_wrap {
  gap: 2rem;
 }

 .sub1_2 .tab_item1 .tab_txt h3 {
  font-size: 48px;
 }

 .sub1_2 .tab_txt .tab_main_p {
  font-size: 22px;
  line-height: 1.5;
 }

 .sub1_2 .s1_3 .tab_txt .flx_item h4 {
  font-size: 2.5rem;
 }

 .sub1_2 .s1_3 .tab_item1 .flx_wrap {
  margin-bottom: 15%;
 }

 .sub1_2 .tab_txt3 h3 {
  font-size: 2.5rem;
 }

 .sub1_2 .tab_item2 .tab_txt h3 {
  font-size: 48px;
 }

 .sub1_2 .tab_item2 .tab_txt2 {
  margin-bottom: 10.5%;
 }

 .sub1_2 .tab_txt2 h3 {
  font-size: 48px;
 }

 .sub1_2 .tab_txt2 p {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 0;
 }

 .sub1_2 .tab_item2 .tab_txt3 h3 {
  font-size: 48px;
 }

 .sub1_2 .tab_item2 .tab_txt3 p {
  margin-block: 28px 48px;
 }

 .sub1_4 .s1_3 .info p {
  font-size: 22px;
 }

 .sub1_4 .ic_wrap {
  font-size: 22px;
 }

 .sub1_4 .s1_3 .info .tel {
  padding-inline: 9.5% 21.5%;
 }

 #sub_2 .s1_2 h3 {
  font-size: 48px;
 }

 #sub_2 .s1_2 p {
  font-size: 22px;
  line-height: 1.5;
 }

 #sub_2 .sub2_Swiper {
  padding-inline: 20px;
 }

 #sub_3 .s3_2 h3 {
  font-size: 48px;
 }

 #sub_3 .s3_2 p {
  font-size: 22px;
  line-height: 1.5;
 }

 .g5_sub .sub_wrap {
  padding: 90px 0px 0;
 }

 .g5_sub .sub_wrap .sub_title h2 {
  font-size: 48px;
 }
}

@media screen and (max-width: 1025px) {
 .sub_wrap .sub_title h2 {
  font-size: 3rem;
 }

 .sub_wrap .sub_title p {
  font-size: 22px;
 }

 #sub_1 .s1_2 {
  gap: 1rem;
 }

 #sub_1 .s1_2 h3 {
  font-size: 40px;
 }

 #sub_1 .s1_2 p {
  font-size: 20px;
  line-height: 1.6;
 }

 #sub_1 .s1_1_txt {
  width: 100%;
 }

 .sub1_1 .s1_3 .tab_content {
  height: 65vh;
 }

 .sub1_1 .s1_3 .tab_txt h3 {
  font-size: 40px;
 }

 .sub1_1 .info_B .right {
  flex-direction: column;
  align-items: start;
 }

 .sub1_1 .s1_5 .flex_item {
  width: 300px;
  height: 300px;
 }

 .sub1_2 .tab_item1 .tab_txt h3 {
  font-size: 40px;
  margin-block: 32px;
 }

 .sub1_2 .tab_txt .tab_main_p {
  font-size: 20px;
  line-height: 1.5;
 }

 .sub1_2 .tab_txt2 h3 {
  font-size: 40px;
  margin-block: 0 32px;
 }

 .sub1_2 .graph {
  max-width: 100%;
  padding-inline: 20px;
 }

 .sub1_2 .tab_txt3 h3 {
  font-size: 1.5rem;
 }

 .sub1_2 .tab_txt3 p {
  font-size: 1rem;
 }

 .sub1_2 .s1_3 .tab_txt .flx_item h4 {
  font-size: 2rem;
 }

 .sub1_2 .s1_3 .tab_txt .flx_item {
  padding-inline: 2rem;
 }

 .sub1_3 .sub_wrap .sub_title h2 {
  font-size: 40px;
 }

 .sub1_4 .s1_3 .info .tel {
  padding-inline: 5.5% 15.5%;
 }

 .sub1_4 .s1_3 .infoT {
  padding-inline: 0;
 }

 .sub1_4 .s1_3 .info p {
  font-size: 20px;
 }

 .sub1_4 .s1_3 .ic {
  margin-left: 0 !important;
 }

 .sub1_4 .ic_wrap {
  font-size: 20px;
 }

 .sub1_4 .map_wrap {
  flex-direction: column;
 }

 #sub_2 .s1_2 h3 {
  font-size: 40px;
  margin-bottom: 32px;
 }

 #sub_2 .s1_2 p {
  font-size: 20px;
  line-height: 1.6;
 }

 .sub2_3 .s4 h3 {
  font-size: 40px;
 }

 #sub_2 .swiper-slide .inner > img {
  display: block;
  object-fit: cover;
  width: 50%;
 }

 .sub2_Swiper .txt_wrap {
  padding: 3rem;
 }

 .sub2_Swiper .txt_wrap h4 {
  font-size: 32px;
 }

 .sub2_Swiper .txt_wrap .cont p {
  font-size: 18px;
 }

 .sub2_Swiper .txt_wrap .cont p br {
  display: none;
 }

 .sub2_Swiper .txt_wrap h2 {
  font-size: 2.25rem;
 }

 .sub2_2 .tab_txt h3,
 .sub2_4 .tab_txt h3 {
  font-size: 40px;
 }

 .sub2_2 .grid_item h4 {
  font-size: 2rem;
 }

 .sub2_3 .txt_wrap {
  width: 100%;
  bottom: -4%;
 }

 .sub2_3 .txt_wrap p {
  margin-bottom: 1rem;
 }

 #sub_3 .s3_2 h3 {
  font-size: 40px;
  margin-bottom: 2rem;
 }

 #sub_3 .s3_2 p {
  font-size: 20px;
  width: 100%;
  max-width: 1240px;
  padding-inline: 20px;
 }

 #sub_3 .s3_2 p br {
  display: none;
 }

 .g5_sub .sub_wrap .sub_title h2 {
  font-size: 40px;
 }

 .sub_wrap .sub_title p {
  font-size: 20px;
 }

 .sub4_4 .s4_3 .flex_wrap .imgbox {
  width: 55%;
 }

 .sub4_4 .s4_3 .flex_wrap li span {
  font-size: 1.65rem;
 }

 .sub4_4 .s4_3 .flex_wrap li h3 {
  font-size: 2rem;
 }

 .sub4_4 .s4_3 .flex_wrap li p {
  font-size: 20px;
 }
}

@media screen and (max-width: 430px) {

  .depth_menu .depth > li:last-child{
    display: none;
  }

 .sub_wrap {
  padding: 100px 20px 0;
 }

 .sub_wrap .bread {
  margin-bottom: 2rem;
 }

 .sub_wrap .sub_title h2 {
  font-size: 1.6rem;
 }

 .sub_wrap .sub_title p {
  font-size: 16px;
 }

 .sub1_1 .s1_1 {
  height: 35vh;
 }

 #sub_1 .s1_1 img {
  height: 100%;
  object-fit: cover;
 }

 #sub_1 .s1_1_txt img {
  width: 120px;
 }

 #sub_1 .s1_1_txt p {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 1.5rem;
  padding-inline: 20px;
 }

 #sub_1 .s1_1_txt p br {
  display: none;
 }

 .sub1_1 .s1_3 .tab_wrap {
  gap: 2rem;
 }

 #sub_1 .s1_2 {
  gap: 0.8rem;
  padding-top: 2rem;
  margin-bottom: 11%;
  width: 100%;
  padding-inline: 20px;
 }

 #sub_1 .s1_2 h3 {
  font-size: 1.5rem;
 }

 #sub_1 .s1_2 p {
  font-size: 14px;
 }

 #sub_1 .s1_2 p br {
  display: none;
 }

 .sub1_1 .s1_3 {
  margin-bottom: 17%;
 }

 .sub1_1 .s1_3 .tab_content {
  height: 35vh;
 }

 .sub1_1 .s1_3 .tab {
  padding: 0.8rem 1rem;
  font-size: 1rem;
 }

 .sub1_1 .s1_3 .tab_txt h3 {
  font-size: 1.5rem;
  padding-top: 1rem !important;
  margin-bottom: 1rem;
 }

 .sub1_1 .s1_3 .tab_txt p {
  font-size: 14px;
 }

 .sub1_1 .s1_3 .tab_txt p br {
  display: none;
 }

 .sub1_1 .info {
  padding-inline: 0;
  padding-block: 12px;
  font-size: 1rem;
  gap: 1rem;
  flex-direction: column;
 }

 .sub1_1 .info .left img {
  width: 25px;
  height: 25px;
 }

 .sub1_1 .info_B .right {
  flex-direction: row;
  flex-direction: column;
  width: 100%;
  align-items: center;
 }

 .sub1_1 .s1_5 {
  margin-bottom: 35%;
 }

 .sub1_1 .s1_5 .flex_wrap {
  justify-content: center;
 }

 .sub1_1 .s1_5 .flex_item {
  width: 100%;
  height: 220px;
  gap: 0.8rem;
 }

 .sub1_1 .s1_5 .flex_item img {
  width: 80px;
  height: 80px;
 }

 .sub1_1 .s1_5 .flex_item h4{
  font-size: 17px;
 }

 .sub1_1 .s1_5 .flex_item p {
  font-size: 16px;
 }

 .sub1_2 .s1_1 {
  height: 35vh;
  margin-bottom: 10%;
 }

 .sub1_2 .s1_3 .tab_wrap {
  padding-inline: 20px;
  gap: 1.5rem;
 }

 .sub1_2 .s1_3 .tab {
  font-size: 16px;
 }

 .sub1_2 .s1_3 .tab_content {
  width: 100%;
 }

 .sub1_2 .tab_item1 .tab_txt h3 {
  font-size: 1.5rem;
  margin-block: 32px 16px;
 }

 .sub1_2 .tab_txt .tab_main_p {
  font-size: 14px;
  line-height: 1.5;
  padding-inline: 20px;
  margin-bottom: 60px;
 }

 .sub1_2 .tab_txt .tab_main_p br {
  display: none;
 }

 .sub1_2 .tab_logo {
  max-width: 70%;
 }

 .sub1_2_logo {
  width: 60%;
 }

 .sub1_2 .tab_item2 .tab_txt h3 {
  font-size: 1.5rem;
 }

 .sub1_2 .tab_txt2 p br {
  display: none;
 }

 .sub1_2 .s1_3 .tab_item1 .flx_wrap {
  padding-inline: 0;
  flex-wrap: nowrap;
  flex-direction: column;
 }

 .sub1_2 .s1_3 .tab_txt .flx_item {
  padding-inline: 2rem;
  padding-block: 1.5rem;
 }

 .sub1_2 .s1_3 .tab_txt .flx_item img{
  width: 80px;
 }

 .sub1_2 .s1_3 .tab_txt .flx_item h4 {
  font-size: 20px;
  margin-block: 1rem 0;
 }

 .sub1_2 .tab_item1 .tab_txt .fs26 {
  font-size: 16px;
 }

 .sub1_2 .tab_txt2{
  padding-inline: 20px;
 }

 .sub1_2 .tab_txt2 h3 {
  font-size: 1.5rem;
  margin-block: 0 16px;
 }

 .sub1_2 .tab_txt2 p {
  font-size: 16px;
  line-height: 1.5;
  padding-inline: 20px;
 }

 .sub1_2 .graph {
  padding-inline: 0;
 }

 .sub1_2 .tab_item2 .ocean {
  height: 35vh;
  object-fit: cover;
 }

 .sub1_2 .s1_3 .tab_item1 .flx_wrap {
  margin-bottom: 20%;
  padding-inline: 20px;
 }

 .sub1_2 .tab_item2 .tab_txt3 p {
  font-size: 16px;
 }

 .sub1_2 .tab_txt3 .flx_item {
  flex: unset;
  width: 100%;
  padding-bottom: 2rem;
 }

 .sub1_2 .tab_txt3 h3 {
  font-size: 20px;
 }

 .sub1_2 .tab_txt3 p {
  font-size: 14px;
 }

 .sub1_2 .tab_txt3 p br {
  display: none;
 }

 .sub1_2 .tab_item2 .tab_txt3 h3 {
  font-size: 1.25rem;
 }

 .sub1_3 .s1_1 {
  height: 35vh;
  margin-bottom: 10%;
 }

 .sub1_3 .s1_2 {
  margin-bottom: 11%;
 }

 .sub1_3 .s1_3 {
  margin-bottom: 30%;
 }

 .sub1_3 .s1_3 .grid_wrap {
  grid-template-columns: repeat(auto-fill, minmax(150px, auto));
    gap: 2rem;
 }

 .sub1_3 .s1_3 .grid_item img{
  width: 150px;
 }

 .sub1_4 .s1_1 {
  height: 35vh;
  margin-bottom: 10%;
 }

 .sub1_4 .s1_2 {
  margin-bottom: 11%;
 }

 .sub1_4 .s1_3 .infoT {
  flex-direction: column;
  text-align: center;
  align-items: center;
 }

 .sub1_4 .s1_3 .info .tel {
  padding-inline: 0;
 }

 .sub1_4 .ic_wrap {
  font-size: 16px;
  flex-direction: column;
 }

 .sub1_4 .ic_wrap p{
  text-align: center;
 }

 .sub1_4 .s1_3 {
  margin-bottom: 11%;
 }

 .sub1_4 .s1_3 .ic {
  flex-direction: column;
  align-items: center;
  text-align: center;
 }

 .sub1_4 .s1_3 .ic p {
  margin-right: 0 !important;
  font-size: 1rem;
 }

 .sub1_4 .map iframe {
  height: 250px;
 }

 #sub_2 .s1_1 {
  height: 35vh;
  margin-bottom: 20%;
 }

 #sub_2 .s1_1 img {
  object-fit: cover;
  height: 100%;
 }

 #sub_2 .s1_2 {
  width: 100%;
  margin-bottom: 3rem;
 }

 #sub_2 .s1_2 img {
  height: 35vh;
  object-fit: cover;
 }

 #sub_2 .s1_2 h3 {
  font-size: 1.5rem;
 }

 #sub_2 .s1_2 p {
  font-size: 14px;
  padding-inline: 20px;
 }

 #sub_2 .s1_2 p br {
  display: none;
 }

 #sub_2 .sub2_Swiper {
  margin-block: 2rem 5rem;
 }

  #sub_2  .swiper-button-prev{
    position: absolute;
    top: 32%;
    left: 20px;
 }

  #sub_2  .swiper-button-next{
    position: absolute;
    top: 32%;
    right: 20px;
 }

 .sub2_Swiper .txt_wrap {
  gap: 2rem;
 }

 .sub2_Swiper .txt_wrap h4 {
  font-size: 24px;
 }

 .sub2_Swiper .txt_wrap span {
  height: 2rem;
 }

 .sub2_Swiper .txt_wrap h2 {
  font-size: 2rem;
 }

 #sub_2 .swiper-slide .inner {
  flex-direction: column;
 }

 #sub_2 .swiper-slide .inner > img {
  width: 100%;
  height: 300px;
  object-position: center;
 }

 .sub2_Swiper .txt_wrap .title {
  justify-content: center;
 }

 .sub2_Swiper .txt_wrap {
  padding: 2rem 1.5rem;
 }

 .sub2_Swiper .txt_wrap .cont p {
  font-size: 14px;
  line-height: 1.8;
 }

 .s1_3 .tab_cont_wrap {
  margin-bottom: 25%;
 }

 .sub2_2 .tab_wrap,
 .sub2_4 .tab_wrap {
  height: 60px;
  font-size: 16px;
  gap: 1rem;
  padding-inline: 1rem;
 }

 .sub2_4 .tab_wrap {
  gap: 0.8rem;
 }

 .sub2_2 .tab,
 .sub2_4 .tab {
  font-size: 16px;
 }

 .sub2_2 .tab_txt h3,
 .sub2_4 .tab_txt h3 {
  margin-block: 5rem 3rem;
  font-size: 28px;
 }

 .sub2_2 #content3 .grid_item{
  padding-block: 0px 32px;
  padding-inline: 0;
 }

 .sub2_2 #content3 .grid_item img{
  width: 65px;
 }

 .sub2_2 .grid_item span{
  margin-block: 1rem;
 }

 .sub2_2 .s1_3 .grid_item {
  padding-block: 1rem;
  padding-inline: 1.5rem;
 }

 .sub2_2 .s1_3 .grid_wrap {
  grid-template-columns: repeat(auto-fill, minmax(100%, auto));
  gap: 2rem;
 }

 .sub2_2 .grid_item h4 {
  font-size: 22px;
  margin-bottom: 1rem;
 }

 .sub2_2 .grid_item p {
  font-size: 14px;
 }

 .sub2_3 .s3{
  padding-bottom: 2rem;
 }
 
 .sub2_3 .txt_wrap{
  bottom: -3.5rem;
 }

 .sub2_3 .txt_wrap p {
  font-size: 14px;
  margin-bottom: 12px;
 }

 .sub2_3 .txt_wrap h5 {
  font-size: 14px;
  padding-inline: 16px;
 }

 .sub2_3 .txt_wrap h5 br{
  display: none;
 }

 .sub2_3 .s3 {
  overflow: hidden;
 }

 .sub2_3 .s3 img {
  max-width: 161%;
  object-fit: cover;
  margin-left: -8rem;
 }

 .sub2_3 .txt_wrap{
  bottom: -2.5rem;
 }

 .sub2_3 .s4 {
  padding-bottom: 30%;
 }

 .sub2_3 .s4 h3 {
  font-size: 1.5rem;
  margin-block: 60px;
 }

 .sub2_3 .s4 .grid_wrap {
  row-gap: 2rem;
 }

 .sub2_3 .s4 .grid_item{
  padding-block: 1rem;
 }

 .sub2_3 .s4 .grid_item h4 {
  font-size: 1.25rem;
 }

 .sub2_3 .s4 .grid_item p {
  font-size: 14px;
  width: 90%;
 }

 .sub2_3 .s4 .grid_item p br {
  display: none;
 }

 .sub2_3 .s4 .grid_item img {
  width: 60px;
  top: -2.5rem;
 }

 .sub2_4 .grid_wrap {
  padding-top: 5rem;
  grid-template-columns: repeat(auto-fill, minmax(200px, auto));
  row-gap: 2.5rem;
 }

 .sub2_4 .grid_wrap .grid_item{
  aspect-ratio: unset;
  padding: 1rem 1rem 2rem 1rem;
 }

 .sub2_4 .grid_wrap .grid_item h4 {
  font-size: 2.25rem;
 }

 .sub2_4 .grid_wrap .grid_item h5 {
  font-size: 24px;
 }

 .sub2_4 .grid_wrap .grid_item p{
  font-size: 14px;
 }

 #sub_3 .s3_1{
  margin-bottom: 6rem;
 }

 #sub_3 .s3_1 img {
  height: 35vh;
  object-fit: cover;
  overflow: hidden;
}

 #sub_3 .s3_2 h3 {
  font-size: 1.5rem;
 }

 #sub_3 .s3_2{
  margin-bottom: 6rem;
 }

 #sub_3 .s3_2 p {
  font-size: 14px;
  line-height: 1.5;
 }

 #sub_3 .grid_wrap{
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
 }

 #sub_3 .grid_wrap li{
  aspect-ratio: unset;
 }

 #sub_3 .grid_wrap li .imgbox img{
  width: 170px;
 }

 #sub_3 .grid_wrap li .desc{
  gap: 1rem;
 }

 #sub_3 .grid_wrap li .desc p{
  font-size: 1rem;
 }

 #sub_3 .grid_wrap li .desc h5 {
  font-size: 1rem;
 }

 #sub_3 .s3_3{
  padding-block: 4rem 5rem;
 }

 #sub_3 .s3_3 h3{
  font-size: 24px;
  padding-bottom: 3rem;
 }

 #sub_3 .s3_3 .flex_wrap{
  padding-inline: 20px;
 }

 #sub_3 .s3_3 .flex_wrap li{
  width: 100%;
  padding-inline: 20px;
  flex: unset;
  padding: 1rem 1rem 2rem;
 }

 #sub_3 .s3_3 .flex_wrap li h5{
  font-size: 20px;
 }

 #sub_3 .s3_3 .flex_wrap li .iconbox img{
  width: 40px;
 }

 #sub_3 .s3_3 .flex_wrap li p{
  font-size: 16px;
  line-height: 1.6;
 }

 .sub3_4 .s3_2 p {
  font-size: 16px;
  line-height: 1.8;
 }

 .g5_sub .board_title {
  padding: 0 20px 0;
 }

 .g5_sub .sub_wrap .sub_title h2 {
  font-size: 1.6rem;
 }

 #bo_list .tbl_head01 {
  padding-inline: 0;
 }

 #sub_3 .s3_2 h3 img {
  width: 45%;
 }

 .black_btn{
  margin-top: 5rem;
  font-size: 1rem;
 }

 .sub4_4 .s4_3 .flex_wrap li {
  flex-direction: column;
 }

 .sub4_4 .s4_3 .flex_wrap .imgbox {
  width: 100%;
 }

 .sub4_4 .s4_3 .flex_wrap .desc {
  text-align: center;
 }

 .sub4_4 .s4_3 .flex_wrap li:nth-of-type(2) {
  flex-direction: column;
 }

 .sub4_4 .s4_3 .flex_wrap li:nth-of-type(2) .desc {
  text-align: center;
 }

 .sub4_4 .s4_3 .flex_wrap li h3 {
  font-size: 22px;
  margin-block: 0.5rem 1.55rem;
 }

 .sub4_4 .s4_3 .flex_wrap li p {
  font-size: 1rem;
 }

 .sub4_4 .s4_3 .flex_wrap li p br{
  display: none;
 }

 #bo_list tbody tr{
  margin: 0 auto;
 }

 #bo_list td{
  width: 240px !important;
  height: 240px !important;
 }

 #bo_list .tbl_head01 a{
  font-size: 1rem;
 }
}