@charset "UTF-8";
@import url("common.css");
:root .school-theme-red {
  --school-theme-primary: #C63239;
  --school-theme-primary-rgb: 198, 50, 51;
  --school-theme-darken: #510010;
  --school-theme-secondary: #D6C9B1;
}
:root .school-theme-orange {
  --school-theme-primary: #E95412;
  --school-theme-primary-rgb: 253, 119, 0;
  --school-theme-darken: #71361C;
  --school-theme-secondary: #FFDBB8;
}
:root .school-theme-orange.type-c .booth-visual-area .visitor-box, :root .school-theme-orange.type-f .booth-visual-area .visitor-box, :root .school-theme-orange.type-g .booth-visual-area .visitor-box, :root .school-theme-orange.type-h .booth-visual-area .visitor-box {
  color: var(--font-white);
}
:root .school-theme-orange.type-d .booth-visual-area .quick-button {
  color: var(--font-white);
}
:root .school-theme-orange.type-d .booth-visual-area .quick-button .icon path {
  stroke: var(--font-white);
}
:root .school-theme-green {
  --school-theme-primary: #00966B;
  --school-theme-primary-rgb: 0, 150, 107;
  --school-theme-darken: #005132;
  --school-theme-secondary: #BEF4D3;
}
:root .school-theme-turquoise {
  --school-theme-primary: #208198;
  --school-theme-primary-rgb: 32, 129, 152;
  --school-theme-darken: #0F3C4A;
  --school-theme-secondary: #C5E9EB;
}
:root .school-theme-navy {
  --school-theme-primary: #193D90;
  --school-theme-primary-rgb: 25, 61, 144;
  --school-theme-darken: #0E2B5E;
  --school-theme-secondary: #95C5EE;
}
:root .school-theme-dark-blue {
  --school-theme-primary: #22324D;
  --school-theme-primary-rgb: 34, 50, 77;
  --school-theme-darken: #121926;
  --school-theme-secondary: #A3BDEA;
}
:root .school-theme-violet {
  --school-theme-primary: #5957B0;
  --school-theme-primary-rgb: 89, 87, 176;
  --school-theme-darken: #26255C;
  --school-theme-secondary: #E3C4EA;
}

header.type-booth {position: fixed; width: 100%; z-index: 100;}
.logo .lg-img {display: block; width: 162px; height: 74px; background: url(../images/common/logo.svg) center center no-repeat; background-size: contain;}
main {padding-top: 150px;}
.use-mega .language + .select2-container {z-index: 100;}
.mega .button-close-mega {top: 10px;}
@media screen and (max-width: 768px) {
	header.type-booth {border-bottom: 1px solid #eee;}
	main {padding-top: 60px;}
}

.section-title {
  margin-bottom: var(--space-7);
}
.section-title h3 {
  flex-shrink: 1;
}

.booth-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-7);
  margin-bottom: var(--space-4);
  width: 100%;
  display: block;
}
.booth-title span {
  flex-shrink: 0;
  color: var(--font-basic);
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-regular);
}

.booth-box {
  padding: var(--space-6) var(--space-4);
  border: 1px solid var(--border-light);
  background-color: var(--bg-white);
}
.booth-box + .booth-box {
  margin-top: var(--space-2);
}
.booth-box.type-counter li:last-child .box-item-gray {
  padding-bottom: 0;
}
.booth-box.type-counter li .box-item {
  padding-bottom: var(--space-6);
}
.booth-box.type-counter li + li {
  border-top: 1px dashed var(--border-light);
}
.booth-box.type-counter li + li .box-item {
  padding-block: var(--space-6);
}
.booth-box.type-counter .divider-group + .box-item-gray {
  border-top: 1px dashed var(--border-light);
}
.booth-box .booth-box-title {
  margin-bottom: var(--space-6);
}
.booth-box .booth-box-title + .box-item {
  padding-top: 0;
}
.booth-box .desc {
  color: var(--font-basic);
}
.booth-box a.desc {
  color: var(--font-basic);
}
.booth-box a.desc:hover {
  text-decoration: underline;
}
.booth-box a.desc .icon {
  display: none;
}
.booth-box .count {
  font-size: var(--font-size-6);
  color: var(--font-darken);
}

