.elementor-449 .elementor-element.elementor-element-fe2d4ef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-449 .elementor-element.elementor-element-e8e3ff3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-449 .elementor-element.elementor-element-e8e3ff3:not(.elementor-motion-effects-element-type-background), .elementor-449 .elementor-element.elementor-element-e8e3ff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jct26.mycafe24.com/en/wp-content/uploads/sites/2/2026/02/ab_sec_bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-449 .elementor-element.elementor-element-3a7f0de{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:00px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-449 .elementor-element.elementor-element-7293b76{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-widget-raven-heading .raven-heading-title, .elementor-widget-raven-heading .raven-heading-title-inner{color:var( --e-global-color-primary );-webkit-text-fill-color:var( --e-global-color-primary );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-449 .elementor-element.elementor-element-1fa43c6 .raven-heading-title, .elementor-449 .elementor-element.elementor-element-1fa43c6 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-449 .elementor-element.elementor-element-1fa43c6 .raven-heading, .elementor-449 .elementor-element.elementor-element-1fa43c6 .raven-heading a{font-family:"Inter Tight", Sans-serif;font-size:40px;font-weight:700;line-height:48px;}.elementor-449 .elementor-element.elementor-element-32daa69{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-449 .elementor-element.elementor-element-4b2fad2 .raven-heading-title, .elementor-449 .elementor-element.elementor-element-4b2fad2 .raven-heading-title-inner{color:#253372;-webkit-text-fill-color:initial;}.elementor-449 .elementor-element.elementor-element-4b2fad2 .raven-heading, .elementor-449 .elementor-element.elementor-element-4b2fad2 .raven-heading a{font-family:"Inter Tight", Sans-serif;font-size:68px;font-weight:800;line-height:68px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-449 .elementor-element.elementor-element-cc67a26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:300;line-height:28px;color:#111111;}.elementor-449 .elementor-element.elementor-element-a5ca0b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:22px;font-weight:600;line-height:30px;color:#333333;}.elementor-449 .elementor-element.elementor-element-a5ca0b9 p{margin-block-end:0px;}.elementor-449 .elementor-element.elementor-element-7e4d42a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:17px;font-weight:300;line-height:25px;color:#333333;}.elementor-449 .elementor-element.elementor-element-7e4d42a p{margin-block-end:0px;}.elementor-449 .elementor-element.elementor-element-6dcd84a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:17px;font-weight:300;line-height:25px;color:#333333;}.elementor-449 .elementor-element.elementor-element-6dcd84a p{margin-block-end:0px;}.elementor-449 .elementor-element.elementor-element-076706c{text-align:center;font-family:"Inter Tight", Sans-serif;font-size:17px;font-weight:300;line-height:25px;color:#333333;}.elementor-449 .elementor-element.elementor-element-076706c p{margin-block-end:0px;}.elementor-449 .elementor-element.elementor-element-0847195{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:777px){.elementor-449 .elementor-element.elementor-element-3a7f0de{--content-width:1400px;}}@media(max-width:1366px){.elementor-449 .elementor-element.elementor-element-e8e3ff3{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-449 .elementor-element.elementor-element-e8e3ff3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:776px){.elementor-449 .elementor-element.elementor-element-e8e3ff3{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-449 .elementor-element.elementor-element-7293b76{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-449 .elementor-element.elementor-element-1fa43c6 .raven-heading, .elementor-449 .elementor-element.elementor-element-1fa43c6 .raven-heading a{font-size:35px;line-height:43px;}.elementor-449 .elementor-element.elementor-element-32daa69{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-449 .elementor-element.elementor-element-cc67a26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-449 .elementor-element.elementor-element-a5ca0b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-449 .elementor-element.elementor-element-7e4d42a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-449 .elementor-element.elementor-element-6dcd84a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-449 .elementor-element.elementor-element-0847195{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-cc67a26 */.tdlinear{
     background: linear-gradient(
    90deg,
    #038fd6 0%,
    #008f4c 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-916958c *//* 컨테이너 레이아웃 */
.ab_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
}

/* 개별 카드 */
.ab_card {
  position: relative;
  display: inline-block;
  padding: 10px; /* 보더와 이미지 사이 간격 */
  max-height: 400px;
}

.ab_card img {
  display: block;
  width: 100%;
}

/* 공통 선 설정 */
.ab_card::before, 
.ab_card::after {
  content: "";
  position: absolute;
  border: 2px solid #000; /* 선 두께와 색상 */
  border-left:none;
}
.ab_card:last-child::after{
    border-right:none;
}

/* 1. 상단과 하단 선 (가로선) */
.ab_card::before {
  top: 0; bottom: 0;
  left: 8px; right: 8px; /* 좌우에서 15%씩 띄워서 가운데만 남김 */
  border-left: none;
  border-right: none;
}

/* 2. 좌측과 우측 선 (세로선) */
.ab_card::after {
  left: 0; right: 0;
  top: 10px; bottom: 10px; /* 위아래에서 15%씩 띄워서 가운데만 남김 */
  border-top: none;
  border-bottom: none;
}

/* ======================================================
   반응형 구간 
   ====================================================== */

/* 테블릿 사이즈 (1200px 이하) */
@media (max-width: 1200px) {
  .ab_container {
    grid-template-columns: repeat(2, 1fr); /* 2열 배치 */
    gap: 10px;
  }
  .ab_card {
    min-height: 300px;
  }
  
  .ab_card::after {
    display: none; /* 모바일에서는 좌우 세로선을 아예 숨김 */
  }
}

/* 모바일 사이즈 (776px 이하) */
@media (max-width: 776px) {
  .ab_container {
    grid-template-columns: 1fr; /* 1열 배치 */
    gap: 20px;
  }
  .ab_card {
    min-height: auto; /* 모바일은 이미지 높이에 맞춤 */
    padding: 10px;
  }
  /* 모바일에서 보더 선 길이 조절 (필요시) */
  .ab_card::before { left: 10px; right: 10px; }
  /* 2. 세로선 (좌/우) 제거 */
  .ab_card::after {
    display: none; /* 모바일에서는 좌우 세로선을 아예 숨김 */
  }
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */