a,a:hover{outline: none !important} @media(min-width:1200px) and (max-width:1400px){ .main_section .scroll_ani1{font-size: 13em} /*.txt_bg .text1,.txt_bg .text2{font-size: 24em !important} .video_bg video{width: 120vw !important}*/ .port_section .inner{width: 90% !important} .port_section .inner .txt h2{font-size: 4.5em !important} .port_section .inner .txt h3{font-size: 4.5em !important} .video_section .txt_wrap h2{font-size: 4em !important} .about >.title h2{font-size: 76px !important} .about .section3 .txt_wrap .title h2{font-size: 86px !important} .about .section4 .title h2{font-size: 86px !important} } } @media(min-width:300px) and (max-width:1100px){ .pc{display: none} .mobile{display: block;} .sub_title ul li{font-size: 11px !important;padding: 0 5px !important} .sub_title ul li:after{display: none !important} .txt_bg .text1{font-size: 20em !important} } @media(min-width:1001px) and (max-width:8000px){ .pc{display: block} .mobile{display:none;} } fieldset .btn_submit{height: 60px !important} /*header*/ header{position: fixed;width: 100%;top: 0;z-index: 20} header .header{padding: 23px 0;width: 90.36%;box-sizing:border-box;position: relative;height: 102PX;margin: 0 auto;overflow: hidden} header .logo{float: left;} header .logo img{width: 135px} .menu{;position: absolute;z-index: 9999;top: 40px;right: 0;} .menu ul li{display: inline-block;margin-left: 20px} .menu ul li a{font-size: 16px;font-weight: 500;outline: none !important} .menu ul li a:hover{outline: none !important} .active{top: 0 !important;opacity: 1 !important;left: 0} .pc .active span:after{width: 238px !important} .amvb{width: 88%;margin: 81px auto 62px;overflow: hidden;} .amvb h5{float: left;margin-right: 80px;font-size: 18px;font-weight: 600;color: #040911;margin-top: 10px;transition:all 1.3s ease;top:70px;opacity: 0;margin-bottom: 15px;position: relative;} .amvb h2{float: left;color: #040911;font-size: 30px;line-height: 50px;font-weight: 300;transition:all 1.3s ease;top:70px;opacity: 0;position: relative;} .amvb h2 span{display: inline-block;position:relative;} .amvb h2 span:after{content: '';height: 11px;width: 0;transition:all 1.3s 0.3s ease;;position: absolute;background: #ced9fd;display: block;top: 30px;z-index:-1} footer{padding-top: 120px;text-align: center;background: #fff;position: relative;z-index: 5} footer .footer_top {margin-bottom: 30px} footer .footer_top ul{} footer .footer_top ul li{display: inline-block;margin: 0 17px} footer .footer_top a{font-size: 15px;font-weight: 500;color: #000 !important} footer .footer_top a:hover{color: #000 !important} footer .footer_bottom>span{font-size: 13px;margin: 0 10px} footer .footer_bottom .medium{font-weight: 500} footer .copy{margin-top: 12px;font-size: 14px;padding-bottom: 7px} @keyframes typo01-after{0%{left:0;width:0}50%{width:100%}to{right:0;width:0}} @-webkit-keyframes typo01-after{0%{left:0;width:0}50%{width:100%}to{right:0;width:0}} @media(min-width:300px) and (max-width:1100px){ header .logo img { width: 95px !important;} .side{width: 100% !important} .side{cursor: url(../images/cursor1.png), auto;pointer-events: none;position: fixed;z-index: 9999;top: 0;right: -20%;bottom: 0;width: 531px;background:#fff;box-sizing: border-box;padding: 180px 0 0 60px;opacity: 0;transition: opacity 0.3s ease} .side ul li{margin-bottom: 56px;} .side ul li a{font-size: 28px;font-weight: 500;border:none !important;outline:none !important;} .side ul li a:hover{color: #000 !important} .side ul li a:focus{color: #000 !important} .side .sns{margin-top: } .black{position:fixed;top:0;left: 0;width: 100%;background: rgba(0,0,0,0.6);z-index:99;bottom: 0;right: 0;display: none} .on1{z-index:9999 !important;overflow-x:hidden !important;visibility:visible !important;opacity: 1 !important;pointer-events: auto !important} .pc{display: none} .mobile{display: block;} .sub_title{width: 95% !important;margin-bottom: 0 !important} .sub_title ul li{font-size: 11px !important;padding: 0 5px !important} .sub_title ul li:after{display: none !important} .tab_menu{position: fixed;width: 38px;height: 38px;z-index: 99999;cursor: pointer;top: 20px;right: 4.79%} .tab_menu .btn_tab{width: 100%;height: 100%;padding: 0;position: relative;z-index:99999;transition: all 0.3s ;border:none !important} .tab_menu .btn_tab span.line_wrap{width: 36px;height: 20px;display: block;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .tab_menu .btn_tab span.line_wrap span{width: 100%;background: #000;height: 2px;transition: all 0.3s ease;position: absolute;} .tab_menu .btn_tab span.line_wrap span.li01{top: 0} .tab_menu .btn_tab span.line_wrap span.li02{top: 10px} .tab_menu .btn_tab span.line_wrap span.li03{top: 19px} /* .tab_menu .btn_tab:hover{background:#000;} .tab_menu .btn_tab:hover span.line_wrap span{background: #fff}*/ .tab_close{} .tab_close .btn_tab{background:none;} .tab_close span.li01{transform:matrix(0.8071, 0.8071, -0.5571, 0.5571, 0.2, 9.5);} .tab_close span.li02{opacity: 0;visibility: hidden;} .tab_close span.li03{transform:matrix(0.8071, -0.8071, 0.5571, 0.5571, -0.3, -9);} .txt_bg .text1{font-size: 20em !important;display: grid !important} .main_section>.inner{height: 140vh !important;padding-bottom: 25px !important} .main_section .txt_top{transform: translate(0, -50%) !important;top: 50% !important;padding-bottom: 40px} .main_section .txt_top h2{font-size: 4em !important} .main_section .scroll_ani1{color: #000 !important} .main_section .txt_top .t_hidden{color: #000 !important} .main_section .txt_bottom h5{font-size: 18px !important} .main_section .scroll_down img{width: 45px !important} .txt_section{height: 25em !important;overflow: hidden;} .txt_bg{height: 25em !important;display: grid !important} .txt_bg .text1,.txt_bg .text2{font-size: 12.5em !important;line-height: 1.2 !important;margin-bottom: 0 !important;height: auto !important} .txt_bg .text2{position: relative;top: -0.2em} .txt_section .txt_section1,.txt_section .video_wrap,.txt_section .text_wrap{height: 28em !important} .video_bg video{height: 60vh !important;width: auto !important} .port_section {overflow: hidden;padding-bottom: 0 !important} .port_section .inner{width: 93% !important;display: block !important;height: auto !important} .port_section .inner .txt h2,.port_section .inner .txt h3{font-size: 3.2em !important} .port_section .inner .txt .txt_wrap span{width: 6px !important;height: 60px !important} .port_section .inner .txt .txt_wrap .tag{font-size: 2em !important} .scroll-container { overflow: hidden !important; width: 100% !important; /* 화면에 보이는 영역의 너비를 2.5개의 아이템만큼으로 설정 */ } .scroll-list { display: flex; width: calc(100% * 8); /* 항목 개수에 따라 변경 */ animation: slide 35s linear infinite; /* 애니메이션 속도 조정 가능 */ } .scroll-list li { width: calc(100% / 15) !important; /* 항목 개수에 따라 변경 */ flex-shrink: 0;top:0 !important; } @keyframes slide { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .scroll-list img { display: block; width: 100%; height: auto; } .video_section .main_video .on video{width: 80% !important;padding: 30px 20px;box-sizing: border-box;transform: translate(0,0) !important;} .video_section .txt_wrap{position: relative !important;right: 0 !important;width: 100%;margin: 0 auto;padding: 0 20px;box-sizing: border-box;} .video_section .txt_wrap h2{font-size: 2em !important} .video_section .txt_wrap h5{padding: 15px 20px !important;font-size: 0.9em !important;left: 0 !important} .video_section .main_video .video_wrap{height: auto !important} footer{padding-top: 50px !important} .about >.title .txt_wrap{top: 40% !important} .about >.title .txt_wrap>div{margin-bottom: 0 !important} .about >.title h2{font-size: 2em !important;margin-bottom: 0.5em !important} .about .section2 .txt_inner>div{height: auto !important} .about .section2 .txt_inner h2{font-size: 1.2em !important;height: auto !important;width: 90%;margin: 0 auto;word-break: keep-all;} .about .section3 .txt_wrap .title{margin-bottom: 10vh !important} .about .section3 .txt_wrap .title h2{font-size: 2.5em !important;line-height: 1.4 !important} .about .section3 .txt_wrap .title h4{font-size: 1.2em !important;line-height: 1.4 !important } .about .section3 .video_wrap {height: 85vh !important} .about .section3 .video_wrap video{width: auto !important;height: 100vh !important} .about .section3 .txt_wrap .contents ul{width: 93% !important;margin: 0 0 0 auto !important;white-space: nowrap; transform: translate(0%, 0); transition: transform 1s ease;overflow: auto !important;} .about .section3 .txt_wrap .contents ul li{float: none !important;display: inline-block !important;width:auto !important;margin-right: 35px;padding: 0 !important;transition: transform 0.5s ease, opacity 0.5s ease;} .about .section3 .txt_wrap .contents ul li h3{font-size: 22px !important} .about .section3 .txt_wrap .contents ul li h5{font-size: 17px !important} .about .section4 .title{padding: 75px 0 10px !important;width: 93% !important;margin: 0 auto} .about .section4 .title h2{font-size: 2.5em !important} .about .section4 .title h4{font-size: 1em !important;line-height: 1.5 !important;letter-spacing: -0.6px} .about .section4 ul{width: 93% !important} .about .section4 ul li{width: 33.333% !important} .about .section4 ul li img {width: 100%} .sec_line4{top: -40vh !important} } header{background: none} #intro_wrap{background: #000;height: 100vh;position: relative; transition: all 1s ease-out; /* 부드러운 전환 효과 */} #intro_wrap .txt_inner {position: absolute;top: 50%;transform: translate(0,-50%);left: 0;width: 100%;text-align: center;} .sub_title{margin:0 auto 40px;font-size: 22px;color: #fff;width: 60%} .sub_title ul{text-align: center;padding: 0} .sub_title ul li{display: inline-block;padding: 0 20px;font-size: 22px;color: #fff;font-weight: 400;position: relative; transform: translate(0,-50px);opacity: 0;} .sub_title ul li:nth-child(1){transition: all 0.8s ease} .sub_title ul li:nth-child(2){transition: all 0.8s 0.6s ease} .sub_title ul li:nth-child(3){transition: all 0.8s 0.9s ease} .sub_title ul li:nth-child(4){transition: all 0.8s 1.2s ease} .sub_title ul li:after{content: '';position: absolute;width: 1px;height: 22px;background: #fff;top: 0px;right: 0} .sub_title ul li:last-child:after{display:none;} #intro_wrap svg { width: 60%; height: auto; display: block; margin: 0 auto; overflow: } #intro_wrap .path { stroke-dasharray: 4000; stroke-dashoffset: 4000; animation: draw 5s linear forwards, fill 1s ease-in 3s forwards; } @keyframes draw { to { stroke-dashoffset: 0; } } @keyframes fill { from { fill: transparent; } to { fill: #cfb25d; } } #intro_wrap .st1 { fill: transparent; stroke: #cfb25d; stroke-width: 2; } #wrap{} .main_section{position: relative;background: #e9e6e0} .main_section>.inner{width: 100%;height: 190vh;position: relative;padding-bottom: 300px} .main_section .scroll_ani1{/*font-size: 20em*/;font-weight: 700;line-height: 1} .main_section .scroll_ani2{/*font-size: 20em*/;font-weight: 700;line-height: 1} .main_section .txt_top{text-align: center;position: sticky;top: 5%;width: 100%;top: 100px;transition: all 0.6s;margin-top: 0px;transform: translate(0,-20%);} .main_section .txt_top .t_hidden{opacity: 0;font-size: 20em;font-weight: 700;line-height: 1;transition: opacity 0.6s} .main_section .txt_bottom{position: absolute;bottom: 6.5%;left: 0;width: 100%;text-align: center;opacity: 0} .main_section .txt_bottom h5{font-size: 24px;font-weight: 700;opacity: 0.6;line-height: 1.4} .main_section .scroll_down{position: fixed;bottom: 10px;width: 100%;transform: translate(-50%,0);left: 50%;text-align: center;opacity: 0.8;} .main_section .scroll_down img{width: 70px;animation: scrollDown 3s 1s ease-in-out infinite;} @keyframes scrollDown { 0% {transform:translateY(-60px); opacity:0;} 50% {opacity:1} 100% {transform:translateY(60px); opacity: 0;} } .txt_section{position: relative;z-index: 5;height: 910px;overflow: hidden;} .text_wrap{width: 100%;height: 910px;position: absolute;top: 0;left:0;z-index: 2;mix-blend-mode: lighten; } .txt_bg{width: 100%;height: 100%;background: #fff;display: block;;align-items: center;overflow: hidden;justify-content: center;align-items: end;} .txt_bg .text1{color: #000;font-size: 440px;font-weight: 700;animation:marquee linear 25s infinite;line-height: 1.25; height: 440px} .txt_bg .text2{color: #000;font-size: 440px;font-weight: 700;animation:marquee2 linear 25s infinite;line-height: 1.2;margin-bottom: -0.09em;height: 440px} .video_wrap{overflow: visible;;display: block;;box-sizing: border-box;;width: 100%;height: 910px;z-index: auto;float: none; } .video_bg{width: 100%;height: 100%;padding: 0;position: relative;overflow: hidden; background: #000} .video_bg video{width: 110vw;opacity: 0.7} @keyframes marquee{from{transform:translate(50%)}99%,to{transform:translate(-100%)}} @keyframes marquee2{from{transform:translate(-50%)}99%,to{transform:translate(100%)}} .port_section{position: relative;background: #e9e6e0;padding: 100px 0;z-index: 5} .port_section .inner{width: 80%;margin: 0 auto;;height: 425vh;display: flex;} .port_section .inner .txt{width: 100%} .port_section .inner .txt .txt_wrap{position: sticky;top:100px;} .port_section .inner .txt .txt_wrap .title_eimok{padding-top: 5px} .port_section .inner .txt .txt_wrap span{display: block;width: 8px;height: 70px;background: #000;margin: 40px 0} .port_section .inner .txt .txt_wrap .tag{font-size: 2.8em;line-height: 1} .port_section .inner .txt h2{font-size: 5em;font-weight: 400;line-height: 1;margin-bottom: 10px} .port_section .inner .txt h3{font-size: 5em;font-weight: 700;line-height: 1} .port_section .inner .img{width: 140%} .port_section .inner .img ul{font-size: 0} .port_section .inner .img ul li{display: inline-block;width: 50%;box-sizing: border-box;padding: 0 20px;overflow: hidden;margin-bottom: 80px} .port_section .inner .img ul li a{display: block;padding-top: 50px} .port_section .inner .img ul li:nth-child(2n){top:200px;position: relative; } .port_section .inner .img ul li img{width: 100%;;border-radius: 20px 20px} .port_section .inner .img ul li span{display:block;font-size: 15px;font-weight: 400;margin-top: 10px} .video_section{position: relative;z-index: 5;background: #fff;overflow: hidden;} .video_section .main_video{} .video_section .main_video video{width: 100%;transition: all 0.9s 0.3s ease} .video_section .main_video .on video{width: 55%;transform: translate(5%,35%);} .video_section .txt_wrap{position: absolute;right: 5%;;top: 15%} .video_section .txt_wrap h2{font-size: 6em;line-height: 1.3;color:#000;} .video_section .txt_wrap h5{font-size: 1.1em;border: 1px solid #000;display: inline-block;border-radius: 50px 50px;line-height: 1;padding: 20px 35px;font-weight: 400;color:#000;margin-top: 20px;position: relative;left: 8vw} .about >.title{height: 100vh;text-align: center;position: fixed;width: 100%} .about >.title .txt_wrap{position: absolute;top: 50%;transform: translate(0,-50%);left: 0;width: 100%;text-align: center;} .about >.title .txt_wrap>div{display: block;line-height: 1;margin-bottom: 4em;overflow: hidden;padding-top: 15px} .about >.title h2{font-size: 8em;display: inline-block;position: relative; line-height: 1;opacity: 0;transform: translate(0,100px);} .about >.title h2.line_1{transition: all 0.9s ease} .about >.title h2.line_2{transition: all 0.9s 0.4s ease} .about >.title h2.line_3{transition: all 0.9s 0.8s ease} .about >.title h2.line_4{transition: all 0.9s 1.2s ease} .about >.title h2:after{content: '';width: 100%;height: 1px;position: absolute;bottom: 0;background: #000;left: 0} .sec_line2{position: relative;top: 70vh; } .about .section2{ height: 100vh;text-align: center;position: relative;padding-top: 100vh } .about .section2 .txt_wrap{height: 100%;position: relative;background: #e9e6e0 ;border-top: 1px solid #000} .about .section2 .txt_inner{position: absolute;top: 50%;transform: translate(0,-50%);left: 0;width: 100%;text-align: center;} .about .section2 .txt_inner>div{height: 532px;} .about .section2 .txt_inner h2{font-size: 38px;line-height: 2;font-weight: 500;;overflow: hidden;} .about .section2 .txt_inner h2.about_mb {margin-bottom: 30px} .about .section2 .txt_inner h2 span{display: block;transform: translate(0,65px);} .about .section2 .txt_inner h2.ab_txt1 span{transition: all 0.9s ease} .about .section2 .txt_inner h2.ab_txt2 span{transition: all 0.9s 0.3s ease} .about .section2 .txt_inner h2.ab_txt3 span{transition: all 0.9s 0.6s ease} .about .section2 .txt_inner h2.ab_txt4 span{transition: all 0.9s 0.9s ease} .about .section2 .txt_inner h2.ab_txt5 span{transition: all 0.9s 1.2s ease} .about .section2 .txt_inner h2.ab_txt6 span{transition: all 0.9s 1.5s ease} .about .section2 .txt_inner h2.ab_txt7 span{transition: all 0.9s 1.8s ease} .about .section2 .txt_inner h2.ab_txt8 span{transition: all 0.9s 2.1s ease} .about .section2 .txt_inner h2.ab_txt9 span{transition: all 0.9s 2.4s ease} .about .section2 .txt_inner h2.ab_txt10 span{transition: all 0.9s 2.7s ease} .about .section2 .txt_inner h2.ab_txt11 span{transition: all 0.9s 3.0s ease} .about .section2 .txt_inner h2.ab_txt12 span{transition: all 0.9s 3.3s ease} .about .section2 .cursor {margin-left: 5px;font-weight: bold;opacity:1;animation: blink 0.7s infinite;} .sec_line3{position: relative;top: -10vh; } .about .section3{;z-index: 5;position: relative;width: 100% ;overflow: hidden;} .about .section3 .video_wrap{background: #000} .about .section3 .video_wrap video{width: 100%;opacity: 0.6;display: block;} .about .section3 .txt_wrap{position: absolute;top: 50%;transform: translate(0,-50%);left: 0;width: 100%;text-align: center;color: #fff} .about .section3 .txt_wrap .title{margin-bottom: 150px} .about .section3 .txt_wrap .title h2{font-size: 92px;color:#fff;margin-bottom: 35px;line-height: 1;opacity: 0;transform: translate(-50px,0px);transition: all 0.8s ease} .about .section3 .txt_wrap .title h4{font-size: 24px;color:#fff;;font-weight: 400;line-height: 1;opacity: 0;transform: translate(50px,0px);transition: all 0.8s ease} .about .section3 .txt_wrap .contents{opacity: 0;transform: translate(0px,50px);transition: all 0.8s 0.6s ease;margin-top: 0 !important} .about .section3 .txt_wrap .contents ul{width: 1240px;margin:0 auto;overflow: hidden;position: relative;left: 0% } .about .section3 .txt_wrap .contents ul li{width: 33.333%;float: left;text-align: left;box-sizing: border-box;padding-right: 30px} .about .section3 .txt_wrap .contents ul li h3{font-size: 36px;font-weight: 700;margin-bottom: 25px;line-height: 1;border-bottom: 1px solid #fff;line-height: 1;padding-bottom: 10px} .about .section3 .txt_wrap .contents ul li h5{font-size: 20px;font-weight: 300;margin-bottom: 20px;line-height: 1;} .sec_line4{position: relative;top: -25vh; } .about .section4{position: relative;width: 100%;background: #fff;text-align: center;overflow: hidden;} .about .section4 .title{padding:160px 0 110px;} .about .section4 .title h2{font-size: 92px;color:#000;margin-bottom: 35px;line-height: 1;transform: translate(-70px,0px);transition: all 0.8s ease;opacity: 0;} .about .section4 .title h4{font-size: 24px;color:#000;;font-weight: 400;line-height: 1.5;transform: translate(70px,0px);transition: all 0.8s ease;opacity: 0;} .about .section4 ul{width: 1260px;margin: 0 auto;overflow: hidden;;opacity: 0;transform: translate(-70px,0px);transition: all 0.8s 0.6s ease} .about .section4 ul li{float: left;width: 25%;margin-bottom: 10px;box-sizing: border-box;padding: 6px} .about .section4 ul:nth-child(2){opacity: 0;transform: translate(70px,0px);transition: all 0.8s 0.6s ease} .contact{} .contact .contact_wrap{width: 946px;margin: 200px auto} .contact .contact_wrap .title{margin-bottom: 45px} .contact .contact_wrap .title h2{font-size: 50px;line-height: 70px;margin-bottom: 35px;font-weight: 500;} .contact .contact_wrap .title h5{font-size: 20px;line-height: 36px;font-weight: 400;} .contact .contact_wrap .inquiryWrap{} .contact .contact_wrap .inquiryWrap .choice01{border-top: 4px solid #000;padding-top: 44px;padding-bottom: 50px;border-bottom: 1px solid #000} .contact .contact_wrap .inquiryWrap .choice01 h2{font-size: 20px;margin-bottom: 42px;font-weight: 600} .contact .contact_wrap .inquiryWrap .choice01 h2 span{color: #ef0000;font-size: 16px} .contact .contact_wrap .inquiryWrap .choice01>div{width: 135px;margin-right: 60px;overflow: hidden;display: inline-block;} .contact .contact_wrap .inquiryWrap .choice01>div:last-child{width: auto !important} .contact .contact_wrap .inquiryWrap .choice01>div .radio1{float: left;} .contact .contact_wrap .inquiryWrap .choice01>div .radio1 input{margin: 0 !important;width: 18px;height: 18px} .contact .contact_wrap .inquiryWrap .choice01>div label{float: left;margin-left: 10px;font-size: 15px;font-weight: 400} .contact .contact_wrap .inquiryWrap .choice01>div label span{color: #ef0000} .contact .contact_wrap .inquiryWrap .choice02{padding-top: 54px;padding-bottom: 44px;border-bottom: 4px solid #000;} .contact .contact_wrap .inquiryWrap .choice02 h2{font-size: 20px;margin-bottom: 42px;font-weight: 600} .contact .contact_wrap .inquiryWrap .choice02 ul{overflow: hidden;} .contact .contact_wrap .inquiryWrap .choice02 ul li{float: left;width: 439px;margin-bottom: 32px} .contact .contact_wrap .inquiryWrap .choice02 ul li:nth-child(2n){float: right;} .contact .contact_wrap .inquiryWrap .choice02 ul li:last-child{margin-bottom: 0px} .contact .contact_wrap .inquiryWrap .choice02 ul li span{display: block;font-size: 15px;font-weight: 400;margin-bottom: 10px} .contact .contact_wrap .inquiryWrap .choice02 ul li input{width: 100%;height: 47px;line-height: 7px;box-sizing: border-box;padding:2px 4px;outline: none} .contact .contact_wrap .inquiryWrap .choice02 ul li textarea{width: 100%;height: 265px} .contact .contact_wrap .inquiryWrap .policy{padding-top: 40px;padding-bottom: 40px;border-bottom: 4px solid #000;} .contact .contact_wrap .inquiryWrap .policy h2{font-size: 20px;font-weight: 600;overflow: hidden;cursor: url(../images/cursor2.png), auto !important} .contact .contact_wrap .inquiryWrap .policy h2 span{float: right;width: 14px;height: 14px;display: inline-block;background: url('../images/plus.jpg') no-repeat;} .contact .contact_wrap .inquiryWrap .policy h2 span.close2{background: url('../images/plus2.jpg') no-repeat !important;} .contact .contact_wrap .inquiryWrap .policy .policy_box{border: 1px solid #ccc;padding: 35px ;box-sizing: border-box;margin-top: 25px ;display: none} .contact .contact_wrap .inquiryWrap .policy .policy_box p{font-size: 17px;font-weight: 500;margin-bottom: 25px} .contact .contact_wrap .inquiryWrap .policy .policy_box p:last-child{margin-bottom: 0} .contact .contact_wrap .inquiryWrap .policy .policy_box span{font-size: 14px;font-weight: 400;margin-top: 10px;display: block;line-height: 30px} .contact .contact_wrap .inquiryWrap .inquiry_agree{margin-top: 20px} .contact .contact_wrap .inquiryWrap .inquiry_agree label{font-size: 15px;font-weight: 500} .contact .contact_wrap .inquiryWrap .inquiry_agree label input{margin: 0 !important} .contact .contact_wrap .submit{margin: 100px auto 0;text-align: center;} .contact .contact_wrap .submit .send{width: 219px;height: 59px;border: 1px solid #000;text-align: center;line-height: 61px;font-size: 18px;font-weight: 500;background:#fff;} .media{padding-top: 100px ;overflow:initial !important;} .media .section01{width: 90.36%;margin: 0 auto 200px} .media .section01 .title{overflow: hidden;} .media .section01 .title h2{float: left;font-size: 20px;font-weight: 400;display: inline-block;padding-bottom: 3px;border-bottom: 1px solid #000} .media .section01 .title h5{font-size: 1.7vw;float: right;text-align: right;line-height: 1.4} .media .section02{width: 90.36%;margin: 0 auto 200px; } .media .section02 >div{ display: flex;} .media .section02 >div .txt{ width: 60%; box-sizing: border-box;} .media .section02 >div .txt .num{float: left;width: 100%;box-sizing: border-box;padding-right: 40px;overflow: hidden;height: 100vh; transition: opacity 0.15s ease-out; /* 더 빠르게 변경 */} .media .section02 .txt .num.active { opacity: 1; transform: translateY(0); } .media .section02 >div .txt .num.txt1{position: relative;top: 2% !important} .media .section02 >div .txt .num.txt4{position: relative;top: -2% !important;height: auto !important} .media .section02 >div .txt .num >h2{font-size: 36px;float: left;} .media .section02 >div .txt .contents{float: left;width: 80%;box-sizing: border-box;padding-left:3vw} .media .section02 >div .txt .contents h2{font-size: 36px;margin-bottom: 15px} .media .section02 >div .txt .contents h3{font-size: 22px;margin-bottom: 15px;line-height: 1.4;word-break: keep-all;} .media .section02 >div .txt .contents h4{font-size: 18px;margin-bottom: 15px;font-weight: 400;padding-bottom: 15px;border-bottom: 1px solid #000;line-height: 1.4} .media .section02 >div .txt .contents h5{font-size: 18px;margin-bottom: 15px;font-weight: 400} .media .section02 >div .video{ width: 40%;position: relative;} .media .section02 >div .video .video_wrap{position: sticky;top: 20%;height: auto !important} .media .section02 >div .video .video_wrap>div{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;} .media .section02 >div .video .video_wrap iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity 1s ease; z-index: 0;} .video_wrap iframe.active { opacity: 1; pointer-events: auto; z-index: 1;} .media .section03{text-align: center;margin-top: 100px;position: relative;overflow: hidden;} .media .section03 .video_wrap{background: #000} .media .section03 .video_wrap video{width: 100%;opacity: 0.4;display: block;} .media .section03 .txt{position: absolute;top: 50%;transform: translate(0,-50%);width: 100%;left: 0} .media .section03 .title{margin-bottom: 35px} .media .section03 .title h5{font-size: 28px;font-weight: 500;margin-bottom: 45px;color: #fff} .media .section03 .title h2{font-size: 58px;color: #fff} .media .section03 h3{font-size: 18px;font-weight: 300;margin-bottom: 65px;line-height: 1.4;color: #fff} .media .section03 h4{display: inline-block;;border: 1px solid #fff;margin:0 auto} .media .section03 h4 a{display: block;padding: 10px 30px 18px;color: #fff !important} .media .section03 h4 img{margin-left: 20px;position: relative;top: 6px}