/* sub03_1 :: 전시배치도 */
.sub03_1 {}
.sub03_1 .map {width:100%;}
.sub03_1 .map>img {width:100%;}
.sub03_1 .booth_list {display:flex; gap:100px 6%; flex-wrap:wrap; margin-top:80px;}
.sub03_1 .booth_list>li {width:47%;}
.sub03_1 .booth_list>li>dl>dt {padding:3px 19px; width:fit-content; font-weight:700; font-size:20px; border-radius:12px;}
.sub03_1 .booth_list>li>dl>dd {margin-top:25px;}
.sub03_1 .booth_list>li>dl>dd>ol {display:flex; flex-direction:column; padding-bottom:20px; border-radius:18px 18px 0 0; overflow:hidden;}
.sub03_1 .booth_list>li>dl>dd>ol>li {display:flex; align-items:center;}
.sub03_1 .booth_list>li>dl>dd>ol>li>em {flex-shrink:0; position:relative; width:120px; font-weight:300; font-size:18px; text-align:center;}
.sub03_1 .booth_list>li>dl>dd>ol>li>em::before {content:""; position:absolute; top:50%; right:0; width:1px; height:42%; background:#fff; transform:translateY(-50%);}
.sub03_1 .booth_list>li>dl>dd>ol>li>div {width:100%; font-weight:700; font-size:20px;}
.sub03_1 .booth_list>li>dl>dd>ol>li.title {padding:10.5px 0;}
.sub03_1 .booth_list>li>dl>dd>ol>li.title>* {text-align:center;}
.sub03_1 .booth_list>li>dl>dd>ol>li.list {padding:20.5px 0; border-bottom:1px solid #5f5f5f; background:#051531;}
.sub03_1 .booth_list>li>dl>dd>ol>li.list>div {padding-left:5.4%;}

.sub03_1 .booth_list>li:nth-child(1)>dl>dt,
.sub03_1 .booth_list>li:nth-child(1)>dl>dd>ol {background:#05b2a6;}
.sub03_1 .booth_list>li:nth-child(2)>dl>dt,
.sub03_1 .booth_list>li:nth-child(2)>dl>dd>ol {background:#b0b205;}
.sub03_1 .booth_list>li:nth-child(3)>dl>dt,
.sub03_1 .booth_list>li:nth-child(3)>dl>dd>ol {background:#ce71a6;}
.sub03_1 .booth_list>li:nth-child(4)>dl>dt,
.sub03_1 .booth_list>li:nth-child(4)>dl>dd>ol {background:#0097fe;}



/* sub03_2 :: 참가기업 */
.sub03_2 .search_con {padding:60px 0; width:100%; background:#eee;}
.sub03_2 .search_con>div {display:flex; flex-direction:column; gap:20px; margin:0 auto; width:1020px; max-width:95%;}
.sub03_2 .search_con>div>div {display:flex; gap:20px;}
.sub03_2 .search_con>div>div .title {display:block; flex-shrink:0; width:140px; height:60px; line-height:60px; text-align:center; font-weight:700; font-size:20px; background:#051531;}
.sub03_2 .search_con .input_wrap {align-items:center;}
.sub03_2 .search_con .input_wrap>div {display:flex; gap:10px; width:100%; height:40px;}
.sub03_2 .search_con .input_wrap>div>input {width:100%; height:100%; border:1px solid #888; border-radius:10px;}
.sub03_2 .search_con .input_wrap>div>input:focus {border:1px solid var(--main-color);}
.sub03_2 .search_con .input_wrap>div>button {display:flex; justify-content:center; align-items:center; width:100px; height:100%; font-weight:700; font-size:20px; border-radius:10px; background:var(--main-color);}
.sub03_2 .search_con .select_wrap>div {display:flex; align-items:center; gap:20px; width:50%;}
.sub03_2 .search_con .select_wrap>div>select {width:300px; max-width:60%; height:34px; background-color:#fff; background-position:95% center;}
.sub03_2 .search_con .select_wrap>div>select>option:first-child {display:none;}
.sub03_2 .search_con .key_wrap>div {display:flex; gap:15px; margin-top:10px;}
.sub03_2 .search_con .key_wrap>div button {height:40px; line-height:40px; font-weight:300; font-size:16px; color:#aaa; border:1px solid #888; border-radius:10px; background-color:#fff;}
.sub03_2 .search_con .key_wrap>div button.active,
.sub03_2 .search_con .key_wrap>div button:hover {color:#fff; border:1px solid var(--main-color); background:var(--main-color);}
.sub03_2 .search_con .key_wrap>div>button {flex-shrink:0; width:66px;}
.sub03_2 .search_con .key_wrap>div>ul {display:flex; flex-wrap:wrap; gap:10px; width:86%;}
.sub03_2 .search_con .key_wrap>div>ul>li {width:40px}
.sub03_2 .search_con .key_wrap>div>ul>li>button {width:100%;}
.sub03_2 .list_con {margin-top:135px;}
.sub03_2 .list_con>ul {display:flex; flex-wrap:wrap; gap:55px 1.3%;}
.sub03_2 .list_con>ul>li {width:18.9%;}
.sub03_2 .list_con>ul>li>div {display:flex; flex-direction:column; align-items:flex-start; gap:15px; width:100%; cursor:pointer;}
.sub03_2 .list_con>ul>li>div>em {padding:5.5px 19px; font-weight:700; font-size:16px; border-radius:8px; background:#05b2a6;}
.sub03_2 .list_con>ul>li>div>dl {padding:20px; width:100%; background:#fff; box-shadow:0 0 15px rgba(255,255,255,.8);}
.sub03_2 .list_con>ul>li>div>dl>dt {display:flex; justify-content:center; align-items:center; height:100px;}
.sub03_2 .list_con>ul>li>div>dl>dt>img {max-width:80%;}
.sub03_2 .list_con>ul>li>div>dl>dd {display:flex; align-items:center; justify-content:space-between; margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.sub03_2 .list_con>ul>li>div>dl>dd>div {font-weight:700; font-size:16px; color:#05b2a6; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sub03_2 .list_con>ul>li>div>dl>dd>span {flex-shrink:0; width:15px; height:12px; background-image:url("/theme/fintech/img/sub03/sub03_2_arrow.png"); background-position:center; background-repeat:no-repeat;}
.sub03_2 .list_con>ul>li:hover>div>dl>dd>span {background-image:url("/theme/fintech/img/sub03/sub03_2_arrow_hover.png");}
.sub03_2 .list_con .com_info_modal {display:none; width:1020px; max-width:90%; padding:0 0 20px 40px; background:linear-gradient(to bottom, #d90857 23%, #ea629f 51%, #8f59c9 73%); cursor:auto; overflow:hidden;}
.sub03_2 .list_con .com_info_modal::before {content:""; position:absolute; top:0; right:0; width:65.3%; height:100%; background:#fff; border-radius:25px 0 0 25px; z-index:-1;}
.sub03_2 .list_con .com_info_modal>.modal_exit {position:absolute; top:25px; right:25px; cursor:pointer;}
.sub03_2 .list_con .com_info_modal>div {padding-top:40px;}
.sub03_2 .list_con .com_info_modal>div>h3 {padding-left:40px; font-weight:700; font-size:38px;}
.sub03_2 .list_con .com_info_modal>div>article {padding:40px; margin-top:20px; height:680px; border-radius:25px 0 0 25px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.8); overflow:hidden;}
.sub03_2 .list_con .com_info_modal>div>article>.top {display:flex; padding-bottom:35px; border-bottom:3px solid var(--main-color);}
.sub03_2 .list_con .com_info_modal>div>article>.top>.left {display:flex; flex-direction:column; gap:20px; flex-shrink:0; width:260px; margin-right:30px; border-right:1px solid #000;}
.sub03_2 .list_con .com_info_modal>div>article>.top>.left>.logo {width:100%;}
.sub03_2 .list_con .com_info_modal>div>article>.top>.left>.logo>img {max-width:80%;}
.sub03_2 .list_con .com_info_modal>div>article>.top>.left>a {width:145px; height:35px; line-height:35px; text-align:center; font-weight:700; font-size:18px; border-radius:8px; background:var(--main-color);}
.sub03_2 .list_con .com_info_modal>div>article>.top>.right {display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%;}
.sub03_2 .list_con .com_info_modal>div>article>.top>.right>div {display:flex; flex-direction:column; align-items:flex-start; gap:20px;}
.sub03_2 .list_con .com_info_modal>div>article>.top>.right>div>dl {display:flex; align-self:center; gap:10px; width:100%;}
.sub03_2 .list_con .com_info_modal>div>article>.top>.right>div>dl>dd {font-weight:300; font-size:15px; color:#444;}
.sub03_2 .list_con .com_info_modal>div>article>.top>.right>em {flex-shrink:0; width:60px; height:45px; line-height:45px; text-align:center; font-weight:300; font-size:15px; color:#444; border:1px solid var(--main-color);}
.sub03_2 .list_con .com_info_modal>div>article>.bottom {margin-top:30px; padding:0 50px 0 20px; height:420px; overflow-y:auto;}
.sub03_2 .list_con .com_info_modal>div>article>.bottom>dl {display:flex; flex-direction:column; gap:25px;}
.sub03_2 .list_con .com_info_modal>div>article>.bottom>dl:not(:first-child) {margin-top:25px; padding-top:35px; border-top:1px solid #ddd;}
.sub03_2 .list_con .com_info_modal>div>article>.bottom>dl>dt {font-weight:500; font-size:20px; color:#1c1c1c;}
.sub03_2 .list_con .com_info_modal>div>article>.bottom>dl>dd {line-height:1.5; font-weight:300; font-size:18px; color:#444; word-break:keep-all;}
.sub03_2 .list_con .com_info_modal>div>article>.bottom>dl>dd>img {max-width:100%;}









/* 반응형 */
@media screen and (max-width:1200px) {
  /* sub03_2 :: 참가기업 */
  .sub03_2 .list_con>ul {gap:55px 2%;}
  .sub03_2 .list_con>ul>li {width:32%;}
  .sub03_2 .search_con .select_wrap {flex-direction:column;}
  .sub03_2 .search_con .select_wrap>div {width:100%;}
  .sub03_2 .search_con .select_wrap>div>select {width:640px; max-width:100%;}
  .sub03_2 .list_con .com_info_modal::before {width:50%;}
}

@media screen and (max-width:768px) {
  /* sub03_1 :: 전시배치도 */
  .sub03_1 .booth_list {gap:14.323vw; margin-top:11.719vw;}
  .sub03_1 .booth_list>li {width:100%;}
  .sub03_1 .booth_list>li>dl>dt {padding:2.995vw 6.510vw; font-size:3.906vw; border-radius:2.865vw;}
  .sub03_1 .booth_list>li>dl>dd {margin-top:4.557vw;}
  .sub03_1 .booth_list>li>dl>dd>ol {padding-bottom:3.906vw; border-radius:3.646vw 3.646vw 0 0;}
  .sub03_1 .booth_list>li>dl>dd>ol>li>em {width:15.625vw;  font-size:3.646vw;}
  .sub03_1 .booth_list>li>dl>dd>ol>li>div {font-size:3.906vw;}
  .sub03_1 .booth_list>li>dl>dd>ol>li.title {padding:2.018vw 0;}
  .sub03_1 .booth_list>li>dl>dd>ol>li.list {padding:3.320vw 0;}


  /* sub03_2 :: 참가기업 */
  .sub03_2 .search_con {padding:9.115vw 0;}
  .sub03_2 .search_con>div {gap:3.906vw;}
  .sub03_2 .search_con>div>div {gap:3.255vw;}
  .sub03_2 .search_con>div>div .title {width:18.229vw; height:10.417vw; line-height:10.417vw; font-size:3.906vw;}
  .sub03_2 .search_con .input_wrap>div {gap:1.953vw; height:7.813vw;}
  .sub03_2 .search_con .input_wrap>div>button {width:18.229vw; font-size:3.906vw;}
  .sub03_2 .search_con .select_wrap>div {gap:3.255vw;}
  .sub03_2 .search_con .select_wrap>div>select {height:7.813vw;}
  .sub03_2 .search_con .key_wrap {flex-direction:column; gap:2.604vw;}
  .sub03_2 .search_con .key_wrap>title {width:100%;}
  .sub03_2 .search_con .key_wrap>div {flex-direction:column; margin-top:0;}
  .sub03_2 .search_con .key_wrap>div button {height:7.813vw; line-height:7.813vw; font-size:3.385vw; border-radius:2.604vw;}
  .sub03_2 .search_con .key_wrap>div>button {width:18.229vw;}
  .sub03_2 .search_con .key_wrap>div>ul {gap:1.823vw; width:100%;}
  .sub03_2 .search_con .key_wrap>div>ul>li {width:7.813vw;}
  .sub03_2 .list_con {margin-top:18.880vw;}
  .sub03_2 .list_con>ul {gap:8.464vw 4%;}
  .sub03_2 .list_con>ul>li {width:48%;}
  .sub03_2 .list_con>ul>li>div {gap:3.255vw;}
  .sub03_2 .list_con>ul>li>div>em {padding:1.953vw 6.510vw; font-size:3.385vw; border-radius:2.344vw;}
  .sub03_2 .list_con>ul>li>div>dl {padding:3.255vw;}
  .sub03_2 .list_con>ul>li>div>dl>dt {height:15.625vw;}
  .sub03_2 .list_con>ul>li>div>dl>dd {margin-top:3.906vw; padding-top:3.906vw;}
  .sub03_2 .list_con>ul>li>div>dl>dd>div {font-size:3.385vw;}
  .sub03_2 .list_con>ul>li>div>dl>dd>span {width:3.255vw; height:3.255vw; background-size:contain;}
  .sub03_2 .list_con .com_info_modal {padding:0 0 2.604vw 5.208vw;}
  .sub03_2 .list_con .com_info_modal>div {padding-top:5.208vw;}
  .sub03_2 .list_con .com_info_modal>.modal_exit {top:3.255vw; right:3.255vw; width:2.865vw;}
  .sub03_2 .list_con .com_info_modal>div>h3 {padding-left:2.604vw; font-size:6.250vw;}
  .sub03_2 .list_con .com_info_modal>div>article {margin-top:3.906vw; padding:5.208vw; height:70vh; border-radius:3.255vw 0 0 3.255vw; overflow-y:auto;}
  .sub03_2 .list_con .com_info_modal>div>article>.top {flex-direction:column; padding-bottom:4.557vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.left {gap:3.906vw; margin-right:0; margin-bottom:2.604vw; padding-bottom:2.604vw; width:42.969vw; border:none; border-bottom:1px solid #000;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.left>a {width:27.995vw; height:7.161vw; line-height:7.161vw; font-size:3.646vw; border-radius:2.344vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.right {gap:2.604vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.right>div {gap:3.906vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.right>div>dl {gap:2.604vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.right>div>dl>dt {display:flex; justify-content:center; align-items:center; flex-shrink:0; width:3.646vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.right>div>dl>dt>img {width:100%;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.right>div>dl>dd {font-size:3.255vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.top>.right>em {width:9.115vw; height:7.161vw; line-height:7.161vw; font-size:3.255vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.bottom {margin-top:3.906vw; padding:0 0 0 2.604vw; height:initial; overflow:initial;}
  .sub03_2 .list_con .com_info_modal>div>article>.bottom>dl {gap:4.557vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.bottom>dl>dt {font-size:3.906vw;}
  .sub03_2 .list_con .com_info_modal>div>article>.bottom>dl>dd {font-size:3.646vw;}
}