@charset "utf-8";
main{overflow: hidden;  overflow: hidden;
    height: 100%;
    position: relative; }
.after-screen{display: none;}
.after-screen.show{display:block;}
.after-screen2{display: none;}
.after-screen2.show{display:block;}
.after-screen3{display: none;}
.after-screen3.show{display:block;}


section {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* Section03~12 초기 숨김 */
.section03, .section04, .section05, .section06,
.section07, .section08, .section09, .section10,
.section11, .section12 {opacity: 0;pointer-events: none;}

.section01{position: relative;height: 100%;}
.section01 .intro-wrap{position: sticky;top:50%;display: flex;align-items: center;justify-content: center;}
.section01 .intro-txt{font-family: 'OKMANFONT';position:absolute;top:50%;transform:translateY(-50%);font-size: 85px;font-weight:normal;text-align: center;  color:#fff;width:100%;text-align: center;}
.section01 .intro-txt strong{font-family: 'OKMANFONT';font-weight: normal;position: relative;display: inline-block;}
.section01 .intro-txt strong.on:after {content: '펄펄 끓는';position: absolute;top: 0;left: 0;color: #ff5353;clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);animation: textFillUpWave 1.5s ease-out 0.3s forwards;z-index: 2;}
.section01 .text-container{width:100%;position:relative;left:0;display: flex;align-items: center;justify-content: center;}
.section01 .text-container .txt-wrap{width:100%;height:100vh;position: absolute;top:0;left:0;display: flex;align-items: center;justify-content: center;}
.section01 .text-line{ font-family: 'OKMANFONT';font-size: 85px;font-weight:normal;text-align: center;color: #fff;}
.section01 .text-line strong{font-weight: normal;color: #fff;display: inline-block;}
.section01 .text-line .hide-text{opacity: 0;}
.section01 .text-line.on .hide-text{opacity: 1;animation: fadeIn 1s ease-in-out;}
.section01 .text-line .move-text{font-family: 'OKMANFONT';position:relative;}
.section01 .text-line .move-text.on{opacity:1;right:0;}
.section01 .main-title{position:absolute;top:0;left:0;width:100%;height:100vh;text-align: center;}
.section01 .main-title br{display: none;}
.section01 .text-cont{height:100%;display: flex;align-items: center;justify-content:center;flex-direction: column;position: relative;z-index: 50;}
.section01 .text-cont h2{ font-family: 'OKMANFONT';font-size: 85px;font-weight: normal;color: #fff;line-height: 1; text-shadow: 0 0 20px rgba(42, 42, 42, 0.3);letter-spacing: -2px;}
.section01 .text-cont h2 span{position:relative;top:22px;display: inline-block;overflow: hidden;font-weight: bold;width:0;opacity: 0;transition: all 1s;margin:0;line-height: 1;}
.section01 .text-cont h2 span img{display: block;width:240px;max-width:240px;}
.section01 .text-cont.on h2 span{opacity: 1;width: 240px;margin:0 20px;}
.section01 .text-cont p{  font-family: Pretendard;margin-top:50px;font-size: 36px;font-weight: normal;text-align: center;color: #fff;transition: all 0.4s;}
.section01 .video-box{position: absolute;top:0;left:0;width:100%;height:100%;}
.section01 .video-box .video-blur{position: absolute;inset: -2px;  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), #131313 0%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section01 .video-box .video-blur.on{background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0), #131313 90%);}
.section01 .video-box video{display: block;width:100%;height:100%;object-fit: cover;}

.section01 .sec01-cont1{position: relative;top:0;left:0;width:100%;height:100%;display: flex;justify-content: center;align-items: center;background: #131313 url(../images/main/sec01-cont1_bg.jpg) top center no-repeat;background-size: cover;}
.section01 .sec01-cont1 .in-txt{position: relative;width:100%;height:100%;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.section01 .sec01-cont1 .in-txt i{position: absolute;bottom:30px;left:50%;transform: translateX(-50%);}
.section01 .sec01-cont1 p{position: absolute;top:50%;transform:translateY(-50%);width: 100%;font-size: 30px;font-weight: bold;line-height: 1.55;letter-spacing: -0.08px;text-align: center;color: #fff;}
.section01 .sec01-cont1 p span{display: inline;color:#00cccc}
.section01 .sec01-cont1 p .br2{display: none;}
.section01 .sec01-cont1 .t2{}
.section01 .sec01-cont1 .t1 strong{margin-bottom:40px;position: relative;display: inline-block;font-weight: 800;}
.section01 .sec01-cont1 .t1 strong:before{content: "";position:relative;vertical-align:middle;margin-right:15px;display: inline-block;width:24px;height:2px;background: #fff;}
.section01 .sec01-cont1 .t1 strong:after{content: "";position:relative;vertical-align:middle;margin-left:15px;display: inline-block;width:24px;height:2px;background: #fff;}
.section01 .sec01-cont1 .t1 .br{display: none;}
.section01 .sec01-cont1 .t2 em{display: inline-block;font-size:34px;font-weight: 800;}
.section01 .obj-bird{position: absolute;top:113px;left:0;opacity: 0.15;}
.section01 .sec01-cont2{position: absolute;top:0;left:0;width:100%;height:100vh;display: flex;justify-content: center;align-items: center;background: url(../images/main/cont_bg.png) center center no-repeat;background-size: cover;z-index: 100;}
.section01 .sec01-cont2 .inbox{width:100%;max-width:450px;}
.section01 .sec01-cont2 .inbox p{font-family: 'Pretendard';font-size: 20px;font-weight: bold;letter-spacing: 0.2px;text-align: center;color: #e5e5e5;}
.section01 .sec01-cont2 .inbox h3{margin-top:25px; font-size: 46px;font-weight: bold;text-align: center;color: #fff;}
.section01 .sec01-cont2 .inbox .input-box{margin-top:45px;}
.section01 .sec01-cont2 .inbox .input-box input[type="text"]{font-family: 'Pretendard';width:100%;height:60px;border-radius: 5px;background: rgba(255,255,255,0.15);font-size: 18px;font-weight: normal;color: #fff;padding:0 20px;}
.section01 .sec01-cont2 .inbox .input-box input[type="text"]::placeholder{color: rgba(255,255,255,0.5);}
.section01 .sec01-cont2 .inbox .input-box button{font-family: 'Pretendard';margin-top:30px;display: flex;align-items: center;justify-content: center;height:60px;width:100%;border-radius: 5px;background-color: #03aab6;  font-size: 20px;font-weight: bold;color: #fff;}

.section01 .sec01-cont3{position: absolute;top:0;left:0;width:100%;height:100vh;background: url(../images/main/map.jpg) top center no-repeat;background-size: cover; transition: all 0.3s;display: flex;align-items: flex-end;justify-content:center;padding-bottom: 140px;display: none;}

.section01 .sec01-cont3 .mask{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.3);}
.section01 .sec01-cont3 .layer-blur{position: absolute;inset: -2px;    background-image: radial-gradient(ellipse 90% 60% at 50% 50%, rgba(0, 0, 0, 0), #131313 45%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section01 .sec01-cont3 .txt-box{position: relative;z-index: 100;}
.section01 .sec01-cont3 .txt-box h3{font-size: 50px;font-weight: normal;letter-spacing: -1px;color: #fff;}
.section01 .sec01-cont3 .txt-box p{margin-top:25px;font-size: 24px;font-weight: bold;line-height: 1.67;text-align: center;color: #e5e5e5;}
.section01 .sec01-cont3.on{opacity: 1;z-index: 50;}

.section01 .layer-blur{position: absolute;inset: -2px;    background-image: radial-gradient(ellipse 90% 60% at 50% 50%, rgba(0, 0, 0, 0), #131313 45%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}



.section02{background: #131313;position:relative;top:0;left:0;width:100%;height:100vh;}
.section02 .sec02-cont1{position: absolute;top:0;left:0;width:100%;height:100vh;display: flex;justify-content: center;align-items: center;background: url(../images/main/cont_bg.png) center center no-repeat;background-size: cover;}
.section02 .sec02-cont1 .inbox{width:100%;max-width:450px;}
.section02 .sec02-cont1 .inbox p{font-family: 'Pretendard';font-size: 20px;font-weight: bold;letter-spacing: 0.2px;text-align: center;color: #e5e5e5;}
.section02 .sec02-cont1 .inbox h3{margin-top:25px; font-size: 50px;font-weight: bold;text-align: center;color: #fff;}
.section02 .sec02-cont1 .inbox .input-box{margin-top:45px;}
.section02 .sec02-cont1 .inbox .input-box input[type="text"]{font-family: 'Pretendard';width:100%;height:60px;border-radius: 5px;background: rgba(255,255,255,0.15);font-size: 18px;font-weight: normal;color: #fff;padding:0 20px;}
.section02 .sec02-cont1 .inbox .input-box input[type="text"]::placeholder{color: rgba(255,255,255,0.5);}
.section02 .sec02-cont1 .inbox .input-box button{font-family: 'Pretendard';margin-top:30px;display: flex;align-items: center;justify-content: center;height:60px;width:100%;border-radius: 5px;background-color: #03aab6;  font-size: 20px;font-weight: bold;color: #fff;}


.section03{position:absolute;background: #131313;top:0;left:0;width:100%;}
.section03 .section03-screen2{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height:100%;}
.section03 .sec02-cont1{position: absolute;top:0;left:0;width:100%;height:100vh;background: url(../images/main/map.jpg) top center no-repeat;background-size: cover; transition: all 0.3s;display: flex;align-items: flex-end;justify-content:center;padding-bottom: 140px;}
.section03 .sec02-cont1 .mask{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.3);}
.section03 .sec02-cont1 .layer-blur{position: absolute;inset: -2px;    background-image: radial-gradient(ellipse 90% 60% at 50% 50%, rgba(0, 0, 0, 0), #131313 45%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section03 .sec02-cont1 .txt-box{position: relative;z-index: 100;}
.section03 .sec02-cont1 .txt-box h3{font-size: 50px;font-weight: normal;letter-spacing: -1px;color: #fff;}
.section03 .sec02-cont1 .txt-box p{margin-top:25px;font-size: 24px;font-weight: bold;line-height: 1.67;text-align: center;color: #e5e5e5;}
.section03 .sec02-cont1.on{opacity: 1;z-index: 50;}
.section03 .sec02-cont2{position: absolute;top:0;left:0;width:100%;height:100vh;display: flex;justify-content: center;align-items: center;background: url(../images/main/cont_bg.png) center center no-repeat;background-size: cover;}
.section03 .inwrap{position:relative;width:100%;height:100%;display: flex;justify-content: center;align-items: flex-end;padding-bottom: 40px;z-index: 100;text-align: center;}
.section03 .inwrap2{position:relative;width:100%;height:100%;display: flex;justify-content: center;align-items: flex-end;padding-bottom: 100px;z-index: 100;text-align: center;}
.section02 .inwrap3{position:relative;width:100%;height:100%;display: flex;justify-content: center;align-items: flex-end;padding-bottom: 140px;z-index: 100;text-align: center;}
.section03 .sec02-cont2 .inbox{width:100%;max-width:450px;}
.section03 .sec02-cont2 .inbox p{font-family: 'Pretendard';font-size: 20px;font-weight: bold;letter-spacing: 0.2px;text-align: center;color: #e5e5e5;}
.section03 .sec02-cont2 .inbox h3{margin-top:25px; font-size: 50px;font-weight: bold;text-align: center;color: #fff;}
.section03 .sec02-cont2 .inbox .input-box{margin-top:45px;}
.section03 .sec02-cont2 .inbox .input-box input[type="text"]{font-family: 'Pretendard';width:100%;height:60px;border-radius: 5px;background: rgba(255,255,255,0.15);font-size: 18px;font-weight: normal;color: #fff;padding:0 20px;}
.section03 .sec02-cont2 .inbox .input-box input[type="text"]::placeholder{color: rgba(255,255,255,0.5);}
.section03 .sec02-cont2 .inbox .input-box button{font-family: 'Pretendard';margin-top:30px;display: flex;align-items: center;justify-content: center;height:60px;width:100%;border-radius: 5px;background-color: #03aab6;  font-size: 20px;font-weight: bold;color: #fff;}
.section03 .sec02-cont3{position: relative;top:0;left:0;width:100%;height:100%;transition: all 0.3s;}
.section03 .sec02-cont3 .map-img{position:relative;top:-50px;}
.section03 .sec02-cont3 .map-img:after{content: "";position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 48%);left: 0;bottom: 0;width: 100%;height: 15%;opacity: 1;}
.section03 .sec02-cont3 .bg{position: absolute;top:0;left:0;width:100%;height:100%;}
.section03 .sec02-cont3 .bg:after{content: "";position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 35%);left: 0;bottom: 0;width: 100%;height: calc(60% - 165px);opacity: 1;}
.section03 .sec02-cont3 .bg{position: absolute;top:0;left:0;width:100%;height:100%;}
.section03 .sec02-cont3 .bg img{display: block;width:100%;object-fit: cover;}
.section03 .sec02-cont3 .bg2{position: absolute;top:0;left:0;width:100%;height:100%;}
.section03 .sec02-cont3 .bg2:after{content: "";position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 45%);left: 0;bottom: 0;width: 100%;height: calc(60% - 165px);opacity: 1}
.section03 .sec02-cont3 .bg2 img{display: block;width:100%;object-fit: cover;}
.section03 .sec02-cont3 .mask{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.3);}
.section03 .sec02-cont3 .layer-blur{position: absolute;inset: -2px;    background-image: radial-gradient(ellipse 90% 60% at 50% 50%, rgba(0, 0, 0, 0), #131313 45%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section03 .sec02-cont3 .txt-box h3{font-size: 36px;font-weight: normal;letter-spacing: -1px;color: #fff;}
.section03 .sec02-cont3 .txt-box p{margin-top:15px;font-size: 18px;font-weight: bold;line-height: 1.67;text-align: center;color: #e5e5e5;}
.section03 .sec02-cont3.on{opacity: 1;z-index: 50;}
.section03 .layer-blur{position: absolute;inset: -2px;    background-image: radial-gradient(ellipse 90% 60% at 50% 50%, rgba(0, 0, 0, 0), #131313 45%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section03 .inwrap{position:absolute;width:100%;height:100%;display: flex;justify-content: center;align-items: flex-end;padding-bottom:40px;z-index: 100;text-align: center;}
.section03 .inwrap2{position:absolute;width:100%;height:101%;display: flex;justify-content: center;align-items: flex-end;padding-bottom:80px;z-index: 100;text-align: center;}
.section03 .inwrap3{position:absolute;width:100%;height:100%;display: flex;justify-content: center;align-items: flex-end;padding-bottom:40px;z-index: 102;text-align: center;}
.section03 .inwrap3 p .br{display: none;}
.section03 .txt-wrap h3{font-size: 40px;font-weight: normal;letter-spacing: -1px;color: #fff;}
.section03 .txt-wrap p{font-family: 'Pretendard';margin-top:20px;font-size: 20px;font-weight: bold;line-height: 1.67;text-align: center;color: #e5e5e5;}
.section03 .txt-box3 p{font-family: 'Pretendard';font-size: 20px;font-weight: bold;line-height: 1.67;text-align: center;color: #e5e5e5;}
.section03 .set-point{position:absolute;left:51.25%;top:53.94%;width:10.2%;height:11.05%;
z-index: 100;}
.section03 .set-point i{position: absolute;width:78px;height: 78px;border-radius: 100%;}
.section03 .set-point i:before{content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: rgb(1, 201, 216);border-radius: 100%;animation: bling 1.2s infinite linear;}
.section03 .set-point i span{display:inline-block;width:11px;height: 11px;border-radius: 100%;background: #01c9d8;border: 2px solid #fff;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.section03 .set-point i em{position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);display:inline-block;width:60px;text-align: center;line-height: 30px;border-radius: 10px;background-color: #000;font-size: 15px;font-weight: 800;letter-spacing: -0.3px;color: #fff;}
.section03 .set-point i em:after{content: "";position: absolute;top:-8px;left:50%;transform: translateX(-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0px 5px 8px 5px;border-color: transparent transparent #000000 transparent;}
.section03 .set-point .p1{}
.section03 .set-point .p2{right: -4%;bottom: -20%;}


.section03 .point-box{position:absolute;left:42.6%;top:25.36%;width:27.96%;height:48.1%;
    z-index: 10000;}
.section03 .point-box i{position: absolute;width:78px;height: 78px;border-radius: 100%;}
.section03 .point-box i span{display:inline-block;width:16px;height: 16px;border-radius: 100%;background: #01c9d8;border: 2px solid #fff;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.section03 .point-box i:before{content:"";position: absolute;top:0;left:0;width:100%;height:100%;background: rgb(1, 201, 216);border-radius: 100%;animation: bling 1.2s infinite linear;}
.section03 .point-box i em{position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);display:inline-block;width:60px;text-align: center;line-height: 30px;border-radius: 10px;background-color: #000;font-size: 15px;font-weight: 800;letter-spacing: -0.3px;color: #fff;}
.section03 .point-box i em:after{content: "";position: absolute;top:-8px;left:50%;transform: translateX(-50%);display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0px 5px 8px 5px;border-color: transparent transparent #000000 transparent;}
.section03 .point-box .p1{left:0;bottom:9%;}
.section03 .point-box .p2{right: 29%;bottom: -6%;}
.section03 .point-box .port{position:absolute;top:20px;right:0px;width:71px;height: 71px;border-radius: 100%;display: flex;align-items: center;justify-content: center;background: #000;font-size: 18px;font-weight: 800;letter-spacing: -0.36px;color: #fff;border: 3px solid #01c9d8;z-index: 2;}
/*.section03 .sec02-cont3 .inwrap2 .txt-box h3 br{display: none;}*/
.section03 .sec02-cont3 .inwrap2 .txt-box p .br{display: none;}
/* SVG 스타일 */
.section03 .path-line{position: absolute;top: 0;left: 0;width:100%;height:100%;z-index: 1;pointer-events: none;}
.section03 .path-line path {stroke: #01c9d8;stroke-width: 4;stroke-dasharray: 10 8;}


.section04{background: #131313;position:absolute;top:0;left:0;width:100%;padding:0 20px;}
.section04 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/main/cont_bg2.jpg) left bottom no-repeat;background-size: 100% 60%; }
.section04 .bg:before{content: "";position: absolute;top:0;left:0;width:100%;height:50%;   background: linear-gradient(360deg, rgba(19, 19, 19, 0) 0%, #131313 70%);}
.section04 .layer-blur{position: absolute;inset: -2px;background-image: radial-gradient(ellipse 90% 60% at 50% 50%, rgba(0, 0, 0, 0), #131313 0%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section04 .txt-wrap{padding-top:90px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.section04 .txt-wrap h3{font-size: 40px;font-weight: 800;line-height: 1.46;text-align: center;color: #fff;}
.section04 .txt-wrap p{font-family: 'Pretendard';margin-top:30px;font-size: 20px;font-weight: 600;line-height: 1.58;text-align: center;color: #fff;}
.section04 .txt-wrap p span{font-family: 'Pretendard';display: inline;background: rgba(255,255,255,0.28);}
.section04 .txt-wrap p .br{display: none;}
.section04 .bg2{position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/main/cont_bg3.png) top center no-repeat;background-size: cover;padding:0 20px;}
.section04 .bg2 h3{margin-top:90px;font-size: 36px;font-weight: normal;line-height: 1.5;text-align: center;color: #fff;}
.section04 .bg2 h3 .br2{display: none;}
.section04 .bg2 ul{display: flex;max-width:1440px;margin:70px auto 0;flex-wrap: wrap;gap:80px 100px;padding-bottom: 100px;}
.section04 .bg2 ul li{width:calc(50% - 50px);position: relative;}
.section04 .bg2 ul li p{position:relative;display: inline-block;padding:25px 28px;border-radius: 10px;background-color: rgba(255, 255, 255, 0.09); font-family: 'Pretendard';font-size: 20px;font-weight: 600;line-height: 1.27;letter-spacing: 0.22px;text-align: left;color: #fff;}
.section04 .bg2 ul li:nth-child(1) p{left:153px;}
.section04 .bg2 ul li:nth-child(2) p{top:53px;}
.section04 .bg2 ul li:nth-child(3) p{}
.section04 .bg2 ul li:nth-child(4) p{top:38px;left:140px;}

.section05{background: #131313;position:absolute;top:0;left:0;width:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;overflow: hidden;}
.section05 .inner{position: relative;top:0;width:100%;height:100%;transition: all 0.2s;}

.section05 .txt-box{padding-top: 80px;text-align: center; flex-shrink: 0;}
.section05 .txt-box h3{font-size: 40px;font-weight: normal;line-height: 1.35;text-align: center;color: #fff;}
.section05 .txt-box h3 .br{display: none;}
.section05 .txt-box p{margin-top:20px; font-family: 'Pretendard';font-size: 20px;font-weight: bold;line-height: 1.25;color: #fff;}
.section05 .txt-box p span{font-family: 'Pretendard';color: #3fafb8;}
.section05 .txt-box p br{display: none;}
.section05 .scroll-wrapper {min-height: 120vh;width: 100%;padding-bottom: 100px;}
.section05 ul{margin:60px auto 0;display: flex;flex-wrap: wrap;gap:100px;max-width:1300px;}
.section05 ul li{position:relative;width:calc(50% - 50px);padding-top: calc(50% - 50px);}
.section05 ul li video{position: absolute;top:0;left:0;width:100%;height:100%;object-fit: cover}
.section05 ul li:nth-child(even){top:120px;}
.section05 ul li img{display: block;width:100%;}


.section06{background: #131313;position:absolute;top:0;left:0;width:100%;background: url(../images/main/cont_bg4.jpg) top center no-repeat;background-size: cover;}
.section06 .layer-blur{position: absolute;inset: -2px;background-image: radial-gradient(ellipse 65% 70% at 64% 50%, rgba(0, 0, 0, 0), #131313 60%);background-position: 50% 50%;width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section06 .txt-box{position:relative;max-width:1600px;margin: 0 auto;padding-top: 90px;z-index: 50;}
.section06 .txt-box em{display: block;font-size: 18px;font-weight: 600;color: #01d8d8;}
.section06 .txt-box h3{margin-top:25px;font-size: 38px;font-weight: 800;line-height: 1.48;letter-spacing: -0.84px;color: #fff;}
.section06 .txt-box p{font-family: 'Pretendard';margin-top:35px;font-size: 20px;font-weight: 500;line-height: 1.5;color: #fff;}
.section06 .quiz01{position:absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: flex;align-items: center;justify-content: center;z-index: 100;}
.section06 .quiz01 .box{text-align: center;max-width:1060px;}
.section06 .quiz01 .box em{font-family: 'Pretendard';display: inline-block;line-height: 32px;padding:0 19px; border-radius: 17px;background-color: #03aab6; font-size: 16px;font-weight: bold;color: #fff;}
.section06 .quiz01 .box p{font-family: 'Pretendard';margin-top:15px;font-size: 34px;font-weight: normal;text-align: center;color: #fff;}
.section06 .quiz01 .box p br{display: none;}
.section06 .quiz01 .box p strong{font-family: 'Pretendard';}
.section06 .quiz01 .box p span{font-family: 'Pretendard';color:#3fafb8;}
.section06 .quiz01 .box .list{margin-top:60px;position: relative;}
.section06 .quiz01 .box ul{display: flex;gap:40px;}
.section06 .quiz01 .box ul li{flex:1;}
.section06 .quiz01 .box ul li .img{overflow: hidden;border-radius: 10px;}
.section06 .quiz01 .box ul li .img video{display: block;width:100%;object-fit: cover;}
.section06 .quiz01 .box .modal-layer1{display:none;position: absolute;top:0;left:0;width:100%;height:100%;background: #fff;border-radius: 10px;overflow: hidden;}
.section06 .quiz01 .box .modal-layer1 .modal-top{display: flex;height:69px;align-items:center;justify-content: space-between;padding:0 30px 0 18px;}
.section06 .quiz01 .box .modal-layer1 .modal-top h3{font-family: 'Pretendard';position: relative;padding-left: 34px;font-size: 20px;font-weight: 800;letter-spacing: -0.4px;}
.section06 .quiz01 .box .modal-layer1 .modal-top h3:before{content: "";position: absolute;top:3px;left:0;width:24px;height:24px;}
.section06 .quiz01 .box .modal-layer1 .modal-top.case1{background: #dcfce7;}
.section06 .quiz01 .box .modal-layer1 .modal-top.case1 h3{color: #246f4e;}
.section06 .quiz01 .box .modal-layer1 .modal-top.case1 h3:before{background: url(../images/icon/okixon.svg) no-repeat;background-size: cover;}
.section06 .quiz01 .box .modal-layer1 .modal-top.case2{background: #FEE2E2;}
.section06 .quiz01 .box .modal-layer1 .modal-top.case2 h3{color:#991B1B;}
.section06 .quiz01 .box .modal-layer1 .modal-top.case2 h3:before{background: url(../images/icon/xiocn.svg) no-repeat;background-size: cover;}
.section06 .quiz01 .box .modal-layer1 .modal-cont{padding:25px 30px;display: flex;align-items:center;gap:40px;}
.section06 .quiz01 .box .modal-layer1 .modal-cont figure{width:450px;}
.section06 .quiz01 .box .modal-layer1 .modal-cont figure img{display: block;width:100%;}
.section06 .quiz01 .box .modal-layer1 .modal-cont .txt{width:calc(100% - 490px);font-family: 'Pretendard';font-size: 24px;font-weight: 600;line-height: 1.5;letter-spacing: -0.48px;color: #131313;text-align: left;}


.section07{background: #131313;position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/main/cont_bg5.jpg) center right no-repeat;background-size: contain;}
.section07 .layer-blur{position: absolute;inset: -2px;background-image: radial-gradient(ellipse 65% 51% at 67% 50%, rgba(0, 0, 0, 0), #131313 67%);width: calc(100% + 4px);height: calc(100% + 4px);z-index: 30;transition: all 0.8s;}
.section07 .txt-box{position:relative;max-width:1600px;margin: 0 auto;padding-top: 90px;z-index: 50;}
.section07 .txt-box em{display: block;font-size: 18px;font-weight: 600;color: #01d8d8;}
.section07 .txt-box h3{margin-top:25px;font-size: 38px;font-weight: 800;line-height: 1.48;letter-spacing: -0.84px;color: #fff;}
.section07 .txt-box p{font-family: 'Pretendard';margin-top:35px;font-size: 20px;font-weight: 500;line-height: 1.5;color: #fff;}
.section07 .quiz02{position:absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: flex;align-items: center;justify-content: center;z-index: 100;}
.section07 .quiz02 .box{text-align: center;max-width:920px;}
.section07 .quiz02 em{display: inline-block;font-family: 'Pretendard';display: inline-block;line-height: 32px;padding:0 19px; border-radius: 17px;background-color: #03aab6; font-size: 16px;font-weight: bold;color: #fff;}
.section07 .quiz02 h3{font-family: 'Pretendard';margin-top:15px;font-size: 34px;font-weight: normal;line-height: 1.32;text-align: center;color: #fff;}
.section07 .quiz02 h3 span{display: inline-block;font-family: 'Pretendard';color:#3fafb8;}
.section07 .quiz02 h3 strong{font-family: 'Pretendard';}
.section07 .quiz02 h3 .br2{display: none;}
.section07 .quiz02 p{font-family: 'Pretendard';margin-top:10px;font-size: 18px;font-weight: normal;text-align: center;color: #aaa;}
.section07 .quiz02 .q-cont{position:relative;overflow: hidden;border-radius: 20px;margin: 20px auto 0;max-width: 620px;}
.section07 .quiz02 .q-cont .video-box{position: relative;}
.section07 .quiz02 .q-cont .video-box video{display: block;width:100%;}
.section07 .quiz02 .q-cont .video-box .txt{position: absolute;top: 0;left: 0;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;background:url(../images/main/mv_bg01.jpg) no-repeat;background-size:cover;z-index: 10;}
.section07 .quiz02 .q-cont .video-box .txt p{font-family: 'Pretendard';font-size: 18px;font-weight: normal;text-align: center;color: #fff;}
.section07 .quiz02 .q-cont .video-box .txt button{display: inline-block;margin-top:10px;}
.section07 .quiz02 .q-cont .video-box .txt button img{display: block;}
.section07 .quiz02 .q-cont .input-box{background: #27282c;padding:10px;display: flex;justify-content: center;gap:20px;}
.section07 .quiz02 .q-cont .input-box input[type="number"]{font-family: 'Pretendard';width:100%;max-width:200px;height:50px;padding:0 20px;border-radius: 5px;background-color: #3d3e42;font-size: 18px;font-weight: normal;color: #fff;text-align: right;}
.section07 .quiz02 .q-cont .input-box button{font-family: 'Pretendard';display: flex;align-items: center;justify-content: center;width:100px;height:50px;border-radius: 5px;background-color: #03aab6; font-size: 18px;font-weight: 600;color: #fff;}
.section07 .quiz02 .q-cont .modal-layer2{display:none;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:500px;background: #fff;border-radius: 10px;overflow: hidden;z-index: 100;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top{display: flex;height:60px;align-items:center;justify-content: space-between;padding:0 30px 0 18px;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top h3{font-family: 'Pretendard';position: relative;padding-left: 34px;font-size: 20px;font-weight: 800;letter-spacing: -0.4px;margin-top:0;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top h3:before{content: "";position: absolute;top:3px;left:0;width:24px;height:24px;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top.case1{background: #dcfce7;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top.case1 h3{color: #246f4e;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top.case1 h3:before{background: url(../images/icon/okixon.svg) no-repeat;background-size: cover;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top.case2{background: #FEE2E2;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top.case2 h3{color:#991B1B;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-top.case2 h3:before{background: url(../images/icon/xiocn.svg) no-repeat;background-size: cover;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-cont{padding:20px;text-align: center;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-cont i{display: inline-block;width:220px;height:220px;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-cont i.case1{background: url(../images/icon/okixon2.svg) no-repeat;background-size: cover;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-cont i.case2{background: url(../images/icon/xiocn2.svg) no-repeat;background-size: cover;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-cont p{font-family: 'Pretendard';text-align: center;margin-top:15px;font-size: 20px;font-weight: 500;line-height: 1.5;letter-spacing: -0.48px;text-align: center;color: #000;}
.section07 .quiz02 .q-cont .modal-layer2 .modal-cont p strong{font-family: 'Pretendard';display: inline-block;font-weight: bold;text-decoration: underline;}



.section08{position:absolute;top:0;left:0;width:100%;height:100%;}
.section08 .sec08-video{position:absolute;top:0;left:0;width:100%;height:100vh;}
.section08 .sec08-video video{display:block;width:100%;height:100vh;object-fit: cover;}
.section08 .layer-blur{position: absolute;inset: -2px;background-image:radial-gradient(circle at 68% 50%, rgba(0, 0, 0, 0), rgb(19, 19, 19) 35%);width: calc(100% + 4px);height: calc(100% + 4px);transition: all 2s;}
.section08:before{content:"";position: absolute;top:0;left:0;width:50%;height:100%;background-image: linear-gradient(to left, rgba(19, 19, 19, 0) 10%, rgba(19, 19, 19, 0.96) 77%, rgb(19, 19, 19) 112%);transition: all 0.8s;}
.section08 .txt-box{position:absolute;top:35%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:1540px;z-index: 10;}
.section08 .txt-box h3{font-size: 38px;font-weight: bold;line-height: 1.43;color: #fff;}
.section08 .txt-box p{font-family: 'Pretendard';margin-top:35px;font-size: 20px;font-weight: 500;line-height: 1.5;letter-spacing: -0.48px;color: #fff;}
.section08 .graph-panel1{position: relative;padding-top:100px;width:100%;height:100%;background: #131313;z-index: 10;}
.section08 .graph-panel1 h3{font-size: 38px;font-weight: bold;text-align: center;color: #fff;}
.section08 .graph-panel1 h3 strong{position:relative;display: inline-block;}
.section08 .graph-panel1 h3 strong:before{content: "";position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:150%;height:150%;background-image: radial-gradient(circle at 50% 50%, #fff, #fff 28%, #131313 69%);opacity: 0;transition: all 0.4s;z-index: -1;}
.section08 .graph-panel1 h3 br{display: none;}
.section08 .graph-panel1 h3.on strong:before{opacity: 0.27;}
.section08 .graph-panel1 p{font-family: 'Pretendard';margin-top: 50px;font-size: 26px;font-weight: 500;line-height: 1.5;text-align: center;color: #fff;}
.section08 .graph-panel1 p br{display: none;}
.section08 .graph-panel1 p strong{font-family: 'Pretendard';}
.section08 .graph-panel1 p span{font-family: 'Pretendard';display: inline-block;background: #411818;}
.section08 .graph-panel1 p em{font-family: 'Pretendard';color: #ff4141;}
.section08 .graph-panel1 .graph-cont{position: absolute;top:0;left:0;padding-top:120px;width:100%;height:100%;}
.section08 .graph-panel1 .chart-wrap{margin: 50px auto 0;width:100%;max-width:560px;}
.section08 .graph-panel1 .chart2{margin: 50px auto 0;}
.section08 .graph-panel1 .chart-wrap .inbox{position:relative;padding:30px;background: #27282c;border-radius: 10px;}
.section08 .graph-panel1 .chart-wrap .inbox canvas{width:100%;max-height:250px;}
.section08 .graph-panel1 .chart-wrap .inbox h4{font-family: 'Pretendard';text-align: center;  font-size: 20px;font-weight: bold;text-align: center;color: #fff;margin-bottom: 30px;}
.section08 .graph-panel1 .chart-wrap small{font-family: 'Pretendard';display: block;margin-top:10px;font-size: 14px;font-weight: bold;text-align: center;color: #aaa;}
.section08 .graph-panel1 .chart-wrap .number{font-family: 'Pretendard';position: absolute;top: 15px;right:0;width:120px;height:120px;border-radius: 100%;background: #131313;display: flex;align-items: center;justify-content: center;flex-direction: column;border:5px solid #27282c;}
.section08 .graph-panel1 .chart-wrap .number span{font-family: 'Pretendard';display:inline-block;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;text-align: center;color: #ff5353;}
.section08 .graph-panel1 .chart-wrap .number span em{font-family: 'Pretendard';display:inline-block;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;text-align: center;color: #ff5353;}
.section08 .graph-panel1 .chart-wrap .number i{display: inline-block;}


.section09{position:absolute;top:0;left:0;width:100%;height:100%;}
.section09 .sec09-cont1{position: absolute;top:0;left: 0;width:100%;height:100%;display: flex;align-items:center;justify-content:center;}
.section09 .sec09-cont1 .bg01{position: absolute;top:0;left: 0;width:100%;height:100%;background: url(../images/main/cont_bg7.jpg) 50% 50% no-repeat;background-size: cover;}
.section09 .sec09-cont1 .bg02{position: absolute;top:0;left: 0;width:100%;height:100%;background: url(../images/main/cont_bg8.jpg) 50% 50% no-repeat;background-size: cover;}
.section09 .sec09-cont1 .txt-box{}
.section09 .sec09-cont1 .txt-box p{font-size: 28px;font-weight: bold;line-height: 1.56;text-align: center;color: #fff;}
.section09 .sec09-cont1 .txt-box p .br{display: none;}
.section09 .sec09-cont2{position:absolute;top:0;left:0;width:100%;height:100%;background:#131313;display: flex;align-items: center;justify-content: center;}
.section09 .sec09-cont2 .obj-img01{position: absolute;top:0;left:60px;z-index: -1;}
.section09 .sec09-cont2 .obj-img01 img{display: block}
.section09 .sec09-cont2 .obj-img02{position: absolute;top:0;right:60px;z-index: -1;}
.section09 .sec09-cont2 .obj-img02 img{display: block}
.section09 .sec09-cont2 .graph-cont{position: absolute;top:0;left:0;padding-top:215px;width:100%;height:100%;}
.section09 .sec09-cont2 .chart-wrap{margin: 50px auto 0;width:100%;max-width:560px;}
.section09 .sec09-cont2 p{font-family: 'Pretendard';font-size: 24px;font-weight: 600;line-height: 1.54;text-align: center;color: #fff;}
.section09 .sec09-cont2 p span{font-family: 'Pretendard';display: inline-block;background: #124040;}
.section09 .sec09-cont2 p span em{font-family: 'Pretendard';display: inline;color: #00cccc;}
.section09 .sec09-cont2 p .br{display: none;}
.section09 .sec09-cont2 .chart-wrap .inbox{position:relative;padding:40px;background: #fff;border-radius: 10px;}
.section09 .sec09-cont2 .chart-wrap .inbox h4{font-family: 'Pretendard';text-align: center;  font-size: 20px;font-weight: bold;text-align: center;color: #131313;margin-bottom: 30px;}
.section09 .sec09-cont2 .chart-wrap .inbox canvas{width:100% !important;max-height:250px;}
.section09 .sec09-cont2 .chart-wrap .small{font-family: 'Pretendard';display: block;font-size: 14px;font-weight: bold;text-align: center;color: #787878;}
.section09 .sec09-cont2 .chart-wrap .small i{display: inline-block;width:40px;height:18px;  border: solid 1px #0cc;background-color: rgba(0, 204, 204, 0.44);margin-right:5px;vertical-align: middle;}
.section09 .sec09-cont2 .chart-wrap .number{font-family: 'Pretendard';position: absolute;top: 15px;right:0;width:120px;height:120px;border-radius: 100%;background: #131313;display: flex;align-items: center;justify-content: center;flex-direction: column;border:5px solid #fff;}
.section09 .sec09-cont2 .chart-wrap .number span{font-family: 'Pretendard';display:inline-block;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;text-align: center;color: #00cccc;}
.section09 .sec09-cont2 .chart-wrap .number span em{font-family: 'Pretendard';display:inline-block;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;text-align: center;color: #00cccc;}
.section09 .sec09-cont2 .chart-wrap .number i{display: inline-block;}


.section10{position:absolute;top:0;left:0;width:100%;height:100%;}
.section10 .sec10-cont1{position: absolute;top:0;left: 0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;background: #131313;}
.section10 .sec10-cont1 .obj1{position: absolute;top:0;left:110px;display: flex;align-items: center;height:100%;}
.section10 .sec10-cont1 .obj1 .obj-img1{position: relative;transform-origin: 100% 0%;}
.section10 .sec10-cont1 .obj2{position: absolute;top:0;right:120px;display: flex;justify-content:center;align-items: center;height: 100%;flex-direction: column;}
.section10 .sec10-cont1 .obj2 .obj-img2{position: relative;transform-origin: 100% 0%;}
.section10 .sec10-cont1 .obj2 .obj-img3{position: relative;top: 10px;left: -145px;transform-origin: 100% 0%;}
.section10 .sec10-cont1 .txt-box{}
.section10 .sec10-cont1 .txt-box p{font-family: 'Pretendard';font-size: 24px;font-weight: 500;line-height: 1.54;text-align: center;color: #fff;}
.section10 .sec10-cont1 .txt-box p span{font-family: 'Pretendard';display: inline-block;background-color: rgba(229, 229, 229, 0.2);padding: 0 5px;}
.section10 .sec10-cont1 .txt-box .t1{}
.section10 .sec10-cont1 .txt-box .t2{margin-top:30px;}
.section10 .sec10-cont2{position: absolute;top:0;left: 0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;background:url(../images/main/cont_bg9.jpg) no-repeat;background-size: cover}
.section10 .sec10-cont2:before{content:"";position: absolute;top:0;left:0;width:50%;height:100%;background-image: linear-gradient(to left, rgba(19, 19, 19, 0) 10%, rgba(19, 19, 19, 0.96) 77%, rgb(19, 19, 19) 112%);transition: all 0.8s;}
.section10 .sec10-cont2 .layer-blur{position: absolute;inset: -2px;background-image: radial-gradient(ellipse 65% 51% at 67% 50%, rgba(0, 0, 0, 0), #131313 67%);width: calc(100% + 4px);height: calc(100% + 4px);transition: all 0.8s;}
.section10 .sec10-cont2 .txt-box{position: absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1600px;}
.section10 .sec10-cont2 .txt-box p{font-family: 'Pretendard';font-size: 20px;font-weight: 500;line-height: 1.42;color: #fff;}
.section10 .sec10-cont2 .txt-box .t2{margin-top:30px;}
.section10 .sec10-cont2 .txt-box .t3{margin-top:30px;}
.section10 .sec10-cont3{position: absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: flex;align-items: center;justify-content: center;}
.section10 .sec10-cont3 p{font-family: 'Pretendard';font-size: 26px;font-weight: 600;line-height: 1.54;text-align: center;color: #fff;}
.section10 .sec10-cont3 p span{font-family: 'Pretendard';background: #411818;color: #ff5353;}
.section10 .sec10-cont3 p .br2{display: none;}
.section10 .sec10-cont3 .chart-wrap{margin:50px auto 0;max-width:669px;border-bottom: 1px solid #787878;position: relative;width: 600px;height: 420px;display: flex;align-items: center;justify-content: center;}
.section10 .sec010-cont3 .chart-wrap .inbox canvas{width:100%;max-height:435px;}
.section10 .sec10-cont3 .chart-container {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;max-width:435px;}
.section10 .sec10-cont3 .chart-bar {position: relative;width: 65px;height: 100%;background: rgba(255, 255, 255, 0.16);overflow: hidden;}
.section10 .sec10-cont3 .chart-fill {position: absolute;bottom: 0;left: 0;width: 100%; height:100%; background-image: linear-gradient(to bottom, #ff5353, #000);transition: height 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.section10 .sec10-cont3 .chart-value {position: absolute;opacity: 0;z-index: 10;}
.section10 .sec10-cont3 .year-label {font-family: 'Pretendard';position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 30px;font-weight: bold;letter-spacing: normal;text-align: center;color: #fff;}
.section10 .sec10-cont3 .total-label {font-family: 'Pretendard';position: absolute;right: -40px;top: 50%;transform: translateY(-50%);font-size: 32px;font-weight: bold;line-height: 1.56;letter-spacing: normal;text-align: left;color: #fff;}
.section10 .sec10-cont3 .chart-indicator {position: absolute;opacity: 0;}
.section10 .sec10-cont3 .progress-line {position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;background: #ff4444;transform: translateX(-50%);opacity: 0;}
.section10 .sec10-cont3 .scroll-guide {position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%);color: white;font-size: 16px;opacity: 0.7;z-index: 100;display: none;}

.section10 .sec10-cont4{position: absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: flex;justify-content: center;}
.section10 .sec10-cont4 .box{width:100%;height: 100%;display: flex;align-items:center;gap:188px;max-width:1440px;}
.section10 .sec10-cont4 .box > div{}
.section10 .sec10-cont4 .box .txt-box{flex:auto;}
.section10 .sec10-cont4 .box .txt-box i{display: inline-block;}
.section10 .sec10-cont4 .box .txt-box i img{display:block;}
.section10 .sec10-cont4 .box .txt-box em{display: block;margin-top:30px; font-size: 18px;font-weight: 800;letter-spacing: -0.4px;color: #858585;}
.section10 .sec10-cont4 .box .txt-box em span{display: block;color: #fff;}
.section10 .sec10-cont4 .box .txt-box p{margin-top:20px;font-size: 26px;font-weight: bold;line-height: 1.47;letter-spacing: -0.6px;color: #fff;}
.section10 .sec10-cont4 .box .chart-wrap{width:100%;max-width:616px;}
.section10 .sec10-cont4 .box .chart-wrap .label{display: flex;justify-content: flex-end;margin-bottom: 15px;gap:16px;}
.section10 .sec10-cont4 .box .chart-wrap .label span{font-family: 'Pretendard';display: flex;align-items:center;gap:6px;font-size: 17px;font-weight: normal;color: #e5e5e5;}
.section10 .sec10-cont4 .box .chart-wrap .label span i{display: inline-block;width:13px;height:13px;border-radius: 100%;background:#00cccc;}
.section10 .sec10-cont4 .box .chart-wrap .label span:first-child i{border: solid 2px #ff5353;background-color: rgba(255, 83, 83, 0.5);}
.section10 .sec10-cont4 .box .chart-wrap .inbox{position:relative;padding:40px;  border-radius: 10px;background-color: #27282c;height: 470px;}
.section10 .sec10-cont4 .box .chart-wrap .inbox canvas{width: 100%;max-height: 320px;}
.section10 .sec10-cont4 .box .chart-wrap .inbox h4{font-family: 'Pretendard';text-align: center;   font-size: 25px;font-weight: bold;color: #e5e5e5;margin-bottom: 30px;}
.section10 .sec10-cont4 .box .chart-wrap small{font-family: 'Pretendard';display: block;margin-top:10px;font-size: 14px;font-weight: bold;text-align: center;color: #aaa;}
.section10 .sec10-cont4 .box .chart-wrap .bird-icon {position: absolute;width: 80px;height: 80px;top: 0;left: 0;transition: transform 0.3s ease-out;pointer-events: none;z-index: 10;}
.section10 .sec10-cont5{position: absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: flex;justify-content: center;align-items: center;}
.section10 .sec10-cont5 h3{font-size: 26px;font-weight: bold;text-align: center;color: #fff;}
.section10 .sec10-cont5 h3 span{display: inline-block;color: #ff5353;}
.section10 .sec10-cont5 h3 br{display: none;}
.section10 .sec10-cont5 p{margin-top:20px;font-family: 'Pretendard';font-size: 22px;font-weight: 500;line-height: 1.54;text-align: center;color: #fff;}
.section10 .sec10-cont5 p span{font-family: 'Pretendard';display: inline-block;background: #411818;}
.section10 .sec10-cont5 p span em{font-family: 'Pretendard';display: inline;color: #ff5353;}
.section10 .sec10-cont5 p .br{display: none}
.section10 .sec10-cont5 .chart-wrap{margin:40px auto 0;position:relative;max-width:600px;}
.section10 .sec10-cont5 .chart-wrap .inbox{position:relative;padding:30px;background: #27282c;border-radius: 10px;}
.section10 .sec10-cont5  .chart-wrap .inbox h4{font-family: 'Pretendard'; font-size: 20px;font-weight: bold;text-align: center;color: #e5e5e5;margin-bottom: 20px;}
.section10 .sec10-cont5  .chart-wrap .inbox canvas{width:100%;max-height:300px;}
.section10 .sec10-cont5  .chart-wrap small{margin-top:20px;font-family: 'Pretendard';display: block;font-size: 14px;font-weight: bold;text-align: center;color: #787878;}
.section10 .sec10-cont5 .chart-wrap .number{font-family: 'Pretendard';position: absolute;top: 15px;right:0;width:120px;height:120px;border-radius: 100%;background: #131313;display: flex;align-items: center;justify-content: center;flex-direction: column;border:5px solid #27282c;}
.section10 .sec10-cont5  .chart-wrap .number span{font-family: 'Pretendard';display:inline-block;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;text-align: center;color: #ff5353;}
.section10 .sec10-cont5 .chart-wrap .number span em{font-family: 'Pretendard';display:inline-block;font-size: 30px;font-weight: 800;letter-spacing: -0.6px;text-align: center;color: #ff5353;}
.section10 .sec10-cont5  .chart-wrap .number i{transform:rotate(-180deg);display: inline-block;}
.section10 .sec10-cont6{position: absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: flex;justify-content: center;align-items: center;}
.section10 .sec10-cont6 .temperature{display: flex;justify-content:center;align-items: center;gap:32px;}
.section10 .sec10-cont6 .temperature > div{position:relative;display: flex;align-items: center;justify-content: center;border-radius: 100%;background: #27282c;flex-direction: column;}
.section10 .sec10-cont6 .temperature .equals{font-family: 'Pretendard';font-size: 40px;font-weight: 600;text-align: center;color: #fff;}
.section10 .sec10-cont6 .temperature .t-box1{width:170px;height:170px;}
.section10 .sec10-cont6 .temperature .t-box1 i{display: inline-block;}
.section10 .sec10-cont6 .temperature .t-box1 i img{display:block;}
.section10 .sec10-cont6 .temperature .t-box1 span{font-family: 'Pretendard';line-height:1;margin-top:15px;display:inline-block;font-size:21px;color: #fff;font-weight: 500;text-align: center;}
.section10 .sec10-cont6 .temperature .t-box1 strong{font-family: 'Pretendard';display: block;text-align: center;font-size:32px;color: #ff5353;margin-top:5px;line-height: 1;}
.section10 .sec10-cont6 .temperature .t-box2{width:250px;height:250px;}
.section10 .sec10-cont6 .temperature .t-box2 .shape{background: #27282c;border-radius: 100%;z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section10 .sec10-cont6 .temperature .t-box2:before{content: "";position: absolute;top:0;left:0;border-radius: 100%;background: rgba(255, 83, 83,0.2);display: block;width:100%;height:100%;transition: all 0.4s;animation: bling2 1.2s infinite linear;z-index: -1;}
.section10 .sec10-cont6 .temperature .t-box2 span{font-family: 'Pretendard';line-height:1;margin-top:15px;display:inline-block;font-size:26px;color: #fff;font-weight: 500;text-align: center;position: relative;z-index: 10;}
.section10 .sec10-cont6 .temperature .t-box2 strong{font-family: 'Pretendard';display: block;text-align: center;font-size:50px;color: #ff5353;margin-top:12px;line-height: 1;position: relative;z-index: 10;}
.section10 .sec10-cont6 p{font-family: 'Pretendard';margin-top:50px;font-size: 30px;font-weight: 500;line-height: 1.5;text-align: center;color: #fff;}
.section10 .sec10-cont6 p strong{font-family: 'Pretendard';display:inline-block;font-weight: 800;color: #ff5353;}
.section10 .sec10-cont6 p .br2{display: none;}
.section10 .sec10-cont7{position: absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: flex;justify-content: center;align-items: center;}
.section10 .sec10-cont7 .box{width:100%;max-width:1440px;padding:78px 0;background: url(../images/main/temperature.png) right center no-repeat;background-size: contain;}
.section10 .sec10-cont7 .box .txt-box i{display: inline-block;}
.section10 .sec10-cont7 .box .txt-box i img{display:block;}
.section10 .sec10-cont7 .box .txt-box em{display: block;margin-top:30px; font-size: 18px;font-weight: 800;letter-spacing: -0.4px;color: #858585;}
.section10 .sec10-cont7 .box .txt-box em span{display: block;color: #fff;}
.section10 .sec10-cont7 .box .txt-box p{margin-top:20px;font-size: 26px;font-weight: bold;line-height: 1.47;letter-spacing: -0.6px;color: #fff;}
.section10 .sec10-cont7 .box .txt-box p .br2{display: none;}


.section11{position:absolute;top:0;left:0;width:100%;height:100%;}

.section11 .sec11-cont1{position:relative;background: url(../images/main/cont_bg10.jpg) top right no-repeat;background-size: cover;height:100vh;}
.section11 .sec11-cont1:before{content: "";position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-image: linear-gradient(to left, rgba(19, 19, 19, 0) 10%, rgba(19, 19, 19, 0.96) 77%, rgb(19, 19, 19) 112%);transition: all 0.8s;}
.section11 .sec11-cont1 .txt-box{position:relative;max-width:1600px;margin: 0 auto;padding-top: 90px;z-index: 50;}
.section11 .sec11-cont1 .txt-box em{display: block;font-size: 16px;font-weight: 600;color: #01d8d8;}
.section11 .sec11-cont1 .txt-box h3{margin-top:25px;font-size: 38px;font-weight: 800;line-height: 1.48;letter-spacing: -0.84px;color: #fff;}
.section11 .sec11-cont1 .txt-box p{font-family: 'Pretendard';margin-top:35px;font-size:20px;font-weight: 500;line-height: 1.5;color: #fff;}
.section11 .sec11-cont1 .txt-box p .br2{display: none;}
.section11 .sec11-cont2{position:absolute;top:0;left:0;width:100%;height:100%;display: flex;justify-content: center;z-index: 100;}
.section11 .sec11-cont2 .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition: all 0.3s;}
.section11 .sec11-cont2 .bg:before{content: "";position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-image: linear-gradient(to left, rgba(19, 19, 19, 0) 10%, rgba(19, 19, 19, 0.96) 77%, rgb(19, 19, 19) 112%);transition: all 0.8s;}
.section11 .sec11-cont2 .bg1{background: url(../images/main/cont_bg11.jpg) top right no-repeat;background-size: cover;}
.section11 .sec11-cont2 .bg2{background: url(../images/main/cont_bg12.jpg) top right no-repeat;background-size: cover;}
.section11 .sec11-cont2 .txt-box{max-width:1600px;width:100%;}
.section11 .sec11-cont2 .txt-box p{position:relative;top:80%;transform:translateY(0);font-size: 20px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.5;color: #fff;opacity: 1;transition: all 0.2s;}
.section11 .sec11-cont3{position:absolute;top:0;left:0;width:100%;height:100%;display: flex;justify-content: center;align-items:center;z-index: 100;background: #131313;}
.section11 .sec11-cont3 .bg-wrap{position:absolute;top:0;left:50%;transform: translateX(-50%);width:100%;height:100vh;display: flex;justify-content: center;z-index: 100;}
.section11 .sec11-cont3 .bg{position:absolute;top:0;left:0;width:100%;height:100vh;display: flex;justify-content: center;z-index: 100;background-image: url(../images/main/cont_bg13.jpg);background-position:0 50%;background-size: 100% 100%;filter: grayscale(100%);background-repeat: no-repeat;}
.section11 .sec11-cont3 .mask{position: absolute;top: 0;left: -1px;width:calc(100% + 1px);height: 100%;background: rgba(0, 0, 0, 0.5);background-image: linear-gradient(to right, rgb(19, 19, 19) 0%, rgba(8, 8, 8, 0.1) 0%, rgba(0, 0, 0, 0));opacity: 1;z-index: 101;}
.section11 .sec11-cont3 .txt-box{position: relative;z-index: 102;text-align: center;}
.section11 .sec11-cont3 .txt-box:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 1px;height: 150px;background: rgba(255, 255, 255, 0.5);bottom: -200px;}
.section11 .sec11-cont3 .txt-box p{font-size: 28px;font-weight: normal;line-height: 1.56;letter-spacing: -0.64px;text-align: center;color: #fff;}
.section11 .sec11-cont3 .txt-box p .br2{display: none;}
.section11 .sec11-cont3 .txt-box i{margin-top:30px;display: inline-block;}
.section11 .sec11-cont3 .txt-box i img{display:block;}
.section11 .sec11-cont3  .highlight-mask {position: absolute;top: 0;left: 0;overflow: hidden;z-index: 103;width: 100%;height: 100%;padding: 0;clip-path: circle(12% at 39% 26%);}
.section11 .sec11-cont3  .highlight-mask img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section11 .sec11-cont3  .txt-box2{position: absolute;width:100%;max-width:1600px;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 104;}
.section11 .sec11-cont3  .txt-box2 .talk-box{width:55%;}
.section11 .sec11-cont3  .txt-box2 .talk-box .t1{}
.section11 .sec11-cont3  .txt-box2 .talk-box .t1 .name{position: relative;padding-left: 54px;  font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #858585;display: block;}
.section11 .sec11-cont3  .txt-box2 .talk-box .t1 .name em{display:block;font-weight: bold;color:#fff;}
.section11 .sec11-cont3  .txt-box2 .talk-box .t1 .name:before{content: "";position: absolute;left:0;width:42px;height:30px;background: url(../images/icon/ico_mic2.svg) no-repeat;background-size: cover;}
.section11 .sec11-cont3  .txt-box2 .talk-box .t1 p{margin-top:20px;display: inline-block;  border-radius: 20px;background-color: #000;padding:20px;  font-size: 22px;font-weight: normal;line-height: 1.5;letter-spacing: -0.56px;color: #fff;}
.section11 .sec11-cont3  .txt-box2 .talk-box .t1 p span{color: #00cccc;}
.section11 .sec11-cont3  .txt-box2 .talk-box .t2{margin-top:30px;display: flex;justify-content: flex-end;}
.section11 .sec11-cont3  .txt-box2 .talk-box .t2 span{display: inline-block;padding: 20px;border-radius: 20px;background-color: #363636;font-size: 26px;font-weight: normal;line-height: 1.4;letter-spacing: -0.6px;color: rgba(255,255,255,0.5);}
.section11 .sec11-cont4{position:absolute;top:0;left:0;width:100%;height:100vh;display: flex;justify-content: center;align-items:center;z-index: 100;background:url(../images/main/cont_bg14.jpg) no-repeat;background-size: cover;}
.section11 .sec11-cont4 .txt-box{width:100%;max-width:1600px;}
.section11 .sec11-cont4 .txt-box p{position:relative;font-family: 'Pretendard';font-size: 26px;font-weight: 600;line-height: 1.67;color: #fff;}
.section11 .sec11-cont4 .txt-box2{position: absolute;top:0;left:0;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.section11 .sec11-cont4 .txt-box2 i{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;}
.section11 .sec11-cont4 .txt-box2 p{font-family: 'Pretendard';font-size: 26px;font-weight: bold;line-height: 1;text-align: center;color: #fff;z-index: 1;}
.section11 .sec11-cont4 .txt-box2 .bg{position:absolute;top:0;left:0;width:100%;height:100%;    background:rgba(0,0,0,0.9);z-index: 1;}

.section12{position:absolute;top:0;left:0;width:100%;height:100%;}
.section12 .sec12-cont1{position: relative;top:0;left:0;width:100%;height:100%;background:#131313 url(../images/main/sec11_img01.jpg) right center no-repeat;display: flex;justify-content: center;align-items: center;z-index: 100;}
.section12 .sec12-cont1 .box{width:100%;max-width:1440px;}
.section12 .sec12-cont1 .box .txt-box i{display: inline-block;}
.section12 .sec12-cont1 .box .txt-box i img{display:block;}
.section12 .sec12-cont1 .box .txt-box em{display: block;margin-top:30px; font-size: 18px;font-weight: 800;letter-spacing: -0.4px;color: #858585;}
.section12 .sec12-cont1 .box .txt-box em span{display: block;color: #fff;}
.section12 .sec12-cont1 .box .txt-box p{margin-top:20px;font-size: 26px;font-weight: bold;line-height: 1.47;letter-spacing: -0.6px;color: #fff;}
.section12 .sec12-cont2{position:absolute;top:0;left:0;width:100%;height:100%;background:#131313;display: flex;justify-content: center;align-items: center;z-index: 100;}
.section12 .sec12-cont2 .box{text-align: center;}
.section12 .sec12-cont2 i{animation: scale 1.2s infinite linear;}
.section12 .sec12-cont2 i img{display: block;}
.section12 .sec12-cont2 h3{margin-top:20px;font-family: 'Pretendard';display: block;font-size: 26px;font-weight: bold;line-height: 1.1;letter-spacing: -0.8px;color: #fff;}
.section12 .sec12-cont3{position:absolute;top:0;left:0;width:100%;height:100%;background:#131313;display: flex;justify-content: center;align-items: center;z-index: 100;}
.section12 .sec12-cont3 .box{position: relative;}
.section12 .sec12-cont3 .box .txt{position: relative;}
.section12 .sec12-cont3 .box .txt p{font-size: 26px;font-weight: bold;line-height: 1.5;letter-spacing: -0.6px;text-align: center;color: #fff;}
.section12 .sec12-cont3 .box .txt .t2{position: absolute;top:0;left:0;width:100%;}
.section12 .sec12-cont3 .box .txt .t1 .br{display: none;}
.section12 .sec12-cont3 .box .txt .t2 .br{display: none;}
.section12 .sec12-cont3 .box .txt h3{font-size: 30px;font-weight: bold;line-height: 1.38;letter-spacing: -0.8px;text-align: center;color: #fff;position: absolute;top:0;left:0;width:100%;}
.section12 .sec12-cont3 .box .txt h3 .br{display: none;}
.section12 .sec12-cont3 .box .video-wrap{position:relative;max-width:750px;margin:50px auto 0;overflow: hidden;border-radius: 5px;}
.section12 .sec12-cont3 .box .video-wrap .poster{position: absolute;top:0;left:0;width:100%;height: 100%;background:url(../images/main/mv_bg02.jpg) no-repeat;background-size:cover;display: flex;align-items: center;justify-content: center;}
.section12 .sec12-cont3 .box .video-wrap .poster button{position: absolute;left:30px;bottom:30px;}
.section12 .sec12-cont3 .box .video-wrap .poster button img{display: block;}
.section12 .sec12-cont3 .box .video-wrap .poster p{font-family: 'Pretendard';text-align: center; font-size: 24px;font-weight: bold;letter-spacing: -0.48px;text-align: center;color: #fff;}
.section12 .sec12-cont3 .box .video-wrap .poster p em{font-family: 'Pretendard';color:#00cccc;}
.section12 .sec12-cont3 .box .video-wrap .poster p i{display: inline-block;margin:0 20px;vertical-align: middle;position: relative;top: -4px;}
.section12 .sec12-cont3 .box .video-wrap .poster p i img{display:block;}
.section12 .sec12-cont4{position:absolute;top:0;left:0;width:100%;height:100%;background:#131313;display: flex;justify-content: center;align-items: flex-end;z-index: 100;padding-bottom: 190px;}
.section12 .sec12-cont4 i{position: absolute;display: inline-block;opacity: 0.5}
.section12 .sec12-cont4 i img{display: block;}
.section12 .sec12-cont4 .obj01{top:20px;left:50px;}
.section12 .sec12-cont4 .obj02{top:36px;left:50%;transform: translateX(-50%);}
.section12 .sec12-cont4 .obj03{top:20px;right:50px;}
.section12 .sec12-cont4 .obj04{top:46%;left:31%;transform: translate(-50%, -50%);}
.section12 .sec12-cont4 .obj05{top:46%;left:67%;transform: translate(-50%, -50%);}
.section12 .sec12-cont4 .obj06{left:20px;bottom:65px;}
.section12 .sec12-cont4 .obj07{right:98px;bottom:50px;}
.section12 .sec12-cont4 .box{text-align: center;position: relative;z-index: 10;}
.section12 .sec12-cont4 .box h3{ text-shadow: 0 0 20px rgba(0, 0, 0, 0.41);font-size: 60px;font-weight: 800;text-align: center;color: #fff;}
.section12 .sec12-cont4 .box h3 br{display: none;}
.section12 .sec12-cont4 .box p{margin-top: 30px;font-size: 20px;font-weight: 600;line-height: 1.67;text-align: center;color: #fff;}
.section12 .sec12-cont4 .box p .br2{display: none;}


.section13{position:absolute;top:0;left:0;width:100%;height:100%;background: #131313;display: none;}
.section13 .box{display: flex;align-items: center;justify-content: center;width:100%;height:100%;}
.section13 .box .inner{}
.section13 .box .inner .cont{padding:0 70px;}
.section13 .box .t1{font-family: 'Pretendard';font-size: 16px;font-weight: 500;color: #fff;}
.section13 .box dl{margin-top:40px;}
.section13 .box dl dt{font-family: 'Pretendard';width:138px;font-size: 16px;font-weight: bold;color: #fff;}
.section13 .box dl dd{font-family: 'Pretendard';padding:0 0 10px 138px;font-size: 16px;font-weight: 500;color: #e5e5e5;}
.section13 .box .t2{margin-top:110px;font-family: 'Pretendard';font-size: 18px;font-weight: 500;text-align: center;color: #e5e5e5;}
.section13 .box .logo-box{margin-top:15px;display: flex;justify-content: center;gap:25px;}
.section13 .box .logo-box span{display: inline-block}
.section13 .box .logo-box span img{display:block}
.section13 .footer{position:absolute;bottom:0;left:0;width:100%;text-align: center;border-top:1px solid #787878;padding:20px 0;text-align: center;z-index: 10;}
.section13 .footer copyright{display: inline-block;font-size: 14px;font-weight: bold;text-align: center;color: #aaa;}

@media all and (max-width:1760px) {
}


@media all and (max-width:1600px) {
    .section06 .txt-box{padding:90px 20px 0;}

    .section07 .txt-box{padding:90px 20px 0;}

    .section10 .sec10-cont1 .obj1{width: 20%;}
    .section10 .sec10-cont1 .obj2{width: 15%;}
    .section10 .sec10-cont2 .txt-box{padding: 0 20px;}

    .section11 .sec11-cont1 .txt-box{padding:90px 20px 0;}
    .section11 .sec11-cont2 .txt-box{padding:0 20px;}
    .section11 .sec11-cont3 .txt-box2{padding:0 20px;}
    .section11 .sec11-cont4 .txt-box{padding:0 20px;}

    .section12 .sec12-cont4 .obj01{width:280px;top: 50px;left: 10px;}
    .section12 .sec12-cont4 .obj02{width:280px;top:55px;}
    .section12 .sec12-cont4 .obj03{width:280px;top:50px;right:10px;}
    .section12 .sec12-cont4 .obj04{width:230px;}
    .section12 .sec12-cont4 .obj05{width:230px;}
    .section12 .sec12-cont4 .obj06{width:280px;left: 10px;bottom: 20px;}
    .section12 .sec12-cont4 .obj07{width:280px;right: 10px;bottom: 20px;}
}


@media all and (max-width:1460px) {
    .section01 .intro-txt{font-size:80px;}
    .section01 .text-line{font-size:80px;}
    .section01 .text-cont h2{font-size:80px;}
    .section01 .text-cont h2 span{top:15px;}
    .section01 .text-cont.on h2 span{width:205px;}
    .section01 .text-cont h2 span img{width:205px;max-width: 205px;}
    .section01 .text-cont p{font-size:36px;}
    .section01 .sec01-cont2 .inbox p{font-size:18px;}
    .section01 .sec01-cont2 .inbox h3{font-size:46px;}

    /*.section03 .sec02-cont3 .txt-box h3{font-size:46px;}*/
    /*.section03 .sec02-cont3 .txt-box p{font-size:22px;}*/

    .section04 .txt-wrap h3{font-size: 44px;}
    .section04 .bg2 h3{font-size: 36px;}

    .section05 .txt-box h3{font-size:42px;}

    .section06 .txt-box h3{font-size:38px;}

    .section07 .txt-box h3{font-size:38px;}

    .section08 .txt-box h3{font-size:38px;}
    .section08 .graph-panel1 h3{font-size:38px;}

    .section10 .sec10-cont4 .box{padding:0 20px;gap: 100px;}
    .section10 .sec10-cont4 .box .txt-box p{font-size:26px;}

    /*.section10 .sec10-cont5 h3{font-size:36px;}*/
    .section10 .sec10-cont7 .box{padding:70px 20px;background: url(../images/main/temperature.png) right center no-repeat;background-size: 50%;}

    .section11 .sec11-cont1 .txt-box h3{font-size:38px;}
    .section11 .sec11-cont4 .txt-box2 p{font-size:36px;}

    .section12 .sec12-cont1 .box{padding:0 20px;}
    .section12 .sec12-cont2 h3{font-size:36px;}
    .section12 .sec12-cont3 .box .txt h3{font-size:36px;}
    .section12 .sec12-cont4 .box h3{font-size:60px;}


}


@media all and (max-width:1280px) {
    .section01 .intro-txt{font-size:70px;}
    .section01 .text-line{font-size:70px;}
    .section01 .text-cont h2{font-size:70px;}
    .section01 .text-cont h2 span{top:10px;}
    .section01 .text-cont.on h2 span{width:170px;margin: 0 20px;}
    .section01 .text-cont h2 span img{width:170px;max-width:170px;}
    .section01 .text-cont p{font-size:32px;}
    .section01 .sec01-cont1 p{font-size:26px;}
    .section01 .sec01-cont1 .t2 em{font-size:30px;}
    .section01 .sec01-cont2 .inbox p{font-size:16px;}
    .section01 .sec01-cont2 .inbox h3{font-size:42px;}
    .section01 .sec01-cont2 .inbox .input-box{margin-top:35px;}

    .section03 .sec02-cont3 .txt-box h3{font-size:34px}
    .section03 .sec02-cont3 .txt-box p{font-size:18px;}
    .section03 .point-box .p1{bottom:3%;}
    .section03 .point-box .p2{right:23%;bottom: -13%;}

    .section04 .txt-wrap{padding-top: 100px;}
    .section04 .txt-wrap h3{font-size: 40px;}
    .section04 .txt-wrap p{font-size:20px;word-break: auto-phrase;}
    .section04 .bg2 h3{margin-top:80px;font-size: 32px;word-break: auto-phrase;}
    .section04 .bg2 ul{margin-top:80px;gap:50px;padding:0 20px;}
    .section04 .bg2 ul li{width:calc(50% - 25px);}
    .section04 .bg2 ul li p{padding:20px;font-size:18px;}
    .section04 .bg2 ul li:nth-child(1) p{left:10%;}
    .section04 .bg2 ul li:nth-child(2) p{top:10%;}
    .section04 .bg2 ul li:nth-child(4) p{top:10%;left:10%;}

    .section05{padding:0 20px;}
    .section05 .txt-box h3{font-size:38px;}
    .section05 .txt-box p{font-size:20px;}

    .section06{padding:0 20px;}
    .section06 .txt-box{padding:90px 0 0;}
    .section06 .txt-box h3{font-size:34px;}
    .section06 .txt-box p{font-size:20px;}
    .section06 .quiz01 .box p{font-size:30px;}
    .section06 .quiz01 .box .modal-layer1 .modal-top{height:60px;}
    .section06 .quiz01 .box .modal-layer1 .modal-top h3{font-size:18px;}
    .section06 .quiz01 .box .modal-layer1 .modal-top h3:before{top:1px;}
    .section06 .quiz01 .box .modal-layer1 .modal-cont{padding:20px;gap:20px;}
    .section06 .quiz01 .box .modal-layer1 .modal-cont figure{width:400px;}
    .section06 .quiz01 .box .modal-layer1 .modal-cont .txt{width:calc(100% - 420px);font-size:20px;}

    .section07{padding:0 20px;}
    .section07 .txt-box{padding:90px 0 0;}
    .section07 .txt-box h3{font-size:34px;}
    .section07 .txt-box p{font-size:20px;}
    .section07 .quiz02 h3{font-size:30px;}
    .section07 .quiz02 p{font-size:16px;}
    .section07 .quiz02 .q-cont{max-width: 65%;margin: 30px auto 0;}
    .section07 .quiz02 .q-cont .input-box input[type="number"]{height:50px;}
    .section07 .quiz02 .q-cont .input-box button{height:50px;}
    .section07 .quiz02 .q-cont .modal-layer2{top:50%;height: 100%;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-cont i{width:200px;height:200px;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-cont p{font-size:20px;}

    .section08 .txt-box{padding:0 20px;}
    .section08 .txt-box h3{font-size:34px;}
    .section08 .txt-box p{margin-top:35px;font-size:20px;}
    .section08 .graph-panel1{padding-top: 90px;}
    .section08 .graph-panel1 h3{font-size:34px;}
    .section08 .graph-panel1 .graph-cont{padding-top:155px;}
    .section08 .graph-panel1 p{margin-top:0;font-size:26px;}
    .section08 .graph-panel1 .chart-wrap{margin-top:50px;}
    .section08 .graph-panel1 .chart-wrap .number{width:100px;height:100px;}
    .section08 .graph-panel1 .chart-wrap .number span{font-size:26px;}
    .section08 .graph-panel1 .chart-wrap .number span em{font-size:26px;}

    .section09 .sec09-cont1 .txt-box p{font-size:28px;}
    .section09 .sec09-cont2 .chart-wrap{margin-top:50px;}
    .section09 .sec09-cont2 .chart-wrap .number{width:100px;height:100px;}
    .section09 .sec09-cont2 .chart-wrap .number span{font-size:26px;}
    .section09 .sec09-cont2 .chart-wrap .number span em{font-size:26px;}

    .section10 .sec10-cont1 .txt-box p{font-size: 22px;}
    .section10 .sec10-cont1 .obj1{width:20%;left:55px;}
    .section10 .sec10-cont1 .obj2{width:20%;right:55px;}
    .section10 .sec10-cont1 .obj2 .obj-img3{left:-5px;}
    .section10 .sec10-cont2 .txt-box{padding:0 20px;}
    .section10 .sec10-cont2 .txt-box p{font-size:20px;}
    .section10 .sec10-cont3 p{font-size:22px;}
    .section10 .sec10-cont3 .chart-wrap{margin-top:60px;height: 400px;}
    .section10 .sec10-cont3 .year-label{font-size:26px;}
    .section10 .sec10-cont3 .total-label{font-size:28px}
    .section10 .sec10-cont4 .box{gap:40px;}
    .section10 .sec10-cont4 .box .txt-box i{width:140px;}
    .section10 .sec10-cont4 .box .txt-box em{font-size:16px;}
    .section10 .sec10-cont4 .box .txt-box p{font-size:22px;}
    .section10 .sec10-cont4 .box .chart-wrap{max-width:calc(50% - 20px);}
    .section10 .sec10-cont4 .box .chart-wrap .inbox h4{font-size:22px;}
    .section10 .sec10-cont5 .box{padding-top: 40px;}
    .section10 .sec10-cont5 h3{font-size:32px;}
    .section10 .sec10-cont5 p{margin-top:30px;font-size:22px;}
    .section10 .sec10-cont5 .chart-wrap{margin-top:60px;}
    .section10 .sec10-cont5 .chart-wrap .inbox h4{font-size:20px;}
    .section10 .sec10-cont5 .chart-wrap .inbox canvas{max-height:200px;}
    .section10 .sec10-cont5 .chart-wrap .number{width:100px;height:100px;}
    .section10 .sec10-cont5 .chart-wrap .number span{font-size:26px;}
    .section10 .sec10-cont5 .chart-wrap .number span em{font-size:26px;}
    .section10 .sec10-cont6 .temperature .t-box1{width:150px;height:150px;}
    .section10 .sec10-cont6 .temperature .t-box1 span{font-size:18px;}
    .section10 .sec10-cont6 .temperature .t-box1 strong{font-size:28px;}
    .section10 .sec10-cont6 .temperature .t-box2{width:220px;height:220px;}
    .section10 .sec10-cont6 .temperature .t-box2 span{font-size:22px;}
    .section10 .sec10-cont6 .temperature .t-box2 strong{font-size:40px;}
    .section10 .sec10-cont6 p{margin-top:40px;font-size:26px;}
    .section10 .sec10-cont7 .box .txt-box i{width:140px;}
    .section10 .sec10-cont7 .box .txt-box em{font-size: 16px;}
    .section10 .sec10-cont7 .box .txt-box p{font-size:26px;}

    .section11 .sec11-cont1 .txt-box em{}
    .section11 .sec11-cont1 .txt-box h3{font-size:34px;}
    .section11 .sec11-cont1 .txt-box p{font-size:20px;}
    .section11 .sec11-cont2 .txt-box p{font-size:20px;}
    .section11 .sec11-cont3 .txt-box{padding:0 20px;}
    .section11 .sec11-cont3 .txt-box p{font-size:28px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t1 .name{font-size:16px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t1 p{padding:20px;font-size:24px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t2{margin-top:30px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t2 span{padding:20px;font-size:26px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t2 + .t1 {margin-top:20px;}
    .section11 .sec11-cont4 .txt-box p{font-size:26px;}
    .section11 .sec11-cont4 .txt-box2 p{font-size:32px;}

    .section12 .sec12-cont1 .box .txt-box i{width:140px;}
    .section12 .sec12-cont1 .box .txt-box em{font-size:16px;}
    .section12 .sec12-cont1 .box .txt-box p{font-size:26px;}
    .section12 .sec12-cont2 h3{font-size:32px;}
    .section12 .sec12-cont3 .box .txt p{font-size:26px;}
    .section12 .sec12-cont3 .box .txt h3{font-size:32px;}
    .section12 .sec12-cont3 .box .video-wrap{margin-top:40px;max-width:850px;}
    .section12 .sec12-cont3 .box .video-wrap .poster p{font-size:20px;}
    .section12 .sec12-cont3 .box .video-wrap .poster p i{width:170px;}
    .section12 .sec12-cont4{padding-bottom: 100px;}
    .section12 .sec12-cont4 .box h3{font-size:50px;}
    .section12 .sec12-cont4 .box p{font-size:20px;}
    .section12 .sec12-cont4 .obj01{width:250px;top: 50px;left: 10px;}
    .section12 .sec12-cont4 .obj02{width:250px;top:55px;}
    .section12 .sec12-cont4 .obj03{width:250px;top:50px;right:10px;}
    .section12 .sec12-cont4 .obj04{width:200px;}
    .section12 .sec12-cont4 .obj05{width:200px;}
    .section12 .sec12-cont4 .obj06{width:250px;left: 10px;bottom: 20px;}
    .section12 .sec12-cont4 .obj07{width:250px;right: 10px;bottom: 20px;}

}

@media all and (max-width:1024px) {
    .section01 .intro-txt{font-size:60px;}
    .section01 .text-line{font-size:60px;}
    .section01 .text-cont h2{font-size:60px;}
    .section01 .text-cont h2 span{}
    .section01 .text-cont.on h2 span{width:145px;}
    .section01 .text-cont h2 span img{width:145px;max-width:145px;}
    .section01 .text-cont p{margin-top:30px;font-size:28px;}
    .section01 .sec01-cont1 p{font-size:22px;}
    .section01 .sec01-cont1 .t2 em{font-size:26px;}
    .section01 .sec01-cont1 p .br2{display: inline;}
    .section01 .sec01-cont1 .in-txt{padding:0 20px;}
    .section01 .obj-bird{width:450px;}
    .section01 .sec01-cont2 .inbox h3{margin-top:15px;font-size:38px;}
    .section01 .sec01-cont2 .inbox .input-box{margin-top:25px;}
    .section01 .sec01-cont2 .inbox .input-box input[type="text"]{height:50px;font-size:16px;}
    .section01 .sec01-cont2 .inbox .input-box button{margin-top:20px;height:50px;font-size: 18px;}

    .section03 .sec02-cont3 .layer-blur{display: none;}
    .section03 .sec02-cont3 .txt-box{padding:0 20px;}
    .section03 .sec02-cont3 .txt-box h3{font-size:32px;word-break: auto-phrase;}
    .section03 .sec02-cont3 .txt-box p{font-size:16px;margin-top:15px;word-break: auto-phrase;}
    .section03 .set-point{left: 59.25%;top: 35.94%;width: 15.2%;height: 5.05%;}
    .section03 .set-point i{width:40px;height:40px;}
    .section03 .set-point i em{bottom:-20px;font-size:13px;line-height: 26px;width:50px;}
    .section03 .point-box{left:initial;right:24%;top: 12.36%;width: 39.96%;height: 32.1%;}
    .section03 .point-box .port{width:50px;height:50px;font-size:14px;}
    .section03 .point-box i{width:60px;height:60px;}
    .section03 .point-box i em{bottom:-26px;width:50px;line-height: 26px;font-size:13px;}
    .section03 .point-box .p1{left:0;bottom:12%;}
    .section03 .point-box .p2{right:30%;bottom:0;}
    .section03 .sec02-cont3 .bg:after{height:25%;}
    .section03 .sec02-cont3 .bg2:after{height: 25%;}
    .section03 .path-line path {stroke-width: 3;stroke-dasharray: 10 8;}

    .section04 .txt-wrap{padding-top: 80px;}
    .section04 .txt-wrap h3{font-size: 36px;}
    .section04 .txt-wrap p{font-size:16px;margin-top:35px;}
    .section04 .bg{background: url(../images/main/cont_bg2_t.jpg) left bottom no-repeat;background-size:100%;}
    .section04 .bg2 h3{margin-top:70px;font-size: 28px;}
    .section04 .bg2 h3 .br{display:none;}
    .section04 .bg2 h3 .br2{display: inline;}
    .section04 .bg2 ul{margin-top:60px;gap:20px;padding:0;}
    .section04 .bg2 ul li{width:calc(50% - 10px);}
    .section04 .bg2 ul li p{display:block;font-size:16px;word-break: auto-phrase;}
    .section04 .bg2 ul li p .br{display: none;}
    .section04 .bg2 ul li:nth-child(1) p{left:0%;}
    .section04 .bg2 ul li:nth-child(2) p{top:0%;}
    .section04 .bg2 ul li:nth-child(4) p{top:0%;left:0%;}

    .section05{padding:20px;}
    .section05 .inner{height:100%;}
    .section05 .txt-box{padding-top: 60px;}
    .section05 .txt-box h3{font-size:34px;}
    .section05 .txt-box p{margin-top:20px;font-size:16px;}
    .section05 .scroll-wrapper{margin-top:40px;height:100%;}
    .section05 ul{margin-top:0;gap:20px;padding-bottom: 0;height: 100%;}
    .section05 ul li{width:calc(50% - 10px);padding-top: 0;height:calc(50% - 10px);}
    .section05 ul li:nth-child(even){top:0;}

    .section06{padding:0 20px;}
    .section06 .txt-box{padding-top: 70px;}
    .section06 .txt-box em{font-size:16px;}
    .section06 .txt-box h3{font-size:30px;}
    .section06 .txt-box p{margin-top:30px;font-size:16px;word-break: auto-phrase;}
    .section06 .quiz01{padding:20px;}
    .section06 .quiz01 .box em{line-height: 32px;font-size:16px;}
    .section06 .quiz01 .box p{font-size: 26px;}
    .section06 .quiz01 .box .list{margin-top:40px;}
    .section06 .quiz01 .box ul{gap:20px;}
    .section06 .quiz01 .box .modal-layer1 .modal-top{height:50px;}
    .section06 .quiz01 .box .modal-layer1 .modal-top h3{font-size:16px;padding-left: 25px;}
    .section06 .quiz01 .box .modal-layer1 .modal-top h3:before{top:1px;width:20px;height:20px;}
    .section06 .quiz01 .box .modal-layer1 .modal-cont{height:calc(100% - 50px);}
    .section06 .quiz01 .box .modal-layer1 .modal-cont figure{width:calc(45% - 10px);}
    .section06 .quiz01 .box .modal-layer1 .modal-cont .txt{font-size: 16px;width:calc(55% - 10px);}

    .section07{padding:0 20px;}
    .section07 .txt-box{padding-top:70px;}
    .section07 .txt-box em{line-height: 32px;font-size:16px;}
    .section07 .txt-box h3{font-size:30px;}
    .section07 .txt-box p{margin-top:30px;font-size:16px;word-break: auto-phrase;}
    .section07 .quiz02 em{line-height: 32px;font-size: 16px;}
    .section07 .quiz02 h3{font-size:26px;margin-top:10px;}
    .section07 .quiz02 p{font-size:15px;}
    .section07 .quiz02 .q-cont{margin-top:20px;}
    .section07 .quiz02 .q-cont{max-width: 65%;margin:20px auto 0;}
    .section07 .quiz02 .q-cont .input-box input[type="number"]{height:50px;font-size:16px;}
    .section07 .quiz02 .q-cont .input-box button{height:50px;font-size:16px;}
    .section07 .quiz02 .q-cont .video-box .txt p{font-size:16px;}
    .section07 .quiz02 .q-cont .modal-layer2{transform: none;top:0;left:0%;max-width:100%;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-top{height:50px;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-top h3{font-size:16px;padding-left: 25px;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-top h3:before{top:1px;width:20px;height:20px;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-cont{height:calc(100% - 50px);}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-cont i{width:180px;height:180px;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-cont p{margin-top:20px;font-size:16px;}

    .section08 .txt-box h3{font-size:30px;}
    .section08 .txt-box p{margin-top:25px;font-size:16px;}
    .section08 .graph-panel1 h3{font-size:30px;}
    .section08 .graph-panel1 h3 br{display: inline;}
    .section08 .graph-panel1 .graph-cont{padding-top: 190px;}
    .section08 .graph-panel1 p{font-size:22px;}
    .section08 .graph-panel1 .chart-wrap .inbox{padding:20px;}
    .section08 .graph-panel1 .chart-wrap .inbox h4{font-size:16px;margin-bottom: 20px;}
    .section08 .graph-panel1 .chart-wrap .number{width:80px;height:80px;}
    .section08 .graph-panel1 .chart-wrap .number span{font-size:22px;}
    .section08 .graph-panel1 .chart-wrap .number span em{font-size:22px;}

    .section09 .sec09-cont1{padding-bottom: 60px;}
    .section09 .sec09-cont1 .txt-box p{font-size:24px;}
    .section09 .sec09-cont2{padding:0 20px;}
    .section09 .sec09-cont2 .obj-img01{top:70px;left:20px;width:300px;}
    .section09 .sec09-cont2 .obj-img02{top:70px;right:20px;width:300px;}
    .section09 .sec09-cont2 p{font-size:22px;}
    .section09 .sec09-cont1 .txt-box p{font-size:24px;}
    .section09 .sec09-cont2 .chart-wrap{margin-top:30px;}
    .section09 .sec09-cont2 .chart-wrap .inbox{padding:20px;}
    .section09 .sec09-cont2 .chart-wrap .inbox h4{font-size: 16px;margin-bottom: 20px;}
    .section09 .sec09-cont2 .chart-wrap .number{width:80px;height:80px;transform: translateX(10px) !important;top:-25px;}
    .section09 .sec09-cont2 .chart-wrap .number span{font-size:20px;}
    .section09 .sec09-cont2 .chart-wrap .number span em{font-size:20px;}

    .section10 .sec10-cont1 .txt-box p{font-size: 18px;}
    .section10 .sec10-cont2 .txt-box p{font-size:16px;}
    .section10 .sec10-cont3 p{font-size:18px;word-break: auto-phrase;}
    .section10 .sec10-cont3 p .br{display: none;}
    .section10 .sec10-cont3 p .br2{display:inline;}
    .section10 .sec10-cont3 .chart-wrap{margin-top:30px;height: 250px;}
    .section10 .sec10-cont3 .year-label{font-size:22px;}
    .section10 .sec10-cont3 .chart-bar{width:50px;}
    .section10 .sec10-cont3 .total-label{font-size:24px;}
    .section10 .sec10-cont4 .box{gap:20px;}
    .section10 .sec10-cont4 .box .txt-box i{width:100px;}
    .section10 .sec10-cont4 .box .txt-box em{font-size:14px;}
    .section10 .sec10-cont4 .box .txt-box p{font-size:18px;}
    .section10 .sec10-cont4 .box .chart-wrap{max-width:calc(50% - 20px);}
    .section10 .sec10-cont4 .box .chart-wrap .inbox{padding:20px;height:400px;}
    .section10 .sec10-cont4 .box .chart-wrap .label span{font-size:15px;}
    .section10 .sec10-cont4 .box .chart-wrap .inbox h4{font-size:18px;margin-bottom: 20px;}
    .section10 .sec10-cont5 h3{font-size:28px;}
    .section10 .sec10-cont5 p{margin-top:20px;font-size:18px;}
    .section10 .sec10-cont5 .chart-wrap{margin-top:30px;}
    .section10 .sec10-cont5 .chart-wrap .inbox{padding:20px;}
    .section10 .sec10-cont5 .chart-wrap .inbox h4{font-size:16px;margin-bottom: 20px;}
    .section10 .sec10-cont5 .chart-wrap small{margin-top:10px;}
    .section10 .sec10-cont5 .chart-wrap .number{width:80px;height: 80px;}
    .section10 .sec10-cont5 .chart-wrap .number span{font-size:20px;}
    .section10 .sec10-cont5 .chart-wrap .number span em{font-size:20px;}
    .section10 .sec10-cont6 .temperature .t-box1{width:120px;height:120px;}
    .section10 .sec10-cont6 .temperature .t-box1 span{font-size:16px;}
    .section10 .sec10-cont6 .temperature .t-box1 strong{font-size:24px;}
    .section10 .sec10-cont6 .temperature .t-box2{width:200px;height:200px;}
    .section10 .sec10-cont6 .temperature .t-box2 span{font-size:18px;}
    .section10 .sec10-cont6 .temperature .t-box2 strong{font-size:30px;}
    .section10 .sec10-cont6 p{margin-top:30px;font-size:22px;}
    .section10 .sec10-cont7 .box .txt-box i{width:100px;}
    .section10 .sec10-cont7 .box .txt-box em{font-size: 16px;}
    .section10 .sec10-cont7 .box .txt-box p{font-size:22px;}

    .section11 .sec11-cont1 .txt-box{padding:70px 20px 20px;}
    .section11 .sec11-cont1 .txt-box em{font-size:16px;}
    .section11 .sec11-cont1 .txt-box p{font-size:16px;margin-top: 30px;}
    .section11 .sec11-cont2 .txt-box p{font-size:16px;}
    .section11 .sec11-cont3 .txt-box p{font-size:24px;}
    .section11 .sec11-cont3 .txt-box p .br2{display: inline;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t1 .name{font-size:14px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t1 p{padding:10px;font-size:20px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t2{margin-top:20px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t2 span{padding:10px;font-size:22px;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t2 + .t1 {margin-top:20px;}
    .section11 .sec11-cont4 .txt-box2 .bg{background-image: linear-gradient(to right, rgb(19, 19, 19) 65%, rgba(8, 8, 8, 0.1) 100%, rgba(0, 0, 0, 1));}
    .section11 .sec11-cont4 .txt-box p{font-size:22px;}
    .section11 .sec11-cont4 .txt-box2 p{font-size:28px}

    .section12 .sec12-cont1 .box .txt-box i{width:100px;}
    .section12 .sec12-cont1 .box .txt-box em{font-size:16px;}
    .section12 .sec12-cont1 .box .txt-box p{font-size:22px;}
    .section12 .sec12-cont2 h3{font-size:28px;}
    .section12 .sec12-cont3 .box .txt p{font-size:22px;}
    .section12 .sec12-cont3 .box .txt h3{font-size:28px;}
    .section12 .sec12-cont3 .box .video-wrap{margin-top:35px;max-width:75%;}
    .section12 .sec12-cont3 .box .video-wrap .poster button{left:20px;bottom:20px;width:50px;}
    .section12 .sec12-cont3 .box .video-wrap .poster p{font-size:16px;}
    .section12 .sec12-cont3 .box .video-wrap .poster p i{width: 100px;margin: 0 10px;top: -2px;}
    .section12 .sec12-cont4{padding-bottom: 50px;}
    .section12 .sec12-cont4 .box h3{font-size:40px;}
    .section12 .sec12-cont4 .box p{font-size:16px;margin-top:30px;}
    .section12 .sec12-cont4 .obj01{width:200px;}
    .section12 .sec12-cont4 .obj02{width:200px;}
    .section12 .sec12-cont4 .obj03{width:200px;}
    .section12 .sec12-cont4 .obj04{width:150px;}
    .section12 .sec12-cont4 .obj05{width:150px;}
    .section12 .sec12-cont4 .obj06{width:200px;}
    .section12 .sec12-cont4 .obj07{width:200px;}

    .section13 .box .t1{font-size:14px;}
    .section13 .box dl{margin-top:30px;}
    .section13 .box dl dt{font-size:14px;width:120px;}
    .section13 .box dl dd{font-size:14px;padding: 0 0 10px 120px;}
    .section13 .box .t2{margin-top:80px;font-size: 16px;}
    .section13 .footer{}

}



@media all and (max-width:768px) {
    .section01 .intro-txt{font-size:50px;}
    .section01 .text-line{font-size:50px;}
    .section01 .text-cont h2{font-size:50px;line-height: 1.3;}
    .section01 .text-cont h2 br{display: inline;}
    .section01 .text-cont h2 span{top:7px;}
    .section01 .text-cont.on h2 span{width:120px;margin: 0 10px;}
    .section01 .text-cont h2 span img{width:120px;max-width: 120px;}
    .section01 .text-cont p{margin-top:20px;font-size:24px;}
    .section01 .sec01-cont1{background: #131313 url(../images/main/m_sec01-cont1_bg.jpg) top center no-repeat;background-size: 100%;}
    .section01 .sec01-cont1 p{font-size:18px;word-break: auto-phrase;}
    .section01 .sec01-cont1 p .br{display: none;}
    .section01 .sec01-cont1 .t1 .br{display: inline;}
    .section01 .sec01-cont1 .t2 em{font-size:22px;}
    .section01 .obj-bird{width:400px;}
    .section01 .sec01-cont2{padding:0 20px;}
    .section01 .sec01-cont2 .inbox h3{margin-top:10px;font-size:34px;}
    .section01 .sec01-cont2 .inbox .input-box{margin-top:20px;}
    .section01 .sec01-cont2 .inbox .input-box input[type="text"]{height:50px;font-size:15px;}
    .section01 .sec01-cont2 .inbox .input-box button{font-size:16px;}


    .section03 .sec02-cont3 .map-img{top:0;}
    .section03 .sec02-cont3 .txt-box h3{font-size:26px}
    .section03 .sec02-cont3 .txt-box p{font-size:15px;margin-top:10px; font-family: 'Pretendard';}
    .section03 .set-point{left: 57.25%;top: 34.94%;width: 19.2%;height: 5.05%;}
    .section03 .set-point i{width:30px;height:30px;}
    .section03 .set-point i em{bottom:-26px;}
    .section03 .set-point .p1{left:0;bottom:33%;}
    .section03 .set-point .p2{right:1%;bottom:-10%;}
    .section03 .point-box{right:24%;top: 13.36%;width: 45.96%;height: 28.1%;}
    .section03 .point-box .port{top:0;}
    .section03 .point-box i{width:50px;height:50px;}
    .section03 .point-box i span{width:14px;height:14px;}
    .section03 .point-box i em{bottom:-26px;}
    .section03 .point-box .p1{left:0;bottom:14%;}
    .section03 .point-box .p2{right:29%;bottom:0;}
    .section03 .inwrap{padding-bottom: 40px;}
    .section03 .inwrap2{padding-bottom: 40px;}
    .section03 .inwrap3 p .br{display: inline;}
    .section03 .sec02-cont3 .inwrap2 .txt-box h3 br{display:inline;}
    .section03 .sec02-cont3 .inwrap2 .txt-box p .br{display: inline;}
    .section03 .inwrap3{padding-bottom: 40px;}
    .section03 .path-line path {stroke-width: 2;stroke-dasharray: 5 3;}


    .section04 .txt-wrap{padding: 70px 20px 20px;}
    .section04 .txt-wrap h3{font-size: 32px;}
    .section04 .txt-wrap h3 p{font-size: 15px;margin-top:20px;}
    .section04 .txt-wrap p .br{display: inline;}
    .section04 .bg{background: url(../images/main/cont_bg2_m.jpg) left bottom no-repeat;background-size:100%;}
    .section04 .bg2{padding:0 20px;}
    .section04 .bg2 h3{font-size: 24px;}
    .section04 .bg2 h3 .br{display: none;}
    .section04 .bg2 ul{margin-top:30px;gap:20px;}
    .section04 .bg2 ul li{width:100%;}
    .section04 .bg2 ul li p{padding:10px;font-size:14px;}

    .section05 .inner{transition:none;}
    .section05 .scroll-wrapper{min-height: 100vh;}
    .section05 .txt-box h3{font-size:30px;}
    .section05 .txt-box h3 .br{display: inline;}
    .section05 .txt-box p{font-size:14px;margin-top:10px;word-break: auto-phrase;}
    .section05 .txt-box p br{display:inline;}
    .section05 ul{gap:20px;}
    .section05 ul li{width:100%;height: auto;padding-top: 50%;}

    .section06{background: url(../images/main/cont_bg4_m.jpg) bottom center no-repeat;background-size: 100%;}
    .section06 .txt-box h3{margin-top:15px;font-size:26px;}
    .section06 .txt-box p{font-size:14px;}
 /*   .section06 .txt-box p .br{display: none;} */
    .section06 .quiz01 .box em{line-height: 30px;font-size:14px;}
    .section06 .quiz01 .box p{font-size:22px;}
    .section06 .quiz01 .box p br{display: inline;}
    .section06 .quiz01 .box .modal-layer1{position:fixed;top:55%;left:50%;height:auto;max-height:calc(100% - 50px);transform: translate(-50%, -50%);max-width:calc(100% - 40px);}
    .section06 .quiz01 .box .modal-layer1 .modal-cont{flex-direction: column;align-items: flex-start;overflow-y: auto;}
    .section06 .quiz01 .box .modal-layer1 .modal-cont figure{width:100%;}
    .section06 .quiz01 .box .modal-layer1 .modal-cont .txt{width:100%;font-size:14px;}

    .section07{background: url(../images/main/cont_bg5_m.jpg) bottom center no-repeat;background-size: 100%;}
    .section07 .txt-box em{line-height: 30px;font-size:14px;}
    .section07 .txt-box h3{font-size:26px;}
    .section07 .txt-box p{margin-top:20px;font-size:14px;word-break: auto-phrase;}
    .section07 .quiz02 .box{padding:0 20px;}
    .section07 .quiz02 em{line-height: 30px;font-size: 14px;}
    .section07 .quiz02 h3{font-size:22px;margin-top:10px;}
    .section07 .quiz02 h3 .br2{display: inline;}
    .section07 .quiz02 p{font-size:14px;}
    .section07 .quiz02 .q-cont{max-width: 90%;margin:20px auto 0;border-radius: 10px;}
    .section07 .quiz02 .q-cont .input-box input[type="number"]{height:40px;font-size:14px;}
    .section07 .quiz02 .q-cont .input-box button{height:40px;font-size:14px;}
    .section07 .quiz02 .q-cont .video-box .txt p{font-size:14px;}
    .section07 .quiz02 .q-cont .video-box .txt button{width:40px;}
    .section07 .quiz02 .q-cont .modal-layer2{position: fixed;left:50%;top: 50%;max-width: calc(100% - 40px);transform: translate(-50%, -50%);height:auto;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-cont i{width:140px;height:140px;}

    .section08 .txt-box h3{font-size:26px;}
    .section08 .txt-box p{margin-top:20px;font-size:14px;}
    .section08 .graph-panel1{padding:60px 20px 0;}
    .section08 .graph-panel1 h3{font-size:26px;}
    .section08 .graph-panel1 p{font-size:18px;}
    .section08 .graph-panel1 p br{display: inline;}
    .section08 .graph-panel1 .graph-cont{padding: 165px 20px 0;}
    .section08 .graph-panel1 .chart-wrap{margin-top:20px;}
    .section08 .graph-panel1 .chart-wrap .inbox{padding:10px;}
    .section08 .graph-panel1 .chart-wrap .inbox h4{margin-bottom: 10px;}
    .section08 .graph-panel1 .chart-wrap .inbox canvas{max-height:200px;}
    .section08 .graph-panel1 .chart-wrap .number{top:-10px;opacity: 1;transform: translateX(10px) !important;}
    .section08 .graph-panel1 .chart-wrap .number span{font-size:18px;}
    .section08 .graph-panel1 .chart-wrap .number span em{font-size:18px;}

    .section09 .sec09-cont1 .txt-box p .br{display: inline;}
    .section09 .sec09-cont2 .chart-wrap .inbox canvas{max-height:200px;}
    .section09 .sec09-cont2 .chart-wrap{max-width: 100%;}
    .section09 .sec09-cont2 p{font-size:18px;word-break: auto-phrase;}
    .section09 .sec09-cont2 p br{display: inline;}
    .section09 .sec09-cont2 p .br{display: inline;}
    .section09 .sec09-cont1 .bg01{background: #131313 url(../images/main/cont_bg7_m.jpg) top center no-repeat;background-size: 100%;}
    .section09 .sec09-cont1 .bg02{background: #131313 url(../images/main/cont_bg8_m.jpg) top center no-repeat;background-size: 100%;}
    .section09 .sec09-cont1 .txt-box{padding:0 20px;}
    .section09 .sec09-cont1 .txt-box p{font-size:20px;word-break: auto-phrase;}
    .section09 .sec09-cont1 .txt-box .t2 br{display: inline;}
    .section09 .sec09-cont1 .txt-box .t2 .br{display: inline;}
    .section09 .sec09-cont2 .obj-img01{width:35%;}
    .section09 .sec09-cont2 .obj-img02{width:35%;}


    .section10 .sec10-cont1 .txt-box p{font-size: 16px;}
    .section10 .sec10-cont1 .obj1{left:10px;align-items: flex-start;padding-top: 80px;width:35%;}
    .section10 .sec10-cont1 .obj2{top:30px;right:5px;justify-content: flex-end;padding-bottom: 20px;width:35%;align-items: flex-end;}
    .section10 .sec10-cont1 .obj2 .obj-img3{top: -45px;left: -66px;width: 80%;}
    .section10 .sec10-cont2{background:#131313 url(../images/main/cont_bg9_m.jpg) bottom center no-repeat;background-size:100%;}
    .section10 .sec10-cont2 .layer-blur{display: none;}
    .section10 .sec10-cont2 .txt-box{left:0;transform: none;top:90px;}
    .section10 .sec10-cont2:before{opacity: 0;}
    .section10 .sec10-cont3 .box{padding:0 20px;}
    .section10 .sec10-cont3 p{font-size:16px;}
    .section10 .sec10-cont3 .chart-wrap{width:100%;max-width:100%;height:200px;}
    .section10 .sec10-cont3 .year-label{font-size:18px;left:55px;}
    .section10 .sec10-cont3 .total-label{font-size:20px;right:10px;}
    .section10 .sec10-cont4 .box{flex-direction: column;align-items: flex-start;justify-content: flex-start;padding-top: 70px;}
    .section10 .sec10-cont4 .box .txt-box{flex: none;}
    .section10 .sec10-cont4 .box .txt-box i{width:60px;display: none;}
    .section10 .sec10-cont4 .box .txt-box em{margin-top:15px;}
    .section10 .sec10-cont4 .box .txt-box p{font-size:15px;margin-top: 15px;}
    .section10 .sec10-cont4 .box .chart-wrap{max-width:100%;height: calc(100% - 220px);}

    .section10 .sec10-cont4 .box .chart-wrap .label{margin-bottom: 10px;}
    .section10 .sec10-cont4 .box .chart-wrap .label span{font-size:13px;}
    .section10 .sec10-cont4 .box .chart-wrap .inbox{height: calc(100% - 40px);}
    .section10 .sec10-cont4 .box .chart-wrap .inbox h4{font-size:16px;margin-bottom: 10px;}
    .section10 .sec10-cont4 .box .chart-wrap .inbox canvas{max-height: calc(100% - 35px);}
    .section10 .sec10-cont4 .box .chart-wrap .bird-icon{display: none;}
    .section10 .sec10-cont5{align-items: flex-start;}
    .section10 .sec10-cont5 .box{height:100%;padding: 70px 20px 20px;}
    .section10 .sec10-cont5 h3{font-size:24px;}
    .section10 .sec10-cont5 h3 br{display: inline;}
    .section10 .sec10-cont5 p{font-size:16px;}
    .section10 .sec10-cont5 p .br{display:inline}
    .section10 .sec10-cont5 .chart-wrap{height: calc(100% - 225px);}
    .section10 .sec10-cont5 .chart-wrap .inbox{height: calc(100% - 30px);}
    .section10 .sec10-cont5 .chart-wrap .inbox canvas{width:100% !important;max-height: calc(100% - 50px);}
    .section10 .sec10-cont5 .chart-wrap .number{top:-10px;opacity: 1;transform: translateX(10px) !important;}
    .section10 .sec10-cont5 .chart-wrap .number span{font-size:18px;}
    .section10 .sec10-cont5 .chart-wrap .number span em{font-size:18px;}
    .section10 .sec10-cont6 .box{padding:0 20px;}
    .section10 .sec10-cont6 .temperature{gap:20px;}
    .section10 .sec10-cont6 .temperature .t-box1{width:100px;height:100px;}
    .section10 .sec10-cont6 .temperature .t-box1 i{width:45px;}
    .section10 .sec10-cont6 .temperature .t-box1 span{margin-top:10px;font-size:14px;}
    .section10 .sec10-cont6 .temperature .t-box1 strong{font-size:20px;}
    .section10 .sec10-cont6 .temperature .t-box2{width:160px;height:160px;}
    .section10 .sec10-cont6 .temperature .t-box2 span{font-size:16px;}
    .section10 .sec10-cont6 .temperature .t-box2 strong{font-size: 22px;margin-top:10px;}
    .section10 .sec10-cont6 p{margin-top:25px;font-size:18px;word-break: auto-phrase;}
    .section10 .sec10-cont6 p .br2{display: inline}
    .section10 .sec10-cont7 .box{height:100%;padding:70px 20px 20px;background: url(../images/main/temperature.png) bottom center no-repeat;background-size: 100%;}
    .section10 .sec10-cont7 .box .txt-box i{width:80px;}
    .section10 .sec10-cont7 .box .txt-box em{font-size: 14px;margin-top:20px;}
    .section10 .sec10-cont7 .box .txt-box p{font-size:16px;margin-top:20px;}
    .section10 .sec10-cont7 .box .txt-box p .br2{display: inline;}


    .section11 .sec11-cont1:before{width:100%;background-image: linear-gradient(to left, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0.96) 90%, rgb(19, 19, 19) 112%)}
    .section11 .sec11-cont1 .txt-box h3{margin-top:15px;font-size:26px;}
    .section11 .sec11-cont1 .txt-box p{font-size:14px;margin-top:20px;}
    .section11 .sec11-cont1 .txt-box p .br2{display:inline;}
    .section11 .sec11-cont2 .txt-box p{font-size:15px;padding:10px;background: rgba(0,0,0,0.3); will-change: transform;
        transform: translateZ(0);
        backface-visibility: hidden;}
    .section11 .sec11-cont2 .bg:before{display:none;width:100%;background-image: linear-gradient(to left, rgba(19, 19, 19, 0) 0%, rgba(19, 19, 19, 0.96) 90%, rgb(19, 19, 19) 112%)}
    .section11 .sec11-cont2 .bg1{background:#131313 url(../images/main/cont_bg11_m.jpg) bottom center no-repeat;background-size: 100%;}
    .section11 .sec11-cont2 .bg2{background:#131313 url(../images/main/cont_bg12_m.jpg) bottom center no-repeat;background-size: 100%;}
    .section11 .sec11-cont3 .bg{background: url(../images/main/m_cont_bg13.png) top center no-repeat;background-size: 100%;}
    .section11 .sec11-cont3 .bg-wrap{left:0 !important;transform: none !important;}
    .section11 .sec11-cont3 .mask{opacity: 0;}
    .section11 .sec11-cont3 .highlight-mask{display: none !important;}
    .section11 .sec11-cont3 .txt-box p{font-size:20px;word-break: auto-phrase;}
    /*.section11 .sec11-cont3 .txt-box p .br{display: none;}*/
    .section11 .sec11-cont3 .txt-box i{width:70px;}
    .section11 .sec11-cont3 .txt-box:after{display: none;}
    .section11 .sec11-cont3 .txt-box2{transform: none;top:0;left:0;padding:70px 20px 20px;height:100%;display: flex;align-items: flex-end;}
    .section11 .sec11-cont3 .txt-box2 .talk-box{width:100%;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t1 p{margin-top:10px;border-radius: 15px;font-size: 16px;word-break: auto-phrase;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t1 p br{display: none;}
    .section11 .sec11-cont3 .txt-box2 .talk-box .t2 span{font-size:18px;}
    .section11 .sec11-cont4{background:#131313 url(../images/main/cont_bg14_m.jpg) center bottom no-repeat;background-size: 100%; align-items: flex-start;padding-top: 90px;}
    .section11 .sec11-cont4 .txt-box2 .bg{background-image: linear-gradient(to right, rgb(19, 19, 19, 1) 70%, rgba(8, 8, 8, 0.7) 100%, rgba(0, 0, 0, 1));}
    .section11 .sec11-cont4 .txt-box p{font-size:18px;}
    .section11 .sec11-cont4 .txt-box2 p{font-size:24px}

    .section12 .sec12-cont1{background: #131313 url(../images/main/sec11_img01.jpg) bottom center no-repeat;background-size: 100%;}
    .section12 .sec12-cont1 .box{height:100%;padding:70px 20px 20px;}
    .section12 .sec12-cont1 .box .txt-box i{width:80px;}
    .section12 .sec12-cont1 .box .txt-box em{font-size:14px;margin-top:20px;}
    .section12 .sec12-cont1 .box .txt-box p{font-size:16px;margin-top:20px;word-break: auto-phrase;}
    /*.section12 .sec12-cont1 .box .txt-box p .br{display: none;}*/
    .section12 .sec12-cont2 i{width:150px;}
    .section12 .sec12-cont2 h3{margin-top:0;font-size:24px;}
    .section12 .sec12-cont3 .box{padding:0 20px;}
    .section12 .sec12-cont3 .box .txt p{font-size:18px;word-break: auto-phrase;}
    .section12 .sec12-cont3 .box .txt p br{display: none;}
    .section12 .sec12-cont3 .box .txt .t1 .br{display: inline}
    .section12 .sec12-cont3 .box .txt .t2 .br{display: inline}
    .section12 .sec12-cont3 .box .txt h3{font-size:24px;}
    .section12 .sec12-cont3 .box .txt h3 br{display: none;}
    .section12 .sec12-cont3 .box .txt h3 .br{display: inline;}
    .section12 .sec12-cont3 .box .video-wrap{max-width: 100%;}
    .section12 .sec12-cont3 .box .video-wrap .poster p i{display: block;margin:5px auto;}
    .section12 .sec12-cont3 .box .video-wrap .poster button{width:40px;}
    .section12 .sec12-cont4{padding-bottom: 30px;}
    .section12 .sec12-cont4 .box{padding:0 20px;}
    .section12 .sec12-cont4 .box h3{font-size:30px;}
    .section12 .sec12-cont4 .box p{font-size:16px;margin-top:10px;word-break: auto-phrase;}
    .section12 .sec12-cont4 .obj01{width:150px;}
    .section12 .sec12-cont4 .obj02{width:150px;}
    .section12 .sec12-cont4 .obj03{width:150px;}
    .section12 .sec12-cont4 .obj04{width:150px; top: 32%;}
    .section12 .sec12-cont4 .obj05{width:150px; top: 32%;}
    .section12 .sec12-cont4 .obj06{width:150px;bottom:125px; top: 40%;}
    .section12 .sec12-cont4 .obj07{width:150px;bottom:125px; top: 40%;}
    .section12 .sec12-cont4 .box h3 br{display: inline;}
    .section12 .sec12-cont4 .box p .br2{display: inline;}

    .section13 .box{padding:20px 20px 50px;}
    .section13 .box .t1{font-size:14px;}
    .section13 .box dl{margin-top:20px;}
    .section13 .box dl dt{font-size:14px;width:120px;}
    .section13 .box dl dd{font-size:14px;padding: 0 0 10px 120px;}
    .section13 .box .t2{margin-top:40px;font-size: 15px;}
    .section13 .footer{padding:15px 5px;}
    .section13 .footer copyright{font-size:13px;}

}



@media all and (max-width:460px) {
    .section01 .intro-txt{font-size:40px;}
    .section01 .text-line{font-size:40px;}
    .section01 .text-cont h2{font-size:40px;}
    .section01 .text-cont h2 span{top:5px;}
    .section01 .text-cont.on h2 span{width:95px;margin:0 10px 0 0;}
    .section01 .text-cont h2 span img{width:95px;max-width:95px;}
    .section01 .text-cont p{font-size:20px;}
    .section01 .obj-bird{top:90px;width:100%;}
    .section01 .sec01-cont2 .inbox h3{font-size:30px;}

    .section03 .sec02-cont3 .txt-box h3{font-size:22px}
    .section03 .set-point .p1{bottom:12%;}
    .section03 .set-point .p2{right: -6%;bottom: -27%;}
    .section03 .point-box .p1{bottom:11%;}
    .section03 .point-box .p2{right:25%;}

    .section04 .txt-wrap h3{font-size:28px;}
    .section04 .bg2 h3{font-size: 20px;}
    .section04 .bg2 ul{margin-top: 20px;gap:10px;}


    .section05 .txt-box h3{font-size:20px;}

    .section06 .txt-box h3{font-size:20px;}
    .section06 .quiz01 .box p{font-size:20px;}

    .section07 .quiz02 h3{font-size:20px;}
    .section07 .quiz02 .q-cont .modal-layer2 .modal-cont i{width:100px;height:100px;}

    .section08 .txt-box h3{font-size:20px;}
    .section08 .graph-panel1 h3{font-size:20px;}
    .section08 .graph-panel1 .graph-cont{padding-top: 150px;}
    .section08 .graph-panel1 p{font-size:14px;}

    .section09 .sec09-cont2 p{font-size:16px;}
    .section09 .sec09-cont1 .txt-box p{font-size:16px;}

    .section10 .sec10-cont6 p br{display: none;}

    .section11 .sec11-cont1 .txt-box h3{font-size:20px;}
    .section11 .sec11-cont4 .txt-box p{font-size:16px;}
    .section11 .sec11-cont4 .txt-box2 p{font-size:20px}

    .section12 .sec12-cont2 h3{font-size:18px;margin-top:-60px;}
    .section12 .sec12-cont3 .box .txt p{font-size:16px;}
    .section12 .sec12-cont3 .box .txt h3{font-size:20px;}
    .section12 .sec12-cont4 .box h3{font-size:26px;}
    .section12 .sec12-cont4 .obj01{width:120px;}
    .section12 .sec12-cont4 .obj02{width:120px;}
    .section12 .sec12-cont4 .obj03{width:120px;}
    .section12 .sec12-cont4 .obj04{width:120px;}
    .section12 .sec12-cont4 .obj05{width:120px;}
    .section12 .sec12-cont4 .obj06{width:120px;bottom:100px;}
    .section12 .sec12-cont4 .obj07{width:120px;bottom:100px;}

    .section13 .box .t2{margin-top:30px;font-size: 15px;}
}