@charset "utf-8";
table,thead,tbody,tfoot,tr,th,td{border-collapse:collapse}


/* 공통 */
#sh_content.page{max-width:none;margin:35px auto 0}
.pagecommon .group-subtit.sub-top{padding:70px 0 100px}
.pagecommon .group-subtit{display:flex;flex-direction:column;align-items:center;gap:17px;text-align:center}
.pagecommon .group-subtit .subtit--en{font-family:var(--e-font);font-size:24px;font-weight:400;color:var(--primary);text-transform:uppercase}
.pagecommon .group-subtit .subtit--ko{line-height:1;font-size:66px;font-weight:700;color:#fff;word-break:keep-all}
.pagecommon .group-subtit .subtit--desc{padding-top:28px;font-size:17px;font-weight:500;color:rgba(255,255,255,0.8);word-break:keep-all}
.pagecommon .contit--en{text-transform:uppercase;line-height:1;font-family:var(--e-font);font-weight:400;font-size:20px;color:var(--primary)}
.pagecommon .contit--ko{font-size:44px;font-weight:700;line-height:1.2;white-space:pre-line;text-align:center}
.pagecommon .sub-top .text__pr{overflow:hidden}
.pagecommon .sub-top .text__ch{display:inline-block}
.pagecommon .table-box::-webkit-scrollbar{height:6px}
.pagecommon .table-box::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3);border-radius:50px}


