@charset "utf-8";

.border-box { border:1px solid #EEE; border-radius: 16px; padding:32px 32px 30px; background: white; }
.border-span { display: inline-block; padding:2px 6px; margin:0 2px; border-radius: 8px; border:1px solid #EEE; background: white; font-size: 0.875em; color:#111114b3; }
.border-box .border-span { background: #f5f5f5; }

.cont-tab ul { display: grid; grid-template-columns: repeat(6, 1fr); gap:8px; }
.cont-tab li { display: flex; align-items: center; justify-content: center; flex-direction: column; gap:8px; height: 120px; border-radius: 8px; border: 1px solid transparent; font-weight: 700; font-size: 19px; cursor: pointer; background: white; transition: .3s ease-out; }
.cont-tab li:hover { border-color: var(--key-color); }
.cont-tab li img { width: 34px; padding-top:7px; filter: saturate(0) brightness(1.5); opacity: 0.6; }
.cont-tab li.on { background: var(--key-color); color:white; }
.cont-tab li.on img { filter: none; opacity: 1; }

.row-list dl { padding:30px 8px; border-top:1px solid #11111430; }
.row-list dl:first-child { border-top:none; }
.row-list dt { font-size: 22px; padding-left:24px; margin-bottom: 16px; font-weight: 700; letter-spacing: -.5px; position: relative; }
.row-list dt:last-child { margin-bottom: 0; }
.row-list dt::before { content: ''; display: block; width: 18px; aspect-ratio: 1/1 ; position: absolute; left: 0; top:50%; transform: translateY(-50%); background: url('/resources/img/sub/ico_i.svg') no-repeat center/contain; }
.row-list dt span { color:#111114b3; }
.row-list dd { color:#111114b3; }
.row-list dd p:not(:first-child) { margin-top: 4px; }
.row-list dd li { position: relative; padding-left: 16px; font-size: 19px; }
.row-list dd li::before { content: '- '; position: absolute; position: absolute; left: 2px; top:0; }

.warning-box { border:1px solid #ff3a3a; border-radius: 16px; padding:32px 32px 30px; background: #fffafa; }
.warning-box h5 { position: relative; display: flex; align-items: center; gap:8px; font-weight: 700; margin-bottom: 12px !important; font-size: 20px; }
.warning-box h5::before { content: ''; display: block; width: 22px; height: 22px; background: url('/resources/img/sub/sub_bcdP_error_ico.svg') no-repeat center/contain; }
.warning-box div { color:#111114b3; }

.cont-box:has(.row-list-title) { display: grid; grid-template-columns: 300px auto; border-top:1px solid #11111430; }
.row-list-title { height: fit-content; padding-top:30px; position: sticky; top:100px; padding-bottom: 48px; font-size: 26px; font-weight: 700; }

.flicking-p { display: none; margin-top: 4px; font-size: small; text-align: right; }
.flicking-p img { width: 20px; height:20px; }
.flicking-p img { margin-right:15px; animation-name: moveIco; animation-duration:1s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; animation-fill-mode: forwards; }

.flicking-wrap .table-wrap { min-width: 930px; border: 1px solid #ddd; border-radius: 16px; overflow: hidden; }
.table-wrap table { width: 100%; }
.table-wrap table th { padding: 18px 0; font-weight: 800; background-color: #eee; }
.table-wrap table th:not(:last-child) { border-right: 1px solid #ddd; }
.table-wrap table td { padding: 18px; font-size: 18px; vertical-align: top; background: white; }
.table-wrap table tr:not(:last-child) td { border-bottom: 1px solid #ddd; }
.table-wrap table td:not(:last-child) { border-right: 1px solid #ddd; }
  table .border-bottom { border-bottom:1px solid #ddd !important; }
  table .border-right { border-right:1px solid #ddd !important; }
  table .border-bottom-none { border-bottom:none !important; }
  table .bg-gray { background: #eee !important; }
  table .col-12 { width: 12%; }
  table .col-13 { width: 13%; }
  table .col-14 { width: 14%; }
  table .col-15 { width: 15%; }
  table .col-16 { width: 16%; }
  table .col-17 { width: 17%; }
  table .col-18 { width: 18%; }
  table .col-19 { width: 19%; }
  table .col-20 { width: 20%; }

h5 { font-size: 26px; font-weight: 700; }
.note-p { margin-top: 6px; font-size: 15px; text-align: right; transform: rotate(0.045deg); }
.note-p + .note-p { margin-top: 0px; }
.note-p::before { content: '※ '; }

@-webkit-keyframes moveIco {
  0% { transform: translateX(0px); }
  100% { transform: translateX(4px); }
}

@media screen and (max-width:1280px){
  .border-box { padding:24px 28px 22px; }
  .warning-box { padding:24px 28px 22px; }
  .warning-box h5 { font-size: 18px; }

  .cont-box:has(.row-list-title) { grid-template-columns: 250px auto; }
  .row-list-title { padding-top: 24px; font-size: 22px; }
  .row-list dl { padding:24px 8px; }
  .row-list dt { font-size: 20px; }
  .row-list dt::before { width: 17px; }

  .cont-tab li { height: 124px; gap:8px; font-size: 18px; }
  .cont-tab li img { width: 30px; }

  .flicking-wrap table td { font-size: 17px; }

  h5 { font-size: 22px; }
}
@media screen and (max-width:1024px){
  .warning-box h5 { font-size: 17px; }

  .flicking-wrap { padding-bottom:8px ;overflow-x: auto; }
  .flicking-p { display: block; opacity: 0.5; }

  .cont-tab li img { width: 28px; }
  .cont-tab li { font-size: 17px; line-height: 130% !important; text-align: center; }

  .bcd-scanner .table-wrap th span { font-size: 16px; }
  .table-wrap table td { font-size: 16px; }
}
@media screen and (max-width:768px){

  .cont-tab ul { grid-template-columns: repeat(3, 1fr); }
  .cont-tab li { height: 100px; font-size: 16px; }

  .row-list dt { font-size: 18px; margin-bottom: 10px; }
  .row-list dl { padding:22px 8px; }
  .row-list-title { padding-top: 0; padding-bottom: 24px; border-bottom:1px solid #11111430; position: initial; font-size: 19px; }
  .cont-box:has(.row-list-title) { display: block; border-top: none; }
    
  .flicking-wrap table td { font-size: 16px; padding: 12px; }
  .flicking-wrap table th { padding:12px 0; }

  .table-wrap table th { padding: 12px 0; }
  .table-wrap table td { padding: 12px; }

  h5 { font-size: 19px; }
}
@media screen and (max-width:640px){
  .flicking-wrap .table-wrap { border-radius: 8px; }
  .row-list-title { padding-bottom: 16px; }
}


/* 인사말 */
.greet { font-size: 17px; background: white url('/resources/img/sub/greet_bg.png') no-repeat right / contain; }
.greet .cont-wrap .cont-tit .sub-txt { font: 400 22px/130% var(--font-family); letter-spacing: -0.22px; margin-top: 6px; }
.greet .grt_wrap { display: grid; grid-template-columns: 1.5fr 1fr; gap:80px; }
.greet .grt_img { display: flex; flex-direction: column; justify-content: space-between; align-items: end; padding-top: 80px; }
.greet .grt_sign { display: flex; align-items: center; gap:20px; }
.greet .grt_sign img { width: 97px; }
.greet .grt_sign p { font-weight: 700; font-size: 20px; }

.greet .grt_box .quo { padding-top: 60px; position: relative; font-weight: 800; font-size: 40px; line-height: 120%; }
.greet .grt_box .quo::before { content: ''; width: 39px; height: 31px; background: url("/resources/img/sub/sub_quo.png") center/cover no-repeat; position: absolute; top: 0; left: 0; }
.greet .grt_box .txt_wrap { padding-top: 60px; display: flex; flex-direction: column; gap:30px; }
.greet .grt_box .txt_wrap p { line-height: 130%; font-size: 20px; }
.greet .grt_box .txt_wrap .blu { color: #1f3f89; padding-top: 10px; }
.greet .grt_box .grt_sign { margin-top: 80px; }

@media screen and (max-width:1024px){
  .greet { background-position: bottom; }
  .greet .grt_img { padding-top: 0; max-width: 500px; margin:0 auto; }
  .greet .grt_wrap { grid-template-columns: 1fr; gap:0px; }

  .greet .grt_box .quo { width: fit-content; margin:0 auto; padding-top: 50px; font-size: 26px; text-align: center; }
  .greet .grt_box .txt_wrap { padding-top: 30px; gap:24px; }

  .greet .grt_sign p { font-size: 18px; }
  .greet .grt_sign img { width: 70px; }
}
@media screen and (max-width:768px){
  .greet  { font-size: 17px; }
  .greet .grt_wrap { gap:60px; }

  .greet .grt_sign p { font-size: 18px; }
  .greet .grt_box .txt_wrap p { font-size: 18px; }
}
@media screen and (max-width:500px){

}



/* 지점안내 */
.location .cont-wrap .cont-tit .sub-txt { font: 400 22px/130% var(--font-family); letter-spacing: -0.22px; margin-top: 6px; }

.location .cont-box { display: flex; flex-direction: column; gap:80px; font-size: 19px; }
.location .map-img { height: 360px; margin-top: 16px; border-radius: 16px; overflow: hidden; border:1px solid #DDD; }
.location .map-img .cont { display: none !important; }
.location .map-img .root_daum_roughmap { height: 100%; }
.location .map-img .root_daum_roughmap .wrap_map { height: 100%; }
.location .map-img .root_daum_roughmap .map_border { display: none !important; }
.location .location-top { display: flex; align-items: center; gap:16px; margin-bottom: 24px; font-size: 24px; font-weight: 800; color:var(--key-color); }
.location .location-top a { padding:8px 12px; border-radius: 4px; background: #3561a310; color:#3561a3; font-size: 17px; }
.location .location-top img { width: 28px; margin-right:4px; }
.location ul { border:1px solid #eee; padding:14px 24px 12px; border-radius: 16px; background: white; }
.location li { padding:10px 0; display: grid; grid-template-columns: 100px auto; line-height: 130%; }
.location li a  { color:#111114b3; }
.location li b { color:var(--key-color); }
.location li img { width: 20px; margin-right:8px; margin-top:2px; }
.location li span { color:#111114b3; line-height: 130%; }

@media screen and (max-width:1024px){
  .location .cont-box { font-size: 17px; }
  .location li img { width: 18px; }
  .location li { padding:8px 0; }
  .location .map-img { height: 300px; }
  .location .location-top img { width: 23px; }
  .location .location-top { margin-bottom: 22px; font-size: 20px; }
  .location .location-top a { display: block; font-size: 16px; transform: rotate(0.045deg); }
  
}
@media screen and (max-width:768px){
  .location .cont-box { font-size: 16px; }
  .location .map-img { height: 260px; }
  .location .location-top img { width: 20px; }
  .location .location-top { margin-bottom: 18px; font-size: 18px; }
  .location .location-top a { padding:8px 12px; font-size: 15px; }
  .location ul { padding:12px 18px; transform: rotate(0.045deg); }
  .location li { grid-template-columns: 80px auto; }
  .location li img { width: 17px; }
}
@media screen and (max-width:640px){
    
}


/* 데이터복구 */
.data-guide { color: var(--ft-basic-color); background-color: #f5f5f5; font-size: 20px; }
.data-guide :where(div, p, span, li) { line-height: 160%; }
.data-guide .cont-box:not(:last-child) { margin-bottom: 100px; }

.data-guide .cont-wrap { gap:140px; }
.data-guide .cont-wrap .cont-tit .sub-txt { font: 400 22px/130% var(--font-family); letter-spacing: -0.22px; margin-top: 6px; }
.data-guide .cont { display: none; margin-top:16px; padding:0px 40px 40px; border-radius: 12px; background: white; }
.data-guide .cont .border-box { background: #f5f5f5; }
.data-guide .cont .border-box .border-span { background-color: white; }
.data-guide .cont.on { display: block; }
.tab-name { width: fit-content; padding:8px 24px; margin-bottom:56px; border-radius: 0 0 12px 12px; color:white; background: black; font:700 21px/130% var(--font-family) }

.data-guide .border-box.cont-box { margin-bottom:40px !important; }
.data-guide table th span { display: block; font-size: 17px; letter-spacing: -.5px; color:#111114b3; }
.data-guide table p { font-size: 17px; font-weight: 700; }
.data-guide table p:not(:first-child) { margin-top: 6px; }
.data-guide table li { position: relative; padding-left: 16px; }
.data-guide table li::before { content: '- '; position: absolute; position: absolute; left: 2px; top:0; }


@media screen and (max-width:1280px){
  .tab-name { margin-bottom: 36px; }
  .data-guide { font-size: 18px; }
  .data-guide .cont-box:not(:last-child) { margin-bottom: 80px; }

  .data-guide table th span { font-size: 16px; }
  .data-guide table p { font-size: 16px; }
  
}
@media screen and (max-width:1024px){
  .tab-name { font-size: 19px; margin-bottom: 32px; }
  .data-guide .cont { padding:0px 32px 32px; }
}
@media screen and (max-width:768px){
  .tab-name { font-size: 18px; }
  .data-guide { font-size: 17px; }

  .data-guide .cont { padding:0px 24px 24px; }

  .data-guide table th span { font-size: 15px; }
  .data-guide table p { font-size: 15px; }
}
@media screen and (max-width:640px){
  .data-guide { font-size: 16px; } 
}


/* 비용 */
.expense { font-size: 18px; }
.expense h5 { margin-bottom: 4px; position: relative; }
.expense :where(div, p, span, li) { line-height: 160%; }
.expense .cont { display: none; margin-top:16px; padding:0px 40px 40px; border-radius: 12px; background: white; position: relative; }
.expense .cont.on { display: block; }
.expense .cont-tab ul { grid-template-columns: repeat(8, 1fr); }
.expense .cont-box:not(:last-child) { margin-bottom: 100px; font-size: 15px; }
.expense .table-unit { text-align: right; transform: rotate(0.045deg); }
.expense table th { background: var(--main-black); color:white; }
.expense table td { text-align: center; vertical-align: middle; }
.expense-list { display: grid; grid-template-columns: repeat(3, 1fr); gap:24px 16px; }
.expense-list dl { min-height: 280px; display: flex; flex-direction: column; gap:28px; padding: 32px 28px; background: white; border-radius: 16px; position: relative; overflow: hidden; }
.expense-list dl:has(.dl-urgent) { padding-top:50px; }
.expense-list dl :where(p, span) { line-height: 130%; }
.expense-list dt { display: flex; align-items: center; gap:10px; }
.expense-list dt img { width: 22px; display: block; }
.expense-list dd { display: flex; flex-direction: column; gap:12px; padding-left:32px; }
.expense-list .dl-urgent { padding:4px 20px 2px; border-radius: 0 0 12px 0; position: absolute; left:0px; top:0px; background:var(--point-color); color:white; font-weight: 800; font-size: 0.95em; }
.expense-list .dl-tit { font-size: 19px; font-weight: 800; }
.expense-list .dl-tit span { color:#11111494; font-size: 0.8em; }
.expense-list .dl-pay { display: flex; flex-direction: column; gap:12px; }
.expense-list .dl-pay li { position: relative; }
.expense-list .dl-pay li::before { content: ''; display: block; width: 18px; height: 18px; position: absolute; left: -11px; top:2px; background: url('/resources/img/sub/ico_add.svg') no-repeat center/contain; transform: translateX(-100%); }
.expense-list .dl-exp { font-size: .9em; margin-top: 2px; color:#555;}
.expense-list .border-span { background: #f5f5f5; transform: rotate(0.045deg); border-radius: 6px; font-weight: 400; }

@media screen and (max-width:1280px){
  .expense .cont-box:not(:last-child) { margin-bottom: 80px; }
  .expense .cont-tab ul { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (max-width:1024px){
  .expense { font-size: 17px; }
  .expense-list { grid-template-columns: repeat(2, 1fr); }
  .expense-list .dl-tit { font-size: 18px; }
  .expense-list dl { padding:28px 26px; }

  .expense .cont { padding:0px 32px 32px; }
}
@media screen and (max-width:768px){
  .expense { font-size: 16px; }
  .expense .cont-tab ul { grid-template-columns: repeat(4, 1fr); }
  .expense-list .dl-tit { font-size: 17px; }
  .expense .table-unit { font-size: 14px; }
  .expense-list dl { min-height: 260px; gap:20px; }
  .expense-list dl:has(.dl-urgent) { padding-top:40px; }
  
  .expense table th { transform: rotate(0.045deg); }
  
  .expense .cont { padding:0px 24px 24px; }
}
@media screen and (max-width:650px){
  .expense-list { gap:18px; grid-template-columns: repeat(1, 1fr); }
  .expense-list dl { min-height: auto; padding:26px 24px; }
  .expense .cont-tab ul { grid-template-columns: repeat(3, 1fr); }
}


/* 복구 */
.restore .border-box { padding:60px 80px 54px; }
.restore ul { max-width: 900px; margin:0 auto; }
.restore li { display: grid; grid-template-columns: 24px 80px auto; gap:64px; position: relative; padding-bottom:60px; }
.restore li:last-child { padding-bottom: 0px; }
.restore li .li-img { width: 100%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f5f5f5; }
.restore li .li-img img { width: 28px; }
.restore li .li-circle { display: block; width: 100%; aspect-ratio: 1/1; background: #eee; border-radius: 50%; position: relative; left: 0px; top:30px; transform: translateX(-50%); z-index: 1; animation-name: checked; animation-duration: .8s; animation-iteration-count:1; animation-fill-mode: forwards; animation-timing-function: ease-out; }
.restore li .li-circle::before { content: ''; position: absolute; width: 12px; aspect-ratio: 1/1; left: 50%; top:50%; transform: translate(-50%,-50%); background: url('/resources/img/sub/ico_checked.svg') no-repeat center/contain; }
.restore li:nth-child(2) .li-circle { animation-delay: .8s; }
.restore li:nth-child(3) .li-circle { animation-delay: 1.6s; }
.restore li:nth-child(4) .li-circle { animation-delay: 2.4s; }
.restore li:nth-child(5) .li-circle { animation-delay: 3.2s; }
.restore li:nth-child(6) .li-circle { animation-delay: 4s; }
.restore li:not(:last-child)::before { content: ''; display: block; width: 1px; height: 100%; position: absolute; left: 0px; top:30px; transform: translateX(-50%); background: #eee; pointer-events: none; }
.restore li:not(:last-child)::after { content: ''; display: block; width: 1px; height: 0; position: absolute; left: 0px; top:30px; transform: translateX(-50%); background: var(--key-color); pointer-events: none; content: '';  animation-name: checkedLine; animation-duration:.8s; animation-iteration-count:1; animation-fill-mode: forwards;  animation-timing-function: ease-in; }
.restore li:nth-child(2)::after { animation-delay: .8s; }
.restore li:nth-child(3)::after { animation-delay: 1.6s; }
.restore li:nth-child(4)::after { animation-delay: 2.4s; }
.restore li:nth-child(5)::after { animation-delay: 3.2s; }
.restore li:nth-child(6)::after { animation-delay: 4s; }

.restore .li-txt { padding-top:8px; }
.restore .li-txt p { line-height: 140%; font-size: 17px; color:#111114b3; }
.restore .li-top { display: grid; grid-template-columns: 72px auto; align-items: center; padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #eee; }
.restore .li-top span { font-weight: 800; color:var(--key-color); font-size: 14px; transform: rotate(00.045deg); letter-spacing: -1px; }
.restore .li-note { margin-top:12px; font-size: .95em !important; transform: rotate(.045deg); }
.restore li h5 { line-height: 100%; font-size: 22px; }

@-webkit-keyframes checked {
  0% { background: #eee; }
  100% { background: var(--key-color); }
}

@-webkit-keyframes checkedLine {
  0% { height: 0; }
  100% { height: 100%; }
}

@media screen and (max-width:1280px){
  .restore ul { max-width: 790px; }
}

@media screen and (max-width:1024px){
  .restore li { gap:30px; grid-template-columns: 20px 70px auto; }
  .restore li h5 { font-size: 20px; }
  .restore .li-top { grid-template-columns: 64px auto; }
  .restore li .li-circle,
  .restore li:not(:last-child)::before,
  .restore li:not(:last-child)::after { top:26px; }
}

@media screen and (max-width:650px){
  .restore .border-box { padding: 50px 60px 48px; }
  .restore li { grid-template-columns: 20px auto; gap:6px 30px; }
  .restore li h5 { font-size: 18px; }
  .restore li .li-img { width: 60px; }
  .restore .li-top { grid-template-columns: 55px auto; }
  .restore .li-top span { font-size: 13px; }
  .restore .li-txt { grid-column: 2 / 3; padding-left: 8px; }
  .restore .li-txt p { font-size: 16px; }
  .restore li .li-circle,
  .restore li:not(:last-child)::before,
  .restore li:not(:last-child)::after { top:23px; }
}

@media screen and (max-width:500px){
  .restore .border-box { padding: 28px 28px 26px; }
  .restore li { grid-template-columns: 16px auto; gap:6px; }
  .restore li h5 { font-size: 17px; }
  .restore li .li-circle::before { width: 10px; }
  .restore li .li-img { width: 50px; }

  .restore .li-txt p { font-size: 15px; }
  .restore .li-top { grid-template-columns: 1fr; gap:8px; }
  .restore li .li-circle,
  .restore li:not(:last-child)::before,
  .restore li:not(:last-child)::after { top:19px; }
}


/* 바코드스캐너 */
.bcd-scanner { font-size: 20px; }
.bcd-scanner :where(div, p, span, li) { line-height: 160%; }
.bcd-scanner .table-wrap { margin-top:40px; border-radius: 16px; overflow: hidden; border: 1px solid #ddd; }
.bcd-scanner .table-wrap th { border-bottom:1px solid #ddd; }
.bcd-scanner .table-wrap th span { font-size: 17px; color:#111114b3; }
.bcd-scanner .table-wrap tr:last-child th { border-bottom:none; }
.bcd-scanner .table-wrap tr:nth-child(4) th:nth-child(1) { border-bottom:none; }
.ico-list ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px 24px; }
.ico-list ul div { height: 100%; padding: 48px 48px 40px; border-radius: 16px; border: 1px solid #ddd; background-color: #fff; }
.ico-list .ico-box { width: 52px; height: 52px; margin-bottom: 18px; }
.ico-list .box-tit { font: 700 22px/130% var(--font-family); letter-spacing: -0.22px; margin-bottom: 30px; }
.ico-list .txt > span { display: block; font: 400 20px/140% var(--font-family); letter-spacing: -0.2px; }
  /* 설명 텍스트 없음 */
  .ico-list.list-no-txt ul { grid-template-columns: repeat(4,1fr); }
  .ico-list.list-no-txt ul div { padding: 40px 36px 36px }
  .ico-list.list-no-txt .box-tit { margin-bottom: 0; font: 700 20px/130% var(--font-family); }

.product-list { display: flex; flex-direction: column; }
.product-list > img { width: auto; height:60px; margin:62px auto 20px; }
.product-list > img:nth-child(1) { margin-top: 0; }
.product-list ul { display: flex; gap:24px; justify-content: center; }
.product-list li { width: calc((100% - 96px)/5); padding:24px 0 20px; border:1px solid #DDD; border-radius: 16px; text-align: center; }
.product-list li img { height: 180px; object-fit:contain; }
.product-list li p { margin-top:20px; font-weight: 700; font-size: 20px; }

@media screen and (max-width:1280px){
  .ico-list ul { gap: 24px 16px; }
  .ico-list ul div { height: 100%; padding: 36px; }
  .ico-list .txt > span { display: inline; font-size: 19px; }
  
  .product-list ul { display: grid; grid-template-columns: 1fr 1fr 1fr; }
  .product-list li { width: 100%; }
}

@media screen and (max-width:1024px){
  .bcd-scanner { font-size: 17px; }
  .ico-list ul div { padding: 32px; }
  .ico-list .ico-box { width: 44px; height: 44px; }
  .ico-list .box-tit { font-size: 20px; margin-bottom: 20px; }
  .ico-list .txt > span { font-size: 18px; }
    .ico-list.list-no-txt ul { grid-template-columns : repeat(2, 1fr) }
    .ico-list.list-no-txt .box-tit { font-size: 18px; }

  .product-list li p { font-size: 17px; }
}

@media screen and (max-width:768px){
  .ico-list ul { grid-template-columns: 1fr; gap: 16px; }
    .ico-list.list-no-txt ul { grid-template-columns : repeat(1, 1fr) }
    .ico-list.list-no-txt ul div { padding: 32px 30px 30px }

  .product-list ul { grid-template-columns: 1fr 1fr; }
  .product-list li { padding: 16px 0 12px; }
}

@media screen and (max-width:480px){
  .ico-list .txt > span { font-size: 17px; }
  
  .product-list ul { grid-template-columns: 1fr; }
  .product-list > img { height: 50px; }
}


/* RFID */
.pda { font-size: 20px; }
.pda :where(div, p, span, li) { line-height: 160%; }


/* RFID */
.rfid { font-size: 20px; }
.rfid :where(div, p, span, li) { line-height: 160%; }


/* kiosk */
.kiosk { font-size: 20px; }
.kiosk :where(div, p, span, li) { line-height: 160%; }


@media screen and (max-width:1280px){
  .pda, .rfid, .kiosk { font-size: 18px; }
}
@media screen and (max-width:768px){
  .pda, .rfid, .kiosk { font-size: 17px; }
}
@media screen and (max-width:640px){
  .pda, .rfid, .kiosk { font-size: 16px; } 
}


/* 산업용 */
.repair-list ul { display: grid; grid-template-columns: repeat(2, 1fr); gap:40px; }
.repair-list li { background: white; border-radius: 16px; overflow: hidden; border:1px solid #DDD; }
.repair-list .img-box { height: 320px; }
.repair-list .img-box img { height: 100%; object-fit: cover; }
.repair-list .info { display: flex; flex-direction: column; justify-content: end; padding: 32px 24px 28px; gap:32px; }
.repair-list .info .tit { padding-bottom: 4px; font-size: 24px; font-weight: 700; }
.repair-list .info dt { display: none; }
.repair-list .info dd p { font-size: 18px; line-height: 130%; }
.repair-list .info .repair-ico-wrap { display: flex; flex-wrap: wrap; gap:6px 10px; }
.repair-list .info .repair-ico-wrap span { display: block; padding:8px 16px; padding-left:38px; background: #3561a310; border-radius: 50px; color:var(--key-color); position: relative; font-weight: 700; font-size: 16px; transform: rotate(.045deg); }
.repair-list .info .repair-ico-wrap span::before { content: ''; display: block; width: 20px; aspect-ratio: 1/1; position: absolute; left: 12px; top:50%; transform: translateY(-50%); opacity: 0.8; }
.repair-list .info .repair-ico-wrap .repair-ico1::before { background: url('/resources/img/sub/ico_repair_1.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico2::before { background: url('/resources/img/sub/ico_repair_2.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico3::before { background: url('/resources/img/sub/ico_repair_3.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico4::before { background: url('/resources/img/sub/ico_repair_4.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico5::before { background: url('/resources/img/sub/ico_repair_5.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico6::before { background: url('/resources/img/sub/ico_repair_6.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico7::before { background: url('/resources/img/sub/ico_repair_7.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico8::before { background: url('/resources/img/sub/ico_repair_8.png') no-repeat center/contain; }
.repair-list .info .repair-ico-wrap .repair-ico9::before { background: url('/resources/img/sub/ico_repair_9.png') no-repeat center/contain; }

@media screen and (max-width:1024px){
  .hardware.industrial .error-wrap .error-box .img-box { max-width: none; }

  .repair-list ul { gap:24px; }
  .repair-list .info { gap:24px; padding: 26px 24px 24px; }
  .repair-list .info .tit { font-size: 21px; }
  .repair-list .info dd p { font-size: 17px; }
  .repair-list .info .repair-ico-wrap span { font-size: 15px; }
}

@media screen and (max-width:768px){
  .repair-list .img-box { height: 260px; }
  .repair-list ul { grid-template-columns: repeat(1, 1fr); }
  .repair-list .info .tit { font-size: 19px; }
  .repair-list .info dd p { font-size: 16px; transform: rotate(0.045deg); }
  .repair-list .info .repair-ico-wrap span { font-size: 14px; }
}

@media screen and (max-width:500px){
  .repair-list .img-box { height: 220px; }
}


/* 접수 현황 확인 */
.reception .inner { max-width: 940px; }
.reception .state-box { position: relative; }
.reception .state-box ul { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap:10px; }
.reception .state-box li { display: flex; height: 150px; flex-direction: column; align-items: baseline; justify-content: space-between; padding:36px 36px 30px; position: relative; border-radius: 16px; background: white; }
.reception .state-box li::after { content: ''; display: block; width: 1px; height: 60%; position: absolute; right: 0; top:50%; transform: translateY(-50%); background: #eee; }
.reception .state-box li::after { display: none; }
.reception .state-box li p:nth-child(1) { font-size: 19px; font-weight: 700; line-height: 130%; }
.reception .state-box li p:nth-child(2) { font-size: 42px; font-weight: 800; line-height: 100%; display: flex; align-items:start; gap:8px; justify-content: right; }
.reception .state-box li .cnt-plus { font-size: 46px; transform: translateY(-3px); }
  .reception .state-box li:nth-child(1) { background: radial-gradient(507.5% 118.57% at 12.92% 18.04%, #2DB2F8 0%, #008CD6 100%); color:white; overflow: hidden; position: relative; z-index: 1; }
  .reception .state-box li:nth-child(1)::before { content:''; display: block; height: 100%; aspect-ratio: 431/208; position: absolute; left:0; top:0; background: url('/resources/img/main/main_board_deco.png') no-repeat center/contain; z-index: -1; }
  .reception .state-box li:nth-child(3) { background: var(--main-black); color:white; }
.reception table { width: 100%; margin-top: 24px; transform: rotate(.045deg); }
.reception table th { padding: 20px 10px; text-align: center; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; background: #fcfcfc; font: 700 17px/100% var(--font-family); }
.reception table td { padding: 20px 10px; text-align: center; border-bottom: 1px solid #EEE; background: white; }
  .reception .col-1 { width: 9%; }
  .reception .col-2 { width: 14%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .reception .col-3 { width: 41%; padding-left:20px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .reception .col-4 { width: 9%; }
  .reception .col-5 { width: 11%; }
  .reception td.col-5 { font-size: 15px; }
  .reception .col-6 { width: 12%; }
.reception .board-stat { width: 80px; margin:0 auto; padding:8px 0; text-align: center; font-size: 15px; font-weight: 700; border-radius: 4px; }
  .reception .board-wait { background: #F5F5F5; }
  .reception .board-ing { background: var(--main-black); color:white; }
  .reception .board-end { background: #18A0E8; color:white; }

.arw-btn { height:36px; padding:0px 30px 0px 6px; display: flex; align-items: center; justify-content: center; position: absolute; right:2%; top:0; transform: translateY(-30%); border-radius: 50px; background: var(--main-black); color:white; line-height: 18px; z-index: 1; }
.arw-btn > span { display: block; width: 0; transition: .3s ease; transform-origin: right top; overflow: hidden; white-space: nowrap; }
.arw-btn .arw-box { width: 56px; height: 56px; padding:9px; display: flex; justify-content: right; position: absolute; right:0px; top:0; }
.arw-btn .arw-box span { display: block; width: 19px; aspect-ratio: 1/1; overflow: hidden; position: relative; }
.arw-btn .arw-box span img { width: 39px; aspect-ratio: 1/1; position: absolute; right: 0; top:0; transition: 0.2s ease-out; filter: brightness(0) invert(1); }
.arw-btn:hover > span { width: 68px; padding-left:8px; }
.arw-btn:hover a { transform: translateY(-10px); }
.arw-btn:hover .img-box img { transform: scale(1.05); }
.arw-btn:hover .arw-box img { transform: translate(50%,-50%); }

@media screen and (max-width:1024px){
  .reception .state-box li { height: 130px; padding: 28px 28px 22px; }
  .reception .state-box li p:nth-child(1) { font-size: 17px; }
  .reception .state-box li p:nth-child(2) { font-size: 36px; }
  .reception .state-box li .cnt-plus { font-size: 40px; }
  .reception .col-3 { width: 30%; }
  .reception .board-stat { width: 80%; font-size: 15px; }

  .arw-btn { transform: translateY(-50%) scale(0.85); }
}

@media screen and (max-width:768px){
  .reception .state-box ul { grid-template-columns: 1.5fr 1fr; }
  .reception .state-box li p:nth-child(1) { font-size: 17px; }
  .reception .state-box li p:nth-child(2) { font-size: 30px; }
  .reception .state-box li .cnt-plus { font-size: 32px; }

  .reception .col-2 { display: none; }
  .reception .col-5 { display: none; }

  .reception table th,
  .reception table td { font-size: 15px; padding: 20px 5px; }
  .reception .col-3 { padding-left: 10px; }
  .reception .board-stat { width: 90%; font-size: 14px; }
}

@media screen and (max-width:500px){
  .reception .col-4 { display: none; }
}


/* 교육 */
.prepare { padding: 90px 0 120px; text-align: center; background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, rgba(240, 244, 244, 0.40) 100%); position: relative; z-index: 1; }
.prepare .pre-img { width:70%; max-width: 150px; }
.prepare .pre-tit { font-size: 42px;  margin-top:30px; margin-bottom: 20px; font-weight: 800;}
.prepare .pre-tit span { color:var(--key-color); line-height: 130%; }
.prepare .pre-txt { font-size: 20px; color:#555; }
.prepare .pre-txt span { display: block; line-height: 180%; }