@media all and (max-width:1700px) { 
    section.cs-section1 .cs-wr .cs-item { background-size: 82%; } 
 }

@media all and (max-width:1650px){
 .section02 .sec02-box-text { width: 65%; } 
 .section02 .swiper { width:35%; } 

 section.cs-section1 .cs-wr .cs-item { height: 334px; background-size: 300px; } 
 }


@media all and (max-width:1600px) { 
 header.header .gnb .depth { width: 200px; } 
 header.header .gnb .depth-2 { left:520px; } 
 header.header .gnb .depth-3 { left:720px; } 
 header.header .gnb .depth-4 { left:920px; } 
 }

 @media all and (max-width:1400px) { 
 header.header .gnb > li { margin-right: 23px; } 
 header.header .gnb > li > a { font-size: 17px; } 
 .inner { width: 100%; padding: 0 30px; } 

 .popup .pop { width: 80%; } 

 .main-tit-wr span { font-size: 1rem; font-weight: 300; } 
 .main-tit-wr h2 { font-size: 2rem; } 

 /*main*/
 section.video-section .vi-left { width: 702px; height: 398px; } 
 section.video-section .vi-right { margin-top: 209px; } 
 section.video-section .video-wr { transform: translateX(0px); } 
 section.video-section .video-deco2 { transform: translate(561px,54px); } 
 section.video-section .video-deco1 { transform: translate(-665px,-28px); width: 280px; } 


 .section02 .sec02 { flex-direction: column; } 
 .section02 .swiper { width: 100%; margin-top: 24px; } 
 .section02 .sec02-box-text { width: 100%; } 
 .section02 .sec02-box-text { display: grid; } 
 .section02 .slid-btn { order: 2; } 

 section.pl-section { padding-top: 49px; } 
 }

@media all and (max-width:1280px) { 
 header.header .gnb, header.header::before { display: none; } 
 header.header.active { background: none; } 
 header.header .call-btn-wr { margin-left: auto; } 
 .ham_menu_btn { display: block; margin-left: 2em; } 

 section.cs-section, section.map-section { padding: 122px 30px; } 

 footer .ft-right { padding-top: 0; flex-direction: column; } 
 footer .ft-right ul { margin-left: 6px; margin-top: 2em; } 

 .section02 { padding: 155px 0 145px 93px; } 
 section.cs-section, section.map-section { padding: 122px 93px; } 
 .map-section2 { flex-direction: column; } 
 .map-section2 .map-section, .map-section2 .inter-section { width: 100%; } 
 .map-section2 .map-section { margin-top: 100px; } 
 }

