@charset "UTF-8";
#sub #container{max-width: calc(1600px + 4rem);}

/*-------------------------------------------------------------------
    컨텐츠 제목
-------------------------------------------------------------------*/
.title1{margin:0 0 2rem;color:#101C5C;font-size:3.6rem;font-weight:800}
.title1 ~ .title1{margin-top:4rem}

/*-------------------------------------------------------------------
    기본 텍스트 스타일
-------------------------------------------------------------------*/
.def_text{margin-bottom:2rem;color:#333;line-height:1.4;font-size:2rem;font-weight:500}
.ff_normal{font-family:sans-serif}

/*-------------------------------------------------------------------
    DwaterX 소개
-------------------------------------------------------------------*/
.sub0101{position:relative;padding-bottom:21.2rem}
.sub0101::after{content:"";position:absolute;bottom:-20rem;right:-23rem;width:54rem;height:91.2rem;background:url(../../../images/site/kor/content/s0101_bg2.jpg) center/contain no-repeat;z-index:-1}
.top_subTit{margin-bottom:7rem;font-size:4rem;font-weight:700;line-height:1.4;color:#151515}
.full_img{position:relative;left:50%;width:100vw;margin-bottom:10rem;transform:translateX(-50%)}
.full_img img{width:100%;height:100%;object-fit:cover;object-position:center center}
.full_img.s01{height:65.8rem}

/*-------------------------------------------------------------------
    컨텐츠 기본 스와이퍼
-------------------------------------------------------------------*/
.cont_swiper{position: relative; margin-top: 3rem;}
.cont_swiper .swiper_pagination{display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.6rem; font-size: 1.6rem; color: #717171; font-weight: 500; line-height: 1.6; letter-spacing: -0.032rem;}
.cont_swiper .swiper_pagination span{order: 3;}
.cont_swiper .swiper_pagination .swiper-pagination-current{order: 1; color: #0073B1; }
.cont_swiper .swiper_pagination:after{content: "···"; order: 2; color: #DDD; letter-spacing: 0.1rem;}
[data-skin="box"][data-type="2"] .cont_swiper .swiper_pagination:after{color: #CCC;}
.cont_swiper .swiper_w{position: relative; left: 50%; width: 100vw; margin-top: 1rem; padding-left: calc((100vw - 1600px) / 2); transform: translateX(-50%);}
.cont_swiper .swiper_w .drag_icon{opacity: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.5rem; position: absolute; top: -5rem; left: 39%; z-index: 2; width: 10rem; height: 10rem; color: #FFF; font-size: 1.4rem;font-weight: 400; text-transform: uppercase; letter-spacing: 0.14rem; background-color: rgba(16, 28, 92, 0.60); border-radius: 50%; transform: translateX(-50%); backdrop-filter: blur(10px); transition: opacity 0.2s linear;}
.cont_swiper .swiper_w .drag_icon.hide{opacity: 0;}
.cont_swiper .swiper_w .drag_icon:before,
.cont_swiper .swiper_w .drag_icon:after{content: ""; display: block; width: 1.2rem; height: 1.2rem; background: url(../../../images/site/kor/content/contswiper_img01.svg) no-repeat center center / 100% auto;}
.cont_swiper .swiper_w .drag_icon:after{transform: rotate(180deg);}
.cont_swiper .swiper_w .swiper .swiper-wrapper{}
.cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 58rem;}
.cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 78.5rem;}
.cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide .img_box{overflow: hidden; display: block; position: relative; width: 100%; height: 0; padding-top: 55.173%; border: 1px solid #DEDEDE; border-radius: 1.4rem; box-sizing: border-box;}
.cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide .img_box{padding-top: 40.766%;}
.cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide strong{display: block; margin-top: 1.5rem; font-weight: 700; font-size: 1.8rem;}

/*-------------------------------------------------------------------
    준비중
-------------------------------------------------------------------*/
[data-content="preparing"]{text-align: center;}
[data-content="preparing"]:before{content: ""; display: block; width: 40.8rem; height: 40rem; margin: 0 auto 1.4rem; background: url(../../../images/site/kor/content/preparing_img01.png) no-repeat center center / 100% auto;}
[data-content="preparing"] h4{margin-bottom: 2.4rem;}
[data-content="preparing"] p{color: #555; font-weight: 500; line-height: 1.6; letter-spacing: -0.04rem;}

/*-------------------------------------------------------------------
    공통 컨텐츠
-------------------------------------------------------------------*/
.top_img{overflow: hidden; width: 100%; height: 30rem; border-radius: 1.4rem;}
.top_img img{display: block; width: 100%; height: 100%; object-fit: cover;}

.photo_div2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem;}
.photo_div2 >li{width: calc((100% - 3rem) / 2);}
.photo_div2 >li .imgs{overflow: hidden; display: block; width: 100%; border-radius: 1.4rem; border: 1px solid #EEE;}
.photo_div2 >li .imgs img{display: block; width: 100%;}
.photo_div2 >li .imgs video{display: block; width: 100%;}
.photo_div2 >li strong{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 700;}

.photo_div3{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem;}
.photo_div3 >li{width: calc((100% - 6rem) / 3);}
.photo_div3 >li .imgs{overflow: hidden; display: block; width: 100%; border-radius: 1.4rem; border: 1px solid #EEE;}
.photo_div3 >li .imgs img,
.photo_div3 >li .imgs video{display: block; width: 100%;}
.photo_div3 >li strong{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 700;}

.photo_div4{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.8rem;}
.photo_div4 >li{width: calc((100% - (2.8rem * 3)) / 4);}
.photo_div4 >li .imgs{overflow: hidden; display: block; width: 100%; border-radius: 1.4rem; border: 1px solid #EEE;}
.photo_div4 >li .imgs img{display: block; width: 100%;}
.photo_div4 >li .imgs video{display: block; width: 100%;}
.photo_div4 >li strong{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 700;}

.list_box{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 2rem;}
.list_box >li{width: 100%; padding: 2rem 0 3rem; border-bottom: 1px solid #EEE;}
.list_box >li >em{display: block; padding: 0 2rem; color: #0073B1; font-size: 1.6rem; font-weight: 700; line-height: 1;}
.list_box >li >img{width: 100%; margin-top: 1.6rem; border: 1px solid #EEE; border-radius: 1rem;}
.list_box >li >strong{display: block; margin-top: 1.2rem; padding: 0 1rem; text-align: center; font-size: 1.8rem; font-weight: 700; }

.img_table{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 6rem;}
.img_table img{display: block; width: 77rem; border: 1px solid #DDD; border-radius: 1.4rem;}
.img_table .scroll_table{flex: 1;}
.img_table .scroll_table [data-skin="table"]{width: 100%;}
.img_table .scroll_table h4{margin-bottom: 0.6rem;}

.img_scroll{overflow: hidden; border-radius: 1.4rem;}
.img_scroll .move{overflow-x: auto;}
.img_scroll img{width: 100%; min-width: 120rem;}

/*초격차 기술 >개요*/
.tech_img{}
.tech_img:after{content: ""; display: block; clear: both;}
.tech_img img{display: block; float: right; width: 65.7rem; margin-left: 6rem; border-radius: 1.4rem;}

/*-------------------------------------------------------------------
    홍보영상
-------------------------------------------------------------------*/
[data-content="video"]{}
[data-content="video"] .video_wrap{overflow: hidden; display: block; position: relative; width: 100%; max-width: 1187px; margin: 0 auto; border-radius: 1.4rem;}
[data-content="video"] .video_wrap video{display: block; width: 100%;}

/*-------------------------------------------------------------------
    기술 소개 공통
-------------------------------------------------------------------*/
.intro{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 7rem; position: relative; padding-bottom: 12.4rem;  min-height: auto !important;}
.intro .bg{position: fixed; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; min-height: 100vh; background-repeat: no-repeat; background-position: top center; background-size: cover; text-indent: -9999px; transform: translateX(-50%); background-attachment: fixed;}
.intro >p{width: 100%; font-size: 1.8rem; color: #fff; letter-spacing: -0.036rem; font-weight: 300;}
.intro >p strong{display: block; width: 100%; margin-bottom: 3rem; font-size: 2.2rem; color: #fff; font-weight: 300; letter-spacing: -0.044rem;}
.intro .scroll{position: absolute; bottom: 5rem; left: 50%; z-index: 1; width: 3.3rem; height: 3.2rem; transform: translateX(-50%);}
.intro .scroll span{opacity: 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1.6rem; background: url(../../../images/site/kor/content/s0201_img06.svg) no-repeat center center / 100% auto;transform: scale(0.3) translateY(-3rem); }
.intro .scroll .a1{animation: scrolldown__arrow 3s ease-out infinite;}
.intro .scroll .a2{animation: scrolldown__arrow 3s ease-out 1s infinite;}
.intro .scroll .a3{animation: scrolldown__arrow 3s ease-out 2s infinite;}
.intro + [data-content="video"]{margin-top: 12rem;}

@keyframes scrolldown__arrow {
	33.3%{opacity: 0.5; transform: scale(1) translateY(0);}
	66.6%{opacity: 1; transform: scale(1) translateY(1.2rem);}
	100%{opacity: 0; transform: scale(0.5) translateY(4rem);}
}

/*-------------------------------------------------------------------
    기술 시연 공통
-------------------------------------------------------------------*/
#sub .cont_preview #visual .visual_box{margin-bottom: 0;}
#sub .cont_preview #container{padding-bottom: 0;}
.tech_preview{display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: flex-start; align-items: flex-end;  width: 100%; height: auto; }
.tech_preview .tabs{width: 100%;}
.tech_preview .tabs:before{content: ""; display: block; position: relative; width: 100vw; height: 0; padding-top: 56.25%;}
.tech_preview [data-tab-cont]{width: 100%;}
.tech_preview [data-tab-btn="preview_01"]{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4.4rem; position: relative; width: 100%; padding: 1rem 0;}
.tech_preview [data-tab-btn="preview_01"]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background: linear-gradient(90deg, rgba(0, 115, 177, 0.00) 0%, rgba(0, 115, 177, 0.44) 50%, rgba(0, 115, 177, 0.00) 100%), rgba(0, 0, 0, 0.60); transform: translateX(-50%); border-top: 1px solid; border-image: linear-gradient(-49deg,rgba(0, 126, 160, 0) 0%, rgba(1, 201, 223, 1) 50%, rgba(0, 126, 160, 0) 100%); border-image-slice:1;}
.tech_preview [data-tab-btn="preview_01"] >li{}
.tech_preview [data-tab-btn="preview_01"] >li >a{display: block; font-size: 2.2rem; font-weight: 600; line-height: 1.5; color: rgba(255, 255, 255, 0.5); transition: all 0.2s linear;}
.tech_preview [data-tab-btn="preview_01"] >li.active >a,
.tech_preview [data-tab-btn="preview_01"] >li >a:hover{color: #fff;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn]{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 2rem; position: relative; padding: 2rem 0 3rem;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background-color: rgba(0, 0, 0, 0.74); transform: translateX(-50%);}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li{display: block; width: 12rem; height: 12rem; }
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active{width: 56rem;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 100%; height: 100%; padding: 1rem; background: rgba(0, 0, 0, 0.80) url(../../../images/site/kor/content/s020204_img09.svg) no-repeat center center / 100% auto; backdrop-filter: blur(15px); border-radius: 10rem; box-shadow: 0 0 14px 0 rgba(102, 206, 255, 0); transition: color 0.2s linear, background 0.2s linear, box-shadow 0.2s linear;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active >a{justify-content: flex-start; padding: 2rem 4rem; background-image: none; border: 1px solid rgba(255, 255, 255, 0.60); box-shadow: 0 0 14px 0 rgba(102, 206, 255, 0.70); }
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a:hover{box-shadow: 0 0 14px 0 rgba(102, 206, 255, 0.70); }
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >strong{display: block; width: 100%; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.018rem; text-align: center; color: #fff;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active >a >strong{text-align: left; color: #94FDFF;font-size:1.8rem}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >p{overflow-y: auto; display: none; opacity: 0; visibility: hidden; width: 100%; height: 0; max-height: 4.2rem; margin-top: 1rem; font-size: 1.5rem; font-weight: 400; color: #fff; line-height: 1.4; letter-spacing: -0.015rem;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >p::-webkit-scrollbar{width: 3px;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >p::-webkit-scrollbar-thumb{background-color: rgba(255, 255, 255, 0.4); border-radius: 1rem;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >p::-webkit-scrollbar-track{background-color: #8999; border-radius: 1rem;}
.tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active >a >p{ display: block; opacity: 1; visibility: visible; height: auto; transition: all 0.2s ease;}
.tech_preview [data-tab-cont] >div{display: none;}
.tech_preview [data-tab-cont] >div.active{display: block;}
.tech_preview [data-tab-cont] .vdos{position: absolute; top: 0; left: 50%; z-index: -2; width: 100vw; height: 100%; transform: translateX(-50%); background-color: #000;}
.tech_preview [data-tab-cont] .vdos video{width: 100%; height: 100%; object-fit: cover; object-position: center center;}

.platform_link{position:absolute;right:0;bottom:18rem;display:inline-block;padding:2.5rem 3rem;color:#fff;font-size:2.2rem;font-weight:700;border-radius:1.4rem;background:linear-gradient(103deg, rgba(0,255,255,0) 36.35%, rgba(0,255,255,.5) 120.95%), #101C5C;transition:all .3s;text-align:center}
.platform_link::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1.4rem;padding:1px;background:linear-gradient(-30deg, #fff 0%, rgba(1,201,223,0.4) 50%, #fff 100%);pointer-events:none;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-clip:content-box,border-box;-webkit-mask-composite:destination-out;mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-clip:content-box,border-box;mask-composite:exclude;}
.platform_link:hover{transform:translateY(-.4rem);background:linear-gradient(103deg, rgba(0,255,255,.2) 20%, rgba(0,255,255,.7) 120%), #101C5C;box-shadow:0 .8rem 2rem rgba(0,255,255,.25), 0 0 2rem rgba(0,255,255,.35)}
.platform_link:hover::before{background:linear-gradient(-30deg, rgba(255,255,255,1) 0%, rgba(0,255,255,1) 50%, rgba(255,255,255,1) 100%)}

/*-------------------------------------------------------------------
    포털소개 > K-water 물기술
-------------------------------------------------------------------*/
[data-content="01_02"]{position:relative;margin-bottom:-12rem}
[data-content="01_02"] .top_desc{width:100%;position:absolute;left:0;top:0;z-index:3;color:#fff;line-height:1.4;letter-spacing:-.06rem}
[data-content="01_02"] .top_desc .top_desc_inner{width:100%;max-width:calc(1600px + 4rem);padding:5.4rem 2rem 0;margin:0 auto;text-align:center}
[data-content="01_02"] .top_desc .desc{font-size:2.6rem;font-weight:600}
[data-content="01_02"] .top_desc .desc > span{display:block}
.tech_view{position:absolute;right:4rem;top:4.9rem;display:inline-flex;align-items:center;gap:0 1rem;padding:1.5rem 1.5rem;color:#fff;background:#101C5C;font-size:2rem;font-weight:700;border-radius:.6rem;border:1px solid transparent;transition:background .3s, color .3s;z-index:3}
.tech_view::before{content:"";display:block;width:3.6rem;height:3.6rem;background:url(../../../images/site/eng/content/s0102_icon1.svg) center no-repeat}
.tech_view:hover{border-color:#101C5C;background:#fff;color:#101C5C}
.tech_view:hover::before{background-image:url(../../../images/site/eng/content/s0102_icon1_ov.svg)}
.water_tech_wrap{position:relative;left:50%;margin-left:-50vw;width:100vw;background:url(../../../images/site/eng/content/s0102_bg2.jpg) center no-repeat;aspect-ratio:1920 / 1080;background-size:100% auto;overflow:hidden}

.lottie_box svg{width:100%;height:100%}
.water_tech_wrap .wt_canvas .wt_object .obj_tit{position:absolute;font-family:"onemobile";font-weight:400;color:#fff;line-height:1.1;font-size:2.5vw;text-shadow:0 0 10px rgba(0, 0, 0, .25);z-index:3;text-align:center}
.water_tech_wrap .wt_canvas .wt_object a:hover .obj_tit{z-index:1}
.water_tech_wrap .wt_canvas .wt_object .lottie_box{position:absolute;transform:translate(0, 0);transition:all .5s}
.water_tech_wrap .wt_canvas .wt_object a:hover .lottie_box{transform:translate(0, 0);}
.water_tech_wrap .wt_canvas .wt_object .obj_smtit{font-size:1.215vw;line-height:1;color:#fff;text-align:center;text-shadow:-2px 0 0 #000, 2px 0 0 #000, 0 -2px 0 #000, 0  2px 0 #000,-2px -2px 0 #000, 2px -2px 0 #000,-2px  2px 0 #000, 2px  2px 0 #000;}
.water_tech_wrap .wt_canvas .wt_object .obj_smtit > strong{position:absolute;opacity:0;transform:translateY(1rem);z-index:1;transition:all .3s}
.water_tech_wrap .wt_canvas .wt_object a:hover .obj_smtit > strong{opacity:1;transform:translateY(0)}
.water_tech_wrap .wt_canvas .wt_object .obj_area{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:0;transition:all .5s}
.water_tech_wrap .wt_canvas .wt_object .obj_area img{width:100%}
.water_tech_wrap .wt_canvas .wt_object a:hover .obj_area{opacity:1}

.water_tech_wrap .wt_canvas .wt_object.t1 .obj_tit{left:5%;top:45%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_smtit > strong:nth-child(1){left:10%;top:3.5%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_smtit > strong:nth-child(2){left:24%;top:49%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_smtit > strong:nth-child(3){left:19%;top:82%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_smtit > strong:nth-child(4){left:56%;top:69%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_smtit > strong:nth-child(5){left:60%;top:60%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_item1{position:absolute;left:0;top:38%;width:9.84375%;height:auto}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_item1 img{width:100%;height:100%}

.water_tech_wrap .wt_canvas .wt_object #lottie1{left:-1%;bottom:1%;width:51%;height:72.762%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_area{left:1%;top:-3%}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_area img{width:95%;height:auto}
.water_tech_wrap .wt_canvas .wt_object.t1 .obj_area svg{width:100%;height:90%}

.water_tech_wrap .wt_canvas .wt_object.t2 .obj_tit{right:7%;top:36%}
.water_tech_wrap .wt_canvas .wt_object #lottie2{right:-2.6%;top:24.1%;width:47.404%;height:57.870%}
.water_tech_wrap .wt_canvas .wt_object.t2 .obj_area{left:1%;top:-3%}
.water_tech_wrap .wt_canvas .wt_object.t2 .obj_area img{position:absolute;right:0;width:102.6%;height:111%}
.water_tech_wrap .wt_canvas .wt_object.t2 .obj_area svg{width:100%;height:90%}

.water_tech_wrap .wt_canvas .wt_object.t3 .obj_tit{left:40%;top:16%}
.water_tech_wrap .wt_canvas .wt_object #lottie3{left:52.3%;top:16.7%;width:9.427%;height:8.0555%}
.water_tech_wrap .wt_canvas .wt_object #lottie4{left:48%;top:25.5%;width:11.802%;height:22.314%;}
.water_tech_wrap .wt_canvas .wt_object #lottie5{left:37.7%;top:41.4%;width:10.572%;height:16.574%}
.water_tech_wrap .wt_canvas .wt_object.t3 .obj_area{position:absolute;width:36.875%;height:auto;left:28.5%;top:15.6%}
.water_tech_wrap .wt_canvas .wt_object.t3 .obj_item1{position:absolute;width:6.927%;height:auto;left:40%;top:34.8%}

.water_tech_wrap .wt_canvas .wt_object.t3 .obj_smtit > strong:nth-child(1){left:58%;top:17%}
.water_tech_wrap .wt_canvas .wt_object.t3 .obj_smtit > strong:nth-child(2){left:52%;top:33%}
.water_tech_wrap .wt_canvas .wt_object.t3 .obj_smtit > strong:nth-child(3){left:38%;top:54%}

.water_tech_wrap .wt_canvas .wt_object.t4 .obj_tit{left:52%;bottom:7%}
.water_tech_wrap .wt_canvas .wt_object #lottie6{left:30.6%;top:14.5%;width:10.8333%;height:25.648%}
.water_tech_wrap .wt_canvas .wt_object #lottie7{left:58.2%;top:62.2%;width:9.21875%;height:16.481%}
.water_tech_wrap .wt_canvas .wt_object.t4 .obj_area{position:absolute;width:43.5208%;height:auto;left:45.5%;top:auto;bottom:0}
.water_tech_wrap .wt_canvas .wt_object.t4 .obj_area.t2{position:absolute;width:10.23125%;height:auto;left:32.2%;top:24.8%;bottom:auto;z-index:1}
.water_tech_wrap .wt_canvas .wt_object.t4 .obj_item2{position:absolute;width:11.54375%;height:auto;left:46.255%;top:72%}
.water_tech_wrap .wt_canvas .wt_object.t4 .obj_item3{position:absolute;width:9.84375%;height:auto;left:67.4%;top:71.5%}

.water_tech_wrap .wt_canvas .wt_object.t4 .obj_smtit > strong:nth-child(1){left:30%;top:35%}
.water_tech_wrap .wt_canvas .wt_object.t4 .obj_smtit > strong:nth-child(2){left:55%;top:60%}
.water_tech_wrap .wt_canvas .wt_object.t4 .obj_smtit > strong:nth-child(3){left:49%;top:73%}
.water_tech_wrap .wt_canvas .wt_object.t4 .obj_smtit > strong:nth-child(4){left:70%;top:80%}

.wtech_layer{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:6rem 2rem;background:rgba(0,0,0,.8);z-index:4}
.wtech_layer .inner{position:relative;max-width:calc(1600px + 4rem);height:calc(100% - 12rem);padding:0 2rem;margin:0 auto}
.wtech_layer .inner:after{content:"";display:block;clear:both}
.wtech_layer .tit_info{float:left;width:40%}
.wtech_layer .tit_info > .tit{font-size:3.6rem;font-weight:500;letter-spacing:-.036rem;color:#79B3FF}
.wtech_layer .tit_info > .desc{font-size:1.8rem;color:#fff;margin-top:1.8rem;letter-spacing:-.018rem}
.wtech_layer .wtech_more{display:inline-block;margin-right:26.390%;width:48.5436%;height:auto}
.wtech_layer .wtech_more svg{display:block}
.svg_txt{font-family: "Pretendard", sans-serif}

.wtech_layer .wtechl_svg{position:absolute;left:0;top:calc(12rem + 25%);display:inline-block;transform:translateY(4rem);opacity:0}
.wtech_layer .wtechl_svg img{width:100%;height:100%}
.wtech_layer .mindmap{position:absolute;right:0;top:0;text-align:right}

.wtech_layer.wtech1 .tit_info > .tit{color:#79B3FF}
.wtech_layer.wtech1 .mindmap{width:69.0853%;height:auto}
.wtech_layer.wtech1 .wtechl_svg{width:38.2926%;height:auto}

.wtech_layer.wtech2 .tit_info > .tit{color:#00AB58}
.wtech_layer.wtech2 .mindmap{width:54.2%;height:auto;margin-right:10rem}
.wtech_layer.wtech2 .wtechl_svg{/* top:35.7291%; */width:39.207%;height:auto}
.wtech_layer.wtech2 .wtech_more{margin-right:0;width:61.8671%}

.wtech_layer.wtech3 .tit_info > .tit{color:#E58A21}
.wtech_layer.wtech3 .mindmap{width:73.5975%;height:auto}
.wtech_layer.wtech3 .wtechl_svg{width:39.207%;height:auto}
.wtech_layer.wtech3 .wtech_more{margin-right:24.79%;width:45.7436%}

.wtech_layer.wtech4 .tit_info > .tit{color:#79B3FF}
.wtech_layer.wtech4 .mindmap{width:70.06%;height:auto}
.wtech_layer.wtech4 .wtechl_svg{width:29.085%;height:auto}
.wtech_layer.wtech4 .wtech_more{margin-right:26.022%;width:47.867%}

.wtech_layer .wtechl_svg .tit{position:absolute;transform:translateY(2rem);opacity:0;z-index:1}
.wtech_layer.on .wtechl_svg{transform:translateY(0);opacity:1;transition:all .5s .5s}

.wtech_layer_close{position:absolute;right:0;top:0;width:10.4rem;height:10.4rem;background:#000;transition:all .3s}
.wtech_layer_close::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../../images/site/kor/content/icon_wtech_close.svg) center no-repeat;transition:all .4s}
.wtech_layer_close:hover::before{transform:rotate(180deg)}

/* 기본 비활성 */
#node1_desc .desc_group rect,
#node2_desc .desc_group rect,
#node3_desc .desc_group rect,
#node4_desc .desc_group rect {fill:#000;transition:fill 1s ease}

#node1_desc .desc_group path, #node1_desc .desc_group text,
#node2_desc .desc_group path, #node2_desc .desc_group text,
#node3_desc .desc_group path, #node3_desc .desc_group text,
#node4_desc .desc_group path, #node4_desc .desc_group text {fill:#fff;transition:fill 1s ease}

/* line2 기본 비활성 */
#node1_line2 path,
#node2_line2 path,
#node3_line2 path,
#node4_line2 path{stroke:#444;transition:stroke .5s ease}

/* desc 활성 */
.desc_group.is-active rect{fill:#fff !important}
.desc_group.is-active path,
.desc_group.is-active text{fill:#151515 !important}

/* line 활성 색 2종 */
.line_group.is-active.type1 path{position:relative;z-index:1;stroke:#64ACFF !important}
.line_group.is-active.type2 path{stroke:#76B22D !important}

.wtech_layer.wtech1 [id^="nbtn"].is-active.type1 .nbtn_bg { fill: url(#btnGradBlue);}
.wtech_layer.wtech1 [id^="nbtn"].is-active.type2 .nbtn_bg { fill: url(#btnGradGreen);}
.wtech_layer.wtech3 [id^="nbtn"].is-active.type1 .nbtn_bg { fill: url(#btnGradBlue3);}
.wtech_layer.wtech3 [id^="nbtn"].is-active.type2 .nbtn_bg { fill: url(#btnGradGreen3);}
.wtech_layer.wtech4 [id^="nbtn"].is-active.type1 .nbtn_bg { fill: url(#btnGradBlue4);}
.wtech_layer.wtech4 [id^="nbtn"].is-active.type2 .nbtn_bg { fill: url(#btnGradGreen4);}

/* 모바일 */
.wtech_mob{display:none;margin:2rem 0 5rem}
.wtech_mob .wtech_mob_lst{display:flex;flex-wrap:wrap;gap:1.6rem}
.wtech_mob .wtech_mob_lst > li{width:calc((100% - 1.6rem) / 2)}
.wtech_mob .wtech_mob_lst > li > a{position:relative;display:block;padding:2rem;border-radius:.4rem;background-color:#D5E7FF;transition:all .3s}
.wtech_mob .wtech_mob_lst > li:nth-child(2) > a{background-color:#FFE3C2}
.wtech_mob .wtech_mob_lst > li:nth-child(3) > a{background-color:#D2EFFF}
.wtech_mob .wtech_mob_lst > li:nth-child(4) > a{background-color:#D5EFE2}
.wtech_mob .wtech_mob_lst > li > strong{color:#151515;font-size:1.7rem;font-weight:700;line-height:1.4}
.wtech_mob .wtech_mob_lst > li .img img{max-width:100%;height:12rem;margin:0 auto}
.wtech_mob .wtech_mob_lst > li .plus{display:flex;align-items:center;justify-content:center;position:absolute;top:2rem;right:2rem;width:3rem;height:3rem;border-radius:100%;background-color:#fff;text-align:center}
.wtech_mob .wtech_mob_lst > li .plus::before{content:"";width:2rem;height:2rem;background:url(../../../images/site/kor/content/ic_plus.svg) no-repeat center center / contain;transition:all .3s}
.wtech_mob .wtech_mob_lst > li > a:hover{transform:translateY(-.5rem);box-shadow:0 0 .5rem rgba(0,0,0,.2)}
.wtech_mob .wtech_mob_lst > li > a:hover .plus::before{transform:rotate(180deg)}

.wtech_mcont{display:none;clear:both;height:calc(100% - 4rem);margin:0;padding:2rem 3rem}
.wtech_mcont .wtech_m_more{display:block;flex: 0 0 auto;padding:1.4rem 2rem;text-align:center;font-size:1.4rem;line-height:1.3;color:#64ACFF;background:#000;border-radius:3rem;font-weight:500}
.wtech_mcont .wtech_m_more::before{content:"+";display:inline-block;margin-right:.4rem}

.wtech_sublist{flex:1;min-height:0;overflow-y:auto;height:auto !important;-webkit-overflow-scrolling:touch;}
.wtech_sublist > li{padding:1rem 1.4rem;border-radius:.8rem;background:#fff}
.wtech_sublist > li + li{margin-top:.6rem}
.wtech_sublist > li > .tit{display:block;color:#151515;font-size:1.8rem;font-weight:600;line-height:1.3;letter-spacing:-.018rem}

.wtech_subtype{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.wtech_subtype > li > a{display:inline-block;padding:.4rem .8rem;border:1px solid #64ACFF;color:#166CD0;font-size:1.4rem;font-weight:500;line-height:1.2;border-radius:2.5rem}
.wtech_subtype > li > a.type2{border-color:#76B22D;color:#57881C}

/*-------------------------------------------------------------------
    초격차 기술 > 초격차 기술 소개
-------------------------------------------------------------------*/
[data-content="02_01"]{}
[data-content="02_01"] .bg{}
[data-content="02_01"] .bg:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 44.52%);}
[data-content="02_01"] .bg video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1);}
[data-content="02_01"] >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; width: 100%; margin-top: auto;}
[data-content="02_01"] >ul >li{width: calc((100% - (2.4rem * 2)) / 3);}
[data-content="02_01"] >ul >li a{overflow: hidden; display: block; position: relative; width: 100%; height: 39.3rem; border-radius: 2rem; transition: transform 0.2s linear;}
[data-content="02_01"] >ul >li a:hover{transform: translateY(-3rem);}
[data-content="02_01"] >ul >li a:before{content: "";display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: url(../../../images/site/kor/content/s0201_img03.jpg) no-repeat center center / cover;transition: all 0.2s linear;}
[data-content="02_01"] >ul >li a:hover:before{/* opacity: 0; */z-index: -2;}
[data-content="02_01"] >ul >li:nth-child(2) a:before{background-image: url(../../../images/site/kor/content/s0201_img04.jpg);}
[data-content="02_01"] >ul >li:nth-child(3) a:before{background-image: url(../../../images/site/kor/content/s0201_img05.jpg);}

[data-content="02_01"] >ul >li a >div video{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover;}
[data-content="02_01"] >ul >li a:after{content: "";display: block;position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.20) url(../../../images/site/kor/content/s0201_img07.svg) no-repeat center center / 150% 150%;transition: all 0.2s linear;}
[data-content="02_01"] >ul >li a:hover:after{background-color: rgba(0, 0, 0, 0.50); background-size: contain;}
[data-content="02_01"] >ul >li a >*{display: block; width: 100%; height: 100%; padding: 3rem 2.5rem; transition: opacity 0.2s linear;}
[data-content="02_01"] >ul >li a >strong{opacity: 1;position: relative;z-index: 2;color: rgba(255, 255, 255, 0.8);font-weight: 600;}
[data-content="02_01"] >ul >li a:hover >strong{opacity: 0;}
[data-content="02_01"] >ul >li a >div{opacity: 0; position: absolute; top: 0; left: 0; padding-bottom: 8rem;}
[data-content="02_01"] >ul >li a >div:before{content: ""; display: block; position: absolute; bottom: 2rem; right: 2rem; z-index: 1; width: 5rem; height: 5rem; background: #fff url(../../../images/site/kor/content/s0201_img02.svg) no-repeat center center / 100% auto; border-radius: 50%;}
[data-content="02_01"] >ul >li a:hover >div{opacity: 1;}
[data-content="02_01"] >ul >li a >div em{display: inline-block; position: relative; z-index: 1; padding: 1rem; font-size: 1.6rem; font-weight: 600; line-height: 1; color: #fff; background-color: rgba(255, 255, 255, 0.10); border-radius: 10rem; backdrop-filter: blur(5px);}
[data-content="02_01"] >ul >li a >div strong{display: block; position: relative; z-index: 1; margin-top: 1.4rem; color: #fff; font-weight: 600; }
[data-content="02_01"] >ul >li a >div p{position: relative; z-index: 1; margin-top: 0.6rem; font-size: 1.6rem; font-weight: 300; letter-spacing: -0.016rem; color: rgba(255, 255, 255, 0.9);}

/*-------------------------------------------------------------------
    초격차 기술 > Digital GARAM⁺ > 인프라 기술
-------------------------------------------------------------------*/
[data-content="02_02_02"]{}
[data-content="02_02_02"] .box1{position: relative; padding: 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="02_02_02"] [data-skin="box"][data-type="2"] .box1{background-color: #FFF;}
[data-content="02_02_02"] .box1 em{display: inline-block; position: absolute; top: 0; left: 0; padding: 1.65rem 3.3rem; font-size: 2rem; font-weight: 600; line-height: 1; letter-spacing: -0.04rem; color: #fff; background-color: #0073B1; border-radius: 1rem 0;}
[data-content="02_02_02"] .box1 .img_scroll{border-radius: 0;}
[data-content="02_02_02"] .box1 .img_scroll .move{position: relative; }
[data-content="02_02_02"] .box1 img{width: auto; min-width: auto; height: auto;}
[data-content="02_02_02"] .f_box{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 0.5rem 2.4rem;}
[data-content="02_02_02"] .f_box strong{flex-shrink:0;display: block; min-width: 8.5rem;}
[data-content="02_02_02"] .t_box{display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 6rem;}
[data-content="02_02_02"] .t_box.even{flex-direction: row;}
[data-content="02_02_02"] .t_box .imgs{overflow: hidden; display: block; position: relative; width: 77rem; border: 1px solid #DDD; border-radius: 1.4rem;}
[data-content="02_02_02"] .t_box .imgs img{display: block; width: 100%; height: 100%; object-fit: contain;}
[data-content="02_02_02"] .t_box .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex: 1;}
[data-content="02_02_02"] .t_box .desc h4{width: 100%; margin-top: 3rem;margin-bottom: 0.6rem;}
[data-content="02_02_02"] .t_box .desc h4:first-child{margin-top: 0;}

/*-------------------------------------------------------------------
    초격차 기술 > Digital GARAM⁺ > 주요기술
-------------------------------------------------------------------*/
[data-content="02_02_03"]{}
[data-content="02_02_03"] .box1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem;}
[data-content="02_02_03"] .box1 .l{width: calc((100% - 3rem) * 0.625);}
[data-content="02_02_03"] .box1 .r{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem; width: calc((100% - 3rem) * 0.375);}
[data-content="02_02_03"] .box1 .imgs{overflow: hidden; display: block; position: relative; width: 100%; border-radius: 1.4rem; border: 1px solid #DDD;}
[data-content="02_02_03"] .box1 .l .imgs{height: 100%;}
[data-content="02_02_03"] .box1 .imgs img{display: block; width: 100%; height: 100%; object-fit: cover;}
[data-content="02_02_03"] .box1 .imgs i{display: inline-block; position: absolute; bottom: 0; left: 0; padding: 0.6rem 1rem; color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.032rem; background-color: #101C5C; border-top-right-radius: 1.4rem;}
[data-content="02_02_03"] .box2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
[data-content="02_02_03"] .box2 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; width: calc(((100% - 6rem) / 3) + 3rem);}
[data-content="02_02_03"] .box2 >li:last-child{width: calc((100% - 6rem) / 3);}
[data-content="02_02_03"] .box2 >li div{width: calc(100% - 3rem);}
[data-content="02_02_03"] .box2 >li:last-child div{width: 100%;}
[data-content="02_02_03"] .box2 >li:not(:last-child):after{content: ""; display: block; width: 3rem; height: 100%;}
[data-content="02_02_03"] .box2 >li .imgs{display: block; position: relative; width: 100%; border: 1px solid #EEE; border-radius: 1.4rem;}
[data-content="02_02_03"] .box2 >li:not(:last-child) .imgs:after{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 3rem; height: 100%; background: url(../../../images/site/kor/content/s020203_img27.svg) no-repeat center center / 75% auto;}
[data-content="02_02_03"] .box2 >li .imgs img{display: block; width: 100%; border-radius: 1.4rem;}
[data-content="02_02_03"] .box2 >li .imgs i{display: inline-block; position: absolute; bottom: 0; left: 0; padding: 0.6rem 1rem; color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.032rem; background-color: #101C5C; border-radius: 0 1.4rem 0 1.4rem;}
[data-content="02_02_03"] .box2 >li strong{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 700;}
[data-content="02_02_03"] .box3{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; gap: 2rem; position: relative; padding: 4rem calc(31.25% + 4rem) 4rem 4rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="02_02_03"] .box3 >img{display: block; position: absolute; top: 0; right: 0; width: 31.25%; height: 100%; object-fit: contain;}
[data-content="02_02_03"] .box3 >ul{width: 100%;}
[data-content="02_02_03"] .box3 >ul >li{}
[data-content="02_02_03"] .box3 >ul >li .hr{border-top-color: #D4E1EA;}
[data-content="02_02_03"] .box3 >ul >li >strong{display: inline-block; padding: 0.4rem 1rem; color: #fff; font-size: 1.8rem; font-weight: 500; border-radius: 0.6rem; background-color: #0073B1; }
[data-content="02_02_03"] .box3 >ul >li >strong.color_2{background-color: #101C5C;}
[data-content="02_02_03"] .box3 >ul >li >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 2.4rem; width: 100%;}
[data-content="02_02_03"] .box3 >ul >li >div + div{margin-top: 1.6rem;}
[data-content="02_02_03"] .box3 >ul >li >div >b{display: block; min-width: 14rem; font-size: 1.8rem; font-weight: 600; }
[data-content="02_02_03"] .box3 >ul >li >div >ul{flex: 1;}
[data-content="02_02_03"] .list_box >li >img{width: 6rem; margin-left: auto; margin-right: auto; border: 0; border-radius: 0;}
[data-content="02_02_03"] .list_box >li >strong{margin-top: 3rem;}

/*-------------------------------------------------------------------
    초격차 기술 > Digital GARAM⁺ > 사업비 산정
-------------------------------------------------------------------*/
[data-content="02_02_05"]{}
[data-content="02_02_05"]{position: relative; padding: 12rem 0;}
[data-content="02_02_05"]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: calc(100vw - 4rem); max-width: 1800px; height: 100%; background: url(../../../images/site/kor/content/s020205_img01.jpg) no-repeat center center / cover; transform: translateX(-50%); border-radius: 1.4rem;}
[data-content="02_02_05"] .w{position: relative; z-index: 1;}
[data-content="02_02_05"] .w .t{color: #fff;}
[data-content="02_02_05"] .w .t h3{margin-bottom: 2rem;}
[data-content="02_02_05"] .w .b{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.8rem;}
[data-content="02_02_05"] .w .b >li{overflow: hidden; display: flex; flex-direction: column;  position: relative; width: calc((100% - 2.8rem) / 2); padding: 4rem; background: linear-gradient(103deg, rgba(2, 2, 2, 0.24) 15.01%, rgba(53, 53, 53, 0.24) 51.04%, rgba(2, 2, 2, 0.24) 87.07%); backdrop-filter: blur(15px); border: 1px solid; border-image: linear-gradient(-49deg,rgba(0, 126, 160, 0) 0%, rgba(1, 201, 223, 1) 50%, rgba(0, 126, 160, 0) 100%); border-image-slice:1;}
[data-content="02_02_05"] .w .b >li:before{content: ""; opacity: 0; display: block; position: absolute; top: -1px; right: -1px; width: 0; height: 0; border-style: solid; border-width: 0 1.4rem 1.4rem 0; border-color: transparent #0FF transparent transparent; transition: all 0.2s linear;}
[data-content="02_02_05"] .w .b >li:after{content: ""; opacity: 0; display: block; position: absolute; top: 0.9rem; right: -0.5rem; width: 2.8rem; height: 1px; background-color: #01D2FF; box-shadow: 0 0 4px #0FF; transform: rotate(45deg); transition: all 0.2s linear;}
[data-content="02_02_05"] .w .b >li:hover:before,
[data-content="02_02_05"] .w .b >li:hover:after{opacity: 1;}
[data-content="02_02_05"] .w .b >li .desc{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 3rem;}
[data-content="02_02_05"] .w .b >li .desc div{width: 100%; max-width: 57.4rem;}
[data-content="02_02_05"] .w .b >li .desc div strong{display: block; color: #AFFFFF; font-size: 2.4rem; font-weight: 400; letter-spacing: 0.336rem;}
[data-content="02_02_05"] .w .b >li .desc div p{display: block; margin-top: 0.6rem; color: #B4BCC7; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem;}
[data-content="02_02_05"] .w .b >li .desc a{display: block; padding: 1rem 2rem; color: #CCC; font-size: 1.6rem; font-weight: 500; line-height: 1.4; border: 1px solid #7D8A98; border-radius: 10rem; transition: all 0.2s linear;}
[data-content="02_02_05"] .w .b >li .desc a:hover{color: #fff; border-color: #fff;}
[data-content="02_02_05"] .w .b >li .btns{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 2.2rem; margin-top: auto;}
[data-content="02_02_05"] .w .b >li .btns a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; padding: 2.4rem; color: #AAEFEF; font-weight: 700; background: rgba(255, 255, 255, 0.14); border: 1px solid; border-image: linear-gradient(-20deg,rgba(255, 255, 255, 0.1) 0%, rgba(1, 201, 223, 0.4) 70%, rgba(255, 255, 255, 0.1) 100%); border-image-slice:1; backdrop-filter: blur(15px); transition: all 0.2s linear;}
[data-content="02_02_05"] .w .b >li .btns a:hover{background: linear-gradient(103deg, rgba(0, 255, 255, 0.00) 36.35%, rgba(0, 255, 255, 0.50) 120.95%); border-image: linear-gradient(-20deg,rgba(255, 255, 255, 1) 0%, rgba(1, 201, 223, 0.4) 70%, rgba(255, 255, 255, 1) 100%);  border-image-slice:1;}
[data-content="02_02_05"] .w .b >li .btns a img{display: block; width: 5rem; margin-left: auto;}
[data-content="02_02_05"] [data-tab-btn]{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 3rem; width: 100%;}
[data-content="02_02_05"] [data-tab-btn] >li{overflow: hidden; width: 100%; border-radius: 1.4rem;}
[data-content="02_02_05"] [data-tab-btn] >li a{display: block;}
[data-content="02_02_05"] [data-tab-btn] >li a .imgs{display: block; position: relative; width: 100%; height: 0; padding-top: 55.234%;}
[data-content="02_02_05"] [data-tab-btn] >li a .imgs:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.50); backdrop-filter: blur(5px); transition: all 0.2s linear;}
[data-content="02_02_05"] [data-tab-btn] >li.active a .imgs:before{opacity: 0;}
[data-content="02_02_05"] [data-tab-btn] >li a:hover .imgs:before{opacity: 0;}
[data-content="02_02_05"] [data-tab-btn] >li a .imgs:after{content: ""; opacity: 0; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; border: 2px solid #0073B1; border-radius: 1.4rem 1.4rem 0 0; transition: all 0.2s linear;}
[data-content="02_02_05"] [data-tab-btn] >li.active a .imgs:after{opacity: 1;}
[data-content="02_02_05"] [data-tab-btn] >li a .imgs *{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
[data-content="02_02_05"] [data-tab-btn] >li a strong{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; padding: 0.75rem 1rem; text-align: center; color: #888; font-size: 1.8rem; font-weight: 500; line-height: 1.4; background-color: #F4F6F8; transition: all 0.2s linear;}
[data-content="02_02_05"] [data-tab-btn] >li.active a strong{color: #fff;  background-color: #0073B1; }
[data-content="02_02_05"] [data-tab-btn] >li a strong:after{content: ""; display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/s020205_img07.svg) no-repeat center center / 100% auto; transition: all 0.2s linear;}
[data-content="02_02_05"] [data-tab-btn] >li.active a strong:after{background-image: url(../../../images/site/kor/content/s020205_img06.svg);}
[data-content="02_02_05"] [data-tab-btn] >li:nth-child(2) a strong:after{background-image: url(../../../images/site/kor/content/s020205_img09.svg);}
[data-content="02_02_05"] [data-tab-btn] >li:nth-child(2).active a strong:after{background-image: url(../../../images/site/kor/content/s020205_img08.svg);}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont]{margin-top: 3.7rem;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] >div{display: none; padding-bottom: 1.8rem; border-bottom: 1px solid #EEE;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] >div.active{display: block;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] h5{margin-top: 1.8rem; margin-bottom: 0; font-size: 1.8rem; color: #101C5C;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] h5:first-child{margin-top: 0;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] hr{margin-top: 1.8rem; padding-top: 1.8rem;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] hr + h5{margin-top: 0;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01{margin-top: 1rem;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.6rem 0; font-size: 1.6rem; color: #464646; font-weight: 500; line-height: 1.4;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li:not(:first-child){margin-top: 1rem;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >strong{font-weight: 700;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >span{flex:1;position: relative; padding-left: 2rem; }
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >span:after{content: ""; display: block; position: absolute; top: 0.3rem; left: 1rem; width: 1px; height: 1.5rem; background-color: #DDD;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02{width: 100%;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; padding-left:8.7rem; font-size: 1.4rem;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02 >li:not(:first-child){margin-top: 0.7rem;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02 >li strong{display: inline-block;min-width:8.7rem; position: absolute; top: 0; left: 0; padding: 0.4rem 0.9rem; color: #0073B1; background-color: rgba(0, 115, 177, 0.10); line-height: 1; border-radius: 10rem;text-align:center}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02 >li strong.color_2{color: #888; background-color: rgba(136, 136, 136, 0.10);}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02 >li >span{position: relative; padding-left: 1.8rem; line-height: 1.55;}
[data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02 >li >span:after{content: ""; display: block; position: absolute; top: 0.4rem; left: 0.9rem; width: 1px; height: 1.2rem; background-color: #DDD;}

/*-------------------------------------------------------------------
    초격차 기술 > AI 정수장 > 인프라 기술
-------------------------------------------------------------------*/
[data-content="02_03_02"]{}
[data-content="02_03_02"] .te_box{padding: 2.4rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="02_03_02"] .te_box hr{margin: 1.6rem 0; border-top: 1px solid #ddd;}
[data-content="02_03_02"] .f_box{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 0.5rem 2.4rem;}
[data-content="02_03_02"] .f_box strong{flex-shrink:0;display: block; min-width: 8.5rem;}
[data-content="02_03_02"] .b1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 10.4rem;}
[data-content="02_03_02"] .b1 >.t1{display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; justify-content: flex-start; position: relative; width: calc((100% - (10.4rem * 2)) / 3); height: auto; border: 1px solid #0073B1; border-radius: 1.4rem; }
[data-content="02_03_02"] .b1 >.t1:not(:first-child):before{content: ""; display: block; position: absolute; top: 0; right: 100%; width: 10.4rem; height: 100%; background: url(../../../images/site/kor/content/s020302_img05.svg) no-repeat center center / 5.2rem auto;}
[data-content="02_03_02"] .b1 >.t1 strong{display: block; width: 100%; padding: 1rem; text-align: center; font-size: 2.2rem; font-weight: 600; line-height: 1.5; color: #fff; background-color: #0073B1; border-radius: 1.3rem 1.3rem 0 0; margin-top: 0;}
[data-content="02_03_02"] .b1 >.t1 .w{display: flex; justify-content: space-evenly; align-content: center; align-items: center; gap: 1rem 1rem; padding: 2.7rem 1.5rem; margin-top: auto; margin-bottom: auto;}
[data-content="02_03_02"] .b1 >.t1 .w p{font-weight: 400; line-height: 1.5; letter-spacing: -0.044rem; text-align: center;}
[data-content="02_03_02"] .b1 >.t1 .w p img{display: block; width: 6rem; height: 6rem; margin: 0 auto 1rem;}
[data-content="02_03_02"] .img_scrolls .move img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="02_03_02"] .b2{box-shadow: none; border-color: #DDD; background-color: #fff;}
[data-content="02_03_02"] .b2 ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 0 13rem; width: 100%;}
[data-content="02_03_02"] .b2 ul li{position: relative; }
[data-content="02_03_02"] .b2 ul li:after{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 13rem; height: 100%; background: url(../../../images/site/kor/content/s020302_img13.svg) no-repeat center center / 2.2rem auto;}
[data-content="02_03_02"] .b2 ul li:last-child:after{display: none;}
[data-content="02_03_02"] .b2 ul li img{display: block; width: 12.5rem; margin: 0 auto;}
[data-content="02_03_02"] .b2 ul li strong{display: block; width: 100%; margin-top: 1.6rem; text-align: center; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -0.028rem;}
[data-content="02_03_02"] .b2 ul li strong span{display: block; font-weight: 500;}
[data-content="02_03_02"] .b3{display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; gap: 2rem;}
[data-content="02_03_02"] .b3 >*{width: 100%;}
[data-content="02_03_02"] .b3 .lists{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 4rem; padding: 0.7rem 2rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="02_03_02"] .b3 .lists >li{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; width: 100%; min-height: 9.7rem; text-align: center; font-size: 1.8rem;}
[data-content="02_03_02"] .b3 .lists >li:before{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 4rem; height: 100%; background: url(../../../images/site/kor/content/s020302_img14.svg) no-repeat center center / auto 9.7rem;}
[data-content="02_03_02"] .b3 .lists >li:last-child:before{display: none;}
[data-content="02_03_02"] .b4{position: relative; padding: 4rem; background-color: #F4F6F8; border-radius: 1.4rem; text-align: center;}
[data-content="02_03_02"] [data-skin="box"][data-type="2"] .b4{background-color: #FFF;}
[data-content="02_03_02"] .b4 .img_scroll{border-radius: 0;}
[data-content="02_03_02"] .b4 .img_scroll .move{position: relative; }
[data-content="02_03_02"] .b5{display: inline-block; background-color: #fff; border-radius: 1.4rem; padding: 1rem 2rem; font-size: 1.8rem; color: #151515 !important;}
[data-content="02_03_02"] .b6{display: flex; justify-content: flex-start; align-items: stretch; gap: 3rem;}
[data-content="02_03_02"] .b6 .imgs{overflow:hidden;border-radius:1.4rem}
[data-content="02_03_02"] .b6 .imgs img{width:100%;height:auto}
[data-content="02_03_02"] .b6 .imgs2{flex:auto;display:flex;align-items:stretch;border:1px solid #ddd;border-radius:1.4rem;overflow:hidden}
[data-content="02_03_02"] .b6 .imgs2 .img:not(.t2){aspect-ratio:46.5 / 49;width:43.056%;display:flex;align-items:center;justify-content:center}
[data-content="02_03_02"] .b6 .imgs2 .img.t2{width:56.944%}
[data-content="02_03_02"] .b6 .imgs2 .img img{max-width:100%;max-height:100%}
[data-content="02_03_02"] .b6 .imgs2 .img.t2 img{width:100%;height:100%;object-fit:cover}
[data-content="02_03_02"] .t_box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:6rem}
[data-content="02_03_02"] .t_box .imgs {overflow: hidden;display: block;position: relative;width: 77rem;border: 1px solid #DDD;border-radius: 1.4rem}
[data-content="02_03_02"] .t_box .imgs img {display: block;width: 100%;height: 100%;object-fit:cover;}
[data-content="02_03_02"] .t_box .desc {flex: 1}
[data-content="02_03_02"] .box1{padding:2.4rem;background:#fff;border-radius:1.4rem}
[data-content="02_03_02"] .list > li{position:relative;padding-left:1.2rem;font-size:1.6rem}
[data-content="02_03_02"] .list > li::before{content:"•";position:absolute;left:0;top:0}

/*-------------------------------------------------------------------
    초격차 기술 > AI 정수장 > 주요기술
-------------------------------------------------------------------*/
[data-content="02_03_03"]{}
[data-content="02_03_03"] .box1{padding: 3rem; border-radius: 1.4rem; border: 1px solid #DDD;}
[data-content="02_03_03"] .box1 >.levels{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 2.5rem; padding: 0.5rem 2rem; background-color: #0073B1; border-radius: 1.4rem;}
[data-content="02_03_03"] .box1 >.levels div{flex: 1; text-align: center;}
[data-content="02_03_03"] .box1 >.levels div strong{font-size: 2rem; color: #fff; font-weight: 600;}
[data-content="02_03_03"] .box1 ol{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.5rem 0; margin-top: 2.5rem;}
[data-content="02_03_03"] .box1 ol li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: calc((100% - 5rem) / 2);}
[data-content="02_03_03"] .box1 ol li:nth-child(2n-1){width: calc(((100% - 5rem) / 2) + 5rem);}
[data-content="02_03_03"] .box1 ol li:nth-child(2n-1):after{content: ""; display: block; width: 5rem; height: 100%; background: url(../../../images/site/kor/content/s020303_img11.svg) no-repeat center center / 2.3rem auto;}
[data-content="02_03_03"] .box1 ol li .levels{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 2.5rem; width: 100%; height: 100%; padding: 1rem 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="02_03_03"] .box1 ol li:nth-child(2n-1) .levels{width: calc(100% - 5rem);}
[data-content="02_03_03"] .box1 ol li .levels .step1{display: flex; flex-wrap: wrap;flex-direction:column; justify-content:center; align-items: center; gap:0 0.6rem; width: 10rem;position:relative;padding-top:3.5rem;text-align:center}
[data-content="02_03_03"] .box1 ol li .levels .step1 em{color: #0073B1; font-size: 1.6rem; font-weight: 700; line-height: 1.2;}
[data-content="02_03_03"] .box1 ol li .levels .step1 strong{font-size: 1.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.036rem;}
[data-content="02_03_03"] .box1 ol li .levels .step1 img{display: block; width: 3rem;position:absolute;left:50%;top:0;transform:translateX(-50%)}
[data-content="02_03_03"] .box1 ol li .levels .step2{flex: 1;}
[data-content="02_03_03"] .box1 ol li .levels .step2 strong{display: block; font-size: 1.6rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.032rem;}
[data-content="02_03_03"] .box1 ol li .levels .step3{}
[data-content="02_03_03"] .box1 ol li .levels .step3 strong{display: block; width: 13rem; height: auto; padding: 1.08rem 1rem; font-size: 1.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.032rem; text-align: center; background-color: #fff; border-radius: 10rem;}
[data-content="02_03_03"] .box1 .arrow{display: block; width: 2.4rem; height: 5rem; background: url(../../../images/site/kor/content/s020303_img09.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="02_03_03"] .box1 .step2 + .arrow{background-image: url(../../../images/site/kor/content/s020303_img10.svg);}
[data-content="02_03_03"] .box2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem;}
[data-content="02_03_03"] .box2 >li{width: calc((100% - 4rem) / 3); padding: 2rem 2rem 3rem; border-bottom: 1px solid #EEE;}
[data-content="02_03_03"] .box2 >li strong{display: block; font-size: 1.8rem; font-weight: 700;}
[data-content="02_03_03"] .box2 >li >p{display: block; margin-top: 0.6rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem;}
[data-content="02_03_03"] .box2 >li >div{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; margin-top: 2.4rem;}
[data-content="02_03_03"] .box2 >li >div >p{position: relative; width: 100%; padding: 0 1rem 0.4rem;}
[data-content="02_03_03"] .box2 >li >div >p:not(:last-child):before{content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #EEE;}
[data-content="02_03_03"] .box2 >li >div >p img{display: block; width: 5rem; margin: 0 auto;}
[data-content="02_03_03"] .box2 >li >div >p span{display: block; margin-top: 2rem; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.014rem; text-align: center; word-break: break-all;}
[data-content="02_03_03"] .box3{overflow: hidden; display: block; padding: 2.5rem; background-color: #fff; border-radius: 1.4rem; border: 1px solid #F4F6F8;}
[data-content="02_03_03"] .box3 span{display: block; }
[data-content="02_03_03"] .box3 span img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="02_03_03"] .box4{overflow: hidden; display: block; padding: 3rem; background-color: #fff; border-radius: 1.4rem; border: 1px solid #F4F6F8;}
[data-content="02_03_03"] .box4 span{display: block; }
[data-content="02_03_03"] .box4 span img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="02_03_03"] [data-skin="box"][data-type="2"] .w_170_w{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.4rem 2.4rem; margin-bottom: 0; margin-top: 0;}
[data-content="02_03_03"] [data-skin="box"][data-type="2"] .w_170_w em{display: block; width: 17rem;}
[data-content="02_03_03"] [data-skin="box"][data-type="2"] .w_170_w > span{flex:1}
[data-content="02_03_03"] .box5{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 3rem 4.5rem;}
[data-content="02_03_03"] .box5 .t{display: block; width: 100%; padding: 2rem; text-align: center; color: #0073B1; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="02_03_03"] .box5 .m{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 3rem 4.5rem;}
[data-content="02_03_03"] .box5 .m >div{width: calc((100% - 4.5rem) / 2);}
[data-content="02_03_03"] .box5 .imgs{display: flex; flex-wrap: wrap; justify-content: end;}
[data-content="02_03_03"] .box5 .imgs span{overflow: hidden; display: block; position: relative; border-radius: 2rem;}
[data-content="02_03_03"] .box5 .imgs span img{width: auto; max-width: 100%;}
[data-content="02_03_03"] .box5 .imgs span i{position: absolute; bottom: 0; left: 0; padding: 0.6rem 1rem; color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.032rem; background-color: #101C5C; border-top-right-radius: 1.4rem;}
[data-content="02_03_03"] .box5 .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; max-width: 54rem;}
[data-content="02_03_03"] .box5 .desc p{margin-top: 1rem;}
[data-content="02_03_03"] .box6 >li >img{width: 6rem; margin-left: auto; margin-right: auto; border: 0; border-radius: 0;}
[data-content="02_03_03"] .box6 >li >strong{margin-top: 3rem;}
[data-content="02_03_03"] .box7{}
[data-content="02_03_03"] .box7 .w{display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 5rem; width: 100%; max-width: 1510px; margin: 0 auto;}
[data-content="02_03_03"] .box7 .w .l{position: relative; padding-right: 10rem;}
[data-content="02_03_03"] .box7 .w .l:before{content: ""; display: block; position: absolute; top: 45%; right: 0; width: 50%; height: 2px; background-color: #EEE; transform: translateY(-50%);}
[data-content="02_03_03"] .box7 .w .l:after{content: ""; display: block; position: absolute; top: 45%; right: 0; width: 2.6rem; height: 2.6rem; border-radius: 50%; background:  #888 url(../../../images/site/kor/content/s020303_img38.svg) no-repeat center center / 100% auto; transform: translateY(-50%);}
[data-content="02_03_03"] .box7 .w .l img{display: block; position: relative; z-index: 1; width: auto; max-width: 100%;}
[data-content="02_03_03"] .box7 .w .r{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem; width: calc(100% - 43rem - 5rem); max-width: 1030px;}
[data-content="02_03_03"] .box7 .w .r .com{width: calc((100% - 3rem) / 2); border-bottom: 1px solid #EEE;}
[data-content="02_03_03"] .box7 .w .r .com >strong{display: block; padding: 1.3rem 1rem; font-size: 2rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.04rem; color: #fff; text-align: center; background-color: #0073B1; border-radius: 1rem;}
[data-content="02_03_03"] .box7 .w .r .com:nth-child(2) >strong{background-color: #101C5C;}
[data-content="02_03_03"] .box7 .w .r .com .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 2rem; padding: 3rem 3rem 2.3rem;}
[data-content="02_03_03"] .box7 .w .r .com .desc img{order: 2; display: block; width: 6rem; margin-top: 3rem;}
[data-content="02_03_03"] .box7 .w .r .com .desc div{order: 1; width: 100%; flex: 1;}
[data-content="02_03_03"] .box7 .w .r .com .desc div em{display: inline-block; margin-bottom: 0.6rem; padding: 1rem; font-size: 1.6rem; font-weight: 700; line-height: 1; letter-spacing: -0.032rem; color: #0073B1; background-color: rgba(0, 115, 177, 0.10); border-radius: 0.4rem;}
[data-content="02_03_03"] .box7 .w .r .com:nth-child(2) .desc div em{color: #101C5C; background-color: rgba(16, 28, 92, 0.10);}
[data-content="02_03_03"] .box7 .w .r .com .desc div strong{display: block; font-size: 1.8rem; font-weight: 600;}
[data-content="02_03_03"] .box7 .w .r .com .desc div ul{margin-top: 0.6rem; font-size: 1.6rem;}
[data-content="02_03_03"] .box8{position: relative; padding: 5rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="02_03_03"] .box8 >.tit{display: block; width: 100%; padding: 1.2rem; background-color: #101C5C; border-radius: 1.4rem; text-align: center; color: #fff; }
[data-content="02_03_03"] .box8 .photo_div3 li .imgs{position: relative; }
[data-content="02_03_03"] .box8 .photo_div3 li .imgs em{position: absolute; bottom: 0; left: 0; z-index: 1; padding: 0.6rem 1rem; font-size: 1.5rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.032rem; color: #fff; background-color: #101C5C; border-radius: 0 1.4rem;}
[data-content="02_03_03"] .box8 .source{display: block; width: 39.4rem; height: 10.1rem; position: absolute; bottom: 5rem; right: 5rem; background: url(../../../images/site/kor/content/s020303_img45.svg) no-repeat center center / 100% auto; filter: grayscale(1); opacity: 1; text-indent: -9999px;}

/*-------------------------------------------------------------------
    초격차 기술 > AI 정수장 > 사업비 산정
-------------------------------------------------------------------*/
[data-content="02_03_05"]{position: relative; padding: 12rem 0;}
[data-content="02_03_05"]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: calc(100vw - 4rem); max-width: 1800px; height: 100%; background: url(../../../images/site/kor/content/s020305_img01.jpg) no-repeat center center / cover; transform: translateX(-50%); border-radius: 1.4rem;}
[data-content="02_03_05"] .w{display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; gap: 4rem; position: relative; z-index: 1;}
[data-content="02_03_05"] .w .l{flex: 1; color: #fff;}
[data-content="02_03_05"] .w .l h3{margin-bottom: 2rem;}
[data-content="02_03_05"] .w .r{padding: 4rem; width: calc((100% - 4rem) * 0.3718); background-color: rgba(255, 255, 255, 0.10); border-radius: 1.4rem; backdrop-filter: blur(25px);}
[data-content="02_03_05"] .w .r strong{display: block; color: #fff; font-weight: 600;}
[data-content="02_03_05"] .w .r p{display: block; margin-top: 0.6rem; font-size: 1.6rem; font-weight: 300; color: #fff; letter-spacing: -0.016rem;}
[data-content="02_03_05"] .w .r a{margin-top: 2rem; font-size: 1.6rem; font-weight: 400;}

/*-------------------------------------------------------------------
    초격차 기술 > SWNM > 주요기술
-------------------------------------------------------------------*/
[data-content="02_04_03"]{}
[data-content="02_04_03"] .box1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem; }
[data-content="02_04_03"] .box1 .imgs{overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: center; gap: 2rem; width: 51rem; padding-top: 7rem; background-color: #E8F1F7; border-radius: 1.4rem;}
[data-content="02_04_03"] .box1 .imgs strong{display: block; width: 28.8rem; height: 7.7rem; background: url(../../../images/site/kor/content/s020403_img01.png) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="02_04_03"] .box1 .imgs img{display: block; width: auto; max-width: 100%;}
[data-content="02_04_03"] .box1 ol{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0 2rem; width: calc(100% - 51rem - 3rem);}
[data-content="02_04_03"] .box1 ol >li{position: relative; width: calc((100% - (2rem * 2)) / 3); padding: 2rem 2rem 3rem; border-bottom: 1px solid #EEE;}
[data-content="02_04_03"] .box1 ol >li:nth-child(1),
[data-content="02_04_03"] .box1 ol >li:nth-child(2),
[data-content="02_04_03"] .box1 ol >li:nth-child(3){border-top: 1px solid #0073B1;}
[data-content="02_04_03"] .box1 ol >li:nth-child(1):before,
[data-content="02_04_03"] .box1 ol >li:nth-child(2):before,
[data-content="02_04_03"] .box1 ol >li:nth-child(3):before{content: ""; display: block; position: absolute; top: -1px; left: 0; width: 6rem; height: 1px; background-color: #101C5C;}
[data-content="02_04_03"] .box1 ol >li em{display: block; color: #0073B1; font-size: 1.8rem; font-weight: 600; line-height: 1;}
[data-content="02_04_03"] .box1 ol >li strong{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 700;}
[data-content="02_04_03"] .box1 ol >li [data-skin="list"]{margin-top: 0.6rem; font-size: 1.6rem; letter-spacing: -0.016rem;}
[data-content="02_04_03"] .box2{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding-right: 2rem; background-color: #fff; border-radius: 1.4rem;}
[data-content="02_04_03"] .box2 .imgs{width: calc(100% - 15rem);}
[data-content="02_04_03"] .box2 .imgs img{display: block; width: 100%;}
[data-content="02_04_03"] .box2 .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; gap: 1rem; width: 15rem; margin: 2rem 0; padding: 1.4rem; border-radius: 1.4rem; background-color: #F4F6F8;  box-shadow: 0.4rem 0.4rem 0.6rem rgba(0, 0, 0, 0.10);}
[data-content="02_04_03"] .box2 .desc p{display: flex; flex-wrap: wrap; justify-content:center; align-items: center; gap:0.4rem 1rem; width: 100%; color: #222; font-size: 1.4rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.028rem;}
[data-content="02_04_03"] .box2 .desc p img{display: block; width: 5.1rem;}
[data-content="02_04_03"] .box3{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 3rem;}
[data-content="02_04_03"] .box3 .imgs{flex: 1;}
[data-content="02_04_03"] .box3 .imgs .caption{display:flex;align-items:center;justify-content:center;height:5.3rem;padding:0 1rem;line-height:1;color:#fff;background:#7B90A0;font-size:1.8rem;font-weight:600;border-radius:1rem;letter-spacing:-.04rem;text-align:center}
[data-content="02_04_03"] .box3 .imgs img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="02_04_03"] .box3 .lists{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem; width: calc(100% - 37rem - 3rem); max-width: 1010px;}
[data-content="02_04_03"] .box3 .lists >li{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; width: calc((100% - 3rem) * 0.42); border-bottom: 1px solid #EEE;}
[data-content="02_04_03"] .box3 .lists >li.ty2{width: calc((100% - 3rem) * 0.58);}
[data-content="02_04_03"] .box3 .lists >li >strong{display: block; width: 100%; padding: 1.45rem 1rem; text-align: center; color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.04rem; background-color: #0073B1; border-radius: 1rem;}
[data-content="02_04_03"] .box3 .lists >li.color_2 >strong{background-color: #101C5C;}
[data-content="02_04_03"] .box3 .lists >li .desc{display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; position: relative; width: 100%; padding: 2rem 2rem 1.7rem;}
[data-content="02_04_03"] .box3 .lists >li .desc p{width: 100%; padding: 0 1rem; text-align: center; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.036rem;}
[data-content="02_04_03"] .box3 .lists >li:first-child{flex-direction: column; flex-wrap: nowrap;}
[data-content="02_04_03"] .box3 .lists >li:first-child .desc{width: 100%; height: 100%;}
[data-content="02_04_03"] .box3 .lists >li:first-child .desc p{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.4rem; width: 100%; height: 100%;}
[data-content="02_04_03"] .box3 .lists >li:first-child .desc p img{width: 10rem; margin: 0;}
[data-content="02_04_03"] .box3 .lists >li .desc p.arrow{width: 10%; padding: 0; background: url(../../../images/site/kor/content/s020403_img14.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="02_04_03"] .box3 .lists >li .desc p img{display: block; width: 6rem; margin: 0 auto 1.4rem;}
[data-content="02_04_03"] .box4{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 6rem; padding-right: 4rem; background-color: #F5FAFF; border-radius: 1.4rem;}
[data-content="02_04_03"] .box4 >.imgs{flex: 1; display: block; position: relative; width: auto; max-width: 992px;}
[data-content="02_04_03"] .box4 >.imgs img{display: block; position: absolute; top: 0; left: 50%; width: 992px; height: auto; object-fit: cover; background-position: center center; transform: translateX(-50%);}
[data-content="02_04_03"] .box4 .desc{position: relative; z-index: 1; padding: 4rem 0;}
[data-content="02_04_03"] .box4 .desc >ul{}
[data-content="02_04_03"] .box4 .desc >ul:not(:first-child){margin-top: 2.2rem; padding-top: 2.2rem; border-top: 1px solid #D4E1EA;}
[data-content="02_04_03"] .box4 .desc >ul >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1.7rem;}
[data-content="02_04_03"] .box4 .desc >ul >li:not(:first-child){margin-top: 2.2rem;}
[data-content="02_04_03"] .box4 .desc >ul >li .imgs{overflow: hidden; display: block; width: 15rem; height: 9.2rem; border-radius: 1.6rem;}
[data-content="02_04_03"] .box4 .desc >ul >li .imgs img{display: block; width: 100%; height: 100%; object-fit: cover;}
[data-content="02_04_03"] .box4 .desc >ul >li >div{display: flex; flex-wrap: wrap; flex-direction: column;     align-content: flex-start; justify-content: center; align-items: flex-start; flex: 1;}
[data-content="02_04_03"] .box4 .desc >ul >li >div strong{display: block; width: 100%; font-size: 1.8rem; font-weight: 600;  color: #0073B1;}
[data-content="02_04_03"] .box4 .desc >ul.in >li >div strong{color: #101C5C;}
[data-content="02_04_03"] .box4 .desc >ul >li >div [data-skin="list"]{margin-top: 0.6rem; font-size: 1.6rem;}
[data-content="02_04_03"] .box5 .list_box >li{padding-bottom: 1.7rem;}
[data-content="02_04_03"] .box5 .list_box >li >img{width: 6rem; max-width: 100%; margin-top: 1.4rem; margin-left: auto; margin-right: auto; border: 0; border-radius: 0;}
[data-content="02_04_03"] .box5 .list_box >li >strong{margin-top: 3rem;}
[data-content="02_04_03"] .box6{overflow: hidden; position: relative; margin-top: 12rem; padding: 5rem 7rem; background-color: #101C5C; border-radius: 1.4rem;}
[data-content="02_04_03"] .box6:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 25.6rem; height: 100%; background: url(../../../images/site/kor/content/s020403_img46.png) no-repeat center center / cover;}
[data-content="02_04_03"] .box6:after{content: ""; display: block; position: absolute; top: 0; right: 0; width: 87.6rem; height: 100%; background: url(../../../images/site/kor/content/s020403_img47.png) no-repeat center center / cover;}
[data-content="02_04_03"] .box6 *{position: relative; z-index: 1;}
[data-content="02_04_03"] .box6 strong{display: block; font-size: 3.2rem; color: #fff; font-weight: 600;}
[data-content="02_04_03"] .box6 p{margin-top: 1rem; color: #fff; font-size: 1.8rem; font-weight: 300; letter-spacing: -0.036rem;}
[data-content="02_04_03"] .box6 a:hover{background-color: #005989; border-color: #005989;}
[data-content="02_04_03"] .box7{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 3rem;}
[data-content="02_04_03"] .box7 .l{overflow: hidden; width: auto; max-width: 28%; border-radius: 1.4rem;}
[data-content="02_04_03"] .box7 .l img{display: block; width: 100%; height: 100%; object-fit: cover;}
[data-content="02_04_03"] .box7 .r{display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; flex: 1; gap: 2rem;}
[data-content="02_04_03"] .box7 .r .b{width: 100%; margin-top: auto; padding: 1.4rem 2rem; border: 1px solid rgba(0, 115, 177, 0.30); background-color: #F5FAFF; border-radius: 0.6rem;}

/*-------------------------------------------------------------------
    초격차 기술 > SWNM > 사업비 산정
-------------------------------------------------------------------*/
[data-content="02_04_05"]{position: relative; padding: 12rem 0;}
[data-content="02_04_05"]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: calc(100vw - 4rem); max-width: 1800px; height: 100%; background: url(../../../images/site/kor/content/s020405_img01.jpg) no-repeat center center / cover; transform: translateX(-50%); border-radius: 1.4rem;}
[data-content="02_04_05"] .w{position: relative; z-index: 1;}
[data-content="02_04_05"] .w .t{color: #fff;}
[data-content="02_04_05"] .w .t h3{margin-bottom: 2rem;}
[data-content="02_04_05"] .w .b{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.8rem;}
[data-content="02_04_05"] .w .b >li{overflow: hidden; position: relative; width:100%; padding: 4rem; background: linear-gradient(103deg, rgba(2, 2, 2, 0.24) 15.01%, rgba(53, 53, 53, 0.24) 51.04%, rgba(2, 2, 2, 0.24) 87.07%); backdrop-filter: blur(15px); border: 1px solid; border-image: linear-gradient(-49deg,rgba(0, 126, 160, 0) 0%, rgba(1, 201, 223, 1) 50%, rgba(0, 126, 160, 0) 100%); border-image-slice:1;}
[data-content="02_04_05"] .w .b >li:before{content: ""; opacity: 0; display: block; position: absolute; top: -1px; right: -1px; width: 0; height: 0; border-style: solid; border-width: 0 1.4rem 1.4rem 0; border-color: transparent #0FF transparent transparent; transition: all 0.2s linear;}
[data-content="02_04_05"] .w .b >li:after{content: ""; opacity: 0; display: block; position: absolute; top: 0.9rem; right: -0.5rem; width: 2.8rem; height: 1px; background-color: #01D2FF; box-shadow: 0 0 4px #0FF; transform: rotate(45deg); transition: all 0.2s linear;}
[data-content="02_04_05"] .w .b >li:hover:before,
[data-content="02_04_05"] .w .b >li:hover:after{opacity: 1;}
[data-content="02_04_05"] .w .b >li .desc{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 1rem;}
[data-content="02_04_05"] .w .b >li .desc div{width: 100%;}
[data-content="02_04_05"] .w .b >li .desc div strong{display: block; color: #AFFFFF; font-size: 2.4rem; font-weight: 400; letter-spacing: 0.336rem;}
[data-content="02_04_05"] .w .b >li .desc div p{display: block; margin-top: 0.6rem; color: #B4BCC7; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem;}
[data-content="02_04_05"] .w .b >li .desc a{display: block; padding: 1rem 2rem; color: #CCC; font-size: 1.6rem; font-weight: 500; line-height: 1.4; border: 1px solid #7D8A98; border-radius: 10rem; transition: all 0.2s linear;}
[data-content="02_04_05"] .w .b >li .desc a:hover{color: #fff; border-color: #fff;}
[data-content="02_04_05"] .w .b >li .btns{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 2.2rem; margin-top: 3rem;}
[data-content="02_04_05"] .w .b >li .btns a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; padding: 2.4rem; color: #AAEFEF; font-weight: 700; background: rgba(255, 255, 255, 0.14); border: 1px solid; border-image: linear-gradient(-20deg,rgba(255, 255, 255, 0.1) 0%, rgba(1, 201, 223, 0.4) 70%, rgba(255, 255, 255, 0.1) 100%); border-image-slice:1; backdrop-filter: blur(15px); transition: all 0.2s linear;}
[data-content="02_04_05"] .w .b >li .btns a:hover{background: linear-gradient(103deg, rgba(0, 255, 255, 0.00) 36.35%, rgba(0, 255, 255, 0.50) 120.95%); border-image: linear-gradient(-20deg,rgba(255, 255, 255, 1) 0%, rgba(1, 201, 223, 0.4) 70%, rgba(255, 255, 255, 1) 100%);  border-image-slice:1;color:#fff}
[data-content="02_04_05"] .w .b >li .btns a > i{margin-left:.4rem;font-weight:500}
[data-content="02_04_05"] .w .b >li .btns a img{display: block; width: 5rem; margin-left: auto;}

[data-content="02_04_05"] [data-tab-btn]{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 3rem; width: 100%;}
[data-content="02_04_05"] [data-tab-btn] >li{overflow: hidden; width: 100%; border-radius: 1.4rem;}
[data-content="02_04_05"] [data-tab-btn] >li a{display: block;}
[data-content="02_04_05"] [data-tab-btn] >li a .imgs{display: flex;align-items:center;justify-content:center; position: relative; width: 100%; aspect-ratio:289 / 248}
[data-content="02_04_05"] [data-tab-btn] >li a .imgs:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.50); backdrop-filter: blur(5px); transition: all 0.2s linear;}
[data-content="02_04_05"] [data-tab-btn] >li.active a .imgs:before{opacity: 0;}
[data-content="02_04_05"] [data-tab-btn] >li a:hover .imgs:before{opacity: 0;}
[data-content="02_04_05"] [data-tab-btn] >li a .imgs:after{content: ""; opacity: 0; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; border: 2px solid #0073B1; border-radius: 1.4rem 1.4rem 0 0; transition: all 0.2s linear;}
[data-content="02_04_05"] [data-tab-btn] >li.active a .imgs:after{opacity: 1;}
[data-content="02_04_05"] [data-tab-btn] >li a .imgs *{max-width:100%;height:auto}
[data-content="02_04_05"] [data-tab-btn] >li a strong{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; padding: 0.75rem 1rem; text-align: center; color: #888; font-size: 1.8rem; font-weight: 500; line-height: 1.4; background-color: #F4F6F8; transition: all 0.2s linear;}
[data-content="02_04_05"] [data-tab-btn] >li.active a strong{color: #fff;  background-color: #0073B1; }
[data-content="02_04_05"] [data-tab-btn] >li a strong:after{content: ""; display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/s020405_img08.svg) no-repeat center center / 100% auto; transition: all 0.2s linear;}
[data-content="02_04_05"] [data-tab-btn] >li.active a strong:after{background-image: url(../../../images/site/kor/content/s020405_img09.svg);}
[data-content="02_04_05"] [data-tab-btn] >li:nth-child(2) a strong:after{background-image: url(../../../images/site/kor/content/s020405_img10.svg);}
[data-content="02_04_05"] [data-tab-btn] >li:nth-child(2).active a strong:after{background-image: url(../../../images/site/kor/content/s020405_img11.svg);}
[data-content="02_04_05"] [data-tab-btn] >li:nth-child(3) a strong:after{background-image: url(../../../images/site/kor/content/s020405_img12.svg);}
[data-content="02_04_05"] [data-tab-btn] >li:nth-child(3).active a strong:after{background-image: url(../../../images/site/kor/content/s020405_img13.svg);}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont]{margin-top: 3.7rem;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] >div{display: none; padding-bottom: 1.8rem; border-bottom: 1px solid #EEE;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] >div.active{display: block;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] h5{margin-top: 1.8rem; margin-bottom: 0; font-size: 1.8rem; color: #101C5C;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] h5:first-child{margin-top: 0;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] hr{margin-top: 1.8rem; padding-top: 1.8rem;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] hr + h5{margin-top: 0;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list01{margin-top: 1rem;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list01 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.6rem 0; font-size: 1.6rem; color: #464646; font-weight: 500; line-height: 1.4;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list01 >li:not(:first-child){margin-top: 1rem;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >strong{font-weight: 700;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >span{position: relative; padding-left: 2rem; }
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >span:after{content: ""; display: block; position: absolute; top: 0.3rem; left: 1rem; width: 1px; height: 1.5rem; background-color: #DDD;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list02{width: 100%;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list02 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; position: relative; padding-left: 4rem; font-size: 1.4rem;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list02 >li:not(:first-child){margin-top: 0.7rem;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list02 >li strong{display: inline-block; position: absolute; top: 0; left: 0; padding: 0.4rem 0.9rem; color: #0073B1; background-color: rgba(0, 115, 177, 0.10); line-height: 1; border-radius: 10rem;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list02 >li strong.color_2{color: #888; background-color: rgba(136, 136, 136, 0.10);}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list02 >li >span{position: relative; padding-left: 1.8rem; line-height: 1.55;}
[data-content="02_04_05"] [data-skin="popup"] [data-tab-cont] .list02 >li >span:after{content: ""; display: block; position: absolute; top: 0.4rem; left: 0.9rem; width: 1px; height: 1.2rem; background-color: #DDD;}

/*-------------------------------------------------------------------
    글로벌 선도기술 > 글로벌 선도기술 소개
-------------------------------------------------------------------*/
[data-content="03_01"]{}
[data-content="03_01"] .bg{}
[data-content="03_01"] .bg:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(270deg, rgba(0, 0, 0, 0.00) 31.69%, rgba(0, 0, 0, 0.60) 98.98%);}
[data-content="03_01"] .bg video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
[data-content="03_01"] .swiper_w{width: 100%;}
[data-content="03_01"] .swiper_w .swiper{overflow: visible;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper{}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide{position: relative; width: 33.7rem; height: 0; /*padding-top: 24.563%;*/padding-top: 39.3rem;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a{overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 3rem 3rem 8rem; border-radius: 2rem; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: transform 0.2s linear;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover{transform: translateY(-3rem);}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:before{content: ""; opacity: 0; display: block; position: absolute; bottom: 2rem; right: 2rem; width: 5rem; height: 5rem; background: #fff url(../../../images/site/kor/content/s0301_img09.svg) no-repeat center center / 100% auto; border-radius: 50%; transition: all 0.2s linear;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover:before{opacity: 1;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a .imgs{display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a .imgs:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.20) url(../../../images/site/kor/content/s0301_img08.svg) no-repeat center center / 120% 120%; backdrop-filter: blur(0); transition: all 0.2s linear;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover .imgs:before{background-size: 100% 100%; backdrop-filter: blur(5px);}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a .imgs img{display: block; width: 100%; height: 100%; object-fit: cover;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a strong{display: block; color: rgba(255, 255, 255, 0.9); font-weight: 600;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a p{opacity: 0; margin-top: 0.5rem; font-size: 1.6rem; font-weight: 300; letter-spacing: -0.016rem; color: rgba(255, 255, 255, 0.9); transition: all 0.2s linear;}
[data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover p{opacity: 1;}
[data-content="03_01"] .swiper_w .ctrl{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1.2rem; position: relative; margin-top: 3rem;}
[data-content="03_01"] .swiper_w .ctrl button{order: 1; display: block; width: 3.2rem; height: 3.2rem; background: rgba(217, 217, 217, 0.3) url(../../../images/site/kor/content/s0301_img10.svg) no-repeat center center / 100% auto; border-radius: 50%; text-indent: -9999px; transition: all 0.2s linear;}
[data-content="03_01"] .swiper_w .ctrl button.next{order: 3; transform: rotate(180deg);}
[data-content="03_01"] .swiper_w .ctrl button:hover{background-color: rgba(217, 217, 217, 0.5);}
[data-content="03_01"] .swiper_w .ctrl .paging_wrap{order: 2; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: relative; }
[data-content="03_01"] .swiper_w .ctrl .paging_wrap .pagination_fraction{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 13rem; color: rgba(255, 255, 255, 0.80); font-size: 1.8rem; font-weight: 400; line-height: 1;}
[data-content="03_01"] .swiper_w .ctrl .paging_wrap .pagination_fraction span{display: block; min-width: 2.5rem; text-align: center;}
[data-content="03_01"] .swiper_w .ctrl .paging_wrap .pagination_fraction span:first-child{color: #fff; font-weight: 500;}
[data-content="03_01"] .swiper_w .ctrl .paging_wrap .pagination_progress{position: absolute; top: 50%; left: 50%; width: 10rem; height: 2px; background: rgba(255, 255, 255, 0.2); transform: translate(-50%,-50%);}
[data-content="03_01"] .swiper_w .ctrl .paging_wrap .pagination_progress span{background: #fff; transition: all 0.2s linear;}
[data-content="03_01"] .swiper_w .ctrl .stop{order: 4; display: block; width: 2.4rem; height: 2.4rem; background: url(../../../images/site/kor/content/s0301_img11.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="03_01"] .swiper_w .ctrl .stop.play{background-image: url(../../../images/site/kor/content/s0301_img12.svg);}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 초순수 > 개요
-------------------------------------------------------------------*/
[data-content="03_02_01"]{}
[data-content="03_02_01"] .plus_img{}
[data-content="03_02_01"] .plus_img:after{content: ""; display: block; clear: both;}
[data-content="03_02_01"] .plus_img img{display: block; float: right; width: 55rem; margin-left: 6rem; border-radius: 1.4rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 초순수 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_02_02"]{}
[data-content="03_02_02"] .box1{padding: 4rem 3rem; text-align: center; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_02_02"] .box1 strong{display: block; color: #0073B1; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem;}
[data-content="03_02_02"] .box2{padding: 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_02_02"] .box2 img{display: block; width: auto; max-width: 100%; margin: 0 auto;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 초순수 > 특징
-------------------------------------------------------------------*/
[data-content="03_02_03"]{}
[data-content="03_02_03"] .boxs_w{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1rem;}
[data-content="03_02_03"] .boxs_w:not(:first-child):before{content: ""; display: block; width: calc(100% - 25rem); height: 4.5rem; margin: 4.5rem 0 3.5rem auto; background: url(../../../images/site/kor/content/s030203_img11.svg) no-repeat center center / auto 100%;}
[data-content="03_02_03"] .boxs_w .tit{display: block; width: calc(100% - 25rem); margin-left: auto; padding: 1.05rem 1rem; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.052rem; color: #fff; text-align: center; background-color: #101C5C; border-radius: 1.4rem;}
[data-content="03_02_03"] .boxs_w .bx{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; width: 100%;}
[data-content="03_02_03"] .boxs_w .bx >em{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; position: relative; width: 25rem; padding-right: 7rem; text-align: right; color: #101C5C; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem;}
[data-content="03_02_03"] .boxs_w .bx >em:before{content: ""; display: block; position: absolute; top: 50%; right: 0; width: 5rem; height: 1px; border-top: 1px dashed #B8C2CC; }
[data-content="03_02_03"] .boxs_w .bx >em:after{content: ""; display: block; position: absolute; top: 50%; right: 5rem; width: 6px; height: 6px; background-color: #B8C2CC; border-radius: 50%; transform: translateY(-50%);}
[data-content="03_02_03"] .boxs_w .bx .ins{width: calc(100% - 25rem); margin-left: auto; padding: 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_02_03"] .boxs_w .bx.ty2 .ins{padding: 1.2rem; text-align: center; letter-spacing: -0.044rem; background-color: #F5F5F5;}
[data-content="03_02_03"] .boxs_w .bx .ins strong{display: block; margin-bottom: 3.6rem; text-align: center; font-size: 1.8rem; font-weight: 600; color: #101C5C;}
[data-content="03_02_03"] .list01{position: relative; text-align: center;}
[data-content="03_02_03"] .list01 ol{overflow: hidden; display: inline-flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; gap: 8rem; position: relative; }
[data-content="03_02_03"] .list01 ol li:before{content: ""; display: block; position: absolute; bottom: 50%; left: 0; width: 200%; height: 0.6rem; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; background: linear-gradient(180deg, #EEE 0%, #BBB 100%); transform: translateY(-100%);}
[data-content="03_02_03"] .list01 ol li:last-child:before{display: none;}
[data-content="03_02_03"] .list01 ol >li{position: relative; text-align: center; }
[data-content="03_02_03"] .list01 ol >li img{display: block; position: relative; width: 18.8rem; height: auto; margin: 0 auto;}
[data-content="03_02_03"] .list01 ol >li b{display: inline-block; position: static; z-index: 1; margin-top: 2rem; padding: 0.6rem 1rem; color: #fff; font-size: 1.6rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.032rem; background-color: #101C5C; border-radius: 0.6rem;}
[data-content="03_02_03"] .list01 ol >li b:before,
[data-content="03_02_03"] .list01 ol >li b:after{content: ""; display: block; position: absolute; top: 50%; right: 100%; width: 0.8rem; height: 0.8rem; background: linear-gradient(180deg, #DDD 0%, #717171 62.98%, #AAA 100%); border-radius: 0.2rem; transform: translateY(-160%);}
[data-content="03_02_03"] .list01 ol >li b:after{right: auto; left: 100%; border-radius: 0.2rem;}
[data-content="03_02_03"] .list01 ol >li:first-child b:before,
[data-content="03_02_03"] .list01 ol >li:last-child b:after{width: 100vw; height: 1rem; background: #F4F6F8;}
[data-content="03_02_03"] .list01 >p{position: absolute; top: calc(50% + 1rem); left: 0; width: 100%; color: #222; font-size: 1.6rem; line-height: 1; text-align: center; letter-spacing: -0.016rem; transform: translateY(-50%);}
[data-content="03_02_03"] .list02{}
[data-content="03_02_03"] .list02 ol{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;}
[data-content="03_02_03"] .list02 ol >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
[data-content="03_02_03"] .list02 ol >li:after{content: ""; display: block; width: 1.6rem; height: 5rem; margin: 0 1.2rem; background: url(../../../images/site/kor/content/s030203_img13.svg) no-repeat center center / auto 100%;}
[data-content="03_02_03"] .list02 ol >li:last-child:after{display: none;}
[data-content="03_02_03"] .list02 ol >li b{display: block; padding: 1rem 2rem; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.032rem; text-align: center; background-color: #fff; border-radius: 10rem;}
[data-content="03_02_03"] .list02 .ret{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;text-align: center; transform: translateX(-2.4rem)}
[data-content="03_02_03"] .list02 .ret p{display: inline-flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 1.2rem; margin-top: 2rem; padding: 1.2rem 2rem; font-size: 1.6rem; letter-spacing: -0.016rem; border: 2px solid #0073B1; border-radius: 1rem; background-color: #fff;}
[data-content="03_02_03"] .list02 .ret:before,
[data-content="03_02_03"] .list02 .ret:after{content: ""; display: inline-block; width: 6rem; height: 7.5rem; background: url(../../../images/site/kor/content/s030203_img14.svg) no-repeat center center / 100% auto;}
[data-content="03_02_03"] .list02 .ret:before{width: 6.6rem; height: 7rem; background-image: url(../../../images/site/kor/content/s030203_img15.svg);}
[data-content="03_02_03"] .list02 .ret p span{display: block; width: 8.8rem; height: 4rem; margin: 0 auto; background: url(../../../images/site/kor/content/s030203_img05.png) no-repeat center center / 100% auto; text-indent: -9999px}
[data-content="03_02_03"] .list02 .ret p i{display: none;}
[data-content="03_02_03"] .list03{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 2rem;}
[data-content="03_02_03"] .list03 >li{width: auto; max-width: calc((100% - 2rem) / 2);}
[data-content="03_02_03"] .list03 >li b{display: block; text-align: center; padding-left: 18%; font-size: 1.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.032rem;}
[data-content="03_02_03"] .list03 >li img{display: block; width: auto; max-width: 100%; margin: 1.6rem auto;}
[data-content="03_02_03"] .list04{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8rem;}
[data-content="03_02_03"] .list04 .wt{display: block; width: 21rem; height: 9.5rem; background: url(../../../images/site/kor/content/s030203_img05.png) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="03_02_03"] .list04 .plus{display: block; width: 6rem; height: 6rem; background: url(../../../images/site/kor/content/s030203_img12.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="03_02_03"] .list04 .groups{display: block;}
[data-content="03_02_03"] .list04 .groups >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1.8rem; width: 600px; max-width: 100%; padding: 1.6rem 2rem; border: 2px solid #E56000; background-color: #fff; border-radius: 1.4rem;}
[data-content="03_02_03"] .list04 .groups >div.ss{border-color: #101C5C;}
[data-content="03_02_03"] .list04 .groups >div:not(:first-child){margin-top: 1.4rem;}
[data-content="03_02_03"] .list04 .groups >div img{display: block; width: 16.8rem; height: 6.7rem; }
[data-content="03_02_03"] .list04 .groups >div >ul{flex: 1;}
[data-content="03_02_03"] .list04 .groups >div >ul >li{font-size: 1.8rem; font-weight: 600; color: #E56000; }
[data-content="03_02_03"] .list04 .groups >div.ss >ul >li{color: #101C5C; }
[data-content="03_02_03"] .list04 .groups >div >ul >li >ul{margin-top: 0.6rem;}
[data-content="03_02_03"] .list04 .groups >div >ul >li >ul >li{font-size: 1.6rem; letter-spacing: -0.016rem; font-weight: 400; color: #151515;}
[data-content="03_02_03"] .list05{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; width: 100%; max-width: 1210px; margin: 0 auto;}
[data-content="03_02_03"] .list05 img{display: block; width: 54.5rem; height: auto;}
[data-content="03_02_03"] .list05 >div{width: 44rem; padding: 2rem; background-color: #fff; border-radius: 1.2rem;}
[data-content="03_02_03"] .list05 >div >b{display: inline-block; padding: 0.6rem 1rem; font-size: 1.6rem; font-weight: 400; line-height: 1.4; color: #fff; background-color: #101C5C; border-radius: 1rem;}
[data-content="03_02_03"] .list05 >div table{display: table; table-layout: fixed; width: 100%; margin-top: 1.2rem; font-size: 1.7rem; text-align: center; letter-spacing: -0.034rem; line-height: 1.4; border-top: 2px solid #101C5C; border-bottom: 1px solid #101C5C;}
[data-content="03_02_03"] .list05 >div table thead{background-color: rgba(16, 28, 92, 0.05); border-bottom: 1px solid rgba(16, 28, 92, 0.30);}
[data-content="03_02_03"] .list05 >div table thead th{padding: 0.64rem 1rem; letter-spacing: -0.034rem; color: #101C5C; font-weight: 500; border-right: 1px solid rgba(16, 28, 92, 0.10);}
[data-content="03_02_03"] .list05 >div table thead th:last-child{border-right: 0}
[data-content="03_02_03"] .list05 >div table tbody td{padding: 0.73rem 1rem; letter-spacing: -0.032rem; font-size: 1.6rem; border-bottom: 1px solid rgba(16, 28, 92, 0.10); border-right: 1px solid rgba(16, 28, 92, 0.10);}
[data-content="03_02_03"] .list05 >div table tbody td:last-child{border-right: 0;}
[data-content="03_02_03"] .list05 >div >span{display: block; margin-top: 1.2rem; text-align: right; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.028rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 초순수 > 추진성과
-------------------------------------------------------------------*/
[data-content="03_02_04"]{}
[data-content="03_02_04"] .img_table{flex-direction: row-reverse;}
[data-content="03_02_04"] .img_table .boxs{flex: 1;}
[data-content="03_02_04"] .img_table .imgs{display: block; width: 77rem; padding: 4.4rem 4rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_02_04"] .img_table .imgs strong{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.4rem 1rem;}
[data-content="03_02_04"] .img_table .imgs strong span{font-size: 1.6rem; letter-spacing: -0.016rem; font-weight: 400;}
[data-content="03_02_04"] .img_table .imgs img{margin-top: 2rem; width: 100%; border: 0;}
[data-content="03_02_04"] .box1{overflow: hidden; position: relative; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 5rem 5rem; border: 1px solid #EEE; border-radius: 1.4rem;}
[data-content="03_02_04"] .box1 img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="03_02_04"] .box1 ol{display: block; /*position: absolute; left: 8rem; bottom: 5.6rem;*/ counter-reset: num;}
[data-content="03_02_04"] .box1 ol li{position: relative; padding-left: 3.1rem; font-size: 2.4rem; font-weight: 700; line-height: 1.4;}
[data-content="03_02_04"] .box1 ol li:not(:first-child){margin-top: 0.6rem;}
[data-content="03_02_04"] .box1 ol li:before{counter-increment: num; content: counter(num); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 0.4rem; left: 0; width: 2.5rem; height: 2.5rem; font-size: 1.8rem; font-weight: 600; line-height: 1.4; color: #fff; background-color: #101C5C; border-radius: 50%;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수상태양광 > 개요
-------------------------------------------------------------------*/
[data-content="03_03_01"]{}
[data-content="03_03_01"] .list01{}
[data-content="03_03_01"] .list01 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem;}
[data-content="03_03_01"] .list01 >li:not(:first-child){margin-top: 0.8rem;}
[data-content="03_03_01"] .list01 >li em{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 11rem; padding: 0.4rem 1rem; text-align: center; font-size: 1.8rem; font-weight: 600; background-color: #F4F7F8; border-radius: 0.6rem;}
[data-content="03_03_01"] .list01.ty2 >li em{width: 16rem; padding: 0.4rem 1.5rem;}
[data-content="03_03_01"] .list01 >li[data-color="2"] em{color: #0073B1; background-color: #EEFBFF;}
[data-content="03_03_01"] .list01 >li[data-color="3"] em{color: #3B6E34; background-color: #E9FDE7;}
[data-content="03_03_01"] .list01 >li[data-color="4"] em{color: #E56000; background-color: #FDF3EB;}
[data-content="03_03_01"] .list01 >li[data-color="5"] em{color: #EB003B; background-color: #FFE9EE;}
[data-content="03_03_01"] .list01 >li span{display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap; align-items: flex-start; justify-content: center;  flex: 1; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.036rem;}
[data-content="03_03_01"] .list01 >li span b{font-weight: 400;}
[data-content="03_03_01"] .list02{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0;}
[data-content="03_03_01"] .list02 >li{width: calc(100% / 4);}
[data-content="03_03_01"] .list02 >li div{width: 100%; height: 100%; padding: 3rem 2rem; background-color: #F4F6F8;}
[data-content="03_03_01"] .list02 >li:first-child{padding-right: 2rem;}
[data-content="03_03_01"] .list02 >li:first-child div{border-radius: 1.4rem;}
[data-content="03_03_01"] .list02 >li:nth-child(2) div{border-radius: 1.4rem 0 0 1.4rem;}
[data-content="03_03_01"] .list02 >li:last-child div{border-radius: 0 1.4rem 1.4rem 0;}
[data-content="03_03_01"] .list02 >li[data-color="2"] div{background-color: #AEEBFF;}
[data-content="03_03_01"] .list02 >li[data-color="3"] div{background-color: #B7EDA6;}
[data-content="03_03_01"] .list02 >li[data-color="4"] div{background-color: #FFE8EE;}
[data-content="03_03_01"] .list02 >li strong{display: block; text-align: center; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem;}
[data-content="03_03_01"] .list02 >li[data-color="2"] strong{color: #101C5C;}
[data-content="03_03_01"] .list02 >li[data-color="3"] strong{color: #007360;}
[data-content="03_03_01"] .list02 >li[data-color="4"] strong{color: #EB003B;}
[data-content="03_03_01"] .list02 >li img{display: block; width: auto; max-width: 100%; margin: 1.6rem auto 0;}
[data-content="03_03_01"] .list02 >li p{margin-top: 3.4rem; text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.032rem;}
[data-content="03_03_01"] .list_t{display: block; margin-top: 0.8rem; padding-left: calc(100% / 4); color: #101C5C; font-size: 2.5rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem; text-align: center;}
[data-content="03_03_01"] .list_t .mob{display: none;}
[data-content="03_03_01"] .list_t:before{content: ""; display: block; width: 100%; height: 2rem; margin-bottom: 0.8rem; border: 3px solid #101C5C; border-top: 0; border-radius: 0 0 100rem 100rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수상태양광 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_03_02"]{}
[data-content="03_03_02"] .box1{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem 4rem; padding: 2.1rem 3rem; text-align: center; border: 1px solid #EEE; border-radius: 1.4rem;}
[data-content="03_03_02"] .box1 >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1rem 6rem;}
[data-content="03_03_02"] .box1 .l{position: relative; padding-left: 8rem; padding-right: 13.3rem;}
[data-content="03_03_02"] .box1 .l:before{content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: -1; width: calc(100% - 5.5rem); height: 16rem; background: linear-gradient(270deg, #DEFFDB 69.6%, #F8FFF7 100%); transform: translateY(-50%);}
[data-content="03_03_02"] .box1 .l:after{content: ""; display: block; position: absolute; top: 50%; right: 0; width: 0; height: 0; border-style: solid; border-width: 8rem 0 8rem 5.5rem; border-color: transparent transparent transparent #deffdb; transform: translateY(-50%);}
[data-content="03_03_02"] .box1 .l span{display: block; position: relative; width: 6rem; height: 6rem;text-indent: -9999px;}
[data-content="03_03_02"] .box1 .l span:before,
[data-content="03_03_02"] .box1 .l span:after{content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 0.6rem; background-color: #66ABD0; transform: translateY(-50%);}
[data-content="03_03_02"] .box1 .l span:after{top: 0; left: 50%; width: 0.6rem; height: 100%; transform: translateX(-50%);}
[data-content="03_03_02"] .box1 .l i{display: block; position: relative; z-index: 1; width: 25.6rem; height: 25.6rem; background: url(../../../images/site/kor/content/s030302_img09.png) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="03_03_02"] .box1 strong{display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: center; gap: 1.2rem; font-size: 1.6rem;font-weight: 700; line-height: 1.4; letter-spacing: -0.032rem;}
[data-content="03_03_02"] .box1 strong img{display: block; width: 8rem; height: 8rem; border-radius: 50%;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수상태양광 > 특징
-------------------------------------------------------------------*/
[data-content="03_03_03"]{}
[data-content="03_03_03"] .box1{display: block; padding: 4rem 3rem 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_03_03"] .box1 strong{display: block; font-size: 1rem;}
[data-content="03_03_03"] .box1 strong >span{display: block; position: absolute; top: -9999px; left: -9999px; text-indent: -9999px;}
[data-content="03_03_03"] .box1 strong:before{content: ""; display: block; width: 72.4em;max-width:100%; height:10em; margin: 0 auto; background: url(../../../images/site/eng/content/s030303_img05.svg) no-repeat center center / 100% auto;}
[data-content="03_03_03"] .box1 >span{display: block; margin-top: 2rem;}
[data-content="03_03_03"] .box1 >span img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="03_03_03"] .box2{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 0; }
[data-content="03_03_03"] .box2:after{content: ""; order: 2; display: block; width: 10rem; height: auto; background: url(../../../images/site/kor/content/s030303_img06.svg) no-repeat center center / 100% auto;}
[data-content="03_03_03"] .box2 .in{width: 100%; flex: 1; padding-bottom: 3rem; border-bottom: 1px solid #EEE;}
[data-content="03_03_03"] .box2 .in:first-child{order: 1;}
[data-content="03_03_03"] .box2 .in:nth-child(2){order: 3;}
[data-content="03_03_03"] .box2 .in >strong{display: block; padding: 1.3rem 1rem; font-size: 2rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.04rem; color: #fff; text-align: center; background: #7B90A0; border-radius: 1rem;}
[data-content="03_03_03"] .box2 .in:nth-child(2) >strong{background: linear-gradient(90deg, #0073B1 0%, #1FCB72 100%);}
[data-content="03_03_03"] .box2 .in .bx_w{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 1rem; margin-top: 1rem;}
[data-content="03_03_03"] .box2 .in .bx_w .bx{width: 100%;}
[data-content="03_03_03"] .box2 .in .bx_w .bx strong{display: block; padding: 0.842rem 1rem; text-align: center; color: #0073B1; font-size: 1.6rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.032rem; background-color: rgba(0, 115, 177, 0.10); border-radius: 10rem;}
[data-content="03_03_03"] .box2 .in .bx_w .bx .desc{margin-top: 1rem;}
[data-content="03_03_03"] .box2 .in .bx_w .bx .desc img{display: block; width: 100%; border-radius: 1rem;}
[data-content="03_03_03"] .box2 .in .bx_w .bx .desc p{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 600; text-align: center;}
[data-content="03_03_03"] .box2 .in .bx_w .bx .desc p{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 600; text-align: center;}
[data-content="03_03_03"] .box2 .in:nth-child(2) .bx_w .bx .desc{padding: 2rem; background-color: #F4F6F8; border-radius: 1rem;}
[data-content="03_03_03"] .box3{}
[data-content="03_03_03"] .box3 .w{padding: 5rem 3rem 3rem; border: 1px solid #DEDEDE; border-bottom: 0; border-radius: 1.4rem 1.4rem 0 0;}
[data-content="03_03_03"] .box3 .w .w_s{position: relative;}
[data-content="03_03_03"] .box3 .w .w_s .t{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; z-index: 1; top: 4rem; left: 50%; width: 28rem; transform: translate(-50%,0);}
[data-content="03_03_03"] .box3 .w .w_s .t strong{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; gap: 0.8rem; position: relative; z-index: 1; width: 18rem; height: 18rem; padding: 2rem; color: #fff; font-size: 1.6rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.032rem; text-align: center; background-color: #1E824C; border-radius: 50%;}
[data-content="03_03_03"] .box3 .w .w_s .t strong span{display: block; width: 8.6rem; height: 4rem; background: url(../../../images/site/kor/content/s030303_img12.png) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="03_03_03"] .box3 .w .w_s ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 2.4rem 34rem;}
[data-content="03_03_03"] .box3 .w .w_s ul li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; position: relative; width: calc((100% - 34rem) / 2);}
[data-content="03_03_03"] .box3 .w .w_s ul li:before{content: ""; display: block; position: absolute; top: 4rem; right: calc(100% + 3.8rem); width: 14rem; height: 1px; border-top: 1px dashed #101C5C; transform: rotate(-27.5deg); transform-origin: top right;}
[data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(2n-1):before{right: auto; left: calc(100% + 3.8rem); transform-origin: top left;}
[data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(1):before,
[data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(4):before{transform: rotate(27.5deg);}
[data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(2n-1){flex-direction: row-reverse;}
[data-content="03_03_03"] .box3 .w .w_s ul li >span{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: center; gap: 0.8rem; font-size: 1.8rem; font-weight: 600; line-height: 1.5;}
[data-content="03_03_03"] .box3 .w .w_s ul li >span:before{content: ""; display: block; position: absolute; top: 4rem; left: 0; z-index: 1; width: 1.6rem; height: 1.6rem; background-color: #fff; border: 0.4rem solid #101C5C; border-radius: 50%; transform: translate(-50%,-50%);}
[data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(2n-1) >span:before{left: auto; right: 0; transform: translate(50%,-50%);}
[data-content="03_03_03"] .box3 .w .w_s ul li >span:after{content: ""; display: block; position: absolute; top: 4rem; right: 100%; width: 3.8rem; height: 1px; border-top: 1px dashed #101C5C; }
[data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(2n-1) >span:after{content: ""; right: auto; left: 100%;}
[data-content="03_03_03"] .box3 .w .w_s ul li >span img{display: block; width: 8rem; height: 8rem; border-radius: 50%;}
[data-content="03_03_03"] .box3 .w .w_s ul li >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; flex: 1; gap: 1rem;}
[data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(2n-1) >div{justify-content: flex-end; text-align: right;}
[data-content="03_03_03"] .box3 .w .w_s ul li >div strong{display: block; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.036rem;}
[data-content="03_03_03"] .box3 .w .w_s ul li >div p{display: block; font-size: 1.6rem; letter-spacing: -0.016rem;}
[data-content="03_03_03"] .box3 .w:after{content: ""; display: block; width: 100%; height: 4.5rem; margin-top: 5rem; background: url(../../../images/site/kor/content/s030303_img13.svg) no-repeat center center / auto 100%;}
[data-content="03_03_03"] .box3 >strong{display: block; padding: 4rem; color: #0073B1; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem; text-align: center; background-color: #F4F6F8; border-radius: 0 0 1.4rem 1.4rem}
[data-content="03_03_03"] .box4{display: block; padding: 1.1rem 1rem; color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.04rem; text-align: center; background: linear-gradient(90deg, #0073B1 0%, #1FCB72 100%); border-radius: 1rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수상태양광 > 개요
-------------------------------------------------------------------*/
[data-content="03_04_01"]{}
[data-content="03_04_01"] >.imgs{}
[data-content="03_04_01"] >.imgs img{display: block; width: auto; max-width: 100%; margin: 0 auto; border-radius: 1.4rem;}
[data-content="03_04_01"] .list_box >li >img{width: 12rem; max-width: 100%; margin-left: auto; margin-right: auto; border: 0; border-radius: 0;}
[data-content="03_04_01"] .list_box >li >strong{margin-top: 3rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수상태양광 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_04_02"]{}
[data-content="03_04_02"] .box1{padding: 3rem; border: 1px solid #DEDEDE; border-radius: 1.4rem;}
[data-content="03_04_02"] .box1 ol{display: flex; justify-content: center; align-items: stretch;}
[data-content="03_04_02"] .box1 ol >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
[data-content="03_04_02"] .box1 ol >li:not(:last-child):after{content: ""; display: block; width: 2rem; height: auto; margin: 0 6rem; background: url(../../../images/site/kor/content/s030402_img06.svg) no-repeat center center / 100% auto;}
[data-content="03_04_02"] .box1 ol >li div{text-align: center; }
[data-content="03_04_02"] .box1 ol >li div h5{margin-top: 0; margin-bottom: 0;}
[data-content="03_04_02"] .box1 ol >li div img{display: block; width: 16.4rem; margin: 2rem auto 0;}
[data-content="03_04_02"] .box1 ol >li div p{margin-top: 1.6rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem;}
[data-content="03_04_02"] .box1 ol >li div span{display: block; margin-top: 0.4rem; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.014rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수상태양광 > 특징
-------------------------------------------------------------------*/
[data-content="03_04_03"]{}
[data-content="03_04_03"] [data-tab-cont="skin_tab"]{margin-top: 2.4rem; padding-top: 0; border-top: 0;}
[data-content="03_04_03"] [data-tab-cont="skin_tab"]:before{display: none;}
[data-content="03_04_03"] [data-tab-cont="skin_tab"] [data-skin="table"] img{border-radius: 1rem;}
[data-content="03_04_03"] .t_box{display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 6rem;}
[data-content="03_04_03"] [data-tab-cont="skin_tab"] >div .t_box.even{flex-direction: row;}
[data-content="03_04_03"] .t_box .imgs{overflow: hidden; display: block; position: relative; width: 77rem; border: 1px solid #DDD; border-radius: 1.4rem;}
[data-content="03_04_03"] .t_box .imgs img{display: block; width: 100%; height: 100%; object-fit: cover;}
[data-content="03_04_03"] .t_box .imgs .ctrl{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1rem; position: absolute; bottom: 0; left: 0; z-index: 1; width: auto; min-width: 10.8rem; padding: 0.6rem 1rem; background-color: #101C5C; border-top-right-radius: 1.4rem;}
[data-content="03_04_03"] .t_box .imgs .ctrl .swiper_pagination{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0 0.4rem; width: auto; font-size: 1.6rem; color: #fff; letter-spacing: -0.032rem; color: rgba(255, 255, 255, 0.50);}
[data-content="03_04_03"] .t_box .imgs .ctrl .swiper_pagination:after{order: 2; content: "···"; }
[data-content="03_04_03"] .t_box .imgs .ctrl .swiper_pagination span{display: block; min-width: 2rem; text-align: center; }
[data-content="03_04_03"] .t_box .imgs .ctrl .swiper_pagination span.swiper-pagination-current{order: 1; color: #fff;}
[data-content="03_04_03"] .t_box .imgs .ctrl .swiper_pagination span.swiper-pagination-total{order: 3;}
[data-content="03_04_03"] .t_box .imgs .ctrl .stop{display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/content/s030403_img25.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="03_04_03"] .t_box .imgs .ctrl .stop.play{background-image: url(../../../images/site/kor/content/s030403_img26.svg);}
[data-content="03_04_03"] .t_box .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; flex: 1;}
[data-content="03_04_03"] .t_box .desc h4{margin-top: 3rem;margin-bottom: 0.6rem;}
[data-content="03_04_03"] .t_box .desc h4:first-child{margin-top: 0;}
[data-content="03_04_03"] .t_box + .t_box{margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #EEE;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수상태양광 > 추진성과
-------------------------------------------------------------------*/
[data-content="03_04_04"]{}
[data-content="03_04_04"] .list_box{flex-wrap: wrap; gap: 3rem 2rem;}
[data-content="03_04_04"] .list_box >li{width: calc((100% - (2rem * 3)) / 4); padding-bottom: 0; border-bottom: 0;}
[data-content="03_04_04"] .list_box >li .imgs{overflow: hidden; display: block; position: relative; width: 100%; margin-top: 1.6rem; border: 1px solid #EEE; border-radius: 1rem;}
[data-content="03_04_04"] .list_box >li .imgs img{width: 100%;}
[data-content="03_04_04"] .list_box >li .imgs i{display: block; position: absolute; z-index: 1; padding: 0.6rem 1rem; color: #FFF; font-size: 1.6rem; font-weight: 400; line-height: 1.6; letter-spacing: -0.032rem; background-color: #101C5C;}
[data-content="03_04_04"] .list_box >li .imgs i.t{top: 0;}
[data-content="03_04_04"] .list_box >li .imgs i.l{left: 0;}
[data-content="03_04_04"] .list_box >li .imgs i.r{right: 0;}
[data-content="03_04_04"] .list_box >li .imgs i.b{bottom: 0;}
[data-content="03_04_04"] .list_box >li .imgs i.t.l{border-bottom-right-radius: 1rem;}
[data-content="03_04_04"] .list_box >li .imgs i.t.r{border-bottom-left-radius: 1rem;}
[data-content="03_04_04"] .list_box >li .imgs i.b.l{border-top-right-radius: 1rem;}
[data-content="03_04_04"] .list_box >li .imgs i.b.r{border-top-left-radius: 1rem;}
[data-content="03_04_04"] .box2{}
[data-content="03_04_04"] .box2 .photo_div3 >li .desc{margin-top: 1.6rem; font-size: 1.6rem;}
[data-content="03_04_04"] .box2 .photo_div3 >li .desc{margin-top: 1.6rem; font-size: 1.6rem;}
[data-content="03_04_04"] .box2 .photo_div3 >li .desc >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem 1rem;}
[data-content="03_04_04"] .box2 .photo_div3 >li .desc >li:not(:first-child){margin-top: 0.4rem;}
[data-content="03_04_04"] .box2 .photo_div3 >li .desc >li em{display: block; width: 7.7rem; font-size: 1.8rem; font-weight: 600; }
[data-content="03_04_04"] .box2 .photo_div3 >li .desc >li span{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; flex: 1; letter-spacing: -0.016rem;}
[data-content="03_04_04"] .box3{padding: 3rem; border-radius: 1.4rem; background-color: #F4F6F8;}
[data-content="03_04_04"] .box3 img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="03_04_04"] .box4{}
[data-content="03_04_04"] .box4 >strong{display: block; margin-bottom: 1rem; padding: 1.05rem 1rem; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.052rem; color: #fff; text-align: center; background-color: #101C5C; border-radius: 1.4rem;}
[data-content="03_04_04"] .box4 .t{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 2rem; padding: 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_04_04"] .box4 .t span{display: block; position: relative; width: auto; max-width: calc((100% - 2rem) / 2);}
[data-content="03_04_04"] .box4 .t span img{display: block; width: 100%;}
[data-content="03_04_04"] .box4 .t span i{display: block; position: absolute; bottom: 0; right: 0; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem;}
[data-content="03_04_04"] .box4 .b{padding: 5rem 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_04_04"] .box4 .b .b_t{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4.5rem;}
[data-content="03_04_04"] .box4 .b .b_t >strong{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; position: relative; width: 23rem; height: 23rem; padding: 4rem; border-radius: 50%; background-color: #E9F0F6; text-align: center; font-size: 1rem;}
[data-content="03_04_04"] .box4 .b .b_t >strong:before{content: ""; display: block; position: absolute; top: 50%; left: 50%; width: calc(100% - 6rem); height: calc(100% - 6rem); background-color: #C0D9EF; box-shadow: 0 0 0 1.5rem #D5E4F2; border-radius: 50%; transform: translate(-50%,-50%);}
[data-content="03_04_04"] .box4 .b .b_t >strong span{display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 1rem; position: relative; color: #101C5C; font-size: 1.8em; font-weight: 400; line-height: 1.5; letter-spacing: -0.036rem;}
[data-content="03_04_04"] .box4 .b .b_t >strong span i{display: block; width: 6.34em; height: 2.89em; background: url(../../../images/site/kor/content/s030404_img12.png) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-content="03_04_04"] .box4 .b .b_t ul{display: inline-block;}
[data-content="03_04_04"] .box4 .b .b_t ul li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem;}
[data-content="03_04_04"] .box4 .b .b_t ul li:not(:first-child){margin-top: 0.9rem;}
[data-content="03_04_04"] .box4 .b .b_t ul li em{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 16rem; padding: 1rem; font-size: 2rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.04rem; color: #fff;  background-color: #0073B1; border-radius: 0.6rem;}
[data-content="03_04_04"] .box4 .b .b_t ul li div{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; flex: 1; gap: 0.4rem; color: #101C5C; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.036rem;}
[data-content="03_04_04"] .box4 .b .b_t ul li div b{display: block; color: #151515; font-size: 1.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.032rem;}

[data-content="03_04_04"] .box4 .b >strong{display: block; color: #101C5C; font-size: 1.8rem; font-weight: 600; text-align: center; }
[data-content="03_04_04"] .box4 .b >strong:before{content: ""; display: block; width: 29.5rem; height: 3.8rem; margin: 3rem auto; background: url(../../../images/site/kor/content/s030404_img13.svg) no-repeat center center / 100% auto;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수열에너지 > 개요
-------------------------------------------------------------------*/
[data-content="03_05_01"]{}
[data-content="03_05_01"] .box1{}
[data-content="03_05_01"] .box1 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem;}
[data-content="03_05_01"] .box1 >li:not(:first-child){margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #DDD;}
[data-content="03_05_01"] .box1 >li h4{display: block; width: 9.4rem; margin-top: 0; margin-bottom: 0;}
[data-content="03_05_01"] .box1 >li >div{flex: 1; letter-spacing: -0.044rem;}
[data-content="03_05_01"] .box1 >li >div p:not(:first-child){margin-top: 1.4rem;}
[data-content="03_05_01"] .box2{padding: 2rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_05_01"] .box2 img{display: block; width: auto; max-width: 100%; max-height: 64rem; margin: 0 auto;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수열에너지 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_05_02"]{}
[data-content="03_05_02"] .box1{padding: 2.5rem; border: 1px solid #DDD; border-radius: 1.4rem;}
[data-content="03_05_02"] .box1 img{display: block; max-width: 100%; margin: 0 auto;}
[data-content="03_05_02"] .box1 strong{display: block; margin-top: 1rem; text-align: center; font-weight: 400; font-size: 1.8rem;}
[data-content="03_05_02"] .box3{}
[data-content="03_05_02"] .box3:after{content: ""; display: block; clear: both;}
[data-content="03_05_02"] .box3 .imgs{float: right; position: relative; height: auto; margin-left: 2rem;}
[data-content="03_05_02"] .box3 .imgs p{display: block;}
[data-content="03_05_02"] .box3 .imgs p b{display: inline-block; position: relative;}
[data-content="03_05_02"] .box3 .imgs img{display: block; width: auto; height: 100%; }
[data-content="03_05_02"] .box3 .imgs span{display: block; position: relative; width: 100%; padding: 1rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem; text-align: center; color: #fff; font-weight: 300; background-color: #0073B1; border-radius: 1rem;}
[data-content="03_05_02"] .box3 .imgs i{display: inline-block; position: absolute; bottom: 0; right: 4.5%; z-index: 1; padding: 0.6rem 1rem; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.014rem; text-align: center; background-color: rgba(255, 255, 255, 0.80); border-radius: 0.8rem; backdrop-filter: blur(4px);}
[data-content="03_05_02"] .box4{display: flex; flex-direction: column; gap: 3rem;}
[data-content="03_05_02"] .box4 .b1{padding: 3rem; border-radius: 1.4rem; border: 1px solid #DEDEDE;}
[data-content="03_05_02"] .box4 .b1 img{width: auto; max-width: 100%; margin: 0 auto;}
[data-content="03_05_02"] .box4 .b2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
[data-content="03_05_02"] .box4 .b2 strong{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; position: relative; width: 25rem; padding-right: 7rem; font-size: 2.6rem; color: #101C5C; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem;text-align:right}
[data-content="03_05_02"] .box4 .b2.org strong{color: #E56000}
[data-content="03_05_02"] .box4 .b2 strong:before{content: ""; display: block; position: absolute; top: 50%; right: 0; width: 5rem; height: 1px; border-top: 1px dashed #B8C2CC; }
[data-content="03_05_02"] .box4 .b2.org strong:before{border-top-color: #F2D5D5;}
[data-content="03_05_02"] .box4 .b2 strong:after{content: ""; display: block; position: absolute; top: 50%; right: 5rem; width: 6px; height: 6px; background-color: #B8C2CC; border-radius: 50%; transform: translateY(-50%);}
[data-content="03_05_02"] .box4 .b2.org strong:after{background-color: #F2D5D5;}
[data-content="03_05_02"] .box4 .b2 span{display: block; flex: 1; padding: 4rem; border-radius: 1.4rem; background-color: #F4F6F8;}
[data-content="03_05_02"] .box4 .b2.org span{background-color: #F8F4F4;}
[data-content="03_05_02"] .box4 .b2 span img{display: block; width: auto; max-width: 100%; margin: 0 auto; }

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수열에너지 > 추진성과
-------------------------------------------------------------------*/
[data-content="03_05_04"]{}
[data-content="03_05_04"] .photo_div3{}
[data-content="03_05_04"] .photo_div3 >li{}
[data-content="03_05_04"] .photo_div3 >li >.desc{margin-top: 1.6rem; font-size: 1.6rem;}
[data-content="03_05_04"] .photo_div3 >li >.desc >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem 1rem;}
[data-content="03_05_04"] .photo_div3 >li >.desc >li:not(:first-child){margin-top: 0.4rem;}
[data-content="03_05_04"] .photo_div3 >li >.desc >li em{display: block; width:11rem; font-size: 1.8rem; font-weight: 600; }
[data-content="03_05_04"] .photo_div3 >li >.desc >li span{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; flex: 1; letter-spacing: -0.016rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 조력발전 > 개요
-------------------------------------------------------------------*/
[data-content="03_06_01"]{}
[data-content="03_06_01"] >.imgs{position: relative; padding: 4rem 5rem; border: 1px solid #A9B3B9; border-radius: 1.4rem;}
[data-content="03_06_01"] >.imgs img{display: block; width: auto; max-width: 100%; margin: 0 auto; }
[data-content="03_06_01"] >.imgs h4{position: absolute; top: 4rem; left: 5rem;}
[data-content="03_06_01"] .plus_img{}
[data-content="03_06_01"] .plus_img:after{content: ""; display: block; clear: both;}
[data-content="03_06_01"] .plus_img video{display: block; float: right; width: 77rem; margin-left: 6rem; border-radius: 1.4rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 조력발전 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_06_02"]{}
[data-content="03_06_02"] .img_table{flex-direction: row-reverse;}
[data-content="03_06_02"] .img_table .boxs{flex: 1;}
[data-content="03_06_02"] .img_wrap{display: block; padding: 3.8rem; border-radius: 1.4rem; background-color: #F5FAFF;}
[data-content="03_06_02"] .img_wrap img{display: block; width: auto; max-width: 100%; margin: 0 auto;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 조력발전 > 추진성과
-------------------------------------------------------------------*/
[data-content="03_06_04"]{}
[data-content="03_06_04"] .b1{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 3rem 4.5rem;}
[data-content="03_06_04"] .b1 >strong{display: block; width: 100%; padding: 2rem; text-align: center; color: #0073B1; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_06_04"] .b1 >div{width: calc((100% - 4.5rem) / 2);}
[data-content="03_06_04"] .b1 .l{display: flex; flex-wrap: wrap; justify-content: end;}
[data-content="03_06_04"] .b1 .l img{width: auto; max-width: 100%; border-radius: 2rem;}
[data-content="03_06_04"] .b1 .r{}
[data-content="03_06_04"] .b1 .r >ul{margin-top: 2.4rem; font-size: 1.8rem;}
[data-content="03_06_04"] .b1 .r >ul >li{position: relative; padding-left: 1.2rem; font-weight: 600;}
[data-content="03_06_04"] .b1 .r >ul >li:not(:first-child){margin-top: 1.6rem;}
[data-content="03_06_04"] .b1 .r >ul >li:before{content: ""; display: block; position: absolute; top: 1.2rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #151515;}
[data-content="03_06_04"] .b1 .r >ul >li >ul{margin-top: 0.6rem;}
[data-content="03_06_04"] .b1 .r >ul >li >ul >li{position: relative; font-weight: 400; letter-spacing: -0.036rem;}
[data-content="03_06_04"] .b1 .r >ul >li >ul >li:before{content: ""; position: absolute; top: 1.3rem; left: -1.2rem; display: block; width: 6px; height: 1px; background-color: #151515; }
[data-content="03_06_04"] .b1 .r >ul >li >ul >li >ul{}
[data-content="03_06_04"] .b1 .r >ul >li >ul >li >ul >li{position: relative; color: #0073B1; font-size: 1.6rem; letter-spacing: -0.016rem;}
[data-content="03_06_04"] .b1 .r >ul >li >ul >li >ul >li:before{content: "*"; position: absolute; top: 0.2rem; left: -1.2rem; width: 8px; height: 1rem; }
[data-content="03_06_04"] .b2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 6rem; margin-top: 12rem; padding: 5rem; background-color: #F4F6F8;}
[data-content="03_06_04"] .b2 .l{width: calc((100% - 6rem) * 0.43); padding: 2.8rem 4rem; background-color: #fff; border-radius: 1rem;}
[data-content="03_06_04"] .b2 .l img{display: block; width: 20rem; max-width: 100%; margin: 0 auto; }
[data-content="03_06_04"] .b2 .l >div{width: 100%; max-width: 480px; margin: 2.4rem auto 0;}
[data-content="03_06_04"] .b2 .l >div strong{display: block; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem;}
[data-content="03_06_04"] .b2 .l >div ul{margin-top: 2.4rem;}
[data-content="03_06_04"] .b2 .l >div ul li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; gap: 2rem;}
[data-content="03_06_04"] .b2 .l >div ul li:not(:first-child){margin-top: 1.4rem;}
[data-content="03_06_04"] .b2 .l >div ul li em{display: block; width: 11rem; padding: 0.4rem 1rem; text-align: center; color: #fff; font-weight: 400; letter-spacing: -0.044rem; background-color: #082D6D; border-radius: 0.6rem;}
[data-content="03_06_04"] .b2 .l >div ul li.org em{background-color: #EE7D31;}
[data-content="03_06_04"] .b2 .l >div ul li span{flex: 1; letter-spacing: -0.044rem;}
[data-content="03_06_04"] .b2 .r{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: stretch; gap: 2rem; flex: 1;}
[data-content="03_06_04"] .b2 .r >strong{display: block; width: 100%; padding: 1.46rem 2rem; text-align: center; letter-spacing: -0.052rem; line-height: 1.4; color: #fff; background-color: #101C5C; border-radius: 1.4rem;}
[data-content="03_06_04"] .b2 .r ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 4rem; width: auto; max-width: 100%;}
[data-content="03_06_04"] .b2 .r ul >li{width: calc((100% - 4rem) / 2);}
[data-content="03_06_04"] .b2 .r ul >li img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-content="03_06_04"] .b2 .r ul >li strong{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 700; line-height: 1.5; text-align: center;}
[data-content="03_06_04"] .b2 .r ul >li p{color: #161616; font-size: 1.6rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.016rem; text-align: center;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 해수담수화 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_07_02"]{}
[data-content="03_07_02"] .tables{}
[data-content="03_07_02"] .tables [data-skin="table"]{width: 1600px;}
[data-content="03_07_02"] .tables img{border-radius: 1.4rem;}
[data-content="03_07_02"] .tables .phs{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem 1.5rem;}
[data-content="03_07_02"] .tables .phs .p_w{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.8rem; position: relative; width: calc((100% - 1.5rem) / 2);}
[data-content="03_07_02"] .tables .phs .p_w:first-child{width: 100%;}
[data-content="03_07_02"] .tables .phs .p_w:nth-child(2):after{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 1.5rem; height: 100%; background: url(../../../images/site/kor/content/s030702_img05.svg) no-repeat center center / 7px auto;}
[data-content="03_07_02"] .tables .phs .p_w img{border-radius: 0.8rem;}
[data-content="03_07_02"] .tables .phs .p_w .desc{display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-end;  align-items: flex-start; flex: 1; flex-direction: column;}
[data-content="03_07_02"] .tables .phs .p_w .desc strong{display: block; width: 100%; font-size: 1.6rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.016rem;}
[data-content="03_07_02"] .tables .phs .p_w .desc p{display: block; width: 100%; margin-top: 0.2rem; margin-bottom: 0.4rem; color: #555; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.014rem;}
[data-content="03_07_02"] .tables .phs .p_w:first-child .desc p{margin-bottom: auto;}
[data-content="03_07_02"] .tables .phs .p_w .desc span{display: inline-block; width: auto; padding: 0.3rem 0.5rem; color: #222; font-size: 1.2rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.08rem; border: 1px solid #101C5C; border-radius: 0.3rem; background-color: #fff; box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 해수담수화 > 특징
-------------------------------------------------------------------*/
[data-content="03_07_03"]{}
[data-content="03_07_03"] .b1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 10.4rem;}
[data-content="03_07_03"] .b1 >div{width: calc((100% - (10.4rem * 2)) / 3);}
[data-content="03_07_03"] .b1 >.t1{display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; justify-content: flex-start; position: relative; height: auto; border: 1px solid #0073B1; border-radius: 1.4rem; }
[data-content="03_07_03"] .b1 >.t1:not(:first-child):before{content: ""; display: block; position: absolute; top: 0; right: 100%; width: 10.4rem; height: 100%; background: url(../../../images/site/kor/content/s030703_img04.svg) no-repeat center center / 5.2rem auto;}
[data-content="03_07_03"] .b1 >.t1 strong{display: block; width: 100%; padding: 1rem; text-align: center; font-size: 2.2rem; font-weight: 600; line-height: 1.5; color: #fff; background-color: #0073B1; border-radius: 1.3rem 1.3rem 0 0; margin-top: 0;}
[data-content="03_07_03"] .b1 >.t1 .w{display: flex; justify-content: space-evenly; align-content: center; align-items: center; gap: 1rem 1rem; padding: 2rem 1.5rem; margin-top: auto; margin-bottom: auto;}
[data-content="03_07_03"] .b1 >.t1 .w p{font-weight: 400; line-height: 1.5; letter-spacing: -0.044rem; text-align: center;}
[data-content="03_07_03"] .b1 >.t1 .w p img{display: block; width: 6rem; height: 6rem; margin: 0 auto 0.45rem;}
[data-content="03_07_03"] .b1 >.t2{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; position: relative; min-height: 24rem; padding: 1rem; color: #FFF; text-align: center; font-size: 2.6rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.052rem; background-color: #101C5C; border-radius: 1.4rem;}
[data-content="03_07_03"] .b1 >.t2:before{content: ""; display: block; position: absolute; top: 0; right: 100%; width: 10.4rem; height: 100%; background: url(../../../images/site/kor/content/s030703_img05.svg) no-repeat center center / 5.2rem auto;}
[data-content="03_07_03"] .b1 >.t2 strong{font-weight: inherit;}
[data-content="03_07_03"] .img_bg img{display: block; border-radius: 1.4rem;}
[data-content="03_07_03"] .img_bg p{margin-top: 1.6rem; color: #151515; font-size: 1.8rem; font-weight: 600; line-height: 1.5; }
[data-content="03_07_03"] .img_bg p span{display: block; margin-bottom: 0.4rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.016rem;}
[data-content="03_07_03"] .dep{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem;}
[data-content="03_07_03"] .dep >li{width: 100%;}
[data-content="03_07_03"] .dep >li >strong{overflow: hidden; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; border: 1px solid #0073B1; background-color: #fff; border-radius: 1rem;}
[data-content="03_07_03"] .dep >li >strong em{display: block; width: 34rem; padding: 1.2rem 1rem; font-size: 2rem; color: #fff; font-weight: 600; line-height: 1.2; letter-spacing: -0.04rem; text-align: center; background-color: #0073B1;}
[data-content="03_07_03"] .dep >li >strong span{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; flex: 1; padding: 1rem 3rem; color: #151515; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.036rem;}
[data-content="03_07_03"] .dep >li >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 12.5rem; min-height: 20rem; margin-top: 2rem;}
[data-content="03_07_03"] .dep >li >div >div{flex: 1; position: relative; font-size: 1.8rem; color: #151515; font-weight: 400; line-height: 1.5; letter-spacing: -0.036rem; border-radius: 1rem; background-color: #fff;}
[data-content="03_07_03"] .dep >li >div >div:after{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 12.5rem; height: 100%; background: url(../../../images/site/kor/content/s030703_img11.svg) no-repeat center center / auto 20rem;}
[data-content="03_07_03"] .dep >li >div >div .t1{display: flex; justify-content: flex-start; align-items: center;}
[data-content="03_07_03"] .dep >li >div >div .t1:after{content: ""; display: block; width: 4.4rem; height: 4.4rem; margin: 0 2rem; background: url(../../../images/site/kor/content/s030703_img04.svg) no-repeat center center / 100% auto;}
[data-content="03_07_03"] .dep >li >div >div .t1:nth-last-of-type(2):after{background-image: url(../../../images/site/kor/content/s030703_img05.svg);}
[data-content="03_07_03"] .dep >li:nth-child(1) >div >div{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: flex-start; padding: 2rem 2rem 0;}
[data-content="03_07_03"] .dep >li:nth-child(1) >div >div img{width: 25.6rem;}
[data-content="03_07_03"] .dep >li:nth-child(2) >div >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 3rem; background: #fff url(../../../images/site/kor/content/s030703_img12.jpg) no-repeat bottom right / cover;}
[data-content="03_07_03"] .dep >li:nth-child(3) >div >div{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: flex-end; padding: 0 2rem;}
[data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1{min-height: 14.1rem; margin-bottom: 2rem;}
[data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t2{position: relative; margin-left: 4rem;}
[data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t2 strong{display: block; position: absolute; top: 48%; left: 36%; width: 21rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.036rem;}
[data-content="03_07_03"] .dep >li >div >strong{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 41rem; padding: 3.6rem; color: #101C5C; font-size: 1.8rem; font-weight: 600; line-height: 1.5; background-color: #fff; border: 1px solid #101C5C; border-radius: 1.4rem; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 해수담수화 > 추진성과
-------------------------------------------------------------------*/
[data-content="03_07_04"]{}
[data-content="03_07_04"] >.titles{display: block; padding: 2rem; text-align: center; color: #0073B1; font-size: 2.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.052rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_07_04"] >ul{display: flex; flex-wrap: wrap; justify-content: flex-start;align-items: stretch; gap: 4rem 3rem;}
[data-content="03_07_04"] >ul >li{width: calc((100% - 3rem) / 2);}
[data-content="03_07_04"] >ul >li .tit{display: block; margin-bottom: 2rem; padding: 1.11rem 1rem; color: #FFF; font-size: 1.8rem; font-weight: 600; line-height: 1.6; text-align: center; background-color: #101C5C; border-radius: 1.4rem;}
[data-content="03_07_04"] >ul >li:nth-child(n+3) .tit{display: none;}
[data-content="03_07_04"] >ul >li .imgs{overflow: hidden; display: block; position: relative; width: 100%; height: 0; padding-top: 50.956%; background-color: #F1F5FA; border-radius: 1.4rem;}
[data-content="03_07_04"] >ul >li .imgs img{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
[data-content="03_07_04"] >ul >li .desc{margin-top: 1.6rem; font-size: 1.8rem;}
[data-content="03_07_04"] >ul >li .desc p{display: block; position: relative; padding-left:9.5rem; line-height: 1.5; font-weight: 500; letter-spacing: -0.044rem;}
[data-content="03_07_04"] >ul >li .desc p:not(:first-child){margin-top: 1.6rem;}
[data-content="03_07_04"] >ul >li .desc p strong{position: absolute; top: 0; left: 0; letter-spacing: 0; font-weight: 700;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 지하수저류댐 > 개요
-------------------------------------------------------------------*/
[data-content="03_08_01"]{}
[data-content="03_08_01"] .img_table{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 4rem;}
[data-content="03_08_01"] .img_table img{display: block; width: 31.2rem;}
[data-content="03_08_01"] .img_table .scroll_table{flex: 1;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 지하수저류댐 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_08_02"]{}
[data-content="03_08_02"] .b_process{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
[data-content="03_08_02"] .b_process >li{width: calc(((100% - (4rem * 3)) / 4) + 4rem);}
[data-content="03_08_02"] .b_process >li:last-child{width: calc((100% - (4rem * 3)) / 4);}
[data-content="03_08_02"] .b_process >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
[data-content="03_08_02"] .b_process >li:not(:last-child):after{content: ""; display: block; width: 4rem; height: 100%; /*background: url(../../../images/site/kor/content/s030802_img05.svg) no-repeat center center / 100% auto;}*/}
[data-content="03_08_02"] .b_process >li >.in{width: 100%;}
[data-content="03_08_02"] .b_process >li:not(:last-child) >.in{width: calc(100% - 4rem);}
[data-content="03_08_02"] .b_process >li >.in .t{padding: 1.3rem 1rem; text-align: center; color: #FFF; font-size: 2rem; font-weight: 400; line-height: 1.2; letter-spacing: -0.04rem; background-color: #0073B1; border-radius: 1rem; }
[data-content="03_08_02"] .b_process >li >.in .m{position: relative; margin-top: 1rem; }
[data-content="03_08_02"] .b_process >li:not(:last-child) >.in .m:before{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 4rem; height: 100%; background: url(../../../images/site/kor/content/s030802_img05.svg) no-repeat center center / 100% auto;}
[data-content="03_08_02"] .b_process >li >.in .m em{display: block; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 0.742rem 1rem; color: #FFF; font-size: 1.6rem; line-height: 1.2; border-radius: 0 1.4rem 0 1.4rem; background-color: #101C5C;}
[data-content="03_08_02"] .b_process >li >.in .m img{width: 100%; border: 1px solid #DEDEDE; border-radius: 1.4rem;}
[data-content="03_08_02"] .b_process >li >.in .b{margin-top: 1.6rem;}
[data-content="03_08_02"] .b_process >li >.in .b strong{display: block; font-size: 1.8rem; font-weight: 700;}
[data-content="03_08_02"] .b_process >li >.in .b [data-skin]{margin-top: 0.6rem; font-size: 1.6rem;}
[data-content="03_08_02"] .img_wrap{display: flex; justify-content: center; align-items: center; gap: 3rem; position: relative; padding:0.8rem 8rem; border:1px solid #DEDEDE; border-radius: 1.4rem; }
[data-content="03_08_02"] .img_wrap .l .imgs img{display: block; width: 100%; max-width:76.2rem; height: 100%; object-fit: contain;}
[data-content="03_08_02"] .img_wrap .r .bul-list{counter-reset: count 0; list-style-type:none; max-width:54.7rem; padding:1rem 0;}
[data-content="03_08_02"] .img_wrap .r .bul-list >li{position:relative; padding-left:3.5rem; font-size:2.4rem; font-weight:700; line-height:1.4;}
[data-content="03_08_02"] .img_wrap .r .bul-list >li:before{content:counter(count); counter-increment: count; display:inline-block; position:absolute; left:0; top:0.5rem; width:2.5rem; height:2.5rem; border-radius:50%; background:#101C5C; color:#fff; font-size:1.8rem; font-weight:600; line-height:2.5rem; text-align:center;}
[data-content="03_08_02"] .img_wrap .r .bul-list >li + li{margin-top:1rem;}
[data-content="03_08_02"] .img_wrap .imgs img{display: block; width: 100%;}
[data-content="03_08_02"] .img_wrap .imgs strong{display: block; margin-top: 1rem; color: #222; font-weight: 700; line-height: 1.2; letter-spacing: -0.036rem; font-size: 1.8rem;}
[data-content="03_08_02"] .formula{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0 0.2rem;}
[data-content="03_08_02"] .formula b{flex: 1;}
[data-content="03_08_02"] .formula span{display: inline-flex; flex-direction: column; gap: 0.4rem;}
[data-content="03_08_02"] .formula span i{display: block; font-size: 1.4rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.028rem;}
[data-content="03_08_02"] .formula .plus{margin-right: 2rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 지하수저류댐 > 추진성과
-------------------------------------------------------------------*/
[data-content="03_08_04"] .photo_div3 .imgs{position: relative;}
[data-content="03_08_04"] .photo_div3 .imgs i{display: inline-block; position: absolute; bottom: 0; left: 0; padding: 0.6rem 1rem; color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.032rem; background-color: #101C5C; border-top-right-radius: 1.4rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수도자산관리 > 개요
-------------------------------------------------------------------*/
[data-content="03_09_01"]{}
[data-content="03_09_01"] .photo_div3 li .imgs{position: relative;}
[data-content="03_09_01"] .photo_div3 li .imgs i{display: block; position: absolute; bottom: 0; left: 0; padding: 0.6rem 1rem; font-size: 1.6rem; color: #fff; background-color: #101C5C; border-radius: 0 1.4rem 0 0;}
[data-content="03_09_01"] .box1{display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; padding: 2.4rem; border-radius: 1.4rem; border: 1px solid #DEDEDE;}
[data-content="03_09_01"] .box1 img:nth-child(1){order: 1;}
[data-content="03_09_01"] .box1 img:nth-child(2){order: 3;}
[data-content="03_09_01"] .box1:after{content: ""; order: 2; display: block; width: 7.4rem; height: 30.2rem; background: url(../../../images/site/kor/content/s030901_img06.svg) no-repeat center center / 100% auto;}
[data-content="03_09_01"] .box2{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 6rem;}
[data-content="03_09_01"] .box2 >div{width: 100%;}
[data-content="03_09_01"] .box2 >div:nth-child(2){overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #f5faff; border-radius: 1.4rem;}
[data-content="03_09_01"] .box2 >div >img{display: block; width: 100%;}
[data-content="03_09_01"] .box3{overflow: hidden; position: relative; margin-top: 12rem; padding: 5rem 7rem; background-color: #101C5C; border-radius: 1.4rem;}
[data-content="03_09_01"] .box3:after{content: ""; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(../../../images/site/kor/content/s030901_img13.png) no-repeat center center / cover;}
[data-content="03_09_01"] .box3 *{position: relative; z-index: 1;}
[data-content="03_09_01"] .box3 strong{display: block; font-size: 3.2rem; color: #fff; font-weight: 600;}
[data-content="03_09_01"] .box3 p{margin-top: 1rem; color: #fff; font-size: 1.8rem; font-weight: 300; letter-spacing: -0.036rem;}
[data-content="03_09_01"] .box3 a:hover{background-color: #005989; border-color: #005989;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수도자산관리 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_09_02"]{}
[data-content="03_09_02"] .plus_img{}
[data-content="03_09_02"] .plus_img:after{content: ""; display: block; clear: both;}
[data-content="03_09_02"] .plus_img img,
[data-content="03_09_02"] .plus_img video{display: block; float: right; width: 77rem; margin-left: 6rem; border-radius: 1.4rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수도자산관리 > 특징
-------------------------------------------------------------------*/
[data-content="03_09_03"]{}
[data-content="03_09_03"] .box1{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 3rem;}
[data-content="03_09_03"] .box1 >li{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; gap: 1rem; width: 100%;}
[data-content="03_09_03"] .box1 >li >strong{display: block; width: 100%; padding: 1.1rem; text-align: center; color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.04rem; background-color: #7B90A0; border-radius: 1rem;}
[data-content="03_09_03"] .box1 >li:nth-child(2) >strong{background-color: #0073B1;}
[data-content="03_09_03"] .box1 >li:nth-child(3) >strong{background-color: #101C5C;}
[data-content="03_09_03"] .box1 >li >div{display: flex; flex-direction: column; gap: 1rem; position: relative; width: 100%; height: 100%; padding: 3rem; background-color: #F4F6F8; border-radius: 1rem;}
[data-content="03_09_03"] .box1 >li:not(:last-child) >div:after{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 3rem; height: 100%; background: url(../../../images/site/kor/content/s030903_img04.svg) no-repeat center center / 76% auto;}
[data-content="03_09_03"] .box1 >li >div >ul{width: 100%;}
[data-content="03_09_03"] .box1 >li >div >ul >li{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem;}
[data-content="03_09_03"] .box1 >li >div >ul >li:not(:first-child){margin-top: 0.4rem;}
[data-content="03_09_03"] .box1 >li >div >ul >li >em{display: block; width: auto; min-width: 6.3rem; font-size: 1.8rem; color: #151515; font-weight: 600; line-height: 1.5;}
[data-content="03_09_03"] .box1 >li >div >ul >li >div{font-size: 1.6rem;}
[data-content="03_09_03"] .box1 >li >div >img{display: block; width: 100%; max-width: 22rem; margin-top: auto; margin-left: auto;}
[data-content="03_09_03"] .box2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem;}
[data-content="03_09_03"] .box2 >li{overflow: hidden; position: relative; width: auto; flex: auto; height: 42.4rem; background-image: url(../../../images/site/kor/content/s030903_img06.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 1.4rem; transition: flex 0.2s linear;}
[data-content="03_09_03"] .box2:hover >li:first-child{flex: auto;}
[data-content="03_09_03"] .box2 >li:first-child,
[data-content="03_09_03"] .box2:hover >li:first-child:hover,
[data-content="03_09_03"] .box2 >li:hover{flex: 3.95;}
[data-content="03_09_03"] .box2 >li:nth-child(2){background-image: url(../../../images/site/kor/content/s030903_img07.jpg);}
[data-content="03_09_03"] .box2 >li:nth-child(3){background-image: url(../../../images/site/kor/content/s030903_img08.jpg);}
[data-content="03_09_03"] .box2 >li:nth-child(4){background-image: url(../../../images/site/kor/content/s030903_img09.jpg);}
[data-content="03_09_03"] .box2 >li >*{position: relative; z-index: 1;}
[data-content="03_09_03"] .box2 >li >div{opacity: 1; visibility: visible; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.2s linear;}
[data-content="03_09_03"] .box2 >li:hover >.prev,
[data-content="03_09_03"] .box2 >li:not(:hover) >.hover,
[data-content="03_09_03"] .box2 >li:first-child >.prev,
[data-content="03_09_03"] .box2:hover >li:first-child:hover >.prev,
[data-content="03_09_03"] .box2:hover >li:first-child >.hover{opacity: 0; visibility: hidden;}
[data-content="03_09_03"] .box2 >li:first-child >.hover,
[data-content="03_09_03"] .box2 >li:first-child:hover >.hover,
[data-content="03_09_03"] .box2:hover >li:first-child >.prev{opacity: 1; visibility: visible;}
[data-content="03_09_03"] .box2 >li >.prev{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; padding: 2.4rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);}
[data-content="03_09_03"] .box2 >li >.prev strong{display: block; width: 100%; color: rgba(255, 255, 255, 0.8); font-weight: 500; font-size: 1.8rem;}
[data-content="03_09_03"] .box2 >li >.hover{padding: 4rem;}
[data-content="03_09_03"] .box2 >li >.hover strong{display: block; font-size: 2.4rem; color: #fff; font-weight: 600; line-height: 1.2; letter-spacing: -0.048rem;}
[data-content="03_09_03"] .box2 >li >.hover >p{margin-top: 1rem; color: #fff; font-size: 1.8rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.036rem;}
[data-content="03_09_03"] .box2 >li >.hover ul{margin-top: 2.4rem;}
[data-content="03_09_03"] .box2 >li >.hover ul li{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 2rem; font-size: 1.6rem; line-height: 1.4; letter-spacing: -0.032rem; color: #fff;}
[data-content="03_09_03"] .box2 >li >.hover ul li:not(:first-child){margin-top: 0.6rem;}
[data-content="03_09_03"] .box2 >li >.hover ul li em{display: block; width: auto; font-weight: 600;}
[data-content="03_09_03"] .box2 >li >.hover ul li p{flex: 1; color: #FFF; font-weight: 400;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수도자산관리 > 추진성과
-------------------------------------------------------------------*/
[data-content="03_09_04"]{}
[data-content="03_09_04"] .scroll_table tr.bg{position: relative; }
[data-content="03_09_04"] .scroll_table tr.bg .bg span{position: absolute; top: 0; left: 0; width: calc(100% - 10% + 1px); height: calc(100% + 1px); background-color: rgba(0, 115, 177, 0.10); border: 1px solid #0073B1; text-indent: -9999px;}
[data-content="03_09_04"] .box1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 4rem;}
[data-content="03_09_04"] .box1 .t{display: block; width: 34rem; padding: 3rem; background-color: #E6F1F7; border-radius: 1.4rem;}
[data-content="03_09_04"] .box1 .t strong{display: block; color: #0073B1; font-size: 1.8rem; font-weight: 600;}
[data-content="03_09_04"] .box1 .t p{display: block; margin-top: 1rem; color: #151515; font-size: 1.6rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.016rem;}
[data-content="03_09_04"] .box1 .scroll_table{flex: 1;}
[data-content="03_09_04"] .box2{}
[data-content="03_09_04"] .box2 >li{position: relative; padding-left: 2.9rem; color: #151515; font-size: 1.8rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.036rem;}
[data-content="03_09_04"] .box2 >li:not(:first-child){margin-top: 0.6rem;}
[data-content="03_09_04"] .box2 >li em{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 0.3rem; left: 0; width: 2rem; height: 2rem; font-size: 1.2rem; color: #fff;  background-color: #101C5C; border-radius: 50%;}
[data-content="03_09_04"] .box3{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 9rem;}
[data-content="03_09_04"] .box3 >li{display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 1rem; position: relative; width: 100%;}
[data-content="03_09_04"] .box3 >li:first-child:after{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 9rem; height: 100%; background: url(../../../images/site/kor/content/s030904_img01.svg) no-repeat center center / 2.7rem auto;}
[data-content="03_09_04"] .box3 >li >strong{display: block; padding: 1.2rem 1rem; font-size: 2rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.04rem; text-align: center; color: #fff; border-radius: 1rem; background-color: #7B90A0;}
[data-content="03_09_04"] .box3 >li:nth-child(2) >strong{background-color: #0073B1;}
[data-content="03_09_04"] .box3 >li >div{height: 100%; padding: 3rem; background-color: #fff; border-radius: 1rem;}
[data-content="03_09_04"] .box3 >li >div >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem; height: 100%;}
[data-content="03_09_04"] .box3 >li:nth-child(1) >div >ul{flex-wrap: nowrap; gap: 2rem;}
[data-content="03_09_04"] .box3 >li >div >ul >li{width: 100%; padding: 1rem; background-color: #F4F6F8; border-radius: 1rem;}
[data-content="03_09_04"] .box3 >li:nth-child(1) >div >ul >li{display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 1.6rem; padding: 2rem;}
[data-content="03_09_04"] .box3 >li >div >ul >li >strong{display: block; width: 100%; padding: 1.3rem 1rem; color: #fff; font-size: 2rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.04rem; text-align: center; background-color: #101C5C; border-radius: 1rem;}
[data-content="03_09_04"] .box3 >li >div >ul >li > div{height: 100%;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수자원위성 > 개요
-------------------------------------------------------------------*/
[data-content="03_10_01"]{}
[data-content="03_10_01"] .box1{}
[data-content="03_10_01"] .box1 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; margin-top: 1.6rem; letter-spacing: -0.044rem;}
[data-content="03_10_01"] .box1 >li:first-child{margin-top: 0;}
[data-content="03_10_01"] .box1 >li > div{flex:1}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수자원위성 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_10_02"]{}
[data-content="03_10_02"] .box1{position: relative;z-index:1;text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);}
[data-content="03_10_02"] .box1 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap:1rem 2.4rem; margin-top: 1.6rem; letter-spacing: -0.044rem;}
[data-content="03_10_02"] .box1 >li:first-child{margin-top: 0;}
[data-content="03_10_02"] .box1 >li > div{width:100%}
[data-content="03_10_02"] .box2{position: relative; left: 50%; width: 100vw; padding-top: 18rem; transform: translateX(-50%);}
[data-content="03_10_02"] .box2 .bg{width: 100%; /*height: 63.6rem; background: url(../../../images/site/kor/content/s031002_img01.jpg) no-repeat bottom center / cover;*/ text-indent: -9999px;}
[data-content="03_10_02"] .box2 .bg img{width: 100%; min-height: 17rem; object-fit: cover; object-position: center center;}
[data-content="03_10_02"] .box2 .imgs{position: absolute; top: 0; left: 50%; width: 100%; height: 100%; max-width: calc(1600px + 4rem); padding: 0 2rem; transform: translateX(-50%);}
[data-content="03_10_02"] .box2 .imgs .t1{position: absolute; bottom: 12%; left: 16%; width: 36.403%;}
[data-content="03_10_02"] .box2 .imgs .t2{position: absolute; bottom: 34%; right: 5rem; width: 43.586%;}
[data-content="03_10_02"] .box2 .imgs p img{display: block; width: 100%;}
[data-content="03_10_02"] .box2 .imgs p span{display: inline-block; position: absolute; padding: 0.4rem 1rem; color: #151515; font-size: 1.6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.032rem; background-color: #fff; border-radius: 0.3rem; border: 1px solid #101C5C; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); transform: translate(-50%,-50%);}
[data-content="03_10_02"] .box2 .imgs .t1 span{top: 67%; left:0;}
[data-content="03_10_02"] .box2 .imgs .t2 span{top: 55%; left:15%;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수자원위성 > 특징
-------------------------------------------------------------------*/
[data-content="03_10_03"]{}
[data-content="03_10_03"] .photo_div3 li{}
[data-content="03_10_03"] .photo_div3 li .imgs{position: relative;}
[data-content="03_10_03"] .photo_div3 li .imgs:before{content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);}
[data-content="03_10_03"] .photo_div3 li .imgs i{display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 1rem 2rem; color: #FFF; font-weight: 600;}

[data-content="03_10_03"] .b1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 10.4rem;}
[data-content="03_10_03"] .b1 >.t1{display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; justify-content: flex-start; position: relative; width: calc((100% - (10.4rem * 2)) / 3); height: auto; border: 1px solid #0073B1; border-radius: 1.4rem; }
[data-content="03_10_03"] .b1 >.t1:not(:first-child):before{content: ""; display: block; position: absolute; top: 0; right: 100%; width: 10.4rem; height: 100%; background: url(../../../images/site/kor/content/s031003_img10.svg) no-repeat center center / 5.2rem auto;}
[data-content="03_10_03"] .b1 >.t1 strong{display: block; width: 100%; padding: 1rem; text-align: center; font-size: 2.2rem; font-weight: 600; line-height: 1.5; color: #fff; background-color: #0073B1; border-radius: 1.3rem 1.3rem 0 0; margin-top: 0;}
[data-content="03_10_03"] .b1 >.t1 .w{display: flex; justify-content: space-evenly; align-content: center; align-items: center; gap: 1rem 1rem; min-height: 18.7rem; padding: 2rem 1.5rem; margin-top: auto; margin-bottom: auto;}
[data-content="03_10_03"] .b1 >.t1 .w p{font-weight: 400; line-height: 1.5; letter-spacing: -0.044rem; text-align: center;}
[data-content="03_10_03"] .b1 >.t1 .w p img{display: block; width: 6rem; height: 6rem; margin: 0 auto 1rem;}

/*-------------------------------------------------------------------
    글로벌 선도기술  > 수자원위성 > 기술내용
-------------------------------------------------------------------*/
[data-content="03_10_04"]{}
[data-content="03_10_04"] .box1{}
[data-content="03_10_04"] .box1 >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; margin-top: .6rem; letter-spacing: -0.044rem;}
[data-content="03_10_04"] .box1 >li:first-child{margin-top: 0;}
[data-content="03_10_04"] .box1 >li strong{min-width: 9.7rem;}
[data-content="03_10_04"] .box1 >li div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; flex: 1;}
[data-content="03_10_04"] .box2{display: inline-block; padding: 0.4rem 1rem; font-size: 1.8rem; font-weight: 400; line-height: 1.5; background-color: #F4F7F8; border-radius: 0.6rem;}
[data-content="03_10_04"] [data-skin="box"][data-type="2"] .box2{color: #151515; background-color: #fff;}
[data-content="03_10_04"] .box2 b{font-weight: 600;}
[data-content="03_10_04"] .box3{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem; padding: 7rem 3rem; background-color: #F4F6F8; border-radius: 1.4rem;}
[data-content="03_10_04"] .box3 >div{position: relative; width: calc((100% - (3rem * 3)) / 4);}
[data-content="03_10_04"] .box3 >div:after{content: ""; display: block; position: absolute; top: 0; left: 100%; width: 3rem; height: 35rem; background: url(../../../images/site/kor/content/s031004_img17.svg) no-repeat center center / 100% auto;}
[data-content="03_10_04"] .box3 >div:last-child:after{display: none;}
[data-content="03_10_04"] .box3 >div:first-child{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;  gap: 1.7rem; width: calc((((100% - (3rem * 3)) / 4) * 2) + 3rem);}
[data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: calc(100% - 15.8rem - 1.7rem);}
[data-content="03_10_04"] .box3 .t2{}
[data-content="03_10_04"] .box3 .t2 .imgs{overflow: hidden; display: block; width: 100%; border: 1px solid #DEDEDE; border-radius: 1.4rem; height: 35rem;}
[data-content="03_10_04"] .box3 .t2 .imgs img{width: 100%; height: 100%; object-fit: cover;}
[data-content="03_10_04"] .box3 .t2 strong{display: block; margin-top: 1.6rem; font-size: 1.8rem; font-weight: 700;}
[data-content="03_10_04"] .box3 .t2.lists{width: 15.8rem;}
[data-content="03_10_04"] .box3 .t2.lists .imgs{overflow: visible; position: relative; }
[data-content="03_10_04"] .box3 .t2.lists .imgs:before{content: ""; display: block; position: absolute; bottom: 2.5rem; right: -2rem; width: 4.2rem; height: 1.2rem; background: url(../../../images/site/kor/content/s031004_img56.svg) no-repeat center center / 100% auto;}
[data-content="03_10_04"] .box3 .t2.lists .imgs ol{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; height: 100%; padding: 2rem 1.7rem; background-color: #fff; border-radius: inherit;}
[data-content="03_10_04"] .box3 .t2.lists .imgs ol li{width: 100%; font-size: 1.4rem; font-size: 1.4rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.028rem; text-align: center; }
[data-content="03_10_04"] .box3 .t2.lists .imgs ol li:before{content: ""; display: block; width: 6.4rem; height: 0.9rem; margin: 0.5rem auto; background: url(../../../images/site/kor/content/s031004_img15.svg) no-repeat center center / 100% auto;}
[data-content="03_10_04"] .box3 .t2.lists .imgs ol li:first-child:before{display: none;}

@media screen and (max-width:1870px){
    /* 물관리기술 */
    .tech_view{right:2rem;font-size:0;gap:0}
}
@media screen and (max-width:1680px){
    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box2{padding-top: 16rem;}
    [data-content="03_10_02"] .box2 .imgs .t1{bottom: 4%;}
    [data-content="03_10_02"] .box2 .imgs .t2{bottom: 20%; right: 3rem;}
    
    [data-content="03_10_04"] .box3 >div:after{height: 35rem;}
    [data-content="03_10_04"] .box3 .t2 .imgs{height: 35rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol{padding: 1.3rem 1rem;}
}
@media screen and (max-width:1480px){
    /* 물관리기술 */
    .tech_view{right:2rem;font-size:0;gap:0}
    
    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    /* [data-content="03_10_02"] .box2 .imgs .t1 span{left:0;}
    [data-content="03_10_02"] .box2 .imgs .t2 span{left:15%;} */
    
    /*글로벌 선도기술  > 수자원위성 > 특징*/
    [data-content="03_10_03"] .b1{gap: 8rem;}
    [data-content="03_10_03"] .b1 >.t1{width: calc((100% - (8rem * 2)) / 3);}
    [data-content="03_10_03"] .b1 >.t1:not(:first-child):before{width: 8rem; background-size: 4.6rem auto;}
    [data-content="03_10_03"] .b1 >.t1 .w{min-height: 16rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p img{width: 5.6rem; height: 5.6rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p{font-size: 2rem;}
    
    [data-content="03_10_04"] .box3{padding: 5rem 3rem}
    [data-content="03_10_04"] .box3 >div:after{height: 30rem;}
    [data-content="03_10_04"] .box3 .t2 .imgs{height: 30rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol{padding: 1rem 1rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol li:before{margin: 0.4rem auto;}
}
@media screen and (max-width:1430px){
    /* 물관리기술 */
    [data-content="01_02"] .top_desc .desc{font-size:2.3rem}
}
@media screen and (max-width:1300px){
    /* 물관리기술 */
    [data-content="01_02"] .top_desc .top_desc_inner{padding-top:2.2rem}
    [data-content="01_02"] .top_desc .desc{font-size:1.7rem}
    .tech_view{top:1.9rem;right:2rem;padding:1rem}
}
@media screen and (max-width:1200px){
    [data-content="03_10_04"] .box3{padding: 4rem 2rem}
    [data-content="03_10_04"] .box3 >div:after{height: 28rem;}
    [data-content="03_10_04"] .box3 .t2 .imgs{height: 28rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol{padding: 1rem 1rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol li:before{margin: 0.23rem auto;}
}
@media screen and (max-width:1024px){
    /* K-water 물관리 기술 */
    [data-content="01_02"] .top_desc{position:relative;padding-right:24rem;color:#151515}
    [data-content="01_02"] .top_desc .top_desc_inner{padding:2.4rem 0 2rem;text-align:left}
    [data-content="01_02"] .top_desc .desc{font-size:2rem}
    [data-content="01_02"] .top_desc .desc > span{display:inline}

    .water_tech_wrap{overflow:visible}
    .tech_view{top:-7rem;padding:.8rem 1.2rem;font-size:1.6rem;gap:0 .8rem}
    .tech_view::before{width:2.5rem;height:2.5rem;background-size:contain;}

    .wtech_layer{padding:3rem 2rem}
    .wtech_layer .inner{height:100%}
    .wtech_layer_close{width:6rem;height:6rem}
    .wtech_layer_close::before{background-size:2.5rem auto}
    .wtech_layer .tit_info{width:100%;display:flex;align-items:flex-start;gap:0 1.2rem;padding-right:4rem}
    .wtech_layer .tit_info .tit{font-size:2.2rem;line-height:1.2}
    .wtech_layer .tit_info .desc{margin-top:0}
    .wtech_layer.on .wtechl_svg{display:none}
    .wtech_layer .mindmap{right:auto;left:50%;top:7rem;transform:translateX(-50%)}

    .wtech_layer.wtech1 .mindmap{width:63%}
    .wtech_layer.wtech2 .mindmap{width:48%;margin-right:0}
    .wtech_layer.wtech3 .mindmap{width:66%}
    .wtech_layer.wtech4 .mindmap{width:63%}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box3 .imgs .caption{font-size:1.6rem}

    /*글로벌 선도기술  > 수자원위성 > 개요*/
    [data-content="03_10_01"] .box1 >li{margin-top: 1.8rem;}
    
    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box1 >li{margin-top: 1.8rem;}
    [data-content="03_10_02"] .box2{padding-top: 8rem;}
    [data-content="03_10_02"] .box2 .imgs .t1{width: 32%;}
    [data-content="03_10_02"] .box2 .imgs .t2{width: 42%;}
    [data-content="03_10_02"] .box2 .imgs p span{padding: 0.4rem 0.8rem; font-size: 1.3rem;}
    [data-content="03_10_02"] .box2 .imgs .t1 span{top: 80%; left:0;}
    [data-content="03_10_02"] .box2 .imgs .t2 span{top: 55%; left:0;}
    
    /*글로벌 선도기술  > 수자원위성 > 특징*/
    [data-content="03_10_03"] .photo_div3 li .imgs i{padding: 1rem; font-size: 1.8rem;}
    [data-content="03_10_03"] .b1{gap: 6rem;}
    [data-content="03_10_03"] .b1 >.t1{width: calc((100% - (6rem * 2)) / 3);}
    [data-content="03_10_03"] .b1 >.t1:not(:first-child):before{width: 6rem; background-size: 3.6rem auto;}
    [data-content="03_10_03"] .b1 >.t1 strong{padding: 0.85rem 1rem;}
    [data-content="03_10_03"] .b1 >.t1 .w{min-height: 14rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p img{width: 4.5rem; height: 4.5rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p{font-size: 1.78rem;}
    
    [data-content="03_10_04"] .box1 >li strong{min-width: 7.7rem;}
    [data-content="03_10_04"] .box3{gap: 2rem; padding: 3rem 2rem;}
    [data-content="03_10_04"] .box3 >div{width: calc((100% - 2rem) / 2);}
    [data-content="03_10_04"] .box3 >div:after{width: 2rem;}
    [data-content="03_10_04"] .box3 >div:first-child{width: 100%;}
    [data-content="03_10_04"] .box3 >div:after{height: 100%;}
    [data-content="03_10_04"] .box3 >div:first-child:after{display: none;}
    [data-content="03_10_04"] .box3 .t2 .imgs{height: auto;}
    [data-content="03_10_04"] .box3 >div .t2 .imgs{height: 28rem;}
    [data-content="03_10_04"] .box3 .t2.lists{width: 30rem;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: calc(100% - 30rem - 1.7rem);}

    [data-content="01_02"] .top_desc{position:static;margin-bottom:2rem;color:#151515}
    [data-content="01_02"] .top_desc .top_desc_inner{padding:0;text-align:left}
    [data-content="01_02"] .top_desc .desc{font-size:2rem}
    [data-content="01_02"] .top_desc .desc > span{display:inline}
}
@media screen and (max-width:840px){
    /* K-water 물관리기술 */
    .wtech_mob{display:block}
    .wtech_layer{position:fixed;width:100%;height:100%;padding:4.5rem 0 0;z-index:10;backdrop-filter:blur(5px);}
    .wtech_layer .inner{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}
    .wtech_layer .mindmap{display:none}
    .wtech_layer .tit_info{float:none;flex:0 0 auto;padding:0 3rem}
    .wtech_layer_close{width:4rem;height:4rem}
    .wtech_layer_close::before{background-size:1.7rem auto}
    .wtech_mcont{flex:1;min-height:0;display:flex;flex-direction:column;gap:3.2rem 0;margin-top:0 !important}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box3 .imgs .caption{height:auto;padding:1.15rem 1rem;line-height:1.2;font-size:1.9rem}

    /*글로벌 선도기술  > 수자원위성 > 개요*/
    [data-content="03_10_01"] .box1 >li{display: block;}
    [data-content="03_10_01"] .box1 >li >div{margin-top: 0.4rem;}
    
    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box1 >li{display: block;}
    [data-content="03_10_02"] .box1 >li >div{margin-top: 0.4rem;}
    [data-content="03_10_02"] .box2{padding-top: 6rem;}
    
    
    [data-content="03_10_04"] .box3 .t2.lists{width: 22rem;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: calc(100% - 22rem - 1.7rem);}
}
@media screen and (max-width:640px){
    /* K-water 물관리기술 */
    [data-content="01_02"]{margin-bottom:0}
    [data-content="01_02"] .top_desc{padding:0 0 7.5rem}
    [data-content="01_02"] .top_desc .top_desc_inner{padding:0 0 1.4rem}
    .tech_view{right:auto;left:2rem}
    .water_tech_wrap .wt_canvas .wt_object .obj_tit{font-size:2.6vw}
    .water_tech_wrap .wt_canvas .wt_object.t2 .obj_tit{top:36%}
    .water_tech_wrap .wt_canvas .wt_object.t3 .obj_tit{left:36%;top:3%}
    .water_tech_wrap .wt_canvas .wt_object.t4 .obj_tit{left:54%;bottom:3.5%}
    .water_tech_wrap .wt_canvas .wt_object .obj_smtit{font-size:2.5vw;text-shadow:-1px 0 0 #000, 1px 0 0 #000, 0 -1px 0 #000, 0  1px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000, 1px  1px 0 #000}
    .wtech_layer .tit_info{flex-wrap:wrap;gap:1.2rem 0}
    .wtech_layer .tit_info .desc{width:100%}

    /*글로벌 선도기술  > 수자원위성 > 개요*/
    [data-content="03_10_01"] .box1 >li{margin-top: 1.2rem;}
    
    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box1 >li{margin-top: 1.2rem;}
    [data-content="03_10_02"] .box2 .imgs .t1{bottom: 3rem;}
    [data-content="03_10_02"] .box2 .imgs .t2{bottom: 5rem;}
    [data-content="03_10_02"] .box2 .imgs p span{font-size: 1.4rem; transform: translate(-50%,0);width:18rem;transform:none}
    [data-content="03_10_02"] .box2 .imgs .t1 span{top: auto; bottom: -2rem; left:-40%}
    [data-content="03_10_02"] .box2 .imgs .t2 span{top: auto; bottom: -4rem; left:auto;right:-5%}
    
    /*글로벌 선도기술  > 수자원위성 > 특징*/
    [data-content="03_10_03"] .b1{gap: 0;}
    [data-content="03_10_03"] .b1 >.t1{width: 100%;}
    [data-content="03_10_03"] .b1 >.t1:not(:first-of-type){margin-top: 5rem;}
    [data-content="03_10_03"] .b1 >.t1:not(:first-child):before{position: absolute; top: auto; bottom: 100%; width: 5rem; height: 5rem; right: auto; left: 50%; background-size: 3rem auto; transform: translateX(-50%) rotate(90deg);}
    [data-content="03_10_03"] .b1 >.t2{margin-top: 2rem;}
    [data-content="03_10_03"] .b1 >.t1 strong{font-size: 2rem;}
    [data-content="03_10_03"] .b1 >.t1 .w{min-height: auto;}
    
    
    [data-content="03_10_04"] .box3{padding: 2.5rem 2rem;}
    [data-content="03_10_04"] .box3 .t2 strong{margin-top: 1.2rem;}
    [data-content="03_10_04"] .box3 >div .t2 .imgs{height: 26rem;}
    [data-content="03_10_04"] .box3 .t2.lists{width: 18rem;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: calc(100% - 18rem - 1.7rem);}
    
}
@media screen and (max-width:480px){
    [data-content="03_10_04"] .box1 >li{gap: 0.2rem; margin-top: 1.2rem;}
    [data-content="03_10_04"] .box1 >li strong{width: 100%;}
    [data-content="03_10_04"] .box3 .t2.lists{width: 100%;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: 100%;}
    [data-content="03_10_04"] .box3 >div .t2 .imgs{height: auto;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs:before{bottom: -1.5rem; right: 0.5rem; transform: rotate(90deg);}
}
@media screen and (max-width:420px){
    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box2 .imgs p span{font-size: 1.3rem;}
    
}
@media screen and (max-width:400px){
    /* K-water 물관리기술 */
    .wtech_mob .wtech_mob_lst > li{width:100%}
}



/*-------------------------------------------------------------------
    고객지원 > 설문조사 > 폼
-------------------------------------------------------------------*/
[data-content="05_05_02"]{}
[data-content="05_05_02"] .box1{padding: 2rem; border: 1px solid #DDD; border-radius: 0.8rem;}
[data-content="05_05_02"] .box1 .ag_box{display: flex; justify-content: flex-start; align-items: stretch; gap: 2rem; padding: 2rem; background-color: #EFEFEF; border-radius: 0.8rem;}
[data-content="05_05_02"] .box2{padding: 3rem 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
[data-content="05_05_02"] .box2 >ol{}
[data-content="05_05_02"] .box2 >ol >li{}
[data-content="05_05_02"] .box2 >ol >li >h5{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; gap: 0.4rem 1.2rem; margin-top: 0;}
[data-content="05_05_02"] .box2 >ol >li >h5 em{display: inline-block; padding: 0.6rem 1.4rem; color: #0073B1; font-size: 1.8rem; font-weight: 600; line-height: 1.4; background-color: #F2F9FF; border-radius: 0.4rem;}
[data-content="05_05_02"] .box2 >ol >li >.desc{margin-top: 1.6rem;}
[data-content="05_05_02"] .box2 >.pre{margin-top: 4rem; border-top: 1px solid #ddd;}
[data-content="05_05_02"] .box2 >.pre .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem 8rem;}
[data-content="05_05_02"] .box2 >.pre .desc >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; gap: 0.4rem 2rem;}
[data-content="05_05_02"] .box2 >.pre .desc >div strong{color: #353535; font-size: 1.8rem; font-weight: 600; line-height: 1.5;}

/*-------------------------------------------------------------------
    고객지원 > 고객센터
-------------------------------------------------------------------*/
.directions{position:relative;margin-bottom:10rem;width:100%;height:34rem;overflow:hidden;border-radius:2rem;border:1px solid #eee}
.directions .root_daum_roughmap{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;width:calc(100% + 2px);height:34rem}
.directions .directions_info{display:flex;gap:1rem 2rem;align-items:center;flex-wrap:wrap;position:absolute;left:0;bottom:0;padding:2.4rem 4rem;background:#0073B1;color:#fff;border-radius:0 2rem 0 2rem;z-index:1}
.directions .directions_info .tit{font-size:2.2rem;font-weight:700}
.directions .directions_info .lst{display:flex;flex-wrap:wrap;gap:.5rem 2rem}
.directions .directions_info .lst > li{position:relative;padding-left:2.6rem;font-size:1.6rem;font-weight:400;letter-spacing:-.016rem;opacity:.8}
.directions .directions_info .lst > li::before{content:"";position:absolute;left:0;top:.3rem;width:1.8rem;height:1.8rem;background-repeat:no-repeat;background-position:center;background-size:100% auto}
.directions .directions_info .lst > li.icon1::before{background-image:url(../../../images/site/kor/content/ic_directions_1.svg)}
.directions .directions_info .lst > li.icon2::before{background-image:url(../../../images/site/kor/content/ic_directions_2.svg)}
.directions .root_daum_roughmap .wrap_btn_zoom{z-index: 1;}

.department_lst{display:flex;flex-wrap:wrap;gap:3rem}
.department_lst > li{width:calc((100% - 60px) / 3);padding:3.2rem;border:1px solid #eee;border-radius:1.4rem;background:#fff;transition:all .2s}
.department_lst > li:hover{border-color:#0073B1;box-shadow:-.4rem .4rem 2rem 0 rgba(0, 78, 121, .1);}
.department_lst > li .tit{display:block;font-size:2.2rem;font-weight:700;color:#0073B1}
.department_lst > li ul{margin-top:1.6rem}
.department_lst > li ul > li{display:flex;align-items:flex-start;gap:1rem 2rem}
.department_lst > li ul > li + li{margin-top:.8rem}
.department_lst > li ul > li > strong{flex-shrink:0;width:6.3rem;font-size:1.8rem;font-weight:600;color:#151515;letter-spacing:0}
.department_lst > li ul > li > span{padding-top:.1rem;font-size:1.6rem;letter-spacing:-.016rem}


/********************************************************************
 * 사업비산정
********************************************************************/
/*-------------------------------------------------------------------
  공통
-------------------------------------------------------------------*/
#container.wide{max-width:inherit !important;padding:0 !important}

#wide_wrap .deftxt{font-weight:500}
#wide_wrap .wide_body .title2{margin-bottom:2.4rem;font-size:2.4rem;font-weight:700;color:#151515;letter-spacing:-.024rem}
#wide_wrap .wide_body .title2 ~ .title2,
#wide_wrap .wide_body .cont_item ~ .cont_item{margin-top:4rem}
#wide_wrap .wide_body .title2 > em{display:block;margin-bottom:.8rem;font-size:1.6rem;font-weight:500;letter-spacing:-.016rem}
.w_white_box{margin:2rem 0 0;padding:3rem calc(10rem - 1px);background:#fff;border-radius:.4rem;border:1px solid #ddd;text-align:center}
.w_white_box img{display:inline-block;width:100%;max-width:80rem}
.w_white_box + *{margin-top:4rem}
.w_white_box .img_box{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 3rem; width: 100%; max-width: 80rem; margin: 0 auto;}
.w_white_box .img_box .imgs{display: block; width: 100%; height: 100%; }
.w_white_box .img_box.divi .imgs:first-child{flex: 3 1 0;}
.w_white_box .img_box.divi .imgs:nth-child(2){flex: 4.3 1 0;}
.w_white_box .img_box .imgs img{display: block; }
.w_white_box .img_box .imgs strong{display: block; padding: 0.8rem 0; text-align: center; color: #102136; font-size: 1.6rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.016rem;}
#wide_wrap input[type="text"],
#wide_wrap input[type="number"]{width:100%;height:5.2rem;padding:0 1.4rem;background:#fff;color:#151515;font-size:1.6rem;border-radius:.4rem;border:0;font-weight:500}
#wide_wrap input[type="number"]::-webkit-outer-spin-button,
#wide_wrap input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#wide_wrap input[type="text"]:disabled,
#wide_wrap input[type="text"]:read-only{background:#ddd}
.form_select{display:inline-block}
.form_select select{min-width:16rem;width:100%;max-width:100%;height:5.2rem;padding:0 4.4rem 0 1.4rem;font-size:1.6rem;border-radius:.4rem;background:#fff url(../../../images/site/kor/content/ic_select_arrow.svg) right 1.4rem center no-repeat;letter-spacing:-.016rem;color:#151515;font-weight:500}

.form_chk{display:inline-flex;align-items:center;position:relative;vertical-align:middle;line-height:1.9rem}
.form_chk input[type="checkbox"]{overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;border:0 none;clip:rect(0, 0, 0, 0)}
.form_chk label{position:relative;padding-left:2.6rem;cursor:pointer;color:#151515;font-size:1.6rem;font-weight:500;vertical-align:middle}
.form_chk label::before{content:"";position:absolute;left:0;top:0;width:1.8rem;height:1.8rem;border-radius:.4rem;border:1px solid #C6C6C6;background:#fff}
.form_chk input:checked + label::before{background:#151515 url(../../../images/site/kor/content/cost/ic_chk.svg) center / contain no-repeat;border-color:#151515}

.form_radio{display:inline-flex;align-items:center;position:relative;vertical-align:middle;line-height:1.9rem}
.form_radio input[type="radio"]{overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;border:0 none;clip:rect(0, 0, 0, 0)}
.form_radio label{position:relative;padding-left:2.6rem;cursor:pointer;color:#151515;font-size:1.6rem;font-weight:500;vertical-align:middle}
.form_radio label::before{content:"";position:absolute;left:0;top:0;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid #aaa;background:#fff}
.form_radio input:checked + label::before{border-color:#151515}
.form_radio input:checked + label::after{content:"";position:absolute;left:.4rem;top:.4rem;width:1rem;height:1rem;background:#151515;border-radius:50%}

.required::before{content:"*";color:#EB003B;font-weight:600}
.warning{color:#EB003B;font-size:1.6rem;font-weight:400;letter-spacing:-.016rem}

/*-------------------------------------------------------------------
  레이아웃
-------------------------------------------------------------------*/
#wide_wrap{display:flex;flex-direction:column;height:calc(100vh - 20rem);font-size:1.8rem;color:#151515;letter-spacing:-.018rem}/*높이 풀 사이즈 - height:calc(100vh - 11.8rem);*/
#wide_wrap .top_step{width:100%;flex:0 0 auto;border-top:1px solid #ddd}
#wide_wrap .top_step .step_lst{position:relative;display:flex;align-items:center;width:100%;border-bottom:1px solid #ddd;background:#fff;z-index:1}
#wide_wrap .top_step .step_lst > li{flex:1}
#wide_wrap .top_step .step_lst > li > a{position:relative;display:flex;justify-content:center;align-items:center;height:6.2rem;padding-left:2rem;text-align:center;font-size:1.6rem;font-weight:700;color:#444;transition:all .3s}
#wide_wrap .top_step .step_lst > li > a > i{font-weight:500;margin-right:.4rem}
#wide_wrap .top_step .step_lst > li > a:hover{color:#0073B1}
#wide_wrap .top_step .step_lst > li.on > a{background:#151515;color:#fff;z-index:2}

#wide_wrap .top_step .step_lst > li:not(:last-child) > a::after{content:"";position:absolute;left:calc(100% - .2rem);top:0;width:2.2rem;height:100%;background-image:url(../../../images/site/kor/content/cost/bg_step_2.svg);background-position:center;background-repeat:no-repeat;background-size:contain;z-index:3;transition:all .3s}
#wide_wrap .top_step .step_lst > li.on:not(:last-child) > a::after{background-image:url(../../../images/site/kor/content/cost/bg_step_1.svg)}

#wide_wrap .wide_body{flex:1;display:flex;align-items:stretch;min-height:0}
#wide_wrap .wide_body .wide_l{position:relative;width:68.75%;min-height:0;display:flex;flex-direction:column}

.wide_body .inner{width:100%;max-width:calc(100rem + 4rem);margin:0 auto;padding:0 2rem}
.wide_body .w_content{position:relative;flex:1;overflow-y:auto;padding:8rem 0 6rem;background:#EFEFEF}
.wide_body .w_content .w_cont_cate{position:absolute;left:0;top:0;width:100%;padding:1rem;text-align:center;font-size:1.8rem;color:#0073B1;font-weight:700;background:#FAFAFA;border-right:1px solid #EFEFEF}
.wide_body .w_content .w_cont_cate img{display:inline-block;vertical-align:middle;margin-right:.6rem}
.wide_body .w_content .w_cont_cate > i{font-weight:500}
.wide_body .w_con_bottom{flex:0 0 auto;padding:1.7rem 0 2.1rem;background:#151515;color:#fff}

.price_wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.price_wrap .tit{position:relative;padding-left:2.4rem;font-size:1.8rem;font-weight:600;letter-spacing:-.018rem;opacity:.8}
.price_wrap .tit i{font-weight:500}
.price_wrap .tit::before{content:"";position:absolute;left:0;top:.4rem;width:2rem;height:2rem;background:url(../../../images/site/kor/content/cost/ic_cash.svg) center / contain no-repeat}
.price_wrap .info{display:inline-flex;align-items:center;gap:0 2rem}
.price_wrap .info > .price{font-size:2.4rem;font-weight:700;letter-spacing:-.024rem}
.price_wrap .info > .price > i{font-size:1.8rem;font-weight:500}
.btn_infoview{display:inline-flex;align-items:center;height:3.6rem;padding:0 1.4rem;color:#151515;font-size:1.6rem;font-weight:600;letter-spacing:-.016rem;background:#fff;border-radius:.3rem}
.btn_infoview::before{content:"";display:inline-block;margin-right:.8rem;width:2rem;height:2rem;background:url(../../../images/site/kor/content/cost/ic_infoview.svg) center / contain no-repeat}
.btn_infoview:focus{outline:auto}

.wide_r{flex:auto;display:flex;flex-direction:column;width:31.25%}
.wide_r .w_r_content{flex:1;padding:3rem;overflow-y:auto}
.wide_r .w_r_content .w_r_top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1rem;margin-bottom:3rem}
.wide_r .w_r_content .w_r_top .ex_rate{flex-shrink:0;display:flex;gap:0 .8rem;font-size:1.6rem;letter-spacing:-.016rem}
.wide_r .w_r_content .w_r_top .ex_rate em{position:relative;padding-left:2.4rem;opacity:.8;color:#151515;font-weight:600;}
.wide_r .w_r_content .w_r_top .ex_rate em::before{content:"";position:absolute;left:0;top:.2rem;width:2rem;height:2rem;background:url(../../../images/site/kor/content/cost/ic_coin.svg) center / contain no-repeat}
.wide_r .w_r_content .w_r_top .ex_rate strong{font-weight:700}
.wide_r .w_r_content .w_r_top .ex_rate strong span{font-weight:500}
.wide_r .cost_close{flex-shrink:0;position:relative;padding-right:2.8rem;font-size:1.8rem;font-weight:500;letter-spacing:-.018rem;color:#151515}
.wide_r .cost_close::after{content:"";position:absolute;right:0;top:.15rem;width:2.4rem;height:2.4rem;background:url(../../../images/site/kor/content/cost/ic_exit.svg) center / contain no-repeat}

.wide_r .top_input{width:100%;height:5.7rem;padding:0 1.8rem;border:1px solid #ddd !important;border-radius:.4rem;font-size:1.6rem;color:#151515;font-weight:500}
.wide_r .top_input::placeholder{color:#151515}
.wide_r .top_input::-webkit-input-placeholder{color:#151515}
.wide_r .top_input:-moz-placeholder{color:#151515}
.cost_dd_wrap{overflow-y:auto}
.cost_dropdown{margin-top:1rem;position:relative}
.cost_dropdown > li{border:1px solid #ddd;border-radius:.4rem;overflow:hidden}
.cost_dropdown > li.on{border-color:#151515;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, .16);}
.cost_dropdown > li + li{margin-top:1rem}
.cost_dropdown > li > a{position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:1.6rem 1.8rem;color:#151515;font-size:2rem;font-weight:700;letter-spacing:-.02rem}
.cost_dropdown > li > a:focus{outline-offset:-1px;}
.cost_dropdown > li > a .price{margin-left:auto}
.cost_dropdown > li.has_sub > a{padding-right:5.5rem}
.cost_dropdown > li.has_sub > a::after{content:"";position:absolute;right:1.8rem;top:1.8rem;width:2.8rem;height:2.8rem;background:url(../../../images/site/kor/content/cost/ic_dropdown_arrow.svg) center no-repeat;background-size:2.8rem auto;transition:all .3s}
.cost_dropdown > li.has_sub.on > a::after{transform:rotate(180deg)}
.cost_dropdown > li > .item{display:none;border-top:1px solid #151515;background:#fafafa}
.cost_dropdown > li.has_sub > a::before{content:"";position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem}
.cost_dropdown > li > a .btn_box{margin:0 0 0 1rem}
.cost_dropdown .item_sub_lst > li + li{border-top:1px solid #dedede}
.cost_dropdown .item_sub_lst > li .item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0 .8rem;padding:1.8rem}
.cost_dropdown .item_sub_lst > li .item > .form_total,
.cost_dropdown .item_sub_lst > li .item > .form_chk,
.cost_dropdown .item_sub_lst > li .item > .form_radio{width:100%}
.cost_dropdown .item_sub_lst > li .item > .form_total ~ .form_chk,
.cost_dropdown .item_sub_lst > li .item > .form_total ~ .form_radio{margin-top:1.8rem}
.cost_dropdown .item_sub_lst > li .item > .form_spaceB{margin-top:1.8rem}
.cost_dropdown .item_sub_lst > li .item > .form_row{width:100%}
.cost_dropdown .item_sub_lst > li .item > .form_row .row_tit_flex label{font-size:1.8rem;font-weight:600}
.cost_dropdown .item_sub_lst > li .item .price_box{flex-shrink:0}
.cost_dropdown .item_sub_lst > li .tit_box{flex:1;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.8rem 1rem;font-size:1.8rem;font-weight:600;letter-spacing:-.018rem;color:#151515}
.cost_dropdown .item_sub_lst > li .tit_box label{font-weight:600;font-size:1.8rem}
.cost_dropdown .item_sub_lst > li .tit_box label::before{top:.2rem}
.cost_dropdown .item_sub_lst > li .tit_box label.full{width:100%}
.cost_dropdown .item_sub_lst > li .tit_box .form_select select{border:1px solid #ddd}
.cost_dropdown .item_sub_lst > li .tit_box.has_chk{position:relative;padding-left:2.6rem}
.cost_dropdown .item_sub_lst > li .tit_box.has_chk .form_chk{margin-left:-2.6rem}
.cost_dropdown .btn_box{display:inline-flex;gap:0 .6rem;vertical-align:middle}
.cost_dropdown .item_sub_lst > li > .item_sub{display:none;padding:2rem;background:#f1f1f1;border-top:1px solid #dedede}
.cost_dropdown .item_sub_lst > li.has_sub > a{position:relative;display:block;}
.cost_dropdown .item_sub_lst > li.has_sub > a::before{content:"";position:absolute;right:1.8rem;top:50%;width:2.8rem;height:2.8rem;background:url(../../../images/site/kor/content/ic_plus.svg) center / contain no-repeat;transform:translateY(-50%);transition:all .3s}
.cost_dropdown .item_sub_lst > li.has_sub.on > a::before{background-image:url(../../../images/site/kor/content/ic_minus.svg)}
.cost_dropdown .item_sub_lst > li.has_sub > a .item{padding-right:5rem}
.cost_dropdown .item_sub_lst.chk_lst{overflow-y:auto;max-height:41rem}
.cost_dropdown .price{color:#151515;font-size:1.8rem;font-weight:600;letter-spacing:-.018rem;white-space:nowrap;text-align:right}
.cost_dropdown .price > i{font-weight:500;font-size:1.6rem}
.val_input_price{margin-top:1.4rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.val_input_price .val_input{max-width:20rem;border:1px solid #ddd}

[class^=viewBtn_]{display:inline-block;width:2.8rem;height:2.8rem;border-radius:.4rem;background-position:center;background-repeat:no-repeat;vertical-align:middle;border:1px solid transparent;transition:all .3s}
.viewBtn_img{background-image:url(../../../images/site/kor/content/cost/ic_img.svg);background-color:#101C5C;background-size:1.8rem auto}
.viewBtn_vdo{background-image:url(../../../images/site/kor/content/cost/ic_vdo.svg);background-color:#0073B1;background-size:2rem auto}
.viewBtn_doc{background-image:url(../../../images/site/kor/content/cost/ic_doc.svg);background-color:#105C41;background-size:1.8rem auto}
.viewBtn_img:hover{border-color:#101C5C;background-color:#fff;background-image:url(../../../images/site/kor/content/cost/ic_img_ov.svg)}
.viewBtn_vdo:hover{border-color:#0073B1;background-color:#fff;background-image:url(../../../images/site/kor/content/cost/ic_vdo_ov.svg)}
.viewBtn_doc:hover{border-color:#105C41;background-color:#fff;background-image:url(../../../images/site/kor/content/cost/ic_doc_ov.svg)}

.wide_r .w_r_bottom{padding:0 5rem;height:7.4rem;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;gap:.5rem;border-right:0}
.wide_r .w_r_bottom .w_btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;height:4.4rem;color:#fff;font-size:1.6rem;font-weight:500;background:#151515;border-radius:.3rem;transition:all .3s}
.wide_r .w_r_bottom .w_btn.prev::before{content:"";display:inline-block;width:2rem;height:2rem;margin-right:.6rem;background:url(../../../images/site/kor/content/cost/ic_step_arrow.svg) center / contain no-repeat}
.wide_r .w_r_bottom .w_btn.next::after{content:"";display:inline-block;width:2rem;height:2rem;margin-left:.6rem;background:url(../../../images/site/kor/content/cost/ic_step_arrow.svg) center / contain no-repeat;transform:rotate(180deg)}
.wide_r .w_r_bottom .w_btn.save{background:#101C5C}
.wide_r .w_r_bottom .w_btn:hover{background:#0073B1}

.wide_body .w_content::-webkit-scrollbar,
.wide_r .w_r_content::-webkit-scrollbar,
.cost_dropdown .item_sub_lst.chk_lst::-webkit-scrollbar{width:4px;height:4px}
.wide_body .w_content::-webkit-scrollbar-track,
.wide_r .w_r_content::-webkit-scrollbar-track,
.cost_dropdown .item_sub_lst.chk_lst::-webkit-scrollbar-track{background:transparent}
.wide_body .w_content::-webkit-scrollbar-thumb,
.wide_r .w_r_content::-webkit-scrollbar-thumb,
.cost_dropdown .item_sub_lst.chk_lst::-webkit-scrollbar-thumb{background-color:#151515;border-radius:1rem}
.wide_body .w_content::-webkit-scrollbar-thumb:hover,
.wide_r .w_r_content::-webkit-scrollbar-thumb:hover,
.cost_dropdown .item_sub_lst.chk_lst::-webkit-scrollbar-thumb:hover{background-color:#151515}

.info_caption{margin-top:.8rem;color:#102136;font-size:1.6rem;font-weight:600;line-height:1.5;letter-spacing:-.016rem;text-align:center}
.dtd_lst{display:flex;flex-wrap:wrap;gap:1.6rem;text-align:left}
.dtd_lst > li{flex:1;display:flex;flex-direction:column}
.dtd_lst > li > .tit{display:flex;align-items:center;justify-content:center;min-height:7.5rem;padding:.7rem;background:#0D2035;color:#fff;font-size:1.7rem;font-weight:700;line-height:1.4;letter-spacing:-.034rem;text-align:center}
.dtd_lst > li > .desc{flex:1;padding:1.8rem 1rem;background:#FAFAFA;font-size:1.6rem}

.dot_lst > li{position:relative;padding-left:1.8rem;line-height:1.5}
.dot_lst > li::before{content:"•";position:absolute;left:.5rem;top:0}
.dot_lst.sm > li{padding-left:.8rem;font-size:1.6rem;font-weight:500}
.dot_lst.sm > li::before{content:"·";left:0}

.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:2rem;background:rgba(0,0,0,.7);text-align:center;z-index:9}
.modal::before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal_body{position:relative;overflow:hidden;display:inline-flex;flex-direction:column;width:100%;max-height:70vh;max-width:80rem;background:#fff;text-align:left;vertical-align:middle;border-radius:.4rem;color:#151515}
.modal_title{padding:2.4rem 7rem 2.4rem 2.9rem}
.modal_title .m_tit{margin-bottom:0;font-size:2.4rem;font-weight:700;letter-spacing:-.024rem;line-height:1}
.modal_title .m_tit > i{position:relative;padding-left:2rem;margin-left:-.4rem;font-weight:400}
.modal_title .m_tit > i::before{content:"";position:absolute;left:0;top:.6rem;width:1px;height:1.7rem;margin:0 1rem;background:#ddd}
.modal_content{overflow-y:auto;overflow-x:hidden;padding:0 2.9rem 2rem}
.modal_content::-webkit-scrollbar{width:6px;height:6px}
.modal_content::-webkit-scrollbar-track{background:transparent}
.modal_content::-webkit-scrollbar-thumb{background-color:#151515;border-radius:0}
.modal_content::-webkit-scrollbar-thumb:hover{background-color:#151515}
.modal_close{display:inline-block;position:absolute;right:2.9rem;top:2.5rem;width:2.8rem;height:2.8rem;background:url(../../../images/site/kor/content/ic_modal_close.svg) center / contain no-repeat;transition:all .3s}
.modal_close:hover,
.modal_close:focus{transform:rotate(180deg)}
.modal_close:focus{outline:auto}

.mprice_lst{border-top:2px solid #151515}
.mprice_lst > ul{border-bottom:1px solid #151515}
.mprice_lst > ul > li{display:flex;flex-wrap: wrap; align-items:flex-start;gap:0 2rem;padding:.85rem 1.4rem;background:#F9F9F9;border-bottom:1px solid #e9e9e9}
.mprice_lst > ul > li:last-child{border-bottom:0}
.mprice_lst > ul > li .t{flex-shrink:0;width:14.5rem;font-size:1.6rem;font-weight:600}
.mprice_lst > ul > li .info_txt{flex:1;font-size:1.5rem;font-weight:400;letter-spacing:-.015rem}
.mprice_lst > ul > li .price{width:15rem;margin-left:auto;font-size:1.6rem;font-weight:500;line-height:1.4;white-space:nowrap;text-align:right}
.mprice_lst > ul > li .price > i{font-size:1.4rem}
.mprice_lst > ul > li.total{padding:1.8rem 1.4rem;background:#fff;border-bottom:0}
.mprice_lst > ul > li.total .t{font-size:1.8rem;font-weight:700}
.mprice_lst > ul > li.total .price{font-size:1.9rem;font-weight:700;letter-spacing:-.019rem}
.mprice_lst > ul > li.total .price > i{font-size:1.9rem}
.mprice_lst > ul > li >ul{position: relative; width: 100%; margin-top: 1rem; padding: 1rem 0 0 1rem;}
.mprice_lst > ul > li >ul:before{content: ""; display: block; position: absolute; top: 0; left: -1.4rem; width: calc(100% + 1.4rem + 1.4rem); height: calc(100% + 0.85rem); background-color: #EFEFEF;}
.mprice_lst > ul > li >ul >li{display:flex;flex-wrap: wrap; align-items:flex-start;gap:0 2rem; position: relative;}
.mprice_lst > ul > li >ul >li:not(:first-child){margin-top: 1.8rem;}
.mprice_lst > ul > li >ul >li:not(:last-child):before{content: ""; display: block; position: absolute; bottom: -0.95rem; left: -2.4rem; width: calc(100% + 1.4rem + 2.4rem); height: 1px; background-color: #ddd;}
.mprice_lst > ul > li >ul >li .t,
.mprice_lst > ul > li >ul >li .price{font-size: 1.5rem;}
.mprice_lst > ul > li >ul >li >ul{display: flex; flex-wrap: wrap; gap: 0.85rem; width: 100%; position: relative; margin-top: 1rem; padding: 1.3rem 0 0.2rem  1.4rem ;}
.mprice_lst > ul > li >ul >li >ul:before{content: ""; display: block; position: absolute; top: 0; left: -2.4rem; width: calc(100% + 2.4rem + 1.4rem); height: calc(100% + 0.85rem); background-color: #DDD;}
.mprice_lst > ul > li >ul >li >ul >li{display:flex;flex-wrap: wrap; align-items:flex-start;gap:0 2rem; position: relative; width: 100%; padding-left: 1rem;}
.mprice_lst > ul > li >ul >li >ul >li:before{content: "-"; position: absolute; top: 0; left: 0; font-size: 1.4rem;}
.mprice_lst > ul > li >ul >li >ul >li .t,
.mprice_lst > ul > li >ul >li >ul >li .price{font-size: 1.4rem;}

.btn_wrap{margin-top:1.5rem}
.btn_mprint{display:inline-flex;align-items:center;padding:0 1.4rem;height:3.5rem;color:#fff;font-size:1.6rem;font-weight:500;letter-spacing:-.016rem;background:#151515;border-radius:.3rem;border:1px solid transparent;transition:all .3s}
.btn_mprint::before{content:"";margin-right:.6rem;width:1.8rem;height:1.8rem;background:url(../../../images/site/kor/content/ic_print_white.svg) center / contain no-repeat;vertical-align:middle}
.btn_mprint:hover{background:#fff;border-color:#151515;color:#151515}
.btn_mprint:hover::before{background-image:url(../../../images/site/kor/content/ic_print_black.svg)}

.modal_footer{background:#151515;width:calc(100% + 6rem);color:#fff;margin:2rem 0 -2rem -3rem}
.modal_footer > div{padding:2.4rem 3rem}
.modal_footer .top{display:flex;gap:0 6rem;align-items:center;justify-content:space-between}
.modal_footer .top .total_desc{display:flex;flex-direction:column;gap:1rem}
.modal_footer .top .total_tit{color:#aaa;font-size:1.8rem;font-weight:700;letter-spacing:-.018rem}
.modal_footer .top .total_info{color:#aaa;font-size:1.5rem;}
.modal_footer .top .total_price{white-space:nowrap;font-size:2.4rem;font-weight:700;letter-spacing:-.024rem}
.modal_footer .top .total_price > i{font-size:1.8rem;font-weight:500;letter-spacing:-.018rem}
.modal_footer .bottom{border-top:1px solid rgba(255, 255, 255, .1)}
.modal_footer .bottom .foot_info{color:rgba(255,255,255,.5);font-size:1.3rem;font-weight:400;line-height:1.4;letter-spacing:-.013rem;text-align:center}

.vdo_layer{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9;padding:2rem;background:rgba(0,0,0,.7)}
.vdo_layer .vdo_layer_wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.vdo_layer .vdo_layer_body{position:relative;width:calc(100% - 2.8rem);max-width:100rem;}
.vdo_layer video{width:100%;vertical-align:middle;border-radius:1.4rem}
.vdo_layer .close{position:absolute;right:-2.8rem;top:-2.8rem;width:2.8rem;height:2.8rem;position:absolute;background:url(../../../images/site/kor/content/ic_modal_close_white.svg) center / contain no-repeat;transition:all .3s}
.vdo_layer .close:hover{transform:rotate(180deg)}

.form_row .row_item{line-height:normal}
.form_row .row_item label{font-size:1.6rem;color:#151515;font-weight:600;letter-spacing:-.016rem}
.form_row .row_item ~ .row_item{margin-top:1.8rem}
.form_row ~ .form_row{margin-top:1.8rem;padding-top:1.8rem;border-top:1px solid #ddd}
.row_tit_flex{margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem}
.form_total{margin-top:1.8rem;padding-top:1.8rem;border-top:1px solid #151515;text-align:right}
.form_flex{display:flex;gap:.8rem}
.form_spaceB{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem}
.form_input{display:flex;align-items:center;gap:1rem}
.form_input label{flex-shrink:0;width:13rem}
.form_input ~ .form_input{margin-top:1.8rem;padding-top:1.8rem;border-top:1px solid #ddd}
.gray_chk_box{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding:1.8rem;background:#FAFAFA;border-radius:.4rem}
.gray_chk_box .tit{font-size:1.6rem;font-weight:600;letter-spacing:-.016rem;color:#151515}
.chkbox{display:inline-flex;flex-wrap:wrap;gap:.8rem 2.4rem}
#wide_wrap .form_input_price{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:100%}
#wide_wrap .form_input_price input{width:16rem;border:1px solid #ddd}
#wide_wrap .form_input_price .price{font-size:1.6rem}
#wide_wrap .form_input_price .price > i{font-size:1.4rem}

#wide_wrap .val_input{position:relative;background:#fff;border-radius:.4rem}
#wide_wrap .val_input input[type=text],
#wide_wrap .val_input input[type=number]{padding-right:5.5rem;background:transparent;text-align:right}
#wide_wrap .val_input .unit{position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);color:#151515;font-size:1.6rem;font-weight:500;letter-spacing:-.016rem}

.info_lst > li{display:flex;align-items:flex-start;gap:1.6rem}
.info_lst > li .tit{flex:0 0 auto;padding:.2rem 1rem;background:#151515;color:#fff;font-size:1.6rem;font-weight:500;border-radius:.4rem}
.info_lst > li .desc{font-size:1.8rem;font-weight:500;line-height:1.5;letter-spacing:-.018rem}
.info_lst > li + li{margin-top:1.6rem}

@media print {
    html, body{height:auto !important;margin:0;padding:0}
    .printArea{display:flex;flex-direction:column;min-height:285mm;position:static;width:100%;max-width:none;max-height:none;border:none}
    .printArea .modal_content{flex:1 0 auto;display:flex;flex-direction:column;overflow:visible;height:auto}  
    .printArea .modal_footer{position:static;margin-top:auto;width:100%;margin-left:0;margin-right:0;-webkit-print-color-adjust:exact}
    .modal_close, .btn_mprint{display:none}
}

/* readonly 공통 */
.readonly{opacity:1}
.readonly input[type="text"],
.readonly select{background-color:#e9ecef !important;border-color:#ced4da !important;color:#6c757d !important;pointer-events:none;cursor:not-allowed}
.readonly input[type="checkbox"]{pointer-events:none;cursor:not-allowed}
.readonly label{pointer-events:none;color:#6c757d;cursor:not-allowed}

/*-------------------------------------------------------------------
    로그인
-------------------------------------------------------------------*/
[data-contents="login"]{padding: 6rem 2rem; background: #F8F9FC url(../../../images/site/kor/content/login_img01.svg) no-repeat bottom right / 48.9rem auto; border-radius: 2rem;}
[data-contents="login"] >strong{display: block; text-align: center; font-size: 3.4rem; color: #1d1d1d; font-weight: 800; line-height: 1.2;}
[data-contents="login"] >.box{display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; align-content: flex-start; align-items: flex-start; gap: 2rem; width: 100%; max-width: 44rem; margin: 2.4rem auto 0; padding: 4rem; background-color: #fff; border-radius: 2rem;}
[data-contents="login"] >.box *{width: 100%; border-radius: 0.6rem;}
[data-contents="login"] >.box a{padding: 0.9rem 2rem;}
[data-contents="login"] >.box a[data-color="3"]{background-color: #fff; border-color: #0073B1; color: #0073B1;}
[data-contents="login"] >.box a[data-color="3"]:hover{background-color: #005989;
    border-color: #005989;
    color: #fff;}
[data-contents="login"] >.box a[data-color="4"]{background-color: #fff; border-color: #919191; color: #353535;}
[data-contents="login"] >.box a[data-color="4"]:hover{background-color: #6D7882; border-color: #6D7882; color: #fff;}
[data-contents="login"] >.box .inputs{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.8rem;}
[data-contents="login"] >.box .inputs input{display: block; width: 100%; height: auto; max-width: none; padding: 1.2rem; font-weight: 500; color: #1d1d1d; font-size: 1.5rem; border: 1px solid #D8D8D8; border-radius: 0.6rem;}
[data-contents="login"] >.box .inputs input::placeholder{color: #aaa;}

/*-------------------------------------------------------------------
    회원정보수정
-------------------------------------------------------------------*/
[data-content="edit_member"]{}
[data-content="edit_member"]:before{content: ""; display: block; position: absolute; bottom: 0; left: 50%; z-index: -1; width: 100vw; height: 100%; background: linear-gradient(180deg, #FFF 12.87%, #D7ECFC 100%); transform: translateX(-50%);}
[data-content="edit_member"]:after{content: ""; display: block; position: absolute; top: -28rem; left: 50%; z-index: -1; width: 100vw; height: 60rem; background: url(../../../images/site/kor/content/edit_img05.png) no-repeat center right / auto 100%; transform: translateX(-50%);}
[data-content="edit_member"] ol{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 3rem; margin-top: 4rem;}
[data-content="edit_member"] ol >li{position: relative; width: 100%; padding: 2.4rem 2.4rem 5.4rem; border: 1px solid #C3D0DD; border-radius: 2rem; background-color: #fff;}
[data-content="edit_member"] ol >li:before{content: ""; display: block; position: absolute; top: 0; left: 100%; z-index: 1; width: 3rem; height: 100%; background: url(../../../images/site/kor/content/edit_img04.svg) no-repeat center center / 100% auto;}
[data-content="edit_member"] ol >li:last-child:before{display: none;}
[data-content="edit_member"] ol >li em{display: block; color: #101C5C; font-size: 2.2rem; font-weight: 700; line-height: 1.5;}
[data-content="edit_member"] ol >li img{display: block; width: 12rem; margin: 0.7rem auto 0; }
[data-content="edit_member"] ol >li strong{display: block; margin-top: 2.7rem; text-align: center; font-size: 2rem; color: #000; font-weight: 700; line-height: 1.4;}
[data-content="edit_member"] ol >li p{display: block; margin-top: 0.6rem; color: #000; font-size: 1.4rem; font-weight: 400; text-align: center; }
[data-content="edit_member"] .go_btn{margin-top: 5rem; margin-bottom: 19rem;}

/*-------------------------------------------------------------------
    반응형
-------------------------------------------------------------------*/
@media screen and (max-width:1640px){
    /*컨텐츠 기본 스와이퍼*/
    .cont_swiper .swiper_w{left: 0; padding-left: 0; transform: translateX(0);}
    .cont_swiper .swiper_w .drag_icon{gap: 0.4rem; left: 45rem; width: 9rem; height: 9rem; font-size: 1.3rem; transform: translateX(0);}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 50rem;}
    .cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 67.6rem;}

    /*기술 시연 공통*/
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn]{gap: 1.6rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active{width: 47rem;}

    /*초격차 기술 > 초격차 기술 소개*/
    [data-content="02_01"] >ul >li a::after{background-image: none;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"]{padding: 12rem 3rem;}
    [data-content="02_02_05"]:before{width: 100%;}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .b2 ul{gap: 10rem;}
    [data-content="02_03_02"] .b2 ul li:after{width: 10rem;}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1 ol li .levels{gap: 1.5rem; padding: 1rem 2rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1{width: 14rem;}
    [data-content="02_03_03"] .box1 ol li{width: calc((100% - 4rem) / 2);}
    [data-content="02_03_03"] .box1 ol li:nth-child(2n-1){width: calc(((100% - 4rem) / 2) + 4rem);}
    [data-content="02_03_03"] .box1 ol li:nth-child(2n-1):after{width: 4rem;}
    [data-content="02_03_03"] .box1 ol li:nth-child(2n-1) .levels{width: calc(100% - 4rem);}
    [data-content="02_03_03"] .box1 ol li .levels .step3 strong{width: 12rem;}

    /*초격차 기술 > AI 정수장 > 사업비 산정*/
    [data-content="02_03_05"]{position: relative; padding: 12rem 3rem;}
    [data-content="02_03_05"]:before{width: 100%;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"]{padding: 12rem 3rem;}
    [data-content="02_04_05"]:before{width: 100%;}

    /*글로벌 선도기술 > 글로벌 선도기술 소개*/
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a .imgs:before{background-image: none;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .dep >li >div >strong{width: 36rem;}
    [data-content="03_07_03"] .dep >li >div >div .t1:after{width: 4rem; height: 4rem; margin: 0 1.6rem;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div img{width: 22rem;}
}
@media screen and (max-width:1600px){
    .sub0101::after{right:-17rem}
}
@media all and (max-width:1500px){
    /*사업비 산정*/
    .w_white_box{padding:3rem 2rem}
    .w_white_box .img_box{gap: 2rem;}
    .wide_r .w_r_content{padding:3rem 2rem}
    .wide_r .w_r_bottom{padding:0 2rem}
    .wide_body .w_content{padding:7rem 0 3rem}
    .platform_link{bottom:21.2rem}
}
@media screen and (max-width:1480px){
    /*공통 컨텐츠*/
    .img_table{gap: 3rem;}
    .img_table img{width: calc(74rem * 0.8);}

    /*기술 시연 공통*/
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn]{gap: 1.2rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li{width: 10rem; height: 10rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active{width: 35rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a{padding: 1rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active >a >strong{font-size:1.5rem}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >p{font-size:1.3rem}

    /*초격차 기술 >개요*/
    .tech_img img{width: calc(65.7rem * 0.8); margin-left: 4rem;}

    /*초격차 기술 > Digital GARAM⁺ > 인프라 기술*/
    [data-content="02_02_02"] .t_box{gap: 3rem;}
    [data-content="02_02_02"] .t_box .imgs{width: calc(74rem * 0.8);}

    /*초격차 기술 > Digital GARAM⁺ > 주요기술*/
    [data-content="02_02_03"] .box3{padding: 3rem calc(31.25% + 3rem) 3rem 3rem;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"]{padding: 8rem 3rem;}
    [data-content="02_02_05"] .w .t h3{margin-bottom: 1rem;}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .b1{gap: 8rem;}
    [data-content="02_03_02"] .b1 >.t1{width: calc((100% - (8rem * 2)) / 3);}
    [data-content="02_03_02"] .b1 >.t1:not(:first-child):before{width: 8rem; background-size: 4.6rem auto;}
    [data-content="02_03_02"] .b1 >.t1 .w{padding: 2.4rem 1rem;}
    [data-content="02_03_02"] .b1 >.t1 .w p img{width: 5.6rem; height: 5.6rem;}
    [data-content="02_03_02"] .b1 >.t1 .w p{font-size: 2rem;}
    [data-content="02_03_02"] .b2 ul{gap: 7rem;}
    [data-content="02_03_02"] .b2 ul li:after{width: 7rem;}
    [data-content="02_03_02"] .b2 ul li img{width: 11rem;}
    [data-content="02_03_02"] .b3{flex-direction: column; gap: 1.6rem;}
    [data-content="02_03_02"] .b6{gap: 2rem;}
    [data-content="02_03_02"] .b6 ul{gap: 2rem;}
    [data-content="02_03_02"] .b6 ul li{width: calc((100% - 2rem) / 2); padding: 2.5rem;}
    [data-content="02_03_02"] .b6 ul li p em{font-size: 3.6rem;}
    [data-content="02_03_02"] .b6 ul li img{width: 4.5rem;}
    [data-content="02_03_02"] .t_box{gap:3rem}
    [data-content="02_03_02"] .t_box .imgs{width: calc(74rem * 0.8)}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1 ol li .levels{gap: 1rem; padding: 1rem 1.75rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1{width: 13rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1 img{width: 3.5rem;}
    [data-content="02_03_03"] .box4{padding: 2.5rem;}
    [data-content="02_03_03"] .box7 .w{gap: 3rem;}
    [data-content="02_03_03"] .box7 .w .l{padding-right: 6rem;}
    [data-content="02_03_03"] .box7 .w .r{gap: 2rem; width: calc(100% - 30rem - 3rem);}
    [data-content="02_03_03"] .box7 .w .r .com{width: calc((100% - 2rem) / 2);}
    [data-content="02_03_03"] .box7 .w .r .com .desc{padding: 2.5rem 2.5rem 2rem;}
    [data-content="02_03_03"] .box8{padding: 3rem;}
    [data-content="02_03_03"] .box8 .source{bottom: 3rem; right: 3rem; width: calc(39.4rem * 0.8); height: calc(10.1rem * 0.8);}

    /*초격차 기술 > AI 정수장 > 사업비 산정*/
    [data-content="02_03_05"]{padding: 8rem 3rem;}
    [data-content="02_03_05"] .w{display: block; }
    [data-content="02_03_05"] .w .l h3{margin-bottom: 1rem;}
    [data-content="02_03_05"] .w .r{width: 100%; margin-top: 6rem; padding: 3rem;}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box1 .imgs{width: 42rem;}
    [data-content="02_04_03"] .box1 ol{width: calc(100% - 3rem - 42rem);}
    [data-content="02_04_03"] .box3 .lists >li .desc p img{width: 5.6rem;}
    [data-content="02_04_03"] .box3 .lists >li:first-child .desc p img{width: 9rem;}
    [data-content="02_04_03"] .box5 .list_box >li >img{width: 5.6rem;}
    [data-content="02_04_03"] .box6{padding: 5rem;}
    [data-content="02_04_03"] .box7{gap: 2.5rem;}
    [data-content="02_04_03"] .box7 .l{max-width: 35%;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"]{padding: 8rem 3rem;}
    [data-content="02_04_05"] .w .t h3{margin-bottom: 1rem;}

    /*글로벌 선도기술 > 글로벌 선도기술 소개*/
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide{width: calc(33.7rem * 0.9); padding-top: calc(39.3rem * 0.9);}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a{padding: 2.5rem 2.5rem 8rem;}

    /*글로벌 선도기술  > 초순수 > 개요*/
    [data-content="03_02_01"] .plus_img img{width: calc(55rem * 0.8); margin-left: 3rem;}

    /*글로벌 선도기술  > 초순수 > 특징*/
    [data-content="03_02_03"] .boxs_w:not(:first-child):before{height: 4rem; margin: 3rem 0 2rem auto;}
    [data-content="03_02_03"] .boxs_w .bx .ins{padding: 2.5rem;}
    [data-content="03_02_03"] .boxs_w .bx .ins strong{margin-bottom: 3rem;}
    [data-content="03_02_03"] .list01 ol{display: flex; gap: 0; justify-content: space-between;}
    [data-content="03_02_03"] .list01 ol li:before{width: 100vw;}
    [data-content="03_02_03"] .list04{gap: 4rem;}
    [data-content="03_02_03"] .list04 .wt{width: calc(21rem * 0.8); height: calc(9.5rem * 0.8);}
    [data-content="03_02_03"] .list04 .plus{width: 5rem; height: 5rem;}
    [data-content="03_02_03"] .list04 .groups >div{gap: 1.5rem;width: auto;}
    [data-content="03_02_03"] .list04 .groups >div img{width: calc(18.8rem * 0.9); height: calc(6.7rem * 0.9);}
    [data-content="03_02_03"] .list05 img{width: calc(54.5rem * 0.8);}
    [data-content="03_02_03"] .list05 >div{width: 40rem;}

    /*글로벌 선도기술  > 초순수 > 추진성과*/
    [data-content="03_02_04"] .img_table{gap: 3rem;}
    [data-content="03_02_04"] .img_table .imgs{width: calc(74rem * 0.8); padding: 3rem;}
    [data-content="03_02_04"] .img_table .imgs img{margin-top: 1.6rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_03_02"] .box1{gap: 1rem 3rem;}
    [data-content="03_03_02"] .box1 >div{gap: 4rem;}
    [data-content="03_03_02"] .box1 .l{padding-left: 6rem; padding-right: 10rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box2:after{width: 7rem;}
    [data-content="03_03_03"] .box2 .in .bx_w .bx .desc p{font-size: 1.7rem;}
    [data-content="03_03_03"] .box3 .w{padding: 5rem 2rem 3rem;}
    [data-content="03_03_03"] .box3 .w .w_s .t{width: 20rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul{gap: 2.4rem 26rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li{width: calc((100% - 26rem) / 2);}
    [data-content="03_03_03"] .box3 .w .w_s .t strong{width: 16rem; height: 16rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >div{gap: 0.6rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >div strong{line-height: 1.4;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >div p{line-height: 1.4;}
    [data-content="03_03_03"] .box3 >strong{padding: 3rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_04_02"] .box1 ol >li:not(:last-child):after{margin: 0 5rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_04_03"] .t_box{gap: 3rem;}
    [data-content="03_04_03"] .t_box .imgs{width: calc(74rem * 0.8);}

    /*글로벌 선도기술  > 수상태양광 > 추진성과*/
    [data-content="03_04_04"] .list_box >li{width: calc((100% - (2rem * 2)) / 3);}

    /*글로벌 선도기술  > 수열에너지 > 개요*/
    [data-content="03_05_01"] .box2 img{max-height: 55rem;}

    /*글로벌 선도기술  > 수열에너지 > 기술내용*/
    [data-content="03_05_02"] .box3{display: flex; flex-direction: column; flex-wrap: wrap; }
    [data-content="03_05_02"] .box3 .imgs{order: 2; width: 100%; height: auto; max-height: none; margin-left: 0; text-align: center;}
    [data-content="03_05_02"] .box3 .imgs img{display: block; margin: 0 auto; width: auto; max-width: 100%; }
    [data-content="03_05_02"] .box3 .imgs span{display: inline-block; width: auto; padding: 1rem 2rem;}
    [data-content="03_05_02"] .box4 .b2 strong{width:22rem;}

    /*글로벌 선도기술  > 조력발전 > 개요*/
    [data-content="03_06_01"] .plus_img video{width: calc(74rem * 0.8); margin-left: 3rem;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .b1{gap: 8rem;}
    [data-content="03_07_03"] .b1 >div{width: calc((100% - (8rem * 2)) / 3);}
    [data-content="03_07_03"] .b1 >.t1:not(:first-child):before,
    [data-content="03_07_03"] .b1 >.t2:before{width: 8rem; background-size: 4.6rem auto;}
    [data-content="03_07_03"] .b1 >.t1 .w p img{width: 5.6rem; height: 5.6rem;}
    [data-content="03_07_03"] .b1 >.t1 .w p{font-size: 2rem;}
    [data-content="03_07_03"] .b1 >.t2{min-height: 22rem; font-size: 2.4rem;}
    [data-content="03_07_03"] .dep >li >strong em{width: 30rem;}
    [data-content="03_07_03"] .dep >li >div{min-height: 16rem; gap: 8rem;}
    [data-content="03_07_03"] .dep >li >div >div:after{width: 8rem; background-size: auto 14rem;}
    [data-content="03_07_03"] .dep >li >div >strong{width: 26rem; padding: 2rem;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div{padding: 2rem;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div img{width: 21rem;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >strong br,
    [data-content="03_07_03"] .dep >li:nth-child(2) >div >strong br{display: none;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1{height: 12rem; min-height: auto;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1 img{height: 4rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1:nth-child(3) img{height: 12rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t2{margin-left: 2rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t2 img{height: 18rem;}

    /*글로벌 선도기술  > 지하수저류댐 > 개요*/
    [data-content="03_08_01"] .img_table{gap: 3rem;}
    [data-content="03_08_01"] .img_table img{width: calc(31.2rem * 0.8);}

    /*글로벌 선도기술  > 수도자산관리 > 개요*/
    [data-content="03_09_01"] .box1:after{width: calc(7.4rem * 0.8); height: calc(30.2rem * 0.8);}
    [data-content="03_09_01"] .box1 img{display: block; width: auto; max-width: calc((100% - calc(7.4rem * 0.8) - 3rem) / 2);}
    [data-content="03_09_01"] .box3{padding: 5rem;}

    /*글로벌 선도기술  > 수도자산관리 > 기술내용*/
    [data-content="03_09_02"] .plus_img img,
    [data-content="03_09_02"] .plus_img video{width: calc(74rem * 0.8); margin-left: 3rem;}

    /*글로벌 선도기술  > 수도자산관리 > 특징*/
    [data-content="03_09_03"] .box2 >li:first-child,
    [data-content="03_09_03"] .box2:hover >li:first-child:hover,
    [data-content="03_09_03"] .box2 >li:hover{flex: 3;}
    [data-content="03_09_03"] .box2 >li >.prev{padding: 2rem;}
    [data-content="03_09_03"] .box2 >li >.hover{padding: 3rem;}

    /*글로벌 선도기술  > 수도자산관리 > 추진성과*/
    [data-content="03_09_04"] .box1{gap: 3rem;}
    [data-content="03_09_04"] .box3{gap: 5rem;}
    [data-content="03_09_04"] .box3 >li:first-child:after{width: 5rem;}
    [data-content="03_09_04"] .box3 >li >div{padding: 2rem;}
    [data-content="03_09_04"] .box3 >li:nth-child(1) >div >ul{gap: 1.5rem;}
    [data-content="03_09_04"] .box3 >li:nth-child(1) >div >ul >li{gap: 1rem; padding: 1.5rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box2 .imgs .t1 span{left: 14%;}
    [data-content="03_10_02"] .box2 .imgs .t2 span{left: 27%;}

    /*글로벌 선도기술  > 수자원위성 > 특징*/
    [data-content="03_10_03"] .b1{gap: 8rem;}
    [data-content="03_10_03"] .b1 >.t1{width: calc((100% - (8rem * 2)) / 3);}
    [data-content="03_10_03"] .b1 >.t1:not(:first-child):before{width: 8rem; background-size: 4.6rem auto;}
    [data-content="03_10_03"] .b1 >.t1 .w{min-height: 16rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p img{width: 5.6rem; height: 5.6rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p{font-size: 2rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_04"] .box3{padding: 5rem 3rem}
    [data-content="03_10_04"] .box3 >div:after{height: 30rem;}
    [data-content="03_10_04"] .box3 .t2 .imgs{height: 30rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol{padding: 1rem 1rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol li:before{margin: 0.4rem auto;}

    /*회원 정보 수정*/
    [data-content="edit_member"] .go_btn{margin-bottom: 12rem;}
}
@media screen and (max-width:1300px){
    /*공통 컨텐츠*/
    .list_box{flex-wrap: wrap; gap: 2.4rem 2rem;}
    .list_box >li{width: calc((100% - (2rem * 3)) / 4);}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box6{flex-wrap: nowrap;}
    [data-content="02_03_03"] .box6 >li{width: 100%;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .dep >li >div{flex-direction: column; gap: 0;}
    [data-content="03_07_03"] .dep >li >div >div{order: 1;}
    [data-content="03_07_03"] .dep >li:nth-child(2) >div >div{min-height: 17rem; padding: 2rem;}
    [data-content="03_07_03"] .dep >li >div >strong{order: 3; justify-content: center; width: 100%; text-align: center; }
    [data-content="03_07_03"] .dep >li >div >strong br{display: none;}
    [data-content="03_07_03"] .dep >li >div >div:after{display: none;}
    [data-content="03_07_03"] .dep >li >div:after{content: ""; order: 2; display: block; width: 100%; height: 6rem; background: url(../../../images/site/kor/content/s030703_img20.svg) no-repeat center center;}
}
@media all and (max-width:1240px){
    /*사업비 산정*/
    .wide_r .cost_close{font-size:1.6rem}
    .wide_r .cost_close::after{top:0}
}
@media screen and (max-width:1200px){
    /*컨텐츠 기본 스와이퍼*/
    .cont_swiper .swiper_w .drag_icon{left: 40rem;}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 45rem;}
    .cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 60.8rem;}

    /*공통 컨텐츠*/
    .img_table.img_y img{width: calc(74rem * 0.6);}

    /*기술 시연 공통*/
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn]{gap: 0.8rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li{width: 8.5rem; height: 8.5rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active{width: 32rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >strong{font-size: 1.1rem;}
    .platform_link{bottom:19.7rem}

    /*초격차 기술 > Digital GARAM⁺ > 인프라 기술*/
    [data-content="02_02_02"] .box1{padding: 2.4rem;}
    [data-content="02_02_02"] .box1 em{padding: 1.4rem 2.2rem; font-size: 1.7rem;}
    [data-content="02_02_02"] .box1 img{width: auto; min-width: auto; height: 36rem; object-fit: contain;}
    [data-content="02_02_02"] .box1.ty2 img{width: 100%; min-width: 120rem; height: auto; }
    [data-content="02_02_02"] .t_box .imgs{width: calc(74rem * 0.6);}

    /*초격차 기술 > Digital GARAM⁺ > 주요기술*/
    [data-content="02_02_03"] .box1{gap: 2rem;}
    [data-content="02_02_03"] .box1 .l{width: calc((100% - 2rem) * 0.625);}
    [data-content="02_02_03"] .box1 .r{gap: 2rem; width: calc((100% - 2rem) * 0.375);}
    [data-content="02_02_03"] .box3{padding: 3rem;}
    [data-content="02_02_03"] .box3 >img{display: none;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"] .w .b{gap: 2.2rem;}
    [data-content="02_02_05"] .w .b >li{width: calc((100% - 2.2rem) / 2); padding: 3rem;}
    [data-content="02_02_05"] .w .b >li .desc{display: block; margin-bottom: 2.6rem;}
    [data-content="02_02_05"] .w .b >li .desc a{display: inline-block; margin-top: 1.8rem;}
    [data-content="02_02_05"] .w .b >li .btns{gap: 1.8rem;}
    [data-content="02_02_05"] .w .b >li .btns a{padding: 2rem;}
    [data-content="02_02_05"] .w .b >li .btns a img{width: 4.5rem;}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .b2 ul{gap: 5.5rem;}
    [data-content="02_03_02"] .b2 ul li:after{width: 5.5rem; background-size: 1.8rem auto;}
    [data-content="02_03_02"] .b2 ul li img{width: 9rem;}
    [data-content="02_03_02"] .b4{padding: 2.4rem;}
    [data-content="02_03_02"] .b6 ul li{gap: 0.6rem; padding: 2rem;}
    [data-content="02_03_02"] .b6 ul li p em{font-size: 3.2rem;}
    [data-content="02_03_02"] .b6 ul li img{width: 4rem;}
    [data-content="02_03_02"] .t_box .imgs {width: calc(74rem * 0.6);}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1 ol{gap: 1rem; margin-top: 2rem;}
    [data-content="02_03_03"] .box1 ol li,
    [data-content="02_03_03"] .box1 ol li:nth-child(2n-1){width: 100%;}
    [data-content="02_03_03"] .box1 ol li:nth-child(2n-1):after{display: none;}
    [data-content="02_03_03"] .box1 ol li .levels{gap: 2rem;}
    [data-content="02_03_03"] .box1 ol li:nth-child(2n-1) .levels{width: 100%;}
    [data-content="02_03_03"] .box1 ol li .levels .step1{width: 16rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step3 strong{width: 13rem;}
    [data-content="02_03_03"] .box1 .arrow{width: calc(2.4rem * 0.8); height: calc(5rem * 0.8);}
    [data-content="02_03_03"] .box2{gap: 2rem;}
    [data-content="02_03_03"] .box2 >li{width: calc((100% - 2rem) / 2); }
    [data-content="02_03_03"] .box2 >li:nth-child(3){width: 100%;}
    [data-content="02_03_03"] .box4{padding: 2rem;}
    [data-content="02_03_03"] [data-skin="box"][data-type="2"] .w_170_w em{width: 100%;}
    [data-content="02_03_03"] [data-skin="box"][data-type="2"] .w_170_w:not(:first-of-type){margin-top: 1rem;}
    [data-content="02_03_03"] .box5{justify-content: flex-start; gap: 3rem 4rem;}
    [data-content="02_03_03"] .box5 .m .imgs{width: auto; }
    [data-content="02_03_03"] .box5 .imgs span img{width: 40rem;}
    [data-content="02_03_03"] .box5 .m .desc{flex: 1;}
    [data-content="02_03_03"] .box7 .w{gap: 2rem;}
    [data-content="02_03_03"] .box7 .w .l{padding-right: 4rem;}
    [data-content="02_03_03"] .box7 .w .r{gap: 2rem; width: calc(100% - 20rem - 2rem);}
    [data-content="02_03_03"] .box7 .w .r .com .desc{padding: 2rem 2rem 1.5rem;}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box1{gap: 2rem;}
    [data-content="02_04_03"] .box1 .imgs{width: 33rem;}
    [data-content="02_04_03"] .box1 .imgs strong{width: calc(28.8rem * 0.8); height: calc(7.7rem * 0.8);}
    [data-content="02_04_03"] .box1 ol{gap: 0 1.5rem; width: calc(100% - 2rem - 33rem);}
    [data-content="02_04_03"] .box1 ol >li{width: calc((100% - (1.5rem * 2)) / 3); padding: 2rem 1.5rem 3rem;}
    [data-content="02_04_03"] .box2{display: block; padding-right: 0;}
    [data-content="02_04_03"] .box2 .desc{justify-content: center; gap: 1rem 2rem; width: calc(100% - 4rem); margin: 2rem;}
    [data-content="02_04_03"] .box2 .desc p{width: auto;}
    [data-content="02_04_03"] .box3 .lists >li .desc p{font-size: 1.7rem;}
    [data-content="02_04_03"] .box3 .lists >li .desc p img{width: 5rem;}
    [data-content="02_04_03"] .box3 .lists >li:first-child .desc p{gap: 1rem; padding: 0;}
    [data-content="02_04_03"] .box3 .lists >li:first-child .desc p img{width: 7rem;}
    [data-content="02_04_03"] .box3{gap: 2rem;}
    [data-content="02_04_03"] .box3 .imgs img{width: 32rem;}
    [data-content="02_04_03"] .box3 .lists{width: calc(100% - 32rem - 2rem);}
    [data-content="02_04_03"] .box5 .list_box >li >img{width: 5rem;}
    [data-content="02_04_03"] .box6{padding: 4rem;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"] .w .b{gap: 2.2rem;}
    [data-content="02_04_05"] .w .b >li{padding: 3rem;}
    [data-content="02_04_05"] .w .b >li .desc{display: block;}
    [data-content="02_04_05"] .w .b >li .desc a{display: inline-block; margin-top: 1.8rem;}
    [data-content="02_04_05"] .w .b >li .btns{gap: 1.8rem; margin-top: 2.6rem;}
    [data-content="02_04_05"] .w .b >li .btns a{padding: 2rem;}
    [data-content="02_04_05"] .w .b >li .btns a img{width: 4.5rem;}

    /*글로벌 선도기술  > 초순수 > 특징*/
    [data-content="03_02_03"] .list01 ol >li img{width: calc(18.8rem * 0.8);}
    [data-content="03_02_03"] .list02 ol{gap: 1rem 0}
    [data-content="03_02_03"] .list02 ol >li{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; width: calc(((100% - (3rem * 2)) / 3) + 3rem);}
    [data-content="03_02_03"] .list02 ol >li:nth-child(3n){width: calc((100% - (3rem * 2)) / 3);}
    [data-content="03_02_03"] .list02 ol >li:after{width: 3rem; margin: 0;}
    [data-content="03_02_03"] .list02 ol >li:nth-child(3n):after{display: none;}
    [data-content="03_02_03"] .list02 ol >li b{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%;}
    [data-content="03_02_03"] .list02 .ret{display: block; margin-top: 2rem; transform: translateX(0);}
    [data-content="03_02_03"] .list02 .ret:before,
    [data-content="03_02_03"] .list02 .ret:after{display: none;}
    [data-content="03_02_03"] .list02 .ret p{flex-direction: row; align-items: center; gap: 0; width: 100%; margin-top: 0;}
    [data-content="03_02_03"] .list02 .ret p span{width : calc(8.8rem * 0.8); height: calc(4rem * 0.8); margin: 0 1rem 0 0;}
    [data-content="03_02_03"] .list02 .ret p i{display: inline-block;}
    [data-content="03_02_03"] .list04{gap: 2.6rem;}
    [data-content="03_02_03"] .list04 .wt{width: calc(21rem * 0.55); height: calc(9.5rem * 0.55);}
    [data-content="03_02_03"] .list04 .plus{width: 3.5rem; height: 3.5rem;}
    [data-content="03_02_03"] .list04 .groups >div{gap: 1.5rem; width: auto; padding: 1.5rem;}
    [data-content="03_02_03"] .list04 .groups >div img{width: calc(18.8rem * 0.6); height: calc(6.7rem * 0.6);}
    [data-content="03_02_03"] .list05{flex-direction: column;}
    [data-content="03_02_03"] .list05 >div{width: 100%;}

    /*글로벌 선도기술  > 초순수 > 추진성과*/
    [data-content="03_02_04"] .img_table .imgs{width: calc(74rem * 0.6); padding: 2rem;}
    [data-content="03_02_04"] .img_table .imgs img{margin-top: 1rem;}
    [data-content="03_02_04"] .box1{padding: 3rem;}
    [data-content="03_02_04"] .box1 ol{left: 3rem; bottom: 3rem;}
    [data-content="03_02_04"] .box1 ol li{padding-left: 2.9rem; font-size: 2.2rem;}
    [data-content="03_02_04"] .box1 ol li:not(:first-child){margin-top: 0.4rem;}
    [data-content="03_02_04"] .box1 ol li:before{width: 2.3rem; height: 2.3rem; font-size: 1.5rem; line-height: 2.3rem; font-weight: 500;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_03_02"] .box1 .l{padding-left: 5rem; padding-right: 9rem;}
    [data-content="03_03_02"] .box1 .l:before{height: 14rem; width: calc(100% - 4.4rem);}
    [data-content="03_03_02"] .box1 .l:after{border-width: 7rem 0 7rem 4.5rem;}
    [data-content="03_03_02"] .box1 .l span{width: 5rem; height: 5rem;}
    [data-content="03_03_02"] .box1 .l span:before{height: 0.5rem;}
    [data-content="03_03_02"] .box1 .l span:after{width: 0.5rem;}
    [data-content="03_03_02"] .box1 .l i{width: 23rem; height: 23rem;}
    [data-content="03_03_02"] .box1 strong{gap: 1rem;}
    [data-content="03_03_02"] .box1 strong img{width: 7rem; height: 7rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box1{padding: 3.5rem 2.5rem 2.5rem;}
    [data-content="03_03_03"] .box2:after{width: 6rem;}
    [data-content="03_03_03"] .box3 .w{padding: 4rem 2rem 2.5rem;}
    [data-content="03_03_03"] .box3 .w:after{height: 3.5rem; margin-top: 4rem;}
    [data-content="03_03_03"] .box3 .w .w_s .t strong{width: 14rem; height: 14rem;}
    [data-content="03_03_03"] .box3 .w .w_s .t strong span{width: calc(8.6rem * 0.9); height: calc(4rem * 0.9);}
    [data-content="03_03_03"] .box3 .w .w_s ul li{gap: 1.7rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_04_02"] .box1 ol >li:not(:last-child):after{margin: 0 2.5rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_04_03"] .t_box .imgs{width: calc(74rem * 0.6);}

    /*글로벌 선도기술  > 수상태양광 > 추진성과*/
    [data-content="03_04_04"] .box3,
    [data-content="03_04_04"] .box4 .t{padding: 2.5rem;}
    [data-content="03_04_04"] .box4 .b .b_t{gap: 3rem;}

    /*글로벌 선도기술  > 수열에너지 > 개요*/
    [data-content="03_05_01"] .box2 img{max-height: 50rem;}

    /*글로벌 선도기술  > 수열에너지 > 기술내용*/
    [data-content="03_05_02"] .box1 strong{font-size: 1.7rem;}
    [data-content="03_05_02"] .box4 .b1{padding: 2.6rem;}
    [data-content="03_05_02"] .box4 .b2 strong{width: auto; }
    [data-content="03_05_02"] .box4 .b2 span{padding: 3rem;}

    /*글로벌 선도기술  > 조력발전 > 개요*/
    [data-content="03_06_01"] >.imgs{padding: 3rem;}
    [data-content="03_06_01"] >.imgs h4{top: 3rem; left: 3rem;}
    [data-content="03_06_01"] .plus_img video{width: calc(74rem * 0.6);}

    /*글로벌 선도기술  > 조력발전 > 기술내용*/
    [data-content="03_06_02"] .img_wrap{padding: 2.5rem;}

    /*글로벌 선도기술  > 조력발전 > 추진성과*/
    [data-content="03_06_04"] .b1{justify-content: flex-start; gap: 3rem 4rem;}
    [data-content="03_06_04"] .b1 .l{width: auto; }
    [data-content="03_06_04"] .b1 .l img{width: 40rem;}
    [data-content="03_06_04"] .b1 .r{flex: 1;}
    [data-content="03_06_04"] .b2{gap: 3rem; padding: 3rem;}
    [data-content="03_06_04"] .b2 .l{width: calc((100% - 3rem) * 0.4); padding: 2.8rem 3rem;}
    [data-content="03_06_04"] .b2 .l >div ul li{gap: 1.6rem;}
    [data-content="03_06_04"] .b2 .l >div ul li em{width: 9rem;}
    [data-content="03_06_04"] .b2 .r ul{gap: 3rem;}
    [data-content="03_06_04"] .b2 .r ul >li{width: calc((100% - 3rem) / 2);}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .b1{gap: 7rem;}
    [data-content="03_07_03"] .b1 >div{width: calc((100% - (7rem * 2)) / 3);}
    [data-content="03_07_03"] .b1 >.t1:not(:first-child):before,
    [data-content="03_07_03"] .b1 >.t2:before{width: 7rem; background-size: 4.2rem auto;}
    [data-content="03_07_03"] .b1 >.t1 .w p img{width: 5rem; height: 5rem;}
    [data-content="03_07_03"] .b1 >.t1 .w p{font-size: 1.8rem;}
    [data-content="03_07_03"] .b1 >.t2{min-height: 20rem; font-size: 2.2rem;}

    /*글로벌 선도기술  > 수도자산관리 > 개요*/
    [data-content="03_09_01"] .box3{padding: 4rem;}

    /*글로벌 선도기술  > 수도자산관리 > 기술내용*/
    [data-content="03_09_02"] .plus_img img,
    [data-content="03_09_02"] .plus_img video{width: calc(74rem * 0.6);}

    /*글로벌 선도기술  > 수도자산관리 > 특징*/
    [data-content="03_09_03"] .box1 >li >div{padding: 2rem;}
    [data-content="03_09_03"] .box1 >li:not(:last-child) >div:after{background-size: 60% auto;}
    [data-content="03_09_03"] .box1 >li >div >ul >li{display: block; }
    [data-content="03_09_03"] .box1 >li >div >ul >li:not(:first-child){margin-top: 0.8rem;}
    [data-content="03_09_03"] .box1 >li >div >ul >li >div{margin-top: 0.4rem;}
    [data-content="03_09_03"] .box1 >li >div >img{max-width: 20rem;}

    /*글로벌 선도기술  > 수도자산관리 > 추진성과*/
    [data-content="03_09_04"] .box1{gap: 2.5rem;}
    [data-content="03_09_04"] .box1 .t{width: 30rem; padding: 2.5rem;}
    [data-content="03_09_04"] .box3{flex-direction: column;}
    [data-content="03_09_04"] .box3 >li:first-child:after{top: 100%; left: 0; width: 100%; height: 5rem; background: url(../../../images/site/kor/content/s030904_img02.svg) no-repeat center center / 20rem auto;}
    [data-content="03_09_04"] .box3 >li >strong br{display: none;}
    [data-content="03_09_04"] .box3 >li >div >ul{flex-wrap: nowrap; gap: 1.5rem;}
    [data-content="03_09_04"] .box3 >li >div >ul >li{padding: 1.5rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_04"] .box3{padding: 4rem 2rem}
    [data-content="03_10_04"] .box3 >div:after{height: 28rem;}
    [data-content="03_10_04"] .box3 .t2 .imgs{height: 28rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol{padding: 1rem 1rem;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs ol li:before{margin: 0.23rem auto;}

    /*사업비 산정*/
    .wide_r .w_r_content .w_r_top{flex-direction:column-reverse;align-items:flex-start}
    .wide_r .cost_close{margin-left:auto}
    .wide_r .w_r_content .w_r_top{margin-bottom:1.5rem}

    .cost_dropdown .item_sub_lst > li .tit_box,
    .cost_dropdown .item_sub_lst > li .tit_box label{word-break:break-all}
    .cost_dropdown .item_sub_lst > li .tit_box label::before{top:0}
    .cost_dropdown .price{font-size:1.6rem}
    .cost_dropdown .price > i{font-size:1.4rem}
    .cost_dropdown .warning{font-size:1.4rem}

    .cost_dropdown > li > a .price{width:100%;margin-left:0;text-align:left}

    /*회원 정보 수정*/
    [data-content="edit_member"]:after{height: calc(48.6rem * 0.9);}
    [data-content="edit_member"] .go_btn{margin-bottom: 10rem;}
}
@media screen and (max-width:1024px){
    .sub0101 .def_text br{display:none}
    .full_img.s01{height:40rem}
    .top_subTit{font-size:3.6rem}

    /*준비중*/
    [data-content="preparing"]:before{width: calc(40.8rem * 0.8); height: calc(40rem * 0.8);}

    /*컨텐츠 기본 스와이퍼*/
    .cont_swiper{margin-top: 2rem;}
    .cont_swiper .swiper_w .drag_icon{left: 36rem; top: -4.5rem;}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 40rem;}
    .cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 54rem;}

    /*공통 컨텐츠*/
    .top_img{height: 28rem;}
    .photo_div2{gap: 2rem;}
    .photo_div2 >li{width: calc((100% - 2rem) / 2);}
    .photo_div3{gap: 2rem;}
    .photo_div3 >li{width: calc((100% - 4rem) / 3);}
    .photo_div4{gap: 2rem;}
    .photo_div4 >li{width: calc((100% - (2rem * 3)) / 4);}
    .list_box{flex-wrap: wrap; gap: 2.4rem 2rem;}
    .list_box >li{width: calc((100% - (2rem * 2)) / 3);  padding: 1.8rem 0 2.4rem;}
    .list_box >li >em{padding: 0 1.6rem;}
    .list_box >li >img{margin-top: 1.4rem;}
    .img_table{gap: 2.4rem;}
    .img_table img{display: none;}
    .img_table.img_y img{display: block; width: 100%;}
    .img_table .scroll_table{flex: auto;}

    /*기술 시연 공통*/
    #sub .cont_preview #container #content #txt{min-height: auto;}
    .tech_preview [data-tab-btn="preview_01"]{gap: 2.5rem;}
    .tech_preview [data-tab-btn="preview_01"] >li >a{font-size: 2rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn]:before{background-color: #000;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li,
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active{width: 100%; height: auto;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a{background-image: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(50, 50, 50, 1) 50%, rgba(50, 50, 50, 1) 100%); border: 1px solid rgba(255, 255, 255, 0.2);}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li a,
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active a{width: 100%; border-radius: 1rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active >a{padding: 1.5rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >strong{font-size: 1.8rem;}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li.active >a >strong{font-size:1.8rem}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >p{max-height: none; margin-top: 0.6rem;font-size:1.5rem}
    .tech_preview [data-tab-cont="preview_01"] >div >[data-tab-btn] >li >a >p br{display: none;}
    .tech_preview .tabs:before{left: -2rem; width: calc(100% + 4rem); padding-top: 60%;}
    .tech_preview [data-tab-cont] .vdos{left: -2rem; width: calc(100% + 4rem); height: 100%; transform: translateX(0);}
    .tech_preview [data-tab-cont] .vdos video{object-fit: contain; object-position: top center;}
    .platform_link{position:relative;bottom:auto;width:100%;margin-bottom:2rem;padding:1.5rem;font-size:2rem}

    /*초격차 기술 >개요*/
    .tech_img img{width: calc(65.7rem * 0.65);}

    /*기술 소개 공통*/
    .intro{gap: 6rem; min-height: auto !important; padding-bottom: 10rem;}
    .intro >p strong{margin-bottom: 2.4rem;}
    .intro .scroll{bottom: 3.6rem; width: 2.8rem; height: 2.8rem;}
    .intro .scroll span{height: 1.2rem;}
    .intro + [data-content="video"]{margin-top: 8rem;}

    /*초격차 기술 > 초격차 기술 소개*/
    [data-content="02_01"].intro >p br{display: none;}
    [data-content="02_01"] >ul{gap: 2rem;}
    [data-content="02_01"] >ul >li{width: calc((100% - 4rem) / 3);}
    [data-content="02_01"] >ul >li a{height: 32rem; border-radius: 1.4rem;}
    [data-content="02_01"] >ul >li a:hover{transform: translateY(0);}
    [data-content="02_01"] >ul >li a:after{background-color: rgba(0, 0, 0, 0.50);}
    [data-content="02_01"] >ul >li a >*{padding: 2.5rem 2rem 7rem;}
    [data-content="02_01"] >ul >li a >strong,
    [data-content="02_01"] >ul >li a:hover >strong{opacity: 0; display: none;}
    [data-content="02_01"] >ul >li a >div{opacity: 1; position: relative; top: auto; left: auto;}
    [data-content="02_01"] >ul >li a >div:before{width: 4.5rem; height: 4.5rem;}
    [data-content="02_01"] >ul >li a >div em{line-height: 1.2;}
    [data-content="02_01"] >ul >li a >div strong{margin-top: 1rem;}
    [data-content="02_01"] >ul >li a:before{opacity: 0;}

    /*초격차 기술 > Digital GARAM⁺ > 인프라 기술*/
    [data-content="02_02_02"] .box1{padding: 2rem; border-radius: 1rem;}
    [data-content="02_02_02"] .f_box{flex-wrap: wrap;}
    [data-content="02_02_02"] .f_box strong{width: 100%;}
    [data-content="02_02_02"] .t_box + .t_box{margin-top: 2.4rem; padding-top: 2.4rem;}
    [data-content="02_02_02"] .t_box{gap: 2.4rem;}
    [data-content="02_02_02"] .t_box .imgs{display: block; width: 100%;}
    [data-content="02_02_02"] .t_box .desc{flex: auto;}

    /*초격차 기술 > Digital GARAM⁺ > 주요기술*/
    [data-content="02_02_03"] .box1{gap: 1.75rem;}
    [data-content="02_02_03"] .box1 .l{width: 100%;}
    [data-content="02_02_03"] .box1 .r{gap: 1.75rem; width: 100%;}
    [data-content="02_02_03"] .box1 .r .imgs{width: calc((100% - 1.75rem) / 2);}
    [data-content="02_02_03"] .box2 >li{width: calc(((100% - 4rem) / 3) + 2rem);}
    [data-content="02_02_03"] .box2 >li:last-child{width: calc((100% - 4rem) / 3);}
    [data-content="02_02_03"] .box2 >li div{width: calc(100% - 2rem);}
    [data-content="02_02_03"] .box2 >li:not(:last-child) .imgs:after{width: 2rem;}
    [data-content="02_02_03"] .box3{padding: 2.5rem 2rem; border-radius: 1rem;}
    [data-content="02_02_03"] .list_box >li{width: calc((100% - 2rem) / 2);}
    [data-content="02_02_03"] .list_box >li >img{width: 5.4rem;}
    [data-content="02_02_03"] .list_box >li >strong{margin-top: 2rem;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"]{padding: 6rem 2.5rem;}
    [data-content="02_02_05"] .w .b{gap: 2rem;}
    [data-content="02_02_05"] .w .b >li{width: calc((100% - 2rem) / 2); padding: 2rem;}
    [data-content="02_02_05"] .w .b >li .desc{margin-bottom: 3rem;}
    [data-content="02_02_05"] .w .b >li .btns{gap: 1.5rem;}
    [data-content="02_02_05"] .w .b >li .btns a{padding: 1.6rem;}
    [data-content="02_02_05"] .w .b >li .btns a img{width: 4rem;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont]{margin-top: 3rem;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] >div{padding-bottom: 1.6rem;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li{gap: 0.4rem 0; font-weight: 400;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >span{width: 100%; padding-left: 0;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list01 >li >span:after{display: none;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] .list02{margin-top: 0.4rem;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] hr{margin-top: 1.6rem; padding-top: 1.6rem;}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .te_box{padding: 2rem; border-radius: 1rem;}
    [data-content="02_03_02"] .te_box hr{margin: 1.4rem 0;}
    [data-content="02_03_02"] .f_box{flex-wrap: wrap;}
    [data-content="02_03_02"] .f_box strong{width: 100%;}
    [data-content="02_03_02"] .b1{gap: 6rem;}
    [data-content="02_03_02"] .b1 >.t1{width: calc((100% - (6rem * 2)) / 3);}
    [data-content="02_03_02"] .b1 >.t1:not(:first-child):before{width: 6rem; background-size: 3.6rem auto;}
    [data-content="02_03_02"] .b1 >.t1 strong{padding: 0.85rem 1rem;}
    [data-content="02_03_02"] .b1 >.t1 .w p img{width: 4.5rem; height: 4.5rem;}
    [data-content="02_03_02"] .b1 >.t1 .w p{font-size: 1.78rem;}
    [data-content="02_03_02"] .b2 ul{gap: 2.5rem 4rem;}
    [data-content="02_03_02"] .b2 ul li{width: calc((100% - 8rem) / 3);}
    [data-content="02_03_02"] .b2 ul li:after{width: 4rem;}
    [data-content="02_03_02"] .b2 ul li:nth-child(3n):after{display: none;}
    [data-content="02_03_02"] .b3 .lists{gap: 3rem;}
    [data-content="02_03_02"] .b3 .lists >li:before{width: 3rem;}
    [data-content="02_03_02"] .b4{padding: 2rem; border-radius: 1rem;}
    [data-content="02_03_02"] .b5{padding: 1rem; border-radius: 1rem;}
    [data-content="02_03_02"] .b6 ul{gap: 1.6rem;}
    [data-content="02_03_02"] .b6 ul li{width: calc((100% - 1.6rem) / 2); border-radius: 1rem;}
    [data-content="02_03_02"] .t_box .imgs {display: block;width: 100%}
    [data-content="02_03_02"] .t_box .desc{flex:auto}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1{padding: 2.5rem;}
    [data-content="02_03_03"] .box1 >.levels{padding: 1rem 2rem;}
    [data-content="02_03_03"] .box1 ol{margin-top: 1.6rem;}
    [data-content="02_03_03"] .box1 ol li .levels{padding: 1rem 1.5rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1{width: 14rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1 img{width: 3.2rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step3 strong{width: 12rem;}
    [data-content="02_03_03"] .box1 .arrow{width: calc(2.4rem * 0.7); height: calc(5rem * 0.7);}
    [data-content="02_03_03"] .box2 >li >div{margin-top: 2rem;}
    [data-content="02_03_03"] .box2 >li >div >p img{width: 4.6rem;}
    [data-content="02_03_03"] .box2 >li >div >p span{margin-top: 1.4rem;}
    [data-content="02_03_03"] .box3{padding: 2rem;}
    [data-content="02_03_03"] .box3 span{overflow-x: auto;}
    [data-content="02_03_03"] .box3 span img{min-width: 80rem;}
    [data-content="02_03_03"] .box4 span{overflow-x: auto;}
    [data-content="02_03_03"] .box4 span img{min-width: 125rem;}
    [data-content="02_03_03"] .box5{gap: 2.4rem;}
    [data-content="02_03_03"] .box5 .t{padding: 1.8rem; font-size: 2.4rem;}
    [data-content="02_03_03"] .box5 .m{gap: 2.4rem 3rem;}
    [data-content="02_03_03"] .box5 .imgs span{border-radius: 1.4rem;}
    [data-content="02_03_03"] .box5 .imgs span img{width: 40rem;}
    [data-content="02_03_03"] .box6 >li >img{width: 5.4rem;}
    [data-content="02_03_03"] .box6 >li >strong{margin-top: 2rem;}
    [data-content="02_03_03"] .box7 .w{flex-wrap: wrap;}
    [data-content="02_03_03"] .box7 .w .l{width: 28rem;}
    [data-content="02_03_03"] .box7 .w .l{padding-right: 3rem;}
    [data-content="02_03_03"] .box7 .w .r{gap: 1.5rem; width: calc(100% - 28rem - 2rem);}
    [data-content="02_03_03"] .box7 .w .r .com{width: calc((100% - 1.5rem) / 2);}
    [data-content="02_03_03"] .box7 .w .r .com .desc{gap: 1rem; padding: 2rem 1.5rem 1.5rem;}
    [data-content="02_03_03"] .box7 .w .r .com .desc img{width: 5.4rem;}
    [data-content="02_03_03"] .box8{padding: 2.5rem;}
    [data-content="02_03_03"] .box8 .source{bottom: 2.5rem; right: 2.5rem; width: calc(39.4rem * 0.6); height: calc(10.1rem * 0.6);}

    /*초격차 기술 > AI 정수장 > 사업비 산정*/
    [data-content="02_03_05"]{padding: 6rem 2.5rem;}
    [data-content="02_03_05"] .w .r{margin-top: 4.5rem; padding: 2rem;}
    [data-content="02_03_05"] .w .r a{margin-top: 1.6rem;}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box1 ol{width: 100%;}
    [data-content="02_04_03"] .box1 .imgs{display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; justify-content: space-between; gap: 1rem; width: 100%; padding: 2rem 0 0 2rem;}
    [data-content="02_04_03"] .box1 .imgs strong{width: calc(28.8rem * 0.6); height: calc(7.7rem * 0.6);}
    [data-content="02_04_03"] .box1 .imgs img{width: 100%; max-width: 36rem;}
    [data-content="02_04_03"] .box2 .imgs{overflow-x: auto; display: block; width: 100%;}
    [data-content="02_04_03"] .box2 .imgs img{width: 100%; min-width: 100rem;}
    [data-content="02_04_03"] .box2 .desc{justify-content: center; gap: 1rem 2rem; width: calc(100% - 3rem); margin: 1.5rem;}
    [data-content="02_04_03"] .box3 .imgs img{width: 28rem;}
    [data-content="02_04_03"] .box3 .lists{gap: 2rem; width: calc(100% - 28rem - 2rem);}
    [data-content="02_04_03"] .box3 .lists >li{width: calc((100% - 2rem) * 0.42);}
    [data-content="02_04_03"] .box3 .lists >li.ty2{width: calc((100% - 2rem) * 0.58);}
    [data-content="02_04_03"] .box3 .lists >li >strong{padding: 1.25rem 1rem;}
    [data-content="02_04_03"] .box3 .lists >li .desc{padding: 1.5rem;}
    [data-content="02_04_03"] .box3 .lists >li .desc p{font-size: 1.6rem;}
    [data-content="02_04_03"] .box3 .lists >li .desc p img{width: 4.5rem; margin: 0 auto 1rem;}
    [data-content="02_04_03"] .box4{display: block; padding-right: 0;}
    [data-content="02_04_03"] .box4 >.imgs{max-width: none;}
    [data-content="02_04_03"] .box4 >.imgs img{position: relative; top: auto; left: auto; width: auto; max-width: 100%; transform: translate(0);}
    [data-content="02_04_03"] .box4 .desc{padding: 2rem;}
    [data-content="02_04_03"] .box4 .desc >ul >li{gap: 1.5rem;}
    [data-content="02_04_03"] .box4 .desc >ul:not(:first-child){margin-top: 1.75rem; padding-top: 1.75rem;}
    [data-content="02_04_03"] .box4 .desc >ul >li:not(:first-child){margin-top: 1.75rem;}
    [data-content="02_04_03"] .box5 .list_box >li{width: calc((100% - 2rem) / 2);}
    [data-content="02_04_03"] .box5 .list_box >li >img{width: 4.5rem;}
    [data-content="02_04_03"] .box5 .list_box >li >strong{margin-top: 2.4rem;}
    [data-content="02_04_03"] .box6{margin-top: 8rem; padding: 3rem;}
    [data-content="02_04_03"] .box6 strong{font-size: 3rem; line-height: 1.3;}
    [data-content="02_04_03"] .box6 p{margin-top: 0.6rem;}
    [data-content="02_04_03"] .box7{gap: 2rem;}
    [data-content="02_04_03"] .box7 .l{border-radius: 1rem;}
    [data-content="02_04_03"] .box7 .r .t strong{font-size: 1.9rem;}
    [data-content="02_04_03"] .box7 .r .b{padding: 1.3rem 1.5rem;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"]{padding: 6rem 2.5rem;}
    [data-content="02_04_05"] .w .b{gap: 2rem;}
    [data-content="02_04_05"] .w .b >li{padding: 2rem;}
    [data-content="02_04_05"] .w .b >li .btns{gap: 1.5rem; margin-top: 3rem;}
    [data-content="02_04_05"] .w .b >li .btns a{padding: 1.6rem;}
    [data-content="02_04_05"] .w .b >li .btns a img{width: 4rem;}
    [data-content="02_04_05"] [data-tab-btn]{gap:1.5rem}
    [data-content="02_04_05"] [data-tab-btn] >li{width:calc(50% - .75rem)}
    [data-content="02_04_05"] [data-tab-btn] >li a .imgs *{max-height:100%}

    /*글로벌 선도기술 > 글로벌 선도기술 소개*/
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide{width: calc(33.7rem * 0.8); padding-top: calc(39.3rem * 0.8);}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a{padding: 2.5rem 2rem 7rem; border-radius: 1.4rem;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover{transform: translateY(0);}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover .imgs:before{backdrop-filter: blur(0);}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .imgs:before{backdrop-filter: blur(5px);}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a strong{font-size: 2rem;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover p{opacity: 0;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a p{opacity: 1;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:before{opacity: 0; width: 4.5rem; height: 4.5rem;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:hover:before{opacity: 0;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a:before{opacity: 1;}
    [data-content="03_01"] .swiper_w .ctrl{gap: 1rem; margin-top: 2.4rem;}

    /*글로벌 선도기술  > 초순수 > 개요*/
    [data-content="03_02_01"] .plus_img img{width: calc(55rem * 0.65);}

    /*글로벌 선도기술  > 초순수 > 기술내용*/
    [data-content="03_02_02"] .box1{padding: 3rem 2.5rem;}
    [data-content="03_02_02"] .box1 strong{font-size: 2.4rem;}
    [data-content="03_02_02"] .box2{padding: 2.5rem;}
    [data-content="03_02_02"] .box2 span{overflow-x: auto; display: block;}
    [data-content="03_02_02"] .box2 img{min-width: 82rem;}

    /*글로벌 선도기술  > 초순수 > 특징*/
    [data-content="03_02_03"] .boxs_w:not(:first-child):before{width: calc(100% - 15rem); height: 2.5rem; margin: 2rem 0 1rem auto;}
    [data-content="03_02_03"] .boxs_w .tit{width: calc(100% - 15rem);}
    [data-content="03_02_03"] .boxs_w .bx .ins{width: calc(100% - 15rem);}
    [data-content="03_02_03"] .boxs_w .bx .ins strong{margin-bottom: 2rem;}
    [data-content="03_02_03"] .boxs_w .bx >em{width: 15rem; padding-right: 4.5rem; font-size: 2.4rem;}
    [data-content="03_02_03"] .boxs_w .bx >em:before{width: 2.7rem;}
    [data-content="03_02_03"] .boxs_w .bx >em:after{right: 2.7rem;}
    [data-content="03_02_03"] .list01 ol >li img{width: calc(18.8rem * 0.6);}
    [data-content="03_02_03"] .list01 ol >li b{margin-top: 1.2rem; padding: 0.4rem 0.8rem; font-size: 1.5rem;}
    [data-content="03_02_03"] .list01 >p{margin-top: 0; font-size: 1.5rem;}
    [data-content="03_02_03"] .list04{gap: 2rem;}

    /*글로벌 선도기술  > 초순수 > 추진성과*/
    [data-content="03_02_04"] .img_table{flex-direction: column; gap: 2.4rem;}
    [data-content="03_02_04"] .img_table .imgs{display: block; width: 100%; padding: 2.5rem;}
    [data-content="03_02_04"] .img_table .imgs strong{font-size: 2.1rem;}
    [data-content="03_02_04"] .img_table .imgs >span{display: block; background-color: #fff; border-radius: 1.4rem;}
    [data-content="03_02_04"] .img_table .imgs img{max-width: 600px; margin-left: auto; margin-right: auto;}
    [data-content="03_02_04"] .box1{padding: 2.5rem;}
    [data-content="03_02_04"] .box1 ol{left: 2.5rem; bottom: 2.5rem;}

    /*글로벌 선도기술  > 수상태양광 > 개요*/
    [data-content="03_03_01"] .list02 >li strong{font-size: 2.4rem;}
    [data-content="03_03_01"] .list02 >li img{margin: 1.2rem auto 0; width: 36rem;}
    [data-content="03_03_01"] .list02 >li p{margin-top: 2.4rem;}
    [data-content="03_03_01"] .list02 >li p br{display: none;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_03_02"] .box1{padding: 2rem; gap: 2rem;}
    [data-content="03_03_02"] .box1 >div{gap: 2rem;}
    [data-content="03_03_02"] .box1 strong{gap: 0.8rem;}
    [data-content="03_03_02"] .box1 strong img{width: 5.5rem; height: 5.5rem;}
    [data-content="03_03_02"] .box1 .l{padding-left: 4rem; padding-right: 6rem;}
    [data-content="03_03_02"] .box1 .l:before{width: calc(100% - 4rem); height: 12rem;}
    [data-content="03_03_02"] .box1 .l:after{border-width: 6rem 0 6rem 4rem;}
    [data-content="03_03_02"] .box1 .l span{width: 3.6rem; height: 3.6rem;}
    [data-content="03_03_02"] .box1 .l span:before{height: 0.4rem;}
    [data-content="03_03_02"] .box1 .l span:after{width: 0.4rem;}
    [data-content="03_03_02"] .box1 .l i{width: 20rem; height: 20rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box1{padding: 3rem 2rem 2rem;}
    [data-content="03_03_03"] .box1 strong{font-size: 0.9rem;}
    [data-content="03_03_03"] .box1 >span{margin-top: 1.6rem;}
    [data-content="03_03_03"] .box2:after{width: 5rem;}
    [data-content="03_03_03"] .box2 .in{padding-bottom: 2rem;}
    [data-content="03_03_03"] .box3 .w{padding: 3rem 2rem 2rem;}
    [data-content="03_03_03"] .box3 .w:after{height: 3rem; margin-top: 3rem;}
    [data-content="03_03_03"] .box3 .w .w_s .t{top: 3rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li:before{top: 3rem; width: 10rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >span:before{top: 3rem; width: 1.2rem; height: 1.2rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >span:after{top: 3rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >span img{width: 6rem; height: 6rem;}
    [data-content="03_03_03"] .box3 >strong{font-size: 2.4rem;}

    /*글로벌 선도기술  > 수상태양광 > 개요*/
    [data-content="03_04_01"] .list_box >li >strong{margin-top: 2.6rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_04_02"] .box1{padding: 2.5rem;}
    [data-content="03_04_02"] .box1 ol >li:not(:last-child):after{width: 1.6rem; margin: 0 1.5rem;}
    [data-content="03_04_02"] .box1 ol >li div img{width: 15rem; margin: 1.6rem auto 0;}
    [data-content="03_04_02"] .box1 ol >li div p{margin-top: 1.4rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_04_03"] .t_box + .t_box{margin-top: 2.4rem; padding-top: 2.4rem;}
    [data-content="03_04_03"] .t_box{gap: 2.4rem;}
    [data-content="03_04_03"] .t_box .imgs{display: block; width: 100%;}
    [data-content="03_04_03"] .t_box .desc{flex: auto;}

    /*글로벌 선도기술  > 수상태양광 > 추진성과*/
    [data-content="03_04_04"] .list_box >li .imgs{margin-top: 1.4rem;}
    [data-content="03_04_04"] .box2 .photo_div2 >li .desc >li em{width: 7rem;}
    [data-content="03_04_04"] .box3,
    [data-content="03_04_04"] .box4 .t{padding: 2rem;}
    [data-content="03_04_04"] .box4 .t{gap: 1.5rem;}
    [data-content="03_04_04"] .box4 .t span{max-width: calc((100% - 1.5rem) / 2);}
    [data-content="03_04_04"] .box4 .t span i{font-size: 1.5rem;}
    [data-content="03_04_04"] .box4 >strong{font-size: 2.2rem;}
    [data-content="03_04_04"] .box4 .b{padding: 3rem 2rem;}
    [data-content="03_04_04"] .box4 .b .b_t >strong{width: 20rem; height: 20rem; font-size: 0.9rem;}
    [data-content="03_04_04"] .box4 .b .b_t ul li em{font-size: 1.9rem;}
    [data-content="03_04_04"] .box4 .b >strong:before{width: calc(29.5rem * 0.85); height: calc(3.8rem * 0.85); margin: 2.75rem auto; }

    /*글로벌 선도기술  > 수열에너지 > 개요*/
    [data-content="03_05_01"] .box1 >li:not(:first-child){margin-top: 2.4rem; padding-top: 2.4rem;}
    [data-content="03_05_01"] .box1 >li >div p:not(:first-child){margin-top: 1rem;}
    [data-content="03_05_01"] .box2 img{max-height: 45rem;}

    /*글로벌 선도기술  > 수열에너지 > 기술내용*/
    [data-content="03_05_02"] .box4{gap: 2rem;}
    [data-content="03_05_02"] .box4 .b1{padding: 2rem;}
    [data-content="03_05_02"] .box4 .b2 span{padding: 2.5rem;}
    [data-content="03_05_02"] .box4 .b2 strong{padding-right: 5rem; font-size: 2.4rem;}
    [data-content="03_05_02"] .box4 .b2 strong:before{width: 2.7rem;}
    [data-content="03_05_02"] .box4 .b2 strong:after{right: 2.7rem;}

    /*글로벌 선도기술  > 수열에너지 > 추진성과*/
    [data-content="03_05_04"] .photo_div3{gap: 3rem 2rem;}
    [data-content="03_05_04"] .photo_div3 >li{width: calc((100% - 2rem) / 2);}
    [data-content="03_05_04"] .photo_div3 >li >.desc >li em{width:10rem;}

    /*글로벌 선도기술  > 조력발전 > 개요*/
    [data-content="03_06_01"] >.imgs{padding: 2.5rem;}
    [data-content="03_06_01"] >.imgs h4{position: relative; top: auto; left: auto;}
    [data-content="03_06_01"] >.imgs span{overflow-x: auto; display: block; }
    [data-content="03_06_01"] >.imgs span img{width: 100%; min-width: 800px;}
    [data-content="03_06_01"] .plus_img{display: flex; flex-direction: column;}
    [data-content="03_06_01"] .plus_img video{order: 2; width: 100%; margin-left: 0; margin-top: 2.4rem;}

    /*글로벌 선도기술  > 조력발전 > 기술내용*/
    [data-content="03_06_02"] .img_wrap{padding: 2rem;}

    /*글로벌 선도기술  > 조력발전 > 추진성과*/
    [data-content="03_06_04"] .b1 >strong{padding: 1.8rem; font-size: 2.4rem;}
    [data-content="03_06_04"] .b1{gap: 2.4rem 3rem;}
    [data-content="03_06_04"] .b1 .l img{width: 40rem; border-radius: 1.4rem;}
    [data-content="03_06_04"] .b2{margin-top: 9rem;}
    [data-content="03_06_04"] .b2 .l{padding: 2.4rem;}
    [data-content="03_06_04"] .b2 .l >div{margin-top: 2rem;}
    [data-content="03_06_04"] .b2 .l >div strong{font-size: 2.4rem;}
    [data-content="03_06_04"] .b2 .l >div ul{margin-top: 1.8rem;}
    [data-content="03_06_04"] .b2 .l >div ul li{gap: 1.4rem;}
    [data-content="03_06_04"] .b2 .l >div ul li:not(:first-child){margin-top: 1.2rem;}
    [data-content="03_06_04"] .b2 .l >div ul li em{width: 7rem;}
    [data-content="03_06_04"] .b2 .r ul{gap: 2rem;}
    [data-content="03_06_04"] .b2 .r ul >li{width: calc((100% - 2rem) / 2);}

    /*글로벌 선도기술  > 해수담수화 > 기술내용*/
    [data-content="03_07_02"] .tables .phs .p_w .desc{justify-content: flex-start;}
    [data-content="03_07_02"] .tables .phs .p_w .desc p{margin-bottom: auto; }

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .b1{gap: 6rem;}
    [data-content="03_07_03"] .b1 >div{width: calc((100% - (6rem * 2)) / 3);}
    [data-content="03_07_03"] .b1 >.t1:not(:first-child):before,
    [data-content="03_07_03"] .b1 >.t2:before{width: 6rem; background-size: 3.6rem auto;}
    [data-content="03_07_03"] .b1 >.t1 strong{padding: 0.85rem 1rem;}
    [data-content="03_07_03"] .b1 >.t1 .w p img{width: 4.5rem; height: 4.5rem;}
    [data-content="03_07_03"] .b1 >.t1 .w p{font-size: 1.78rem;}
    [data-content="03_07_03"] .b1 >.t2{min-height: 18rem; font-size: 2.12rem;}
    [data-content="03_07_03"] .dep >li >div{margin-top: 1.6rem;}
    [data-content="03_07_03"] .dep >li >strong em{width: 28rem;}
    [data-content="03_07_03"] .dep >li >strong span{padding: 1rem 2rem;}
    [data-content="03_07_03"] .dep >li >div >div .t1:after{width: 3.6rem; height: 3.6rem; margin: 0 1.2rem;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div img{width: 20rem;}
    [data-content="03_07_03"] .dep >li >div >strong{padding: 1.5rem;}

    /*글로벌 선도기술  > 해수담수화 > 추진성과*/
    [data-content="03_07_04"] >.titles{padding: 1.8rem; font-size: 2.4rem;}
    [data-content="03_07_04"] >ul{gap: 3rem 2rem;}
    [data-content="03_07_04"] >ul >li{width: calc((100% - 2rem) / 2);}
    [data-content="03_07_04"] >ul >li .tit{margin-bottom: 1.6rem; padding: 1rem;}
    [data-content="03_07_04"] >ul >li .desc p{padding-left: 9rem;}
    [data-content="03_07_04"] >ul >li .desc p:not(:first-child){margin-top: 1.24rem;}

    /*글로벌 선도기술  > 지하수저류댐 > 기술내용*/
    [data-content="03_08_02"] .b_process{gap: 3.2rem 0;}
    [data-content="03_08_02"] .b_process >li{width: calc(((100% - 2rem) / 2) + 2rem);}
    [data-content="03_08_02"] .b_process >li:nth-child(2),
    [data-content="03_08_02"] .b_process >li:last-child{width: calc((100% - 2rem) / 2);}
    [data-content="03_08_02"] .b_process >li:nth-child(2) >.in .m:before,
    [data-content="03_08_02"] .b_process >li:nth-child(2):after{display: none;}
    [data-content="03_08_02"] .b_process >li:nth-child(2) >.in{width: 100%;}
    [data-content="03_08_02"] .b_process >li >.in .t{font-size: 1.8rem;}
    [data-content="03_08_02"] .img_wrap{flex-wrap:wrap; flex-direction: row; gap: 2rem; padding:3rem;}
    [data-content="03_08_02"] .img_wrap .l{max-width:50rem;}
    [data-content="03_08_02"] .img_wrap .r{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 2rem; width: 100%;}
    [data-content="03_08_02"] .img_wrap .r .imgs{width: 100%;}
    [data-content="03_08_02"] .img_wrap .r .imgs:not(:first-child){margin-top: 0;}
    [data-content="03_08_02"] .img_wrap .r .bul-list{max-width:100%;}
    
    /*글로벌 선도기술  > 수도자산관리 > 개요*/
    [data-content="03_09_01"] .box1{padding: 2rem;}
    [data-content="03_09_01"] .box1:after{width: calc(7.4rem * 0.5); height: calc(30.2rem * 0.5);}
    [data-content="03_09_01"] .box1 img{display: block; width: auto; max-width: calc((100% - calc(7.4rem * 0.5)) / 2);}
    [data-content="03_09_01"] .box2{flex-direction: column-reverse; flex-wrap: wrap; gap: 2.4rem;}
    [data-content="03_09_01"] .box2 >div >img{width: 100%; max-width: 60rem;}

    /*글로벌 선도기술  > 수도자산관리 > 기술내용*/
    [data-content="03_09_02"] .plus_img{display: flex; flex-direction: column;}
    [data-content="03_09_02"] .plus_img img,
    [data-content="03_09_02"] .plus_img video{order: 2; width: 100%; margin-left: 0; margin-top: 2.4rem;}

    /*글로벌 선도기술  > 수도자산관리 > 특징*/
    [data-content="03_09_03"] .box1 >li >strong{font-size: 1.8rem;}
    [data-content="03_09_03"] .box2{flex-direction: column; gap: 1.5rem;}
    [data-content="03_09_03"] .box2 >li{flex: 1; width: 100%; border-radius: 1rem;}
    [data-content="03_09_03"] .box2:hover >li:first-child,
    [data-content="03_09_03"] .box2 >li:first-child,
    [data-content="03_09_03"] .box2:hover >li:first-child:hover,
    [data-content="03_09_03"] .box2 >li:hover{flex: 1; width: 100%;}
    [data-content="03_09_03"] .box2 >li >div{position: relative;}
    [data-content="03_09_03"] .box2 >li >div.prev{display: none;}
    [data-content="03_09_03"] .box2 >li >div.hover{opacity: 1 !important; visibility: visible !important; padding: 2.5rem; min-height: 22rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.340) 100%);}
    [data-content="03_09_03"] .box2 >li >.hover ul{margin-top: 1.6rem;}

    /*글로벌 선도기술  > 수도자산관리 > 추진성과*/
    [data-content="03_09_04"] .box1{gap: 1.6rem;}
    [data-content="03_09_04"] .box1 .t{width: 26rem; padding: 2rem; border-radius: 1rem;}
    [data-content="03_09_04"] .box3 >li >div{padding: 1.5rem;}

    /*고객지원 > 설문조사 > 폼*/
    [data-content="05_05_02"] .box2{padding: 2.5rem 0;}
    [data-content="05_05_02"] .box2 >.pre{margin-top: 3rem;}
    [data-content="05_05_02"] .box2 >.pre .desc{gap: 0.6rem 4rem;}

    /*고객지원 > 고객센터*/
    .directions{height:auto}
    .directions .root_daum_roughmap{position:relative;}
    .directions .directions_info{position:relative;left:-1px;width:calc(100% + 2px);padding:2rem;border-radius:0 0 2rem 2rem}
    .department_lst{gap:2rem}
    .department_lst > li{width:calc((100% - 2rem) / 2);padding:2rem}

    /*사업비 산정*/
    /*#wide_wrap{height:calc(100vh - 11.3rem);} 높이 풀사이즈일 경우(제거 X)*/
    .w_white_box .img_box{gap: 1.5rem;}
    .modal_title{padding: 2rem 6rem 2rem 2rem;}
    .modal_content{padding: 0 2rem 2rem;}
    .modal_close{top: 2rem; right: 2rem;}
    .modal_footer .top{gap: 0 4rem;}

    /*글로벌 선도기술  > 수자원위성 > 개요*/
    [data-content="03_10_01"] .box1 >li{margin-top: 1.8rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box1 >li{margin-top: 1.8rem;}
    [data-content="03_10_02"] .box2{padding-top: 12rem;}
    [data-content="03_10_02"] .box2 .imgs .t1{width: 32%;}
    [data-content="03_10_02"] .box2 .imgs .t2{width: 42%;}
    [data-content="03_10_02"] .box2 .imgs p span{padding: 0.4rem 0.8rem; font-size: 1.5rem;}
    [data-content="03_10_02"] .box2 .imgs .t1 span{top: 72%; left: 6%;}
    [data-content="03_10_02"] .box2 .imgs .t2 span{top: 58%; left: 24%;}

    /*글로벌 선도기술  > 수자원위성 > 특징*/
    [data-content="03_10_03"] .photo_div3 li .imgs i{padding: 1rem; font-size: 1.8rem;}
    [data-content="03_10_03"] .b1{gap: 6rem;}
    [data-content="03_10_03"] .b1 >.t1{width: calc((100% - (6rem * 2)) / 3);}
    [data-content="03_10_03"] .b1 >.t1:not(:first-child):before{width: 6rem; background-size: 3.6rem auto;}
    [data-content="03_10_03"] .b1 >.t1 strong{padding: 0.85rem 1rem;}
    [data-content="03_10_03"] .b1 >.t1 .w{min-height: 14rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p img{width: 4.5rem; height: 4.5rem;}
    [data-content="03_10_03"] .b1 >.t1 .w p{font-size: 1.78rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_04"] .box3{gap: 2rem; padding: 3rem 2rem;}
    [data-content="03_10_04"] .box3 >div{width: calc((100% - 2rem) / 2);}
    [data-content="03_10_04"] .box3 >div:after{width: 2rem;}
    [data-content="03_10_04"] .box3 >div:first-child{width: 100%;}
    [data-content="03_10_04"] .box3 >div:after{height: 100%;}
    [data-content="03_10_04"] .box3 >div:first-child:after{display: none;}
    [data-content="03_10_04"] .box3 .t2 .imgs{height: auto;}
    [data-content="03_10_04"] .box3 >div .t2 .imgs{height: 28rem;}
    [data-content="03_10_04"] .box3 .t2.lists{width: 30rem;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: calc(100% - 30rem - 1.7rem);}

    /*로그인*/
    [data-contents="login"]{padding: 4rem 2rem; background-size: calc(48.9rem * 0.9) auto;}
    [data-contents="login"] >strong{font-size: 3.2rem;}
    [data-contents="login"] >.box{gap: 1.6rem; max-width: 40rem; margin-top: 2rem; padding: 3rem;}

    /*회원 정보 수정*/
    [data-content="edit_member"]:after{height: calc(48.6rem * 0.8);}
    [data-content="edit_member"] .tag{margin-top: 1.6rem; font-size: 1.6rem;}
    [data-content="edit_member"] ol{margin-top: 3.2rem; gap: 2.5rem;}
    [data-content="edit_member"] ol >li{padding: 2rem 2rem 4rem;}
    [data-content="edit_member"] ol >li:before{width: 2.5rem;}
    [data-content="edit_member"] ol >li em{font-size: 2rem;}
    [data-content="edit_member"] ol >li img{width: 11rem;}
    [data-content="edit_member"] ol >li strong{margin-top: 2.2rem; font-size: 1.8rem;}
    [data-content="edit_member"] ol >li p{margin-top: 0.4rem;}
    [data-content="edit_member"] .go_btn{margin-top: 4rem; margin-bottom: 8rem;}
}
@media all and (max-width:900px){
    /*사업비 산정*/
    .dtd_lst > li > .tit{font-size:1.6rem}
}
@media screen and (max-width:860px){
    .sub0101 .top_subTit br{display:none}

    /*사업비 산정*/
    #wide_wrap{height:auto}
    #wide_wrap .wide_body{flex-wrap:wrap}
    #wide_wrap .wide_body .wide_l,
    #wide_wrap .wide_body .wide_r{width:100%}

    #wide_wrap .top_step .step_lst{flex-wrap:wrap}
    #wide_wrap .top_step .step_lst > li{flex:auto;width:33.3%;margin-top:-1px;border-top:1px solid #eee}
    #wide_wrap .top_step .step_lst > li:nth-child(3n) > a::after{display:none}

    .cost_dropdown > li > a .price{width:auto;margin-left:auto;text-align:right}
}
@media screen and (max-width:840px){
    /*컨텐츠 기본 스와이퍼*/
    .cont_swiper .swiper_w .drag_icon{gap: 0.3rem;left: 32rem; top: 6rem; width: 8.5rem; height: 8.5rem; font-size: 1.2rem;}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 36rem;}
    .cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 48.67rem;}

    /*공통 컨텐츠*/
    .photo_div2{gap: 1.5rem;}
    .photo_div2 >li{width: calc((100% - 1.5rem) / 2);}
    .photo_div3{gap: 1.5rem;}
    .photo_div3 >li{width: calc((100% - 3rem) / 3);}
    .photo_div4{gap: 1.5rem;}
    .photo_div4 >li{width: calc((100% - 1.5rem) / 2);}

    /*초격차 기술 >개요*/
    .tech_img img{width: calc(65.7rem * 0.55); margin-left: 2rem; margin-bottom: 1rem;}

    /*초격차 기술 > 초격차 기술 소개*/
    [data-content="02_01"] >ul >li a{height: 30rem;}
    [data-content="02_01"] >ul >li a >*{padding: 2rem 1.5rem 6rem;}
    [data-content="02_01"] >ul >li a >div:before{bottom: 1.5rem; right: 1.5rem;}

    /*초격차 기술 > Digital GARAM⁺ > 주요기술*/
    [data-content="02_02_03"] .box1{gap: 1.5rem;}
    [data-content="02_02_03"] .box1 .r{gap: 1.5rem;}
    [data-content="02_02_03"] .box1 .r .imgs{width: calc((100% - 1.5rem) / 2);}
    [data-content="02_02_03"] .box2 >li{width: calc(((100% - 3rem) / 3) + 1.5rem);}
    [data-content="02_02_03"] .box2 >li:last-child{width: calc((100% - 3rem) / 3);}
    [data-content="02_02_03"] .box2 >li div{width: calc(100% - 1.5rem);}
    [data-content="02_02_03"] .box2 >li:not(:last-child) .imgs:after{width: 1.5rem;}
    [data-content="02_02_03"] .box3 >ul >li{display: block; }
    [data-content="02_02_03"] .box3 >ul >li .desc{margin-top: 2rem;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"] .w .b >li .btns a{padding: 1.2rem; font-size: 1.9rem;}
    [data-content="02_02_05"] .w .b >li .btns a img{width: 3.75rem;}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .img_scrolls .move{overflow-x: auto;}
    [data-content="02_03_02"] .img_scrolls .move img{min-width: 100rem;}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1 ol li .levels{gap: 1.5rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1{width: 13rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1 img{width: 3rem;}
    [data-content="02_03_03"] .box5 .t{padding: 1.6rem; font-size: 2.2rem;}
    [data-content="02_03_03"] .box5 .imgs span img{width: 34rem;}
    [data-content="02_03_03"] .box7 .w .l{width: auto; max-width: 40rem; padding-right: 0; padding-bottom: 4rem;}
    [data-content="02_03_03"] .box7 .w .l:before{top: 50%; right: auto; left: 50%; width: 2px; height: 50%; transform: translate(0);}
    [data-content="02_03_03"] .box7 .w .l:after{top: auto; bottom: 0; right: auto; left: 50%; transform: translateX(-50%) rotate(90deg);}
    [data-content="02_03_03"] .box7 .w .r{width: 100%; max-width: none;}
    [data-content="02_03_03"] .box8 .source{width: calc(39.4rem * 0.5); height: calc(10.1rem * 0.5);}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box3{display: block; }
    [data-content="02_04_03"] .box3 .imgs{width: 100%;}
    [data-content="02_04_03"] .box3 .lists{gap: 2rem 1.5rem; width: 100%; margin-top: 2rem;}
    [data-content="02_04_03"] .box3 .lists >li{width: calc((100% - 1.5rem) * 0.42);}
    [data-content="02_04_03"] .box3 .lists >li.ty2{width: calc((100% - 1.5rem) * 0.58);}
    [data-content="02_04_03"] .box3 .lists >li >strong{padding: 1.15rem 1rem; font-size: 1.9rem;}
    [data-content="02_04_03"] .box6{padding: 3rem 2.5rem;}
    [data-content="02_04_03"] .box7{display: block;}
    [data-content="02_04_03"] .box7 .l{max-width: 100%; max-height: 35rem; margin-bottom: 1.4rem;}
    [data-content="02_04_03"] .box7 .r{gap: 1.5rem;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"] .w .b >li .btns a{padding: 1.2rem; font-size: 1.9rem;}
    [data-content="02_04_05"] .w .b >li .btns a img{width: 3.75rem;}

    /*글로벌 선도기술 > 글로벌 선도기술 소개*/
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a{padding: 2rem 1.5rem 6rem;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:before{bottom: 1.5rem; right: 1.5rem;}

    /*글로벌 선도기술  > 초순수 > 개요*/
    [data-content="03_02_01"] .plus_img img{width: calc(55rem * 0.55); margin-left: 2rem; margin-bottom: 1rem;}

    /*글로벌 선도기술  > 초순수 > 특징*/
    [data-content="03_02_03"] .boxs_w:not(:first-child):before{width: 100%; height: 2.5rem; margin: 2rem 0 1rem 0;}
    [data-content="03_02_03"] .boxs_w .tit{width: 100%; font-size: 2.4rem;}
    [data-content="03_02_03"] .boxs_w .bx .ins{width: 100%;}
    [data-content="03_02_03"] .boxs_w .bx.ty2 .ins{font-size: 1.8rem;}
    [data-content="03_02_03"] .boxs_w .bx .ins strong{margin-bottom: 1.6rem;}
    [data-content="03_02_03"] .boxs_w .bx >em{justify-content: flex-start; width: 100%; margin-top: 1rem; margin-bottom: 1rem; padding-right: 0; padding-left: 3rem; font-size: 2.2rem; text-align: left;}
    [data-content="03_02_03"] .boxs_w .bx >em:before{right: auto; top: auto; bottom: -1rem; left: 1.4rem; width: 1px; height: calc(50% + 1rem); border-left: 1px dashed #B8C2CC; border-top: 0;}
    [data-content="03_02_03"] .boxs_w .bx >em:after{right: auto; left: 1rem;}
    [data-content="03_02_03"] .list03{gap: 1.25rem;}
    [data-content="03_02_03"] .list03 >li{width: 100%; max-width: none;}
    [data-content="03_02_03"] .list03 >li b{padding-left: 0;}
    [data-content="03_02_03"] .list03 >li b br{display: none;}
    [data-content="03_02_03"] .list03 >li img{width: 50rem; margin: 1.2rem auto;}
    [data-content="03_02_03"] .list04{gap: 2rem;}
    [data-content="03_02_03"] .list04 .wt{width: calc(21rem * 0.5); height: calc(9.5rem * 0.5);}
    [data-content="03_02_03"] .list04 .plus{width: 2.5rem; height: 2.5rem;}
    [data-content="03_02_03"] .list04 .groups >div{gap: 1rem;}
    [data-content="03_02_03"] .list04 .groups >div >ul >li >ul{margin-top: 0.4rem;}

    /*글로벌 선도기술  > 초순수 > 추진성과*/
    [data-content="03_02_04"] .box1 ol li{padding-left: 2.7rem; font-size: 2rem;}
    [data-content="03_02_04"] .box1 ol li:not(:first-child){margin-top: 0.3rem;}
    [data-content="03_02_04"] .box1 ol li:before{top: 0.3rem; width: 2.2rem; height: 2.2rem; font-size: 1.4rem; line-height: 2.2rem;}

    /*글로벌 선도기술  > 수상태양광 > 개요*/
    [data-content="03_03_01"] .list02{flex-direction: column; border-radius: 1.4rem;}
    [data-content="03_03_01"] .list02 >li{width: 100%;}
    [data-content="03_03_01"] .list02 >li:first-child{padding-right: 0;}
    [data-content="03_03_01"] .list02 >li:first-child div,
    [data-content="03_03_01"] .list02 >li:nth-child(2) div,
    [data-content="03_03_01"] .list02 >li:last-child div{border-radius: 0;}
    [data-content="03_03_01"] .list02 >li div{padding: 2rem;}
    [data-content="03_03_01"] .list02 >li p{margin-top: 1.8rem;}
    [data-content="03_03_01"] .list_t{margin-top: 1.6rem; padding-left: 0; font-size: 2rem;}
    [data-content="03_03_01"] .list_t .mob{display: inline-block;}
    [data-content="03_03_01"] .list_t:before{display: none;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box1 strong{font-size: 0.85rem;}
    [data-content="03_03_03"] .box2{flex-direction: column;}
    [data-content="03_03_03"] .box2:after{width: 100%; height: 3rem; margin: 2rem auto;background-image: url(../../../images/site/kor/content/s030303_img07.svg); background-size: auto 100%;}
    [data-content="03_03_03"] .box3 .w{padding: 2rem;}
    [data-content="03_03_03"] .box3 .w:after{height: 2.5rem; margin-top: 2.5rem;}
    [data-content="03_03_03"] .box3 .w .w_s .t{position: relative; top: auto; left: auto; width: 100%; height: auto; transform: rotate(0);}
    [data-content="03_03_03"] .box3 .w .w_s .t strong{align-items: flex-end; gap: 1.5rem; width: 100%; height: auto; padding: 1.25rem 1rem; border-radius: 1rem; font-size: 2rem;}
    [data-content="03_03_03"] .box3 .w .w_s .t strong span{width: calc(8.6rem * 0.75); height: calc(4rem * 0.75);}
    [data-content="03_03_03"] .box3 .w .w_s ul{display: flex; gap: 1.5rem; margin-top: 2rem; }
    [data-content="03_03_03"] .box3 .w .w_s ul li{width: 100%;}
    [data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(2n-1){flex-direction: row;}
    [data-content="03_03_03"] .box3 .w .w_s ul li:before{display: none;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >span{gap: 0.4rem; font-size: 1.7rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >span img{width: 5.5rem; height: 5.5rem;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >div{}
    [data-content="03_03_03"] .box3 .w .w_s ul li:nth-child(2n-1) >div{justify-content: flex-start; text-align: left;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >div strong{width: 100%; text-align: left;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >div strong br{display: none;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >div span{width: 100%; text-align: left;}
    [data-content="03_03_03"] .box3 .w .w_s ul li >span:before,
    [data-content="03_03_03"] .box3 .w .w_s ul li >span:after{display: none;}
    [data-content="03_03_03"] .box3 >strong{padding: 2.5rem; font-size: 2.2rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_04_02"] .box1 ol{gap: 2.5rem;}
    [data-content="03_04_02"] .box1 ol >li:not(:last-child):after{display: none;}

    /*글로벌 선도기술  > 수상태양광 > 추진성과*/
    [data-content="03_04_04"] .list_box{gap: 2rem 1.5rem;}
    [data-content="03_04_04"] .list_box >li{width: calc((100% - (1.5rem * 1)) / 2);}
    [data-content="03_04_04"] .box4 .b .b_t >strong{font-size: 0.85rem;}

    /*글로벌 선도기술  > 수열에너지 > 개요*/
    [data-content="03_05_01"] .box2 img{max-height: 40rem;}

    /*글로벌 선도기술  > 수열에너지 > 기술내용*/
    [data-content="03_05_02"] .box2 li{width: 100%;}

    /*글로벌 선도기술  > 조력발전 > 추진성과*/
    [data-content="03_06_04"] .b1 >div{}
    [data-content="03_06_04"] .b1 >.l img{width: 34rem;}
    [data-content="03_06_04"] .b1 >strong{padding: 1.6rem; font-size: 2.2rem;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .b1{gap: 2rem 6rem;}
    [data-content="03_07_03"] .b1 >div{width: calc((100% - (6rem * 1)) / 2);}
    [data-content="03_07_03"] .b1 >.t2{width: 100%; min-height: 0; padding: 1.5rem 2rem;}
    [data-content="03_07_03"] .b1 >.t2 br{display: none;}
    [data-content="03_07_03"] .b1 >.t2:before{display: none;}
    [data-content="03_07_03"] .dep >li >div:after{height: 5.5rem;}
    [data-content="03_07_03"] .dep >li >strong em{width: 24rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1{margin-bottom: 0;}
    [data-content="03_07_03"] .dep >li >div >div .t2{width: 100%; margin: 0; text-align: center;}
    [data-content="03_07_03"] .dep >li >div >div .t2:before{content: ""; display: block; width: 3.6rem; height: 3.6rem; margin: 1.2rem auto; background: url(../../../images/site/kor/content/s030703_img05.svg) no-repeat center center / 100% auto; transform: rotate(90deg);}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div img{margin: 0 auto; width: 18rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t2{margin-left: 0;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t2 strong{top: 60%}
    [data-content="03_07_03"] .dep >li >div >div .t2 img{margin: 0 auto;}
    [data-content="03_07_03"] .dep >li >div >div .t1:after{margin: 0 2rem;}
    [data-content="03_07_03"] .dep >li >div >div .t1:nth-last-of-type(2):after{display: none;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1{height: 10rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1 img{height: 3.6rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1:nth-child(3) img{height: 10rem;}

    /*글로벌 선도기술  > 해수담수화 > 추진성과*/
    [data-content="03_07_04"] >.titles{padding: 1.6rem; font-size: 2.2rem;}
    [data-content="03_07_04"] >ul >li .tit{padding: 0.8rem 1rem;}
    [data-content="03_07_04"] >ul >li .desc{margin-top: 1.6rem;}
    [data-content="03_07_04"] >ul >li .desc p{padding-left: 8.5rem; font-size: 1.7rem;}
    [data-content="03_07_04"] >ul >li .desc p:not(:first-child){margin-top: 1.4rem;}

    /*글로벌 선도기술  > 수도자산관리 > 개요*/
    [data-content="03_09_01"] .box3{padding: 3rem 2.5rem;}

    /*글로벌 선도기술  > 수도자산관리 > 특징*/
    [data-content="03_09_03"] .box1{flex-wrap: wrap; gap: 4.5rem;}
    [data-content="03_09_03"] .box1 >li:not(:last-child) >div:after{top: 100%; left: 0; width: 100%; height: 4.5rem; background-image: url(../../../images/site/kor/content/s030903_img05.svg); background-size: auto 50%;}
    [data-content="03_09_03"] .box1 >li >div >ul >li{display: flex; }
    [data-content="03_09_03"] .box1 >li >div >ul >li:not(:first-child){margin-top: 0.4rem;}

    /*글로벌 선도기술  > 수도자산관리 > 추진성과*/
    [data-content="03_09_04"] .box1{display: block;}
    [data-content="03_09_04"] .box1 .t{width: 100%;}
    [data-content="03_09_04"] .box1 .t p{margin-top: 0.4rem;}
    [data-content="03_09_04"] .box1 .scroll_table{margin-top: 1.6rem;}

    /*글로벌 선도기술  > 수자원위성 > 개요*/
    [data-content="03_10_01"] .box1 >li{display: block;}
    [data-content="03_10_01"] .box1 >li >div{margin-top: 0.4rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box1 >li{display: block;}
    [data-content="03_10_02"] .box1 >li >div{margin-top: 0.4rem;}
    [data-content="03_10_02"] .box2{padding-top: 8rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_04"] .box3 .t2.lists{width: 22rem;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: calc(100% - 22rem - 1.7rem);}

    /*마이페이지 > 회원 정보 수정*/
    [data-content="edit_member"] ol{gap: 2rem;}
    [data-content="edit_member"] ol >li{padding: 1.75rem 1.75rem 3.5rem;}
    [data-content="edit_member"] ol >li:before{width: 2rem;}
    [data-content="edit_member"] ol >li strong{margin-top: 2rem;}
    [data-content="edit_member"] ol >li img{width: 10rem;}
}
@media screen and (max-width:768px){
    /*회원 정보 수정*/
    [data-content="edit_member"]:after{height: calc(48.6rem * 0.6);}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .b1{gap: 0;}
    [data-content="02_03_02"] .b1 >.t1{width: 100%;}
    [data-content="02_03_02"] .b1 >.t1:not(:first-of-type){margin-top: 5rem;}
    [data-content="02_03_02"] .b1 >.t1:not(:first-child):before{position: absolute; top: auto; bottom: 100%; width: 5rem; height: 5rem; right: auto; left: 50%; background-size: 3rem auto; transform: translateX(-50%) rotate(90deg);}
}
@media screen and (max-width:740px){
    /*컨텐츠 기본 스와이퍼*/
    .cont_swiper .swiper_w .drag_icon{top: -3.5rem; left: 28rem; width: 7.5rem; height: 7.5rem;}
    .cont_swiper .swiper_w .drag_icon:before,
    .cont_swiper .swiper_w .drag_icon:after{width: 1rem; height: 1rem;}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 32rem;}

    /*공통 컨텐츠*/
    .top_img{height: 26rem;}

    /*초격차 기술 > 초격차 기술 소개*/
    [data-content="02_01"] >ul >li{width: 100%;}
    [data-content="02_01"] >ul >li a{height: auto; border-radius: 1rem;}
    [data-content="02_01"] >ul >li a >div{padding: 2rem 1.5rem 7rem;}
    [data-content="02_01"] >ul >li a >div:before{width: 4rem; height: 4rem; bottom: 1.75rem; right: 2rem;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"] .w .b{flex-direction: column;}
    [data-content="02_02_05"] .w .b >li{width: 100%;}
    [data-content="02_02_05"] .w .b >li .desc{display: flex;}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box5{gap: 2rem;}
    [data-content="02_03_03"] .box5 .t{padding: 1.2rem 2rem; font-size: 2rem; border-radius: 1rem;}
    [data-content="02_03_03"] .box5 .m{gap: 2rem;}
    [data-content="02_03_03"] .box5 .m >div{width: 100%; flex: auto;}
    [data-content="02_03_03"] .box5 .m .imgs{width: 100%; flex: auto;}
    [data-content="02_03_03"] .box5 .m .imgs span{display: block; width: 100%;}
    [data-content="02_03_03"] .box5 .m .imgs span img{width: 100%;}
    [data-content="02_03_03"] .box5 .desc{flex: auto;  width: 100%; max-width: none;}
    [data-content="02_03_03"] .box5 .m{align-items: flex-start;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"] .w .b{flex-direction: column;}
    [data-content="02_04_05"] .w .b >li{width: 100%;}
    [data-content="02_04_05"] .w .b >li .desc{display: flex;}

    /*글로벌 선도기술  > 초순수 > 특징*/
    [data-content="03_02_03"] .boxs_w .bx .ins{padding: 2rem;}
    [data-content="03_02_03"] .boxs_w .bx .ins strong{margin-bottom: 1.4rem;}
    [data-content="03_02_03"] .list03 >li img{margin: 1rem auto;}
    [data-content="03_02_03"] .list04 .groups >div{padding: 1.25rem;}
    [data-content="03_02_03"] .list04 .groups >div img{width: calc(18.8rem * 0.5); height: calc(6.7rem * 0.5);}

    /*글로벌 선도기술  > 초순수 > 추진성과*/
    [data-content="03_02_04"] .box1 ol{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.5rem 1rem; position: relative; left: auto; bottom: auto; margin-top: 1.5rem;}
    [data-content="03_02_04"] .box1 ol li{width: calc((100% - 1rem) / 2); padding-left: 2.4rem; font-size: 1.8rem;}
    [data-content="03_02_04"] .box1 ol li:not(:first-child){margin-top: 0;}
    [data-content="03_02_04"] .box1 ol li:before{top: 0.2rem; width: 2rem; height: 2rem; font-size: 1.3rem; line-height: 2rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_03_02"] .box1 >div{gap: 1.6rem;}
    [data-content="03_03_02"] .box1 strong img{width: 5rem; height: 5rem;}
    [data-content="03_03_02"] .box1 .l{padding-left: 3rem; padding-right: 6rem;}
    [data-content="03_03_02"] .box1 .l:before{width: calc(100% - 4.4rem); height: 11rem;}
    [data-content="03_03_02"] .box1 .l:after{border-width: 5.5rem 0 5.5rem 4.5rem;}
    [data-content="03_03_02"] .box1 .l span{width: 2.6rem; height: 2.6rem;}
    [data-content="03_03_02"] .box1 .l span:before{height: 0.3rem;}
    [data-content="03_03_02"] .box1 .l span:after{width: 0.3rem;}
    [data-content="03_03_02"] .box1 .l i{width: 16rem; height: 16rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box1 strong{font-size: 0.8rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_04_02"] .box1 ol{flex-wrap: wrap; gap: 3rem 2rem; width: 45rem; max-width: 100%; margin: 0 auto;}
    [data-content="03_04_02"] .box1 ol li{width: calc((100% - 2rem) / 2);}
    [data-content="03_04_02"] .box1 ol li div{width: 100%;}

    /*글로벌 선도기술  > 조력발전 > 추진성과*/
    [data-content="03_06_04"] .b1 >strong{padding: 1.2rem 2rem; font-size: 2rem; border-radius: 1rem;}
    [data-content="03_06_04"] .b1 >div{width: 100%; flex: auto;}
    [data-content="03_06_04"] .b1{gap: 2rem;}
    [data-content="03_06_04"] .b1 .l img{width: 100%;}
    [data-content="03_06_04"] .b1 .r{flex: auto; }
    [data-content="03_06_04"] .b2{margin-top: 7rem;}
    [data-content="03_06_04"] .b2 .l{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; width: 100%; gap: 2rem;}
    [data-content="03_06_04"] .b2 .l img{width: 16rem; height: 16rem;}
    [data-content="03_06_04"] .b2 .l >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; flex: 1; max-width: none; margin-top: 0;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .dep >li >strong em{width: 100%;}
    [data-content="03_07_03"] .dep >li >strong span{justify-content: center; padding: 1.75rem 2rem; text-align: center;}
    [data-content="03_07_03"] .dep >li >div >div{font-size: 1.7rem;}

    /*글로벌 선도기술  > 해수담수화 > 추진성과*/
    [data-content="03_07_04"] >ul >li{width: 100%;}
    [data-content="03_07_04"] >ul >li:first-child{order: 1;}
    [data-content="03_07_04"] >ul >li:nth-child(2){order: 3;}
    [data-content="03_07_04"] >ul >li:nth-child(3){order: 2;}
    [data-content="03_07_04"] >ul >li:nth-child(4){order: 4;}
    [data-content="03_07_04"] >ul >li .desc p:not(:first-child){margin-top: 1rem;}
}
@media screen and (max-width:640px){
    .title1{font-size:3rem}
    .top_subTit{margin-bottom:4rem}
    .sub0101 .top_subTit{font-size:3.2rem}
    .full_img{margin-bottom:7rem}
    .full_img.s01{height:35rem}

    /*공통 컨텐츠*/
    .top_img{height: 24rem; border-radius: 1rem;}
    .photo_div2{gap: 2rem;}
    .photo_div2 >li{width: 100%;}
    .photo_div2 >li .imgs{border-radius: 1rem;}
    .photo_div2 >li strong{margin-top: 1.2rem;}
    .photo_div3{gap: 2rem;}
    .photo_div3 >li{width: 100%;}
    .photo_div3 >li .imgs{border-radius: 1rem;}
    .photo_div3 >li strong{margin-top: 1.2rem;}
    .photo_div4 >li .imgs{border-radius: 1rem;}
    .photo_div4 >li strong{margin-top: 1.2rem;}
    .list_box{gap: 2.2rem 2rem;}
    .list_box >li{width: calc((100% - 2rem) / 2); padding: 1.6rem 0 2.2rem;}
    .list_box >li >em{padding: 0 1.4rem;}
    .list_box >li >img{margin-top: 1.4rem;}
    .img_table img{border-radius: 1rem;}

    /*홍보영상*/
    [data-content="video"] .video_wrap{border-radius: 1rem;}

    /*컨텐츠 기본 스와이퍼*/
    .cont_swiper .swiper_w{margin-top: 0.8rem;}
    .cont_swiper .swiper_w .drag_icon{left: 26rem;}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 30rem;}
    .cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 40.58rem;}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide .img_box{border-radius: 1rem;}
    .cont_swiper .swiper_w .swiper .swiper-wrapper .swiper-slide strong{margin-top: 0.6rem;}

    /*초격차 기술 >개요*/
    .tech_img{display: flex; flex-direction: column;}
    .tech_img img{width: 100%; margin-left: 0; margin-bottom: 2.4rem;  border-radius: 1rem;}

    /*기술 소개 공통*/
    .intro{padding-bottom: 8rem;}
    .intro .scroll{bottom: 2.6rem; width: 2.4rem; height: 2.4rem;}
    .intro .scroll span{height: 1rem;}
    .intro + [data-content="video"]{margin-top: 5rem;}

    /*초격차 기술 > 초격차 기술 소개*/
    [data-content="02_01"] >ul{gap: 1.5rem;}
    [data-content="02_01"] >ul >li a >div{padding: 1.5rem 1.5rem 6rem;}
    [data-content="02_01"] >ul >li a >div:before{bottom: 1.5rem; right: 1.5rem; width: 3.75rem; height: 3.75rem;}
    [data-content="02_01"] >ul >li a >div strong{margin-top: 0.8rem;}

    /*초격차 기술 > Digital GARAM⁺ > 인프라 기술*/
    [data-content="02_02_02"] .box1{padding: 1.6rem;}
    [data-content="02_02_02"] .t_box + .t_box{margin-top: 2rem; padding-top: 2rem;}

    /*초격차 기술 > Digital GARAM⁺ > 주요기술*/
    [data-content="02_02_03"] .box1{gap: 1.25rem;}
    [data-content="02_02_03"] .box1 .r{gap: 1.25rem;}
    [data-content="02_02_03"] .box1 .r .imgs{width: calc((100% - 1.25rem) / 2);}
    [data-content="02_02_03"] .box1 .imgs{border-radius: 1rem;}
    [data-content="02_02_03"] .box1 .imgs i{border-top-right-radius: 1rem;}
    [data-content="02_02_03"] .box2 >li,
    [data-content="02_02_03"] .box2 >li:last-child{width: 100%;}
    [data-content="02_02_03"] .box2 >li:not(:last-child):after{width: 100%; height: 2.4rem; margin: 1.25rem 0; background: url(../../../images/site/kor/content/s020203_img34.svg) no-repeat center center / auto 100%;}
    [data-content="02_02_03"] .box2 >li div{width: 100%;}
    [data-content="02_02_03"] .box2 >li:not(:last-child) .imgs:after{display: none;}
    [data-content="02_02_03"] .box2 >li strong{margin-top: 1.2rem;}
    [data-content="02_02_03"] .box3{}
    [data-content="02_02_03"] .box3 >ul >li >div{gap: 0.4rem;}
    [data-content="02_02_03"] .box3 >ul >li >div >b{width: 100%;}
    [data-content="02_02_03"] .list_box >li >img{width: 5rem;}
    [data-content="02_02_03"] .list_box >li >strong{margin-top: 1.2rem;}
    [data-content="02_02_03"] .list_box >li >img{width: 5rem;}
    [data-content="02_02_03"] .list_box >li >strong{margin-top: 1.2rem;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"]{padding: 4rem 2rem;}
    [data-content="02_02_05"] .w .t h3{margin-bottom: 0.6rem;}
    [data-content="02_02_05"] .w .b{gap: 1.5rem; margin-top: 2rem;}
    [data-content="02_02_05"] .w .b >li{padding: 2rem 1.5rem;}
    [data-content="02_02_05"] .w .b >li .btns{gap: 1rem; margin-top: 1.8rem;}
    [data-content="02_02_05"] .w .b >li .btns a img{width: 3.5rem;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] >div{padding-bottom: 1.4rem;}
    [data-content="02_02_05"] [data-skin="popup"] [data-tab-cont] hr{margin-top: 1.4rem; padding-top: 1.4rem;}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .te_box{padding: 1.6rem;}
    [data-content="02_03_02"] .te_box hr{margin: 1.2rem 0;}
    [data-content="02_03_02"] .b1 >.t2{margin-top: 2rem;}
    [data-content="02_03_02"] .b1 >.t1 strong{font-size: 2rem;}
    [data-content="02_03_02"] .b3 .lists{flex-direction: column; gap: 4rem; padding: 1.6rem; border-radius: 1rem;}
    [data-content="02_03_02"] .b3 .lists >li{min-height: auto;}
    [data-content="02_03_02"] .b3 .lists >li:before{top: 0; left: 50%; width: 4rem; height: 15rem; transform: translate(-50%,-3rem) rotate(90deg);}
    [data-content="02_03_02"] .b3 .lists >li br{display: none;}
    [data-content="02_03_02"] .b4{padding: 1.6rem;}
    [data-content="02_03_02"] .b6{flex-wrap:wrap;gap: 1.2rem;}
    [data-content="02_03_02"] .b6 .imgs2{flex-wrap:wrap;gap:1rem;padding-top:1rem}
    [data-content="02_03_02"] .b6 .imgs,
    [data-content="02_03_02"] .b6 .imgs2 .img:not(.t2),
    [data-content="02_03_02"] .b6 .imgs2 .img.t2{width:100%}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1{padding: 2rem;}
    [data-content="02_03_03"] .box1 ol{margin-top: 1.4rem;}
    [data-content="02_03_03"] .box1 ol li .levels{gap: 1rem;}
    [data-content="02_03_03"] .box1 .arrow{width: calc(2.4rem * 0.6); height: calc(5rem * 0.6);}
    [data-content="02_03_03"] .box1 ol li .levels .step1{margin-bottom:1rem;padding-top:0;flex-direction:row;}
    [data-content="02_03_03"] .box1 ol li .levels .step1 img{width: 2.75rem;position:static;transform:none}
    [data-content="02_03_03"] .box1 >.levels div strong{font-size:1.5rem}
    [data-content="02_03_03"] .box2{gap: 1.75rem 1.5rem;}
    [data-content="02_03_03"] .box2 >li{width: calc((100% - 1.5rem) / 2); padding: 1.5rem 1.5rem 2rem;}
    [data-content="02_03_03"] .box2 >li >div{margin-top: 1.6rem;}
    [data-content="02_03_03"] .box2 >li >div >p{padding: 0 0.6rem 0.4rem}
    [data-content="02_03_03"] .box2 >li >div >p span{margin-top: 1.2rem;}
    [data-content="02_03_03"] .box3{padding: 1.5rem;}
    [data-content="02_03_03"] .box4{padding: 1.5rem;}
    [data-content="02_03_03"] .box6 >li >img{width: 5rem;}
    [data-content="02_03_03"] .box6 >li >strong{margin-top: 1.2rem;}
    [data-content="02_03_03"] .box7 .w{gap: 1.5rem;}
    [data-content="02_03_03"] .box7 .w .l{max-width: 34rem;}
    [data-content="02_03_03"] .box7 .w .r{gap: 2rem;}
    [data-content="02_03_03"] .box7 .w .r .com{width: 100%;}
    [data-content="02_03_03"] .box8{padding: 2rem 2rem 7rem;}
    [data-content="02_03_03"] .box8 .source{bottom: 1.5rem; right: 2rem; width: calc(39.4rem * 0.4); height: calc(10.1rem * 0.4);}

    /*초격차 기술 > AI 정수장 > 사업비 산정*/
    [data-content="02_03_05"]{padding: 4rem 2rem;}
    [data-content="02_03_05"] .w .l h3{margin-bottom: 0.6rem;}
    [data-content="02_03_05"] .w .r{margin-top: 2rem; padding: 1.75rem;}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box1 .imgs strong{width: calc(28.8rem * 0.45); height: calc(7.7rem * 0.45);}
    [data-content="02_04_03"] .box1 ol >li{padding: 1.75rem 1.5rem;}
    [data-content="02_04_03"] .box1 ol >li strong{margin-top: 1.2rem;}
    [data-content="02_04_03"] .box2 .desc{gap: 0.6rem 1.5rem;}
    [data-content="02_04_03"] .box3 .lists{gap: 1.5rem;}
    [data-content="02_04_03"] .box3 .lists >li,
    [data-content="02_04_03"] .box3 .lists >li.ty2{width: 100%;}
    [data-content="02_04_03"] .box4 >.imgs img{height: 29rem;}
    [data-content="02_04_03"] .box4 .desc >ul:not(:first-child){margin-top: 1.5rem; padding-top: 1.5rem;}
    [data-content="02_04_03"] .box4 .desc >ul >li:not(:first-child){margin-top: 1.5rem;}
    [data-content="02_04_03"] .box5 .list_box >li >strong{margin-top: 2rem;}
    [data-content="02_04_03"] .box6{margin-top: 6rem; padding: 2.5rem 2rem; border-radius: 1rem;}
    [data-content="02_04_03"] .box6:after{right: auto; left: 0;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"]{padding: 4rem 2rem;}
    [data-content="02_04_05"] .w .t h3{margin-bottom: 0.6rem;}
    [data-content="02_04_05"] .w .b{gap: 1.5rem; margin-top: 2rem;}
    [data-content="02_04_05"] .w .b >li{padding: 2rem 1.5rem;}
    [data-content="02_04_05"] .w .b >li .btns{gap: 1rem; margin-top: 1.8rem;}
    [data-content="02_04_05"] .w .b >li .btns a img{width: 3.5rem;}

    /*글로벌 선도기술 > 글로벌 선도기술 소개*/
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide{width: calc(33.7rem * 0.7); padding-top: calc(39.3rem * 0.7);}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a{padding: 2rem 1.5rem 6rem;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a:before{width: 3.75rem; height: 3.75rem;}
    [data-content="03_01"] .swiper_w .swiper .swiper-wrapper .swiper-slide a strong{font-size: 2.1rem;}
    [data-content="03_01"] .swiper_w .ctrl{margin-top: 2rem;}

    /*글로벌 선도기술  > 초순수 > 개요*/
    [data-content="03_02_01"] .plus_img{display: flex; flex-direction: column;}
    [data-content="03_02_01"] .plus_img img{order: 2; width: 100%; margin-left: 0; margin-top: 2.4rem; margin-bottom: 0; border-radius: 1rem;}

    /*글로벌 선도기술  > 초순수 > 기술내용*/
    [data-content="03_02_02"] .box1{padding: 2.5rem 2rem;}
    [data-content="03_02_02"] .box1 strong{font-size: 2.2rem;}
    [data-content="03_02_02"] .box2{padding: 2rem;}

    /*글로벌 선도기술  > 초순수 > 특징*/
    [data-content="03_02_03"] .boxs_w .tit{font-size: 2.2rem;}
    [data-content="03_02_03"] .boxs_w .bx >em{margin-top: 0.5rem; font-size: 2rem;}
    [data-content="03_02_03"] .boxs_w:not(:first-child):before{height: 2rem; margin: 1.5rem auto 0.5rem;}
    [data-content="03_02_03"] .list04{flex-direction: column; gap: 1.75rem;}
    [data-content="03_02_03"] .list04 .plus{width: 1.75rem; height: 1.75rem;}
    [data-content="03_02_03"] .list04 .groups{width: 100%;}
    [data-content="03_02_03"] .list04 .groups >div{width: 100%;}
    [data-content="03_02_03"] .list04 .groups >div:not(:first-child){margin-top: 1rem;}
    [data-content="03_02_03"] .list05 >div{padding: 1.5rem;}
    [data-content="03_02_03"] .list05 >div table{margin-top: 0.8rem;}
    [data-content="03_02_03"] .list05 >div >span{margin-top: 0.8rem;}

    /*글로벌 선도기술  > 초순수 > 추진성과*/
    [data-content="03_02_04"] .img_table .imgs{padding: 2rem; border-radius: 1rem;}
    [data-content="03_02_04"] .img_table .imgs span{border-radius: 1rem;}
    [data-content="03_02_04"] .box1{padding: 2rem; border-radius: 1rem;}

    /*글로벌 선도기술  > 수상태양광 > 개요*/
    [data-content="03_03_01"] .list02{border-radius: 1rem;}
    [data-content="03_03_01"] .list02 li strong{font-size: 2.2rem;}
    [data-content="03_03_01"] .list02 li img{margin: 0.8rem auto 0; width: 32rem;}
    [data-content="03_03_01"] .list02 li p{margin-top: 1.6rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_03_02"] .box1{padding: 1.5rem; gap: 1.4rem;}
    [data-content="03_03_02"] .box1 >div{gap: 1.4rem;}
    [data-content="03_03_02"] .box1 .l{padding-left: 2rem; padding-right: 5rem;}
    [data-content="03_03_02"] .box1 .l i{width: 14rem; height: 14rem;}
    [data-content="03_03_02"] .box1 .l span{width: 2.2rem; height: 2.2rem;}
    [data-content="03_03_02"] .box1 strong img{width: 4.5rem; height: 4.5rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box1{padding: 2.5rem 1.5rem 2rem;}
    [data-content="03_03_03"] .box1 strong{font-size: 0.75rem;}
    [data-content="03_03_03"] .box1 >span{overflow-x: auto; margin-top: 1rem;}
    [data-content="03_03_03"] .box1 >span img{min-width: 600px;}
    [data-content="03_03_03"] .box2:after{height: 2.5rem; margin: 1.75rem auto;}
    [data-content="03_03_03"] .box2 .in:nth-child(2) .bx_w .bx .desc{padding: 1.5rem;}
    [data-content="03_03_03"] .box2 .in .bx_w .bx .desc p{margin-top: 1.2rem;}
    [data-content="03_03_03"] .box3 .w:after{height: 2rem; margin-top: 2rem;}
    [data-content="03_03_03"] .box3 >strong{padding: 2.5rem 2rem; font-size: 2rem;}

    /*글로벌 선도기술  > 수상태양광 > 개요*/
    [data-content="03_04_01"] >.imgs img{border-radius: 1rem;}
    [data-content="03_04_01"] .list_box >li >strong{margin-top: 2rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_04_02"] .box1{padding: 2rem;}
    [data-content="03_04_02"] .box1 ol{gap: 2rem 1.5rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_04_03"] .t_box + .t_box{margin-top: 2rem; padding-top: 2rem;}

    /*글로벌 선도기술  > 수상태양광 > 추진성과*/
    [data-content="03_04_04"] .box2 .photo_div2 >li .desc{margin-top: 1.2rem;}
    [data-content="03_04_04"] .box3{overflow-x: auto;}
    [data-content="03_04_04"] .box3 img{max-width: 560px;}
    [data-content="03_04_04"] .box4 >strong{font-size: 2rem; border-radius: 1rem;}
    [data-content="03_04_04"] .box4 .t{flex-direction: column; align-content: center;}
    [data-content="03_04_04"] .box4 .t span{max-width: 50rem;}
    [data-content="03_04_04"] .box4 .t span i{position: relative; margin-top: 0.4rem; text-align: right;}
    [data-content="03_04_04"] .box4 .b{padding: 2rem 2rem 3rem;}
    [data-content="03_04_04"] .box4 .b .b_t{gap: 2rem;}
    [data-content="03_04_04"] .box4 .b .b_t >strong{width: 18rem; height: 18rem; font-size: 0.75rem;}
    [data-content="03_04_04"] .box4 .b .b_t ul{width: 100%;}
    [data-content="03_04_04"] .box4 .b .b_t ul li{flex-direction: column; gap: 0.6rem;}
    [data-content="03_04_04"] .box4 .b .b_t ul li:not(:first-child){margin-top: 2rem;}
    [data-content="03_04_04"] .box4 .b .b_t ul li em{width: 100%; font-size: 1.8rem; font-weight: 500;}
    [data-content="03_04_04"] .box4 .b .b_t ul li div{display: block; text-align: center; }
    [data-content="03_04_04"] .box4 .b .b_t ul li div b{margin-top: 0.4rem;}
    [data-content="03_04_04"] .box4 .b >strong:before{width: calc(29.5rem * 0.65); height: calc(3.8rem * 0.65); margin: 3rem auto 2rem;}

    /*글로벌 선도기술  > 수열에너지 > 개요*/
    [data-content="03_05_01"] .box1 >li{flex-direction: column;}
    [data-content="03_05_01"] .box1 >li h4{width: 100%;}
    [data-content="03_05_01"] .box1 >li:not(:first-child){margin-top: 2rem; padding-top: 2rem;}
    [data-content="03_05_01"] .box2{overflow-x: auto; padding: 1.5rem;}
    [data-content="03_05_01"] .box2 img{width: auto; min-width: 460px; max-height: none; height: auto;}

    /*글로벌 선도기술  > 수열에너지 > 기술내용*/
    [data-content="03_05_02"] .box1{padding: 2rem;}
    [data-content="03_05_02"] .box1 strong{font-size: 1.6rem;}
    [data-content="03_05_02"] .box3 .imgs {}
    [data-content="03_05_02"] .box3 .imgs i{position: relative; bottom: 1rem; right: auto; width: 100%;}
    [data-content="03_05_02"] .box3 .imgs i br{display: none;}
    [data-content="03_05_02"] .box3 .imgs span{width: 100%;}
    [data-content="03_05_02"] .box4{gap: 1.65rem;}
    [data-content="03_05_02"] .box4 .b1{overflow-y: auto; width: 100%; padding: 1.5rem;}
    [data-content="03_05_02"] .box4 .b1 img{display: block; width: auto; min-width: 500px;}
    [data-content="03_05_02"] .box4 .b2{flex-direction: column;}
    [data-content="03_05_02"] .box4 .b2 strong{display: block; padding-left: 3rem; padding-bottom: 0.7rem; font-size: 2rem;text-align:left}
    [data-content="03_05_02"] .box4 .b2 strong:before{top: auto; bottom: 0; right: auto; left: 1.5rem; width: 1px; height: 70%; border-top: 0; border-left: 1px dashed #B8C2CC;}
    [data-content="03_05_02"] .box4 .b2.org strong:before{border-left-color: #F2D5D5;}
    [data-content="03_05_02"] .box4 .b2 strong:after{top: auto; bottom: 50%; right: auto; left: 1.5rem; transform: translate(-45%,-30%);}
    [data-content="03_05_02"] .box4 .b2 span{overflow-y: auto; width: 100%; padding: 2rem;}
    [data-content="03_05_02"] .box4 .b2 span img{display: block; width: auto; min-width: 500px;}

    /*글로벌 선도기술  > 수열에너지 > 추진성과*/
    [data-content="03_05_04"] .photo_div3{gap: 3rem 2rem;}
    [data-content="03_05_04"] .photo_div3 >li{width: 100%;}
    [data-content="03_05_04"] .photo_div3 >li >.desc{margin-top: 1.2rem;}

    /*글로벌 선도기술  > 조력발전 > 개요*/
    [data-content="03_06_01"] >.imgs{padding: 2rem;}
    [data-content="03_06_01"] >.imgs span img{min-width: 700px;}
    [data-content="03_06_01"] .plus_img video{border-radius: 1rem;}

    /*글로벌 선도기술  > 조력발전 > 기술내용*/
    [data-content="03_06_02"] .img_wrap{overflow-x: auto; padding: 1.5rem;}
    [data-content="03_06_02"] .img_wrap img{width: 100%; min-width: 500px;}

    /*글로벌 선도기술  > 조력발전 > 추진성과*/
    [data-content="03_06_04"] .b1 >strong{padding: 1.2rem 2rem; font-size: 2rem; border-radius: 1rem;}
    [data-content="03_06_04"] .b1{gap: 2rem;}
    [data-content="03_06_04"] .b1 .r >ul{margin-top: 1.6rem;}
    [data-content="03_06_04"] .b1 .r >ul >li >ul{margin-top: 0.4rem;}
    [data-content="03_06_04"] .b2{padding: 2rem;}
    [data-content="03_06_04"] .b2 .l{padding: 2rem;}
    [data-content="03_06_04"] .b2 .l >div ul{margin-top: 1.2rem;}
    [data-content="03_06_04"] .b2 .l >div ul li:not(:first-child){margin-top: 1rem;}
    [data-content="03_06_04"] .b2 .l img{width: 14rem; height: 14rem;}
    [data-content="03_06_04"] .b2 .r ul{gap: 1.5rem;}
    [data-content="03_06_04"] .b2 .r ul >li{width: calc((100% - 1.5rem) / 2);}

    /*글로벌 선도기술  > 해수담수화 > 기술내용*/
    [data-content="03_07_02"] .tables [data-skin="table"]{width: 1400px;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .b1{gap: 1.4rem 5rem;}
    [data-content="03_07_03"] .b1 >div{width: calc((100% - (5rem * 1)) / 2);}
    [data-content="03_07_03"] .b1 >.t1:not(:first-child):before{width: 5rem; background-size: 3rem auto;}
    [data-content="03_07_03"] .b1 >.t1 strong{font-size: 2rem;}
    [data-content="03_07_03"] .dep{gap: 2.6rem;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div{padding: 1.5rem;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div .t1{width: 100%; flex-direction: column;}
    [data-content="03_07_03"] .dep >li:nth-child(1) >div >div .t1:after{margin: 1rem auto;}
    [data-content="03_07_03"] .dep >li >div >div .t1:after,
    [data-content="03_07_03"] .dep >li >div >div .t2:before{width: 3rem; height: 3rem;}
    [data-content="03_07_03"] .dep >li:nth-child(2) >div >div{min-height: 14rem;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t2 strong{text-align: left;}

    /*글로벌 선도기술  > 해수담수화 > 추진성과*/
    [data-content="03_07_04"] >.titles{padding: 1.2rem 2rem; font-size: 2rem; border-radius: 1rem;}
    [data-content="03_07_04"] >ul{gap: 2rem;}
    [data-content="03_07_04"] >ul >li .tit{margin-bottom: 1rem; border-radius: 1rem;}
    [data-content="03_07_04"] >ul >li .imgs{border-radius: 1rem;}
    [data-content="03_07_04"] >ul >li .desc{margin-top: 1.2rem;}
    [data-content="03_07_04"] >ul >li .desc p:not(:first-child){margin-top: 0.6rem;}

    /*글로벌 선도기술  > 지하수저류댐 > 기술내용*/
    [data-content="03_08_02"] .img_wrap{gap: 1.2rem;}
    [data-content="03_08_02"] .img_wrap .r{gap: 1.2rem;}
    [data-content="03_08_02"] .img_wrap .imgs img{border-radius: 1rem;}
    [data-content="03_08_02"] .img_wrap .imgs strong{margin-top: 0.6rem;}
    
    /*글로벌 선도기술  > 수도자산관리 > 개요*/
    [data-content="03_09_01"] .box1{flex-direction: column; justify-content: center;}
    [data-content="03_09_01"] .box1:after{width: 3rem; height: 9rem; transform: rotate(90deg) scale(1.25);}
    [data-content="03_09_01"] .box1 img{max-width: 100%;}
    [data-content="03_09_01"] .box3{margin-top: 6rem; padding: 2.5rem 2rem; border-radius: 1rem;}
    [data-content="03_09_01"] .box3:after{right: auto; left: 0;}

    /*글로벌 선도기술  > 수도자산관리 > 기술내용*/
    [data-content="03_09_02"] .plus_img img,
    [data-content="03_09_02"] .plus_img video{border-radius: 1rem;}

    /*글로벌 선도기술  > 수도자산관리 > 특징*/
    [data-content="03_09_03"] .box2{gap: 1.25rem;}
    [data-content="03_09_03"] .box2 >li >div.hover{padding: 2.5rem 2rem;}
    [data-content="03_09_03"] .box2 >li >.hover strong{font-size: 2.2rem;}
    [data-content="03_09_03"] .box2 >li >.hover >p{font-size: 1.7rem;}

    /*글로벌 선도기술  > 수도자산관리 > 추진성과*/
    [data-content="03_09_04"] .box1 .t{padding: 1.5rem;}
    [data-content="03_09_04"] .box3 >li >strong br{display: block;}
    [data-content="03_09_04"] .box3 >li >div >ul,
    [data-content="03_09_04"] .box3 >li:nth-child(1) >div >ul{flex-wrap: wrap;}

    /*글로벌 선도기술  > 수자원위성 > 개요*/
    [data-content="03_10_01"] .box1 >li{margin-top: 1.2rem;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box1 >li{margin-top: 1.2rem;}
    [data-content="03_10_02"] .box2 .imgs .t1{bottom: 3rem;}
    [data-content="03_10_02"] .box2 .imgs .t2{bottom: 5rem;}
    [data-content="03_10_02"] .box2 .imgs p span{font-size: 1.4rem; transform: translate(-50%,0);}
    [data-content="03_10_02"] .box2 .imgs .t1 span{top: auto; bottom: -2rem; left: 50%;}
    [data-content="03_10_02"] .box2 .imgs .t2 span{top: auto; bottom: -4rem; left: 50%;}

    /*글로벌 선도기술  > 수자원위성 > 특징*/
    [data-content="03_10_03"] .b1{gap: 0;}
    [data-content="03_10_03"] .b1 >.t1{width: 100%;}
    [data-content="03_10_03"] .b1 >.t1:not(:first-of-type){margin-top: 5rem;}
    [data-content="03_10_03"] .b1 >.t1:not(:first-child):before{position: absolute; top: auto; bottom: 100%; width: 5rem; height: 5rem; right: auto; left: 50%; background-size: 3rem auto; transform: translateX(-50%) rotate(90deg);}
    [data-content="03_10_03"] .b1 >.t2{margin-top: 2rem;}
    [data-content="03_10_03"] .b1 >.t1 strong{font-size: 2rem;}
    [data-content="03_10_03"] .b1 >.t1 .w{min-height: auto;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_04"] .box3{padding: 2.5rem 2rem;}
    [data-content="03_10_04"] .box3 .t2 strong{margin-top: 1.2rem;}
    [data-content="03_10_04"] .box3 >div .t2 .imgs{height: 26rem;}
    [data-content="03_10_04"] .box3 .t2.lists{width: 18rem;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: calc(100% - 18rem - 1.7rem);}

    /*고객지원 > 설문조사 > 폼*/
    [data-content="05_05_02"] .box1{padding: 1.5rem;}
    [data-content="05_05_02"] .box1 .ag_box{padding: 1.5rem;}

    /*고객지원 > 고객센터*/
    .directions{margin-bottom:6rem}

    /*사업비 산정*/
    .modal_footer .top{flex-direction: column; align-items: flex-end; gap: 1rem 0;}
    .mprice_lst > ul > li > .info_txt + .price{width: 100%;}

    /*로그인*/
    [data-contents="login"]{padding: 3rem 2rem; background-size: calc(48.9rem * 0.8) auto; border-radius: 1rem;}
    [data-contents="login"] >strong{font-size: 3rem;}
    [data-contents="login"] >.box{gap: 1.2rem; max-width: 38rem; margin-top: 1.6rem; padding: 2rem; border-radius: 1rem;}

    /*회원 정보 수정*/
    [data-content="edit_member"]:after{height: calc(48.6rem * 0.5);}
    [data-content="edit_member"] ol{flex-wrap: wrap; }
    [data-content="edit_member"] ol >li{padding: 1.5rem 1.5rem 3.5rem; border-radius: 1rem;}
    [data-content="edit_member"] ol >li:before{top: 100%; left: 50%; margin-top: 1rem; transform: translate(-50%, -50%) rotate(90deg);}
    [data-content="edit_member"] ol >li em{font-size: 1.8rem;}
    [data-content="edit_member"] ol >li img{width: 9rem;}
    [data-content="edit_member"] ol >li strong{margin-top: 1.6rem;}
    [data-content="edit_member"] ol >li strong br{display: none;}
    [data-content="edit_member"] .go_btn{margin-top: 3.4rem; margin-bottom: 7rem;}
}
@media screen and (max-width:600px){
    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"] .w .b >li .btns{flex-direction:column}
}
@media screen and (max-width:540px){
    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .b2 ul{gap: 1.5rem 4rem;}
    [data-content="02_03_02"] .b2 ul li{width: calc((100% - 4rem) / 2);}
    [data-content="02_03_02"] .b2 ul li:nth-child(3n):after{display: block;}
    [data-content="02_03_02"] .b2 ul li:nth-child(2n):after{display: none;}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1 ol li .levels{flex-wrap: wrap; gap: 0.2rem 1rem; padding: 1.25rem 1.5rem;}
    [data-content="02_03_03"] .box1 ol li .levels .step1{width: 100%;}
    [data-content="02_03_03"] .box1 ol li .levels .step1 img{width: 2rem; margin-left: 0;}
    [data-content="02_03_03"] .box1 ol li .levels .step1 + .arrow{display: none;}
    [data-content="02_03_03"] .box1 ol li .levels .step3 strong{padding: 0.7rem 1rem;}
    [data-content="02_03_03"] .box1 ol li .levels .arrow{width: calc(2.4rem * 0.5); height: calc(5rem * 0.5);}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box1 ol >li{width: calc((100% - 1.5rem) / 2);}
    [data-content="02_04_03"] .box1 ol >li:nth-child(3){border-top: 0;}
    [data-content="02_04_03"] .box1 ol >li:nth-child(3):before{display: none;}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"] [data-tab-btn]{flex-wrap:wrap}
    [data-content="02_04_05"] [data-tab-btn] >li{width:calc(50% - .75rem)}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .b1{gap: 0;}
    [data-content="03_07_03"] .b1 >div{width: 100%;}
    [data-content="03_07_03"] .b1 >.t1:not(:first-of-type){margin-top: 5rem;}
    [data-content="03_07_03"] .b1 >.t1:not(:first-child):before{position: absolute; top: auto; bottom: 100%; height: 5rem; right: auto; left: 50%; transform: translateX(-50%);}
    [data-content="03_07_03"] .b1 >.t2{margin-top: 2rem;}

    /*초격차 기술 > AI 정수장 > 인프라 기술*/
    [data-content="02_03_02"] .b2 ul{gap: 1.5rem 4rem;}
    [data-content="02_03_02"] .b2 ul li{width: calc((100% - 4rem) / 2);}
    [data-content="02_03_02"] .b2 ul li:nth-child(3n):after{display: block;}
    [data-content="02_03_02"] .b2 ul li:nth-child(2n):after{display: none;}

    .dtd_lst{gap:1.2rem}
}
@media screen and (max-width:500px){
    /*사업비 산정*/
    .price_wrap{flex-direction:column;align-items:flex-end}
    .price_wrap .tit,
    .price_wrap .info{text-align:right}

    .dtd_lst > li{flex:none;width:100%}
    .dtd_lst > li > .tit br{display:none}

}
@media screen and (max-width:480px){
    /*컨텐츠 기본 스와이퍼*/
    .cont_swiper .swiper_w{margin-top: 0.4rem;}
    .cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide{width: 36rem;}
    .cont_swiper.wide .swiper_w .swiper .swiper-wrapper .swiper-slide .img_box{padding-top: 45.14%;}

    /*공통 컨텐츠*/
    .top_img{height: 22rem;}

    /*초격차 기술 > Digital GARAM⁺ > 주요기술*/
    [data-content="02_02_03"] .box1 .r .imgs{width: 100%;}
    [data-content="02_02_03"] .box2 >li:not(:last-child):after{height: 2rem; margin: 1rem 0;}
    [data-content="02_02_03"] .list_box >li{width: 100%;}

    /*초격차 기술 > Digital GARAM⁺ > 사업비 산정*/
    [data-content="02_02_05"] .w .b >li .desc{display: block;}
    [data-content="02_02_05"] .w .b >li .desc a{margin-top: 1.5rem;}

    /*초격차 기술 > AI 정수장 > 주요기술*/
    [data-content="02_03_03"] .box1 >.levels{gap: 1rem; padding: 1rem 1.5rem;}
    [data-content="02_03_03"] .box2 >li{width: 100%; padding: 1.25rem 1rem 1.5rem;}
    [data-content="02_03_03"] .box6{flex-wrap: wrap;}
    [data-content="02_03_03"] .box6 >li{width: 100%;}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box1 .imgs{flex-direction: column; padding: 3rem 0 0;}
    [data-content="02_04_03"] .box1 .imgs img{margin-left: auto; width: 32rem;}
    [data-content="02_04_03"] .box4 .desc >ul >li{gap: 1.2rem;}
    [data-content="02_04_03"] .box4 .desc >ul >li .imgs{width: calc(15rem * 0.9); height: calc(9.2rem * 0.89);}

    /*초격차 기술 > SWNM > 사업비 산정*/
    [data-content="02_04_05"] .w .b >li .desc{display: block;}
    [data-content="02_04_05"] .w .b >li .desc a{margin-top: 1.5rem;}

    /*글로벌 선도기술  > 초순수 > 기술내용*/
    [data-content="03_02_02"] .box1{padding: 2rem 1.5rem;}
    [data-content="03_02_02"] .box1 strong{font-size: 2rem;}

    /*글로벌 선도기술  > 초순수 > 특징*/
    [data-content="03_02_03"] .list01 ol{flex-direction: column; gap: 1rem;}
    [data-content="03_02_03"] .list01 ol >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
    [data-content="03_02_03"] .list01 ol li:before{left: 5.2rem; width: 0.6rem; height: 100vh; border-top: 0; border-bottom: 0; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; background: linear-gradient(90deg, #EEE 0%, #BBB 100%); transform: translateY(0); bottom: auto; top: 0;}
    [data-content="03_02_03"] .list01 ol >li img{order: 2; width: calc(18.8rem * 0.7);}
    [data-content="03_02_03"] .list01 ol >li b{order: 1; position: relative; width: 11rem; margin-top: 0;}
    [data-content="03_02_03"] .list01 ol >li b:before{top: -0.8rem; right: auto; left: 50%; width: 1.6rem; height: 0.8rem; border-radius: 0.2rem 0.2rem 0 0; transform: translateX(-50%);}
    [data-content="03_02_03"] .list01 ol >li b:after{top: 100%; left: 50%; width: 1.6rem; height: 0.8rem; border-radius: 0 0 0.2rem 0.2rem; transform: translateX(-50%);}
    [data-content="03_02_03"] .list01 ol >li:first-child b:before{top: auto; bottom: 100%; width: 1.6rem; height: 100vh;}
    [data-content="03_02_03"] .list01 ol >li:last-child b:after{width: 1.6rem; height: 100vh;}
    [data-content="03_02_03"] .list01 >p{display: none;}
    [data-content="03_02_03"] .list02 ol{gap: 1rem 0;}
    [data-content="03_02_03"] .list02 ol >li,
    [data-content="03_02_03"] .list02 ol >li:nth-child(3n){width: calc(((100% - 3rem) / 2) + 3rem);}
    [data-content="03_02_03"] .list02 ol >li:nth-child(2n){width: calc((100% - 3rem) / 2);}
    [data-content="03_02_03"] .list02 ol >li:after{}
    [data-content="03_02_03"] .list02 ol >li:nth-child(3n):after{display: block; }
    [data-content="03_02_03"] .list02 ol >li:nth-child(2n):after{display: none;}
    [data-content="03_02_03"] .list02 ol >li b{padding: 0.8rem 1rem;}
    [data-content="03_02_03"] .list04 .wt{width: calc(21rem * 0.4); height: calc(9.5rem * 0.4);}
    [data-content="03_02_03"] .list04 .groups >div{flex-direction: column; padding: 1rem;}
    [data-content="03_02_03"] .list04 .groups >div ul{width: 100%;}
    [data-content="03_02_03"] .list05 img{width: 100%;}

    /*글로벌 선도기술  > 초순수 > 추진성과*/
    [data-content="03_02_04"] .box1 ol li{width: 100%}

    /*글로벌 선도기술  > 수상태양광 > 개요*/
    [data-content="03_03_01"] .list01 >li{gap: 1.25rem;}
    [data-content="03_03_01"] .list01 >li:not(:first-child){margin-top: 2rem;}
    [data-content="03_03_01"] .list01 >li em,
    [data-content="03_03_01"] .list01.ty2 >li em{width: 100%; padding: 0.6rem 1rem; font-size: 1.9rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_03_02"] .box1{padding: 2rem 1.5rem; gap: 0rem; flex-direction: column;}
    [data-content="03_03_02"] .box1 >div{gap: 1.5rem;}
    [data-content="03_03_02"] .box1 .l{padding: 0rem 2rem 4rem;}
    [data-content="03_03_02"] .box1 .l:before{top: -0.5rem; left: 50%; width: 34rem; height: calc(100% - 3.5rem); transform: translateX(-50%); background: linear-gradient(0deg, #DEFFDB 40%, #F8FFF7 100%);}
    [data-content="03_03_02"] .box1 .l:after{top: auto; bottom: 1rem; right: auto; left: 50%; border-width: 3rem 17rem 0 17rem; transform: translateX(-50%); border-color: #DEFFDB transparent transparent transparent;}
    [data-content="03_03_02"] .box1 .l i{width: 10rem; height: 10rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box1 strong{font-size: 0.7rem;}
    [data-content="03_03_03"] .box2 .in .bx_w{flex-wrap: wrap; gap: 1.5rem;}
    [data-content="03_03_03"] .box3 .w:after{height: 1.5rem;}
    [data-content="03_03_03"] .box3 >strong br{display: none;}

    /*글로벌 선도기술  > 수상태양광 > 추진성과*/
    [data-content="03_04_04"] .list_box{gap: 2rem;}
    [data-content="03_04_04"] .list_box >li{width: 100%;}

    /*글로벌 선도기술  > 조력발전 > 추진성과*/
    [data-content="03_06_04"] .b2 .l{gap: 1.75rem;}
    [data-content="03_06_04"] .b2 .l >div{width: 100%; flex: auto; }

    /*글로벌 선도기술  > 해수담수화 > 기술내용*/
    [data-content="03_07_02"] .img_table .scroll_table [data-skin="table"] colgroup col:first-child{width: 10rem !important;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .dep >li:nth-child(2) >div >div{padding: 1.5rem; background-size: 116% auto; background-position: right -12rem center;}

    /*글로벌 선도기술  > 지하수저류댐 > 기술내용*/
    [data-content="03_08_02"] .b_process{gap: 2rem 0;}
    [data-content="03_08_02"] .b_process >li,
    [data-content="03_08_02"] .b_process >li:nth-child(2),
    [data-content="03_08_02"] .b_process >li:last-child{width: 100%;}
    [data-content="03_08_02"] .b_process >li:not(:last-child) >.in{width: 100%;}
    [data-content="03_08_02"] .b_process >li:not(:last-child) >.in .m:before{display: none;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_04"] .box1 >li{gap: 0.2rem; margin-top: 1.2rem;}
    [data-content="03_10_04"] .box1 >li strong{width: 100%;}
    [data-content="03_10_04"] .box3 .t2.lists{width: 100%;}
    [data-content="03_10_04"] .box3 >div:first-child .t2:not(.lists){width: 100%;}
    [data-content="03_10_04"] .box3 >div .t2 .imgs{height: auto;}
    [data-content="03_10_04"] .box3 .t2.lists .imgs:before{bottom: -1.5rem; right: 0.5rem; transform: rotate(90deg);}

    /*고객지원 > 고객센터*/
    .department_lst{gap:1.5rem}
    .department_lst > li{width:100%;padding:1.5rem 2rem}
    .department_lst > li .tit{font-size:2rem}
}
@media screen and (max-width:420px){
    /*글로벌 선도기술  > 지하수저류댐 > 기술내용*/
    [data-content="03_08_02"] .img_wrap .r{flex-wrap: wrap;}

    /*글로벌 선도기술  > 수자원위성 > 기술내용*/
    [data-content="03_10_02"] .box2 .imgs p span{font-size: 1.3rem;}

    /*사업비 산정*/
    .w_white_box .img_box{flex-wrap: wrap;}
    .w_white_box .img_box .imgs{flex: auto !important;}
}
@media screen and (max-width:400px){
    /*공통 컨텐츠*/
    .list_box{gap: 2rem 1.6rem;}
    .list_box >li{width: 100%; padding: 1.4rem 0 2rem;}
    .list_box >li >em{padding: 0 1.2rem;}
    .list_box >li >img{margin-top: 1.2rem;}

    /*초격차 기술 > SWNM > 주요기술*/
    [data-content="02_04_03"] .box1 ol >li{width: 100%;}
    [data-content="02_04_03"] .box1 ol >li:nth-child(2){border-top: 0;}
    [data-content="02_04_03"] .box1 ol >li:nth-child(2):before{display: none;}
    [data-content="02_04_03"] .box5 .list_box >li{width: 100%;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_03_02"] .box1 .l:before{width: 30rem;}
    [data-content="03_03_02"] .box1 .l:after{bottom: 1.5rem; border-width: 2.5rem 15rem 0 15rem;}
    [data-content="03_03_02"] .box1 .l i{width: 8.5rem; height: 8.5rem;}

    /*글로벌 선도기술  > 수상태양광 > 특징*/
    [data-content="03_03_03"] .box1 strong{font-size: 0.65rem;}

    /*글로벌 선도기술  > 수상태양광 > 기술내용*/
    [data-content="03_04_02"] .box1 ol{width: 100%; gap: 1.25rem;}
    [data-content="03_04_02"] .box1 ol li{width: 100%;}
    [data-content="03_04_02"] .box1 ol li div{display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; position: relative; padding-left: 11rem; min-height: 9rem; text-align: left;}
    [data-content="03_04_02"] .box1 ol >li div img{width: 9rem; height: 9rem; position: absolute; top: 0; left: 0; margin: 0;}
    [data-content="03_04_02"] .box1 ol li div h5,
    [data-content="03_04_02"] .box1 ol li div p,
    [data-content="03_04_02"] .box1 ol li div span{display: block; width: 100%;}
    [data-content="03_04_02"] .box1 ol li div p{margin-top: 0.6rem;}
    [data-content="03_04_02"] .box1 ol li div span{margin-top: 0.2rem;}

    /*글로벌 선도기술  > 수상태양광 > 추진성과*/
    [data-content="03_04_04"] .list_box >li .imgs{margin-top: 1.2rem;}

    /*글로벌 선도기술  > 해수담수화 > 특징*/
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div{padding: 2rem 1.5rem 0;}
    [data-content="03_07_03"] .dep >li >div >div .t1:after{margin: 2rem 0;}
    [data-content="03_07_03"] .dep >li:nth-child(3) >div >div .t1{flex-direction: column; width: 100%; height: auto;}
}
@media screen and (max-width:360px){
    /*공통 컨텐츠*/
    .photo_div4{gap: 2rem;}
    .photo_div4 >li{width: 100%;}
}