.box-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding-block: var(--space-6);
  border-bottom: 1px dashed var(--border-light);
}
.box-item.type-row {
  flex-direction: row;
  align-items: center;
}
.box-item.space-between {
  justify-content: space-between;
}
.box-item:first-child {
  padding-top: 0;
}
.box-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.box-item .booth-box-title {
  margin-bottom: 0;
}
.box-item .badge {
  background-color: var(--school-theme-secondary);
  color: var(--school-theme-darken);
}
.box-item .contact {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--font-basic);
}
/*
.box-item .contact:hover {
  text-decoration: underline;
} */
.box-item .contact .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--school-theme-secondary);
  color: var(--school-theme-primary);
}
.box-item .contact .icon svg {
  width: 16px;
  height: 16px;
}

.school-logo {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-10);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-medium);
  margin-right: 0px;
}
.school-logo + .box-item {
  padding-top: 0;
}
.school-logo img {
  width: 60px;
  height: 60px;
}

.avatar-box {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-6);
  color: var(--font-basic);
}

.desc-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.ul-dots li {
  position: relative;
  padding-left: var(--space-6);
  color: var(--font-basic);
}
.ul-dots li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: var(--space-2);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--font-basic);
}

.booth-promotion {
  margin-top: var(--space-16);
  padding-block: var(--space-16);
  background-color: var(--school-theme-darken);
  color: var(--font-white);
  /* 개발요청 예외처리 */
}
.booth-promotion .promotion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.booth-promotion .promotion-title .icon {
  color: var(--font-white);
}
.booth-promotion .section-title {
  margin-block: 0;
}
.booth-promotion + .booth-experience {
  margin-top: 0;
}

.download-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-4);
  border-top: 1px solid var(--border-light);
}
.download-list li .flex-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  font-size: var(--font-size-4);
}
.download-list li .flex-box > p {flex: none; width: calc(100% - 30px);}
.download-list li .icon {
  color: var(--font-darken);
}

.booth-experience {
  margin-top: var(--space-16);
  padding-block: var(--space-16);
  background: var(--bg-light) url("../images/edu/img-booth-experience-deco-mo.svg") top left no-repeat;
  background-size: 352px;
  /* 개발요청 예외처리 */
}
.booth-experience .section-title {
  margin-top: 0;
}
.booth-experience + .booth-promotion {
  margin-top: 0;
}
.booth-experience .collapse-header {background-color: #fff;}
.booth-experience .collapse-header:hover {background-color: #fff !important;}
.booth-experience .accordion .collapse {background-color: #fff;}

#university-faq .collapse .collapse-title {
	flex:none; width: calc(100% - 60px);
}
@media screen and (min-width: 768px) {
  .school-logo {
    flex-shrink: 0;
    flex:none;
    max-width: 360px;
    margin-bottom: 0;
    margin-right: 40px;
  }
  .booth-box {
    padding-inline: var(--space-10);
  }
  .booth-box.university-info {
    display: flex;
    align-items: center;
  }
  .booth-box.university-info .box-items {
    width: 100%;
  }
  .booth-box.university-info .divider-group {
    flex-wrap: wrap;
  }
  .booth-box.university-info .box-item {
    flex-direction: column;
    padding-bottom: var(--space-6);
    border-bottom: 1px dashed var(--border-light);
  }
  .booth-box.university-info .box-item + .box-item {
    padding-block: var(--space-6);
  }
  .booth-box.university-info .box-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .booth-box.university-info .desc-box {
    flex-direction: row;
    gap: var(--space-9);
  }
  .booth-box.university-info .desc-box span {
    position: relative;
  }
  .booth-box.university-info .desc-box span:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -18px;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: var(--border-basic);
  }
  .booth-box.type-counter .divider-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
  }
  .booth-box.type-counter .divider-group > li {
    display: flex;
    align-items: center;
    flex: 1 0;
    max-width: 25%;
    min-width: 200px;
    padding: 0;
    border-top: none;
  }
  .booth-box.type-counter .divider-group > li:not(:last-child)::after {
    content: "";
    flex-shrink: 0;
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-inline: var(--space-4);
    background-color: var(--border-basic);
  }
  .booth-box.type-counter .divider-group > li .box-item {
    padding-block: var(--space-6);
  }
  .booth-box.type-counter .divider-group > li .box-item-gray {
    margin-top: 0;
  }
  .booth-box.type-counter .count {
    font-weight: var(--font-weight-bold);
  }
  .booth-box.type-counter .title::after {
    display: none;
  }
  .booth-box.type-counter .box-item {
    flex: 1 1;
  }
  .booth-box.type-counter .box-item.box-item-gray {
    margin-top: var(--space-6);
    padding: var(--space-5);
    border-top: none;
    background-color: var(--bg-light);
  }
  .booth-box .box-item {
    flex-direction: row;
    padding-bottom: var(--space-2);
    border-bottom: none;
  }
  .booth-box .box-item + .box-item {
    padding-block: var(--space-2);
  }
  .booth-box .box-item:last-child {
    padding-bottom: 0;
  }
  .booth-box .box-item .title {
    position: relative;
    min-width: 90px;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: var(--space-11);
  }
  .booth-box .box-item .title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: var(--border-basic);
  }
  .booth-box a.desc {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-8);
  }
  .booth-box a.desc .icon {
    display: inline-block;
    color: var(--font-darken);
  }
  .box-table {
    border-top: 1px solid var(--border-darken);
  }
  .box-table .table-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-10);
    row-gap: var(--space-5);
    width: 100%;
    min-width: 1px;
    padding: var(--space-6);
    padding-right: var(--space-2);
    border-bottom: 1px solid var(--border-light);
  }
  .box-table .table-item .booth-title {
    /* flex-grow: 1;*/
    flex:1;
    margin: 0;
    font-size: var(--font-size-4);
    font-weight: var(--font-weight-regular);
  }
  .box-table .table-item .booth-box {
	flex:none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-10);
    row-gap: var(--space-1);
    padding: 0;
    border: none;
    width: 100%;
  }
  .box-table .table-item .booth-box .box-item {
    justify-content: flex-start;
    gap: var(--space-2);
    padding: 0;
  }
  .box-table .table-item .booth-box .box-item .title {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    margin-right: 0;
  }
  .box-table .table-item .booth-box .box-item .title::after {
    content: "";
    flex-shrink: 0;
    position: static;
    transform: none;
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: 0;
    background-color: var(--border-basic);
  }
  .download-list {
    border-top: 1px solid var(--border-darken);
  }
  .download-list li {
    flex-direction: row;
    align-items: center;
    gap: var(--space-4);
    padding-inline: var(--space-6);
    border-top: none;
    border-bottom: 1px solid var(--border-light);
  }


  .gnb ul {justify-content: flex-start !important;}
  .gnb li:not(:lang(ko)) {flex: 1 !important; min-height: 64px;}
  .gnb a:not(:lang(ko)) {/* padding: var(--space-2) var(--space-1); */ font-size: var(--font-size-4);}
}