/* 탭메뉴 */
.pagecommon .tab-menu{z-index:5;position:sticky;top:0;padding:30px 0;margin-bottom:150px;backdrop-filter:blur(10px)}
.pagecommon ul.tab--list{display:flex;justify-content:center}
.pagecommon ul.tab--list li{overflow:hidden;display:flex;align-items:center;justify-content:center;width:auto;padding:10px 40px;text-align:center;font-size:20px;font-weight:700;color:rgba(255,255,255,0.5);word-break:keep-all;border-radius:100px;transition:background-color 0.3s, color 0.3s;cursor:pointer}
.pagecommon ul.tab--list li.on{background-color:var(--primary);color:#fff !important}

/* =========================== 회사소개 */
#sh_about .area-banner{position:relative;height:866px;overflow:hidden}
#sh_about .area-banner video{width:100%;height:100%;object-fit:cover}
#sh_about .area-banner .sub-top{position:absolute;top:70px;left:50%;transform:translateX(-50%);z-index:1;padding:0}
#sh_about .area-banner [data-aos="fade-up"]{transform:translateX(-50%) translateY(100px)}
#sh_about .area-banner [data-aos="fade-up"].aos-animate{transform:translateX(-50%) translateY(0)}

#sh_about .tab-menu{margin-top:85px}
#sh_about .tab-cont > div{display:none}
#sh_about .tab-cont > div.on{display:block}
#sh_about .area-about{position:relative;overflow:hidden;padding-bottom:210px}
#sh_about .area-about ul{position:relative;z-index:1;display:flex;flex-direction:column;gap:200px;max-width:680px;padding-bottom:88px}
#sh_about .area-about ul li h3{padding-bottom:18px;font-family:var(--e-font);font-size:26px;line-height:1;font-weight:400;color:var(--primary);text-transform:uppercase}
#sh_about .area-about ul li h4{padding-bottom:45px;font-size:40px;font-weight:700;line-height:1.25;white-space:pre-line;word-break:keep-all}
#sh_about .area-about ul li p.desc{font-size:17px;font-weight:500;line-height:1.6;color:rgba(255,255,255,0.7);white-space:pre-line;word-break:keep-all}
#sh_about .area-about .bg-img{position:absolute;opacity:0.2;pointer-events:none}
#sh_about .area-about .bg-img.top{top:50px;right:-230px}
#sh_about .area-about .bg-img.bottom{bottom:0;left:0}

#sh_about .area-location{padding-bottom:120px}
#sh_about .area-location .group-subtit{padding-bottom:54px}
#sh_about .area-location .group-subtit .contit--en{font-size:24px}
#sh_about .area-location .group-subtit .contit--ko{display:flex;align-items:center;gap:15px;font-size:30px;word-break:keep-all}
#sh_about .area-location .group-subtit .contit--ko .ic-map{transform:translateY(-1px)}
#sh_about .area-location .group-subtit .contit--ko .ic-map img{width:18px}
#sh_about .area-location .group-cont .map-box{max-width:1298px;width:100%;height:538px;margin:0 auto;overflow:hidden;border-radius:10px}
#sh_about .area-location .group-cont .map-box iframe{width:100%;height:100%}


/* =========================== 서비스 소개 */
#sh_service{padding-bottom:100px}
#sh_service ul.tab--list li{padding:13px 23px}
/* 서비스 공통 */
#sh_service .sc_service{display:none}
#sh_service .sc_service.on{display:block}
#sh_service .sc_service .area-tit{padding-bottom:87px}
#sh_service .sc_service:not(.sc_info) .contit--ko{padding-bottom:25px}
#sh_service .sc_service .contit--desc{font-size:18px;font-weight:500;color:#fff;line-height:1.4;text-align:center;word-break:keep-all}
#sh_service .sc_service .col-2{display:flex;align-items:center;justify-content:center;gap:60px}
#sh_service .sc_service .col-2 .thumb-box{max-width:711px;width:100%;aspect-ratio:711 / 469;border-radius:20px;overflow:hidden}
#sh_service .sc_service .col-2 .thumb-box img{width:100%;height:100%;object-fit:cover}
#sh_service .sc_service .col-2 .text-box{display:flex;flex-direction:column}
#sh_service .sc_service .col-2 .text-box h3{font-size:35px;font-weight:700;padding-bottom:30px}
#sh_service .sc_service .col-2 .text-box p.desc{font-size:17px;font-weight:500;line-height:1.58;word-break:keep-all;white-space:pre-line;color:rgba(255,255,255,0.8)}

#sh_service .sc_service .service__video{padding-bottom:198px}
#sh_service .sc_service .service__video ul{display:flex;justify-content:center;gap:80px}
#sh_service .sc_service .service__video ul:nth-child(2){margin-top:203px}
#sh_service .sc_service .service__video ul li{display:flex;flex-direction:column;align-items:center;gap:47px;max-width:670px;width:100%}
#sh_service .sc_service .service__video ul li .thumb-box{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;border:2px solid rgba(11, 199, 219, 0.5);border-radius:13px;box-shadow:0 0 10px 3px rgba(11, 199, 219, 0.3)}
#sh_service .sc_service .service__video ul li video{width:100%;height:100%;object-fit:cover}
#sh_service .sc_service .service__video ul li p.desc{font-size:28px;font-weight:700;line-height:1.35;white-space:pre-line;text-align:center;word-break:keep-all}
/* 임시이미지*/
#sh_service .sc_service .service__video ul li img{width:100%;height:100%;object-fit:cover}

#sh_service .sc_info .group-subtit{padding-bottom:98px}
#sh_service .sc_info .group-subcont .banner{max-width:1302px;width:100%;aspect-ratio:1302 / 390;margin:0 auto;border-radius:20px;overflow:hidden}
#sh_service .sc_info .group-subcont .banner img{width:100%;height:100%;object-fit:cover}

#sh_service .sc_info .info__list{max-width:1165px;width:100%;margin:0 auto}
#sh_service .sc_info .info__list > li{padding:66px 0 70px;border-bottom:1px solid rgba(255,255,255,0.14)}
#sh_service .sc_info .info__list > li:last-child{border-bottom:none;padding-bottom:0}
#sh_service .sc_info .info__list > li > dl{display:flex}
#sh_service .sc_info .info__list > li > dl > dt{max-width:320px;width:100%;flex-shrink:0;font-size:30px;font-weight:700;white-space:pre-line}
#sh_service .sc_info .info__list > li > dl > dd{flex:1;width:100%}
#sh_service .sc_info .info__list strong{font-size:17px;font-weight:600;line-height:1.58;white-space:pre-line;word-break:keep-all}
#sh_service .sc_info .info__list .txt{font-size:16px;font-weight:500;line-height:1.6;color:rgba(255,255,255,0.6);white-space:pre-line;word-break:keep-all}
#sh_service .sc_info .info__list .blue{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px 10px;text-align:center;font-size:16px;font-weight:700;background-color:var(--primary);border-radius:4px;color:#fff}
#sh_service .sc_info .info__list .list-box{display:flex;flex-direction:column;gap:15px}
#sh_service .sc_info .info__list .list-box .bul{position:relative;padding-left:22px}
#sh_service .sc_info .info__list .list-box .bul::before{position:absolute;content:'';left:0;top:10px;width:4px;aspect-ratio:1;border-radius:10px;background-color:#d9d9d9}
#sh_service .sc_info .info__list .hypen{position:relative;padding-left:16px}
#sh_service .sc_info .info__list .hypen::before{position:absolute;content:'-';left:0;top:4px;line-height:1}
#sh_service .sc_info .info__list .text-box{padding:34px 34px 40px;background-color:#151414;border-radius:2px}
#sh_service .sc_info .info__list .notice{padding-top:30px;font-size:15px;color:#fff}
#sh_service .sc_info .tbl thead tr th{padding:10px;background-color:var(--primary);font-size:17px;font-weight:700;line-height:1.5;border-right:1px solid rgba(255,255,255,0.3);color:#fff;text-align:center}
#sh_service .sc_info .tbl tbody tr > *{padding:10px;font-size:15px;line-height:1.7;border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
#sh_service .sc_info .tbl tbody tr > th{color:#fff;text-align:center}
#sh_service .sc_info .tbl tbody td{color:rgba(255,255,255,0.5);text-align:center;white-space:pre-line}

/* 대여 자격 */
#sh_service .sc_info .info__target .target{display:flex;flex-direction:column;gap:17px}
#sh_service .sc_info .info__target .target li{display:flex;align-items:flex-start;gap:18px}
#sh_service .sc_info .info__target .target li:first-child .blue{transform:translateY(-3px)}
#sh_service .sc_info .info__target dd{display:flex;flex-direction:column;gap:64px}
#sh_service .sc_info .info__target .table-box .tbl--rental{width:100%}
#sh_service .sc_info .info__target .table-box .tbl--rental thead tr th:last-child{border-right:none}
#sh_service .sc_info .info__target .table-box .tbl--rental tbody tr > *{background-color:#151414}
#sh_service .sc_info .tbl tbody td:last-child{border-right:none}
#sh_service .sc_info .tbl tbody tr:last-child > *{border-bottom:none}

/* 반납 절차 */
#sh_service .sc_info .info__return .list-box{padding-bottom:33px}
#sh_service .sc_info .info__return .text-box .used-to{display:flex;flex-direction:column;gap:6px;padding-top:30px;padding-bottom:0}
#sh_service .sc_info .info__return .text-box .used-to .txt{padding-left:16px;font-size:14px;color:#fff}
#sh_service .sc_info .info__return .text-box{display:flex;flex-direction:column;gap:44px}
#sh_service .sc_info .info__return .text-box .notice-box{display:flex;flex-direction:column;gap:10px;padding-top:30px}
#sh_service .sc_info .text-box dl{display:flex;flex-direction:column;align-items:flex-start;gap:15px}

/* 추가 요금 */
#sh_service .sc_info .info__add .text-box{display:flex;flex-direction:column;align-items:flex-start;gap:50px}

/* 보상범위 */
#sh_service .sc_info .info__accident .text-box{display:flex;flex-direction:column;gap:45px}
#sh_service .sc_info .info__accident .text-box .txt{display:flex;flex-direction:column;gap:30px;width:100%}
#sh_service .sc_info .info__accident > dl > dd{display:flex;flex-direction:column;gap:64px}
#sh_service .sc_info .info__accident .tbl tbody tr > *{background-color:#000}
#sh_service .sc_info .info__accident .tbl tbody tr .rowspan{border-bottom:none}


/* =========================== 포트폴리오 */
#sh_portfolio{padding-bottom:220px}
#sh_portfolio .inner{max-width:1433px}
#sh_portfolio .portfolio-list{padding:0 73px 123px;border-bottom:1px solid rgba(255,255,255,0.1)}
#sh_portfolio .portfolio-list:last-child{padding-bottom:0;border-bottom:none}
#sh_portfolio .portfolio-list .head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:53px}
#sh_portfolio .portfolio-list .head .fl-l h3{padding-bottom:15px;font-family:var(--e-font);font-weight:600;font-size:60px;line-height:1}
#sh_portfolio .portfolio-list .head .fl-l p.desc{font-size:16px;line-height:1.4}
#sh_portfolio .portfolio-list .head .fl-r a.link-more{display:flex;align-items:center;gap:3px;font-size:16px;font-weight:700;color:#fff}
#sh_portfolio .portfolio-list .head .fl-r a.link-more svg{flex-shrink:0;width:20px;height:20px;transition:transform 0.3s}
#sh_portfolio .portfolio-list .head .fl-r a.link-more:hover svg{transform:rotate(180deg)}
#sh_portfolio .portfolio-list .article{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}
#sh_portfolio .portfolio-list .article li .portfolio-item{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:412 / 305;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.3)}
#sh_portfolio .portfolio-list .article .thumb-box{width:100%;height:100%}
#sh_portfolio .portfolio-list .article .thumb-box img{width:100%;height:100%;object-fit:cover}
#sh_portfolio .portfolio-list .article .hover-el{opacity:0;visibility:hidden;position:absolute;inset:0%;width:100%;height:100%;display:flex;align-items:flex-end;padding:43px;font-size:18px;font-weight:700;color:#fff;background-color:rgba(0,0,0,0.65);transition:opacity 0.3s, visibility 0.3s}
#sh_portfolio .portfolio-list .article .portfolio-item:hover .hover-el{opacity:1;visibility:visible}

/* 마이페이지 */
#smb_my{overflow:hidden}

/* 반응형 [s] */
@media (max-width:1600px){
/* 공통 */
.pagecommon .group-subtit{gap:14px}
.pagecommon .group-subtit .subtit--en{font-size:22px}
.pagecommon .group-subtit .subtit--ko{font-size:54px}
.pagecommon .group-subtit .subtit--desc{padding-top:18px}
.pagecommon ul.tab--list li{font-size:18px}
.pagecommon .tab-menu{padding:24px 0;margin-bottom:100px}

/* =========================== 회사소개 */
#sh_about .area-banner{height:730px}
#sh_about .area-banner .sub-top{top:60px;padding:0 20px}
#sh_about .tab-menu{margin-top:55px;margin-bottom:120px}
#sh_about .area-about{padding-bottom:120px}
#sh_about .area-about ul{max-width:720px;gap:180px}
#sh_about .area-about ul li h3{font-size:24px}
#sh_about .area-about ul li h4{padding-bottom:40px;font-size:36px}
#sh_about .area-about .bg-img.top{top:0;right:-440px}
#sh_about .area-about .bg-img.bottom{bottom:35px;left:-140px}

/* =========================== 서비스 소개 */
#sh_service .sc_service .service__video{padding-bottom:160px}
#sh_service .sc_service .service__video ul{gap: 36px;}
/* #sh_service .sc_service .service__video ul li{max-width:426px} */
#sh_service .sc_service .service__video ul li p.desc{font-size:26px}
#sh_service .sc_service .area-tit{padding-bottom:68px}
#sh_service .sc_service:not(.sc_info) .contit--ko{padding-bottom:20px}
#sh_service .sc_service .col-2 .thumb-box{max-width:680px}
#sh_service .sc_info .group-subtit{padding-bottom:60px}
#sh_service .sc_info .info__target dd{gap:54px}
}

@media (max-width:1400px){
/* 공통 */
.pagecommon .group-subtit{gap:12px}
.pagecommon .group-subtit .subtit--en{font-size:20px}
.pagecommon .group-subtit .subtit--ko{font-size:50px}
.pagecommon .group-subtit.sub-top{padding:60px 0 80px}
.pagecommon .tab-menu{margin-bottom:80px}
.pagecommon .contit--ko{font-size:42px}

/* =========================== 회사소개 */
#sh_about .area-banner{height:670px}
#sh_about .tab-menu{margin-bottom:100px}
#sh_about .area-about ul{gap:150px}
#sh_about .area-about ul li h3{padding-bottom:14px;font-size:22px}
#sh_about .area-about ul li h4{padding-bottom:32px;font-size:34px}
#sh_about .area-about ul li p.desc{font-size:16px}
#sh_about .area-about .bg-img.top{right:-530px}
#sh_about .area-about .bg-img.bottom{bottom:52px;left:-244px}
#sh_about .area-location .group-subtit .contit--en{font-size:22px}
#sh_about .area-location .group-subtit .contit--ko{gap:10px;font-size:26px}

/* =========================== 서비스 소개 */
#sh_service{padding-bottom:60px}
#sh_service .sc_service:not(.sc_info) .contit--ko{padding-bottom:15px}
#sh_service ul.tab--list li{padding:12px 22px}
#sh_service .sc_service .service__video{padding-bottom:130px}
#sh_service .sc_service .service__video ul li{gap:38px}
#sh_service .sc_service .service__video ul li p.desc{font-size:24px}
#sh_service .sc_service .area-tit{padding-bottom:28px}
#sh_service .sc_service .col-2{flex-direction:column;gap:20px;text-align:center}
#sh_service .sc_service .col-2 .text-box h3{display:none}
#sh_service .sc_info .info__list{max-width:none;padding:0 40px}
#sh_service .sc_info .info__list > li > dl > dt{max-width:270px;font-size:26px}
}

@media (max-width:1200px){
/* 공통 */
.pagecommon .group-subtit.sub-top{padding:50px 0 55px}
.pagecommon .group-subtit .subtit--ko{font-size:46px}
.pagecommon .group-subtit .subtit--desc{padding-top:12px;font-size:16px}
.pagecommon .tab-menu{padding:20px 0}
.pagecommon ul.tab--list{gap:0}
.pagecommon ul.tab--list li{font-size:16px}
.pagecommon .contit--ko{font-size:38px}
.pagecommon .contit--en{font-size:18px}

/* =========================== 회사소개 */
#sh_about .tab-menu{margin-top:35px;margin-bottom:70px}
#sh_about .area-banner{height:585px}
#sh_about .area-about{padding-bottom:80px}
#sh_about .area-about ul{gap:100px}
#sh_about .area-about ul li{text-align:center}
#sh_about .area-about ul li h3{padding-bottom:10px;font-size:20px}
#sh_about .area-about ul li h4{padding-bottom:18px;font-size:30px}
#sh_about .area-about .bg-img.top{top:-37px;right:-570px}
#sh_about .area-about .bg-img.top img{height:850px}
#sh_about .area-about .bg-img.bottom{bottom:15px;left:-280px}
#sh_about .area-about .bg-img.bottom img{height:840px}
#sh_about .area-location .group-subtit{padding-bottom:42px}
#sh_about .area-location .group-subtit .contit--en{font-size:20px}
#sh_about .area-location .group-subtit .contit--ko{font-size:24px}
#sh_about .area-location .group-subtit .contit--ko .ic-map img{width:17px}

/* =========================== 서비스 소개 */
#sh_service ul.tab--list li{padding:10px 18px}
#sh_service .sc_service .service__video{padding-bottom:100px}
#sh_service .sc_service .service__video ul{gap:24px}
#sh_service .sc_service .service__video ul li{gap:30px}
#sh_service .sc_service .service__video ul li p.desc{font-size:20px}
#sh_service .sc_service .col-2 .text-box h3{font-size:28px;padding-bottom:16px}
#sh_service .sc_service .col-2 .text-box p.desc{font-size:16px}
#sh_service .sc_info .group-subtit{padding-bottom:40px}
#sh_service .sc_info .info__list > li{padding:55px 0}
#sh_service .sc_info .info__list strong{font-size:16px}
#sh_service .sc_info .info__list .blue{font-size:15px}
#sh_service .sc_info .info__list .txt{font-size:15px}
#sh_service .sc_info .info__target dd{gap:36px}
#sh_service .sc_info .info__target .target li{gap:14px}
#sh_service .sc_info .tbl thead tr th{font-size:16px}
#sh_service .sc_info .info__list .list-box{gap:10px}
#sh_service .sc_info .info__list .notice{padding-top:22px;font-size:14px}
#sh_service .sc_info .info__return .text-box{gap:36px}
#sh_service .sc_info .info__return .text-box .used-to{padding-top:22px}
#sh_service .sc_info .info__add .text-box{gap:36px}
#sh_service .sc_info .text-box dl{gap:12px}
#sh_service .sc_info .info__accident > dl > dd{gap:33px}
#sh_service .sc_info .info__accident .text-box{gap:36px}
#sh_service .sc_info .info__accident .text-box .txt{gap:22px}
}

@media (max-width:1024px){
/* 공통 */
.pagecommon .group-subtit{gap:8px}
.pagecommon .group-subtit .subtit--en{font-size:18px}
.pagecommon .group-subtit .subtit--ko{font-size:40px}
.pagecommon .group-subtit.sub-top{padding:32px 0 40px}
.pagecommon .tab-menu{margin-bottom:50px}
.pagecommon .contit--ko{padding-bottom:15px;font-size:32px}
.pagecommon .contit--en{font-size:16px}

/* =========================== 회사소개 */
#sh_about .area-banner{height:515px}
#sh_about .area-banner .sub-top{top:50px}
#sh_about .tab-menu{margin-bottom:60px}
#sh_about .area-about{padding-bottom:40px}
#sh_about .area-about ul{gap:80px}
#sh_about .area-about ul li h3{font-size:18px}
#sh_about .area-about ul li h4{padding-bottom:12px;font-size:26px}
#sh_about .area-about ul li p.desc{font-size:15px}
#sh_about .area-about .bg-img.top{right:-515px}
#sh_about .area-about .bg-img.top img{height:780px}
#sh_about .area-about .bg-img.bottom{bottom:0}
#sh_about .area-about .bg-img.bottom img{height:770px}
#sh_about .area-location .group-subtit{padding-bottom:32px}
#sh_about .area-location .group-subtit .contit--en{font-size:18px}
#sh_about .area-location .group-subtit .contit--ko{font-size:22px;padding-bottom:0}
#sh_about .area-location .group-subtit .contit--ko .ic-map img{width:16px}
#sh_about .area-location .group-cont .map-box{height:470px}

/* =========================== 서비스 소개 */

#sh_service .sc_service .area-tit{padding-bottom:25px}
#sh_service .sc_service:not(.sc_info) .contit--ko{padding-bottom:10px}
#sh_service .sc_service .contit--desc{font-size:17px}
#sh_service .sc_service .service__video{padding-bottom:80px}
/* #sh_service .sc_service .service__video ul{gap:30px} */
/* #sh_service .sc_service .service__video ul li{max-width:330px} */
#sh_service .sc_service .service__video ul li p.desc{font-size:19px}
#sh_service .sc_info .contit--ko{padding-bottom:0}
#sh_service .sc_info .group-subtit{padding-bottom:28px}
#sh_service .sc_info .info__list{padding:0 20px}
#sh_service .sc_info .info__list > li{padding:34px 0}
#sh_service .sc_info .info__list > li > dl{flex-direction:column;gap:24px}
#sh_service .sc_info .info__list > li > dl > dt{max-width:none;font-size:24px;white-space:normal}
#sh_service .sc_info .info__return .list-box{padding-bottom:26px}
#sh_service .sc_info .info__list .text-box{padding:28px 28px 35px}
#sh_service .sc_info .info__accident > dl > dd{gap:26px}
#sh_service .sc_info .group-subcont .banner{border-radius:10px}
}

@media (max-width:768px){
/* 공통 */
.pagecommon .group-subtit.sub-top{padding:22px 0 28px}
.pagecommon .group-subtit .subtit--ko{font-size:36px}
.pagecommon .group-subtit .subtit--desc{padding-top:8px;font-size:15px}
.pagecommon .tab-menu{padding:12px 20px;margin-bottom:32px}
.pagecommon .tab-menu .inner{padding:0 !important}
.pagecommon ul.tab--list li{padding:8px 32px;font-size:15px}
.pagecommon .contit--ko{font-size:26px}
.pagecommon .contit--en{font-size:15px}

/* =========================== 회사소개 */
#sh_about .area-banner{height:430px}
#sh_about .area-banner .sub-top{top:35px}
#sh_about .tab-menu{margin-top:20px;margin-bottom:50px}
#sh_about .area-about ul{gap:65px}
#sh_about .area-about ul li h3{padding-bottom:8px}
#sh_about .area-about ul li h4{padding-bottom:8px;font-size:20px}
#sh_about .area-about .bg-img{opacity:0.15}
#sh_about .area-about .bg-img.top{right:-400px}
#sh_about .area-about .bg-img.top img{height:680px}
#sh_about .area-about .bg-img.bottom{left:-175px}
#sh_about .area-about .bg-img.bottom img{height:670px}
#sh_about .area-location{padding-bottom:100px}
#sh_about .area-location .group-subtit{padding-bottom:25px}
#sh_about .area-location .group-subtit .contit--ko{gap:8px;font-size:20px}
#sh_about .area-location .group-subtit .contit--ko .ic-map img{width:15px}
#sh_about .area-location .group-cont .map-box{height:405px}

/* 서비스 소개 */
#sh_service .sc_service .area-tit{padding-bottom:20px}
#sh_service .tab-menu{overflow:hidden}
#sh_service ul.tab--list li{padding:8px 15px;font-size:14px}
#sh_service .sc_service .service__video{padding-bottom:60px}
#sh_service .sc_service .service__video ul{gap:14px}
#sh_service .sc_service .service__video ul li{gap:22px}
#sh_service .sc_service .service__video ul li p.desc{font-size:15px}
#sh_service .sc_service .service__video ul li .thumb-box{box-shadow:0 0 5px 2px rgba(11, 199, 219, 0.3)}
#sh_service .sc_service .contit--desc{font-size:16px}
#sh_service .sc_service .col-2 .thumb-box{max-width:none;width:100%;aspect-ratio:711 / 420;border-radius:10px}
#sh_service .sc_service .col-2 .text-box h3{font-size:28px}
#sh_service .sc_service .col-2 .text-box p.desc{font-size:15px;white-space:normal}
#sh_service .sc_info .group-subtit{padding-bottom:20px}
#sh_service .sc_info .info__list{padding:0}
#sh_service .sc_info .info__list > li{padding:30px 0}
#sh_service .sc_info .info__list > li > dl{flex-direction:column}
#sh_service .sc_info .info__list > li > dl > dt{max-width:100%;width:100%;font-size:20px}
#sh_service .sc_info .info__list strong{font-size:15px}
#sh_service .sc_info .info__target .target li:first-child .blue{transform:translateY(-2px)}
#sh_service .sc_info .info__list .blue{padding:2px 8px;font-size:14px}
#sh_service .sc_info .info__list .txt{font-size:14px}
#sh_service .sc_info .info__target .target{gap:14px}
#sh_service .sc_info .info__target dd{gap:32px}
#sh_service .sc_info .tbl thead tr th{font-size:14px}
#sh_service .sc_info .tbl tbody tr > *{font-size:13px}
#sh_service .sc_info .info__list .list-box{gap:8px}
#sh_service .sc_info .info__list > li > dl{gap:20px}
#sh_service .sc_info .info__return .list-box{padding-bottom:20px}
#sh_service .sc_info .info__list .text-box{padding:22px 24px 28px}
#sh_service .sc_info .info__accident .table-box{overflow-x:auto}
#sh_service .sc_info .info__accident table{min-width:510px}

/* 마이페이지 */
#smb_my_ov .op_area dt, #smb_my_ov .op_area dd{float:unset;width:100%}
#smb_my_ov .op_area dd{margin-bottom:8px}
#smb_my_ov .cou_pt{position:static;display:flex;padding:0 20px;background-color:#161616}
#smb_my_ov .op_area{padding:10px 20px}

#smb_my .tbl_wrap{overflow-x:auto}
#smb_my table{min-width:680px}
#smb_my .tbl_wrap::-webkit-scrollbar{height:6px}
#smb_my .tbl_wrap::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.3);border-radius:50px}
}

@media (max-width:540px){
/* 서비스 소개 */
/* #sh_service .sc_service .service__video ul{gap:14px} */
#sh_service .sc_info .info__target .table-box{overflow-x:auto}
#sh_service .sc_info .info__target .table-box .tbl--rental{min-width:540px;margin-bottom:15px}
#sh_service .sc_info .info__list .list-box .bul{padding-left:16px}
}

@media (max-width:480px){
/* 공통 */
.pagecommon .group-subtit.sub-top{padding:12px 0 28px}
.pagecommon .group-subtit .subtit--en{font-size:16px}
.pagecommon .group-subtit .subtit--ko{font-size:30px}
.pagecommon .group-subtit .subtit--desc{font-size:14px}
.pagecommon ul.tab--list li{padding:8px 18px;font-size:13px;border-radius:10px;white-space:pre-line}
.pagecommon .contit--ko{font-size:22px}
.pagecommon .contit--en{font-size:14px}

/* =========================== 회사소개 */
#sh_about .area-banner{height:345px}
#sh_about .area-banner .sub-top{top:25px}
#sh_about .tab-menu{margin-bottom:36px}
#sh_about .area-about{padding-bottom:0}
#sh_about .area-about ul{gap:50px;padding-bottom:80px}
#sh_about .area-about ul li h3{font-size:17px}
#sh_about .area-about ul li h4{font-size:17px}
#sh_about .area-about ul li p.desc{font-size:14px;white-space:normal}
#sh_about .area-about .bg-img.top{right:-360px}
#sh_about .area-about .bg-img.top img{height:550px}
#sh_about .area-about .bg-img.bottom img{height:540px}
#sh_about .area-location{padding-bottom:80px}
#sh_about .area-location .group-subtit{padding-bottom:22px}
#sh_about .area-location .group-subtit .contit--en{font-size:17px}
#sh_about .area-location .group-subtit .contit--ko{gap:6px;font-size:16px}
#sh_about .area-location .group-subtit .contit--ko .ic-map img{width:12px}
#sh_about .area-location .group-cont .map-box{height:350px}

/* 서비스 소개 */
#sh_service{padding-bottom:36px}
#sh_service ul.tab--list{display:grid;grid-template-columns:repeat(6,1fr);gap:8px 0}
#sh_service ul.tab--list li:first-child{grid-column: 1 / 3;}
#sh_service ul.tab--list li:nth-child(2){grid-column: 3 / 5;}
#sh_service ul.tab--list li:nth-child(3){grid-column: 5 / 7;}
#sh_service ul.tab--list li:nth-child(4){grid-column: -7 / -4;}
#sh_service ul.tab--list li:nth-child(5){grid-column: -4 / -1;}
#sh_service .sc_service .area-tit{padding-bottom:20px}
#sh_service .sc_service:not(.sc_info) .contit--ko{padding-bottom:8px}
#sh_service .sc_service .contit--desc{font-size:14px}
#sh_service .sc_service .service__video{padding-bottom:60px}
#sh_service .sc_service .service__video ul{flex-direction: column;gap: 24px;}
#sh_service .sc_service .service__video ul li{gap:14px;max-width:100%}
#sh_service .sc_service .service__video ul li .thumb-box{max-width:none;}
#sh_service .sc_service .service__video ul li p.desc{font-size:14px}
#sh_service .sc_service .col-2{gap:16px}
#sh_service .sc_service .col-2 .thumb-box{max-width:100%;width:100%}
#sh_service .sc_service .col-2 .text-box h3{font-size:22px;padding-bottom:20px}
#sh_service .sc_service .col-2 .text-box p.desc{font-size:14px;white-space:normal}

#sh_service .sc_info .group-subtit .subtit--ko{font-size:28px}
#sh_service .sc_info .group-subcont .banner{aspect-ratio:300 / 120}
#sh_service .sc_info .info__list > li{padding:40px 0 45px}
#sh_service .sc_info .info__list > li > dl > dt{font-size:22px}
#sh_service .sc_info .info__list strong{font-size:15px}
#sh_service .sc_info .info__list .txt{font-size:14px}
#sh_service .sc_info .tbl tbody tr > *{padding:10px 5px;font-size:13px;word-break:keep-all}
#sh_service .sc_info .tbl thead tr th{padding:10px 5px;font-size:14px}
#sh_service .sc_service .col-2 .text-box h3{font-size:18px}
#sh_service .sc_info .group-subtit .subtit--ko{font-size:24px}
#sh_service .sc_info .info__list > li{padding:28px 0 30px}
#sh_service .sc_info .info__list > li > dl > dt{font-size:16px}
#sh_service .sc_info .info__list strong{font-size:14px;white-space:normal}

#sh_service .sc_info .info__list .text-box{padding:16px 16px 22px}
#sh_service .sc_info .info__list > li > dl{gap:12px}
#sh_service .sc_info .info__target dd{gap:20px}
#sh_service .sc_info .info__list .blue{font-size:13px}
#sh_service .sc_info .info__target .target li:first-child .blue{transform:translateY(0)}
#sh_service .sc_info .info__target .target li{flex-direction:column;gap:6px}
}

@media (max-width:390px){
/* 마이페이지 */
#smb_my_ov .cou_pt{flex-direction:column}
#smb_my_ov .cou_pt dt{line-height:1.2}
#smb_my_ov .cou_pt dd{float:unset;line-height:1.4;text-align:left;padding:8px 0}
}
/* 반응형 [e] */