@charset "utf-8";

/* temp */

#header {
  position: sticky;
}

/* // temp */


.page-header {
  contain: content;
  position: relative;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300rem, calc(500 / var(--container) * 100vw), 300rem);
  color: #fff;
  isolation: isolate;
  
  &::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--black) no-repeat 50% / cover;
    background-image: url("/assets/images/pages/subtop_bg-2.jpg");
  }
  &.nav-about::before {
    background-image: url("/assets/images/pages/subtop_bg-2.jpg");
  }
  &.nav-contact::before {
    background-image: url("/assets/images/pages/subtop_bg-2.jpg");
  }
  &.nav-board::before {
    background-image: url("/assets/images/pages/subtop_bg-2.jpg");
  }
  &.nav-legal::before {
    background-image: url("/assets/images/pages/subtop_bg-2.jpg");
  }
  /* TODO: after 삭제 */
  &::after {
    content: '';
    display: block;
    width: 110%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(10.64deg, #1F2C5C 25.89%, rgba(31, 44, 92, 0) 89.67%);
    z-index: -1;
  }
  .page-header-container {
    display: grid;
    margin-bottom: 70rem;
  }
  .heading {
    font: var(--font-size-36) var(--font-sans);
    font-weight: 600;
    margin-bottom: 20rem;
  }
  .common-quotes {
    font: var(--font-size-17) var(--font-sans);
  }
  @media (prefers-reduced-motion: no-preference) {
    &::before {
      animation: page-header-bg 1.8s both;
    }
    .heading {
      animation: slide-up 0.6s 0.2s both;
      opacity: 0;
    }
  }
}
@keyframes page-header-bg {
  0% {
    scale: 1.05;
  }
  100% {
    scale: 1;
  }
}
@keyframes slide-up {
  0% {
    translate: 0 40rem;
    opacity: 0;
  }
  100% {
    translate: 0;
    opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    translate: -40rem;
    opacity: 0;
  }
  100% {
    translate: 0;
    opacity: 1;
  }
}

.local-nav {
    position: relative;
    z-index: 7;
    font: var(--font-size-18-to-14) var(--font-sans);
    width: 86.5%;
    height: 70px;
    display: flex;
    padding-left: 260px;
    background: #F7F9FB;
    margin-top: -70px;
  
  .container {
    display: flex;
  }
  .home {
    display: grid;
    place-items: center;
    width: auto;
    height: 100%;
    /* aspect-ratio: 1; */
    /* background: var(--black); */
  }
  .home-icon {
    display: block;
    width: 1.05555556em;
    height: auto;
    fill: white;
  }
  details {
    position: relative;
  }
  summary {
    position: relative;
    display: block;
    align-content: center;
    height: 100%;
    padding-inline: 1.66666667em 3.83333333em;
    background: #F7F9FB;
    color: var(--black);
    text-align: left;
    font-size: var(--font-size-14);
  }
  summary::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto 29rem auto auto;
    width: 0.455556em;
    aspect-ratio: 1;
    border: solid currentColor;
    border-width: 0 1px 1px 0;
    rotate: 45deg;
    translate: 0 -25%;
  }
  [open] summary::after {
    scale: -1;
    translate: 0 25%;
  }
  .nav-menu {
    position: absolute;
    inset: 100% 0 auto;
    background: #fff;
    border: 1px solid var(--border-color);
    box-shadow: 0 10rem 30rem #0000000d;
    color: var(--black);
  }
  .details-level-1 .nav-menu-level-2 {
    display: none;
  }
  .details-level-2 .nav-menu-level-3 {
    display: none;
  }
  .nav-link {
    display: flex;
    padding: 0 20px;
    min-height: 50px;
    font-size: 15px;
    align-items: center;
  }
  @media (any-hover) {
    .nav-link:hover {
      background: #f4f4f4;
    }
  }
  .navi-right {
    display: flex;
  }
  .navi-right li {
      padding: 0 30rem;
      display: flex;
      background: #034EA2;
  }
  .navi-right li a {
      display: flex;
      align-items: center;
      font-size: var(--font-size-16);
      gap: 10rem;
  }
  .navi-right li:last-child {
      background: #22A9FD;
  }

  @media (max-width:1700px){
    padding-left: 5%;
  }
  @media (max-width: 767px){
    .container {
      width: auto;
    }
    .details-level-1 {
      display: none;
    }
  }
  



}