@media all and (max-width:1024px) { 
footer ul li a { color: var(--light-color); } 
 section.intro .intro-cont { width: 379px; height: 497px; } 
 section.intro p.int-text { font-size: 3.1rem; } 
 section.intro p.int-text1 { transform: translate(-50%, -329px); } 
 section.intro p.int-text2 { transform: translate(-392px, -265px); } 
 section.intro p.int-text3 { transform: translate(-329px, -201px); } 
 section.intro p.int-text4 { transform: translate(204px, 167px); } 
 section.intro .main-btn { transform: translate(210px, 94px); } 
 
 footer .inner { flex-direction: column; } 
 footer .ft-right ul { margin-left: 3.188em; } 
 footer .ft-left { margin-top: 3em; justify-content: flex-end; } 

 /*main*/
 section.main-section .icon { left: 93px; } 
 section.main-section .main-right,
 section.main-section .main-right .ma-right-img { width: 100%; height: auto; } 
 section.video-section .video-wr { flex-direction: column; } 
 section.video-section .vi-right { margin-top: 0; margin-right: -73px; } 
 section.video-section .video-deco1 { transform: translate(-465px,328px); } 
 section.video-section .video-deco2 { transform: translate(161px,-14px); } 
 section.pl-section { padding-top: 50px; padding-bottom: 50px; } 
 section.pl-section .pl-wr { flex-direction: column; } 
 section.pl-section .pl-wr .pl-box { height: 500px; width: 80%; } 
 section.pl-section .pl-wr .pl-box.pl-right { margin-top: -230px; margin-left: auto; height: 600px; } 
 section.pl-section .swiper-slide { padding: 2em 2em; } 
 section.pl-section .pl-img-box .mainBtn { transform: translate(-50%, -44px); width: auto; font-size: 1.2rem; } 
 section.pl-section .pl-img-box .pl-img { width: 342px; } 
 section#sectionPin .pin-wrap .pri-item2 { align-self: baseline; } 
 .swiper-button-next, .swiper-button-prev { width: 60px; height: 60px; } 
 .swiper-button-next, .swiper-rtl .swiper-button-prev { right: .5em; bottom: 2em; } 
 .swiper-button-prev, .swiper-rtl .swiper-button-next { right: 12.4em; bottom: 2em; } 
 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { right: 6.3em; bottom: 3.2em; } 
 section.cs-section, section.map-section { width: 100%; } 
 footer .inner { position: relative; } 
 footer .ft-left.call-btn-wr { position: absolute; top: 0; margin-top: 0; right: 30px; } 

 .section02 { padding: 155px 93px; } 
 section.cs-section1 .cs-wr .cs-item { height: 200px; background-size: 82%; } 
 section.cs-section .cs-wr .cs-item .btn-icon { right: 20px; top: 38px; } 
 section.pl-section { padding-left: 93px; padding-right: 93px; padding-top: 0; padding-bottom: 0; } 
 section.pl-section .swiper-button-next, section.pl-section .swiper-button-prev { width: 60px; height: 60px; } 
 section.pl-section .swiper-horizontal>.swiper-pagination-bullets, section.pl-section .swiper-pagination-bullets.swiper-pagination-horizontal, section.pl-section .swiper-pagination-custom, section.pl-section .swiper-pagination-fraction { bottom: 3.7em; right: 6.5em; } 
 section.pl-section .swiper-button-prev, section.pl-section .swiper-rtl .swiper-button-next { right: 9.4em; } 
 .map-section2 { padding: 100px 93px; } 
 .map-section2 .map-section .map-cont { height: 272px; } 


 .sch-section { padding: 120px 93px; margin-top: 120px; } 
 }
 @media(max-width:900px){
 .hd_pops { left: 30px !important; width: calc(100% - 60px);max-width: fit-content; } 
.hd_pops_con { width: auto !important; max-width: 100%; height: auto !important; } 
section.main-section .m-txt-wr .sch-btn.pc-img {display: none;}
section.main-section .m-txt-wr .sch-btn.m-img  {display: inline-block;cursor: pointer;}
 }

 @media all and (max-width:768px){
 .popup .pop { width: calc(100% - 60px); } 

 /* header.header .ham_menu_btn span { background: #fff; } */
 header.header { background: rgb(255 255 255 / 100%); } 
 header.header .ham_menu_btn span { background: var(--main-color); } 
 header.header .inner .logo { width: 160px; background: url(/image/logo_c.svg)no-repeat center / contain; } 
 .bg-deco { position: absolute; width: 80px; height: 80px; background: radial-gradient( at 50% 50%, #00A686, #dc000b00 ); filter: blur(100px); opacity: 0.5; border-radius: 100%; animation: bg-deco-ani 15s linear infinite alternate; } 
 
 @keyframes bg-deco-ani { 
 0% { top:10%; left:-20%; } 
 15% { top: 20%; left: 0%; } 
 30% { top: 30%; left: 14%; opacity: 0.6; } 
 45% { top: -30%; left: 28%; width: 600px; height: 600px; } 
 60% { top: 80%; left: 42%; } 
 75% { top: 20%; left: 56%; opacity: 0.3; } 
 90% { top: 10%; left: 70%; } 
 100% { top: 25%; left: 100%; opacity: 0.7; width: 300px; height: 300px; } 
 }

 img.pc-img { display:none } 
 img.m-img { display:block } 

 
 header.header .inner { height: 75px; } 
 header.header img.logo.icon, footer img.logo.icon { width: 160px; } 
 .ham_menu.active { width: 70%; } 
 .ham_menu_btn span:nth-child(2) { margin: 7px 0; } 
 
 section.main-section .m-txt-wr { left: 30px; width: calc(88% - 60px); } 

 section.intro { position: relative; overflow: hidden; } 
 section.intro p.int-text { font-size: 2.5rem; left: auto; } 
 section.intro p.int-text1 { transform: translate(0, -200px); } 
 section.intro p.int-text2 { transform: translate(0, 135px); } 
 section.intro p.int-text3 { transform: translate(0, 188px); } 
 section.intro p.int-text4 { transform: translate(237px, 187px); } 
 section.intro .intro-cont { width: calc(100% - 5rem); height: 260px; background: url(../image/intro/intro-img.png)no-repeat -148px -202px / 1150px; transform: translateY(calc(50% + 60px)); } 
 section.intro .main-btn { transform: translate(0, 261px); left: auto; } 

 .cursor-screen { width: 110px; height: 110px; left: 0; right: 0; position: sticky; margin-top: -137px; margin-left: auto; margin-right: 1.5rem; background: url(../image/intro/badge-txt.png)no-repeat center / cover; } 
 
 @keyframes intro-bg-ani { 
 0% { background: url(../image/intro/intro-img.png)no-repeat -148px -202px / 1150px; opacity: 0; } 
 100% { background: url(../image/intro/intro-img.png)no-repeat -139px -171px / 1100px; opacity: 1; } 
 }

 footer .ft-right { flex-direction: column; } 
 footer .ft-right ul { margin-left: 0; margin-top: 1.5em; } 
 footer .ft-left { justify-content: flex-start; } 
 footer .ft-left ul:first-child { margin-left: 0; } 


 #pop-wr { width: 80%; top: 67px; left: 50%; transform: translateX(-50%); } 

 .model-badge { right: 30px; } 
 .inner { padding: 0 30px; } 
 .go_top { right: 30px; } 
 

/*main*/

.main-tit-wr h2 { font-size: 2rem; margin-bottom: 0.3em; } 
.mainBtn { font-size: 1.2rem; } 
.ham_menu_btn { margin-left: auto; } 
header.header .call-btn-wr { display: none; } 

section.main-section { min-height: auto; } 
section.main-section .main-left { padding: 0; } 
section.main-section p { font-size: 1.938rem; line-height: 1.3; } 
section.main-section .main-right { position: relative; margin-top: 1em; } 
section.main-section .model-badge { width: 100px; height: 100px; background: url(../image/main-badge.png)no-repeat center / cover; bottom: -67px; right: 31px; } 
section.video-section { padding: 100px 20px; } 
section.video-section .vi-left { width: 100%; height: auto; } 
section.video-section .vi-right { margin-left: 0; align-self: flex-start; } 
section.video-section .vi-right p { margin-bottom: 2em; } 
section.video-section .video-deco2 { transform: translate(103px,372px); width: 169px; border-radius: 16px; } 
section.video-section .video-deco1 { transform: translate(-32px,637px); width: 130px; border-radius: 14px; opacity: .5; display: none; } 
section#sectionPin .pin-wrap { padding: 20px; } 
section#sectionPin .pin-wrap .main-tit-wr { padding-right: 0; } 
section#sectionPin .pin-wrap > * { min-width: 100vw; } 
section#sectionPin .pin-wrap img.pri-img { max-width: 100%; } 
section#sectionPin .pin-wrap .pri-item,
section#sectionPin .pin-wrap .pri-item2 { align-self: center; } 
section#sectionPin .pin-wrap .pri-item1 { margin-left: -100vw; } 
section#sectionPin .pin-wrap .pri-item4 { display: none; } 
section.pl-section .pl-wr .pl-box ,
section.pl-section .pl-wr .pl-box.pl-right { width: 100%; height: 564px; } 
section.pl-section .pl-wr .pl-box.pl-right { margin-top: 10px; } 
section.pl-section .main-tit-wr p { display: none; } 
section.pl-section .pl-img-box .pl-img { width: 353px; } 
section.pl-section .pl-img-box .mainBtn { transform: translate(-50%, -20px); width: 172px; text-align: center; } 
.swiper-button-prev, .swiper-rtl .swiper-button-next { right: 10.2em; bottom: 1em; } 
.swiper-button-next, .swiper-button-prev { width: 50px; height: 50px; } 
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 1em; bottom: 1em; } 
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { right: 4.7em; bottom: 1.9em; } 
section.cs-section .cs-wr { grid-template-columns: repeat(1, 1fr); grid-gap: 10px; } 
section.cs-section .cs-wr .cs-right { margin-top: 4px; } 
section.cs-section .cs-wr .cs-item { height: 200px; background-size: contain; } 
section.cs-section .cs-wr .cs-box { width: 100%; } 
section.cs-section .cs-wr .cs-item1, section.cs-section .cs-wr .cs-item3 { margin-bottom: 0; } 
.map-section2 .map-section { margin-top: 39px; } 
 }

@media all and (max-width:600px){
 .ham_menu > ul > li > a { font-size: 31px; font-weight: 900; } 

 .section02,
 section.cs-section, 
 section.map-section,
 section.pl-section,
 .map-section2, .sch-section { padding-left:30px; padding-right: 30px; padding-top: 80px; padding-bottom: 80px; } 
 section.pl-section { padding-top: 0; } 

 .main-tit-wr p { font-size: 18px; } 
 .section02 .main-tit-wr p strong { font-size: 18px; } 


 .main-tit-wr span { font-size: 13px; } 


 .map-section2 .inter-cont-wr { height: auto; } 
 .map-section2 .map-section .map-cont { height: 207px; } 
 section.cs-section .cs-wr .cs-item { height: 147px; } 
 section.cs-section .cs-wr .cs-item .btn-icon { top: 20px; } 
 .section02 .swiper-button-next, .section02 .swiper-button-prev { width: 40px; height: 40px; padding: 10px; } 
 .section02 .swiper-button-next { margin-left: 10px; } 
 section.main-section .m-txt-wr { width: calc(100% - 60px); top: 121px; } 
 .section02 .txt-img { margin-left:0; } 
 section.pl-section .pl-wr .pl-box { height: 364px; } 
 section.pl-section .pl-wr .pl-box.pl-right { height: 552px; } 
 section.pl-section .pl-wr .main-tit-wr span { font-size: 0.8rem; } 
 section.pl-section .pl-wr .main-tit-wr h2 { font-size: 1.5rem; } 
 section.pl-section .pl-wr .pl-left, section.pl-section .swiper-slide { padding: 24px; } 
 section.pl-section .pl-img-box .pl-img { width: 100%; margin-top: 37px; padding: 1rem; } 
 section.pl-section .pl-img-box .mainBtn { width: 67%; padding: 0 10px; background: #000; color: #fff; font-size: 14px; } 
 section.pl-section .pl-img-box .mainBtn .btn-icon { width: 10px; margin-top: -0.2em; filter: none; } 

 .ham_menu.active { width: 100%; } 
 }

@media(max-width:470px){
    .hd_pops_footer .hd_pops_reject,
    .hd_pops_footer .hd_pops_reject strong {font-size: 13px;}
 .model-badge { width: 100px; height: 100px; bottom: 98px; right: 16px; } 
 .model-badge2 { margin-bottom: 105px; } 
 footer .go_top { width: 55px; height: 55px; bottom: 29px; right: 35px; line-height: 62px; } 

 section.pl-section .pl-wr .main-tit-wr span { font-size: 0.6rem; } 
 section.pl-section .pl-wr .main-tit-wr h2 { font-size:1rem } 
 section.pl-section .pl-wr .pl-box.pl-right { height: 382px; } 
 section.pl-section .pl-img-box .pl-img { margin-top: 0; } 
 section.pl-section .swiper-button-next, section.pl-section .swiper-button-prev { width: 40px; height: 40px; padding: 10px; } 
 section.pl-section .swiper-button-next, section.pl-section .swiper-rtl .swiper-button-prev { right: 20px; bottom: 20px; } 
 section.pl-section .swiper-button-prev, section.pl-section .swiper-rtl .swiper-button-next { right: 117px; bottom: 20px; } 
 section.pl-section .swiper-horizontal>.swiper-pagination-bullets, section.pl-section .swiper-pagination-bullets.swiper-pagination-horizontal, section.pl-section .swiper-pagination-custom, section.pl-section .swiper-pagination-fraction { bottom: 30px; right: 68px; } 

 .go_top { width: 50px; right: 20px; height: 50px; } 
 @keyframes ma-img-ani { 
 0% { transform: scale(1.2); border-radius: 20px; overflow: hidden; } 
 100% { transform: scale(1); border-radius: 20px; overflow: hidden; } 
 } 
 }


@media(max-width:400px){
 .section02, section.cs-section, section.map-section, section.pl-section, .map-section2, .sch-section { padding-top: 50px; padding-bottom: 50px; } 


 header.header.fix { background: rgb(0 0 0 / 69%); } 
 .inner { padding-left: 1.1rem; padding-right: 1.1rem; } 
 .ham_menu_btn span { width: 25px; height: 2px; } 
 .ham_menu_btn span:nth-child(2) { margin: 4px 0; } 
 a.model-badge.model-badge-m { position: relative; width: 90px; height: 90px; top: -46px; right: 20px; float: right; } 
 

 @keyframes intro-bg-ani { 
 0% { background: url(../image/intro/intro-img.png)no-repeat -148px -102px / 1000px; opacity: 0; } 
 100% { background: url(../image/intro/intro-img.png)no-repeat -139px -120px / 743px; opacity: 1; } 
 }

 .main-btn { width: 219px; padding: 9px 0; } 
 .main-btn img.icon { width: 37px; } 
 
 footer .ft-left { flex-direction: column; } 
 footer .ft-left img { width: 100%; } 
 footer .ft-left ul { margin-left: 0; } 
 footer .ft-left ul:last-child { margin-top: 0.875em; } 
 }


 @media(max-width:390px) { section.main-section .model-badge.model-badge-pc { display: none; } 
 section.main-section .model-badge.model-badge-m { display: block; } 
 .main-tit-wr h2 { font-size: 1.5rem; } 
 .mainBtn { font-size: 1rem; } 
 .mainBtn .btn-icon { width: 1em; } 
 
 footer { padding: 1.625em 0 2.688em 0; } 
 footer .ft-right { margin-top: 38px; border-top: 1px solid #ffffff36; padding-top: 20px; } 
 footer .ft-left.call-btn-wr { left: 17px; margin-top: -5px; } 
 }



@media screen and (any-pointer:coarse){
 .cursor { display: none; } 
 .cursor-screen { display: block; } 
 }