@charset "utf-8";
/* 공통 */
.subtit { font-size: 28px; line-height: 1.5em; font-weight: 600; color: #222; }
.subtit span { font-weight: 700; }
.subtxt { line-height: 1.9em; }

/* sub1 공통 */
.sub1-big { width: 100%; position: relative; border-radius: 24px; margin-bottom: 55px; overflow: hidden;} 
.sub1-big img { width: 100%; }

/* CEO 인사말 */
.gt-fx { display: flex; align-items: flex-start; padding: 0 20px ;}
.gt-fx .subtit { width: 44%; padding-right: 20px; }
.gt-fx .info { width: 56%; }
.gt-fx .info .subtxt { margin-bottom: 30px; }
.gt-fx .info .subtxt:last-child { margin-bottom: 0; }

/* 회사연혁 */
.hst { padding: 0 20px; position: relative; display: flex; }
.hst .subtit { width: 27%; }
.hst .info { border-left: 1px solid #ddd; width: 73%; }
.hst .info .group { margin-bottom: 75px; padding-left: 100px; position: relative; display: flex; align-items: flex-start; }
.hst .info .group::before { content: ""; position: absolute; left: -20px; top:0; width: 40px; height: 40px; background: url(../images/sub/hst-bf.png) center no-repeat; background-size: contain;}
.hst .info .group:last-child { margin-bottom: 0; }
.hst .info .group .year { position: relative; line-height: 1.2em; color: #222; font-size: 32px; font-weight: 600; width: 155px; }
.hst .info .group .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 8px; }
.hst .info .group .txt p { margin-bottom: 15px; position: relative; padding-left: 14px; }
.hst .info .group .txt p::before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #222; border-radius: 50%; }
.hst .info .group .txt p:last-child { margin-bottom: 0; }

/* 지점안내 */
.map-b { position: relative; height: 760px;}
.map-ab { overflow: hidden;}
.lct-box { opacity: 0; position: absolute; left: 0; top: 0; width: 100%;}
.lct-box.active { opacity: 1;}
.lct-box iframe { width: 100%; }
.lct-tab { display: flex; padding: 10px; border-radius: 40px; background: #f5f5f5; }
.lct-tab li { flex: 1; text-align: center; cursor: pointer; }
.lct-tab li a { display: flex; width: 100%; height: 60px; border-radius: 30px; font-size: 20px; font-weight: 600; color: #999; align-items: center; justify-content: center; pointer-events: none;}
.lct-tab li.active a { background: #222; color: #fff; }
.lct-txtbox { margin: 40px 0; padding: 40px; display: flex; align-items: center; border: 1px solid #ddd; border-radius: 24px; }
.lct-txtbox .tit { display: inline-block; border-radius: 8px; background: #f5f5f5; line-height: 1.2em; color: #222; font-size: 18px; font-weight: 600; padding: 14px 16px 12px; margin-right: 30px; }
.lct-txtbox .info-box { flex: 1 1 auto; min-width: 0; width: 1%; display: flex; gap: 10px 40px; flex-wrap: wrap;}
.lct-txtbox .info-box>div { font-size: 18px; font-weight: 500; line-height: 1.2em; position: relative; padding-left: 44px; }
.lct-txtbox .info-box>div::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.lct-txtbox .add::before { background-image: url(../images/sub/add-icon.png);}
.lct-txtbox .tel::before { background-image: url(../images/sub/tel.png);}
.lct-txtbox .time::before { background-image: url(../images/sub/time.png);}
.lct-txtbox .time span { display: inline-block; padding-right: 20px; position: relative; }
.lct-txtbox .time span:last-child { padding-right: 0; }
.lct-txtbox .time span:nth-child(2)::before { content: ""; position: absolute; left: -12px; width: 1px; height: 10px; background: #ddd; top: 5px; }
.map { border-radius: 24px; overflow: hidden;}

/* sub2 공통 */
.sub2-pd { padding: 80px 0;}
.sub2-pd.first { padding-top: 0; padding-bottom: 80px; }
.sub2-pd.last { padding-bottom: 0; padding-top: 80px; }
.sub2-pd.bg { background: #f9f9f9; }
.sub2-tit { display: inline-block; line-height: 1.2em; font-size: 18px; font-weight: 600; color: #222; border-radius: 8px; background: #f5f5f5; padding: 14px 16px 12px; margin-bottom: 28px; }
.sub2-tit.black { background: #222; color: #fff; }
.sub2-txtbox { display: flex; justify-content: space-between; align-items: center; padding: 60px; border-radius: 24px; border: 1px solid #ddd; background: #fff; }
.sub2-txt p { position: relative; padding-left: 14px; line-height: 1.9em; }
.sub2-txt p::before { content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 4px; background: #222; }

/* 보험대차 */
.is-step { display: flex; background: #fff; border: 1px solid #ddd; border-radius: 24px; text-align: center; gap: 24px; flex-wrap: wrap;}
.is-step li { width: calc(100%/3 - 16px); padding: 60px 40px; }
.is-step li .step { padding: 9px 12px 8px; line-height: 1.1em; display: inline-block; background: #f5f5f5; border-radius: 24px; font-weight: 600; color: #222; }
.is-step li .circle { width: 160px; height: 160px; border-radius: 160px; border: 1px solid #ddd; margin: 40px auto; display: flex; align-items: center; justify-content: center; }

/* 일반렌트 */
.rent-search { margin-bottom: 60px; border: 1px solid #222; width: 100%; border-radius: 24px; }
.rent-search .form { max-width: 700px; margin: auto; }
.rent-search .form h3 { max-width: 480px; width: 100%; height: 60px; display: flex; justify-content: center; gap: 10px; color: #fff; background: #222; border-radius: 0 0 24px 24px; margin: auto; align-items: center; font-size: 20px; font-weight: 600; }
.rent-search .search { padding: 40px 0; }
.rent-search .search .sch-tab { display: flex; justify-content: center; gap: 5px 24px; margin-bottom: 28px; flex-wrap: wrap;}
.rent-search .search .sch-tab li { width: auto; }
.rent-search .search .sch-tab li a { display: inline-block; font-size: 18px; color: #999; }
.rent-search .search .sch-tab li.active a { color: #222; font-weight: 600; }
.rent-sch { position: relative; display: flex; gap: 10px; flex-wrap: wrap;}
.rent-sch .cate { max-width: 130px; width: 100%; }
.rent-sch .cate .input { width: 100%; font-weight: 400; height: 100%; }
.rent-sch .input { height: 56px; border-radius: 8px; }
.rent-sch .keyword { flex: 1 1 auto; min-width: 0; width: 1%; overflow: hidden; border: 1px solid #ddd; border-radius: 8px; position: relative; }
.rent-sch .keyword .input { border: none; border-radius: 8px 8px 0 0; padding-right: 56px; width: 100%; }
.rent-sch .keyword .input:focus { outline: none; }
.rent-sch .keyword .btn { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 56px; height: 56px; background: transparent url(../images/sub/sch.png) center no-repeat; background-size: 24px; text-indent: -9999em; border: none; }
.rent-list { display: flex; flex-wrap: wrap; gap: 24px; }
.rent-list li { width: calc(100%/3 - 16px); }

/* 일반렌트 상세 */
.rent-summary { display: flex; align-items: center;}
.rent-summary .thumb { width: 640px; margin-right: 60px; }
.rent-summary .thumb div { border-radius: 24px; overflow: hidden; padding-bottom: 75%; display: block; position: relative; }
.rent-summary .thumb div img { position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; }
.rent-summary .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.rent-summary .info .ctr { line-height: 1em; font-size: 16px; font-weight: 600; color: #fff; background: #222; display: inline-block; border-radius: 25px; padding: 8px 14px 6px; }
.rent-summary .info .tit { font-size: 36px; line-height: 1.2em; font-weight: 600; color: #222; margin: 15px 0 30px; }
.rent-summary .info ul { border-top: 2px solid #686868; padding: 30px 20px; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; gap: 24px;}
.rent-summary .info ul li { width: calc(100%/2 - 12px); display: flex; }
.rent-summary .info ul li .title { width: 73px; height: 43px; border-radius: 24px; background: #f5f5f5; display: flex; align-items: center; justify-content: center; line-height: 1em; font-size: 16px; font-weight: 600; color: #222; margin-right: 20px; }
.rent-summary .info ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-weight: 500; padding-top: 8px; }
.rent-summary .info .main-view { display:inline-flex; margin-top: 40px; }

/* 차량대여가격 */
.lc-num { display: flex; gap: 24px; flex-wrap: wrap;}
.lc-num .col { width: calc(100%/2 - 12px); border: 1px solid #ddd; border-radius: 24px; padding: 55px 60px; }
.lc-num .col .num { line-height: 1em; width: 40px; height: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center; color: #fff; background: #222; font-size: 18px; font-weight: 600; }
.lc-num .col .tit { line-height: 1em; font-size: 24px; font-weight: 600; color: #222; margin: 30px 0 25px;}
.lc-txtbox { padding: 60px; border: 1px solid #ddd; border-radius: 24px; background: #fff; }
.lc-list { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 55px; }
.lc-list li { width: calc(100%/3 - 16px); text-align: center; padding: 35px 10px; border-radius: 16px; background: #f9f9f9; position: relative; }
.lc-list li::after { content: ""; position: absolute; right: -36px; top: 0; bottom: 0; margin: auto; width: 48px; height: 48px; border-radius: 48px; background: #fff url(../images/sub/sub4-1-right.png) center no-repeat; background-size: 18px; box-shadow: 0 0 8px rgba(0,0,0,0.08); z-index: 1; }
.lc-list li:last-child::after { display: none; }
.lc-list li:nth-child(2) { background: #f5f5f5; }
.lc-list li:nth-child(3) { background: #e6e6e6; }
.lc-list li .tit { line-height: 1.2em; font-size: 20px; font-weight: 600; margin-top: 20px; }
.lc-group { padding-left: 15px; margin-bottom: 22px;}
.lc-group h5 { padding-left: 14px; position: relative; font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.lc-group h5::before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 4px; background: #222; }
.lc-group .txt { padding-left: 14px; }
.lc-group .subtxt strong { font-weight: 600; }
.lc-txt-list { display: flex; flex-wrap: wrap; gap: 24px; padding-left: 14px; }
.lc-txt-list li { width: calc(100%/3 - 16px); border: 1px solid #ddd; border-radius: 16px; display: flex; justify-content: center; padding: 20px 15px 19px;}
.lc-txt-list li strong { display: inline-block; font-weight: 600; padding-right: 20px; position: relative; }
.lc-txt-list li strong::after { content: ""; position: absolute; right: 9px; top: 0; bottom: 0; margin: auto; width: 1px; height: 10px; background: #ddd; }