.layout-sub {
  min-height: 300px;
  padding-block: clamp(60rem, calc(90 / var(--container) * 100vw), 100rem);
  background: #F7F9FB;
  
  
  .legal-document .page-heading,
  .page-heading-block {
    margin-bottom: calc(var(--font-size-35) * 2);
    text-align: center;
  }
  .page-heading {
    font-size: var(--font-size-35);
  }
  .page-subheading {
    margin-top: 0.125em;
    font-weight: 700;
    font-size: var(--font-size-16);
    color: #999;
  }
  #main:has(.join_area) .sub_title {
    display: none;
  } /* 멤버 페이지는 각 페이지가 타이틀을 가진 경우가 많아서 공통 서브 타이틀 숨기기 */
}

/* Search */
.bo_sch {width: fit-content;border:1px solid #ccc;background:#fff;border-radius:3px;padding: 0;margin: 0;display: flex;margin-bottom: 45px;}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.bo_sch select{border:0;margin:9px 5px;float:left;border-right:1px solid #ddd;}
.bo_sch .sch_input{border:0;padding:0;background-color:transparent;float:left;width: 100%;}
.bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width: auto;font-size:15px;aspect-ratio: 1;}

.bo_sch-v2 { display: flex; gap: 10px; border: 0; background: none ; width: 100%; justify-content: flex-end; }
.bo_sch-v2 #stx, .bo_sch-v2 #sfl { width: auto; padding: 10px 15px ; border: 1px solid #B3B3B3; background: #fff ; height: 45px; font-size: 16px; margin: 0 ; }
.bo_sch-v2 .sch_btn {position: absolute;padding-right: 20px;height: 45px ;}

@media (max-width:767px) {
  .bo_sch .sch_input {width: 100% !important;}
}


