@charset "UTF-8";

/* slide */
.swiper-control {display: flex;align-items: center;justify-content: right;gap: 12px;margin-top: 30px;}
.swiper-control div {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #5B5B5B;border-radius: 10px;position: relative;overflow: hidden;cursor: pointer;}
.swiper-control div:hover{border-color: #3D3FA9;}
.swiper-control div::before {content: '';position: absolute;top: 0;left: 0;overflow: hidden;max-width: 0;-webkit-transition: max-width 0.3s;-moz-transition: max-width 0.3s;transition: max-width 0.3s;background: #3D3FA9;width: 100%;height: 100%;transform: unset;opacity: 1;}
.swiper-control div i {width: 17px; height: 14px; background-repeat: no-repeat; background-size: cover;}
.swiper-control div:hover::before {max-width: 100%;}
.swiper-control div:hover i {filter: brightness(100);}
.swiper-control .swiper-prev i {background-image: url("../../images/ico/swiper-i.png"); transform: rotate(180deg);}
.swiper-control .swiper-next i {background-image: url("../../images/ico/swiper-i.png");}

@keyframes fadeUp { 
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 
 }

.fadeUp { -webkit-animation-name: fadeUp; animation-name: fadeUp; animation: fadeUp 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.3s; } 

@keyframes fadeInUp { 
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 

 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 
 }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.2s; } 
.fadeInUp.fast { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.2s; } 
.fadeInUp.fast-delay { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.4s; } 
.fadeInUp.fast-delay2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 1s; } 
.fadeInUp.fast-delay3-1 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 1s; } 
.fadeInUp.fast-delay3-2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 1.2s; } 
.fadeInUp.fast-delay3-3 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 1.4s; } 
.fadeInUp.delay { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.6s; } 
.fadeInUp.delay2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.9s; } 
.fadeInUp.delay1-1 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.3s; } 
.fadeInUp.delay1-2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.5s; } 
.fadeInUp.delay1-3 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.7s; } 
.fadeInUp.delay1-4 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.9s; } 
.fadeInUp.delay1-5 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation: fadeInUp 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 1.1s; } 

@keyframes fadeInRight { 
 0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } 

 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 
 }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation: fadeInRight 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.3s; } 
.fadeInRight.delay { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation: fadeInRight 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.6s; } 
.fadeInRight.delay2 { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation: fadeInRight 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.9s; } 

@keyframes fadeInLeft { 
 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 

 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 
 }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; animation: fadeInLeft 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.3s; } 
.fadeInLeft.delay { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; animation: fadeInLeft 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.6s; } 
.fadeInLeft.delay2 { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; animation: fadeInLeft 1s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation-delay: 0.9s; } 
/*animation end*/

#container {padding-bottom: 150px;position: relative;} 

