/* sub02_1 :: 일정표 */
.sub02_1 {}
.sub02_1>div>.banner {padding:100px 0; width:100%; background:url("/theme/fintech/img/sub02/sub02_banner_bg.png"); background-size:cover; background-repeat:no-repeat; background-position:center;}
.sub02_1>div>.banner>a {display:block; margin:0 auto; width:500px; height:80px; line-height:80px; text-align:center; font-weight:700; font-size:32px; border-radius:15px; border:2px solid #fff; background-image:linear-gradient(to right, #d90857 23%, #ea629f 51%, #8f59c9 73%);}
.sub02_1>div>.time_table {margin-top:160px;}
.sub02_1>div>.time_table>img {width:100%;}

/* sub02_2 :: 연사 */
.sub02_2 .tab_list {display:flex; justify-content:center; gap:7.8%;}
.sub02_2 .tab_list>li {display:flex; flex-direction:column; justify-content:center; align-items:center; width:240px; height:97px; border-radius:20px; background:#999; cursor:pointer;}
.sub02_2 .tab_list>li.active {background:var(--main-color);}
.sub02_2 .tab_list>li>div {font-weight:700; font-size:34px;}
.sub02_2 .tab_list>li>span {font-weight:300; font-size:20px;}
.sub02_2 section {margin-top:120px;}
.sub02_2 section>article {display:none; position:relative;}
.sub02_2 section>article>div {display:flex; align-items:flex-start; gap:3.1%;}
.sub02_2 section>article>div>ul {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:60px; flex-shrink:0; position:sticky; top:100px; left:0; width:200px; height:400px; border-radius:15px; background:#fff; box-shadow:0 0 22px rgba(255, 255, 255, .4);}
.sub02_2 section>article>div>ul>li {display:flex; flex-direction:column; align-items:center;}
.sub02_2 section>article>div>ul>li>div {font-weight:700; font-size:34px; color:#999;}
.sub02_2 section>article>div>ul>li>span {font-weight:300; font-size:20px; color:#999;}
.sub02_2 section>article>div>ul>li.active>div {color:var(--main-color);}
.sub02_2 section>article>div>ul>li.active>span {color:var(--main-color);}
.sub02_2 section>article>div>.contents {width:100%;}
.sub02_2 section>article>div>.contents>.top {display:flex; height:80px; line-height:80px; background:#2b2b2b;}
.sub02_2 section>article>div>.contents>.top>.left {position:relative; width:18%;}
.sub02_2 section>article>div>.contents>.top>.left::before {content:""; position:absolute; top:50%; right:0; width:1px; height:38%; background:#fff; transform:translateY(-50%);}
.sub02_2 section>article>div>.contents>.top>.right {width:82%;}
.sub02_2 section>article>div>.contents>.top>div {text-align:center; font-weight:700; font-size:22px;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap {display:flex; flex-direction:column; gap:40px;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap:not(:first-child) {margin-top:100px;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.title {background:#fff;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.title>div {margin:0 auto; width:fit-content; height:60px; line-height:60px; font-weight:700; font-size:26px; color:transparent; background:linear-gradient(to right, #d90857 23%, #ea629f 51%, #8f59c9 73%); background-clip:text;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info {display:flex; gap:30px;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>div {border-top:1px solid #fff; border-bottom:1px solid #fff;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left {display:flex; justify-content:center; align-items:center; flex-direction:column; flex-shrink:0; position:relative; width:240px; font-weight:700; font-size:26px;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left::before {content:""; position:absolute; top:50%; right:-14px; width:1px; height:95%; background:#fff;; transform:translateY(-50%);}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left>em {font-size:22px; color:#ddd;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right {display:flex; gap:24px; padding:40px 50px; width:100%;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl {width:33%;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dt {width:100%; border-radius:15px; overflow:hidden;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dt>img {width:100%;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd {margin-top:25px;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd>em {font-weight:700; font-size:24px;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd>p {margin-top:20px; font-size:18px; color:#999; word-break:keep-all;}
.sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd>div {margin-top:20px; font-size:18px; padding:5px 20px; width:fit-content; border-radius:8px; background:var(--main-color);}


/* sub02_3 :: 체험상설행사 */
.sub02_3 {}
.sub02_3 ul {display:flex; gap:70px 1.6%; flex-wrap:wrap;}
.sub02_3 ul>li {width:23.8%;}
.sub02_3 ul>li>div {width:100%; box-shadow:0 0 12px rgba(255,255,255,.4);}
.sub02_3 ul>li>div>img {width:100%;}
.sub02_3 ul>li>dl {margin-top:40px;}
.sub02_3 ul>li>dl>dt {padding:4.5px 15px; width:fit-content; font-size:18px;}
.sub02_3 ul>li>dl>dt.type1 {background:var(--main-color);}
.sub02_3 ul>li>dl>dt.type2 {background:#a904ff;}
.sub02_3 ul>li>dl>dd {margin-top:10px;}
.sub02_3 ul>li>dl>dd>div {font-weight:700; font-size:26px;}
.sub02_3 ul>li>dl>dd>p {margin-top:20px; line-height:1.5; font-size:18px; color:#bbb; word-break:keep-all;}










/* 반응형 */
@media screen and (max-width:1645px) {
  /* sub02_2 :: 연사 */
  .sub02_2 section>article>div>ul {width:140px;}
  .sub02_2 section>article>div>.contents>.top>.left,
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left {width:180px;}
}

@media screen and (max-width:1200px) {
  /* sub02_2 :: 연사 */
  .sub02_2 section>article>div {flex-direction:column; gap:50px;}
  .sub02_2 section>article>div>ul {flex-direction:row; justify-content:space-around; gap:0; width:100%; height:100px; z-index:10;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info {flex-direction:column;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left {flex-direction:row; justify-content:center; align-items:center; gap:10px; padding-top:10px; width:100%; height:70px; border:1px solid #fff; border-bottom:none;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left::before {top:initial; right:initial; bottom:-14px; left:50%; width:95%; height:1px; transform:translateX(-50%);}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right {border:1px solid #fff; border-top:none;}

  /* sub02_3 :: 체험상설행사 */
  .sub02_3 ul {gap:70px 2%;}
  .sub02_3 ul>li {width:49%;}
}

@media screen and (max-width:768px) {
  /* sub02_1 :: 일정표 */
  .sub02_1>div>.banner {padding:14.323vw 0;}
  .sub02_1>div>.banner>a {width:74.219vw; height:13.021vw; line-height:13.021vw; font-size:5.469vw; border-radius:3.255vw;}
  .sub02_1>div>.time_table {margin-top:22.135vw; overflow-x:auto;}
  .sub02_1>div>.time_table>img {width:1000px;}
  /* sub02_2 :: 연사 */
  .sub02_2 .tab_list {gap:0; justify-content:space-between;}
  .sub02_2 .tab_list>li {width:32%; height:15.625vw; border-radius:2.604vw;}
  .sub02_2 .tab_list>li>div {font-size:5.729vw;}
  .sub02_2 .tab_list>li>span {font-size:3.906vw;}
  .sub02_2 section {margin-top:16.927vw;}
  .sub02_2 section>article>div {gap:7.813vw;}
  .sub02_2 section>article>div>ul {top:15.625vw; height:15.625vw; border-radius:3.255vw;}
  .sub02_2 section>article>div>ul>li>div {font-size:5.729vw;}
  .sub02_2 section>article>div>ul>li>span {font-size:3.906vw;}
  .sub02_2 section>article>div>.contents>.top {height:13.021vw; line-height:13.021vw;}
  .sub02_2 section>article>div>.contents>.top>div {font-size:4.167vw;}
  .sub02_2 section>article>div>.contents>.top>.left {width:30%;}
  .sub02_2 section>article>div>.contents>.top>.right {width:70%;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap {gap:6.510vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap:not(:first-child) {margin-top:14.323vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.title>div {height:10.417vw; line-height:10.417vw; font-size:4.688vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info {gap:3.906vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left {gap:2.604vw; padding-top:1.302vw; height:11.719vw; font-size:4.688vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left::before {bottom:-1.823vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.left>em {font-size:4.167vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right {gap:4.427vw; flex-direction:column; padding:3.906vw 7.813vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl {width:100%;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dt {width:100%;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd {margin-top:4.557vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd>em {font-size:4.427vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd>p {margin-top:3.906vw; font-size:3.646vw;}
  .sub02_2 section>article>div>.contents>.info_con>.info_wrap>.info>.right>dl>dd>div {margin-top:3.906vw; font-size:3.646vw; padding:1.953vw 7.161vw; border-radius:2.344vw;}

  /* sub02_3 :: 체험상설행사 */
  .sub02_3 ul {gap:10.417vw;}
  .sub02_3 ul>li {width:100%;}
  .sub02_3 ul>li>dl {margin-top:6.510vw;}
  .sub02_3 ul>li>dl>dt {padding:1.888vw 6.120vw; font-size:3.646vw;}
  .sub02_3 ul>li>dl>dd {margin-top:2.604vw;}
  .sub02_3 ul>li>dl>dd>div {font-size:4.688vw;}
  .sub02_3 ul>li>dl>dd>p {margin-top:3.906vw; font-size:3.646vw;}
}