/* board-list common */
.board-app { }
.board-app .titles { font-size: 24px; color: #222; font-weight: 700; border-bottom: 2px solid #222; padding-bottom: 20px; }
.board-app .board-list { display: flex; flex-direction: column; }
.board-app .board-list .list { display: grid; grid-template-columns: 10% 1fr 10%; align-items: center; position: relative; border-bottom: 1px solid #D9D9D9; padding: 25px 0; }
.board-app .board-list .list:hover { background: #fff; transition: all .3s; }
.board-app .board-list .list .box-count {width: 77px;height: 77px;aspect-ratio: 1;margin: 0 auto;color: #fff;border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;background-image: linear-gradient(0deg, #034ea2, #23a1db);}
.board-app .board-list .list .box-count p { font-size: 12px; }
.board-app .board-list .list .box-count span { font-size: 28px; font-weight: 700; }
.board-app .board-list .list a { padding: 0 25px; }
.board-app .board-list .list a h3 {display: block;font-size: 20px;line-height: 1.8;margin-block: 10px;font-weight: 600;color: #222;}
.board-app .board-list .list a h3 > * { font-size: smaller; border: 1px solid; padding: 3px 10px; margin-right: 10px; }
.board-app .board-list .list:hover a h3 { color: #114ea1; }
.board-app .board-list .list a .date {font-size: 16px;color: #6D6D6D;margin-top: 10px;display: flex;gap: 20px;align-items: center;}
.board-app .board-list .list a .date > i { width: 1px; background: #999; height: 15px; }
.board-app .board-list .list .badge { width: 80px; height: 35px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 5px; font-size: 16px; margin: 0 auto; background: #034EA2; }
.board-app .board-list .list.close .badge { background: #6D6D6D; }
.board-app .board-list .list.close .box-count { background-color: #6D6D6D; }
.board_list_tit { border-top: 2px solid #222222; background: #fff; justify-content: space-between; position: relative; border-bottom: 1px solid #D9D9D9; padding: 25px 0; display: grid; grid-template-columns: 10% 1fr; }
.board_list_tit div { font-size: 20px; color: #222; font-weight: 600; text-align: center; }

@media (max-width: 767px) {
  .board-app .board-list .list { display: flex; gap: 20px; overflow: hidden; }
  .board-app .board-list .list .box-count {width: auto;height: auto;padding: 10px;}
  .board-app .board-list .list a { padding: unset; overflow: hidden;}
  .board-app .board-list .list .box-count span {font-size: 15px !important;}
  .board-app .board-list .list a h3 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 90%; }
  .board-app .board-list .list a .date { font-size: 14px; gap: 0px; flex-direction: column; align-items: normal; }
  .board-app .board-list .list a .date > i { display: none; }
  .board-app .board-list .list .badge { display: none; }
}

/* -- Sub 01 -- */
/* -- Sub 01 - 01 */
.sub01_01 {
  
  .board-app .board-list .list { grid-template-columns: 10% 1fr 22px; }
  .board-app .board-list .list > i { font-size: 22px; color: #828282; display: block; }
  .board-app .board-list .list .box-count p { font-size: 16px; }
  .board-app .board-list .list .box-count span { font-size: 22px; }
}

/* -- Sub 01 - 02 */

/* -- Sub 01 - 03 */
.sub01_03 {

}

/* Sub 02 */

/* Sub 03 */
/* Sub 03 - 01 */
.sub03_01 {

  .board-app .board-list .list { grid-template-columns: 10% 1fr 22px; }
  .board-app .board-list .list > i { font-size: 22px; color: #828282; display: block; }
  .board-app .board-list .list .box-count p {font-size: 16px;}
  .board-app .board-list .list .box-count span {font-size: 22px;}
}

/* Sub 03 - 02 */

/* Sub 03 - 03 */

/* Sub 03 - 04 */
.sub03_04 {

  .header-insta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
  .header-insta .un-insta { font-size: 20px; font-weight: 600; }
  .header-insta .follow-button { background: #23a1db; color: #fff; padding: 10px 25px; }
  .insta-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .insta-container .insta-list { aspect-ratio: 1; }
  .insta-container .insta-list a {display: block;width: 100%;height: 100%;overflow: hidden;}
  .insta-container .insta-list a img {width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
  .insta-container .insta-list:hover a img { transform: scale(1.2); transition: all .3s; }
  .insta-container .insta-list.ig-item { display: none; }
  .insta-container .insta-list.ig-item.show { display: block; }
  .btn-loadMore { width: 100%; display: flex; justify-content: center; margin-top: 40px; }
  .btn-loadMore .loadMore { background: #365ec3; color: #fff; padding: 10px 25px; }


  @media(max-width: 767px) {
    .insta-container { grid-template-columns: repeat(2, 1fr); }
  }
}

/* Sub 04 */
/* Sub 04 - 01 */
.sub04_01 {

  .board-app .board-list .list { grid-template-columns: 10% 1fr 22px; }
  .board-app .board-list .list > i { font-size: 22px; color: #828282; display: block; }
  .board-app .board-list .list .box-count p { font-size: 16px; }
  .board-app .board-list .list .box-count span { font-size: 22px; }.board-app .board-list .list .reply {font-size: 15px;border: 1px solid;padding: 3px 10px;}
  .board-app .board-list .list a > span { font-size: 16px; color: #6D6D6D; margin-top: 10px; display: block; }

  @media(max-width: 767px){
    .board-app .board-list .list { grid-template-columns: 15% 1fr 22px; display: grid; }
    .board-app .board-list .list a h3 { font-size: 15px !important; text-wrap: auto; }
  }
}

/* Sub 05 */
/* Sub 05 - 01 */
.ceo-message-1 {position: relative; width: 100%; height: 100%; padding-top: 140px;}
.ceo-message-1::after {content: ''; display: block; background: url('/assets/images/pages/ceo_bg.png')no-repeat center / cover; width: 100%; height: 90%; position: absolute; bottom: 0; left: 0; z-index: 1;}
.ceo-message-1 .sct-wrap {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.ceo-message-1 .s-tit {width: 52%;}
.ceo-message-1 .s-tit p {font-size: 20px; font-weight: 400; margin-top: 48px;}
.ceo-message-1 figure {width: 48%;}
.ceo-message-1 img {display: block; max-width: 696px; width: 100%; height: auto;}
.ceo-message_work-1 {position: relative; width: 100%; height: 100%; padding-top: 140px;}
.ceo-message_work-1::after {content: ''; display: block; background: url('/assets/images/pages/ceo_bg.png')no-repeat center / cover; width: 100%; height: 90%; position: absolute; bottom: 0; left: 0; z-index: 1;}
.ceo-message_work-1 .sct-wrap {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.ceo-message_work-1 .s-tit {width: 52%;}
.ceo-message_work-1 .s-tit p {font-size: 20px; font-weight: 400; margin-top: 48px;}
.ceo-message_work-1 figure {width: 48%;}
.ceo-message_work-1 img {display: block; max-width: 696px; width: 100%; height: auto;}
.ceo-message-2 {padding: 150px 0;}
.ceo-message-2 .s-tit p {margin: 45px 0;}
.ceo-message-2 ul {display: flex; align-items: flex-start; justify-content: space-between;}
.ceo-message-2 li {width: 49.5%;}
.ceo-message-2 li p {font-size: 17px; color: #666666; line-height: 1.7; font-weight: 400;}
.ceo-message-2 li p:not(:last-child) {margin-bottom: 25px;}

@media(max-width:1280px){
  .ceo-message-1 .s-tit p {font-size: 16px;}
  .ceo-message-2 {padding: 100px 0;}
  .ceo-message-2 li p br {display: none;}
}
@media(max-width:1080px){
  .ceo-message-1 {padding-top: 70px;}
  .ceo-message-1 .s-tit p {font-size: 15px; margin-top: 32px;}
  .ceo-message-2 {padding: 80px 0;}
  .ceo-message-2 .s-tit p {margin: 25px 0; font-size: 18px;}
  .ceo-message-2 li p {font-size: 16px;}
  .ceo-message-2 li p:not(:last-child) {margin-bottom: 20px;}
}
@media(max-width:768px){
  .ceo-message-1 {padding-top: 50px;}
  .ceo-message-1 .sct-wrap {flex-flow: row wrap;}
  .ceo-message-1 .s-tit, .ceo-message-1 figure {width: 100%;}
  .ceo-message-1 .s-tit p {font-size: 1em; text-align: right; margin: 2% 0 6%;}
  .ceo-message-1 img {max-width:400px; margin: 0 auto;}
  .ceo-message-2 {padding: 50px 0;}
  .ceo-message-2 .s-tit p {font-size: 1em; margin: 5% 3%;}
  .ceo-message-2 ul {flex-flow: row wrap;}
  .ceo-message-2 li {width: 100%;}
  .ceo-message-2 li p {font-size: 0.9em;}
  .ceo-message-2 li p:not(:last-child) {margin-bottom: 2%;}
}
@media(max-width:500px){
  .ceo-message-1 .s-tit p {font-size: 0.9em; margin: 3% 0 10%;}
  .ceo-message-2 .s-tit p {margin: 5% 0;}
  .ceo-message-2 li p:not(:last-child) {margin-bottom: 5%;}
}

/* Sub 05 - 02 */
.histories-1 {padding: 100px 0;}
.histories-flx {display: flex; align-items: flex-start; justify-content: space-between; position:relative;}
.histories-left {width: 20%;position: sticky; top: 15%;}
.histories-left li:not(:last-child) {margin-bottom: 15px;}
.histories-left a {display: inline-block; font-size: 36px; color:#222; font-weight: 600; position: relative;}
.histories-left a::after {content: ''; width: 8px; height: 8px; background: #034EA2; border-radius: 50%; position: absolute; top: 19px; left: 0; display: none;}
.histories-left .onon a {color: #034EA2; padding-left: 25px;}
.histories-left .onon a::after {display: block;}
.histories-right {width: 700px; display: flex; justify-content: flex-end;}
.histories-right li:not(:last-child) {margin-bottom: 100px;}
.histories-right li img {display: block; max-width: 700px; width: 100%; height: auto; border-radius: 10px;}
.histories-r-tbox h3 {font-size: 24px; font-weight: 700; border-bottom: 2px solid #222; padding-bottom: 18px; margin-bottom: 40px;}
.histories-r-tbox > div {display: flex; align-items: flex-start; margin-bottom: 40px; flex-flow:row wrap; justify-content: flex-end;}
.histories-r-tbox h4 {font-size: 20px; font-weight: 600; color: #222; width: 20%;}
.histories-r-tbox p {font-size: 18px; color: #515151; position: relative; width: 80%; padding-left: 15px;}
.histories-r-tbox p::after {content: ''; display: block; width: 4px; height: 4px; background: #515151; border-radius:50%; position: absolute; top: 9px; left: 0;}
.histories-right figure img {display: block; max-width: 700px; width: 100%; height: auto;}

@media(max-width:1280px){
  .histories-1 {padding: 80px 0;}
  .histories-left a {font-size: 32px;}
  .histories-r-tbox h3 {font-size: 22px; padding-bottom: 15px; margin-bottom: 30px;}
  .histories-r-tbox h4 {font-size: 18px;}
  .histories-r-tbox p {font-size: 16px;}
  .histories-r-tbox > div {margin-bottom: 30px;}
  .histories-right li:not(:last-child) {margin-bottom: 80px;}
}
@media(max-width:1080px){
  .histories-1 {padding: 60px 0;}
  .histories-left a {font-size: 24px;}
  .histories-left .onon a {padding-left: 18px;}
  .histories-left a::after {width: 6px; height: 6px; top: 15px;}
  .histories-r-tbox h3 {font-size: 19px;}
  .histories-r-tbox h4 {font-size: 17px;}
  .histories-r-tbox p {font-size: 15px;}
  .histories-right{width:80%;}
  .histories-right ul{width:100%;}
}
@media(max-width:890px){
  .histories-1 {padding: 50px 0;}
  .histories-left a {font-size: 1em;}
  .histories-flx {flex-flow: row wrap;}
  .histories-left, .histories-right {width: 100%;}
  .histories-left {display: flex; align-items: center; justify-content: center; flex-flow: row wrap; margin-bottom: 10%;}
  .histories-left li {text-align: center; width: auto; margin-bottom: 2%;}
  .histories-left li:not(:last-child) {margin-right: 5%;  margin-bottom: 2%}
  .histories-left .onon a::after {display: none;}
  .histories-left .onon a {padding-left: 0;}
  .histories-right ul {width: 100%;}
  .histories-r-tbox h3 {font-size: 1.2em; padding-bottom: 2%; margin-bottom: 4%;}
  .histories-r-tbox h4, .histories-r-tbox p {font-size: 1em;}
  .histories-r-tbox h4 {width: 110px;}
  .histories-r-tbox p {padding-left: 10px; width: 85%;}
  .histories-r-tbox p::after {top: 7px;}
  .histories-r-tbox > div {margin-bottom: 3%;}
  .histories-right li:not(:last-child) {margin-bottom: 50px;}
  .histories-right figure img {max-width:100%;}
  .histories-right li img{display: block; width:100%;}
  /* .histories-left li{margin-bottom:0 !important;} */
  .histories-left a{display: block;}
  .histories-r-tbox > div{justify-content: flex-start;}
}
@media(max-width:500px){

}

/* Sub 05 - 03, 04, 05 */
.table-common-1 { padding-top: 100px; }
.table-common-1 img { max-width: 1600px; width: 100%; height: auto; margin: 0 auto; }
.table-common-1 img:first-child { display: block; }
.table-common-1 img:last-child { display: none; }
.table-common-2 { padding: 200px 0 100px; }
.table-common-2 table { width: 100%; font-size: 18px; border-top: 2px solid #222; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; margin-top: 27px; }
.table-common-th { background: #fff; height: 70px; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.table-common-td { height: 70px; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align: center; color: #6D6D6D; padding: 10px; line-height: 1.6; }
.table-common-th1 { width: 28%; }
.table-common-th2 { width: 18%; }
.table-common-th3 { width: 18%; }
.table-common-th4 { width: 18%; }
.table-common-th5 { width: 18%; }
.table-common-1 { padding: 100px 0; }
.table-common-1 .table-common-th1 { width: 18%; }
.table-common-1 .table-common-th2 { width: 18%; }
.table-common-1 .table-common-th3 { width: 36%; }
.table-common-1 .table-common-th4 { width: 28%; }
.table-common-1 { padding: 100px 0; }
.table-common-1 table { margin-top: 70px; }
.table-common-1 table:nth-of-type(1) { margin-top: 27px; }
.table-common-1 .table-common-th1 { width: 25%; }
.table-common-1 .table-common-th2 { width: 12%; }
.table-common-1 .table-common-th3 { width: 12%; }
.table-common-1 .table-common-th4 { width: 24%; }
.table-common-1 .table-common-th5 { width: 26%; }

@media(max-width:1280px) {
  .table-common-1 { padding-top: 80px; }
  .table-common-2 { padding: 150px 0 80px; }
  .table-common-2 table { font-size: 17px; }
  .table-common-1 { padding: 80px 0; }
  .table-common-1 table { margin-top: 50px; }
}
@media(max-width:1080px) {
  .table-common-1 { padding-top: 60px; }
  .table-common-2 { padding: 80px 0 60px; }
  .table-common-2 table { font-size: 16px; margin-top: 15px; }
  .table-common-th { height: 60px; }
  .table-common-td { padding: 8px; }
  .table-common-1 { padding: 60px 0; }
  .table-common-1 table { margin-top: 35px; }
}
@media(max-width:768px) {
  .table-common-1 { padding-top: 50px; }
  .table-common-1 img:first-child { display: none; }
  .table-common-1 img:last-child { display: block; }
  .table-common-2 { padding: 50px 0; }
  .table-common-2 table { font-size: 0.8em; margin-top: 2%; word-break: break-all; }
  .table-common-th, .table-common-td { height: 50px; padding: 5px; }
  .table-common-th1, .table-common-th2, .table-common-th3, .table-common-th4, .table-common-th5 { width: calc(100%/5); }
  .table-common-1 { padding: 50px 0; }
  .table-common-1 table { margin-top: 5%; }
  .table-common-1 .table-common-th1 { width: 20%; }
  .table-common-1 .table-common-th4, .table-common-1 .table-common-th5 { width: 28%; }
}

/* Sub 05 - 06 */

/* Sub 05 - 07 */
.directions-1 {padding-top: 100px;}
.directions-1 .sct-wrap {display: flex; justify-content: space-between;}
.directions-1 .sct-wrap .kakao-maps {width: 70%;}
.directions-1 .sct-wrap .kakao-maps .root_daum_roughmap .cont { display: none; }
.directions-1 .sct-wrap .kakao-maps .hide { display: none; }
.directions-1 .sct-wrap .kakao-maps .wrap_map { height: 500px; }
.directions-1 .sct-wrap .kakao-maps .root_daum_roughmap { width: 100% !important; }
.directions-1 .sct-wrap .info-address {width: 27%; height: 100%;}
.directions-1 h2 {font-size: 36px; color: #222; font-weight: 800; line-height: 1.3;}
.directions-1 p {font-size: 16px; color: #222; font-weight: 300; line-height: 1.4;}
.directions-1 h2 + p {margin: 7% 0 12%;}
.directions-1 ul {margin-bottom: 25%;}
.directions-1 li {font-size: 16px; color: #222; display: flex; align-items: center; justify-content: flex-start; line-height: 1.5;}
.directions-1 li h3 {font-weight: 500; margin-right: 8px;}
.directions-1 .s-btn2 a {display: inline-flex;}
.directions-1 .s-btn2 i {padding-left: 85px;}
.directions-2 {padding: 100px 0;}
.directions-2-flx {display: flex; align-items: center; padding: 30px 0; border-bottom: 1px solid #ddd;}
.directions-2-flx1 {border-top: 2px solid #222;}
.directions-2-flx > figure {width: 10%;}
.directions-2-flx > div {width: 90%; padding-left: 2%;}
.directions-2-flx h4 {font-size: 20px; font-weight: 600;}
.directions-2-flx p {font-size: 16px; color: #6D6D6D; margin-top: 10px;}
.directions-2-flx img {max-width: 30px; width: 100%; height: auto; margin: 0 auto; display: block;}
.directions-2-flx2 img {max-width: 40px;}

@media(max-width:1280px){
  .directions-1 {padding-top: 80px;}
  .directions-1 .sct-wrap .kakao-maps {width: 60%;}
  .directions-1 .sct-wrap .info-address {width: 37%;}
  .directions-1 h2 {font-size: 30px;}
  .directions-2 {padding: 80px 0;}
}
@media(max-width:1080px){
  .directions-1 {padding-top: 60px;}
  .directions-1 .sct-wrap .kakao-maps {width: 60%;}
  .directions-1 .sct-wrap .kakao-maps .wrap_map { height: 300px; }
  .directions-1 .sct-wrap .info-address {width: 37%;}
  .directions-1 h2 {font-size: 24px;}
  .directions-1 h2 + p {font-size: 15px;}
  .directions-1 .s-btn2 a {font-size: 14px;}
  .directions-2 {padding: 60px 0;}
  .directions-2-flx > figure {width: 14%;}
  .directions-2-flx > div {width: 86%;}
  .directions-2-flx h4 {font-size: 18px;}
  .directions-2-flx p {font-size: 15px;}
}
@media(max-width:768px){
  .directions-1 {padding-top: 50px;}
  .directions-1 .sct-wrap {flex-flow: row wrap; flex-direction: column-reverse;}
  .directions-1 .sct-wrap .kakao-maps, .directions-1 .sct-wrap .info-address {width: 100%;}
  .directions-1 .sct-wrap > iframe {height: 50vw;}
  .directions-1 h2 br, .directions-1 h2 + p br {display: none;}
  .directions-1 h2 {font-size: 1.2em;}
  .directions-1 h2 + p {margin: 2% 0 4%; font-size: 1em;}
  .directions-1 p { font-size: 1em;}
  .directions-1 ul {margin-bottom: 0;}
  .directions-1 .s-btn2 {margin: 0 0 5%; text-align: right;}
  .directions-1 .s-btn2 a {font-size: 0.9em;}
  .directions-1 .s-btn2 i {padding-left: 55px;}
  .directions-2 {padding: 50px 0;}
  .directions-2-flx {padding: 23px 0;}
  .directions-2-flx h4 {font-size: 1.1em;}
  .directions-2-flx p {font-size: 1em; line-height: 1.4;}
  .directions-2-flx img {max-width: 25px;}
  .directions-2-flx2 img {max-width: 32px;}
}
@media(max-width:500px){
  .directions-1 .s-btn2 i {padding-left: 40px;}
  .directions-2-flx > figure {width: 20%;}
  .directions-2-flx > div {width: 80%;}
  .directions-2-flx p {margin-top: 6px;}
}