.booth-visual-area .counter strong {flex:none;}
.booth-box.type-counter .count {flex:none;}
.collapse .collapse-contents .booth-box .desc {word-break: break-all;} /* 아코디언 다국어 깨짐 잡기 */

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.booth-box.university-info {flex-direction: column; align-items: self-start;}
	.school-logo {margin: 0 0 20px 0;}

	.booth-box.type-counter .divider-group {flex-direction: column; align-items: flex-start;}
	.booth-box.type-counter .divider-group > li {flex:none; width:100%; max-width: 100%;}
	.booth-box.type-counter .divider-group > li:not(:last-child)::after {display: none;}
	.booth-box.type-counter .divider-group > li .box-item {padding: 0;}

	.box-item {flex-wrap: wrap;}
	.box-item .contact {flex: none; width: 100%;}

	#university-contact .box-item .contact {flex:1; width: auto;}

	.type-f .booth-visual-area .visitor-box {flex:1;}
	.type-f .booth-visual-area .quick-buttons{flex:1;}
	.type-g .booth-visual-area .quick-buttons{justify-content : center; gap:0;}
	.type-g .booth-visual-area {margin-bottom: 20px;}
}


@media screen and (max-width: 768px) {
	.logo .lg-img {width: 104px; height: 48px; }
	.booth-box .count {flex:none;}
	.type-g .booth-visual-area .quick-buttons{justify-content : center; gap:0;}
	.type-g .booth-visual-area {margin-bottom: 20px;}

	.type-h .booth-visual-area {padding-bottom: 0px;}
	.type-h .booth-visual-area .quick-buttons {justify-content: center; gap: 0;}
	.type-h .booth-visual-area .visitor-box {height: auto; padding: 8px 0;}
	.type-h .booth-visual-area .quick-wrap {transform: none; margin-top: -100px;}

	.type-d .booth-visual-area .quick-buttons {justify-content: center; gap: 0;}
	.type-e .booth-visual-area .quick-wrap {transform: none; margin-top: -40px;}

	.type-f .booth-visual-area .quick-wrap {margin-top: -30px;}
	.type-f .booth-visual-area .quick-box {flex-wrap: wrap;}
	.type-f .booth-visual-area .quick-buttons {border-radius: 0 70px 70px 0; margin-left: -10px;}
}