/*language*/
.lang-sel .lang { color: #d0d0d0; } 
.lang-sel .lang.on { color: #fff; } 
.lang-sel .lang-line { color: #d0d0d0; } 
.lang-sel .lang.active { color: #757575; } 
.lang-sel .lang.on.active { color: var(--green); } 
.lang-sel .lang-line.active { color: #888888; } 
.hd_wrap.on .lang-sel .lang.on { color: var(--green); } 

html { scrollbar-width: none; } 

/*sub head*/
#hd_wrap { } 
#hd_wrap.on { } 
#gnb .gnb_1dli:hover > a { } 
/* .hd_wrap.active #gnb .gnb_1dli:hover > a { text-decoration: unset; } */
/* .menu-btn span, .menu-btn span:before, .menu-btn span:after { background: #fff; } */

#wrapper.br-200 { background: #fff; border-top-right-radius: 180px; position: relative; z-index: 1; overflow: hidden;} 
#wrapper.br-200.sub-contact{padding-top: 200px;}
.careers-all { background-image: url("../../../assets/images/sub/careers-all-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 120px; background-color: #fcfcfc; } 
.partners-all { background-image: url("../../../assets/images/sub/partners-all-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 120px; } 
.contacts-all { background-image: url("../../../assets/images/sub/contact-all-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; padding-top: 120px; } 

/*sub head loca*/
/* .top-wrap { height: 740px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; display: flex; align-items: center; justify-content: center; } */
.top-wrap { position: relative;} 
.top-wrap.company.long.history{background-image: url("../../images/sub/header-bg-history.jpg");}
.top-wrap.company.long{background-image: url("../../images/main/sect3-bg.jpg");}
.top-wrap.company.long:after { content: ''; width: 100%; height: 100%; background: linear-gradient(105deg, rgba(115, 124, 125, 0.30) 0.21%, rgba(153, 145, 127, 0.30) 99.79%); position: absolute; top: 0; left: 0; } 
.top-wrap.solutions { background-image: url("../../images/sub/header-bg-solutions.png"); } 
.top-wrap.long {height: calc(calc(var(--vh, 1vh) * 100) + 190px);background-image: unset;margin-bottom: -190px;/* z-index: -1; */background-attachment: fixed;background-position: top center;background-size: cover;background-repeat: no-repeat;} 
.top-wrap.long.careers{background-image: url("../../images/sub/header-bg-careers.jpg");} 
.top-wrap.careers::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient( 105deg, rgba(109, 144, 150, 0.3) 0.21%, rgba(159, 141, 101, 0.3) 99.79% ); z-index: 1; } 
.top-wrap.careers .top-video { position: fixed; top: 0; left: 0; width: 100%; height: 120%; } 
.top-wrap.careers .top-video video { width: 100%; height: 100%; object-fit: cover; } 
.top-wrap.partners .top-video { position: fixed; top: 0; left: 0; width: 100%; height: 120%; } 
.top-wrap.partners .top-video video { width: 100%; height: 100%; object-fit: cover; } 
.top-wrap.partners::before { background: linear-gradient(105deg, rgba(115, 124, 125, 0.3) 0.21%, rgba(153, 145, 127, 0.3) 99.79% ); } 
.top-wrap.news {z-index: 2; background-image: url("../../images/sub/header-bg-news.png"); height: 975px; background-position: 50%; background-size: cover; align-items: flex-start; padding-top: 220px; padding-bottom: 70px; border-radius: 0 0 150px 150px; overflow: hidden;} 
.top-wrap.news .top-tit { top: 220px; } 
.top-wrap.news .top-tit .txt { color: #424242; } 
.top-wrap.news::before { width: 100%; height: 300px; position: absolute; bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); } 
.top-wrap .top-video { display: flex; } 
.top-wrap.news .sub-topTit { color: #fff; } 
.top-wrap.topimg_20{background-image: url("../../images/sub/header-bg-tech.jpg");background-size: cover;}
.top-wrap:after{content: ''; width: 100%; height: 100%; background: linear-gradient(105deg, rgba(115, 124, 125, 0.30) 0.21%, rgba(153, 145, 127, 0.30) 99.79%); position: absolute; top: 0; left: 0; }
.top-wrap.autoDrive{background-image: url("../../images/sub/header-bg-tech2.jpg");background-size: cover;}
.top-wrap.robotaxi{background-image: url("../../images/sub/header-bg-tech3.jpg");background-size: cover;}

.top-wrap .inner { width: 100%; height: 100%; } 
.top-wrap .top-tit {z-index: 2;position: absolute;bottom: calc(190px + 80px);left: 0;/*bottom: calc(140px + 190px); */background: rgba(255, 255, 255, 0.28);max-width: 898px;min-height: 236px;height: auto;padding: 50px 30px 50px 100px;border-radius: 0 118px 118px 0;backdrop-filter: blur(10px);} 
.top-wrap .top-tit .tit {margin-bottom: 0; font-size: 42px; font-weight: 700; font-family: "CaviarDreamsBold"; background: linear-gradient( 90deg, #187082 0.19%, rgba(61, 63, 169, 0.6) 12.49% ); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.top-wrap .top-tit .txt {font-size: 18px;line-height: 1.6;color: #fff;margin-top: 20px;} 
.page-control {position: fixed;bottom: 28px;left: 50%;transform: translateX(-50%);z-index: 2;display: flex;align-items: center;justify-content: space-between;}
.page-control.absolute {position: absolute; bottom: 50px;}
.page-control { position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%); z-index: 2; display: flex; align-items: center; justify-content: center; gap: 10px; } 
.page-control .btn-page {display: flex;align-items: center;background: transparent;border-radius: 100px;position: relative;transition: max-width 0.4s ease;white-space: nowrap;height: 50px;padding: 0;overflow: hidden;} 
.page-control .btn-page i { width: 40px; height: 40px; background: no-repeat 50% / cover; flex-shrink: 0; } 
.page-control .prev-page i { left: 0; background-image: url(../../images/sub/prev-page.svg); } 
.page-control .next-page i {background-image: url(../../images/sub/next-page.svg);} 
.page-control .btn-page span {display: inline-block;font-size: 16px;font-weight: 700;color: #424242;opacity: 0;padding: 0 20px;transition: 0.4s ease;width: 0;padding: 0;} 
.page-control .btn-page::after {display: none; content: ''; position: absolute; top: -5px; bottom: -5px; background: rgba(255, 255, 255, 0.34); backdrop-filter: blur(8px); z-index: -1; border-radius: 100px; width: calc(100% + 10px); height: calc(100% + 10px); transform: scaleX(0); transition: transform 0.4s ease; } 
.page-control .prev-page { justify-content: flex-start; } 
.page-control .prev-page::after { left: -5px; transform-origin: left center; } 
.page-control .next-page { justify-content: flex-end; } 
.page-control .next-page::after { right: -5px; transform-origin: right center; } 
.page-control .btn-page:hover {padding: 0 5px;} 
.page-control .btn-page:hover span {opacity: 1;display: block;width: auto;} 
.page-control .btn-page:hover::after { transform: scaleX(1); display: block;} 
.page-control .next-page:hover span {padding: 0 30px 0 15px;}
.page-control .prev-page:hover span {padding: 0 15px 0 30px;}

.tech{background: no-repeat top / 100% 736px; padding-top: 140px;}
.tech.robotaxi{ background-image: url(../../images/sub/tech-bg.png);}
.tech.autoDrive{ background-image: url(../../images/sub/tech-bg02.png);}
.tech.tele{background-image: url(../../images/sub/tech-bg03.png);padding-top: 300px;}

.top-loca-list { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; height: auto; display: flex; align-items: center; justify-content: center; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #fff; z-index: 1; } 
.top-loca-list > ul { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0 -45px; } 
.top-loca-list > ul > li { margin: 0 45px; } 
.top-loca-list > ul > li a { font-size: 1.5em; font-weight: 500; color: rgba(255, 255, 255, 0.7); } 
.top-loca-list > ul > li a.active { font-weight: 700; text-decoration: underline; text-underline-offset: 2px; color: #fff; } 
.top-loca-list.pc-gnb2 { display: none; } 

/*gnb2*/
.pc-gnb2 { display: none; } 
.pad-gnb2 { display: flex; background-color: unset !important; height: 60px; } 
.gnb2 .location_ul { display: flex; align-items: center; } 
.top-loca-list .home_btn { display: flex; align-items: center; justify-content: center; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; width: 80px; height: 80px; flex: none; } 
.top-loca-list .home_btn i { width: 40px; height: 40px; object-fit: cover; background-image: url("../../../assets/images/ico/ico-home.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; } 
.top_list { width: 100%; max-width: 300px; height: 80px; background-color: #fff; transform: translateY(-0.15px); border-right: 1px solid #e4e4e4; } 
.top_list2 { width: 100%; max-width: 300px; height: 80px; background-color: #fff; transform: translateY(-0.15px) translateX(0.15px); border-right: 1px solid #e4e4e4; } 
.top_list > a,
.top_list2 > a { padding: 0 50px 0 30px; width: 100%; height: 100%; display: flex; align-items: center; position: relative; word-break: keep-all; font-size: 20px; font-weight: 600; color: #424242; } 
.top_list > a::before,
.top_list > a::after,
.top_list2 > a::before,
.top_list2 > a::after { content: ""; position: absolute; height: 2px; width: 12px; background: #757575; display: block; transition: all 0.3s; cursor: pointer; top: 50%; right: 30px; } 
.top_list > a::before,
.top_list2 > a::before { transform: rotate(45deg); } 
.top_list > a::after,
.top_list2 > a::after { transform: rotate(-45deg); margin-right: -8px; } 
.top_list > a.active::before,
.top_list2 > a.active::before { transform: rotate(-45deg); } 
.top_list > a.active::after,
.top_list2 > a.active::after { transform: rotate(45deg); } 
.top_list > a.privacy::before,
.top_list > a.privacy::after { content: unset; } 

.location_ul1 { display: none; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); } 
.location_ul1 li { margin: 0 30px; } 
.location_ul1 li a { display: flex; width: 100%; padding: 15px 0; color: #424242; font-weight: 500; } 
.location_ul1 li a:hover { color: var(--green); } 
.location_ul1 li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } 
.location_ul1 li.active { display: none; } 
.location_ul1 li.active a { color: var(--color-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } 
.location_ul2.active.action { display: none; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); } 
.location_ul2:not(.active) { display: none; } 
.location_ul2 { flex-direction: column; margin: 0; } 
.location_ul2 .location_li2 { margin: 0 30px; } 
.location_ul2 .location_li2.active { display: none; } 
.location_ul2 .location_li2:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } 
.location_ul2 .location_li2 a { font-size: 1em; font-weight: 400; color: #424242; display: flex; width: 100%; padding: 15px 0; word-break: keep-all; } 
.location_ul2 li a:hover { color: var(--green); } 

/*sub-topTit*/
.sub-topTit { font-size: 40px; font-weight: 700; margin-bottom: 20px; } 

@media screen and (max-width: 1024px){
 #container { padding-bottom: 120px; } 

 #hd_wrap.active.on {/* border-bottom: 1px solid rgba(136, 136, 136, 0.3); */} 
 /* .hd_wrap.on .menu-btn span:before, .hd_wrap.on .menu-btn span:after, .sub.active .menu-btn span, .sub.active .menu-btn span:before, .sub.active .menu-btn span:after { background-color: #fff; } */
 /* .hd_wrap.on .menu-btn.gnb_btn_active span:before, .hd_wrap.on .menu-btn.gnb_btn_active span:after { background: #494642; } */
 .hd_wrap.on .menu-btn span { background: transparent; } 

 /*gnb2*/
 .pc-gnb2 { display: none; } 
 .pad-gnb2 { display: flex; height: fit-content; padding: 0; /*left: 40px; transform: unset; */
 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border: 0; } 
 .gnb2 .location_ul { display: flex; align-items: center; } 
 .top-loca-list .home_btn { width: 60px; height: 60px; } 
 .top_list { height: 60px; } 
 .top_list2 { height: 60px; } 
 .top_list > a,
 .top_list2 > a { padding: 0 40px 0 20px; width: 100%; height: 100%; display: flex; align-items: center; position: relative; word-break: keep-all; } 
 .top_list > a::before,
 .top_list > a::after,
 .top_list2 > a::before,
 .top_list2 > a::after { content: ""; position: absolute; height: 2px; width: 9px; display: block; transition: all 0.3s; cursor: pointer; top: 50%; right: 20px; } 
 .top_list > a::before,
 .top_list2 > a::before { transform: rotate(45deg); } 
 .top_list > a::after,
 .top_list2 > a::after { transform: rotate(-45deg); margin-right: -6px; } 
 .top_list > a.active::before,
 .top_list2 > a.active::before { transform: rotate(-45deg); } 
 .top_list > a.active::after,
 .top_list2 > a.active::after { transform: rotate(45deg); } 
 .top_list > a.privacy::before,
 .top_list > a.privacy::after { content: unset; } 
 .top_list.active { border-radius: 10px 0 0 0; } 
 .top_list2.active { border-radius: 10px 10px 0 0; } 

 .location-wrap { height: 100%; display: flex; } 
 .location_ul1 { display: none; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); } 
 .location_ul1 li { margin: 0 20px; } 
 .location_ul1 li a { display: flex; width: 100%; padding: 15px 0; } 
 .location_ul1 li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } 
 .location_ul1 li.active a { color: var(--green); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } 
 .location_ul2.active.action { display: none; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); } 
 .location_ul2:not(.active) { display: none; } 
 .location_ul2 { flex-direction: column; margin: 0; width: 100%; } 
 .location_ul2 .location_li2 { margin: 0 20px; } 
 .location_ul2 .location_li2 a { font-size: 1em; font-weight: 500; display: flex; width: 100%; padding: 15px 0; word-break: keep-all; } 
 .location_ul2 .location_li2.active a { display: none; } 
 .gnb2.business .location_ul2 .location_li2 { text-align: left; } 

 .top-wrap { height: 330px; } 
 .top-wrap .top-tit .tit {margin-bottom: 30px;} 
 .top-wrap .top-tit .txt { font-size: 16px; } 
 .top-wrap .top-tit {width: calc(100% - 40px);}
 .tech{padding-top: 100px;}
 .tech.tele{padding-top: 250px;}


 #wrapper.br-200.sub-contact{padding-top: 110px;}

 }

@media screen and (max-width: 768px){
 .top-wrap { height: 230px; } 
 .top-wrap .top-tit {padding-top: 60px;font-size: 2.125rem;} 

 /*gnb2*/
 .gnb2 { padding: 0; width: 100%; } 
 .top-wrap .inner { padding: 24px 20px; border-radius: 0 40px 40px 0; width: calc(100% - 20px); height: auto; min-height: 138px; } 
 .top-loca-list { width: 100%; } 
 .top-loca-list .home_btn { width: 50px; height: 50px; } 
 .top-loca-list .home_btn i { width: 26px; height: 26px; } 
 .top_list,
 .top_list2 { max-width: 100%; height: 50px; } 
 .top_list { display: none; } 
 .top_list > a,
 .top_list2 > a { font-size: 1rem; padding: 0 40px 0 20px; } 
 .top_list > a::before,
 .top_list > a::after,
 .top_list2 > a::before,
 .top_list2 > a::after { right: 20px; } 
 /* .location_ul1 li, .location_ul2 .location_li2 { margin: 0 12px; } */
 .location_ul1 li a,
 .location_ul2 .location_li2 a { padding: 12px 0; font-size: 0.875rem; } 

 /*common*/
 #container { padding-bottom: 80px; min-height: unset; } 
 .tech{padding-top: 80px; background-size: 100% 693px;}
 }

/*--------------------------------------------------------- bbs ---------------------------*/
/* 갤러리 목록 */

/* 검색목록 */
#bo_btn_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } 
#bo_btn_top .bo_list_tab { display: flex; align-items: center; grid-column-gap: 20px; } 
#bo_btn_top .bo_list_tab a { font-size: 1rem; font-weight: 500; color: #bababa; position: relative; } 
#bo_btn_top .bo_list_tab a.active { font-weight: 700; color: #000; } 
#bo_btn_top .bo_list_tab a + a::before { content: ""; width: 1px; height: 11px; background: var(--green); position: absolute; top: 50%; left: -10px; transform: translateY(-50%); } 

/*sch-wrap*/
.sch-wrap { display: flex; gap: 20px; } 
.sch-wrap select { border: 1px solid var(--green); border-radius: 100px; padding: 0px 16px; font-size: 1rem; background-image: url("../../../assets/images/ico/ico_select_arr.svg"); background-position: 50%; background-repeat: no-repeat; background-position-x: calc(100% - 16px); background-size: 14px 14px; appearance: none; min-width: 160px; height: 50px; background-color: #f7f7f7; } 
.sch-wrap input { border: none; border-radius: 100px; padding: 10px 16px; font-size: 1rem; width: 100%; height: 48px; background-color: #f7f7f7; } 
.sch-wrap .sch_bar { border: 1px solid var(--green); border-radius: 100px; display: flex; align-items: center; background-color: #f7f7f7; } 
.sch-wrap .sch_bar button { width: 44px; height: 48px; background-color: unset; border: none; flex: none; } 
.sch-wrap .sch_bar button i { background: url("../../../assets/images/ico/ico-search.svg"); background-repeat: no-repeat; background-size: 17px 17px; background-position: center; display: inline-block; width: 100%; height: 100%; } 

.sch-wrap .write-btn { display: flex; align-items: center; justify-content: center; grid-column-gap: 6px; padding: 0 20px; height: 50px; border-radius: 10px; background: var(--green); font-size: 1.125rem; font-weight: 700; color: #fff; flex: none; } 
.sch-wrap .write-btn i { background-image: url("../../../assets/images/ico/ico-write.svg"); background-repeat: no-repeat; background-size: cover; width: 18px; height: 20px; } 

/* .bbs-notice { border-top: 1px solid var(--green); border-bottom: 1px solid var(--green); } 
.bbs-notice > ul { } 
.bbs-notice > ul > li { padding: 34px 0; font-size: 22px; color: #999; } 
.bbs-notice > ul > li:hover { background: #F7F7F7; } 
.bbs-notice > ul > li a { display: flex; align-items: center; grid-column-gap: 30px; } 
.bbs-notice > ul > li:not(:first-child) { border-top: 1px solid var(--green); } 
.bbs-notice > ul > li .date { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; flex: none; position: relative; } 
.bbs-notice > ul > li .date::before { content: ''; width: 1px; height: 30px; background: var(--green); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
.bbs-notice > ul > li .date .year { font-size: 1.125rem; font-weight: 500; color: #BABABA; } 
.bbs-notice > ul > li .date .day { font-size: 24px; font-weight: 700; color: #424242; margin-top: 5px; } 
.bbs-notice > ul > li .cont { } 
.bbs-notice > ul > li .cont .tit { font-size: 20px; font-weight: 600; display: flex; grid-column-gap: 10px; } 
.bbs-notice > ul > li .cont .tit p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.bbs-notice > ul > li .cont .txt { font-size: 1rem; color: #757575; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.bbs-notice > ul > li a:hover .cont .tit p { text-decoration: underline; } 
.bbs-notice > ul > li a:hover .cont .tit i { background-image: url("../../../assets/images/ico/ico-clip_r.svg"); } 
.bbs-notice > ul > li a:hover .cont .txt { text-decoration: underline; } */

/* 게시판 읽기 */
/* #bo_v { } 
#bo_v img { } 
#bo_v header { display: flex; align-items: end; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #BABABA; } 

#bo_v_atc { } 
#bo_v_atc_title { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_title .bo_v_tit { margin-top: 10px; margin-right: 40px; font-weight: 600; } 

#bo_v_img { } 
#bo_v_img img { } */

#bo_v_con { } 
#bo_v_con a { color: #000; text-decoration: underline; } 
#bo_v_con img { max-width: 100%; width: 100%; height: auto; } 

.profile_info_ct { display: flex; align-items: center; width: max-content; color: #424242; font-size: 0.875rem; } 
.profile_info_ct span { margin: 0 5px; } 
#bo_v .ico-hit { background: url("../../../assets/images/ico/ico-hit.svg"); background-repeat: no-repeat; background-size: cover; display: inline-block; width: 25px; height: 25px; } 
.go-list { display: flex; align-items: center; justify-content: center; width: 240px; height: 60px; border-radius: 10px; background: var(--green); margin: 0 auto; font-size: 22px; font-weight: 700; color: #fff; } 

.bo_v_nb { margin: 40px 0; } 
.bo_v_nb li { display: flex; align-items: center; position: relative; border-top: 1px solid #e4e4e4; padding: 20px 18px; padding-right: 80px; } 
.bo_v_nb li:last-child { border-bottom: 1px solid #e4e4e4; } 
.bo_v_nb li:hover { background: #f6f6f6; } 
.bo_v_nb li i { font-size: 13px; color: #b3b3b3; margin-left: 14px; } 
.bo_v_nb li .nb_tit { display: inline-block; padding-right: 30px; color: #757575; flex: none; font-size: 0.875em; font-weight: 600; } 
.bo_v_nb li .nb_date { color: #b3b3b3; font-size: 0.875em; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); } 
.bo_v_nb li a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 0.875em; } 

/*쓰기*/
#bo_w { /* overflow: hidden; */
 position: relative; padding-top: 5px; } 
.bo_w_text__wrap { display: flex; padding: 0 24px; } 
.bo_w_text { width: 25%; position: relative; } 
.bo_w_num { position: absolute; width: 38px; height: 38px; background-color: #fff; border-radius: 100%; color: #fff; z-index: 1; left: 0; top: -70px; } 
.bo_w_num:after { font-size: 1.125rem; font-weight: 700; top: 0; left: -30%; position: absolute; font-family: "gotham"; } 
.bo_w_num.num-1:after { content: "1"; } 
.bo_w_num.num-2:after { content: "2"; } 
.bo_w_num.num-3:after { content: "3"; } 
.bo_w_num.num-4:after { content: "4"; } 
.bo_w_text-ul { border-top: 1px solid #fff; } 
.bo_w_text-li { display: flex; align-items: flex-start; border-bottom: 1px solid #fff; } 
.bo_w_text-li label { width: 118px; height: 67px; display: flex; align-items: center; font-size: 15px; font-weight: 700; color: #fff; } 
.bo_w_text-li input { width: calc(100% - 118px); height: 67px; font-size: 32px; font-weight: 500; color: #ff4e00; background-color: transparent; border: 0; background-image: none !important; } 
.bo_w_text-li input:focus,
.bo_w_text-li textarea:focus { box-shadow: none !important; border: 0 !important; } 
.bo_w_text-li textarea { width: calc(100% - 118px); font-size: 15px; font-weight: 500; color: #ff4e00; background-color: transparent; border: 0; background-image: none !important; } 
.bo_w_text-li.li-rowspan-4 { height: 269px; } 
.bo_w_text-li.li-rowspan-4 textarea { height: 269px; } 
.bo_w_text button { font-size: 32px; font-weight: 500; color: #fff; display: flex; width: 100%; height: 269px; justify-content: center; align-items: center; border: 1px solid #fff; cursor: none; } 
.bo_w_text button:hover { background-color: transparent; } 
.bo_w_text-info { margin-top: 90px; font-size: 1rem; font-weight: 500; color: #fff; font-family: "gotham"; text-align: center; } 
.sect-top .tit { font-size: 2rem; font-family: "NanumBarunGothicB"; } 
.sect-top .txt { font-size: 20px; color: #292929; margin-top: 14px; line-height: 1.6; } 


/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (min-width: 1921px){
 /* #bo_gall .gall_img img { width: 100%; }  */
 }

@media screen and (max-width: 1024px){
 #bo_gall .gall_img img,
 #bo_gall .gall_img video { } 

 #bo_v_title .bo_v_tit { font-size: 1.5em; } 
 #bo_v_con p { font-size: 1em; } 
 .sv_member,
 .bo_v_date,
 .profile_info_ct { font-size: 0.875em; } 

 #bo_btn_top { flex-direction: column-reverse; align-items: baseline; gap: 38px; position: relative; } 
 #bo_btn_top .bo_list_tab a { font-size: 0.875rem; } 

 .sch-wrap { width: 100%; position: relative; gap: 10px; } 
 .sch-wrap .sch_bar { width: 100%; } 
 .sch-wrap .write-btn { position: absolute; top: calc(100% + 20px); right: 0; height: 36px; font-size: 1rem; } 

 .bbs-notice > ul > li { padding: 16px 0; } 
 .bbs-notice > ul > li .date { width: 70px; } 
 .bbs-notice > ul > li .date .year { font-size: 10px; } 
 .bbs-notice > ul > li .date .day { font-size: 0.875rem; } 
 .bbs-notice > ul > li .cont .tit { font-size: 0.875rem; } 
 .bbs-notice > ul > li .cont .txt { font-size: 12px; margin-top: 8px; } 
 .bbs-notice > ul > li a { gap: 12px; } 

 .go-list { max-width: 200px; height: 50px; font-size: 20px; } 

 .top-wrap.news { border-radius: 0 0 100px 100px; } 
 }

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

@media screen and (max-width: 768px) { 
    /*--------------------------------------------------------- MAIN ---------------------------*/
 .main-visual__pc { display: none; } 
 .main-visual__mo { display: block; } 

 /* 갤러리 목록 */
 #bo_gall .grid-sizer,
 #bo_gall .gall_li { width: 100%; } 

 /* 게시판 읽기 */
 #bo_v {margin-top: 114px;} 
 #bo_v_title .bo_v_tit { font-size: 1.375em; margin-right: 0; } 
 .profile_info_ct span { display: none; } 
 #bo_v .ico-hit { margin-right: 5px; width: 18px; height: 18px; } 
 #bo_v_con { min-height: 120px; } 
 .bo_v_nb li { padding-right: 13px; } 
 .bo_v_nb li .nb_date { display: none; } 

 .hd.isDetail { height: 49px; } 

 .hd.isDetail #hd_wrapper { display: none; } 

 .sch-wrap { flex-direction: column; } 
 .sch-wrap,
 .sch-wrap .sch_bar { width: 100%; } 
 .sch-wrap select { min-width: auto; height: 44px; } 
 .sch-wrap input { height: 44px; } 
 .sch-wrap .sch_bar button { height: 44px; } 
 .sch-wrap .write-btn { padding: 0 16px; } 
 .sch-wrap .write-btn i { width: 14px; height: 14px; } 

 #bo_btn_top { margin-bottom: 10px; gap: 30px; } 

 .bbs-notice > ul > li { font-size: 1.125rem; } 

 /*쓰기*/
 #bo_w { /* margin-top: 300px; */ } 
 .bo_w_text__wrap { flex-direction: column; padding: 0 14px; } 
 .bo_w_text { width: 100%; padding-left: 28px; } 
 .bo_w_text:not(:first-child) { margin-left: 0; margin-top: 40px; } 
 .bo_w_num { width: 14px; height: 14px; top: 0; } 
 .bo_w_num:after { font-size: 5px; } 

 .bo_w_text-li label { height: 25px; width: 84px; font-size: 7px; } 
 .bo_w_text-li input { height: 25px; width: calc(100% - 84px); font-size: 12px; } 

 .bo_w_text-li textarea { width: calc(100% - 84px); font-size: 8px; } 
 .bo_w_text-li.li-rowspan-4 { height: 99px; } 
 .bo_w_text-li.li-rowspan-4 textarea { height: 99px; } 
 .bo_w_text button { height: 100px; font-size: 11px; } 
 .bo_w_text-info { margin-top: 56px; font-size: 12px; } 

 #bo_v_con p { font-size: 0.875em; } 
 .bo_v_nb li { padding: 16px 10px; } 
 .bo_v_nb li .nb_tit { padding-right: 15px; } 
 .bo_v_nb li i { margin-left: 12px; } 

 #bo_v header { flex-direction: column; align-items: baseline; padding-bottom: 8px; } 
 .sv_member,
 .bo_v_date,
 .profile_info_ct { font-size: 12px; } 
 .bbs-notice > ul > li .date::before { height: 24px; } 
 .go-list { height: 40px; font-size: 1rem; } 
 .top-wrap.news { padding-top: 114px; height: auto; padding-bottom: 44px; border-radius: 0 0 60px 60px; } 
 .top-wrap.news .inner { width: 100%; } 
 .sect-top .tit { font-size: 22px; } 
 .sect-top .txt { font-size: 18px; } 
 .sub-topTit { font-size: 22px; } 
 .top-wrap .top-tit .txt { font-size: 14px; } 
 .top-wrap .top-tit .tit { font-size: 26px; } 
 #wrapper.br-200 { border-top-right-radius: 100px; padding-top: 0; } 
 .contacts-all,
 .partners-all,
 .careers-all { padding-top: 80px; }
 .page-control{bottom: 20px;}
 .page-control.absolute { bottom: 20px; } 
 .page-control .btn-page {height: 40px;} 
 .page-control .prev-page i, .page-control .next-page i { width: 30px; height: 30px; } 
 .page-control .btn-page span { font-size: 14px; } 
 .page-control .next-page:hover span { padding: 0 20px 0 10px; } 
 .page-control .prev-page:hover span { padding: 0 10px 0 20px;}
 .page-control .current-page { font-size: 14px; margin: 0 15px; } 
 .service-alert { width: 100%; border-radius: 15px; border: 1px solid #e4e4e4; padding: 45px; text-align: center; } 
 .service-alert h3 { font-size: 2rem; font-weight: 700; color: #292929; margin: 20px 0 10px; } 
 .service-alert p { font-size: 1rem; color: #757575; } 
 }


@media screen and (max-width: 768px){
    .service-alert { padding: 40px 20px; } 
    .service-alert img { width: 60px; height: 60px; object-fit: cover; } 
    .service-alert h3 { font-size: 22px; } 
    .service-alert p { font-size: 12px; } 
    .top-wrap .page-control {display: none;}
    .top-wrap.company.long{
     background-image: none;
 }
    .top-wrap.topimg_20{}
    .top-wrap.company.long.partners{background: none;}
   
    .background-fixed{position: fixed; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -1;}
    .about .background-fixed{}
    .partners .background-fixed{background-image: url(../../images/sub/header-bg-partners.jpg);}
    .top-wrap.topimg_20 .background-fixed{background-image: url(../../images/sub/header-bg-tech.jpg);}
    .careers .background-fixed{background-image: url(../../images/sub/header-bg-careers.jpg);}
    .company .background-fixed { background-image: url(../../images/main/sect3-bg.jpg);  } 
    .tech.tele{padding-top: 150px;}
    .top-wrap.long.careers{background-image: none;}
    .top-wrap.company.long.history{background-image: none;}
    .top-wrap.autoDrive{background-image: none;}
    .top-wrap.robotaxi{background-image: none;}
    .top-wrap.company.long.history .background-fixed{background-image: url("../../images/sub/header-bg-history.jpg");}
    .top-wrap.autoDrive .background-fixed{background-image: url("../../images/sub/header-bg-tech2.jpg");}
    .top-wrap.robotaxi .background-fixed{background-image: url("../../images/sub/header-bg-tech3.jpg");}

 }