body{top: 0 !important;;}

/* 다국어 드롭버튼 */
.container { min-width: 85px;margin: 0px 15px 0px 30px; } 
.dropdown { width: 100%; user-select: none; position: relative; } 
.dropdown .dropdown-btn {height: 25px; text-align: center; color: #333; border-bottom: 1px solid transparent; border-radius: 35px; font-weight: 400; cursor: pointer;display: flex;align-items: center;justify-content: center; } 
.dropdown .dropdown-btn > p { display: inline-block; position: relative; margin-right:6px; text-align: center; user-select: none; pointer-events: none;font-size: 12px; } 
.dropdown .dropdown-btn i { color: #333; pointer-events: none;font-size: 1.2rem;margin-left: 10px; } 
.dropdown .dropdown-btn.active {}
.dropdown .dropdown-content { position: absolute; top: 100%; left: 0; font-weight: 500; color: #333; width: 100%; overflow: hidden; display: none;margin-top: 5px; } 
.dropdown .dropdown-content .dropdown-item { cursor: pointer; transition: all 0.2s; text-align: center;line-height: 35px; } 
.dropdown .dropdown-content .dropdown-item a {font-size: 12px;color: #333; } 
.dropdown .dropdown-content .dropdown-item:hover { background: var(--color); color: #333; } 
.dropdown .dropdown-content .dropdown-item:hover a {color: #333; } 
.dropdown .dropdown-content.active { display: block; }

/* 다국어 드롭버튼 모바일일*/
.dropdown_mob { width: 100%; user-select: none; position: relative; } 
.dropdown_mob .dropdown-btn { text-align: center; color: #333; font-weight: 300; cursor: pointer;display: flex;align-items: center;justify-content: space-between; padding: 20px 0;font-size: 17px; border-bottom: 1px solid #8e8e8e; margin: 0 20px;} 
.dropdown_mob .dropdown-btn > p { display: inline-block; position: relative; margin-right:6px; text-align: center; user-select: none; pointer-events: none;font-size: 12px; } 
.dropdown_mob .dropdown-btn i { color: #333; pointer-events: none;font-size: 1.2rem;margin-left: 10px; } 
.dropdown_mob .dropdown-btn.active {border-bottom: none;}
.dropdown_mob .dropdown-content { position: absolute; top: 100%; left: 0; font-weight: 500; color: #333; width: 100%; overflow: hidden; display: none;margin-top: 5px; } 
.dropdown_mob .dropdown-content .dropdown-item { cursor: pointer; transition: all 0.2s; text-align: center;line-height: 35px; } 
.dropdown_mob .dropdown-content .dropdown-item a {font-size: 17px;color: #333; text-align: left;display: block;padding-left: 40px;} 
.dropdown_mob .dropdown-content .dropdown-item:hover { background: var(--color); color: #333; } 
.dropdown_mob .dropdown-content .dropdown-item:hover a {color: #333; } 
.dropdown_mob .dropdown-content.active { display: block; }

.lang_menu_mob{padding: 20px 0;margin: 0 20px;}
.lang_menu_mob .dropbtn{color: #000;}

.goog-te-gadget{display: none!important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-yAWNEb-L7lbkb, .VIpgJd-ZVi9od-aZ2wEe, .VIpgJd-ZVi9od-aZ2wEe-OiiCO-ti6hGc{display: none!important;}

/* 드롭다운 버튼 스타일 */
.lang_menu {position: relative;display: inline-block;}
.dropbtn {background-color: #EDEDED;display: block;cursor: pointer;padding:0 2rem;border-radius: 8px; height: 48px;line-height: 48px;}

/* 드롭다운 메뉴 */
.dropdown-content {position: absolute;background-color: white;min-width: 120px;border-radius: 5px;z-index: 10;overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.4s ease-out, opacity 0.3s ease-out;right: 0;}
.dropdown-content a {font-size: 1.4rem;font-weight: 500; padding: 0.8rem 1.6rem;display: block;text-decoration: none;transition: background-color 0.3s;text-align: center;}

/* 활성화된 상태 */
.dropdown-content.show {max-height: 200px;opacity: 1;padding: 1.6rem 1.2rem;box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);}

 /* 언어 선택 버튼 */
.lang_menu_mob {position: relative;display: block;text-align: left;border-bottom: 1px solid #8e8e8e;}
.dropbtn_mob {font-size: 17px;font-family: 'SUIT-Regular', sans-serif;color: #000;background-color: white;border: none;cursor: pointer;width: 100%;text-align: left;transition: border-bottom 0.3s ease-in-out;display: flex;justify-content: space-between;}
.dropbtn_mob span{color: inherit; font-size: inherit;}

/* 드롭다운 메뉴 스타일 */
.dropdown-content_mob {position: absolute;background-color: white;width: 100%;border-radius: 5px;z-index: 10;overflow: hidden;padding-top: 10px;max-height: 0;opacity: 0;transition: max-height 0.4s ease-out, opacity 0.3s ease-out;}
.dropdown-content_mob a {font-size: 1.6rem;font-family: 'SUIT-Regular', sans-serif;color: #333;padding: 20px 0;display: block;text-decoration: none;transition: background-color 0.3s;border-bottom: 1px solid #8e8e8e;}

/* 드롭다운이 활성화될 때 */
.dropdown-content_mob.show {max-height: 400px; /* 충분한 높이 */opacity: 1;}

span{font-size: inherit; font-weight: inherit; color: inherit;}
.ani-in{background: url(../img/main.svg)no-repeat; background-size: cover; background-position: center; display: flex; justify-content: flex-start; align-items: center;height: 880px;margin-top: 80px;object-fit: cover;}
.ani-in .text h1{font-size: 7.2rem; font-weight: 900; color: #fff;line-height: 135%; }
.ani-in .text p{font-size: 1.8rem; font-weight: 500; color: #fff; margin-top: 1.8rem;line-height: 160%;}

.style1{color: #194FFF; font-size: 2.4rem; font-weight: 700; line-height: 135%;word-break: keep-all; }
.style2{font-size: 4.8rem; font-weight: 900;line-height: 135%;  margin-top: 1.6rem; word-break: keep-all;}
.btn_style1{padding: 1.2rem 2rem; color: #fff; border-radius: 8px ; background-color: #317BF0;font-size: 1.6rem; font-weight: 700;display: inline-block; width: auto; margin: 0 auto;border: none;transition: all 0.3s;}
.btn_style2{padding: 1.2rem 2rem; border-radius: 8px; border: 1px solid #212121;background-color: #fff; color:#212121 ;  font-size: 1.6rem; font-weight: 700; width: auto; margin: 0 auto;transition: all 0.3s;}
.btn_style3{padding: 1.2rem 2rem; border-radius: 8px; ;background-color: #EDEDED;  font-size: 1.6rem; font-weight: 700; display: inline-block;transition: all 0.3s;}
.btn_style4{padding: 0.8rem 1.6rem; border-radius: 8px; ;background-color: #EDEDED;  font-size: 1.6rem; font-weight: 700; display: inline-block;transition: all 0.3s;}

.btn_style1:hover{background-color:#255DB5 ;}
.btn_style2:hover{background-color:#212121 ; color: #fff;}
.btn_style3:hover{background-color:#CCC ;}
.btn_style4:hover{background-color:#CCC ;}


.section01 .width{display: flex; justify-content: space-between; gap: 0 8rem;}
.section01 .left_img{width: 50%;height: auto;position: relative;}
.section01 .left_img .item{background-color:#1238B5;width:48.5%; height: 29.9rem;border-radius: 16px;position: absolute;}
.section01 .left_img .item1{background: url(../img/section01_img1.svg)no-repeat; background-position: center;background-size: cover;bottom: 315px; left: 0;}
.section01 .left_img .item2{background: url(../img/section01_img2.svg)no-repeat; background-position: center;background-size: cover;bottom:241px; right: 0;}
.section01 .left_img .item3{background: url(../img/section01_img3.svg)no-repeat; background-position: center;background-size: cover;bottom: 0 ; left: 0 ;}
.section01 .left_img .item4{background-color:#1238B5;width:48.5%; height: 22.5rem;border-radius: 16px; text-align: center;display: flex; justify-content: center;  bottom: 0 ;right: 0;position: absolute;align-items: center;}
.section01 .left_img .item4 h4{color: #fff;font-size: 1.8rem; font-weight: 700; line-height: 155%;}
.section01 .left_img h5{font-size: 1.8rem; color: #fff; font-weight: 700 ; line-height: 155%;position: absolute;bottom: 3.2rem; left: 1.6rem;}
.section01 .right_text{width: 50%;}
.section01 p{font-size: 1.8rem; line-height: 160%;margin-top: 2.4rem;}
.section01 .right_text .wrap:first-child{margin-bottom: 6.4rem;}
.section01 .right_text .wrap:nth-child(2){margin-bottom: 8rem;}
.section01 h3{color: #194FFF; font-size: 2rem; line-height: 135%; font-weight: 700; margin-bottom: 2.4rem;}
.section01 .right_text .wrap div{display: flex; flex-direction: column; gap: 0.8rem 0;}
.section01 h4{font-size: 1.8rem; line-height: 160%;word-break: keep-all;}
.section01 .btn_style1{float: right;}

.section02{background: url(../img/section02_bg.svg)no-repeat; background-position: center;background-size: cover;  object-fit: cover; width: 100%; text-align: center; padding:11.8rem 0 ;object-fit: cover;}
.section02 .width{background-size: cover ;display: flex; flex-direction: column; gap:  5.6rem 0;}
.section02 h2{font-size: 4.8rem; font-weight: 900; color: #fff; line-height: 135%;}
.section02 p{font-size: 1.8rem ; line-height: 160%;color: #fff;word-break: keep-all;}



.section03{text-align: center;}
.section03 p{font-size:1.8rem; margin-top: 1.6rem;}
.section03 .wrap{margin: 8rem 0; display: flex; justify-content: space-between; align-items: start; gap: 0 6.4rem;}
.section03 .item{width: 31%; display: flex; flex-direction: column; gap: 3.2rem 0;  }
.section03 .img{border-radius: 16px;width: 100%;}
.section03 .img img{width: 100%;}
.section03 .txt h2{font-size: 2.4rem; font-weight: 700;margin-bottom: 1.6rem; }
.section03 .txt p{font-size: 1.8rem; color: #4D4D4D;}
.section03 .btn_style1{display: inline-block; width: auto;}

.section04{text-align: center; background-color: #F0F5FC;}
.section04 .style2{margin-top: 0rem;}
.ver_wrap {margin: 8rem 0;overflow: hidden;width: 100%;}
.ver_content {display: flex;justify-content: center;align-items: center;width: 100%;}
.ver {display: flex;justify-content: center;align-items: center;gap: 0 14.4rem;animation: scroll 25s linear infinite;width: max-content; margin-right: 10rem;}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.ver .img1{width: 137px;}
.ver .img2{width: 163px;}
.ver .img3{width: 195px;}
.ver .img4{width: 162px;}
.ver .img5{width: 238px;}
.ver .img6{width: 166px;}
.ver .img7{width: 118px;}

.section05{text-align: center;}
.section05 p{margin-top: 1.6rem; font-size: 1.8rem;text-align: center;}
.section05 .wrap{margin: 8rem 0 ; display: flex; flex-direction: column; gap:6.4rem 0 ;text-align: left;}
.section05 .item{display: flex; justify-content: center; align-items: start; gap: 0 6.4rem;}
.section05 .item .left_content{width: 50%;}
.section05 .item .img{width: 50%;}
.section05 .item .img img{width: 100%;}
.section05 .item h5{font-size: 2.4rem; font-weight: 700; line-height: 135%; margin-bottom: 1.6rem;}
.section05 .item h6{font-size: 1.8rem; line-height: 160%;margin-bottom: 0.8rem;}
.section05 .item h6:last-child{margin-bottom: 0;}
.section05 .txt{margin: 4rem 0;}
.section05 .item:nth-child(2){flex-direction:row-reverse ;}
.section05 .btn_style1{display: inline-block; width: auto;}

.section06{background: url(../img/section06_bg.svg) no-repeat;background-position: center;background-size: cover;text-align: center;}
.section06 .style2{color: #fff;text-align: left;}
.section06 .style1{text-align: left;}
.section06 .wrap{margin: 8rem 0; display: flex; flex-direction: column; gap: 6.4rem 0 ;}
.section06 .wrap p{font-size: 2.4rem; font-weight: 700;line-height: 135%; color: #fff;text-align: left;}
.section06 .item1{display: flex; justify-content: start; align-items: center; gap: 0 4.8rem; }
.section06 .item1 img{width:63.7rem ;}
.section06 .wrap h5{font-size: 2rem ; font-weight: 700; line-height: 135%; color: #fff;text-align: left;}
.section06 .wrap h6{font-size: 1.6rem ;  line-height: 150%; color: #fff;text-align: left;word-break: keep-all;}
.section06 .txt{display: flex; flex-direction: column; gap: 2.4rem 0;}
.section06 .txt div{display: flex; flex-direction: column; gap: 0.8rem 0;}
.section06 .item2{display: flex; flex-direction: column ; justify-content: start;  gap:  4.8rem 0; }
.section06 .item2 .img1{width: 42.7rem;}
.section06 .item2 .img2{width: 42.8rem;}
.section06 .item2 .img3{width: 42.7rem;}
.section06 .item3{display: flex; justify-content: space-between;  gap:  4.8rem 0; align-items: center;}
.section06 .item3 .txt{width: 48%; background-color: rgba(0,0,0,0.3);border-radius: 16px; padding: 4rem;}
.section06 .btn_style1{margin: 0 auto; width: auto;display: inline-block;}

.section07{text-align: center;}
.section07 h6, .section07 h2, .section07 .width>p{text-align: left;}
.section07 .width>p{margin-top: 1.6rem;}
.section07 .latest_top_wr{margin: 8rem 0;}

.section08{text-align: center; background-color: #0D1554;padding: 8rem 0;}
.section08 h6{font-size: 2.4rem; font-weight: 700;color: #A2C6FF;}
.section08 h2{color: #fff; font-size: 4rem; font-weight: 700; line-height: 135%; }
.section08 p{font-size: 1.8rem ; line-height: 160%; color: #fff;}
.section08 .txt{display: flex; flex-direction: column; gap: 2.4rem 0;margin-bottom: 4.8rem;}

/* 메인화면 반응형 */
@media screen and (max-width:1692px) {
    #header .head_menu .main_menu{width: 75%;}
}
@media screen and (max-width:1568px) {
    #header .head_menu .main_menu{width: 72%;}
}
@media screen and (max-width:1439px) {
    .ani-in{margin-top: 64px;}
    .section01 .left_img .item1{bottom: 287px;}
    .section01 .left_img .item2{bottom: 218px;}
    .section06 .item2 .img1{width:41.7rem;}
    .ani-in{background-position: 80%;}
}
@media screen and (max-width:1237px) {
    .section03 .item h3{height:51px ;}
    .section05 .txt{margin: 0; margin-bottom: 4rem;}
    .section01 .right_text .style2 br{display: none;}
    .section01 p{word-break: keep-all;}
    .section01 p br{display: none;}
    .section06 .item1 img{width: 42.4rem;}
    .section06 .item2 .img1{width: 28.8rem;}
    .section06 .item2 .img2{width: 28.8rem;}
    .section06 .item2 .img3{width: 28.8rem;}
}
@media screen and (max-width:1024px) {
    .section01 .width{flex-wrap: wrap;}
    .section01 .right_text, .section01 .left_img{width: 100%;}
    .section01 .left_img{margin-top: 880px;}
    .section01 .left_img .item{height: 48.3rem;}
    .section01 .left_img .item4{height: 36.3rem;}
    .section01 .left_img .item2{bottom: 347px;}
    .section01 .left_img .item1{bottom: 453px;}
    .section01 .right_text .wrap:first-child{margin-bottom: 4.8rem;margin-top: 4.8rem;}
    .section01 .right_text .wrap:nth-child(2){margin-bottom: 6.4rem;}
    .section01 .left_img h5, .section01 .left_img .item4 h4{text-align: center;left: 0;right: 0;}
    .style1{font-size: 1.8rem;}
    .style2{font-size: 3.2rem;margin-top: 2.4rem;font-weight: 700;}
    .section01 p, .section01 h4{font-size: 1.6rem;}
    .section01 h3{font-size: 1.8rem;margin-bottom: 1.6rem;}
    .section02{padding: 30.5rem 0; background: url(../img/t_section02_bg.jpg);background-position: center; background-size: cover;display: flex;  flex-direction: column; justify-content: center; align-items: center;}
    .section02 .width{gap: 2.4rem 0;}
    .section02 h2{font-size: 3.2rem;font-weight: 700;}
    .section02 p{font-size: 1.6rem;}
    .section03 p{font-size: 1.6rem ; margin-top: 2.4rem;word-break: keep-all;}
    .section03 .style2 br{display: none;}
    .section03 .wrap{flex-wrap: wrap; gap:  4.8rem 0 ;margin: 6.4rem 0 ;}
    .section03 .item{width: 100%;gap: 1.6rem 0;}
    .section03 .txt h2{font-size: 2rem;margin-bottom: 0; margin: 0.8rem;}
    .section03 .item h3{height: auto;font-size: 16px;}
    .ver_wrap{margin: 6.4rem 0;}
    .ver{gap: 0 4.8rem;margin-right: 5rem;}
    .ver .img1{width: 90px;}
    .ver .img2{width: 107px;}
    .ver .img3{width: 113px;}
    .ver .img4{width: 158px;}
    .ver .img5{width: 109px;}
    .ver .img6{width: 166px;}
    .ver .img7{width: 77px;}
    .section05 p{margin-top: 2.4rem;font-size: 1.6rem;word-break: keep-all;}
    .section05 .wrap{margin: 6.4rem 0;gap: 4.8rem 0 ;}
    .section05 .item{flex-wrap: wrap; gap: 2.4rem 0;}
    .section05 .item .img, .section05 .item .left_content{width: 100%;}
    .section05 .item h5{font-size: 2rem; }
    .section05 .item h6{font-size: 16px;}
    .section05 .txt{margin-bottom: 1.6rem;}
    .section06 .wrap{margin: 6.4rem 0;gap: 4.8rem 0;}
    .section06 .item1{gap: 3.2rem 0;flex-wrap: wrap;}
    .section06 .item1 .img{width: 100%;}
    .section06 .item1 img{width: 98.4rem; width:100% ;}
    .section06 .txt{max-width: 100%; gap: 1.6rem 0;}
    .section06 .item2 .img1, .section06 .item2 .img2, .section06 .item2 .img3{max-width: 98.4rem; width:100% ;}
    .section06 .item2{gap: 3.2rem 0;}
    .section06 .item3{flex-wrap: wrap;gap: 2.4rem 0; }
    .section06 .item3 .txt{width: 100%;padding: 3.2rem;}
    .section07 .width>p{margin-top: 2.4rem;font-size: 16px;}
    .pic_gallery{flex-wrap: wrap;}
    .section07 .latest_top_wr{margin: 6.4rem 0;}
    .section08 h6{font-size: 1.8rem;}
    .section08 h2{font-size: 2.4rem;}
    .section08 p{font-size: 16px;word-break: keep-all;}
    .section08 .txt{margin-bottom: 4rem;}
    .section08{padding: 64px 0;}
    #ft{padding: 6.4rem 12px;}
    .foot_logo{margin-bottom: 3.2rem;}
    #ft .footer_menu ul li a{font-size: 14px;}
    #ft .footer_menu ul li span{padding:0 12px;}
    #ft .copy p, #ft .copy a{font-size: 14px;}
    #ft .footer_menu, #ft .copy{flex-direction: column; gap: 2.4rem 0;justify-content: start; align-items: start;}
    .ani-in{padding: 0 44px;}
    .section01 .left_img h5, .section01 .left_img .item4 h4{font-size: 14px;}
    .section08 .width{padding:0 32px;}
}
@media screen and (max-width:768px) {
    .ani-in .text h1 br{display: none;}
    .ani-in .text h1, .ani-in .text p{word-break: keep-all;}
    .section01 .left_img .item{height: 271px}
    .section01 .left_img .item4{height: 204px;}
    .section01 .left_img{margin-top: 562px;}
    .section01 .left_img .item1{bottom: 289px;}
    .section01 .left_img .item2{bottom: 225px;}
    .section02{padding: 14.8rem 0;}
}
@media screen and (max-width:599px) {
    .ani-in{background: url(../img/m_main.png) no-repeat;background-position: 80%;  background-size: cover;justify-content: end; align-items: end; padding: 0;height: 89.8rem;}
    .ani-in .text h1{font-size: 4.8rem;}
    .ani-in .text p{margin-top: 1.6rem;font-size: 16px;}
    .ani-in .width{padding: 40px 20px;}
    .ani-in .text p br{display: none;}
}
@media screen and (max-width:500px) {
    .ani-in{height: 60rem;}
    .section01 .left_img .item{height: 20rem;}
    .section01 .left_img .item4{height: 15rem;}
    .section01 .left_img{margin-top: 362px;}
    .section01 .left_img .item1{bottom: 190px;}
    .section01 .left_img .item2{bottom: 144px;}
    .section02{padding: 3.7rem 0;}
    .pic_lt_block .text{height: 230px;}
}
@media screen and (max-width:344px) {
    #ft .footer_menu ul{flex-wrap: wrap; gap: 1rem 0;}
}


/* 서브비주얼 */
.subvisual_wrap{display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1.6rem 0;margin-top: 80px;}
.subvisual_wrap .width{display: flex; gap: 1.6rem 0;flex-direction: column;}
.subvisual_wrap h3{font-size:5.6rem; font-weight: 900; line-height: 135%;color: #fff;}
.subvisual_wrap p{font-size: 1.8rem; font-weight:500; line-height:160%;color: #fff;width: 100%; max-width: 736px;word-break: keep-all;}
.about1{background:url(../img/about01_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.about2{background:url(../img/about02_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.about3{background:url(../img/about03_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.about4{background:url(../img/about04_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.rd1{background:url(../img/rd01_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.rd2{background:url(../img/rd02_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.rd3{background:url(../img/rd03_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.rd4{background:url(../img/rd04_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.rd5{background:url(../img/rd05_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.rd6{background:url(../img/rd06_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product1{background:url(../img/product01_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product2 {background:url(../img/product02_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product3 {background:url(../img/product03_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product4 {background:url(../img/product04_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product5 {background:url(../img/product05_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product6 {background:url(../img/product06_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product7 {background:url(../img/product07_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.product8 {background:url(../img/product08_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
.customer1 {background:url(../img/customer01_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;} 
.news1 {background:url(../img/news_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}

.about_style1{font-size:4.8rem ;font-weight: 900; line-height: 135%;word-break: keep-all; }
.about_style2{font-size: 2rem; line-height: 160%;margin-top: 2.4rem; word-break: keep-all;}

/* 서브비주얼 반응형 */
@media screen and (max-width:1439px) {
    .subvisual_wrap{margin-top: 64px;}
    .subvisual_wrap .width{padding: 0 40px;}
}
@media screen and (max-width:599px) {
    .subvisual_wrap{justify-content: end;}
    .subvisual_wrap .width{padding: 40px 20px;}
    .subvisual_wrap h3{font-size: 4rem; font-weight: 700;}
    .about1{background:url(../img/m_about01_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .about2{background:url(../img/m_about02_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .about3{background:url(../img/m_about03_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .about4{background:url(../img/m_about04_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .rd1{background:url(../img/m_rd01_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .rd2{background:url(../img/m_rd02_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .rd3{background:url(../img/m_rd03_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .rd4{background:url(../img/m_rd04_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .rd5{background:url(../img/m_rd05_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .rd6{background:url(../img/m_rd06_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product1{background:url(../img/m_product01_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product2 {background:url(../img/m_product02_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product3 {background:url(../img/m_product03_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product4 {background:url(../img/m_product04_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product5 {background:url(../img/m_product05_bg.png) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product6 {background:url(../img/m_product06_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product7 {background:url(../img/m_product07_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .product8 {background:url(../img/m_product08_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
    .customer1 {background:url(../img/m_customer01_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;} 
    .news1 {background:url(../img/m_news_bg.jpg) no-repeat;background-position: center;background-size: cover;width: 100%; height: 56rem;object-fit:cover;}
}

/* about01 */
.about01_1{text-align: center;}
.about01_1 h2{text-align: left;}
.about01_1 h3{text-align: left;margin-bottom: 8rem;}
.about01_1 .wrap{margin-top: 3.2rem ;display: flex; justify-content: space-between; align-items: center; text-align: left;margin-bottom: 8rem;gap: 4rem 3.2rem;}
.about01_1 .wrap .item{display: flex; flex-direction: column; gap: 0.8rem 0 ;width: 30%;}
.about01_1 .item img {width: 48px;}
.about01_1 .wrap .item p{font-size: 1.8rem ;font-weight: 700;}
.about01_1 .img{width: 100%;}
.about01_1 .img img{width: 100%;}


.about01_2{text-align: center; }
.about01_2 .wrap{margin: 8rem 0 ; display: flex; justify-content: space-between; align-items: center; gap: 0 2.4rem    ;}
.about01_2 .wrap .item{border-radius: 16px;position: relative; padding:4rem; background-position: center;background-size: cover;width: 49%; height: 48.3rem}
.about01_2 .wrap .item1{background: url(../img/about01_img2.svg)no-repeat;}
.about01_2 .wrap .item2{background: url(../img/about01_img3.svg)no-repeat;}
.about01_2 .wrap .item h5{color: #fff; font-size: 3.2rem; font-weight: 700; line-height: 135%; margin-bottom: 1.6rem;text-align: left;}
.about01_2 .wrap .item h6{color: #fff;font-size: 1.6rem;line-height: 150%;text-align: left;word-break: keep-all;}
.about01_2 .wrap .item .txt{position: absolute; bottom: 4rem; left: 4rem;padding-right: 4rem;}

.about01_3 .wrap{margin: 8rem 0;}
.about01_3 .item{display: flex; justify-content: start ; align-items: start;gap: 0 6.4rem;}
.about01_3 .sub_title{width: 36rem; font-size: 3.2rem; font-weight: 700; line-height: 135%;}
.about01_3 .sub_title span{color: #AAA; font-size: 3.2rem ; font-weight: 700; line-height: 135%;margin-right: 4.8rem;padding:0 4px;}
.about01_3 .content{display: flex; flex-direction: column; gap: 3.2rem 0 ;width: 67%;}
.about01_3 .content>p{font-size: 1.8rem; font-weight: 700;}
.about01_3 .content>div{display: flex; justify-content: space-between; align-items: start; gap: 0 3.2rem;}
.about01_3 .content>div img{width: 42.8rem;}
.about01_3 .txt ul li{display: flex;justify-content: start; align-items: start; gap: 0 1.5rem;line-height: 160%;}
.about01_3 .txt ul li p{font-size: 1.8rem; line-height: 160%;word-break: keep-all;}
.about01_3 .txt span{display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-top: 10px;}
.about01_3 .bottom{padding-left: 5%;}
.about01_3 .line{background-color: #E6E6E6; width: 100%; height: 1px; margin: 4.8rem 0;}
.about01_3 .m_content{font-size: 16px; line-height: 150%;margin-top: 2.4rem; display: none; word-break: keep-all; }
.about01_3 .txt {width: 45%;}

/* about01 반응형 */
@media screen and (max-width:1440px) {
    .about01_3 .sub_title{width: 30rem;}
}
@media screen and (max-width:1200px) {
    .about01_3 .content>div img {width: 30rem;}
}
@media screen and (max-width:1024px) {
    .about01_1 h2{font-size: 3.2rem;font-weight: 700;}
    .about_style2{font-size: 16px; line-height: 150%;word-break: keep-all;}
    .about01_1 h3{margin-bottom: 6.4rem;}
    .about_style1{font-size: 3.2rem; font-weight: 700;}
    .about01_2 .wrap .item h5{font-size: 18px;margin-bottom: 0.8rem;word-break: keep-all;}
    .about01_2 .wrap .item h6{font-size: 14px;}
    .about01_2 .wrap{margin: 6.4rem 0;flex-wrap: wrap; gap: 2.4rem 0 ;}
    .about01_3 .m_content{display: block;}
    .about01_3 .wrap{margin-top: 6.4rem;}
    .about01_3 .sub_title span{font-size: 2rem;padding: 0 4px;margin-right: 1.6rem;}
    .about01_3 .sub_title{font-size: 2rem;}
    .about01_2 .wrap .item1{background: url(../img/m_about01_img2.png)no-repeat; background-position: center;background-size: cover;}
    .about01_2 .wrap .item2{background: url(../img/m_about01_img3.png)no-repeat; background-position: center;background-size: cover;}
    .about01_2 .wrap .item{width: 100%;}
    .about01_3 .content>p{font-size: 16px;word-break: keep-all;}
    .about01_3 .content{gap: 1.6rem 0;margin-left: 40px; margin-top: 16px;}
    .about01_3 .content>div{gap: 1.6rem;flex-wrap: wrap;}
    .about01_3 .content>div img{width: 100%; max-width: 42.8rem;}
    .about01_3 .sub_title{width: 100%; }
    .about01_3 .item{flex-wrap: wrap;}
    .about01_1 .wrap .item p{font-size: 16px;}
    .about01_3 .content{width: 100%;}
}
@media screen and (max-width:850px) {
    .about01_1 .wrap{flex-wrap: wrap;gap: 4rem 0;}
    .about01_1 .wrap .item{width: 100%;}
    .about01_1 .wrap{margin-top: 4.8rem;margin-bottom: 6.4rem;}
    .about01_1 .wrap .item:first-child{ margin-top: 1.6rem;}
    .about01_2 .wrap .item .txt{bottom: 16px;left: 16px;padding-right: 16px;}
    .about01_2 .wrap .item{height: 30rem;}
    .about01_3 .txt {width: 100%;}
}
@media screen and (max-width:500px) {
    .about01_2 .wrap .item1, .about01_2 .wrap .item2{background-position: right;}
}

.about02_1 .box1{display: flex; justify-content: space-between; gap: 0 6.4rem; align-items: start;}
.about02_1 .box1 .img {width: 50%;}
.about02_1 .box1 .img img{max-width: 62.4rem; width: 100%; }
.about02_1 .txt{margin-top:20rem ;width: 50%;}
.about02_1 .box2{margin:6.4rem 0 ;}
.about02_1 .wrap{margin-top: 3.2rem ;display: flex; justify-content: space-between; align-items: center; text-align: left;margin-bottom: 8rem; gap: 3.2rem 0 ;}
.about02_1 .wrap .item{display: flex; flex-direction: column; gap: 0.8rem 0 ;width: 30%;}
.about02_1 .item img {width: 48px;}
.about02_1 .wrap .item p{font-size: 1.8rem ;font-weight: 700;}
.about02_1 .box3{background-color: #F0F5FC; padding: 8rem 6.4rem ;border-radius: 16px;}
.about02_1 .logo{margin-bottom: 6.4rem;}
.about02_1 h6{font-size: 1.8rem; font-weight: 700; margin-bottom: 1.6rem;}
.about02_1 h5{font-size: 1.8rem; line-height: 160%; }
.about02_1>div:nth-child(2){margin-bottom: 4rem;}
.about02_1 .text{margin-bottom:4rem  ;}
.about02_1 ul{display: flex; justify-content: start; gap: 1rem 2.4rem ; flex-wrap: wrap; align-items: center;}
.about02_1 ul li{width: 48%; display: flex; justify-content: start; align-items: center; gap:  1rem ;}
.about02_1 ul li p{font-size: 1.8rem; word-break: keep-all; }
.about02_1 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121;  }
.about02_1 .logo img{width: 22.7rem;}

.about02_2{background-color:#0B216B ;}
.about02_2 .about_style1,.about02_2 .about_style2{color: #fff;text-align: center;}
.about02_2 .wrap{margin-top: 6.4rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 6.4rem ;}
.about02_2 .item{width: 30%; text-align: center; }
.about02_2 .item h4{color: #fff; font-size: 1.8rem ;font-weight: 700; margin-top: 2.4rem ; margin-bottom: 0.5rem;}
.about02_2 .item h5{color: #fff; font-size: 1.6rem;}
.about02_2 .item h6{margin-top: 1.6rem; color: #fff; font-size: 1.6rem; line-height: 150%;}
.about02_1 .box2 .img, .about02_1 .box2 .img img{width: 100%;}

.about02_3{background-color: #1748E8;text-align: center;}
.about02_3 .wrap{display: flex; justify-content: center; gap: 0 6.4rem; align-items: start;margin-bottom: 6.4rem;}
.about02_3 .wrap .img{width: 50%;}
.about02_3 .wrap .img img{max-width: 62.4rem; width: 100%;}
.about02_3 .content{margin-top: 2.4rem;width: 45%;text-align: left;}
.about02_3 .about_style1{color: #fff; margin-bottom: 4rem;}
.about02_3 h5{font-size: 1.8rem; font-weight: 700;color: #fff;}
.about02_3 h6{font-size: 1.6rem; color: #fff;margin-bottom: 2.4rem ;padding-top: 0.5rem;}
.about02_3 p{font-size: 2.4rem; font-weight: 700; line-height: 135%;margin-bottom: 4rem;color: #fff;word-break: keep-all;}
.about02_3 .txt h2{font-size: 2rem; font-weight: 700; line-height: 135%; margin-bottom: 1.6rem;color: #fff;}
.about02_3 .txt h3{font-size: 1.8rem; line-height: 160%; color: #fff;word-break: keep-all;}
.about02_3 .txt:first-of-type{margin-bottom: 3.2rem;}

.about02_4{background-color:#0B216B ;text-align: center;}
.about02_4 .about_style1{color: #fff;}
.about02_4 .img{margin-top: 6.4rem;margin-bottom: 2.4rem;}
.about02_4 h5{font-size: 1.8rem; font-weight: 700;color: #fff;}
.about02_4 h4{font-size: 1.5rem; font-weight: 700;margin-top: 0.5rem;margin-bottom: 2.4rem;color: #fff;color: #fff;}
.about02_4 p{font-size: 1.8rem; font-weight: 500;line-height: 160%;margin-bottom: 6.4rem;color: #fff;color: #fff;}
.about02_4 .wrap{display: flex; justify-content: space-between; align-items: start; gap: 0 4.8rem;}
.about02_4 .item{width: 30%;}
.about02_4 h2{font-size: 2.4rem; font-weight: 700;margin-bottom: 2.4rem;color: #fff;}
.about02_4 h4{font-size: 1.6rem; font-weight: 400; line-height: 150%;color: #fff;}
 
.about02_5  .his_wrap{margin-top: 6.4rem; position: relative;}
.about02_5 .his_wrap .line{position: absolute; left: 0; right: 0; margin: 0 auto; width: 2px; height: 100%; background:  #212121; display: block; top: 0; z-index: 0;}
.about02_5 .his_wrap .box_wrap{display: flex; margin-bottom: 120px;}
.about02_5 .his_wrap .box_wrap .img{width: 50%; text-align: left;margin-bottom: 12.8rem;}
.about02_5 .his_wrap .box_wrap .img img{width: 100%; max-width: 59.2rem;}
.about02_5 .his_wrap .box_wrap .text{width: 50%;position: relative; padding-left: 6.4rem; margin-bottom: 90px;}
.about02_5 .his_wrap .box_wrap .text::before{content: '';display: block; background: url(../img/history_icon.png)no-repeat;width: 20px; height: 28px;position: absolute; left: -10px; z-index: 11;top: 25px;}
.about02_5 .his_wrap .box_wrap .text h2{color: #5D9CFF; font-size: 3.2rem; font-weight: 700; margin-bottom: 1.6rem;}
.about02_5 .his_wrap .box_wrap .text h3{color: #0E2B8C; font-size: 3.2rem; font-weight: 700; margin-bottom: 3.2rem;line-height: 135%;}
.about02_5 .his_wrap .box_wrap .text p{font-size: 1.8rem; line-height: 160%;word-break: keep-all;}
.about02_5 .box_reverse{display: flex; margin-bottom: 120px;}
.about02_5 .box_reverse .img{width: 50%; text-align: right;margin-bottom: 12.8rem;position: relative;}
.about02_5 .box_reverse .img img{width: 100%;max-width:59.2rem; }
.about02_5 .box_reverse .text{width: 50%;position: relative; padding-right: 6.4rem; margin-bottom: 90px;}
.about02_5 .box_reverse .img::after{content: '';display: block; background: url(../img/history_icon.png)no-repeat;width: 20px; height: 28px;position: absolute; left: -10px; z-index: 11;top: 25px;}
.about02_5 .box_reverse .text h2{color: #5D9CFF; font-size: 3.2rem; font-weight: 700; margin-bottom: 1.6rem;text-align: right;}
.about02_5 .box_reverse .text h3{color: #0E2B8C; font-size: 3.2rem; font-weight: 700; margin-bottom: 3.2rem;line-height: 135%;text-align: right;}
.about02_5 .box_reverse .text p{font-size: 1.8rem; line-height: 160%;text-align: right;}
.about02_5 .box_reverse .text_wrap{display: flex; flex-direction: column; gap:6.4rem 0 ;width: 50%;}
.about02_5 .box_reverse .text_wrap .text{width: 100%;}

/* about02 반응형 */
@media screen and (max-width:1258px) {
    .about02_2 .wrap{gap: 6.4rem 0;}
    .about02_5 .his_wrap .box_wrap .img img, .about02_5 .box_reverse .img img{width: 90%;}
    
}
@media screen and (max-width:1200px) {
    .about02_1 .box1 .img img{max-width: auto;}
    .about02_3 .content{margin-top: 0;}
}
@media screen and (max-width:1146px) {
    .about02_1 .about_style1 br{display: none;}
}
@media screen and (max-width:1024px) {
    .about02_1 .box1{gap: 4.8rem 0 ;flex-wrap: wrap; }
    .about02_1 .box1 .img{width: 100%;}
    .about02_1 .txt{width: 100%; margin-top: 0;}
    .about02_1 .wrap .item p{font-size: 16px;}
    .about02_1 .logo{margin-bottom: 4rem; }
    .about02_1 .text{margin-bottom: 2.4rem;}
    .about02_1 ul{gap: 0.8rem 1.6rem;}
    .about02_1 ul li{width: 100%;}
    .about02_1 .box3{padding: 4.8rem 4rem;}
    .about02_2 .item{width: 50%;}
    .about02_3 .content, .about02_3 .wrap .img{width: 100%;}
    .about02_3 .wrap{flex-wrap: wrap; gap: 4.8rem 0;}
    .about02_3 .wrap .img{text-align: left;}
    .about02_3 .about_style1{margin-bottom: 2.4rem;}
    .about02_3 p{font-size: 1.8rem; margin-bottom: 4.8rem;line-height: 155%;}
    .about02_3 h6{padding-top: 0;}
    .about02_3 .txt h2{font-size: 18px;}
    .about02_3 .txt h3{font-size: 16px;}
    .about02_3 .txt:first-of-type{margin-bottom: 2.4rem;}
    .about02_4 h4 {margin-top: 0; margin-bottom: 1.6rem;word-break: keep-all;}
    .about02_4 p{font-size: 16px;word-break: keep-all;}
    .about02_4 h2{font-size: 2rem ;}
    .about02_4 .wrap{flex-wrap: wrap; gap:  4.8rem ; }
    .about02_4 .item{width: 100%;}
    .about02_5 .his_wrap .box_wrap .text h2, .about02_5 .box_reverse .text h2{font-size: 20px; margin-bottom: 0.8rem;}
    .about02_5 .his_wrap .box_wrap .text h3, .about02_5 .box_reverse .text h3{font-size: 20px;margin-bottom: 1.6rem;}
    .about02_5 .his_wrap .box_wrap .text p, .about02_5 .box_reverse .text p{font-size: 16px;}
    .about02_5 .his_wrap .box_wrap .text, {padding-left: 5.4rem;}
    .about02_5 .box_reverse .text {padding-right: 5.4rem;}
    .about02_5 .his_wrap .box_wrap, .about02_5 .box_reverse{margin-bottom: 0;}
    .about02_5 .his_wrap .box_wrap{flex-direction: column;margin-left: 24px;}
    .about02_5 .his_wrap .box_wrap .img, .about02_5 .box_reverse .img {margin-bottom: 32px;}
    .about02_5 .his_wrap .line{right: auto;}
    .about02_5 .his_wrap .box_wrap .text{padding-left: 0 ; margin-bottom: 64px;}
    .about02_5 .his_wrap .box_wrap .text::before{left: -33px; top: -341px;}
    .about02_5 .box_reverse{flex-direction: column-reverse; margin-left: 24px;}
    .about02_5 .box_reverse .text{padding: 0 ;margin-bottom: 64px;}
    .about02_5 .box_reverse .img::after{left: -33px;}
    .about02_5 .box_reverse .text h2, .about02_5 .box_reverse .text h3, .about02_5 .box_reverse .text p, .about02_5 .box_reverse .img{text-align: left;}
    .about02_5 .box_reverse .img, .about02_5 .box_reverse .text, .about02_5 .his_wrap .box_wrap .img, .about02_5 .his_wrap .box_wrap .text, .about02_5 .box_reverse .text_wrap{width: 100%;}
}
@media screen and (max-width:850px) {
    .about02_1 .wrap{flex-wrap: wrap;gap: 4rem 0;}
    .about02_1 .wrap .item{width: 100%;}
    .about02_1 .wrap{margin-top: 4.8rem;margin-bottom: 6.4rem;}
    .about02_1 .wrap .item:first-child{ margin-top: 1.6rem;}
}
@media screen and (max-width:768px) {
    .about02_2 .item{width: 100%;}
}
@media screen and (max-width:500px) {
    .about02_1 .logo img{width:20.7rem;}
    .about02_1 ul li{align-items: start;}
    .about02_1 ul li span{margin-top: 10px;}
}

.about03_1 .about_style1{margin-bottom: 9.6rem;}
.about03_1 h4{ font-size: 3.2rem;font-weight: 700;}
.about03_1 .text_box{width: 100%; padding:  2.4rem; margin: 4.8rem 0;background-color: #F0F5FC; border-radius: 8px;}
.about03_1 .text_box p{font-weight: 700;}
.about03_1 .text_box p span{ color: #1748E8; font-weight: 700;}
.about03_1 .text_box p i{padding: 0 0.5rem;}
.about03_1 .wrap{display: flex; justify-content: start; gap: 0 6.4rem; align-items: center;margin-bottom: 9.6rem ;}
.about03_1 .wrap .txt{display: flex; flex-direction: column; gap: 3.2rem;}
.about03_1 .wrap .txt h5{font-weight: 700;margin-bottom: 1rem;}
.about03_1 .wrap .txt h6{line-height: 160%;}
.about03_1 .wrap .img{width: 50%;}
.about03_1 .wrap .img img{width: 100%; max-width:62.4rem ;}
.about03_1 .txt_wrap{display: flex; justify-content: start; gap: 0 6.4rem;margin-bottom: 9.6rem;}
.about03_1 .txt_wrap div{width: 50%;}
.about03_1 .txt_wrap h5{font-weight: 700;margin-bottom: 2.4rem;}
.about03_1 .txt_wrap div:last-of-type h5{font-weight: 700;margin-bottom: 1.6rem;}
.about03_1 .txt_wrap ul li {display: flex; align-items: center; margin-bottom: 1rem;}
.about03_1 .txt_wrap ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px; }
.about03_1 .items{margin-top: 4.8rem; padding: 6.4rem; border: 1px solid #E6E6E6; display: flex;flex-wrap: wrap; gap: 4.8rem; justify-content: space-between; align-items: center;}
.about03_1 .item{width: 47%;text-align: center;}
.about03_1 .item img{max-width: 56.8rem; width: 100%;}
.about03_1 .item p{font-weight: 700; line-height: 155%;}

.about03_2{background: url(../img/section06_bg.svg)no-repeat;background-position: center;background-size: cover;}
.about03_2 h4{ font-size: 3.2rem;font-weight: 700;color: #fff;margin-bottom: 4.8rem ;}
.about03_2 .about_style1{color: #fff;}
.about03_2 .wrap1{margin: 9.6rem 0;}
.about03_2 .img_wrap{display: flex; justify-content: start; align-items: center; gap: 0 6.4rem ;}
.about03_2 .wrap1 .txt{display: flex; flex-direction: column; gap: 4rem 0;}
.about03_2 .wrap1 .txt div{display: flex; justify-content: start; align-items: center; gap: 0 1rem;}
.about03_2 .wrap1 .txt p{font-size: 2.4rem; font-weight: 700; line-height: 135%;color: #fff;}
.about03_2 .wrap1 .txt span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #fff; margin-right: 10px;display: none; }
.about03_2 .wrap2 .txt{display: flex; flex-direction: column; gap: 4.8rem 0;}
.about03_2 .wrap2 p{font-size: 2rem; font-weight: 700; color: #fff;margin-bottom: 1.6rem;}
.about03_2 .wrap2 span{font-size: 3.2rem; font-weight: 700; color: #17B4E8;}
.about03_2 .wrap1 .img_wrap div{width: 100%!important;}
.about03_2 .wrap1 .img_wrap .img{width: 50%;}
.about03_2 .wrap1 .img_wrap img{width: 100%; max-width: 62.4rem;}
.about03_2 .wrap2 .img_wrap .img{width: 50%;}
.about03_2 .wrap2 .img_wrap img{width: 100%; max-width: 62.4rem;}

.about03_3{background-color: hwb(226 7% 29%); }
.about03_3 .width{display: flex; justify-content: start; gap: 0 8rem; align-items: start;}
.about03_3 .left{width: 44%;font-size: 3.2rem ; color: #65D9FF; font-weight: 700; line-height: 135%;}
.about03_3 .container {margin-top: 5.6rem; width: 50%;}
.about03_3 .text {font-size: 5.6rem;font-weight: 900; line-height: 135%;width: 100%;color: rgb(182, 182, 182, 0.2);background: linear-gradient(to right, #fff, #fff) no-repeat;-webkit-background-clip: text;background-clip: text;background-size: 0%;transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: relative;}

.about03_4 .wrap{margin: 9.6rem 0;}
.about03_4 h4{ font-size: 3.2rem;font-weight: 700;margin-bottom: 4.8rem ;}
.about03_4 h5{font-size: 2rem ; font-weight: 700; line-height: 135%; margin-bottom: 2.4rem;}
.about03_4 h6{line-height: 160%;margin-bottom: 4.8rem;}
.about03_4 .img_box{display: flex; justify-content: space-between; align-items: center;gap: 3.2rem;}
.about03_4 .img_box .img {width: 31%;}
.about03_4 .img_box .img img{width: 100%;}
.about03_4 .wrap .txt_box{display: flex; justify-content: space-between; align-items: center;}
.about03_4 .wrap .txt_box div{width: 50%;}
.about03_4 .txt_box h6 span{color: #4772FF; font-size: 2rem; font-weight: 700;}
.about03_4 .wrap .img{width: 100%;}
.about03_4 .wrap .img img{width: 100%;}
.about03_4 .margin{margin-bottom: 0;}

.about03_5 h4{ font-size: 3.2rem;font-weight: 700;}
.about03_5 .text_box{width: 100%; padding:  3.2rem 4.8rem; margin-top: 4.8rem;margin-bottom: 9.6rem; background-color: #F0F5FC; border-radius: 8px;}
.about03_5 .text_box p{color: #16376B; font-weight: 700;}
.about03_5 h5{font-size: 3.2rem; font-weight: 700; line-height: 135%; margin-bottom: 3.2rem;}
.about03_5 table{width: 100%; border-collapse: collapse;border-radius: 16px!important;border-style: hidden;box-shadow: 0 0 0 1px #E6E6E6;margin-bottom: 9.6rem;}
.about03_5 table th{color: #fff; font-weight: 700; background-color: #16376B; padding: 2rem 2.4rem;}
.about03_5 tr{height: 80px!important;}
.about03_5 table td{padding: 0 2.4rem; text-align: center;font-weight: 700;border:1px solid #E6E6E6;height: 80px!important;}
.about03_5 .border_1{border-radius: 16px 0 0 0 ;}
.about03_5 .border_2{border-radius: 0 16px 0 0 ;}
.about03_5 .txt_wrap{margin-top: 4.8rem; display: flex;justify-content: space-between; align-items: start;gap: 0 6.4rem;}
.about03_5 .txt{display: flex; flex-direction: column; gap: 1.6rem 0;width: 49%; }
.about03_5 h6{font-size: 2.4rem; font-weight: 700; color: #666;}
.about03_5 p{font-size: 2.4rem; font-weight: 700;}
.about03_5 .txt2{border: 1px solid #E6E6E6; border-radius: 16px; padding: 3.2rem; }
.about03_5 .txt2 b{font-size: 2rem; font-weight: 700;margin-bottom: 0.8rem;}
.about03_5 .txt2 p{display: flex; flex-direction: column; gap: 1.6rem 0 ; }
.about03_5 .txt2 p span{font-weight: 400;font-size: 1.8rem;}
.about03_5 .color{color:#666 ;}
.about03_5 .weight{font-weight: 400;}

.mob_table{display: none;}
.pc_text{display: block;}
.mob_text{display: none;}

/* about03 반응형 */
@media screen and (max-width:1434px) {
    .about03_3 .container{width: 55%;margin: 0;margin-top: 5.6rem;}
    .about03_3 .left{width: 39%; }
}
@media screen and (max-width:1270px) {
    .about03_3 .left br{display: none;}
    .about03_3 .left {word-break: keep-all;}
    .about03_3 .width{gap: 0 6.4rem;flex-wrap: wrap;}
    .about03_3 .container{width: 60%;}
    .about03_4 .wrap .txt_box{flex-direction: column;gap:2.4rem 0 ;margin-bottom: 32px;}
    .about03_4 .wrap .txt_box div{width: 100%;}
    .about03_4 h6{margin-bottom: 0;}
}
@media screen and (max-width:1024px) {
    .about03_1 .about_style1{margin-bottom: 6.4rem;}
    .about03_1 h4{font-size: 2.4rem;}
    .about03_1 .text_box{margin: 3.2rem 0;}
    .about03_1 .wrap .txt h5{margin-bottom: 0.8rem;}
    .about03_1 .wrap .txt{gap: 1.6rem 0;}
    .about03_1 .wrap{flex-wrap: wrap;}
    .about03_1 .wrap .img, .about03_1 .wrap .txt{width: 100%;}
    .about03_1 .wrap{gap: 3.2rem 0;margin-bottom: 6.4rem;}
    .about03_1 .text_box p span, .about03_1 .wrap .txt h6{word-break: keep-all;}
    .about03_1 .txt_wrap ul li{margin-bottom: 0.8rem;font-size: 18px;}
    .about03_1 .txt_wrap h5{margin-bottom: 0.8rem;font-size: 16px;}
    .about03_1 .txt_wrap{flex-wrap: wrap;}
    .about03_1 .txt_wrap div{width: 100%;margin-bottom: 16px;}
    .about03_1 .txt_wrap div:last-child{margin-bottom: 0;}
    .about03_1 .txt_wrap{margin-bottom: 6.4rem;}
    .about03_1 .items{margin-top: 3.2rem; padding: 3.2rem 2.4rem;}
    .about03_1 .item p{font-size: 16px;}
    .about03_1 .items{gap: 3.2rem;}
    .about03_2 .wrap1{margin: 6.4rem 0;}
    .about03_2 h4{margin-bottom: 3.2rem;}
    .about03_2 h4{font-size: 20px; text-align: center;}
    .about03_2 .wrap1 .txt p{font-size: 16px;}
    .about03_2 .wrap1 .txt{gap: 1.6rem 0;}
    .about03_2 .wrap2 p{margin-bottom: 0.8rem; font-size: 1.6rem;}
    .about03_2 .wrap2 span{font-size: 2rem;}
    .about03_2 .wrap2 .txt{gap: 1.6rem 0;}
    .about03_3 .left{width: 100%;text-align: center;}
    .about03_3 .container{width: 100%; text-align: center; }
    .about03_3 .text{align-items: center;}
    .about03_3 .left{font-size: 20px;}
    .about03_3 .container{margin-top: 4.8rem;}
    .about03_3 .text{font-size: 32px;}
    .about03_4 .wrap{margin-top: 6.4rem ;margin-bottom: 0;}
    .about03_4 h4{font-size: 24px;margin-bottom: 3.2rem;}
    .about03_4 h5{font-size: 16px;}
    .about03_4 h6{font-size: 16px;}
    .about03_4 .img_box{flex-wrap: wrap; gap: 3.2rem 0;margin-top: 3.2rem;}
    .about03_4 .img_box .img{width: 100%;}
    .font{font-size: 20px!important;}
    .about03_4 .txt_box h6 span{font-size: 18px;}
    .about03_5 .text_box{margin-bottom: 6.4rem;padding: 2.4rem;}
    .about03_5 .text_box p{font-size: 18px;}
    .about03_5 h5{font-size: 2.4rem;}
    .about03_5 table{display: none;}
    .mob_table{display: block; border: 1px solid #E6E6E6;border-radius: 16px;padding: 3.2rem ;position: relative;margin-bottom: 6.4rem;}
    .mob_table .item{width: 100%;position: relative;}
    .mob_table .line{width: 100%; height: 1px;background-color: #e6e6e6;margin: 3.2rem auto;}
    .mob_table .order_quantity{font-size: 16px ; font-weight: 700; color: #4D4D4D;}
    .mob_table h5{font-size: 16px; font-weight: 700; color: #317BF0;margin-bottom: 16px;}
    .mob_table .product_name{font-size: 20px; font-weight: 700;margin-bottom: 8px; color: #212121;}
    .mob_table .logo{position: absolute;top: 0; right: 0;}
    .mob_table .img1{width: 124px;}
    .mob_table .img2{width: 88px;}
    .mob_table .img3{width: 70px;}
    .mob_table .img4{width: 97px;}
    .mob_table .img5{width: 81px;}
    .mob_table .img6{width: 61px;}
    .mob_table .img7{width: 36px;}
    .mob_table .img8{width: 53px;}
    .mob_table .img9{width: 41px;}
    .mob_table .img10{width: 16px;}
    .mob_table .img11{width: 63px;}
    .mob_table .logo img{width: 100%;}
    .about03_5 h4{font-size: 24px;}
    .about03_5 .txt_wrap{margin-top: 3.2rem;}
    .about03_5 h6{font-size: 20px;}
    .about03_5 .txt{gap: 0.8rem 0;}
    .about03_5 .txt_wrap{flex-wrap: wrap;}
    .about03_5 .txt{width: 100%;}
    .about03_5 .txt2{margin-top: 3.2rem;}
    .about03_5 p{font-size: 20px;}
    .about03_5 .txt2 b{font-size: 18px; margin-bottom: 1.6rem;}
    .about03_5 .txt2 p{font-size: 16px;}
    .pc_text{display: none;}
    .mob_text{display: block;}
}
@media screen and (max-width:850px) {
    .about03_1 .item{width: 100%;}
    .about03_2 .img_wrap, .about03_2 .img_wrap{flex-wrap: wrap;}
    .about03_2 .wrap1 .img_wrap .img, .about03_2 .wrap1 .txt, .about03_2 .wrap2 .img_wrap .img, .about03_2 .wrap2 .img_wrap .txt{width: 100%;}
    .about03_2 .wrap1 .img_wrap .img, .about03_2 .wrap2 .img_wrap .img{text-align: center;}
    .about03_2 .wrap1 .txt span{display: block;}
    .about03_2 .wrap2 .img_wrap div{width: 100%!important;text-align: center;}
}
@media screen and (max-width:500px) {
    .about03_1 .txt_wrap ul li span{margin-top: 10px;}
    .about03_1 .txt_wrap ul li{align-items: start;}
}

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


.about04_1 .width{display: flex; justify-content: space-between; gap:0 6.4rem;align-items: start;}
.about04_1 .about_style1{width: 49%;}
.about04_1 .text{width: 49%;}
.about04_1 .text h6{font-size: 2rem;width: 100%; word-break: keep-all; margin-bottom: 4.8rem; line-height: 160%;}
.about04_1 .text>div{display: flex; justify-content: space-between;align-items: center; gap:0 4rem;}
.about04_1 .text span{color: #4772FF; font-size: 2rem; font-weight: 700;margin-bottom: 1.6rem; display: block;}
.about04_1 .text p{line-height: 160%;}

.about04_4{background-color: #F0F5FC;}
.about04_4 .wrap{display: flex; justify-content: space-between; align-items: start; gap:0 6.4rem;margin-top: 6.4rem;}
.about04_4 .item{width: 49%; display: flex; justify-content: space-between; align-items: start;gap:0 3.2rem ;}
.about04_4 .item .img{width: 49%;}
.about04_4 .item .img img{width: 100%;}
.about04_4 .text h5{font-size: 2.4rem ; font-weight: 700; margin-bottom: 1.6rem;margin-top: 2.4rem;}
.about04_4 .text p{font-size: 2rem;word-break: keep-all;}
.about04_4 .text ul li{display: flex; justify-content: start; align-items: start;}
.about04_4 .text ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 15px; }
.about04_4 .text ul {padding-left: 5%;}

.about04_5  .his_wrap{margin-top: 6.4rem; position: relative;}
.about04_5 .his_wrap .line{position: absolute; left: 0; right: 0; margin: 0 auto; width: 2px; height: 100%; background:  #212121; display: block; top: 0; z-index: 0;}
.about04_5 .his_wrap .box_wrap{display: flex; margin-bottom: 120px;}
.about04_5 .his_wrap .box_wrap .left{width: 50%;}
.about04_5 .his_wrap .box_wrap .img{width: 58.6rem; text-align: left;margin-top: 6.4rem;}
.about04_5 .his_wrap .box_wrap .img img{max-width: 100%; }
.about04_5 .his_wrap .box_wrap .text{width: 100%;position: relative; padding-left: 6.4rem; padding-top: 1.6rem; padding-bottom: 6.4rem;}
.about04_5 .his_wrap .box_wrap .text::before{content: '';display: block; background: url(../img/history_icon.png)no-repeat;width: 20px; height: 28px;position: absolute; left: -10px; z-index: 11;top: 25px;}
.about04_5 .his_wrap .box_wrap .text h2{color: #5D9CFF; font-size: 3.2rem; font-weight: 700; margin-bottom: 1.6rem;}
.about04_5 .his_wrap .box_wrap .text h3{color: #0E2B8C; font-size: 3.2rem; font-weight: 700; margin-bottom: 3.2rem;line-height: 135%;}
.about04_5 .his_wrap .box_wrap .text div{display: flex; justify-content: start; align-items: start; gap: 0 1rem; }
.about04_5 .his_wrap .box_wrap .text p{font-size: 1.8rem; line-height: 160%;}
.about04_5 .his_wrap .box_wrap .text span{display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 15px; }
.about04_5 .his_wrap .right{display: flex; flex-direction: column; width: 50%;}
.about04_5 .m_text{display: none;}
.about04_5 .mob_img{display: none!important;}

.about04_6 .map_img{background: url(../img/about04_6_bg.png)no-repeat; background-position: center;background-size: cover;}
.about04_6 h2{font-size: 4.8rem; font-weight: 900 ; color: #fff; line-height: 135%;height: 88rem;}
.about04_6 .nation_wrap{padding-bottom: 12.8rem;background: url(../img/about04_6_bg2.png)no-repeat; background-position: center;background-size: cover;}
.about04_6 .wrap{display: flex; justify-content: space-between ;align-items: start;gap: 4rem 6.4rem;flex-wrap: wrap;}
.about04_6 .item{width: 30%;display: flex; flex-direction: column; gap: 1.6rem 0; }
.about04_6 .nation{ color: #fff; font-size: 1.6rem; font-weight: 600;}
.about04_6 .nation img{margin-top: -5px; margin-right: 1.2rem;}
.about04_6 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #fff; margin-right: 10px;margin-top: 10px; }
.about04_6 ul li{display: flex; justify-content: start; align-items: start;margin-bottom: 0.5rem;}
.about04_6 ul li p{color: #fff; font-size: 1.6rem;;}

/* about04 반응형 */
@media screen and (max-width:1260px) {
    .about04_6 .wrap{justify-content: center; gap: 4rem ;}
}
@media screen and (max-width:1200px) {
    .about04_1 .about_style1{width: 30%;}
    .about04_1 .width{justify-content: center;}
    .about04_4 .item{align-items: center;}
    .about04_5 .his_wrap .box_wrap .img{width:45rem;}
}
@media screen and (max-width:1024px) {
    .about04_5 .mob_img{display: block!important;}
    .about04_5 .m_text{display: block;}
    .about04_5 .p_text{display: none;}
    .about04_1 .text h6{font-size: 16px;margin-bottom: 24px;}
    .about04_1 .text span{font-size: 18px;margin-bottom: 0.8rem;}
    .about04_1 .text p{font-size: 16px;}
    .about04_1 .about_style1{width: 100%;}
    .about04_1 .text{width: 100%;}
    .about04_1 .width{flex-wrap: wrap; gap: 2.4rem 0;}
    .about04_4 .item, .about04_4 .wrap{flex-wrap: wrap;}
    .about04_4 .item, .about04_4 .item .img, .about04_4 .text{width: 100%;}
    .about04_4 .text h5{margin: 24px 0;font-size: 20px;}
    .about04_4 .text ul{padding-left: 1%;}
    .about04_4 .wrap{gap: 4.8rem 0;}
    .about04_4 .text p{font-size: 16px;}
    .about04_5 .his_wrap .box_wrap .text h2, .about04_5 .his_wrap .box_wrap .text h3{font-size: 20px;}
    .about04_5 .his_wrap .box_wrap .text h2{margin-bottom: 0;}   
    .about04_5 .his_wrap .box_wrap .text p{font-size: 18px;}
    .about04_5 .his_wrap .box_wrap .text h3{margin-bottom: 1.6rem;}
    .about04_5 .his_wrap .line{right: auto;}
    .about04_5 .his_wrap .box_wrap .left{display: none;}
    .mob_img{margin-bottom: 3.2rem;}
    .mob_img img{width: 100%; max-width: 314px;}
    .about04_5 .his_wrap .right{width: 100%;}
    .about04_5 .his_wrap .box_wrap .text h3 br{display: none;}
    .about04_6 h2{font-size: 3.2rem;height: 50rem;}
    .about04_6 .item{width: 100%;}
    .about04_6 .wrap{gap: 3.2rem 0;}
    
}

.rd01_1 p{font-size: 2rem ;margin-top: 2.4rem;}
.rd01_1 .wrap{margin-top: 12.8rem; display: flex; justify-content: start; gap: 0 6.4rem; align-items: start;}
.rd01_1 .left_img{width: 50%; }
.rd01_1 .right_text{width: 50%; }
.rd01_1 .right_text .about_style1{margin: 2.4rem 0;}
.rd01_1 .right_text p{font-size: 2rem;}
.rd01_1 .right_text .text{display: flex; flex-direction: column; gap: 3.2rem 0 ;margin: 4.8rem 0;}
.rd01_1 .right_text .text b{color: #4772FF; font-size: 2rem; font-weight: 700; margin-bottom: 1.6rem ;display: block;}
.rd01_1 .right_text .btn_style1{margin: 0;}
.rd01_1 .reverse{flex-direction: row-reverse;}
.rd01_1 .item{width: 31%;display: flex; flex-direction: column; gap: 3.2rem 0;text-align: center;}
.rd01_1 .item h5{font-size: 2.4rem; font-weight: 700 ; margin-bottom: 1.6rem;}
.rd01_1 .item h6{font-size: 2rem; font-weight: 600 ;}
.rd01_1 .left_img img{width: 100%;}

/* rd01 반응형 */
@media screen and (max-width:1024px) {
    .rd01_1 p{font-size: 16px;}
    .rd01_1 .wrap{margin-top: 6.4rem;flex-wrap: wrap;}
    .rd01_1 .left_img, .rd01_1 .right_text{width: 100%;}
    .rd01_1 .right_text p{font-size: 16px;}
    .rd01_1 .right_text .text{margin: 2.4rem 0;}
    .rd01_1 .right_text .text{gap: 2.4rem 0;}
    .rd01_1 .right_text .text b{margin-bottom: 0.8rem;}
    .rd01_1 .reverse{margin-bottom: 16rem;}
    .rd01_1 .item{width: 100%;gap: 2.4rem 0;}
    .rd01_1 .item h5{margin-bottom: 0.8rem;font-size: 20px;}
    .rd01_1 .item h6{font-size: 16px;}
    .rd01_1 .wrap{gap: 6.4rem 0;}
}

.about04_1 .margin{margin-bottom: 1.6rem!important;}
.about04_1 .margin2{margin-bottom:0!important;}

.rd02_1{margin-top: 12.8rem;}
.rd02_1 .width{display: flex; justify-content: start; gap:0 6.4rem ; align-items: start;}
.rd02_1 .about_style1{width: 49%;}
.rd02_1 .text{display: flex; flex-direction: column; gap: 1.6rem 0;width: 49%;}
.rd02_1 .text h6{font-size: 2rem ;}
.bule_width{display: flex; justify-content: space-between; align-items: start; gap: 0 4.8rem; flex-wrap: wrap;margin: 4.8rem 0;}
.bule_width .box{width: 30%;}
.bule_width .box b{color: #4772FF; font-size: 2rem; font-weight: 700; margin-bottom: 1.6rem;display: block;}
.bule_width .box .content{display: flex; flex-direction: column; gap:  0.8rem 0;}

.rd02_2 .img{width: 100%;}
.rd02_2 .img img{width: 100%;}

.rd02_3 .width{display: flex; flex-direction: column ; gap: 6.4rem 0 ;} 
.rd02_3 table{width: 100%; border-collapse: collapse;border-radius: 16px!important;border-style: hidden;box-shadow: 0 0 0 1px #E6E6E6;}
.rd02_3 table th{color: #fff; font-weight: 700; background-color: #16376B; padding: 2rem 2.4rem;}
.rd02_3 table td{padding: 2rem 2.4rem; border:1px solid #E6E6E6;width: 30%;word-break: keep-all;}
.rd02_3 .border_1{border-radius: 16px 0 0 0 ;}
.rd02_3 .border_2{border-radius: 0 16px 0 0 ;color: #65D9FF;}
.rd02_3 .division{background-color: #F2F2F2;color: #666;width: 10%;text-align: center;font-weight: 700;}
.rd02_3 .background {background-color: #F0F5FC;font-weight: 700;}
.rd02_3 .text_wrap{border-radius: 16px; border: 1px solid #E6E6E6; padding: 4.8rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6.4rem;}
.rd02_3 .item{width: 47%; }
.rd02_3 .item h5{margin-bottom: 1.6rem;font-size: 2.4rem; font-weight: 700;}
.img_wrap{display: flex; justify-content: space-between; align-items: center;gap:0 6.4rem;}
.img_wrap div{width: 47%;}
.img_wrap div img{width: 100%;}
.rd02_3 .mob_table1{display: none;}

.rd02_4 h5{font-size: 2.4rem; font-weight: 700;}
.rd02_4 .img_wrap{margin: 2.4rem 0;}
.rd02_4 h5{font-size: 2.4rem; font-weight: 700;margin-top: 6.4rem;}
.rd02_4 .margin_16{margin-top: 1.6rem;}
.rd02_4 .margin_48{margin-top: 4.8rem;}

.rd02_5 .wrap{margin-top: 6.4rem; display: flex; flex-direction: column; gap:9.6rem 0  ;}
.rd02_5 .item{width: 100%; display: flex; justify-content: start; gap:0 6.4rem;}
.rd02_5 .item .left_title{width:30%;display: flex;justify-content: start;gap:  0 4.8rem;}
.rd02_5 .item span{color: #aaa; font-size: 3.2rem; font-weight: 700;}
.rd02_5 .item .left_title div>p{font-size: 3.2rem; font-weight: 700; line-height: 135%;margin-bottom: 1.6rem;}
.rd02_5 .item .right_text{width: 65%;}
.rd02_5 .item .right_text h5{font-weight: 700; margin-bottom: 3.2rem;}
.rd02_5 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 10px; }
.rd02_5 ul li{display: flex; justify-content: start; align-items: start;margin-bottom: 0.5rem;}
.mob_line{display: none;}
.mob_acco{display: none;}

/* rd02 반응형 */
@media screen and (max-width:1200px) {
    .rd02_3 .text_wrap{gap: 6.4rem 4rem;}
}
@media screen and (max-width:1024px) {
    .rd02_1 .width{gap: 2.4rem;flex-wrap: wrap;}
    .about_style1{width: 100%;}
    .rd02_1 .text{width: 100%;gap: 2.4rem 0;}
    .rd02_2 .width{margin-top: -16px;}
    .bule_width .box{width:100%;}
    .bule_width{gap: 2.4rem 0;margin: 24px 0;margin-top: 32px;}
    .bule_width .box b{margin-bottom:0.8rem ;}
    .bule_width .box .content{gap: 0;}
    .rd02_3 .item{width: 100%;}
    .rd02_3 .item h5{font-size: 2rem;}
    .rd02_3 .text_wrap{gap: 3.2rem 0;padding: 2.4rem;}
    .rd02_3 .item h6{font-size: 16px;}
    .img_wrap{flex-wrap: wrap;gap: 24px 0;}
    .img_wrap div{width: 100%;}
    .rd02_4 h5{font-size: 2rem;}
    .rd02_4 .img_wrap{margin: 32px 0;}
    .rd02_4 .margin_16{margin-top: 0.8rem;}
    .rd02_4 .margin_48{margin-top: 3.2rem;}
    .rd02_5 h3{text-align: center;}
    .rd02_5 .item .left_title, .rd02_5 .item, .rd02_5 .item .right_text{width: 100%;}
    .rd02_5 .item {gap: 16px 0;flex-wrap: wrap;}
    .rd02_5 .item .left_title div>p br{display: none;}
    .rd02_5 .item .right_text h5{margin-bottom: 1.6rem;}
    .mob_line{display: block; width: 100%; height: 1px; background-color: #E6E6E6; margin: 32PX 0 ;}
    .rd02_5 .wrap{gap: 0;}
    .rd02_5 .item span, .rd02_5 .item .left_title div>p{font-size: 20px;}
    .rd02_5 .item .right_text h5, .rd02_5 ul li p{font-size: 16px;}
    .rd02_3 table{ display: none;}
    .rd02_3 .mob_table1{display: block;margin-top: 3.2rem;}
    .rd02_3 .mob_table1 .item{width: 100%; border-radius: 16px; padding: 1.6rem 2.4rem ;background: url(../img/mob_table1_bg.png) no-repeat; background-position: left;background-size: cover;}
    .rd02_3 .mob_table1 h2{font-size: 16px ; font-weight: 700;color: #4D4D4D; margin-bottom: 1.6rem;}
    .rd02_3 .mob_table1 .line{width: 4px ; height: 100%; background-color:#808080  ; border-radius: 16px 0 0 16px;}
    .mob_table1 .text_box{display: flex; justify-content: space-between; align-items: center; gap: 8px;}
    .mob_table1 h4{font-size: 12px; font-weight: 700; margin-bottom: 4px;color: #808080;}
    .mob_table1 h5{font-size: 16px; font-weight: 700;}
    .mob_table1 .wrap1{display: flex; flex-direction: column; gap:16px 0 ;}
    .mob_acco{display: block;border-top: 4px solid #fff;}
    .mob_acco .collapsible { cursor: pointer; padding:24px 0; width: 100%; border: none; text-align: left; outline: none; font-size: 16px; background: none; font-weight: bold; color: #000;border-bottom: 1px solid #E6E6E6;}
    .mob_acco .collapsible span{font-weight: 800; display: inline-block; min-width: 45px;}
    .mob_acco .active,
    .mob_acco .collapsible:hover {  }
    .mob_acco .content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 1px solid #e1e1e1; background: rgba(255,255,255,0.15);}
    .mob_acco .collapsible:after { content: '\f078'; color: #000; font-weight: bold; float: right; margin-left: 5px; font-size: 2.0rem;font-family: 'SUIT'; display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;}
    .mob_acco .active:after {  content: '\f077' ;display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900; }
    .mob_acco .content .tbox{padding:24px 0;display: flex; flex-direction: column;gap: 24px 0;}
    .mob_acco .content .tbox p{color: #000; font-size: 1.8rem; line-height: 145%;}
    .mob_acco .content .tbox h5{color: #808080; font-size: 14px ;font-weight: 700;margin-bottom: 8px;}
    .mob_acco .content .tbox h6{ font-size: 14px ;font-weight: 700;}
    .mob_acco .content .tbox .color{color: #317BF0;}
    .rd02_3 .width{gap: 3.2rem 0;}
}
@media screen and (max-width:600px) {
    .rd02_1 .about_style1{width: 100%;}
}


.rd03_2 .width{display: flex; justify-content: space-between; align-items: start;gap: 0 6.4rem;}
.rd03_2 .about_style1{margin: 2.4rem 0; }
.rd03_2 .margin_32{margin-top: 3.2rem;}
.rd03_2 .margin_48{margin-top: 4.8rem;}
.rd03_2 .width .right_content{width: 50%;}
.rd03_2 .width .left_content{width: 50%;}
.rd03_2 .width .left_content img{width: 100%;}
.rd03_3 .width .right_content{width: 50%;}
.rd03_3 .width .left_content{width: 50%;}
.rd03_3 .width .right_content img{width: 100%;}

.rd03_3 .width{display: flex; justify-content: space-between; align-items: start;gap: 0 6.4rem;}
.rd03_3 .about_style1{margin: 2.4rem 0; }
.rd03_3 .margin_32{margin-top: 3.2rem;}
.rd03_3 .margin_48{margin-top: 4.8rem;}

/* rd03 반응형 */
@media screen and (max-width:1024px) {
    .rd03_2 .width{flex-wrap: wrap;margin-top: -16px;}
    .rd03_2 .width .right_content{width: 100%;}
    .rd03_2 .width .left_content{width: 100%;}
    .rd03_2 .about_style1{margin-top: 3.2rem;}
    .rd03_2 .margin_48, .rd03_2 .margin_32, .rd03_3 .margin_32, .rd03_3 .margin_48{margin-top: 2.4rem;}
    .rd03_3 .width{margin-top: -96px;flex-direction: column-reverse; gap: 3.2rem 0;}
    .rd03_3 .width .right_content{width: 100%;}
    .rd03_3 .width .left_content{width: 100%;}
    .rd03_3 .about_style1{margin: 0 ;margin-bottom: 2.4rem; }
}


.rd04_2 .wrap{margin-top: 6.4rem; display: flex; flex-direction: column; gap: 8rem 0;}
.rd04_2 h4{font-size: 3.2rem ; font-weight: 700; line-height: 135%; padding: 2.4rem 0 ; border-bottom: 1px solid #E6E6E6;margin-bottom: 4.8rem;}
.rd04_2 .item{display: flex ;justify-content: start; align-items:start; gap: 0 6.4rem;}
.rd04_2 .text{display: flex; flex-direction: column; gap: 3.2rem 0 ;}
.rd04_2 .text>div{font-size: 2rem;}
.rd04_2 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 10px; }
.rd04_2 ul li{display: flex; justify-content: start; align-items: start;margin-bottom: 0.5rem;}
.rd04_2 .left_content, .rd04_2 .right_content{width: 49%;}
.rd04_2 .left_content img{width: 100%;}

.rd04_3 p{font-size: 2rem ;margin-top: 2.4rem;}
.rd04_3 .wrap{margin: 6.4rem 0 ;display: flex; justify-content: space-between; align-items: start; gap: 0 6.4rem;}
.rd04_3 .item{width: 49%;text-align: center;}
.rd04_3 .item img{width: 100%;}
.rd04_3 h5{font-size: 2.4rem; margin-top: 3.2rem; margin-bottom: 1.6rem; font-weight: 700;}
.rd04_3 h6{font-size: 2rem ;}
.blue_text_box{background: #F0F5FC; padding: 3.2rem 4.8rem; color: #16376B; font-weight: 700;}

.rd03_2 p span{color: #4772FF; font-size: 2rem; font-weight: 700;margin-bottom: 1.6rem; display: block;}
.rd03_2 p ul {display: flex; flex-direction: column; gap: 0.8rem 0;}
.rd03_2 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 10px; }
.rd03_2 ul li{display: flex; justify-content: start; align-items: start;margin-bottom: 0.5rem;}

.rd05_2 .wrap{margin: 6.4rem 0; display: flex; justify-content: space-between; align-items: start; gap: 0 6.4rem; flex-wrap: wrap;}
.rd05_2 .item{width: 30%;text-align: center;}

.rd05_2 h5{font-size: 2.4rem; margin-top: 3.2rem; margin-bottom: 1.6rem; font-weight: 700;}
.rd05_2 h6{font-size: 2rem ;}

.rd04_4 .text_box{margin-top: 6.4rem;display: flex;flex-direction: column; gap: 4.8rem 0;}
.rd04_4 .text_box h5{font-family: 2.4rem; font-weight: 700; margin-bottom: 1.6rem;}

.rd04_5 .wrap{margin-top: 6.4rem ;display: flex; flex-direction: column; gap: 4.8rem 0;}
.rd04_5 .img{border-radius: 16px; border: 1px solid #E6E6E6; padding: 2.5rem 6.2rem;}
.rd04_5 .img img{width: 100%;}
.rd04_5 ul li span{ display: block; width: 5px!important; height: 5px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 11px; }
.rd04_5 ul li{display: flex; justify-content: start; align-items: start;margin-bottom: 0.5rem;}
.rd05_2 .item img{width: 100%;}

.rd04_5 .mob2_img{display: none;}

/* rd04 반응형 */
@media screen and (max-width:1240px) {
    .rd05_2 .wrap{gap: 0 4rem;}
}
@media screen and (max-width:1024px) {
    .rd04_2 {margin-top: -16px;}
    .rd04_2 .item{flex-wrap: wrap;}
    .rd04_2 .left_content, .rd04_2 .right_content{width: 100%;}
    .rd04_2 .wrap{margin-top: 4.8rem;}
    .rd04_2 h4{margin-bottom: 2.4rem;font-size: 2.4rem;}
    .rd04_2 .text>div{font-size: 16px;}
    .rd04_2 .text{gap: 2.4rem 0;}
    .rd04_3 p{font-size: 16px;}
    .rd04_3 .wrap{margin: 4.8rem 0;flex-wrap: wrap;gap: 4.8rem 0;}
    .rd04_3 .item{width: 100%;}
    .rd04_3 h5{font-size: 20px;}
    .rd04_3 h6{font-size: 16px;}
    .blue_text_box{font-size: 16px ;text-align: center;}
    .rd03_2 .about_style1{margin-top: 4.8rem;}
    .rd03_2 ul li{margin-bottom: 0;}
    .rd05_2 .wrap{margin: 0 ;margin-top: 6.4rem; margin-bottom: 4.8rem;flex-wrap: wrap;gap: 4.8rem 0;}
    .rd05_2 .item{width: 100%;}
    .rd05_2 h5{font-size: 20px; margin-top: 2.4rem;}
    .rd05_2 h6{font-size: 16px;}
    .rd04_5 .mob2_img{display: block;margin-bottom: 1.6rem;}
    .rd04_5 .pc2_img{display: none;}
    .rd04_5 .img{padding: 0;}
    .rd04_5 .wrap{margin-top: 4.8rem;gap: 1.6rem 0;}
    
}



.product01_1 .text_wrap{margin-bottom: 12.8rem;}
.product01_1 .text_wrap .about_style1{margin-bottom: 3.2rem;font-size: 5.6rem;}
.product01_1 p{font-size: 2.4rem; font-weight: 700 ;color: #666;}
.product01_1 p:first-of-type{margin-bottom: 1.6rem;}
.product01_1 .wrap{margin-top: 4rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;gap: 4rem;}
.product01_1 .item{width: 30%;display: block; transition: all 0.5s;border-radius: 17px;position: relative;}
.product01_1 .item:hover{box-shadow: 0px 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);border-radius: 17px;}
.product01_1 .item img{width: 100%;}
.product01_1 .item .text{padding: 2.4rem ; position: absolute; bottom: 0 ;left: 0;}
.product01_1 .item .text h5{color: #fff;font-size: 14px ; font-weight: 700; margin-bottom: 8px;}
.product01_1 .item .text h6{color: #fff; font-size: 2.4rem; font-weight: 700;}
.product01_1 .item1{background: url(../img/product01_img1.svg) no-repeat; background-position: center;background-size: cover;height: 294px;}
.product01_1 .item2{background: url(../img/product01_img2.svg) no-repeat; background-position: center;background-size: cover;height: 294px;}
.product01_1 .item3{background: url(../img/product01_img3.svg) no-repeat; background-position: center;background-size: cover;height: 294px;}
.product01_1 .item4{background: url(../img/product01_img4.svg) no-repeat; background-position: center;background-size: cover;height: 294px;}
.product01_1 .item5{background: url(../img/product01_img5.svg) no-repeat; background-position: center;background-size: cover;height: 294px;}
.product01_1 .item6{background: url(../img/product01_img6.svg) no-repeat; background-position: center;background-size: cover;height: 294px;}
.product01_1 .item7{background: url(../img/product01_img7.svg) no-repeat; background-position: center;background-size: cover;height: 294px;}


/* product01 반응형 */
@media screen and (max-width:1024px) {
    .product01_1 .text_wrap .about_style1, .product01_1 p:first-of-type{margin-bottom: 2.4rem;}
    .product01_1 p{color: #212121; font-size: 16px; font-weight: 400;}
    .product01_1 .text_wrap{margin-bottom: 6.4rem;}
    .product01_1 .wrap{margin-top: 3.2rem;flex-wrap: wrap;gap: 2.4rem 0;}
    .product01_1 .item{width: 100%;border-radius: 16px;}
    .product01_1 .text_wrap .about_style1{font-size: 3.2rem;}
}

.product02_2{margin-top: 9.6rem;margin-bottom: 12.8rem;}
.product02_2 .width{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3.2rem;}
.product_item_style1{border-radius: 16px;width: 48.5% ;}
.product_item_style1 .blue_box{border-radius: 16px 16px 0 0;padding:2.6rem 3.2rem ; background-color: #317BF0; display: flex; width: 100%;flex-direction: column;}
.product_item_style1 h5{color: #fff; font-size: 4rem ; font-weight: 700;}
.product_item_style1 h6{color: #fff; font-size: 3.2rem ; font-weight: 700;}
.product_item_style1 .img{border-radius: 0 0 16px 16px;width: 100%;}
.product_item_style1 .img img{ width: 100%;border-radius: 0 0 16px 16px;}
.product02_2 .product_item_style2 .img img{width: 23rem;}
.product02_2 .product_item_style2{border-radius: 16px;padding: 3.2rem ;width: 48.5% ;position: relative;height: 57.5rem;background: url(../img/product02_img2.svg)no-repeat;background-position: center;background-size: cover;}
.product_item_style2 .text{display: flex; flex-direction: column; gap: 3.2rem 0;}
.product_item_style2 .text>div{display: flex; justify-content: start; align-items: start; gap: 0 0.8rem;}
.product_item_style2 h5{font-size: 3.2rem; font-weight: 700;color: #fff;}
.product_item_style2 h6{font-weight: 500;color: #fff;}
.product_item_style2 span{background-color: #1238B5; width: 24px; height: 24px; display: flex;justify-content: center; align-items: center; color: #ffffffda;font-size: 1.6rem ; font-weight: 700;border-radius: 50%;}
.product_item_style2 .img{position: absolute; bottom: 0; right: 0;}
.product_item_style3{width: 48.5%; background-color: #0D1554; padding: 3.2rem ; border-radius: 16px;min-height: 310px;position: relative;}
.product_item_style3 .text{display: flex; flex-direction: column; gap: 1.6rem 0;position: absolute; bottom: 3rem ;left: 3.2rem;}
.product_item_style3 .text .box{display: flex;align-items: start;}
.product_item_style3 h4{font-size: 2.4rem; color: #fff; font-weight: 700;}
.product_item_style3 .box1 h5{font-weight: 700; color: #fff; opacity: 0.64;}
.product_item_style3 .box1 b{font-weight: 700; color: #fff; font-size: 3.2rem; opacity: 0.64;padding-left: 5px;}
.product_item_style3 .box1 span{font-weight: 700; color: #fff; font-size: 3.2rem; opacity: 0.64;margin-top: -10px;}
.product_item_style3 .box2 h5{font-weight: 700; color: #fff;}
.product_item_style3 .box2 b{font-weight: 700; color: #fff; font-size: 3.2rem; padding-left: 6px;padding-top: 5px;}
.product_item_style3 .box2 span{ font-weight: 700; color: #fff; font-size: 3.2rem; margin-top: -6px;}
.product_item_style3 .vs{margin-top: -6px; font-size: 1.6rem; font-weight: 700; color: #fff; background-color: #16238B; border-radius: 1000px; padding: 0.4rem 1.2rem;width: 46px;text-align: center;}
.product_item_style3 .grape{position: absolute;bottom: 3.2rem; right: 3.2rem; background: url(../img/grape.svg) no-repeat;background-position: center;background-size: cover;width: 10.4rem; height: 10.4rem; color: #fff; font-size: 2.4rem; font-weight: 700; line-height: 10.4rem; text-align: center;}
.product02_2 .product_item_style4{width: 48.5%; background:url(../img/product02_img4.svg)no-repeat; padding: 3.2rem ; border-radius: 16px;height: 310px;position: relative;}
.product_item_style4 h4{font-size: 2.4rem; font-weight: 700;color: #fff;}
.product_item_style4 .text{width: 100%; position: absolute; bottom: 3.2rem; left: 3.2rem;display: flex; justify-content: start; align-items: start;gap: 0 2.4rem;}
.product_item_style4 .text>div{width: 48.5%;display: flex; flex-direction: column; gap: 0.4rem 0;}
.product_item_style4 span{font-weight: 700; color: #fff;}
.product_item_style4 p{font-size: 3.2rem; font-weight: 700; color: #fff;}
.product_item_style5{width: 100%; background-color: #F0F5FC; padding: 3.2rem ; border-radius: 16px; }
.product_item_style5 .text_box{margin-bottom: 3.2rem; }
.product_item_style5 .text_box h4{font-size: 2.4rem; font-weight: 700; color: #16238B;margin-bottom: 2.4rem;}
.product_item_style5 .text_box p{color: #16238B; font-weight: 500;}
.product_item_style5 .text_box p:first-of-type{margin-bottom: 0.8rem;}
.product_item_style5 .left .icon{background-color: #16238B; padding: 1rem 1.8rem;border-radius: 1000px; color: #fff;font-weight: 800;width: 6.4rem;position: absolute; top: 13%; left: 84%;}
.product_item_style5 .img_box{display: flex; justify-content: start; align-items: center;gap: 0 3.2rem;}
.product_item_style5 .left, .product_item_style5 .right{width: 48%;display: flex;justify-content: start; align-items: center;gap: 0 8.2rem;}
.product_item_style5 .img{position: relative ;}
.product_item_style5 .img img{position: relative ;z-index: 999;} 
.product_item_style5 .left p{color: #16238B; font-size: 1.6rem;font-weight: 700;}
.product_item_style5 .right .icon{background-color: rgba(47, 119, 232, 0.20); padding: 3rem 2.1rem 6.9rem 2.4rem;border-radius: 1000px; color: #808080;font-weight: 800;width: 6.4rem;position: absolute; top: -2%; left: 84%;}
.product_item_style5 .right p{color: #666; font-size: 1.6rem;font-weight: 700;}

.product02_3 .width{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 19.2rem 6.4rem; }
.product02_3 h2{font-size: 4rem; font-weight: 700;margin-bottom: 2.4rem;}
.product02_3 h3{font-size: 3.2rem; font-weight: 700;padding-bottom: 2.4rem;border-bottom: 1px solid #E6E6E6;margin: 4.8rem 0;}
.product02_3 .text{display: flex; justify-content: start; align-items: start;gap: 0 1.6rem; margin-bottom: 3.2rem;}
.product02_3 .text:last-child{margin-bottom: 0;}
.product02_3 .text h4{font-size: 2.4rem; font-weight: 700;width:50%;}
.product02_3 .text>div{font-size: 2rem;line-height: 160%;}
.product02_3 .width .item{ width: 46%;}
.product02_3 .width .item img{ width: 100%;}

.product02_4 .wrap{margin-top: 9.6rem;}
.product02_4 .wrap_margin{margin-top: 6.4rem;}
.product_style1{font-weight: 700; font-size: 4rem; }
.product02_4 .img_box{display: flex; justify-content: space-between; align-items: center; gap: 0 6.4rem; margin-top: 6.4rem;flex-wrap: wrap;}
.product02_4 .img_box img{width: 100%;}
.product02_4 .img_box_3 img{width: 30%;}
.product02_4 .img_box_2 img{width: 47%;}
.product02_4 .content_box{display: flex; margin-top: 3.2rem; gap: 3.2rem ; flex-wrap: wrap; justify-content: start; align-items: start;}
.product02_4 .content_box .item{width: 48%;padding: 3.2rem; border-radius: 16px; border: 1px solid #E6E6E6;font-weight: 700 ; line-height: 155%;min-height: 149px;} 
.product02_4 .wrap p{margin-top: 3.2rem;}
.product02_4 li{display: flex; justify-content: start; align-items: start;}
.product02_4 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 10px; }

.product02_5 .inner{display: flex; justify-content: space-between; align-items: start;gap:0 8rem;}
.product02_5 p{margin-top: 4.8rem;} 
.product02_5 p span{margin-top: 0.8rem ;display: block;}
.product02_5 .btn_style1{margin: 0;margin-top: 4.8rem;}
.product02_5 .img{max-width:38.4rem ; width: 100%;}
.product02_5 .img img{width:100% ;}


/* product02 반응형 */
@media screen and (max-width:1300px) {
    .product02_4 .img_box{gap: 0 4rem;}
}
@media screen and (max-width:1200px) {
    .product02_2 .width{gap: 2rem;}
    .product02_2 .product_item_style2{height: 55.5rem;}
}
@media screen and (max-width:1100px) {
    .product02_2 .product_item_style2{height: 52.5rem;}
}
@media screen and (max-width:1024px) {
    .product02_2 .width{gap: 3.2rem 0;}
    .product02_2 .width{flex-wrap: wrap; }
    .product_item_style1, .product_item_style3{width: 100%;}
    .product02_2 .product_item_style2, .product02_2  .product_item_style4{width: 100%;}
    .product02_2  .product_item_style4{background: url(../img/m_product02_img4.png) no-repeat; background-position: center;background-size: cover;}
    .product02_2{margin-top: 6.4rem;}
    .product_item_style1 .blue_box{padding: 3.2rem; gap: 0.8rem;}
    .product_item_style5 .text_box p:first-of-type{margin-bottom: 0;}
    .product_item_style5 .text_box p{font-size: 16px;}
    .product_item_style5 .img img{width: 16.4rem;}
    .product_item_style5 .img img{width: 17.2rem;}
    .product_item_style5 .img_box{align-items: start; flex-direction: column;}
    .product_item_style5 .left, .product_item_style5 .right{width: 100%;}
    .product02_3 .width{flex-wrap: wrap; gap: 6.4rem 0 ; }
    .product02_3 .width .item{width: 100%;}
    .product02_3 h3{margin: 2.4rem 0;}
    .product02_3 h2{font-size: 24px;}
    .product02_3 h3{font-size: 20px;}
    .product02_3 .text h4{font-size: 18px;}
    .product02_3 .text>div{font-size: 16px;}
    .product02_4 .wrap{margin-top: 6.4rem;}
    .product02_4 .product_style1{font-size: 24px;}
    .product02_4 .img_box{margin-top: 2.4rem;}
    .product02_4 .img_box_3 img{width: 100%;}
    .product02_4 .img_box{gap: 2.4rem 0;}
    .product02_4 .content_box .item{width: 100%;padding: 2.4rem; min-height: auto;}
    .product02_4 .content_box{margin-top: 2.4rem; gap: 2.4rem 0;}
    .product02_4 .img_box_2 img{width: 100%;}
    .product02_4 .wrap p{margin-top: 24px; font-size: 16px;}
    .product02_5 .inner{flex-wrap: wrap;gap: 24px 0;}
    .product02_5 p{margin-top: 24px;}
    .product02_5 .inner .text, .product02_5 .inner .img{width: 100%;}
    .product02_5 .inner .img img{width: 100%;}
    .product02_5 .product_style1{font-size: 24px;}
    .product02_5 p span{margin-top: 0; margin-bottom: 16px;}

}
@media screen and (max-width:500px) {
    .product_item_style5 .img_box{gap: 24px 0;}
    .product_item_style5 .left, .product_item_style5 .right{flex-wrap: wrap; }
    .product_item_style5 .left p, .product_item_style5 .right p{width: 100%; padding-left:30px ;}
    .product02_3 .text h4{width: 30%;}
}
@media screen and (max-width:330px) {
    .product02_2 .product_item_style2{height: 575px;}
    .product02_2 .product_item_style2 .img img{width: 15rem;}
}


.product03_2{margin-top: 9.6rem ;margin-bottom: 12.8rem;}
.product03_2 .width{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3.2rem;}
.product03_2 .product_item_style2{border-radius: 16px;padding: 3.2rem ;width: 48.5% ;position: relative;height: 57.5rem;background: url(../img/product03_img2.svg)no-repeat;background-position: center;background-size: cover;}
.product03_2 .product_item_style2 .img{right: 3.2rem; bottom: 3.2rem;}
.product03_2 .product_item_style3 h6{color: #fff; font-size: 3.2rem; font-weight: 700;line-height: 135%;position: absolute; bottom: 3.2rem; left: 3.2rem;}
.product03_2 .product_item_style5{width: 48.5%;min-height: 310px;position: relative;}
.product03_2 .product_item_style5 h6{color: #16238B; font-size: 3.2rem; font-weight: 700;line-height: 135%;position: absolute; bottom: 3.2rem; left: 3.2rem;}
.product_item_style6{padding: 3.2rem ;border-radius: 16px; border: 1px solid #D9D9D9;width: 100%;}
.product_item_style6 .img_box{margin-bottom: 4rem; width: 100%;}
.product_item_style6 .img_box img{width: 100%;}
.product_item_style6 .content_box{display: flex; flex-direction: column; gap: 2.4rem 0;}
.product_item_style6 h4{font-size: 2.4rem; font-weight: 700;}
.product_item_style6 .icon{display: flex; justify-content: start; align-items: center;gap: 0 1.6rem; }
.product_item_style6 p{font-size: 1.6rem; font-weight: 500; line-height: 150%;color: #4D4D4D;}
.product_item_style6 .img1{width: 14.7rem;}
.product_item_style6 .img2{width: 9.1rem;}
.product_item_style6 .mob_img{display: none;}

/* product03 반응형 */
@media screen and (max-width:1200px) {
    .product03_2 .width{gap: 2rem;}
    .product03_2 .product_item_style2{height: 55.5rem;}
}
@media screen and (max-width:1100px) {
    .product03_2 .product_item_style2{height: 52.5rem;}
}
@media screen and (max-width:1024px) {
    .product03_2 .width{gap: 3.2rem 0;}
    .product03_2{margin-top: 6.4rem;}
    .product03_2 .product_item_style2, .product03_2 .product_item_style5{width: 100%;}
    .product_item_style6 .mob_img{display: block;}
    .product_item_style6 .pc_img{display: none;}
    
}
@media screen and (max-width:500px) {
    .product03_2 .product_item_style2{height: 575px;}
    
}
@media screen and (max-width:330px) {
    .product03_2 .product_item_style2 .img img{width: 7rem;}
    
}



.product04_2{margin-top: 9.6rem ;margin-bottom: 12.8rem;}
.product04_2 .width{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3.2rem;}
.product04_2 .product_item_style2{border-radius: 16px;padding: 3.2rem ;width: 48.5% ;position: relative;height: 57.5rem;background: url(../img/product04_img2.svg)no-repeat;}
.product04_2 .product_item_style2 span{background-color: transparent; width: 24px; height: 24px; display: flex;justify-content: center; align-items: center; color: #ffffffda;font-size: 1.6rem ; font-weight: 700;border-radius: 50%;margin-right: 1.6rem;}
.product04_2  .product_item_style2 .img{right: 3.2rem; bottom: 3.2rem;width: 21.4rem;}
.product04_2  .product_item_style2 .img img{width: 100%;}
.product04_2  .product_item_style3 .text_box{position: absolute; bottom: 3.2rem; left: 3.2rem;display: flex; flex-direction: column; gap: 1.6rem 0;}
.product04_2  .product_item_style3 .text_box>div{display: flex; justify-content: start ;align-items: center; gap: 0 1.2rem;}
.product04_2  .product_item_style3 .text_box>div span{width: 3px; height: 3px; display: block;border-radius: 50%; background-color: #fff;}
.product04_2  .product_item_style3 p{color: #fff; font-weight: 500;}
.product04_2 .color{background-color:#F0F5FC ;}
.product04_2 .color h4{color:#16238B ;}
.product04_2 .color p{color:#16238B ;}
.product04_2  .color .text_box>div span{width: 3px; height: 3px; display: block;border-radius: 50%; background-color: #16238B;}
.product_item_style7{width: 100%; background:url(../img/product04_img10.svg)no-repeat;background-position: center;background-size: cover;padding:3.2rem; border-radius: 16px;min-height: 359px;}
.product_item_style7 h4{font-size: 3.2rem; font-weight: 700;margin-bottom: 3.2rem ; color: #fff;}
.product_item_style7 .content_box{display: flex;flex-direction: column; gap: 2.4rem;}
.product_item_style7 img{margin-bottom: 0.8rem;}
.product_item_style7 p{color: #fff;font-size: 1.6rem; font-weight: 500;}

.product02_3 .margin{margin-top: 4.8rem;}
.product02_3 .text h5{font-size: 2.4rem; font-weight: 700; width: 50%;}

.product02_4 .width>p{margin-top: 6.4rem;}
.product02_4 .img_box h2{margin-bottom: 4.8rem;}




/* product04 반응형 */
@media screen and (max-width:1200px) {
    .product04_2 .width{gap: 2rem;}
    .product04_2 .product_item_style2{height: 55.5rem;}
}
@media screen and (max-width:1100px) {
    .product04_2 .product_item_style2{height: 52.5rem;}
}
@media screen and (max-width:1024px){
    .product04_2 .width{gap: 3.2rem 0;}
    .product04_2 .product_item_style2, .product04_2 .product_item_style5{width: 100%;}
    .product04_2 .product_item_style2{background: url(../img/m_product04_img2.png) no-repeat; background-position: center;background-size: cover;}
    .product04_2 .product_item_style2{height: 575px;}
    .product02_3 .margin{margin-top: 2rem;}
    .product02_3 .text h5{font-size: 18px;}
    .product02_4 .width>p{margin-top: 24px; font-size: 16px;}
    .product02_4 .wrap{margin-top: 6.4rem;}
    .product02_4 .img_box h2{margin-bottom: 0;}
    .product04_2{margin-top: 6.4rem;}
}
@media screen and (max-width:350px) {
    .product02_3 .text{flex-wrap: wrap;}
    .product02_3 .text h5, .product02_3 .text>div{width: 100%;}
}
@media screen and (max-width:330px) {
    .product04_2 .product_item_style2{height: 575px;}
    .product04_2 .product_item_style2 .img{width: 15rem;}
}

.product05_2{margin-top: 9.6rem ;margin-bottom: 12.8rem;}
.product05_2 .width{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3.2rem;}
.product05_2 .product_item_style2{border-radius: 16px;padding: 3.2rem ;width: 48.5% ;position: relative;height: 57.5rem;background: url(../img/product05_img2.svg)no-repeat;}
.product05_2 .product_item_style2 span{display: block;width: 3px ;height: 3px ; border-radius: 50%; background-color: #fff; margin-right: 5px;margin-top: 10px;}
.product05_2 .product_item_ style2 .text{position: absolute;bottom: 13.2rem;left: 4.2rem ;gap: 2.4rem 0;}
.product05_2 .product_item_style3{background: url(../img/product05_img3.svg)no-repeat;background-position: center;background-size: cover;display: flex; flex-direction: column; gap: 3.2rem 0;min-height: 367px;}
.product05_2 .product_item_style3 h4, .product05_2 .product_item_style4 h4{font-size: 3.2rem; font-weight: 700;}
.product05_2 .product_item_style3 img{margin-bottom: 0.8rem;}
.product05_2 .product_item_style3 h6{font-weight: 500; color: #fff;}
.product05_2 .product_item_style4{width: 48.5%; background-color: #0D1554; padding: 3.2rem ; border-radius: 16px;height: 367px;position: relative;}
.product05_2 .product_item_style4 p{font-size: 1.8rem; font-weight: 500 ;}
.product05_2 .product_item_style4 .text_box{display: flex; flex-direction: column; gap: 2.4rem 0;position: absolute; bottom: 3.2rem; left: 3.2rem;}
.product05_2 .product_item_style4 .text_box>div{display: flex; justify-content: start; align-items: center; gap: 0 1rem; }
.product05_2 .product_item_style2 .text{position: absolute; bottom: 10rem;}

.product05_3 .wrap{margin-top: 2.4rem; display: flex; justify-content: start; align-items: start;gap: 0 6.4rem; flex-wrap: wrap;}
.product05_3 .wrap img{width: 47%;}
.product05_3 .left_content h3{margin-bottom:4.8rem ; padding: 2.4rem 0 ; border-bottom: 1px solid #E6E6E6; font-size: 3.2rem; font-weight: 700; line-height: 135%;}

.product05_3 ul li{display: flex; justify-content: start; align-items: start;}
.product05_3 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 10px; }
.product05_3 ul li p{font-size: 2rem;}

.product05_4{min-height: 236px!important;}
.dot{width: 3px; height: 3px; border-radius: 50%; background-color: #212121;display: block;float: left; margin-top: 14px; margin-right: 15px;}
.product02_4 .content_box h4{font-size: 2rem ; font-weight: 700;margin-bottom: 2.4rem;}

.product02_5 .wrap{border: 1px solid #E6E6E6; border-radius: 16px; padding: 3.2rem; display: flex; flex-direction: column; gap: 1.6rem 0;margin: 4.8rem 0;}

/* product05 반응형*/
@media screen and (max-width:1200px) {
    .product05_2 .width{gap: 2rem;}
    .product05_2 .product_item_style2{height: 55.5rem;}
    .product05_4{min-height: 300px!important;}
}
@media screen and (max-width:1100px) {
    .product05_2 .product_item_style2{height: 52.5rem;}
}
@media screen and (max-width:1024px) {
    .product05_2 .width{gap: 3.2rem 0;}
    .product05_2{margin-top: 6.4rem;}
    .product05_2 .product_item_style2, .product05_2 .product_item_style4{width: 100%;}
    .product05_2 .product_item_style2{background: url(../img/m_product05_img2.png) no-repeat; background-position: center;background-size: cover;}
    .product_item_style2 .text{gap: 2.4rem 0;}
    .product_item_style2 h6{font-size: 18px;}
    .product05_3 .wrap img{width: 100%;}
    .product05_3 .wrap .left_content{width: 100%;}
    .product05_3 .left_content h3{margin-bottom: 2.4rem;}
    .product05_3 .product_style1{font-size: 24px;}
    .product05_3 .left_content h3{font-size: 20px;}
    .product05_3 .left_content div{font-size: 16px;}
    .product02_4 .img_margin{margin-top: 64px;}
    .product05_4{min-height: auto!important;}
    .product02_4 .content_box h4{font-size: 16px; margin-bottom: 16px;}
    .product02_4 .content_box h6{font-size: 16px;}
    .product02_5 .wrap{padding: 24px;margin: 0 ; margin-top: 2.4rem;}
}

.product06_2{margin: 9.6rem 0;}
.product06_2 .width{display: flex; justify-content: start; align-items: start; gap: 0 3.2rem;}
.product06_2 .item1{border-radius: 16px;background-color: #0DA695;width: 100%; max-width:416px; min-height: 640px;position: relative;overflow: hidden;}
.product06_2 .item1 .text{position: relative;}
.product06_2 .item1 .text h2{font-size: 4.8rem; font-weight: 900 ;color: #fff;position: absolute;position: absolute; top: 40px; left: 40px;}
.product06_2 .item1 .text h3{font-size: 4rem; font-weight: 700 ;color: #fff;position: absolute; top: 89px; right: 97px;}
.product06_2 .item1 .text h4{font-size: 4rem; font-weight: 700 ;color: #008B61;background-color: #fff; padding: 0.8rem 2.4rem ; border-radius: 1000px ;width: 16.1rem;position: absolute; left: 40px;top: 141px;}
.product06_2 .item1 .text h5{font-size: 4rem; font-weight: 700 ;color: #fff;background-color: #00CD92; padding: 0.8rem 2.4rem ; border-radius: 1000px ;width: 23rem;position: absolute; top: 221px; right: 41px;}
.product06_2 .item1 img{position: absolute; bottom: -16px; right: 0;}
.product06_2 .wrap{display: flex; flex-wrap: wrap; justify-content: start; align-items: start;gap: 3.2rem;}
.product06_2 .item2{width: 48%; padding: 5rem 4rem ;background: url(../img/product06_img3.png)no-repeat; background-position: center;background-size: cover; display: flex; flex-direction: column; gap: 3.2rem 0;border-radius: 16px; min-height: 432px;}
.product06_2 .item2 h2{font-size: 3.2rem; font-weight: 700; color: #fff;}
.product06_2 .item2 h3{font-weight: 500; color: #fff;}
.product06_2 .item2 h3 span{border-radius: 50%; background-color: #086258; color: #fffffff1; font-size:1.6rem;display: block; width: 2.8rem; height: 2.8rem ;font-weight: 700;float: left;text-align: center; margin-right: 0.8rem;line-height: 2.8rem;}
.product06_2 .item3{border-radius: 16px; background: url(../img/product06_img16.png)no-repeat; background-position: center;background-size: cover;width: 48%; padding: 5rem 4rem ;padding-bottom: 0;min-height: 432px;}
.product06_2 .item3 h2{font-size: 3.2rem; font-weight: 700; color: #fff;margin-bottom: 3rem;}
.product06_2 .item3 .text{display: flex; flex-direction: column; gap: 1rem 0;}
.product06_2 .item3  h3{color:#12EAD2; font-size: 3.2rem; font-weight: 700;}
.product06_2 .item3  h3 span{display: block;font-size: 1.6rem; font-weight: 500 ; color: #fff;}
.product06_2 .item4{background-color: #086258; border-radius: 16px; padding: 4rem;width: 100%;}
.product06_2 .item4 h2{font-size: 2.4rem;font-weight: 700; color: #fff; margin-bottom: 3.2rem;}
.product06_2 .item4 div{display: flex; justify-content: start; align-items: center;gap:0 1.6rem;}
.product06_2 .item4 h3{font-weight: 500; color: #fff;width: 49%;}
.product06_2 .item4 h3 span{margin-right: 0.8rem;}

.product06_3{margin-bottom: 12.8rem;margin-top:9.6rem ;}
.product06_3 .width{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3.2rem;}
.product06_3 .product_item_style2{border-radius: 16px;padding: 3.2rem ;width: 48.5% ;position: relative;height: 57.5rem;background: url(../img/product06_img3.svg)no-repeat;}
.product06_3 .product_item_style2 .text{position: absolute; bottom: 3.2rem; left: 3.2rem;gap: 2.4rem 0;padding-right: 3.2rem;}
.product06_3 .product_item_style2 span{border-radius: 50%; background-color: #086258; color: #fffffff1; font-size:1.6rem;display: block; width: 2.8rem; height: 2.8rem ;font-weight: 700;float: left;text-align: center; margin-right: 0.8rem;line-height: 2.8rem;}

.product06_3 .product_item_style4{width: 48.5%; background-color: #086258; padding: 3.2rem ; border-radius: 16px;height: 367px;position: relative;}
.product06_3 .product_item_style4 p{font-size: 1.8rem; font-weight: 500 ;}
.product06_3 .product_item_style4 .text_box{display: flex; flex-direction: column; gap: 2.4rem 0;position: absolute; bottom: 3.2rem; left: 3.2rem;padding-right: 3.2rem;}
.product06_3 .product_item_style4 .text_box>div{display: flex; justify-content: start; align-items: center; gap: 0 1rem; }
.product06_3 .product_item_style1 .blue_box{background-color: #0DA695;}
.product06_3 .product_item_style3 h4{font-size: 3.2rem; font-weight: 700;margin-bottom: 3.2rem;}
.product06_3 .product_item_style3{border-radius: 16px; background: url(../img/product06_img4.svg)no-repeat; background-position: center;background-size: cover;width: 48%; padding: 3.2rem ;padding-bottom: 0;min-height: 367px;}
.product06_3 .iteproduct_item_style3m3 .text{display: flex; flex-direction: column; gap: 1rem 0;}
.product06_3 .product_item_style3  h3{color:#12EAD2; font-size: 2.4rem; font-weight: 700;}
.product06_3 .product_item_style3  h3 span{display: block;font-size: 1.6rem; font-weight: 500 ; color: #fff;}

.product06_4 .product_style1{margin-bottom: 6.4rem;}
.product06_4 .img_box{display: flex; justify-content: start; align-items: start; gap: 0 6.4rem;}
.product06_4 .img_content:nth-child(2){margin-top:9.6rem ;}
.product06_4 .text_content{margin-top: 4.8rem;display: flex; justify-content: start; align-items: start; gap: 0 8rem;}
.product06_4 .text_content h2{font-size: 2.4rem; font-weight: 700; width: 30%;}
.product06_4 .text_content p{font-size: 2rem ;}
.product06_4 .img_box img{width: 30%;}
.product06_4 .line{display: none;}
.product06_4 ul li{display: flex; justify-content: start; align-items: start;}
.product06_4 ul li span{ display: block; width: 3px!important; height: 3px; border-radius: 50%; background-color: #212121; margin-right: 10px;margin-top: 10px; }
.product06_4 .img_content{width: 100%;}
.product06_4 .mob_br2{display: none;}

.prodcut06_5 .about_style1{margin-bottom: 6.4rem;}
.prodcut06_5 .text_box{display: flex; flex-direction: column; gap: 2.4rem 0;}
.prodcut06_5 b{font-size: 2rem; font-weight: 700;margin-bottom: 8px;}
.prodcut06_5 .text_content{margin-top: 9.6rem; margin-bottom: 8rem;display: flex; justify-content: space-between; align-items: start; gap:0 4.8rem;}
.prodcut06_5 h4{font-size: 3.2rem ; font-weight: 700; margin-bottom: 3.2rem;}
.prodcut06_5 .text_content .item{width: 48%;}
.prodcut06_5 .text_content .txt{margin-top: 2.4rem; display: flex; flex-direction: column; gap: 1.6rem 0;border-radius: 16px; border: 1px solid #E6E6E6;padding: 3.2rem;min-height: 42rem;}
.prodcut06_5 .img_content{display: flex; justify-content: start; align-items: start; gap: 0 8rem;}
.prodcut06_5 .img_content .img{width: 100%; display: flex; flex-direction: column; gap: 6.4rem 0;}
.prodcut06_5 .img_content .itme{width: 47%;}
.prodcut06_5 .img_content .img img{width: 100%;}

/* product06 반응형 */
@media screen and (max-width:1428px) {
    .prodcut06_5 .text_content .txt{min-height: 50rem;}
}
@media screen and (max-width:1216px) {
    .prodcut06_5 .text_content .txt{min-height: 60rem;}
}
@media screen and (max-width:1200px) {
    .product06_3 .width{gap: 2rem;}
    .product06_3 .product_item_style2{height: 55.5rem;}
}
@media screen and (max-width:1100px) {
    .product06_3 .product_item_style2{height: 52.5rem;}
}
@media screen and (max-width:1024px) {
    .product06_3{margin-bottom: 6.4rem;}
    .product06_3 .width{gap: 3.2rem;}
    .product06_3 .product_item_style2, .product06_3 .product_item_style4, .product06_3 .product_item_style3{width: 100%;}
    .product06_3 .product_item_style2{background: url(../img/m_product06_img3.png) no-repeat; background-position: center;background-size: cover;}
    .product06_3 .product_item_style2 span{margin-right: 0;}
    .product06_4 .product_style1{font-size: 2.4rem;margin-bottom: 2.4rem;}
    .product06_4 .img_box{flex-wrap: wrap;gap: 2.4rem 0;}
    .product06_4 .img_box img{width: 100%;}
    .product06_4 .img_content:nth-child(2){margin-top:6.4rem ;}
    .product06_4 .text_content{flex-wrap: wrap;}
    .product06_4 .text_content h2{width: 100%;font-size: 20px;}
    .product06_4 .text_content p{width: 100%;font-size: 16px;}
    .product06_4 .line{display: block; width: 100%; margin: 2.4rem 0 ; height: 1px; background-color: #E6E6E6;}
    .product06_4 .text_content{margin-top: 2.4rem;}
    .prodcut06_5 b{font-size: 18px;}
    .prodcut06_5 .text_box p{font-size: 16px;}
    .prodcut06_5 .text_content{flex-wrap: wrap;gap: 4.8rem 0;}
    .prodcut06_5 .text_content .item{width: 100%;}
    .prodcut06_5 h4{font-size: 2.4rem; margin-bottom: 2.4rem;}
    .prodcut06_5 .text_content .txt p{font-size: 16px;}
    .prodcut06_5 .text_content .txt{min-height: auto;}
    .prodcut06_5 .img_content{flex-wrap: wrap;gap: 6.4rem 0;}
    .prodcut06_5 .img_content .item{width: 100%;}
    .prodcut06_5 .img_content .img{gap: 2.4rem 0;}
}
@media screen and (max-width:360px) {
    .product06_4 .mob_br2{display: block;}
}

.product07_2{margin-top: 9.6rem ;margin-bottom: 12.8rem;}
.product07_2 .width{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3.2rem;}
.product07_2 .product_item_style2{border-radius: 16px;padding: 3.2rem ;width: 48.5% ;position: relative;height: 57.5rem;background: url(../img/product07_img2.svg)no-repeat;}
.product07_2 .product_item_style1 .blue_box{background-color:#0DA695 ;}
.product07_2 .product_item_style2 span{background-color: #086258;}
.product07_2 .product_item_style2 .text{position: absolute; bottom: 3.2rem; left: 3.2rem;gap: 2.4rem;}
.product07_2 .product_item_style3{background: url(../img/product07_img3.svg)no-repeat; background-position: center; background-size: cover;min-height: 36.7rem;}
.product07_2 .product_item_style3 .text{display: flex; flex-direction: column;gap: 1.6rem 0;width: 100%;position: relative; margin-top: 3.2rem;top: 0; left: 0;}
.product07_2 .product_item_style3 .text div{display: flex; justify-content: space-between; align-items: center;gap: 0 2.4rem;}
.product07_2 .product_item_style3 .text>div h2{font-weight: 800; color: #fff;}
.product07_2 .product_item_style3 .line{width: 100%; height: 1px;background-color: #fff; opacity: 0.2;}
.product07_2 .product_item_style4{width: 48.5%; background-color: #086258; padding: 3.2rem ; border-radius: 16px;;position: relative;min-height: 36.7rem;}
.product07_2 .product_item_style3 h4, .product07_2 .product_item_style4 h4{font-size: 3.2rem;}
.product07_2 .product_item_style4 .text_box>div{display: flex; justify-content: start; gap: 0 0.8rem; align-items: center;}
.product07_2 .product_item_style4 .text_box{display: flex;flex-direction: column; gap: 2.4rem 0;position: absolute; bottom: 3.2rem; left: 3.2rem;}
.product07_2 .product_item_style4 h6{font-weight: 500; color: #fff;}

.product07_3 .wrap{display: flex; justify-content: start; align-items: start; gap: 0 6.4rem; flex-wrap: wrap;margin-top: 2.4rem; }
.product07_3 .wrap img{width: 47%;}
.product07_3 .wrap .text_wrap{display: flex; flex-direction: column;gap: 3.2rem 0 ; width: 45%;}
.product07_3 .wrap .text_wrap p{font-size: 2rem ;}

/* product07 반응형 */
@media screen and (max-width:1400px) {
    
}
@media screen and (max-width:1200px) {
    .product07_2 .width{gap: 2rem;}
    .product07_2 .product_item_style2{height: 55.5rem;}
}
@media screen and (max-width:1100px) {
    .product07_2 .product_item_style2{height: 52.5rem;}
}
@media screen and (max-width:1024px) {
    .product07_2{margin-top: 6.4rem;}
    .product07_2 .width{gap: 3.2rem;}
    .product07_2 .product_item_style2, .product07_2 .product_item_style4, .product07_2 .product_item_style3{width: 100%;}
    .product07_2 .product_item_style2{background: url(../img/m_product07_img2.png) no-repeat; background-position: center;background-size: cover;}
    .product07_2 .product_style1{font-size: 2.4rem;}
    .product07_3 .wrap img, .product07_3 .wrap .text_wrap{width: 100%;}
    .product07_3 .wrap{gap: 2.4rem 0;}
}


.product08_2{margin-top: 9.6rem ;margin-bottom: 12.8rem;}
.product08_2 .width{display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 3.2rem;}
.product08_2 .product_item_style2{border-radius: 16px;padding: 3.2rem ;width: 48.5% ;position: relative;height: 57.5rem;background: url(../img/product08_img2.svg)no-repeat;}
.product08_2 .product_item_style1 .blue_box{background-color:#1748E8 ;}
.product08_2 .product_item_style2 span{background-color: #1238B5;}
.product08_2 .product_item_style2 .text{position: absolute; bottom: 3.2rem; left: 3.2rem;gap: 2.4rem;}
.product08_2 .product_item_style3{background: url(../img/product08_img3.svg)no-repeat; background-position: center; background-size: cover;min-height: 36.7rem;}
.product08_2 .product_item_style3 .text_box>div{display: flex; justify-content: start; gap: 0 0.8rem; align-items: center;}
.product08_2 .product_item_style3 .text_box{display: flex;flex-direction: column; gap: 2.4rem 0;margin-top: 3.2rem;}
.product08_2 .product_item_style3 h6{font-weight: 500; color: #fff;}
.product08_2 .product_item_style4{width: 48.5%; background-color: #0E2B8C; padding: 3.2rem ; border-radius: 16px;;position: relative;min-height: 36.7rem;}
.product08_2 .product_item_style3 h4, .product08_2 .product_item_style4 h4{font-size: 3.2rem;}
.product08_2 .product_item_style4 .text_box>div{display: flex; justify-content: start; gap: 0 0.8rem; align-items: center;}
.product08_2 .product_item_style4 .text_box{display: flex;flex-direction: column; gap: 2.4rem 0;position: absolute; bottom: 3.2rem; left: 3.2rem;}
.product08_2 .product_item_style4 h6{font-weight: 500; color: #fff;}

.product07_3 h2{font-size: 3.2rem; font-weight: 700; line-height: 135%; padding: 2.4rem 0 ;border-bottom: 1px solid #E6E6E6;margin-bottom: 4.8rem;}

/* product08 반응형 */
@media screen and (max-width:1200px) {
    .product08_2 .width{gap: 2rem;}
    .product08_2 .product_item_style2{height: 55.5rem;}
}
@media screen and (max-width:1100px) {
    .product08_2 .product_item_style2{height: 52.5rem;}
}
@media screen and (max-width:1024px) {
    .product08_2{margin-top: 6.4rem;}
    .product08_2 .width{gap: 3.2rem;}
    .product08_2 .product_item_style2, .product08_2 .product_item_style4, .product08_2 .product_item_style3{width: 100%;}
    .product08_2 .product_item_style2{background: url(../img/m_product08_img2.png) no-repeat; background-position: center;background-size: cover;}
}

.news01_1 .latest_top_wr{margin-top: 6.4rem; margin-bottom: 8rem;}
.news01_1 .btn_style1{display: inline-block; width: auto;}
.btn_wrap{text-align: center;}

.news01_2{background-color: #F0F5FC;}
.news01_2 .latest_top_wr{margin-top: 6.4rem; margin-bottom: 8rem;}
.news01_2 .btn_style1{display: inline-block; width: auto;}

.news01_3 .latest_top_wr{margin-top: 6.4rem; margin-bottom: 8rem;}
.news01_3 .btn_style1{display: inline-block; width: auto;}


/* news 반응형 */
@media screen and (max-width:1024px) {
    .news01_1 .latest_top_wr{margin-top: 6.4rem; margin-bottom: 6.4rem;}
    .subtitle_style1{font-size: 16px;}
    .news01_2 .latest_top_wr{margin-bottom: 6.4rem;}
    
}

.subtitle_style1 {margin-top: 2.4rem;font-size: 2rem ;} 
.customer h3{margin-bottom: 1.6rem; font-size: 3.2rem; font-weight: 700 ;}
.customer .width{display: flex; justify-content: space-between; align-items: center;padding-bottom: 12.8rem;}
.customer .btn_style1{width: auto; display: inline-block; margin: 0;}
.customer01_1 .wrap{margin-top: 9.6rem; display: flex; justify-content: space-between; align-items: start; gap: 0 4.8rem;margin-bottom: 6.4rem;}
.customer01_1 .item h2{font-size: 3.2rem; font-weight: 700; margin-top: 2.4rem;}
.customer01_1 .item h3{font-size: 1.6rem;margin-top: 1.6rem;color: #666;}
.customer01_1 .item h4{margin-top: 2.4rem; font-size: 1.6rem; line-height: 150%;}
.customer01_1 .section08 .txt{gap: 1.6rem 0;}
.customer01_1 .section08 {border-radius: 16px;padding: 8rem 6.4rem;}

.customer01_2 .latest_top_wr{margin-top: 6.4rem;margin-bottom: 8rem;}
.customer01_2 .btn_style1{width: auto; display: inline-block;}
.customer01_2 .width>div{text-align: center;}
.customer01_2 .mob_btn{display: none;}

.customer01_3 .latest_top_wr{margin-top: 6.4rem;margin-bottom: 8rem;}
.customer01_3 .btn_style1{width: auto; display: inline-block;}
.customer01_3 .btn_wrap{text-align: center;}
.customer01_3 .mob_btn{display: none;}

.customer02_1{margin-top: 80px;}
.customer02_1 .wrap{margin-top: 9.6rem; margin-bottom: 8rem;}
.customer02_1 .wrap .text_box{display: flex; flex-direction: column; gap: 1.6rem 0 ;padding: 0.8rem 0;margin-top: 3.2rem;margin-bottom: 8rem ;}
.customer02_1 .wrap .text_box .item{display: flex; justify-content: start;align-items: center ; gap: 0 1.6rem;}
.customer02_1 .wrap .text_box .item img{width: 2.4rem ; height: 2.4rem;}
.customer02_1 .wrap .text_box .item p{font-size: 1.6rem;}

.customer02_2 .wrap{margin-top: 6.4rem; display: flex; justify-content: space-between; align-items: start; gap: 0 6.4rem;}
.customer02_2 .wrap .item{width: 30%; display: flex; flex-direction: column; gap: 3.2rem 0;text-align: center;}
.customer02_2 .text_box h4{ font-size: 2.4rem; font-weight: 700;margin-bottom: 1.6rem;}
.customer02_2 .text_box h5{font-size: 2rem;}
.customer02_2 .wrap .item a{font-size: 14px ; font-weight: 600; color: #4D4D4D;padding: 0.8rem 0 ;line-height: 2.4rem;}
.root_daum_roughmap_landing{border-radius: 16px;}

.customer05_5{margin-top: 80px;}
.customer05_5 .text_wrap{margin-top: 9.6rem;display: flex; flex-direction: column; gap: 3.2rem 0;}
.customer05_5 .dot{margin-top: 12px; margin-left: 15px ;}

.root_daum_roughmap .cont{display: none!important;}

/* customer 반응형 */
@media screen and (max-width:1024px) {
    .customer01_1 .wrap{flex-wrap: wrap; gap: 48px 0;}
    .customer01_1 .wrap .item{width: 100%;}
    .subtitle_style1{font-size: 16px;}
    .customer01_1 .wrap{margin-top: 6.4rem;}
    .customer01_1 .item h2{margin-top: 16px; font-size: 20px;}
    .customer01_1 .item h4{margin-top: 1.6rem;}
    .customer01_2 .width>div{text-align: left;}
    .customer01_2 .mob_btn{display: block;text-align: left; margin-top: 2.4rem;}
    .customer01_2 .pc_btn{display: none;}
    .customer01_2 .latest_top_wr{margin-bottom: 0;}
    .customer01_3 .mob_btn{display: block;margin-top:2.4rem ;}
    .customer01_3 .pc_btn{display: none;}
    .customer01_3 .btn_wrap{text-align: left;}
    .tech_down_wrap{gap: 3.2rem 0;}
    .customer02_1 .wrap{margin-top: 6.4rem; margin-bottom: 4.8rem;}
    .customer02_1 .wrap .product_style1{font-size: 2.4rem;}
    .customer02_1 .wrap .text_box{margin-bottom: 6.4rem;}
    .customer02_2 .wrap{flex-wrap: wrap; gap: 4.8rem 0;}
    .customer02_2 .wrap .item{width: 100%;}
    .customer02_2 .text_box h4{font-size: 20px;}
    .customer02_2 .text_box h5{font-size: 16px;}
}

/* latest/tech_down */
.tech_down_wrap{display: flex; flex-direction: column; gap: 3.2rem 0;margin-top: 6.4rem;margin-bottom: 8rem;}
.tech_down_wrap .down_item{width: 100%;padding: 2.4rem ;border: 1px solid #E6E6E6; border-radius: 16px;}
.tech_down_wrap .down_item h3{font-size: 2rem ; font-weight: 700;margin-bottom: 0.8rem;}
.tech_down_wrap .down_item h4{font-size: 1.6rem ; color: #666;overflow: hidden; width: 95%;white-space: nowrap; text-overflow: ellipsis; }
.tech_down_wrap .down_item .document_box{display: flex; justify-content: space-between; align-items: start;margin-top: 2.4rem;}
.tech_down_wrap .down_item h5{font-size: 1.6rem; font-weight: 700 ;}


/* patent */
.patent {margin-top: 80px;}
.patent .patent_wrap{display: flex; justify-content: start; align-items: start;gap:4.8rem 3.2rem ; flex-wrap: wrap; margin-bottom: 6.4rem;}
.patent .patent_wrap .patent_box{width: 23%;}
.patent .patent_wrap .patent_box a{width: 100%;}
.patent .patent_wrap .patent_box a img{width: 100%;}
.patent .btn_wrap{text-align: center;}
.patent .btn_style1{width: auto; display: inline-block;}
.patent .text_box{display: flex; justify-content: space-between; align-items: start; gap: 0 3.2rem;margin-bottom: 9.6rem;margin-top: 6.4rem;} 
.patent .text_box .text{width: 48%; }
.patent .text h5{color: #4772FF; font-size: 2rem; font-weight: 700;margin-bottom: 1.6rem;} 
.patent .patent_text{text-align: center;margin-top: 3.2rem;font-size: 2rem;}

.patent .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 99;
}
.patent .popup img {
    width: 25%;
    border-radius: 8px;
}
.patent .popup.show {
    display: flex;
}

/* patent 반응형 */
@media screen and (max-width:1200px)  {
    .patent .patent_wrap{gap: 4.8rem 2rem;}
}
@media screen and (max-width:1024px) {
    .patent_wrap{flex-wrap: wrap;gap: 6.4rem 0;}
    .patent_wrap .patent_text{width: 100%;}
    .patent .patent_wrap .patent_box{width: 48%;}
    .patent .patent_wrap{gap: 6rem 1.6rem;}
    .patent .patent_text{margin-top: 8px;text-align: left;}
    .patent .text h5{font-size: 18px; margin-bottom:8px ;}
    .patent .text p{font-size: 16px;}
    .patent .text_box{flex-wrap: wrap;gap: 16px 0;margin-bottom:6.4rem; margin-top: 2.4rem;}
    .patent .text_box .text{width: 100%;}
    .patent .popup img {
        width: 40%;
    }

}
@media screen and (max-width:650px)  {
    .patent .popup img {
        width: 70%;
    }
}


/* patent페이징 */
.patent_page_wrap{border-top: 1px solid #EDEDED;}
.patent_page_wrap ul{display: flex; justify-content: center; align-self: center;padding: 1.6rem;position: relative;}
.patent_page_wrap ul li{width: 40px; height: 40px; text-align: center; line-height: 40px;}
.patent_page_wrap ul li a{font-size: 14px; font-weight: 500;}
.patent_page_wrap ul li a span{color: #4D4D4D;}
.patent_page_wrap ul .page_start a{position: absolute;top: 1.2rem; left: 2.4rem; display: inline-block; width: auto; height: auto; border: 1px solid #D9D9D9; padding: 0.8rem 1.4rem; border-radius: 8px;box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);  }
.patent_page_wrap ul .page_start i{margin-right: 8px;}
.patent_page_wrap ul .page_end i{margin-left: 8px;}
.patent_page_wrap ul .page_end a{position: absolute;top: 1.2rem; right: 2.4rem; display: inline-block; width: auto; height: auto; border: 1px solid #D9D9D9; padding: 0.8rem 1.4rem; border-radius: 8px;box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.05); }
.patent_page_wrap .current{position: relative;z-index: 9;color: #317BF0; }
.patent_page_wrap .current::after{content: ""; display: block; width: 40px; height: 40px ; border-radius: 50%; background-color: #F0F5FC;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);z-index: -1;}

@media screen and (max-width:1024px) {
    .patent .patent_wrap{margin-bottom: 4rem;}
}

/* faq */
.faq {margin-top: 80px;}
.faq h2{font-size: 4.8rem; font-weight: 900;margin-bottom: 2.4rem;}
.faq h3{font-size: 2rem; font-weight: 400;}
.faq .acco{border-top: 4px solid #fff;margin-top: 9.6rem; margin-bottom: 6.4rem;width: 100%;}
.faq .collapsible { cursor: pointer; padding: 2rem 0; width: 100%; border: none; text-align: left; outline: none;background: none; font-weight: 700;font-size: 1.8rem;}
.faq .collapsible span{font-weight: 800; display: inline-block; min-width: 45px;}
.faq .active,
.faq .collapsible:hover {  }
.faq .content { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 1px solid #e1e1e1; background: rgba(255,255,255,0.15);}
.faq .collapsible:after { content: '\f078'; color: #000; font-weight: bold; float: right; margin-left: 5px; font-size: 2.0rem;font-family: 'SUIT'; display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;}
.faq .active:after { content: '\f077' ;display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;}
.faq .content .tbox{padding-bottom: 2.4rem;}
.faq .content .tbox p{ font-size: 1.6rem; line-height: 150%;text-align: left;}
.faq .pg_wrap{margin: 6.4rem 0;}

@media screen and (max-width:1024px) {
    .customer h3{font-size: 2.4rem;margin-bottom: 2.4rem;}
    .customer h4{font-size: 16px;margin-bottom: 16px;}
    .customer .width{flex-direction: column; align-items: start;padding-bottom: 8rem;}
    
}

/* tech_down */
.tech_down{margin-top: 80px;}
.tech_down h2{font-size: 4.8rem; font-weight: 900;margin-bottom: 2.4rem;}
.tech_down h3{font-size: 2rem; font-weight: 400;}
.tech_down .tech_down_wrap{display: flex; flex-direction: column; gap: 3.2rem 0;margin-top: 9.6rem;margin-bottom: 6.4rem;}
.tech_down .tech_down_wrap .down_item{width: 100%;padding: 2.4rem ;border: 1px solid #E6E6E6; border-radius: 16px;}
.tech_down .tech_down_wrap .down_item h3{font-size: 2rem ; font-weight: 700;margin-bottom: 0.8rem;}
.tech_down .tech_down_wrap .down_item h4{font-size: 1.6rem ; color: #666;overflow: hidden; width: 95%;white-space: nowrap; text-overflow: ellipsis; }
.tech_down .tech_down_wrap .down_item .document_box{display: flex; justify-content: space-between; align-items: start;margin-top: 2.4rem;}
.tech_down .tech_down_wrap .down_item h5{font-size: 1.6rem; font-weight: 700 ;}

@media screen and (max-width:1024px) {
    .tech_down h2{font-size: 3.2rem; font-weight: 700;line-height: 135%;}
    .tech_down h3{font-size: 16px;}
    .tech_down .tech_down_wrap{margin-bottom: 3.2rem;margin-top: 6.4rem;}
    .tech_down .pg_wrap{margin-bottom: 6.4rem;}
}

/* 페이징 */
.page_wrap{border-top: 1px solid #EDEDED;}
.page_wrap ul{display: flex; justify-content: center; align-self: center;padding: 1.6rem;}
.page_wrap ul li{width: 40px; height: 40px; text-align: center; line-height: 40px;}
.page_wrap ul li a{font-size: 14px; font-weight: 500;}
.page_wrap ul .page_start{margin-right: 2rem;}
.page_wrap ul .page_end{margin-left: 2rem;}
.page_wrap .current{position: relative;z-index: 999;color: #317BF0; }
.page_wrap .current::after{content: ""; display: block; width: 40px; height: 40px ; border-radius: 50%; background-color: #F0F5FC;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);z-index: -1;}