@charset "utf-8";
/* 취소선 */
.thr { text-decoration: line-through; color: var(--BK-A3); }

.btn_wrap { display:flex; justify-content: center; align-items: center; font-weight: 600; }
    .btn_wrap a { display: block; width: 350px; height: 60px; line-height: 60px; text-align: center; }
    .btn_wrap button { display: block; width: 350px; height: 60px; line-height: 60px; text-align: center; }

.modal-footer { text-align: center; }
.modal-footer button { display: inline-block; padding: 5px 30px; text-align: center; }

.booth .box { padding: 100px 0 0 0; }
    .booth .box h3 { padding: 0 0 50px 0; text-align: center; font-weight: 700; color: #ff725a; }
@media (max-width:991px) {
.booth .box { padding: 30px 0 0 0; }
    .booth .box h3 { padding: 0 0 20px 0; }
}

/* 전시부스 신청 */
.booth .box01 { padding: 0; }
.booth .box01 ul { display: flex; flex-direction: column; align-items: center; gap: 60px; }
    .booth .box01 ul li { display: flex; justify-content: space-between; align-items: center; gap: 50px; width: 100%; padding: 3rem 7rem; border-radius: 20px; text-align: center; }
    .booth .box01 ul li img { width: 100px; }
    .booth .box01 h4 { font-weight: 800; }
    
    .booth .box01 ul .bg01 { background: #bee6ee; position: relative; }
    .booth .box01 ul .bg01 * { color: #005b7f; }
    .booth .box01 ul .bg01::after { content: ""; position: absolute; bottom: -22px; left: calc(50% - 18px); width: 36px; height: 23px; background: url(../../img/05_info/box01_icon04.png) no-repeat; }
    .booth .box01 ul .bg02 { background: #acd1ff; position: relative; }
    .booth .box01 ul .bg02 * { color: #0033bd; }
    .booth .box01 ul .bg02::after { content: ""; position: absolute; bottom: -22px; left: calc(50% - 18px); width: 36px; height: 23px; background: url(../../img/05_info/box01_icon05.png) no-repeat; }
    .booth .box01 ul .bg03 { background: #c9bfff; }
    .booth .box01 ul .bg03 * { color: #410087; }
@media (max-width:991px) {
    .booth .box01 ul li { gap: 10px; width: 100%; padding: 2rem 1rem; border-radius: 10px; }
    .booth .box01 ul li img { width: 50px; }
    .booth .box01 .icon { width: 40px; height: 40px; }
}

.booth .box02 table { border-top: 1px solid #3D3296; }
    .booth .box02 th,
    .booth .box02 td { padding: 20px 0;  line-height: 1.5em; border-bottom: 1px solid #3D3296; } 
    .booth .box02 th:nth-child(2n+1) { width: 180px; }
@media (max-width:991px) {
    .booth .box02 th,
    .booth .box02 td { padding: 5px 0; }
    .booth .box02 th:nth-child(2n+1) { width: 50px; }
}

.booth .box03 { padding: 100px 0; }
    .booth .box03 > p { padding: 5px 20px 0 0; text-align: right; color: var(--PU-64); }
    .booth .box03 ul { display: flex; flex-direction: column; align-items: flex-start; gap: 60px; }
    .booth .box03 ul li { display: flex; align-items: flex-start; width: 100%; gap: 0 50px; }
    .booth .box03 ul li .img { width: 250px; }
    .booth .box03 ul li .info { width: calc(100% - 300px); }
    .booth .box03 .info dl { display: flex; flex-wrap: wrap; border-top: 1px dotted; }
    .booth .box03 .info dt { width: 170px; padding: 20px 0; border-bottom: 1px dotted; }
    .booth .box03 .info dd { width: calc(100% - 170px); padding: 20px 0; border-bottom: 1px dotted; }
    .booth .box03 .info dd p { position: relative; padding:  0 0 0 10px; font-size: 0.85em; }
    .booth .box03 .info dd p:before { content: "·"; position:absolute; left: 0 }

    .booth .box03 .bg01 { color: #003e8c; }
    .booth .box03 .bg01 dl { border-color: #003e8c; }
    
    .booth .box03 .bg02 { color: #009892; }
    .booth .box03 .bg02 dl { border-color: #009892; }

    .booth .box03 .bg03 { color: #6d3a8e; }
    .booth .box03 .bg03 dl { border-color: #6d3a8e; }
@media (max-width:991px) {
    .booth .box03 { padding: 50px 0; }
    .booth .box03 ul { gap: 30px; }
    .booth .box03 ul li { flex-wrap: wrap; gap: 20px 0; }
    .booth .box03 ul li .img { width: 55%; }
    .booth .box03 ul li .info { width: 100%; }
    .booth .box03 .img { margin: 0 auto; }
}

/* 방문객 사전등록 안내 */
.guest .box { padding: 100px 0 0 0; }
    .guest .box h3 { padding: 0 0 50px 0; text-align: center; font-weight: 700; }
    .guest .box h3 span { display: inline-block; padding: 0 0 5px 0; border-bottom: 2px solid #283278; }
    .guest .box h3 p { padding: 10px 0 0 0; font-size: 0.8em; text-align: center; font-weight: 500; color: #283278; }
    @media (max-width:991px) {
        .guest .box { padding: 50px 0 0 0; }
        .guest .box h3 { padding: 0 0 20px 0; }
    }

.guest .box01 { display:flex; align-items: flex-start; gap: 70px; padding: 0; }
    .guest .box01 > div { width: calc(100% - 35px); }
.guest .box01 h3 { padding: 0; font-weight: 600; }
    .guest .box01 h6 { padding: 10px 0 30px 0; text-align: center; font-weight: 500; }
.guest .box01 ul { padding: 10px 0; }
    .guest .box01 ul li { position: relative; padding: 15px 10px 15px 20px; }
    .guest .box01 ul li:before { content: "·"; position: absolute; left: 10px; }
    @media (max-width:991px) {
        .guest .box01 { gap: 10px; }
        .guest .box01 { flex-wrap: wrap; gap: 30px; padding: 0; }
        .guest .box01 > div { width: 100%; }
    }

.guest .box01 .l_box { color: var(--GR-32); }
    .guest .box01 .l_box h3 span { border-bottom: 2px solid var(--GR-32); }
    .guest .box01 .l_box ul { border: 1px solid var(--GR-32); }
    .guest .box01 .l_box li { border-top: 1px dashed var(--GR-32); }
    .guest .box01 .l_box li:nth-child(1) { border: 0; }

.guest .box01 .r_box { color: #283278; }
    .guest .box01 .r_box h3 span { border-bottom: 2px solid #283278; }
    .guest .box01 .r_box ul { border: 1px solid #283278; }
    .guest .box01 .r_box li { border-top: 1px dashed #283278; }
    .guest .box01 .r_box li:nth-child(1) { border: 0; }

.guest .box02 a { display: block; height:60px; line-height: 60px; text-align: center; border-radius: 5px; }

.guest .box03 table { border-top: 2px solid #283278; border-bottom: 2px solid var(--BK-B1); }
    .guest .box03 th { text-align: center; padding: 20px 0; font-weight: 700; color: #283278; }
    .guest .box03 td { text-align: center; padding: 20px 0; font-weight: 500; }
    .guest .box03 tr:nth-child(2n + 1) { background: var(--BK-EE); }

.guest .box04 { text-align: center; }
    .guest .box04 img { width: auto; }
    .guest .box04 .text01 { border-bottom: 2px solid #2c52ff; }
    .guest .box04 .text01 h6 { padding: 28px 0; font-size: 1.5em; font-weight: 700; color: var(--white); background: #2c52ff; }
    .guest .box04 .text01 p { padding: 40px 0; background: #e6f4fd; }
    .guest .box04 .text01 span { display: block; padding: 0 0 20px 0; color: #2c52ff; background: #e6f4fd; }

    .guest .box04 .text02 { border-bottom: 2px solid #32dac1; }
    .guest .box04 .text02 h6 { padding: 28px 0; font-size: 1.5em; font-weight: 700; color: #fff; background: #32dac1; }
    .guest .box04 .text02 p { padding: 40px 0; background: #edfff7; }

.guest .box06 p { padding: 2% 0; line-height: 1.7em; text-align: center; background: #e0e5f0; }

/* 방문객 사전등록 */
.guest_form .tt { margin: 0 !important; text-align: center; }
    .guest_form .tt h2 { font-size: 2.88em; font-weight: 700; color: #283278; }
    .guest_form .tt p { padding: 20px 0 0 0; }
    .guest_form .tt p a { display: inline-block; padding: 10px 30px; border-radius: 50px; }

.guest_form .box { margin: 0 auto; padding: 100px 0 0 0; }
    .guest_form .box h3 { padding: 0 0 50px 0; text-align: center; font-weight: 700; }
    .guest_form .box h3 span { display: inline-block; padding: 0 0 5px 0; border-bottom: 2px solid #283278; }
    .guest_form .box h3 p { padding: 10px 0 0 0; font-size: 0.8em; text-align: center; font-weight: 500; color: #283278; }

.guest_form .box table { border-top: 1px solid #283278; }
.guest_form .box th { padding: 15px 10px; text-align: center; font-weight: 400; border-bottom: 1px solid var(--BK-EE); background: var(--BK-FA); }
.guest_form .box td { padding: 15px 10px; border-bottom: 1px solid var(--BK-EE); }

.guest_form .terms_wrap { height: 345px; padding: 10px 20px 30px 20px; border: 1px solid var(--BK-E0); border-top: 2px solid #283278; overflow-x: auto; }
.guest_form .check_box dd + dd { padding: 10px 0 0 0; }

.guest_form .form-group { display: flex; align-items: center; flex-direction: column; gap: 20px; width: 70%; margin: 0 auto; }
    .guest_form .form-group dl { width: 100%; padding-top: 10px; border-top: 1px solid var(--BK-EE); }
    .guest_form .form-group dt { line-height: 50px; font-weight: 400; }
    .guest_form .form-group .flex { display: flex; flex-wrap: wrap; justify-self: start; align-items: center; gap: 0 20px; line-height: 50px; }
    .guest_form .form-group .more dt { text-align: center; }
    .guest_form .form-group .pd10 { padding-top: 20px; }
    .guest_form .form-group span { display: block; padding-top: 5px; font-size: 0.9em; color: var(--BK-99); }
    .guest_form .form-group .sms_box { display: flex; flex-wrap: wrap; gap: 0 10px; }
    .guest_form .form-group .sms_box input { width: calc(80% - 10px); }
    .guest_form .form-group .sms_box button { width: 20%; }
    .guest_form .form-group .sms_box span { width: 100%; }
    .guest_form .form-group .sms_num { display: flex; flex-wrap: wrap; gap: 0 10px; float: right; padding: 10px 0 0 0; }
    .guest_form .form-group .sms_num > div { position: relative; width: calc(80% - 10px); }
    .guest_form .form-group .sms_num i { position: absolute; right: 10px; top: 0; height: 50px; line-height: 50px; font-size: 0.9em; font-weight: 700; }
    .guest_form .form-group .sms_btn { display: flex; justify-content: center; align-items: center; width: 20%; height: 50px; border-radius: 50px; }
@media (max-width:991px) {
    .guest_form .form-group .sms_box { gap: 0 5px; }
    .guest_form .form-group .sms_box input { width: calc(65% - 5px); }
    .guest_form .form-group .sms_box button { width: 35%; }
    .guest_form .form-group .sms_box a { width: 35%; }
    
    .guest_form .form-group .sms_num { gap: 0 5px; }
    .guest_form .form-group .sms_num > div { width: calc(65% - 5px); }
    .guest_form .form-group .sms_btn { width: 35%; }
}
    
.guest_form .btn_box { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 100px 0 0 0; }
    .guest_form .btn_box * { display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; }

.guest_form .box05 div { display: block; width: 80%; margin: 0 auto; padding: 30px 0; text-align: center; color: #283278; border: 1px solid #283278; }
    .guest_form .box05 div h6 { font-weight: 600; padding: 0 0 20px 0; }
.guest_form .info_ty01 { display: block; width: 100%; line-height: 1.5em; }
@media (max-width:991px) {
    .guest_form .box { width: 100%; padding: 50px 0 0 0; }
    .guest_form .box h3 { padding: 0 0 25px 0; }
    .guest_form .form-group { gap: 10px; width: 100%; }
    .guest_form .btn_box { padding: 50px 0 0 0; }
    .guest_form .box05 div { width: 100%; }
}

.guest_form .form-group dl.opt00 { height: 0; padding: 0;  overflow: hidden; border: 0; }

/* 부스배치도 */
.map .tt { margin: 0 0 100px 0; padding: 0 0 30px 0; color: #283278; border-bottom: 1px solid #283278; }
    .map .tt > div { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
    .map .tt > div::before,
    .map .tt > div::after { display: none; }
        .map .tt h2 { font-size: 2.88em; font-weight: 700;  }
    @media (max-width:991px) {
        .map .tt { margin: 0 0 30px 0; padding: 0 0 15px 0; }
        .map .tt > div { align-items: flex-start; flex-direction: column; gap: 10px; }
    }

.map .box { padding: 100px 0 0 0; }
    .map .box h3 { padding: 0 0 50px 0; text-align: center; font-weight: 700; }
    .map .box h3 span { display: inline-block; padding: 0 0 5px 0; border-bottom: 2px solid #283278; }
@media (max-width:991px) {
.map .box { padding: 50px 0 0 0; }
    .map .box h3 { padding: 0 0 25px 0; }
}

.map .box01 { padding: 100px 0; }
@media (max-width:991px) {
    .map .box01 { padding: 50px 0; }
}

/* 참관객 이벤트 */
.event .tt { margin: 0 0 100px 0; padding: 0 0 30px 0; color: #283278; border-bottom: 1px solid #283278; }
    .event .tt > div { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
    .event .tt > div::before,
    .event .tt > div::after { display: none; }
        .event .tt h2 { font-size: 2.88em; font-weight: 700;  }
    @media (max-width:991px) {
        .event .tt { margin: 0 0 30px 0; padding: 0 0 15px 0; }
        .event .tt > div { align-items: flex-start; flex-direction: column; gap: 10px; }
    }

.event .box { display: flex; flex-direction: column; gap: 50px; }
    .event .box dl { display: flex; align-items: center; gap: 50px; }
    .event .box dd h3 { font-size: 3em; }
    .event .box dd p { font-size: 1.2em; }

.event .title { padding: 0 0 50px 0; text-align: center; }
.event .title h3 { padding: 20px 0; font-weight: 800; font-size: 2.5em; }
.event .title p { padding: 10px 0 0 0; }

.event .box img { width: auto; max-width: 100%; }
.event .box span { display: block; }

.event .tt01 h3 { color: #fff; background: #ac86ff; }
.event .tt01 p { color: #ac86ff; }
.event .box01 span { border-bottom: 1px solid #ac86ff; }

.event .tt02 { padding-top: 10%; }
.event .tt02 h3 { color: #fff; background: #4ad6bd; }
.event .tt02 p { color: #4ad6bd; }
.event .box02 span { border-bottom: 1px solid #4ad6bd; }

.event .tt03 { padding-top: 10%; }
.event .tt03 h3 { color: #fff; background: #4a42bd; }
.event .tt03 p { color: #4a42bd; }
.event .box03 span { border-bottom: 1px solid #4a42bd; }

@media (max-width:991px) {

}