@charset "utf-8"; table {width: 100%;} table caption {display: none;} .subWrap {margin-top: 180px;} .subWrap .subTop .top {position: relative; height: 260px; background: var(--black); display: flex; align-items: center; justify-content: center; padding: 0 2%; overflow: hidden;} .subWrap .subTop .top::before, .subWrap .subTop .top::after {content: ""; position: absolute; width: 100%; height:100%; background-color: #0034705e; left: 0; top: 0;z-index: 2; animation: subtopbefore 0.55s ease-in-out 1 forwards;} .subWrap .subTop .top::after {animation-delay: 0.15s;} @keyframes subtopbefore {100% {height:0;}} .subWrap .subTop .top figure {width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;} .subWrap .subTop .top figure img {width: 100%; height: 100%; object-fit: cover; animation: ltup_subwrap 2s ease-out both; } @keyframes ltup_subwrap {0%{transform: scale(1.045);} 100%{transform: scale(1);}} .subWrap .subTop .top h2 {color: #fff; font-size: 45px; font-family: 'GmarketSans'; position: relative; z-index: 1; overflow: hidden; text-align: center;} .subWrap .subTop .top h2 span {animation: upMove 1s ease both;} .subWrap .subTop .subtopcon {z-index: 1;max-width: 1400px; display: flex; justify-content: space-between; align-items: center; width: 100%;} .subWrap .subTop .subtopcon img{animation: subtopconani 1.25s ease-in-out 1 forwards;} .subWrap .subTop .subtopcon img:nth-child(1) {width: 565px;} @keyframes subtopconani {0% {scale: 1.05;} 100% {scale: 1;}} .subWrap .subTop .lnbBox {background: #E1ECF6; z-index: 5; position: relative;} .subWrap .subTop .lnbBox .inner > ul {display: flex; height: 50px;} .subWrap .subTop .lnbBox ul .home {width: 50px; height: 100%; background: #F07979; display: flex; align-items: center; justify-content: center;} .subWrap .subTop .lnbBox .dep1:nth-child(2) , .subWrap .subTop .lnbBox .dep1:nth-child(3) {width: 310px;} .subWrap .subTop .lnbBox .dep1 {box-sizing: border-box; border-right: 1px solid #fff; position: relative;} .subWrap .subTop .lnbBox .dep1 i {transition: .25s ease;} .subWrap .subTop .lnbBox .dep1.on i {transform: rotate(180deg);} .subWrap .subTop .lnbBox .dep1 a {display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 20px; position: relative; z-index: 11; background: #E1ECF6; line-height: 1; font-size: 18px; letter-spacing: -0.4px;} .subWrap .subTop .lnbBox .dep1.on > a {border-bottom: 1px solid #fff;} .subWrap .subTop .lnbBox a {color: #054465; font-weight: 400;} .subWrap .subTop .lnbBox .home a {color: #fff;} .subWrap .subTop .lnbBox .dep2 {display: none; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; background: var(--pointColor); padding-top: 49px; height: auto; } .subWrap .subTop .lnbBox .dep2 li {width: 100%;} .subWrap .subTop .lnbBox .dep2 li:not(:last-child) {border-bottom: 1px solid #fff;} .subWrap .subTop .lnbBox .dep2 li a {padding: 11px 20px; width: 100%; box-sizing: border-box; font-size: 16px; line-height: 1.4; height:auto;} .subWrap .subTop .lnbBox .dep2 li a:hover { background-color: #c5e1f9; font-weight: 500;} .subPage {padding:85px 0 125px ;} .subPage .inner {display: flex; gap: 3%; position: relative; } .subPage .floatingMenu {position: sticky; top: 160px; height: fit-content; width: 20%; animation: leftMove4 1s ease both;} .subPage .floatingMenu li {position: relative;} .subPage .floatingMenu li:not(:last-child) {margin-bottom: 10px;} .subPage .floatingMenu li a {padding: 18px 15px; box-sizing: border-box; color: #979797; letter-spacing: -.5px;} .subPage .floatingMenu li a:before {content: ""; width: 5px; height: 5px; background: var(--pointColor3); display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .subPage .floatingMenu li.active a {background: var(--pointColor3); width: 100%; color: #fff; border-radius: 0 15px 0 15px;} .subPage .subBoard { animation: upMove_8 1s ease both; width: 100%;} .subPage .subBoard .subTitle {position: relative; margin-bottom: 35px; display: flex; align-items: center;} .subPage .subBoard .subTitle p { width: 20px; height: 21px; position: relative; margin-right: 8px;} .subPage .subBoard .subTitle p img {position: absolute ; opacity: 0; transform:translateX(-20px); scale: 0; } .subPage .subBoard .subTitle p img:nth-child(1) {right: -20px; top: 0; z-index: 1;} .subPage .subBoard .subTitle p img:nth-child(2) {left: 20px; bottom: 0;} .subPage .subBoard .subTitle h3 { font-size: 32px; font-weight: 700; display: inline-block; opacity: 0; color: #083569;} .subPage .subBoard .subTitle.aos-animate h3 {animation: scaleMove5_ver02 1.2s .1s ease both;} @keyframes scaleMove5_ver02 {0%{opacity: 0; transform:translateX(20px);} 100%{opacity: 1; transform: translateX(0);}} .subPage .subBoard .subTitle.aos-animate p img {animation: scaleMove5_ver02_p02 0.5s 0.18s ease-out forwards;} @keyframes scaleMove5_ver02_p01 {100%{ opacity: 1; transform:translateX(0);}} @keyframes scaleMove5_ver02_p02 {100%{opacity: 1; scale: 1;}} .subPage .subBoard table {width: 100%;} .subPage .subBoard table caption {display: none;} .subPage.submission .subBoard .subTitle {margin-bottom: 24px;} /* 모달 */ .modalWrap {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100;} .modalWrap .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .3); transition: .4s ease; visibility: hidden; opacity: 0;} .modalWrap.on .bg {opacity: 1;visibility: visible;} .modalWrap .modalInner {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .PaymentModal .modalBox {display: flex; flex-direction: column; align-items: center;} .modalWrap .modalBox {position: relative; background: #fff; opacity: 0; transform: scale(.8); transition: .5s ease; } .modalWrap.on .modalBox {opacity: 1; transform: none; transition-delay: .3s;} .modalWrap .modalBox .close {position: absolute; color: #083569; top: 16px; right: 16px; font-size: 32px; cursor: pointer; transition: .5s ease;} .modalWrap .modalBox .close:after {content: ""; position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; transform: translate(-49%, -53%); border-radius: 50%; background: rgba(15, 58, 109, .1); opacity: 0; transition: .5s ease;} .modalWrap .modalBox::-webkit-scrollbar {width: 8px;} .modalWrap .modalBox::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .1); border-radius: 10px; background-clip: padding-box; border: 1.5px solid transparent; box-shadow: inset 1px 1px 3px rgba(255, 255, 255, .5);} .modalWrap .modalBox::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, .1); border-radius: 10px; box-shadow: inset 1px 1px 3px white;} /* tableBox */ .registration .stepBox { position: relative;} .subWrap .plusSpan {font-size: 16px; color: #FF4141; display: block; text-align: right; position: absolute; right: 0; top: 10px;} .subWrap .inputTableBox {font-size: 16px; position: relative; z-index: 1; border-bottom: 1px solid #E2E2E2; color: #0A0A0A;} .subWrap .inputTableBox {animation: upMove_8 1s .2s ease both; } .subWrap .signUp .inputTableBox tr.grade.korea {display:none !important} .subWrap .mypage .inputTableBox tr.grade.korea {display:none !important} .subWrap .inputTableBox tr {border-bottom: 1px solid #E2E2E2;font-size: 18px; font-weight: 500;} .subWrap .inputTableBox tr.apply .inputWrap.width { position: absolute; left: 240px; top: 50%; transform: translateY(-50%); height: 40px; width: 329px;} .subWrap .inputTableBox tr:nth-child(1) td { border-top: 1px solid #fff;} .subWrap .step3 .inputTableBox tr:nth-child(1) th {border-top-color: #E1ECF6;} .mypage .inputTableBox tr:nth-child(1) td, .subWrap .submission .inputTableBox tr:nth-child(1) td, .subWrap .step4 .inputTableBox tr:nth-child(1) td, .subWrap .step3 .inputTableBox tr:nth-child(1) td{border-top-color: #E2E2E2;} .subWrap .step3 .inputTableBox tr td {box-sizing: border-box ; height: 60px;} .subWrap .inputTableBox tr:nth-child(1) .td1 {text-align: center;} .subWrap .inputTableBox tr:nth-child(1) .td7 {width: 6.8%; min-width: 95px; box-sizing: border-box; text-align: center;} .subWrap .inputTableBox tr:nth-child(1) th { border-top: 1px solid #e1ecf6;} .subWrap .inputTableBox tr:last-of-type th {border-bottom: 1px solid #e1ecf6;} .subWrap .inputTableBox tr:last-child {border-bottom: none;} .subWrap .inputTableBox thead th {height: 60px; vertical-align: middle; color: #fff; background: #0689CD; padding: 0 5px; box-sizing: border-box; font-weight: 400;} .subWrap .inputTableBox thead th:not(:last-child) {border-right: 1px solid #E2E2E2;} .subWrap .cont02 .inputTableBox thead th.th7 {width: 140px;} .subWrap .inputTableBox tbody th {width: 240px; vertical-align: middle; background: #E1ECF6;padding:10px 0 ;padding-left: 17px; text-align: left; box-sizing: border-box; border-bottom: 1px solid #fff; height: 60px; font-weight: 500;} .subWrap .inputTableBox tr.id .inputWrap{ display: flex;gap: 0 16px;} .subWrap .inputTableBox tr.id .inputWrap button{ width: 272px;background-color: #0689CD;color: #fff;font-weight: 400; display: flex; align-items: center; justify-content: center;; gap: 0 10px;position: relative;overflow: hidden;} .subWrap .inputTableBox tr.id .inputWrap button:hover i{animation: osstep01_ani01 1s ease-out infinite forwards} @keyframes osstep01_ani01 { 0%,100%{transform: translateX(0px);} 50%{transform: translateX(5px);} } .subWrap .inputTableBox tbody th em , .subWrap .signUp .inputTableBox tbody th em{font-weight: 600;} .subWrap .inputTableBox tr.id .inputWrap button span , .subWrap .inputTableBox tr.id .inputWrap button i { z-index: 2;} .subWrap .inputTableBox tr.id .inputWrap button::before {content: ""; width: 0%; height: 0%; position: absolute; top: 50%; left: 50%; border-radius: 500px; z-index: -1; transition: .35s ease; transform: translate(-50% , -50%); z-index: 2; background-color: #0b5c86;z-index: 1;} .subWrap .inputTableBox tr.id .inputWrap button:hover::before { width: 300px; height: 300px;} .subWrap .inputTableBox tr .viewtoggle {position: absolute;right: 10px;display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);font-size: 18px;color: #474747;} .subWrap .inputTableBox tr .viewtoggle .xi-eye-off{display: none;} .subWrap .inputTableBox tr .viewtoggle.pwclose .xi-eye{display: none;} .subWrap .inputTableBox tr .viewtoggle.pwclose .xi-eye-off{display: block;} .subWrap .inputTableBox td {padding: 10px 47px 10px 17px;min-height: 60px; height: 100%; vertical-align: middle; font-size: 18px; position: relative;} .subWrap .inputTableBox .essential p:before {content: "*"; color: #FF4141; margin-right: 1px; vertical-align: text-top;} .subWrap .inputTableBox .inputBox {position: relative; display: inline-block; width: 100%; max-width: 550px; height: 40px;} .subWrap .inputTableBox .pw .inputBox input, .subWrap .inputTableBox .pw2 .inputBox input {padding-right: 30px;} .subWrap .inputTableBox .inputWrap.select .inputBox:nth-child(1) input[type="text"] {cursor: pointer;} .subWrap .inputTableBox input[type="text"], .subWrap .inputTableBox input[type="password"] {border: 1px solid #E2E2E2; width: 100%; height: 100%; padding: 5px 15px; box-sizing: border-box; font-size: 18px; color:#0A0A0A} .subWrap .inputTableBox input[type="text"]:focus, .subWrap .inputTableBox textarea:focus, .subWrap .inputTableBox input[type="password"]:focus-visible {border: 1px solid #088BCF; outline: none; } .subWrap .step3 .inputTableBox .title .inputBox {max-width: 100%;} .subWrap .step3 .inputTableBox td {padding-right: 17px;} .subWrap .inputTableBox input[type="text"]::placeholder , .subWrap input[type="password"]::placeholder{color: #C2C2C2; font-weight: 300;} .subWrap .inputTableBox .inputWrap.select button {position: absolute; right: 0; top: 0; height: 100%; padding: 10px; box-sizing: border-box;} .subWrap .inputTableBox .inputWrap.select button i {transition: .2s ease} .subWrap .inputTableBox .inputWrap.select .selectBox {position: absolute; z-index: 5; background: rgb(245 245 245); border: 1px solid #E2E2E2; top: 40px; width: 100%; box-sizing: border-box; height: 150px; overflow-y: scroll; display: none;} .subWrap .inputTableBox .inputWrap.select .inputBox.on button i {transform: rotate(180deg);} .subWrap .inputTableBox .inputWrap.select .selectBox::-webkit-scrollbar, .subWrap .inputTableBox textarea::-webkit-scrollbar {width: 8px;} .subWrap .inputTableBox .inputWrap.select .selectBox::-webkit-scrollbar-thumb, .subWrap .inputTableBox textarea::-webkit-scrollbar-thumb {background-color: rgb(6 137 205 / 58%); border-radius: 10px; background-clip: padding-box; border: 1.5px solid transparent; ;} .subWrap .inputTableBox .inputWrap.select .selectBox::-webkit-scrollbar-track, .subWrap .inputTableBox textarea::-webkit-scrollbar-track {background-color: rgb(6 137 205 / 22%); border-radius: 10px; } .subWrap .inputTableBox .inputWrap.select .selectBox li {padding: 8px 15px; font-size: 15px; border-bottom: 1px dashed #d3d3d3; cursor: pointer;text-align: left;} .subWrap .inputTableBox .inputWrap.select .selectBox li:last-child {border-bottom: none;} .subWrap .inputTableBox .radio {width: 100%; display: flex; gap: 5px 3%; align-items: center; min-height: auto; height: 100%;} .subWrap .step3 .inputTableBox .radio {min-height: auto;} .subWrap .inputTableBox .radioBox {display: inline-block; color: #0A0A0A; flex: none; display: flex; gap: 5px; align-items: center; font-weight: 400;} .subWrap .inputTableBox .radioBox:last-child {margin-right: 0;} .subWrap .inputTableBox .radioBox input[type="radio"] {position: relative; width: 20px; height: 20px; font-size: 14px; -webkit-appearance: none; background: #fff; border: 1px solid #d3d3d3; border-radius: 50%; min-height: 0; transition: all 0.1s ease-out;} .subWrap .inputTableBox .radioBox input[type="radio"]:checked::before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 100%; border: 1px solid #E2E2E2;} .subWrap .inputTableBox .radioBox input[type="radio"]:checked::before {content: '\e929'; font-family: xeicon; text-align: center; font-size: 18px; background-color: #fff; color: #0A0A0A;} .registration.writeWrap.step3 input[type="radio"] {position: relative; width: 20px; height: 20px; font-size: 14px; -webkit-appearance: none; background: #fff; border: 1px solid #d3d3d3; border-radius: 50%; min-height: 0; transition: all 0.1s ease-out;} .registration.writeWrap.step3 input[type="radio"]:checked::before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 100%; border: 1px solid #E2E2E2;} .registration.writeWrap.step3 input[type="radio"]:checked::before {content: '\e929'; font-family: xeicon; text-align: center; font-size: 18px; background-color: #fff; color: #0A0A0A;} .subWrap .inputTableBox .radioBox input[type="radio"]:hover { box-shadow: 0px 0px 10px #8fcaff;} .subWrap .inputTableBox .radio .inputBox {display: none; max-width: 100%;} .subWrap .inputTableBox .radio.show .inputBox {display: block;} .subWrap .inputTableBox .department .inputWrap , .subWrap .inputTableBox .organization.ko .inputWrap, .subWrap .inputTableBox .name.en .inputWrap {display: flex; gap: 0 16px;} .subWrap .inputTableBox .department .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .organization.ko .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .name.en .inputWrap > .inputBox:last-child {max-width: 530px;} .subWrap .inputTableBox .phone .inputBox:first-child {width: 207px; margin-right: 11px;} .subWrap .inputTableBox .phone .inputBox:last-child {max-width: 330px; width: calc(100% - 207px - 16px);} .subWrap .inputTableBox .department .inputBox:nth-child(2){display: none; } .subWrap .inputTableBox .department.otherview .inputBox:nth-child(2){display: block; } .subWrap .inputTableBox .organization.ko .inputBox:nth-child(2){display: none; } .subWrap .inputTableBox .organization.ko.otherview .inputBox:nth-child(2){display: block; } .subPage.step1_ltup.step1bak .inputTableBox .radioBox input[type="radio"]:hover {box-shadow: none;} /* .subWrap .inputTableBox .width .inputBox {max-width: none;} */ /* subType2 */ .subType2 {padding-top: 100px; padding-bottom: 85px;} .subType2 .bigTitle {font-size: 45px; font-family: 'GmarketSans'; font-weight: 600; text-align: center; color: var(--pointColor); margin-bottom: 60px;} .subType2 .bigTitle h2 {display: inline-block; animation: scaleMove5 1s ease both;} /* login */ .login .loginWrap { width: 100%; background: #F1F5F9; padding: 45px 64px 70px 64px; box-sizing: border-box; margin: 0 auto; text-align: center; max-width: 816px; border-radius: 7px;} .login .loginWrap form { width: 100%; margin: 0 auto; animation: upMove 1s ease both;} .login .loginBox {margin-bottom: 40px; display: flex; gap: 0 24px;} .login .loginBox .left {width: calc(100% - 119px);} .login .loginBox label {display: block;} .login .loginBox label:first-child {margin-bottom: 10px;} .login .loginBox button {width: 95px; height: 110px; border-radius: 5px; background-color: #0A8BCD; color: #fff; position: relative; overflow: hidden;} .login .loginBox button span { z-index: 2; position: relative;} .login .loginBox button::after { content: ""; position: absolute; transition: all 0.33s ease-out;width: 0px; height: 0px; border-radius: 300px;left: 50%; top: 50%; transform: translate(-50% , -50%); background-color: #095e8d;} .login label input {width: 100%; height: 100%; height: 50px; font-size: 18px; padding: 5px 20px; border: 1px solid #E2E2E2; box-sizing: border-box; border-radius: 5px;} .login label input::placeholder { color: #c2c2c2;} .login label input[type="text"]:focus, .login label input[type="password"]:focus-visible {border: 1px solid #078ACE; box-shadow: 2px 2px 5px #1E5D7E36; outline: none; border-radius: 5px;} .login .loginBtn {width: 100%; margin-bottom: 35px;} .login .loginBtn button {width: 100%; background: var(--pointColor); color: #fff; height: 50px; transition: .5s ease; border: 2px solid var(--pointColor); box-sizing: border-box; position: relative; overflow: hidden;} .login .loginBtn button:after {content: ""; width: 100%; height: 100%; transform: rotate(-20deg); opacity: 0; position: absolute; left: -70%; top: 0; background: linear-gradient(0deg, rgba(255, 255, 255, .2), transparent);} .login .botBox {display: flex; justify-content: center; gap: 0 24px; height: 40px; } .login .botBox button::after { content: ""; position: absolute; transition: all 0.33s ease-out;width: 0px; height: 0px; border-radius: 300px;left: 50%; top: 50%; transform: translate(-50% , -50%);} .login .botBox button {width: 100%;box-sizing: border-box; background: #fff; position: relative; font-size: 16px; color: #fff; border-radius: 5px; position: relative; overflow: hidden;} .login .botBox button span{z-index: 3; position: relative;} .login .botBox button i {margin-right: 5px;z-index: 3;} .login .botBox .signBtn { background-color: #555555;} .login .botBox .findBtn { background-color: #E35F54;} .login .botBox .signBtn::after { background-color: #3a3636;} .login .botBox .findBtn::after { background-color: #ce3d30;} .login .botBox button:hover:after , .login .loginBox button:hover::after{ width: 350px; height: 350px; } .login .plusText {position: relative;} .login .plusText p {font-size: 16px; text-align: left; padding-left: 22px; color: var(--pointColor); line-height: 1.4;} .login .plusText p a {color: var(--pointColor); position: relative;} .login .plusText p a:before, .login .plusText p a:after {content: ""; position: absolute; width: 0; height: 30%; background: rgba(15, 58, 109, .2); bottom: 0; left: 50%; transform: translateX(-50%); transition: .5s ease;} .login .plusText p a:after {height: 1px; background: var(--pointColor);} .login .plusText p i {position: absolute; top: 3px; left: 0;} .login .find_modal .modalBox {max-width: 650px; width: 100%; max-height: 285px; height: 100%; text-align: center; padding: 42px 64px 50px 64px; box-sizing: border-box; border-radius: 7px;} .login .find_modal .modalBox .title {color: #083569; font-size: 32px; margin-bottom: 38px; font-weight: 500;} .login .find_modal .modalBox .box { width: 100%; margin: 0 auto;} .login .find_modal .modalBox .box input {margin-bottom: 15px;} .login .find_modal .modalBox .box button {width: 100%; height: 50px; background: #088BCF; color: #fff; transition: .5s ease; border-radius: 5px;overflow: hidden; position: relative; } .login .find_modal .modalBox .box button span { z-index: 3; position: relative;} .login .find_modal .modalBox .box button::after {width: 0;height: 0; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50% , -50%); background-color: #083569; z-index: 2;transition: all 0.3s ease-out;border-radius: 600px;} .login .loginWrap .bigTitle h2 {color: #083569; font-size: 32px; font-weight: 500; margin-bottom: 45px;} .login .subBoard .subTitle {margin-bottom: 40px;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-text-fill-color: #0A0A0A; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: none; } input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active { -webkit-text-fill-color: #0A0A0A; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: none; } /* signUp */ .signUp .cont {margin-bottom: 60px; position: relative;} .signUp .cont03 tr:nth-child(1) td {border-top-color: #e2e2e2;} .signUp .cont h3, .privacyWrap h3 {font-size: 24px; color: #007AC7; font-weight: 600; margin-bottom: 16px; position: relative;} .signUp .cont h3 i, .privacyWrap h3 i {color: #0c71c3; position: absolute; top: 3px; left: 0;} .signUp .cont01 a {color: #e02b20;} .signUp .cont01 a span {position: relative;} .signUp .cont01 a span:after {content: ""; display: block; width: 100%; height: 1px; background: #e02b20; position: absolute; bottom: 2PX; left: 50%; transform: translateX(-50%);} .signUp .cont01 a i {display: none; opacity: 0; font-size: 15px;} .signUp .cont01 p {opacity: 0; line-height: 1.4;} .signUp .cont01.aos-animate p {animation: opacityMove_1 1s ease both;} .privacyWrap .textBox {height: 250px; border: 1px solid #E2E2E2; padding: 35px 55px 40px 35px; overflow: hidden; overflow-y: scroll; box-sizing: border-box; margin-bottom: 15px; font-size: 16px; line-height: 1.4;} .privacyWrap .textBox::-webkit-scrollbar {width: 8px;} .privacyWrap .textBox::-webkit-scrollbar-thumb {background-color: #D1D1D1; border-radius: 10px; } .privacyWrap .textBox::-webkit-scrollbar-track {background-color: #ECECEC ; border-radius: 10px; } .privacyWrap .textBox p {margin-bottom: 30px;} .privacyWrap .textBox p:last-child {margin-bottom: 0;} .signUp .cont02.aos-animate .textBox, .signUp .cont02.aos-animate .agreeBox {animation: upMove_8 1s ease both;} .signUp .cont02.aos-animate .agreeBox {animation-delay: .2s} .privacyWrap .agreeBox {font-size: 18px; text-align: right; color: #0A0A0A; font-weight: 500;} .privacyWrap .agreeBox input[type="checkbox"] {position: relative; width: 20px; height: 20px; font-size: 14px; -webkit-appearance: none; background: #fff; border: 1px solid #E2E2E2; border-radius: 50%; margin-right: 10px;} .privacyWrap .agreeBox input[type="checkbox"]:checked::before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 100%;} .privacyWrap .agreeBox input[type="checkbox"]:checked::before {content: '\e929'; font-family: xeicon; text-align: center; font-size: 18px; background-color: #fff; color: #0A0A0A;} .signUp .buttonBox {display: flex; justify-content: center; gap: 0 24px; font-size: 18px; } .signUp .buttonBox button {width: 215px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-weight: 400; position: relative;color: #fff;overflow: hidden;} .signUp .buttonBox button span { z-index: 3;} .signUp .buttonBox button:after {content: ""; width: 0%; height: 0%; position: absolute; top: 50%; left: 50%; border-radius: 500px; z-index: -1; transition: .35s ease; transform: translate(-50% , -50%); z-index: 2;} .signUp .buttonBox button:hover::after { width: 250px; height: 250px; } .signUp .buttonBox .cancel {background: #555555; } .signUp .buttonBox .cancel:after {background-color: rgb(50 50 50);} .signUp .buttonBox .confirm {background: #F07979; } .signUp .buttonBox .confirm:after {background-color: #d54848; } .signUp .cont03 .plusSpan {margin-top: 0px;} .korea {display: none;} /* signUp_ok */ .signUp_ok .textBox {padding: 20px; padding-top: 30px; padding-bottom: 45px; background: #F1F5F9; border: none; text-align: center; max-width: 815px; border-radius: 7px; margin: 0 auto; box-sizing: border-box;} .signUp_ok .textBox_svg {width: 127px; height: 127px; border: 2px solid #0689CD; border-radius: 100% ; margin: 0 auto; display: flex; align-items: center; justify-content: center;margin-bottom: 15px;animation: joinok_line 1.2s ease-in-out 1 forwards;} .signUp_ok .textBox svg {margin-bottom: 0px; } .signUp_ok .textBox svg path { stroke-dasharray: 250; stroke-dashoffset: 250; animation: joinok_path 2.5s ease-out 1 forwards; stroke-width: 5px; stroke: #376faf;} @keyframes joinok_path {0%{stroke-dashoffset: 250; fill: #ffffff;} 80%{stroke-dashoffset: 0; fill:#0689cd ;} 100%{stroke-dashoffset: 0; stroke-width: 0px;fill:#0689cd ;}} @keyframes joinok_line { 0%{box-shadow: 0px 0px 20px #00a8ff; scale: 0.88; } 50%{scale: 1.05;}100%{box-shadow: 0px 0px 20px #00aaff00; scale: 1;} } .signUp_ok .textBox svg .line1 {stroke-dasharray:253; stroke-dashoffset: -253; transition: .7s ease;} .signUp_ok .textBox.aos-animate svg .line1 {stroke-dashoffset: 0; } .signUp_ok .textBox svg .line2 {stroke-dasharray: 253; stroke-dashoffset: 253; transition: 2s .6s ease;} .signUp_ok .textBox.aos-animate svg .line2 {stroke-dashoffset: 0;} .signUp_ok .textBox .bigTitle {margin-bottom: 25px; font-size: 32px;font-weight: 700;;color: #ccc; transform: translateY(30px); opacity: 0;} .signUp_ok .textBox .text {font-size: 18px; color: #083569; margin-bottom: 25px; opacity: 0; font-weight: 500;} .signUp_ok .textBox .text strong { font-weight: 800;} .signUp_ok .textBox .loginBtn {width: 330px; height: 40px; border-radius: 5px; background: #0689CD; color: #fff; display: inline-flex; align-items: center; justify-content: center; transition: .25s ease; opacity: 0; font-size: 16px; overflow: hidden; position: relative;} .signUp_ok .textBox .loginBtn::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); width: 0; height: 0; background-color: #083569; border-radius: 500px; transition: all 0.2s ease-out; z-index: 2;} .signUp_ok .textBox .loginBtn span { z-index: 3;} .signUp_ok .textBox .loginBtn:hover::before {width: 350px; height:350px ;} .signUp_ok .textBox .loginBtn i {margin-left: 5px;} .signUp_ok .textBox.aos-animate .text {animation: upMove_8 1.3s .3s ease both;} .signUp_ok .textBox.aos-animate .bigTitle{ animation: joinok_bigtitle 0.66s 0.2s ease-in-out 1 forwards;} @keyframes joinok_bigtitle { 0%{color: #ccc; transform: translateY(30px); opacity: 0;} 100%{ color: #083569; transform: translateY(0); opacity: 1;} } .signUp_ok .textBox.aos-animate .loginBtn {animation: scaleMove4 1s .2s ease both;} /* mypage */ .mypage .inner {flex-wrap: wrap;} .mypage .tabListBox {display: flex; margin-bottom: 35px; width: 100%;} .mypage .tabListBox li {width: 100%; background: #F8F8F8; border: 1px solid #E2E2E2; height: 60px;} .mypage .tabListBox li:nth-child(1), .mypage .tabListBox li:nth-child(2) {border-right: none;} .mypage .tabListBox li a {color: #6B6B6B; font-weight: 500; font-size: 20px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 5px; box-sizing: border-box;} .mypage .tabListBox li.active {border-color: transparent; background: linear-gradient(149deg, #007CD6, #37BFC8);box-shadow: 0px 0px 10px #a5a5a5;} .mypage .tabListBox li.active a {color: #fff;} .mypage .tabListBox li:hover { } .mypage .buttonBox {display: flex; justify-content: center; height: 50px;} .mypage .buttonBox button {max-width: 213px; width: 90%; height: 100%; color: #fff; border-radius: 5px; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 7px; position: relative; transition: .5s ease; background: #F07979; overflow: hidden;} .mypage .buttonBox button span { z-index: 3} .mypage .buttonBox button::after {content: ""; position: absolute; width: 0; height: 0; background-color: #d34a4a; left: 50%; top: 50%; transform:translate(-50% , -50%); transition: all 0.2s ease-out; z-index: 2; border-radius: 500px;} .mypage .tabListBox li:nth-child(1) {border-radius: 10px 0 0 10px;} .mypage .tabListBox li:nth-child(3) {border-radius: 0px 10px 10px 0px;} /* mypage - infromation */ .mypage table.listTable th {background: #0689CD; color: #fff; height: 50px; vertical-align: middle; border-right: 1px solid #d3d3d3;} .mypage table.listTable th:last-child, .mypage table.listTable td:last-child {border-right: none;} .mypage table.listTable .moth {display: none;} .mypage table.listTable tbody tr {border-bottom: 1px solid #d3d3d3;} .mypage table.listTable td {border-right: 1px solid #d3d3d3; height: 50px; text-align: center; vertical-align: middle; padding: 10px; box-sizing: border-box;} .mypage table.listTable td p {overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .mypage.tab1 table {margin-bottom: 40px; } .mypage.tab1 form {width: 100%; padding-top: 40px;} .mypage.tab2 table td p a {height: 40px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; width: 70px; transition: .15s ease; background-color: #F07979; color: #fff;} /* .mypage.tab2 table td.modify a {border: 1px solid #0c71c3; color: #0c71c3;} .mypage.tab2 table td.delete a {border: 1px solid #e02b20; color: #e02b20;} .mypage.tab2 table td.view a {border: 1px solid #0e294a; color: #0e294a;} */ .mypage.tab2 table .th1{width: 8.3%;} .mypage.tab2 table .th2 {width: 13%;} .mypage.tab2 table .th3 {width: 30%;} .mypage.tab2 table .th4 {width: 7%;} .mypage.tab2 table .th5, .mypage.tab2 table .th6, .mypage.tab2 table .th7 {width: 10.3%;} .mypage.tab3 table td {padding: 15px 10px;} .mypage.tab3 table .th1 {width: 15%;} .mypage.tab3 table .th2 {width: 13%;} .mypage.tab3 table .th3, .mypage.tab3 table .th4 {width: 18%;} .mypage.tab3 table .th5 {width: 10%;} .mypage.tab3 table .th7 {width: 7%;} .mypage.tab3 table .payment > div {margin-top: 10px;} .mypage.tab3 table .payment > div > * {width: 100%; background: #0c71c3; border-radius: 25px; padding: 7px; color: #fff; font-size: 16px; letter-spacing: -.5px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 6px; max-width: 190px; margin: 0 auto; position: relative;} .mypage.tab3 table .payment .receipt {margin-top: 8px; background: var(--pointColor)} .mypage.tab3 table .payment .receipt:after {content: ""; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 25px; border: 1px solid var(--pointColor); top: -2px; left: -2px; opacity: 0; transition: .5s ease; box-shadow: 0 0 5px rgba(15, 58, 109, .5);} .mypage.tab3 table.ko {margin-top: 50px;} .mypage.tab3 table.ko .payment > div > * {max-width: 145px;} .mypage.tab3 table.ko .payment {font-family: 'Pretendard'} .mypage.tab3 table .payment .waiting > p {background: #8b8b8b;} .mypage.tab3 table .payment .cancel > p {background: #bd3a32;} .mypage.tab3 table .email p {word-break: break-all;} .mypage.tab3 .receiptModal .modalBox {max-width: 500px; width: 85%; max-height: 1050px; height: 85%; overflow-y: auto;} .mypage.tab3 table .view a {height: 35px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center; width: calc(100% - 40%); transition: .5s ease; border: 1px solid #0e294a; color: #0e294a;} .mypage.tab3.regismypage_ltup table .view a {width: 70px;background-color: #F07979; height: 40px; color: #fff; border: none;} .mypage.tab3 .receiptModal .topBtn {display: flex; align-items: center; justify-content: flex-end; padding: 0 10px; gap: 5px;} .mypage.tab3 .receiptModal .topBtn .print {color: var(--pointColor3)} .mypage.tab3 .receiptModal .topBtn .close {position: static; color: #4e4e4e;} .mypage.tab3 .receiptModal .topBtn .close:after {display: none;} .mypage.tab3 .receiptModal .topBtn .close i {transform: translateY(1px);} .mypage.tab3 .receiptModal .mheader {border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;} .mypage.tab3 .receiptModal .mbody {padding: 30px; padding-bottom: 40px;} .mypage.tab3 .receiptModal .mbody .top {margin-bottom: 0px;} .mypage.tab3 .receiptModal .mbody .tTitle {border-bottom: 2px solid var(--black);} .mypage.tab3 .receiptModal .mbody .tt {padding-bottom: 15px; font-size: 32px; font-family: 'GmarketSans'; color: #0c71c3; line-height: 1;} .mypage.tab3 .receiptModal .mbody .date {padding: 6px 0; font-size: 16px; color: #737373; border-bottom: 1px dashed #d3d3d3;} .mypage.tab3 .receiptModal .mbody .tText {font-size: 16px; padding: 10px 0; line-height: 1.4; text-align: justify;} .mypage.tab3 .receiptModal .mbody .tText a {position: relative; color: #0c71c3;} .mypage.tab3 .receiptModal .mbody .tText a:after {content: ""; position: absolute; width: 100%; height: 1px; bottom: 3px; left: 0; background: #0c71c3;} .mypage.tab3 .receiptModal .mbody .tText a span {transition: .5s ease;} .mypage.tab3 .receiptModal .mbody .con:not(:last-child) {margin-bottom: 25px;} .mypage.tab3 .receiptModal .mbody .con .tt2 {color: #0c71c3; position: relative; padding-left: 22px; margin-bottom: 7px;} .mypage.tab3 .receiptModal .mbody .con .tt2 i {position: absolute; top: 3px; left: 0;} .mypage.tab3 .receiptModal .mbody .con table {border-top: 2px solid var(--pointColor); font-size: 16px; text-align: left;} .mypage.tab3 .receiptModal .mbody .con table tr {border-bottom: 1px solid #d3d3d3;} .mypage.tab3 .receiptModal .mbody .con table th {background: #f3f6fa; padding: 10px; width: 140px; box-sizing: border-box; vertical-align: middle;} .mypage.tab3 .receiptModal .mbody .con table .email td {word-break: break-all;} .mypage.tab3 .receiptModal .mbody .con table td {padding: 20px 10px; vertical-align: middle;} .mypage.tab3 .receiptModal .mfooter {background: var(--pointColor2) url(./images/main_bot.png) no-repeat center / cover; color: #fff; padding: 25px 30px; font-size: 14px;} .mypage.tab3 .receiptModal .mfooter a {color: #fff; position: relative;} .mypage.tab3 .receiptModal .mfooter a:after {content: ""; width: 0; height: 20%; background: rgba(255, 255, 255, .1); bottom: 0; left: 0; position: absolute; transition: .5s ease;} .mypage.tab3 .receiptModal .mfooter strong {font-weight: 400;} .mypage.tab3 .receiptModal .mfooter .top {margin-bottom: 15px;} .mypage.tab3 .receiptModal .mfooter .top > strong {margin-bottom: 5px; font-size: 16px;} .mypage.tab3 .receiptModal .mfooter .bot strong {padding-right: 8px; position: relative; margin-right: 8px;} .mypage.tab3 .receiptModal .mfooter .bot strong:after {position: absolute; content: ""; width: 1px; height: 10px; background: #fff; top: 3px; right: 0;} .mypage .plusSpan {top: 180px;; right: 30px;} .mypage.submission.step1 .plusSpan {top:20px; right: 0;} .mypage.submission.step2 .plusSpan {right: 0;} .ready {display: flex; justify-content: center; width: 100%;padding-top: 35px; } .ready_box { animation: ready_ani00 0.65s ease-out 1 forwards;} .ready .img {margin-bottom: 45px;} .ready .img .bg {position: relative;} .ready .bg img:not(.ready01) {position: absolute;} .ready .bg .ready01 {position: relative; left: 0; top: 0; } .ready .bg .ready02 {left: 70px; top: 70px; animation: ready_ani02 4.65s ease-out infinite forwards;} .ready .bg .ready03 {left: 220px; animation: ready_ani03 4.65s ease-out infinite forwards;} .ready .bg .ready04 {right: 63px; top: 60px; animation: ready_ani04 4.65s ease-out infinite forwards;} .ready .bg .ready05 {bottom: 13px; left: 164px; animation: ready_ani05 4.65s ease-out infinite forwards;} .ready .txt p { font-size: 32px; ; color: #083569; font-weight: 500; text-align: center;} .ready .txt p span {opacity: 0; transform: translateY(-12px); animation: ready_ani06 3s ease-out infinite forwards; } @keyframes ready_ani00 {0%{opacity: 0; transform:translateY(60px); scale: 0.88;} 100%{opacity: 1; transform: translateY(0); scale: 1;}} @keyframes ready_ani02 {0%,100%{opacity: 0; transform:translate(-20px, -20px);} 25%,50%{opacity: 1; transform: translate(0);}} @keyframes ready_ani03 {0%,100%{opacity: 0; transform:translate(20px, -20px);} 35%,60%{opacity: 1; transform: translate(0);}} @keyframes ready_ani04 {0%,100%{opacity: 0; transform:translate(20px, -20px);} 45%,70%{opacity: 1; transform: translate(0);}} @keyframes ready_ani05 {0%,100%{opacity: 0; transform: translateY(-20px);} 15%,85%{opacity: 1; transform: translateY(0);}} @keyframes ready_ani06 {0%,100%{opacity: 0.3; transform: translateY(-5px);} 20%,80%{opacity: 1; transform: translateY(0);}} @media print{ @page {margin: 1.3cm 1.3cm} @page :first {margin: 0 1.3cm} html {margin: 1.3cm 0;} .modalBox {max-width: 450px; margin: 0 auto; width: 100%;} .modalBox .topBtn {display: none;} figure img {width: 100%; height: 100%; object-fit: cover;} .modalBox .mheader {border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;} .modalBox .mbody {padding: 30px; padding-bottom: 40px;} .modalBox .mbody .top {margin-bottom: 15px;} .modalBox .mbody .tTitle {border-bottom: 2px solid var(--black); display: block; text-align: left;} .modalBox .mbody .tt {padding-bottom: 15px; font-size: 32px; font-family: 'GmarketSans'; color: #0689CD; line-height: 1;} .modalBox .mbody .date {opacity: 1; padding: 6px 0; font-size: 16px; color: #585858; border-bottom: 2px dashed #C5C5C5; display: block; text-align: left;} /* .mypage.tab3.regismypage_ltup .receiptModal .mbody .tt {color: #000; text-align: center; font-family: 'Roboto';} */ .modalBox .mbody .tText {font-size: 15px; padding: 10px 0; line-height: 1.4; text-align: justify;} .modalBox .mbody .tText a {position: relative; color: #0689CD; border-bottom: 1px solid; line-height: 1;} .modalBox .mbody .con:not(:last-child) {margin-bottom: 25px;} .modalBox .mbody .con .tt2 {padding-left: 0; color: #083569; font-size: 20px;} .modalBox .mbody .con .tt2 i {position: absolute; top: 1px; left: 0;} .modalBox .mbody .con table {border-top: 2px solid var(--pointColor); font-size: 13px; text-align: left;} .modalBox .mbody .con table tr {border-bottom: 1px solid #d3d3d3;} .modalBox .mbody .con table th {background: #E1ECF6 !important; -webkit-print-color-adjust:exact; padding-left: 10px; width: 140px; box-sizing: border-box; vertical-align: middle;} .modalBox .mbody .con table td {padding: 20px 10px;} .modalBox .mfooter {background: var(--pointColor2) !important; -webkit-print-color-adjust:exact; color: #fff; padding: 25px 30px; font-size: 14px; display: block; text-align: left;} .modalBox .mfooter a {color: #fff;} .modalBox .mfooter strong {font-weight: 400;} .modalBox .mfooter .top {margin-bottom: 10px;} .modalBox .mfooter .top > strong {margin-bottom: 5px; font-size: 15px;} .modalBox .mfooter .bot strong {padding-right: 8px; position: relative; margin-right: 8px;} .modalBox .mfooter .bot strong:after {position: absolute; content: ""; width: 1px; height: 10px; background: #fff; top: 3px; right: 0;} .modalBox .topBtn .print {cursor: pointer; font-size: 24px; margin-right: 10px;} .modalBox .mheader {border: none;} .modalBox .mbody .tt {color: #000; text-align: center;} .modalBox .mbody .tTitle {border-bottom-color: #686868;} .modalBox .mbody {padding: 25px 16px 30px;} .modalBox .mbody .date {color: #585858; padding: 12px 0 ; font-weight: 500; border-bottom: 2px dashed #C5C5C5;} .modalBox .mbody .tText {padding: 15px 0;} .modalBox .mbody .tText a {color: #0689CD;} .modalBox .mfooter {padding: 25px 15px; background:#BCDFFF !important; font-size: 15px;} .modalBox .mfooter .top > strong {color: #0A0A0A; font-size: 16px; font-weight: 600;} .modalBox .mfooter .top .newbtm a {color: #0A0A0A;} .modalBox .mfooter .top .newbtm {color: #0A0A0A; font-size: 15px; display: flex; flex-wrap: wrap; gap: 0 28px;} .modalBox .mfooter .top {margin-bottom: 0; line-height: 1.5;} .modalBox .mbody .tt {font-family: 'Roboto';} .modalBox .mbody .con .tt2 {text-align: left; display: flex; justify-content: flex-start; margin-bottom: 7px;} .modalBox .mbody .tText {color: #585858;} .modalBox .mbody .con .tt2 img {margin-right: 12px;} .modalBox .mbody .con table{border-top: none;} .modalBox .mbody .con table tr {border-bottom: none;} .modalBox .mbody .con table th {border-bottom: 1px solid #fff;background: #E1ECF6; color: #0A0A0A;} .modalBox .mbody .con table td {border-bottom: 1px solid #E2E2E2; padding: 20px 10px 20px 15px ; color: #0A0A0A;} .modalBox .mbody .con table tr:nth-child(1) td{border-top: 1px solid #E2E2E2;} .modalBox .mbody .con table tr:nth-child(1) th{border-top: 1px solid #E1ECF6;} .modalBox .topBtn .close{font-size: 24px;} .modalBox .topBtn {height: 56px;} } .mypage.registration.view .stepBox .buttonBox > button {width: 90%; max-width: 300px;} /* ISMND */ .ismnd .subBoard .text > strong {font-size: 24px; color: var(--pointColor); margin-bottom: 40px; display: block;} .ismnd .subBoard .text .box {display: flex; gap: 2.5%; margin-bottom: 55px;} .ismnd .subBoard .text .box p {line-height: 1.6; opacity: 0; text-align: justify;} .ismnd .subBoard .text.aos-animate .box p {animation: opacityMove_1 1s .2s ease both;} .ismnd .subBoard .text .box figure {flex: none; width: 31%;} .ismnd .subBoard .text.aos-animate .box figure {animation: leftMove 1s .5s ease both;} .ismnd .subBoard .text.aos-animate .box figure img {width: 100%; height: 100%; object-fit: cover;} .ismnd .subBoard .text .linkBox a {width: 230px; height: 50px; border-radius: 25px; background: var(--pointColor); color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; box-sizing: border-box; position: relative;} .ismnd .subBoard .text .linkBox a:after {content: ""; width: 100%; height: 100%; position: absolute; top: 1px; left: 1px; border: 1px solid var(--pointColor); border-radius: 25px; box-shadow: 0 0 10px rgba(15, 58, 109, .4); opacity: 0; transition: .5s ease; z-index: -1;} /* ltup2024 */ .ltup2024 .table {font-size: 18px;line-height: 1.5;font-weight: 400;} .ltup2024 .table tr th {background-color: #0081C5; border-bottom: 1px solid #fff;height: 50px; color: #fff; padding: 5px 30px; box-sizing: border-box;vertical-align:middle; text-align: left; width: 237px; font-weight: 300;} .ltup2024 .table tr td {background-color: #fff; border-bottom: 1px solid #E2E2E2; height: 50px; color: #0A0A0A; padding: 11px 40px; box-sizing: border-box;vertical-align:middle ; } .ltup2024 .table .multi td {padding: 0;} .ltup2024 .table .multi tbody td {padding: 11px 40px;} .ltup2024 .table .multi tbody td span { color: #F07979; font-weight: 500;} .ltup2024 .table .multi tbody td em { width: 280px; display: inline-block;} .ltup2024 .table .multi tbody tr:first-of-type td {border-top: none;} .ltup2024 .table .multi tbody tr:last-of-type td {border-bottom: none;} .ltup2024 .table tr td:first-of-type {border-top: 1px solid #E2E2E2;} /* congress venue */ .cv_con .list strong { font-size: 24px; color: #007AC7;margin-bottom: 16px; display:block;} .cv_con .list ul {display: flex; flex-wrap: wrap; gap: 20px 28px; margin-bottom: 40px;} .cv_con .list ul li {border-radius: 15px;} .cv_con .list ul li.li01, .cv_con .list ul li.li02{flex-basis: calc(50% - 16px);} .cv_con .list ul li.li01{opacity: 0;transform:translateX(20px);animation: cv_con_img 1s ease-out 1 forwards 0.35s;} .cv_con .list ul li.li02{opacity: 0;transform:translateX(-20px);animation: cv_con_img 1s ease-out 1 forwards 0.35s;} .cv_con .list ul li.li03 {opacity: 0;scale: 0.8; ;animation: cv_con_imgy 1.35s cubic-bezier(0.39, 0.58, 0.19, 1.19) 1 forwards 0.35s;} @keyframes cv_con_img {100%{opacity: 1; transform: translateX(0);}} @keyframes cv_con_imgy {100%{opacity: 1; scale: 1;}} .cv_con .list ul li.li04 {flex-basis: 100%; border-radius: 5px; background-color: #F1F4F9;} .cv_con .list ul li figure {display: flex; align-items: center; color: #0A0A0A; gap: 0 52px; padding-left: 35px;} .cv_con .list ul li figure figcaption {display: flex; flex-wrap: wrap; gap: 16px 27px;} .cv_con .list ul li figure figcaption p:nth-child(1) {flex-basis: 100%;} .cv_con .cv_map { height: 400px; position: relative;} .cv_con .cv_map::before, .cv_con .cv_map::after {content: ""; position: absolute; left: 0 ; top: 0; width: 100%; height: 100% ; background-color:rgb(2 134 206 / 39%); transition: all 2s ease-out;} .cv_con .cv_map::after {transition: all 2.3s ease-in-out;} .cv_con.aos-animate .cv_map::before { height: 0; } .cv_con.aos-animate .cv_map::after { height: 0; transition-delay: 0.3s;} /* welcome */ .welcome .subBoard .text > strong {font-size: 24px; color: #007AC7; margin-bottom: 40px; display: block;} .welcome .subBoard .tt {line-height: 1.6; margin-bottom: 80px; text-align: justify; letter-spacing: -.5px;} .welcome .subBoard .tt p:not(:last-child) {margin-bottom: 35px;} .welcome .subBoard .profileWrap li {display: flex; gap: 45px;} .welcome .subBoard .profileWrap li:not(:last-child) {margin-bottom: 60px;} .welcome .subBoard .profileWrap .imgBox {position: relative; width:170px; height: 180px; flex: none;} .welcome .subBoard .profileWrap .imgBox figure { position: relative; width: 100%; height: 100%;} .welcome .subBoard .profileWrap .imgBox figure img {width: 100%; height: 100%; object-fit: cover;} .welcome .subBoard .profileWrap .textBox .logo {margin-bottom: 15px;} .welcome .subBoard .profileWrap .textBox strong {font-size: 20px; margin-bottom: 15px; color: #083569;} .welcome .subBoard .profileWrap .textBox p {line-height: 1.4; color: #4a4a4a; font-size: 16px;} .welcome .subBoard .profileWrap.aos-animate li {animation: upMove_8 1s ease both;} .welcome .subBoard .profileWrap.aos-animate li:nth-child(2) {animation-delay: .2s;} .welcome .subBoard .tt2 {padding-top: 76px; margin-top: 75px; border-top: 1px dashed #a3a3a3; margin-bottom: 70px;} .welcome .subBoard .profileWrap.profile2 li {align-items: center;} .welcome .subBoard .profileWrap .textBox {display: flex; flex-direction: column;} .welcome .subBoard .profileWrap .textBox img {width: 230px; height: 73px; transform: translateX(-10px);} /* ismnd 2024 organizing committee */ .committee .tableBox {display: flex;} .committee .tableBox table {font-size: 16px;} .committee .tableBox table thead th {height: 50px; padding: 0 20px; box-sizing: border-box; background: #0f3a6d; color: #fff; text-align: left; vertical-align: middle; font-size: 18px; width: 50%;} .committee .tableBox .table2 thead th {background: #0e294a;} .committee .tableBox table thead .th1, .committee .tableBox table thead .th3 {width: 25%;} .committee .tableBox table thead .th2 {width: 50%;} .committee .tableBox table tbody td {padding: 0 20px; box-sizing: border-box; text-align: left; vertical-align: middle; height: 50px; border-bottom: 1px solid #d3d3d3;} .committee .tableBox tbody tr:nth-child(even) {background: #f5f5f5;} /* loc */ .loc .subBoard table {font-size: 16px;} .loc .subBoard table th {color: #fff; background: var(--pointColor); font-size: 18px; vertical-align: middle; padding: 0 5px; height: 50px; padding-left: 20px; text-align: left;} .loc .subBoard table th.th1 {background: var(--pointColor4); border-right: 1px solid #d3d3d3; width: 22%;} .loc .subBoard table th.th2, .loc .subBoard table th.th4 {width: 20%;} .loc .subBoard table th.th3 {width: 36%;} .loc .subBoard table td.td1 {border-right: 1px solid #d3d3d3;} .loc .subBoard table td {border-bottom: 1px solid #d3d3d3; vertical-align: middle; padding: 15px 5px; padding-left: 20px; text-align: left;} .loc .subBoard table .gray {background: #f5f5f5;} /* conference */ .conference .subBoard .text {line-height: 1.6; margin-bottom: 50px; text-align: justify; letter-spacing: -.5px;} .conference .subBoard .tableBox {display: flex; gap: 5%; margin-bottom: 40px;} .conference .subBoard .tableBox table {width: 67%;} .conference .subBoard .tableBox table tr {border-bottom: 1px solid #d3d3d3;} .conference .subBoard .tableBox table tr:first-child {border-top: 1px solid #d3d3d3;} .conference .subBoard .tableBox table tr:nth-child(even) td {background: #f5f5f5;} .conference .subBoard .tableBox table th {width: 24%; padding: 0 5px; box-sizing: border-box; vertical-align: middle; color: #fff; background: var(--pointColor);} .conference .subBoard .tableBox table td {color: #4e4e4e; vertical-align: middle; padding: 10px 3%; line-height: 1.4;} .conference .subBoard .tableBox table td .moTh {display: none;} .conference .subBoard .tableBox .imgBox {width: 32%; box-shadow: 5px 0 25px rgba(0, 0, 0, .15);} .conference .subBoard .tableBox .imgBox figure {height: 100%; overflow: hidden} .conference .subBoard .tableBox .imgBox img {width: 100%; height: 100%; object-fit: cover;} .conference .subBoard .tableBox.aos-animate .imgBox img {animation: scaleMove3 1s .5s ease both;} .conference .subBoard .datesBox {max-width: 650px; width: 100%;} .conference .subBoard .datesBox > strong {font-size: 28px; color: vaR(--pointColor); margin-bottom: 20px;} .conference .subBoard .datesBox .dates {display: flex; gap: 2%;} .conference .subBoard .datesBox .dates li {width: calc(100% / 3); border-radius: 10px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; opacity: 0;} .conference .subBoard .datesBox.aos-animate .dates li {animation: leftMove 1s ease both;} .conference .subBoard .datesBox.aos-animate .dates li:nth-child(2) {animation-delay: .2s} .conference .subBoard .datesBox.aos-animate .dates li:nth-child(3) {animation-delay: .4s} .conference .subBoard .datesBox .dates strong {font-size: 20px; text-align: center; display: block; padding: 15px 5px; color: #fff;} .conference .subBoard .datesBox .dates li.date01 strong {background: #1f538e;} .conference .subBoard .datesBox .dates li.date02 strong {background: #c95d5a;} .conference .subBoard .datesBox .dates li.date03 strong {background: #ebbc4c;} .conference .subBoard .datesBox .dates p {font-size: 16px; padding: 20px 8%;} /* program */ .program .subBoard li:not(:last-child) {margin-bottom: 50px;} .program .subBoard li .title {font-size: 24px; font-weight: 700; color: var(--pointColor); margin-bottom: 10px; display: flex; align-items: center; gap: 5px;} .program .subBoard li:last-child > p {font-size: 16px; color: #e02b20; margin-top: -30px; text-align: right; margin-bottom: 15px;} .programTable {font-size: 16px; opacity: 0;} .programTable th {color: #fff; background: var(--pointColor); font-size: 18px; vertical-align: middle; padding: 0 5px; height: 50px; text-align: center;} .program tbody tr a {position: relative;} .programTable tr td:last-child {border-right: none;} .program tbody tr td:last-child a:before {content: "\e97a"; font-family: xeicon!important; width: 25px; height: 25px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: rgba(15, 58, 109, .7); border-radius: 50%; color: #fff; line-height: 25px; text-align: center; opacity: 0; transition: .5s ease;} .program tbody tr.yellow td:last-child a:before {background: rgba(255, 157, 71, .7);} .program tbody tr.green td:last-child a:before {background: rgba(95, 177, 101, .7);} .program tbody tr.red td:last-child a:before {background: rgba(235, 17, 63, .7)} .program tbody tr.blue td:last-child a:before {background: rgba(54, 111, 213, .7)} .programTable th.th1 {background: var(--pointColor4); border-right: 1px solid #d3d3d3; width: 22%;} .programTable tr {border-bottom: 1px solid #d3d3d3; border-color: #d3d3d3; transition: .5s ease; position: relative;} .programTable tr.yellow {background: #fbf8ed;} .programTable tr.green {background: #edfbee;} .programTable tr.red {background: #fbedf7;} .programTable tr.blue {background: #edf2fb;} .programTable td {vertical-align: middle;} .programTable td:first-child {border-right: 1px solid #d3d3d3;} .programTable td a {padding: 15px 5px; text-align: center; width: 100%; box-sizing: border-box;} .programTable td .blue {color: var(--pointColor); display: block; margin-top: 2px;} .program .subBoard li.aos-animate > p {animation: upMove_8 1s ease both;} .program .subBoard li.aos-animate table {animation: upMove_8 1s ease both;} .program_wrap {position: relative;} .program_wrap .program_pdf {display: flex; justify-content: flex-end; position: absolute; right: 0; top: -70px; overflow: hidden; border-radius: 100px;} .program_wrap .program_pdf a{display: flex; align-items: center; justify-content: center; gap:12px; width: 230px; height: 50px; border-radius: 60px; color: #fff; background-color: #F07979; font-size: 18px; overflow: hidden;} .program_wrap .program_pdf a::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%); border-radius: 100px; background-color: #e34343;z-index: 1;; transition: all 0.25s ease-out; width: 0; height: 0;} .program_wrap .program_pdf a:hover::before {width: 300px; height: 300px;} .program_wrap .program_pdf a:hover i {animation: program_pdf_i 1s ease-out infinite forwards;} @keyframes program_pdf_i { 0%,100%{transform: translateY(0px);} 50%{transform: translateY(3.3px);} } .program_wrap .program_pdf a p , .program_wrap .program_pdf a i { z-index: 2;} .program_wrap .program_date ul {display: flex; margin-bottom: 38px; position:relative; } .program_wrap .program_date ul li {height: 60px; border-radius: 10px 0 0 10px; border: 1px solid #E2E2E2; background-color: #f8f8f8; color: #6B6B6B; cursor: pointer; box-sizing:border-box; width: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; transition: all 0.1s ease-out;} .program_wrap .program_date ul li br {display: none;} .program_wrap .program_date ul li p {width: 100%; height: 100%; display: flex; align-items: center ;justify-content: center; text-align: center ;z-index: 5; transition: all 0.2s ease-out; } .program_wrap .program_date ul li:nth-child(2){ border-radius:0 10px 10px 0;} .program_wrap .program_date ul li.on { color: #fff; font-weight: 500; box-shadow: 0px 2px 7px rgb(0 0 0 / 25%); border: none;background: rgb(0,124,214);background: linear-gradient(90deg, rgba(0,124,214,1) 0%, rgba(55,191,200,1) 100%);} .program .subBoard .program_wrap li:last-child > p {font-size: inherit; color: inherit; margin-top: 0; text-align: center; margin-bottom: 0;} .program .subBoard .program_wrap li p {font-size: 22px;} .program .subBoard .program_wrap li:nth-child(1) p {font-size: 20px;} .program .subBoard .program_wrap li:not(:last-child) {margin-bottom: 0;} .program_wrap .program_date ul li:hover{box-shadow: inset 0px 8px 10px #ccc; } .program_wrap .program_date ul li:hover p {transform:translateY(4px); } .program_wrap .program_date ul li.on:hover { box-shadow: 0px 2px 7px rgb(0 0 0 / 25%);} .program_wrap .program_date ul li.on:hover p { transform:translateY(0px);;} .program .subBoard .program_wrap li:nth-child(2){ border-radius: 0;} .program .subBoard .program_wrap li:nth-child(3){ border-radius: 0 10px 10px 0; border-left: none;} .program_wrap .program_date ul li:nth-child(1) br {display: block;} .program .program_info {display: none;} .program .program_info table {color: #0A0A0A; font-size: 20px; opacity: 0; transform: translateY(50px); transition: all 0.3s ease-out; animation: program_table 0.75s ease-in-out 1 forwards;} .program .program_info .other_info { width: 100%; text-align: center; padding: 20px 10px ; box-sizing: border-box; min-height: 60px; margin-bottom: 20px; background-color: #ffe6de; display: flex; align-items:center; justify-content: center; text-align: center; line-height: 1.4; font-weight: 20px; font-weight: 500;} @keyframes program_table { 0%{opacity: 0; transform: translateY(50px);} 100%{opacity: 1; transform: translateY(0);}} .program .program_info thead th { font-weight: 500; height: 50px; vertical-align: middle;} .program .program_info thead tr th:nth-child(1) {background-color: #0689CD; color: #fff; width: 215px;} .program .program_info thead tr th:nth-child(2) {background-color: #083569; color: #fff; border-bottom: 1px solid #fff;} .program .program_info tbody tr td:nth-child(1) {background-color: #E1ECF6; font-size: 18px; border-bottom: 1px solid #fff; line-height: 1.2;} .program .program_info tbody tr td:nth-child(2) {border-bottom: 1px solid #E2E2E2; ; line-height: 1.6; display:flex; flex-direction: column; align-items: center;} .program .program_info tbody tr.pink td:nth-child(2){ background-color:#FBECF2 ; position: relative;} .program .program_info tbody tr td:nth-child(2)::before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; width: 100%; height: 100%; transition: all 0.03s ease-out;z-index: 1; border: 7px solid #d2d2d2; border-radius: 8px; box-shadow: inset 0px 0px 10px #b0b0b0;} .program .program_info tbody tr.green td:nth-child(2){ background-color:#D4ECD0 ;} .program .program_info tbody tr.yellow td:nth-child(2){ background-color:#FEECC8 ;} .program .program_info tbody tr.purple td:nth-child(2){ background-color:#E1DAF5 ;} .program .program_info tbody tr.green_klts td:nth-child(2) {background-color: #d4ecd0;} .program .program_info tbody tr.org_gala td:nth-child(2) {background-color: #f6d3bd;} .program .program_info tbody tr.klts td:nth-child(2)::before {border-color: #a5db9b; box-shadow: inset 0px 0px 10px #8fc985;} .program .program_info tbody tr.pink td:nth-child(2)::before {border-color: #ffbfda; box-shadow: inset 0px 0px 10px #ffa8cd;} .program .program_info tbody tr.green td:nth-child(2)::before {border-color: #a5db9b; box-shadow: inset 0px 0px 10px #8fc985;} .program .program_info tbody tr.yellow td:nth-child(2)::before {border-color: #ffcc64; box-shadow: inset 0px 0px 10px #eda74f;} .program .program_info tbody tr.purple td:nth-child(2)::before {border-color: #b29bf3; box-shadow: inset 0px 0px 10px #9385bb;} .program .program_info tbody tr:nth-child(1) td { border-top: 1px solid #fff;} /* .program .program_info tbody tr{height: 50px;} */ .program .program_info tbody tr td {vertical-align: middle; text-align: center; padding: 10px 5px; box-sizing: border-box; position: relative;min-height: 50px; height: 100%;} .program .program_info tbody tr td p {font-weight: 600; transition: all 0.22s ease-out; width: fit-content;} .program .program_info tbody tr td span { transition: all 0.22s ease-out; width: fit-content;} /* hover 풀기 */ .program .program_info tbody tr td:nth-child(2) {cursor: pointer;} .program .program_info tbody tr td:nth-child(2):hover::before { opacity: 1; } /* .program .program_info tbody tr td:nth-child(2):hover p, .program .program_info tbody tr td:nth-child(2):hover span { scale: 1.1;} */ /* .program .program_info tbody tr.nowrap td:nth-child(2):hover { gap: 20px;} */ .program .program_info tbody tr.nowrap td:nth-child(2){ flex-direction: row; justify-content: center; gap: 10px;} .program .program_info tbody .tdpa td:nth-child(2) {padding: 15px 5px ;} .program .program_info tbody tr td.noc {cursor: auto !important;} .program .program_info tbody tr td.noc::before {display: none !important;} /* scientific */ .scientific .textTop {position: relative; border-radius: 10px; background: #eef3f9; padding: 40px 3%; overflow: hidden; margin-bottom: 50px;} .scientific .textTop .bg figure {position: absolute;} .scientific .textTop .bg .img01 {top: 21%; left: -1%;} .scientific .textTop.aos-animate .bg .img01 img {animation: scientificImg01 5s ease both infinite alternate;} @keyframes scientificImg01 {30% {transform: rotate(14deg) translate(5px, -13px);} 100% {transform: none;}} .scientific .textTop .bg .img02 {top: 7%; left: 13%;} .scientific .textTop.aos-animate .bg .img02 img {animation: scaleMove3 2s ease both infinite alternate;} .scientific .textTop .bg .img03 {right: -2%; bottom: -11%;} .scientific .textTop.aos-animate .bg .img03 {animation: scaleMove4 1s .5s ease both;} .scientific .textTop.aos-animate .bg .img03 img {animation: scientificImg03 3s ease infinite alternate;} @keyframes scientificImg03 {0% {transform: none;} 100% {transform: translateY(5%);}} .scientific .textTop .textBox {line-height: 1.5; text-align: center; font-size: 22px; position: relative;} .scientific .textTop .textBox p {margin-bottom: 5px;} .scientific .textTop.aos-animate .textBox strong span {animation: spanTextColor 6s linear both infinite;} .scientific .tabBox {display: flex; margin-bottom: 35px; background: #f2f2f2; border-radius: 10px 10px 0 0; border: 1px solid #c4c4c4; position: relative; overflow: hidden;} .scientific .tabBox:after {content: ""; display: block; width: calc(100% / 4); position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(45deg, #0c71c3, #3851a8); transition: .5s ease;} .scientific .tabBox.tab2:after {left: 25%;} .scientific .tabBox.tab3:after {left: 50%;} .scientific .tabBox.tab4:after {left: 75%;} .scientific .tabBox li {width: 100%; text-align: center; font-size: 20px; color: #7f7f7f; border-right: 1px solid #c4c4c4; position: relative; z-index: 1;} .scientific .tabBox li:last-child {border-right: none;} .scientific .tabBox li a {width: 100%; box-sizing: border-box; padding: 17px 8px; transition: .5s ease;} .scientific .tabBox li.active a {color: #fff;} .scientific .contBox {display: none;} .scientific .contBox.on {display: block;} .scientific .contBox table {opacity: 0;} .scientific .contBox.on table {animation: scientificTableShow 1s ease both;} @keyframes scientificTableShow {0% {transform: translateY(20px); opacity: 0;} 100% {transform: none; opacity: 1;}} .scientific .programTable td {vertical-align: middle; line-height: 1.4;} .scientific .programTable td:first-child {text-align: center;} .scientific .programTable td:last-child {padding: 20px; padding-left: 30px;} /* faculties */ .faculties .subBoard .listBox {display: flex; flex-wrap: wrap; gap: 55px 15px;} .faculties .subBoard .listBox li {width: calc(100% / 4 - 11.25px); cursor: pointer; display: flex; flex-direction: column; align-items: center;} .faculties .subBoard .listBox .imgBox {max-width: 238px; max-height: 238px; margin-bottom: 20px; border-radius: 50%; overflow: hidden; position: relative;} .faculties.re .subBoard .listBox .imgBox:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, .5); width: 100%; height: 100%; opacity: 0; transition: .5s ease;} .faculties .subBoard .listBox .imgBox i {width: 40px; height: 40px; background: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.5); z-index: 3; opacity: 0; transition: .5s ease; border-radius: 50%;} .faculties .subBoard .listBox li .imgBox img {width: 100%; height: 100%; object-fit: cover;} .faculties .subBoard .listBox .textBox {text-align: center;} .faculties .subBoard .listBox .textBox .name {margin-bottom: 10px; font-size: 17px; opacity: 0;} .faculties .subBoard .listBox li.aos-animate .name {animation: upMove 1s ease both;} .faculties.re .subBoard .listBox .textBox .name:after {content: ""; width: 0; height: 35%; background: rgba(26, 117, 186, .15); position: absolute; bottom: 0; left: 0; transition: .5s ease;} .faculties .subBoard .listBox .textBox .text {color: #4e4e4e; font-size: 15px; margin-bottom: 5px; opacity: 0;} .faculties .subBoard .listBox li.aos-animate .text {animation: upMove 1s .2s ease both;} .faculties .subBoard .listBox .textBox .country {color: #4e4e4e; font-size: 14px; opacity: 0;} .faculties .subBoard .listBox li.aos-animate .country {animation: upMove 1s .4s ease both;} .speakers_modal .modalBox {max-width: 960px; width: 90%; padding: 70px 2.8%; box-sizing: border-box; max-height: 70%; overflow: auto;} .speakers_modal .modalBox .topBox {display: flex; align-items: center; gap: 4%; padding-bottom: 35px; border-bottom: 1px dashed #a3a3a3; margin-bottom: 35px; opacity: 0;} .speakers_modal .modalBox .topBox .imgBox {border-radius: 50%; overflow: hidden; flex: none;} .speakers_modal .modalBox .textBox .name {margin-bottom: 20px; font-size: 24px;} .speakers_modal .modalBox .textBox p {letter-spacing: -.5px; font-weight: 500; line-height: 1.6;} .speakers_modal .modalBox .textBox .text {margin-bottom: 10px;} .speakers_modal .modalBox .textBox .text2 {margin-bottom: 15px;} .speakers_modal .modalBox .textBox .link {font-weight: 600; color: #0c71c3; word-break: break-word;} .speakers_modal .modalBox .botBox {line-height: 1.8; transition: .5s ease; opacity: 0;} .speakers_modal .modalBox .textBox .link span {background-image: linear-gradient(#0c71c3,#0c71c3); background-repeat: no-repeat; background-position: left bottom 1px; background-size: 100% 1px; transition: .5s ease; -webkit-box-sizing: border-box; display: initial;} .speakers_modal.on .topBox {animation: opacityMove_1 1s .4s ease both;} .speakers_modal.on .botBox {animation: opacityMove_1 1s .6s ease both;} /* abstract */ .titleType1 {font-size: 24px; color: #017BC8; font-weight: 600; margin-bottom: 16px; position: relative;} .titleType1 i {color: #0f3a6d; position: absolute; top: 3px; left: 0;} .abstract .con {margin-bottom: 48px;} .abstract .con:last-child {margin-bottom: 0;} .abstract .con1 .titleType1 {margin-bottom: 20px;} .abstract .con01 > p {line-height: 1.5; margin-bottom: 45px; opacity: 0; transition: .5s ease; letter-spacing: 0.2px;} .abstract .con01 .roundBox {margin-bottom: 38px;} .abstract .con01 .roundBox > span {margin-bottom: 10px; font-size: 15px; color: #656565; display: block; text-align: right;} .abstract .con01 .roundBox .text { background: #FAD7DE; padding: 25px 10px; text-align: center; position: relative; font-size: 24px; font-weight: 500;} .abstract .con01 .roundBox .text strong {display: block; line-height: 1.5; position: relative;} .abstract .con01 .roundBox .text strong br {display: none;} .abstract .con01 .roundBox .text .text1 { margin-bottom: 15px;} .abstract .con01 .roundBox .text .text1 em { margin-left: 10px; position: relative;} .abstract .con01 .roundBox .text .text1 em::before { content: "";position: absolute;left: 0;bottom: 2px;width: 100%;height: 5px;background-color: #cd466e91;z-index: 0;} .abstract .con01 .roundBox .text .text1 span{color: #E55F56; padding-left: 18px;} .abstract .con01 .roundBox .text .text2 span {color: #077590; padding-left: 18px;} .abstract .con01 .roundBox .bg figure {position: absolute;} .abstract .con01 .roundBox .bg1 {left: 3%; top: 2%;} .abstract .con01 .roundBox .bg1 img {animation: scientificImg01 5s ease both infinite alternate;} .abstract .con01 .roundBox .bg2 {bottom: -20%; right: 0;} .abstract .con01 .roundBox .bg2 img {animation: scaleMove3 2s ease both infinite alternate;} .abstract .con01 .btnBox, .abstract .con5 .btnBox {width: 330px; height: 50px; margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color: #CD466E; gap: 10px; border-radius: 50px; font-weight: 400; position: relative; font-size: 18px; color: #fff;} .abstract .con01 .btnBox:after , .abstract .con5 .btnBox:after{content: ""; position: absolute; width: 100%; height: 100%; top: 2px; left: 2px; border-bottom: 1px solid #b12b53; border-right: 1px solid #b12b53; border-radius: 50px; box-shadow: 3px 0px 12px #e92a50; opacity: 0; transition: .2s ease; z-index: -1;} .abstract .con .textBox {color: #0A0A0A; opacity: 0; transition: .5s ease;} .abstract .con .textBox * {margin-bottom: 5px; line-height: 1.6; display: block; position: relative;} .abstract .con .textBox > * {margin-bottom: 5px;} .abstract .con .textBox p {padding-left: 20px;} .abstract .con .textBox p:before {content: "-"; position: absolute; left: 0; color: #0A0A0A;} .abstract .con .textBox > div > span {margin-left: 20px;} .abstract .con .textBox .star {padding-left: 14px;} .abstract .con .textBox .star:before {content: "*"; position: absolute; top: 0; left: 0;} .abstract .con .textBox .line {padding-left: 14px;} .abstract .con .textBox .line:before {content: "-"; position: absolute; top: 0; left: 0;} .abstract .con2 {margin-bottom: 60px;} .abstract .con2 .titleType1 {margin-bottom: 25px;} .abstract .con2 .listBox {display: flex;} .abstract .con2 .listBox li {position: relative;} .abstract .con2 .listBox li:not(.list4) {margin-right: -15px;} .abstract .con2 .listBox .step {position: absolute; top: -27px; right: 15px; z-index: 1;} .abstract .con2 .listBox .list4 .step {right: -12px;} .abstract .con2 .listBox li {opacity: 0;} .abstract .con2 .listBox .box {position: relative;} .abstract .con2 .listBox .box .text {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; text-align: center; padding: 18% 5px; box-sizing: border-box;} .abstract .con2 .listBox li:not(.list4) .box .text {padding-right: 30px;} .abstract .con2 .listBox .box .text1 {color: var(--pointColor); font-weight: 600; height: 48px; margin-bottom: 25px; display: flex; align-items: center;} .abstract .con2 .listBox .box .text2 {font-size: 15px; line-height: 1.4;} .abstract .con5 .textBox p {margin-bottom: 5px;} .abstract .con01.aos-animate > p, .abstract .con.aos-animate .textBox {opacity: 1; transition-delay: .3s;} .abstract .con2.aos-animate .listBox li {animation: listLeftMove 1s .3s ease both;} .abstract .con2.aos-animate .listBox .list2 {animation-delay: .5s;} .abstract .con2.aos-animate .listBox .list3 {animation-delay: .7s;} .abstract .con2.aos-animate .listBox .list4 {animation-delay: .9s;} @keyframes listLeftMove {0% {transform: translateX(-20%); opacity: 0;} 100% {transform: none; opacity: 1;}} .abstract {color:#0A0A0A ;} .abstract .list_box { display: flex; gap: 0 17.5px;} .abstract .list_box li{ flex-basis: calc(25% - 13px); height: 325px;position: relative; display: flex; align-items: center; justify-content: center; transform: translateX(-35px); opacity: 0;} .abstract .con2.aos-animate .list_box li {animation: ab_cont2 0.75s ease-out 1 forwards 0.15s;} .abstract .con2.aos-animate .list_box li:nth-child(2) {animation-delay: 0.3s;} .abstract .con2.aos-animate .list_box li:nth-child(3) {animation-delay: 0.45s;} .abstract .con2.aos-animate .list_box li:nth-child(4) {animation-delay: 0.6s;} @keyframes ab_cont2 { 100%{transform: translateX(0); opacity: 1;} } .abstract .list_box li > img {position: absolute; left: 0; top: 0;width: 100%; height: 100%;} .abstract .list_box li .contents {width: 272px; height: 272px; position: relative; background-color: #F7F7F7; box-shadow: 4px 4px 10px rgba(0,0,0,0.13) ;border-radius: 40px; transform: translateX(-7px); padding: 13px 38px; box-sizing: border-box;text-align: center;} .abstract .list_box li .contents .stepnum { font-weight: 700; font-size: 16px; position: relative;z-index: 2; display: inline-block; margin-bottom: 10px;} .abstract .list_box li .contents .stepnum::before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 6px;padding: 0 1px; background-color: #D9D9D9;z-index: -1;} .abstract .list_box .box_02 .contents .stepnum::before {background-color: #A5DEDF} .abstract .list_box .box_03 .contents .stepnum::before {background-color: #F6DCA7;} .abstract .list_box .box_04 .contents .stepnum::before {background-color: #CBCBCB;} .abstract .list_box li .contents .tit { font-weight: 500; font-size: 20px; display: inline-block; margin-bottom: 25px; position: relative;} .abstract .list_box li .contents .tit::before { position: absolute; content: ""; left: 50%; transform: translateX(-50%); width: 17px; height: 2px; background-color: #AFAFAF; bottom: -13px;} .abstract .list_box li .contents p { font-weight: 400; font-size: 16px; color:#000000 ; line-height: 1.5;} .abstract .list_box .box_01 .stepnum , .abstract .list_box .box_01 .tit { color: #535B5E;} .abstract .list_box .box_02 .stepnum , .abstract .list_box .box_02 .tit { color: #00989C;} .abstract .list_box .box_03 .stepnum , .abstract .list_box .box_03 .tit { color: #E89A00;} .abstract .list_box .box_04 .stepnum , .abstract .list_box .box_04 .tit { color: #414143;} .abstract .list_box .box_04 .contents {transform: translateX(2px);} .abstract .con6 {border: 2px solid #1EA7C6; border-radius: 15px; display: flex; align-items: center; justify-content: center;padding: 35px 20px; flex-direction: column;} .abstract .con6 > p {line-height: 1.5; margin-bottom: 40px;} .abstract .con6 ul {display: flex; align-items: center; justify-content: center; gap: 0 40px;} .abstract .con6 ul li a{ width: 400px; height: 50px ; border-radius: 50px ;background-color: #1289A3; color: #fff; display: flex; align-items: center ;justify-content: center; ; gap: 0 12px ; font-weight: 300; position: relative; overflow: hidden; transition:all 0.295s ease-in-out;} .abstract .con6 ul li a::before {content: ""; position: absolute; left: -25%; top: -90px; width: 90px; height: 180px; background-color: #055f7282 ; z-index: 1; transform: skew(-30deg); transition: all 1s cubic-bezier(0.31, 0.29, 0.4, 1.39);} .abstract .con6 ul li.ver_ko a::before {background-color: #7028a599;} .abstract .con6 ul li a:hover::before {left: 120%;} .abstract .con6 ul li a:hover { scale:1.03; box-shadow: 0px 10px 20px #024d5e;} .abstract .con6 ul li a i {z-index: 3;} .abstract .con6 ul li a p {margin-bottom: 0;z-index: 3;} .abstract .con6 ul li.ver_ko a:hover { box-shadow: 0px 10px 20px #57227e;} .abstract .con6 ul li.ver_ko a{ background-color: #9565B8; } .abstract .con5 .textBox {margin-bottom: 55px;} .subPage.abstract {padding-bottom: 76px;} .abstract .img_closed { margin-left: 20px;} /* write common */ .writeWrap .tabList {display: flex; gap: 14px; margin-bottom: 30px;} .writeWrap .tabList li {width: 100%; background: #F0F0F0; height: 54px; display: flex; align-items: center; justify-content: center; color: #B8B8B8; font-size: 18px; position: relative; text-align: center; padding: 0 10px; font-weight: 500; opacity: 0; transition: all 0.35s ease-out; } .writeWrap .tabList li:nth-child(2) {transition-delay: 0.15s;} .writeWrap .tabList li:nth-child(3) {transition-delay: 0.3s;} .writeWrap .tabList li:nth-child(4) {transition-delay: 0.45s;} .writeWrap .tabList li:nth-child(5) {transition-delay: 0.6s;} .writeWrap .tabList.aos-animate li { opacity: 1; } .writeWrap .tabList li.active {background: #0689CD; color: #fff; } .writeWrap .tabList li.complete {background: #0689CD; color: #fff; } .writeWrap .tabList li:not(:first-child):before {content: ""; position: absolute; width: 0; height: 0; display: block; left: 0; top: 0; border-bottom: 27px solid transparent; border-top: 27px solid transparent; border-left: 27px solid transparent; border-right: 25px solid #fff; transform: rotate(180deg); z-index: 1;} .writeWrap .tabList li:not(:last-child):after {content: ""; position: absolute; width: 0; height: 0; display: block; right: -51px; top: 0; border-bottom: 27px solid transparent; border-top: 27px solid transparent; border-left: 27px solid #F0F0F0; border-right: 25px solid transparent; z-index: 2;} .writeWrap .tabList li.active:after {border-left-color: #0689CD;} .writeWrap .tabList li.complete:after {border-left-color: #0689CD;} .writeWrap .tabList li span {position: relative; z-index: 3; line-height: 1.1; letter-spacing: 0.3px;} .writeWrap .tabList li:not(:first-child, :last-child) span {transform: translateX(18px);} .writeWrap .tabList li:last-child span {transform: translateX(7px);} .writeWrap .stepBox h4 {font-size: 24px; color:#007AC7; font-weight: 600; margin-bottom: 16px; position: relative;} .step4 .stepBox h4 {margin-bottom: 25px;} .writeWrap .stepBox h4 i {color: #0c71c3; position: absolute; top: 3px; left: 0;} .writeWrap .stepBox form > span {font-size: 16px; color: #e02b20; margin-bottom: 16px; display: block; text-align: right; margin-top: -40px;} .writeWrap .stepBox table {margin-bottom: 30px;} .writeWrap .stepBox .inputBox.text {height: auto; position: relative;} .writeWrap .stepBox textarea {width: 100%; height: 230px; padding: 10px 15px; padding-bottom: 25px; font-size: 18px; line-height: 1.4; box-sizing: border-box; border: 1px solid #E2E2E2;} .writeWrap .stepBox textarea#step1_Applyfor { height: 100%; padding: 6px 15px; border-color: #E2E2E2;} .writeWrap .stepBox textarea#step1_Applyfor::placeholder{color: #C2C2C2; font-weight: 300;} .writeWrap .stepBox .apply input {margin-right: 8px;} .writeWrap .stepBox .apply .inputBox {height: 100%;} .writeWrap .stepBox .yesText textarea {height: 230px;} .writeWrap.step3 .stepBox .inputBox.text , .writeWrap .stepBox .yesText .inputBox.text {max-width: 100%;} .writeWrap .stepBox .apply .textLength, .writeWrap .stepBox .title .inputBox .textLength {margin-top: 5px; text-align: right;} .writeWrap .stepBox .inputBox.text .textLength {position: absolute; bottom: 10px; right: 10px; font-size: 16px; color: #474747;} .writeWrap .stepBox .apply .textLength .textCount, .writeWrap .stepBox .inputBox .textLength .textCount {color: #0689CD; margin-right: 3px;} .writeWrap .stepBox .buttonBox {display: flex; align-items: center; justify-content: center; height: 50px; gap: 0 24px;} .writeWrap .stepBox .buttonBox > button {width: 210px; height: 100%; color: #fff; border-radius: 5px; font-weight: 400; display: flex; align-items: center; justify-content: center; gap: 7px; position: relative; transition: .5s ease; overflow: hidden;} .writeWrap .stepBox .buttonBox > button span , .writeWrap .stepBox .buttonBox > button i { z-index: 3;} .writeWrap .stepBox .buttonBox .cancel {background: #555555;} .writeWrap .stepBox .buttonBox .prev {background: #555555;} .writeWrap .stepBox .buttonBox .next {background: #F07979;} .writeWrap .stepBox .buttonBox .prev:hover i {animation: prevnexti 1.8s ease-out infinite forwards;} .writeWrap .stepBox .buttonBox .next:hover i {animation: prevnexti02 1.8s ease-out infinite forwards;} @keyframes prevnexti {0%,50%,100%{transform: translateX(0);} 20%{transform: translateX(-8px);} 75%{transform: translateX(-3.5px);}} @keyframes prevnexti02 {0%,50%,100%{transform: translateX(0);} 20%{transform: translateX(8px);} 75%{transform: translateX(3.5px);}} .writeWrap .stepBox .buttonBox button:after {content: ""; width: 0%; height: 0%; position: absolute; top: 50%; left: 50%; border-radius: 500px; z-index: -1; transition: .35s ease; transform: translate(-50% , -50%); z-index: 2;} .writeWrap .stepBox .buttonBox button:hover:after {width: 250px; height: 250px;} .writeWrap .stepBox .buttonBox .cancel:after , .writeWrap .stepBox .buttonBox .prev:after {background-color: rgb(50 50 50)} .writeWrap .stepBox .buttonBox .next:after {background-color: #d54848;} .btn_submit {width: 210px; height: 100%; color: #fff; border-radius: 5px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 7px; position: relative; transition: .5s ease; background: var(--pointColor); border: none; font-size: 18px; font-family: 'Pretendard'; margin-top: 30px;} #frm .inputTableBox .title {background: #f3f6fa; height: 45px; width: 22%;} #frm .inputTableBox td {vertical-align: middle;} /* online submission */ .submission .infoBtn {padding: 15px 29px; background: #FBE6EC; font-size: 16px; display: flex; gap: 40px; margin-bottom: 25px; border-radius: 5px; font-size: 18px; font-weight: 400; transition: all 0.2s ease-out; } .submission .infoBtn .radio {display: flex; gap: 40px;} .submission .infoBtn .radioBox {flex: none;} .submission .infoBtn .radioBox input[type="radio"] {position: relative; width: 20px; height: 20px; font-size: 18px; -webkit-appearance: none; background: #fff; border: 1px solid #E2E2E2; border-radius: 50%; margin-right: 9px; transition: all 0.1s ease-out;} .submission .infoBtn .radioBox input[type="radio"]:hover { box-shadow: 0px 0px 10px #FF4141;} .submission .infoBtn .radioBox input[type="radio"]:checked::before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 100%;} .submission .infoBtn .radioBox input[type="radio"]:checked::before {content: '\e929'; font-family: xeicon; text-align: center; font-size: 18px; } .submission .topTextBox {background: #FBE6EC; border-radius: 5px; position: relative; padding: 13px 40px; margin-bottom: 24px; overflow: hidden;} .submission .topTextBox .bg {position: absolute; bottom: 0; right: 0;} .submission .topTextBox .bg img {animation: step2TopTextBoxBg 2s ease both infinite alternate;} @keyframes step2TopTextBoxBg {100% {transform: rotate(5deg) translate(2px, -7px);}} .submission .topTextBox .text > * {position: relative; padding-left: 15px; margin-bottom: 5px; display: block; font-weight: 400; line-height: 1.4;} .submission .topTextBox .text > p:before {content: ""; position: absolute; width: 5px; height: 5px; background: #4e4e4e; top: 8px; left: 0; border-radius: 50px;} .submission .topTextBox .text > *:last-child {margin-bottom: 0;} .submission .topTextBox .text > span:before {content: "-"; position: absolute; color: #4e4e4e; top: 0; left: 0;} .submission .topTextBox .text .red {color: #e02b20;} .submission .topTextBox .text > strong:before {content: "*"; position: absolute; color: #4e4e4e; top: 0; left: 0;} .submission .apply .delBtn {color: #d70606; display: none !important; cursor: pointer; transition: .3s ease;} .submission .apply .delBtn i {position: relative;} .submission .apply .delBtn i:after {content: ""; position: absolute; top: -1px; left: -1px; border-radius: 50%; width: calc(100% + 1px); height: calc(100% + 1px); border: 1px solid #d70606; top: 50%; left: 50%; transform: translate(-50%, -48%); box-shadow: 0 0 5px rgba(215, 6, 6, .3); opacity: 0; transition: .5s ease;} .submission.step2 .stepBox table {position: relative; margin-bottom: 0;} .submission.step2 .stepBox .tbody > tbody > tr {position: relative;} .submission.step2 .stepBox .tbody > tbody > tr:after {content: ""; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; background:#0689cd;} .submission.step2 .stepBox .tbody > tbody > tr:last-of-type:after {background:#E2E2E2} .submission.step2 .cont > strong {margin-bottom: 10px; font-size: 20px;} .submission.step2 .cont .plusSpan {margin-top: 0px; top: 0;} .submission.step2 .cont01 {margin-bottom: 50px; position: relative;} .submission.step2 .cont02 {position: relative;} .submission.step2 .cont02 .plusSpan {color: #FF4141;} .submission.step2 .cont02 .inputWrap.select .selectBox {height: auto; max-height: 150px; overflow-y: auto;} .submission.step2 table.thead {margin-bottom: 0 !important; border: none} .submission.step2 table.thead:after {display: none;} .submission.step2 table.tbody {border: none;} .submission.step2 table .th1, .submission.step2 table .th8 {width: 6.8%; min-width: 95px; box-sizing: border-box; text-align: center;} .submission.step2 table .td1, .submission.step2 table .td8 {width: 6.8%; padding: 5px; min-width: 95px; box-sizing: border-box; text-align: center;} .submission.step2 table .th2, .submission.step2 table .th3 {width: 140px;} .submission.step2 table .td2, .submission.step2 table .td3 {width: 140px;} .submission.step2 table .th4, .submission.step2 table .th5 {width: 205px;} .submission.step2 table .td4, .submission.step2 table .td5 {width: 205px;} .submission.step3 .step03_tablebox { position: relative;} .submission.step3 .step03_tablebox .plusSpan { top: -30px;} /* .submission.step2 .moth2_depart {display: flex; gap: 0 16px; } */ .submission.step2 .moth2_depart div.department_other {display: none;width: calc(100% - 550px);} .submission.step2 .moth2_depart.otherview div.department_other {display: block; } .submission.step2 table .th6 {width: 375px} .submission.step2 table .td6 {width: 375px} .submission.step2 table .td7 {width: 17%; text-align: center;} .submission.step2 .cont01 table .th2 {width: 90%; text-align: left; padding-left: 25px;} .submission.step2 .cont01 table .moth2 td:nth-child(1) {padding-left: 30px; width: 235px; box-sizing: border-box; background-color: #E1ECF6;border-bottom: 1px solid #fff;} .submission.step2 .cont01 table .moth2 td:nth-child(2) {background-color: #fff; padding-left: 24px; padding-right: 24px; border-right: none; box-sizing: border-box;} .submission.step2 .cont01 table .moth2_depart td:nth-child(2) {display: flex; gap: 0 16px; align-items: center;} .submission.step2 table .td2Box {width: 90%; padding: 0; border-right: none;} .submission.step2 table .td2Box tr:last-of-type td.inputWrap {border-bottom: none; border-top: none;} .submission.step2 table .td2Box tr:nth-child(1) td:nth-child(1) {border-top: none;} .submission.step2 table .td2Box table {margin-bottom: 0; border: none} .submission.step2 table .td2Box .td2Table1 tr { position: relative;} .submission.step2 table .td2Box .td2Table1 tr:last-child {border-bottom:1px solid #fff} .submission.step2 table .td2Box .td2Table2 td:first-child {width: 34%;} .submission.step2 table .td2Box table:after {display: none;} .submission.step2 table tbody {background: #E1ECF6;} .submission.step2 table .td2Box .td2Table1 tbody {background-color: #fff;} .submission.step2 table .td2Box .td2Table1 td { border-right:1px solid #E2E2E2; box-sizing: border-box;} .submission.step2 table .td2Box .td2Table1 td, .submission.step2 .cont02 table .td2Box .td2Table1 tr:nth-child(1) td:nth-child(2) {border-top: none;} .submission.step2 table .td2Box .td2Table1 td:last-of-type {border-right: none;} .submission.step2 table .td2Box .td2Table1 td.td7 {width: 140px;} .submission.step2 table tbody td {border-right: 1px solid #fff; vertical-align: middle; text-align: left; position: relative; padding: 10px;} /* .submission.step2 table tbody td */ .submission.step2 table tbody .td8 {border-right: none;} .submission.step2 table tbody .delBtn {color: #e02b20; font-size: 20px; transition: all 0.2s ease-out;} .submission.step2 table tbody .delBtn i { border-radius: 50px;} @keyframes step02_delbtnani { 0%{box-shadow: 0px 0px 0px #f00;} 100%{box-shadow: 0px 0px 16px #f00;} } .submission.step2 table tbody .delBtn:hover i {animation: step02_delbtnani 1s ease-out infinite forwards;} .submission.step2 table tbody .delBtn.nodel {pointer-events: none; opacity: .3;} .submission.step2 table tbody .moth {display: none;} .submission.step2 table tbody tr.top {position: relative;} .submission.step2 table tbody tr.top:after {content: ""; position: absolute; top: 0px; left: 0; height: 1px; width: 100%; background: var(--pointColor);} .submission.step2 .plusBtn {text-align: right; margin-bottom: 10px;} .submission.step2 .plusBtn button {width: 144px; height: 50px; background:#083569; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 18px; position: relative; margin-top: 16px; border-radius: 5PX; overflow: hidden;} .submission.step2 .plusBtn button span { z-index: 3;} .submission.step2 .plusBtn button:after {content: ""; position: absolute; width: 0px; height: 0px; display: block; z-index: 1; transition: .35s ease; opacity: 0; border-radius: 500px; background-color:#2b789f ;} .submission.step2 table .mo {display: none;} .submission.step2 table .radioBox {justify-content: center;} .submission.step2 table .radioBox label {width: 20px; height: 20px; font-size: 14px; -webkit-appearance: none; background: #fff; border: 1px solid #d3d3d3; border-radius: 50%; padding: 0; overflow: hidden; cursor: pointer;} .submission.step2 table .radioBox input[type="text"] {border: none; width: 100%; height: 100%; background: transparent; cursor: pointer; padding: 0; transform: translate(0px, -2.6px); caret-color: transparent; color: #083569; text-align: center;} .submission.step3 .yesText, .submission.step3 .background, .submission.step3 .methods, .submission.step3 .results, .submission.step3 .conclusions , .submission.step3 .videourl, .submission.step3 .videoabstract{display: none;} .submission.step3 .videourl td p {color: #474747; font-size: 16px; padding-bottom: 5px; line-height: 1.3; font-weight: 400;} .submission.step3 .stepBox table {margin-bottom: 20px; position: relative;} .submission .fileCont {display: none;} .submission .fileWrap {display: flex; align-items: center; flex-wrap: wrap; margin-top: 15px; gap: 10px;} .submission .fileBox {width: 150px; height: 40px; background: #0689CD; border-radius: 50px;font-weight: 400; position: relative;transition: all .5s ease;position: relative;overflow: hidden; letter-spacing: 0.5px;} .submission .fileBox::after { content: "";position: absolute; width: 0px; height: 0px; transition: all 0.3s ease-out ; background-color: #164c8b; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius: 500px;} .submission .fileBox label, .submission .fileBox input {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .submission .fileBox label {color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; z-index: 2;} .submission .fileBox label i {margin-left: 5px;} .submission .fileBox input {opacity: 0; cursor: pointer;} .submission .fileWrap .fileRight {color: #474747; font-size: 16px; word-break: break-all;} .submission .fileWrap .fileRight .fileDelBtn {display: none; margin-left: 10px; cursor: pointer;} .submission .fileWrap .fileRight .fileName {display: inline;} .submission.step3 .countBox {font-size: 16px; margin-bottom: 16px; text-align: right; color: #474747;} .submission.step3 .countBox .textTotal {margin-right: 5px; color: #0689CD} .submission.step3 .attachment td {padding: 15px 20px;} .submission.step3 .attachment td > p {margin-bottom: 11px; color: #474747; font-size: 16px; font-weight: 400;} .submission.step3 .attachment .radio {min-height: 0; height: auto;} .submission.step3 .agreeBox {font-size: 18px; margin-bottom: 57px; color: #0A0A0A; font-weight: 400; letter-spacing: 0.12px;} .submission.step3 .agreeBox input[type="checkbox"] {position: relative; width: 20px; height: 20px; font-size: 18px; -webkit-appearance: none; background: #fff; border: 1px solid #E2E2E2; border-radius: 50%; margin-right: 10px;} .submission.step3 .agreeBox input[type="checkbox"]:checked::before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 100%;} .submission.step3 .agreeBox input[type="checkbox"]:checked::before {content: '\e929'; font-family: xeicon; text-align: center; font-size: 18px; } .submission.step3 .agreeBox .red {color: #e02b20; } .submission.step3 .agree_modal .modalBox {max-width: 850px; width: 90%; max-height: 70%; padding: 50px; box-sizing: border-box; overflow-y: auto;} .submission.step3 .agree_modal .close {display: none;} .submission.step3 .agree_modal dl {margin-bottom: 40px;} .submission.step3 .agree_modal dt {text-align: center; font-size: 20px; color: var(--pointColor); font-weight: 600; margin-bottom: 30px; line-height: 1.5;} .submission.step3 .agree_modal dd {margin-bottom: 20px; font-size: 16px; line-height: 1.5;} .submission.step3 .agree_modal dd:last-child {margin-bottom: 0;} .submission.step3 .agree_modal .closeBtn {margin: 0 auto; max-width: 180px; width: 90%; padding: 20px; box-sizing: border-box; background: var(--pointColor); color: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: .5s ease;} .submission.step4 .inputTableBox td {padding: 10px 20px;} .submission.step4 p.vdurlp { text-decoration: underline; text-underline-position: under;transition: all 0.2s ease-out; word-break: break-all;} .submission.step4 p.vdurlp:hover { color: #0f3a6d; margin-left: 20px;} .submission.step4 p.vdurlp + .xi-external-link {position: absolute; left: 30px ; top: 20px; opacity: 0; transition: all 0.2s ease-out;} .submission.step4 p.vdurlp:hover + .xi-external-link {left: 18px; opacity: 2;} .submission.step4 .finalCont .contTitel {font-size: 20px; font-weight: 600; margin-bottom: 16px;} .submission.step4 .finalCont td {line-height: 1.4;} .submission.step4 .attachment .imgText {display: inline-block; position: relative;} .submission.step4 .imgModalBtn {cursor: pointer; position: relative; transition: .5s ease; display: flex;} .submission.step4 .imgModalBtn span {position: relative; padding-left: 40px; word-break: break-all;} .submission.step4 .imgModalBtn span:before {content: ""; width: 4px; height: 4px; border-radius: 50%; background: rgba(15, 58, 109, .5); position: absolute; top: 3px; right: -5px; opacity: 0; transition: .5s ease;} .submission.step4 .imgModalBtn span:after {content: "\e97a"; font-family: xeicon!important; border-radius: 50%; background: #0689CD; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 18px;} .submission.step4 .cont02 > strong {padding: 5px 20px; color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 16px; min-width: 210px;box-sizing: border-box; border-radius: 30px; text-align: center; font-weight: 300;} .submission.step4 .cont02 > strong.presenter {background: #BF4085;} .submission.step4 .cont02 > strong.author {background: #32185B} .step4Img_modal .modalBox {max-width: 80%; width: auto; text-align: center; padding: 55px 20px; box-sizing: border-box; max-height: 90%; height: auto; overflow-y: auto;} .submission.step5 .completedBox {background: #F1F5F9; padding: 40px; padding-bottom: 90px;} .submission.step5 .completedBox .numBox {max-width: 920px; padding: 15px 10px; width: 90%; margin: 0 auto; background: #EB7A7A; color: #fff; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 65px; animation: scaleMove4 1s .3s ease both; height: 70px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 10px;} .submission.step5 .completedBox .numBox strong { font-weight: 500;} .submission.step5 .completedBox .text {font-size: 18px; line-height: 1.4; color: #000; font-weight: 500;} .submission.step5 .completedBox .text p {margin-bottom: 30px;} .submission.step5 .completedBox .text p:last-child {margin-bottom: 0;} .submission.step5 .completedBox .text p strong {font-weight: 400; color: var(--pointColor); position: relative; display: inline;} .submission.step5 .completedBox .text p strong:after {content: ""; position: absolute; width: 100%; height: 1px; background: var(--pointColor); bottom: 2px; left: 0;} .submission.step5 .completedBox .text p b {color: #0689CD; font-weight: 500;} .submission.step4 .cont03 .inputTableBox {margin-bottom: 20px;} .submission.step4 .cont03 .textWrap {padding: 50px; background: #ecf6ff; border: 1px solid #e2e2e2; text-align: center; margin-bottom: 35px;} .submission.step4 .cont03 .textWrap .title {font-size: 30px; color: var(--pointColor); font-weight: 600; margin-bottom: 40px;} .submission.step4 .cont03 .textWrap .textBox {margin-bottom: 30px; line-height: 1.5; text-align: left; position: relative;} .submission.step4 .cont03 .textWrap .textBox p {display: inline; margin-left: 5px;} .submission.step4 .cont03 .textWrap .text1 span {font-size: 12px; vertical-align: text-top;} .submission.step4 .cont03 .textWrap .text1 p {margin-left: 0;} .submission.step4 .cont03 .textWrap .textBox .vdurlp:hover { margin-left: 35px;} .submission.step4 .cont03 .textWrap .textBox .vdurlp + .xi-external-link{ left:120px; top: 5px; } .submission.step4 .cont03 .textWrap .textBox .vdurlp:hover + .xi-external-link{ left:100px;} .submission.step4 .cont03 .textWrap .textBox .step04_vdurl {word-break: break-all;} /* awards & grant */ .awards .con01 > p {line-height: 1.5; margin-bottom: 30px; opacity: 0; transition: .5s ease;} .awards .con01 .roundBox {margin-bottom: 70px;} .awards .con01 .roundBox > span {margin-bottom: 10px; font-size: 14px; color: var(--pointColor); display: block; text-align: right;} .awards .con01 .roundBox .text {border-radius: 10px; background: #eef3f9; padding: 40px 10px; text-align: center; position: relative; font-size: 22px; overflow: hidden;} .awards .con01 .roundBox .text strong {display: block; line-height: 1.5; position: relative;} .awards .con01 .roundBox .text strong br {display: none;} .awards .con01 .roundBox .text .text1 {color: #1c69ab;} .awards .con01 .roundBox .text .text2 {color: #0c7891;} .awards .con01 .roundBox .bg figure {position: absolute;} .awards .con01 .roundBox .bg1 {left: 3%; top: 2%;} .awards .con01 .roundBox .bg1 img {animation: scientificImg01 5s ease both infinite alternate;} .awards .con01 .roundBox .bg2 {bottom: -20%; right: 0;} .awards .con01 .roundBox .bg2 img {animation: scaleMove3 2s ease both infinite alternate;} .awards .con01.aos-animate > p {opacity: 1; transition-delay: .3s;} .awards .titleType1 {margin-bottom: 20px;} .awards .con .textList p {position: relative; padding-left: 15px; line-height: 1.6; margin-bottom: 5px; opacity: 0;} .awards .con .textList p:last-child {margin-bottom: 0;} .awards .con .textList p:before {content: ""; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: var(--black);} .awards .con .textList p a {display: inline-flex; align-items: center; gap: 5px; margin-left: 5px;} .awards .con .textList p a span {color: #0c71c3; position: relative; transition: .5s ease;} .awards .con .textList p a span:after {content: ""; width: 100%; height: 1px; background: #0c71c3; position: absolute; bottom: 5px; left: 0;} .awards .con02 {margin-bottom: 70px;} .awards .con03 .textList {margin-bottom: 60px;} .awards .con03 .btnBox {max-width: 515px; width: 90%; min-height: 60px; margin: 0 auto; padding: 10px 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; background: linear-gradient(45deg, #0c71c3, #0c9abe); color: #fff; gap: 10px; border-radius: 5px; font-weight: 500; position: relative; line-height: 1.2;} .awards .con03 .btnBox:after {content: ""; position: absolute; width: 100%; height: 100%; top: 1px; left: 1px; border-bottom: 1px solid #0c73c2; border-right: 1px solid #0c96be; border-radius: 6px; box-shadow: 0 0 5px rgba(12, 115, 194, .5); opacity: 0; transition: .5s ease; z-index: -1;} .awards .con.aos-animate .textList p {animation: upMove 1s .2s ease both;} .awards .con.aos-animate .textList p:nth-child(2) {animation-delay: .3s;} .awards .con.aos-animate .textList p:nth-child(3) {animation-delay: .4s;} .awards .con.aos-animate .textList p:nth-child(4) {animation-delay: .5s;} .awards .con.aos-animate .textList p:nth-child(5) {animation-delay: .6s;} /* register */ .register .con {margin-bottom: 70px;} .register .con:last-child {margin-bottom: 0;} .register .con .titleType1 {margin-bottom: 15px;} .register .con01 > p {line-height: 1.5; margin-bottom: 30px; opacity: 0; transition: .5s ease;} .register .con01 .roundBox {margin-bottom: 30px;} .register .con01 .roundBox > span {margin-bottom: 10px; font-size: 14px; color: var(--pointColor); display: block; text-align: right;} .register .con01 .roundBox .text {border-radius: 10px; background: #eef3f9; padding: 40px 10px; text-align: center; position: relative; font-size: 22px; overflow: hidden;} .register .con01 .roundBox .text strong {display: block; line-height: 1.5; position: relative; color: #4a58a9;} .register .con01 .roundBox .text strong br {display: none;} .register .con01 .roundBox .bg figure {position: absolute;} .register .con01 .roundBox .bg1 {left: 3%; top: 2%;} .register .con01 .roundBox .bg1 img {animation: scientificImg01 5s ease both infinite alternate;} .register .con01 .roundBox .bg2 {bottom: -20%; right: 0;} .register .con01 .roundBox .bg2 img {animation: scaleMove3 2s ease both infinite alternate;} .register .con01 .btnBox {width: 310px; height: 60px; margin: 0 auto; display: flex; justify-content: center; align-items: center; background: linear-gradient(-45deg, #3a69d3, #5647c3); color: #fff; gap: 10px; border-radius: 5px; font-weight: 500; position: relative;} .register .con01 .btnBox:after {content: ""; position: absolute; width: 100%; height: 100%; top: 1px; left: 1px; border-bottom: 1px solid #5647c3; border-right: 1px solid #3a69d3; border-radius: 6px; box-shadow: 0 0 5px rgba(86, 31, 195, .5); opacity: 0; transition: .5s ease; z-index: -1;} .register .con .textBox {opacity: 0; transition: .5s ease;} .register .con .textBox > * {line-height: 1.6; display: block; position: relative;} .register .con .textBox > * {margin-bottom: 10px;} .register .con .textBox p {padding-left: 14px;} .register .con .textBox p:before {content: ""; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: #4e4e4e;} .register .con .textBox > div > span {margin-left: 20px;} .register .con02 .titleType1 {margin-bottom: 40px;} .register .con02 .listBox {display: flex;} .register .con02 .listBox li {width: 25%; margin-right: -2%;} .register .con02 .listBox li:last-child {margin-right: 0; width: 22%;} .register .con02 .listBox li:nth-child(even) {margin-top: 12%;} .register .con02 .listBox .imgWrap {position: relative; margin-bottom: 20px;} .register .con02 .listBox .inText {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding-right: 13%; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px;} .register .con02 .listBox .list5 .inText {padding-right: 0;} .register .con02 .listBox .inText p {color: var(--pointColor); line-height: 1.4; font-weight: 600;} .register .con02 .listBox .list5 .inText p br {display: none;} .register .con02 .listBox .text {text-align: center; font-size: 16px; line-height: 1.4; padding-right: 13%;} .register .con02 .listBox .list5 .text {padding-right: 0;} .register .con02.aos-animate .listBox li {animation: listLeftMove 1s .3s ease both;} .register .con02.aos-animate .listBox .list2 {animation-delay: .5s;} .register .con02.aos-animate .listBox .list3 {animation-delay: .7s;} .register .con02.aos-animate .listBox .list4 {animation-delay: .9s;} .register .con02.aos-animate .listBox .list5 {animation-delay: 1.1s;} .register .con03 .tableWrap {margin-bottom: 75px;} .register .con03 .tableBox > strong {margin-bottom: 10px;} .register .con03 .tableBox .table {margin-bottom: 25px;} .register .con03 .tableBox table thead th {vertical-align: middle; background: #0f3a6d; color: #fff; height: 40px; border-bottom: 1px solid #d3d3d3; box-sizing: border-box; border-right: 1px solid #d3d3d3; padding: 10px 5px;} .register .con03 .tableBox .table1 thead .tr3 th {width: calc(100% / 8);} .register .con03 .tableBox table thead .th1 {width: 22%;} .register .con03 .tableBox .table2 thead .th2 {width: 75%;} .register .con03 .tableBox .table2 thead .tr3 th {width: calc(100% / 2.68);} .register .con03 .tableBox table thead th:last-child {border-right: none;} .register .con03 .tableBox table tbody th {padding: 10px; height: 50px; box-sizing: border-box; background: #007bb6; color: #fff; border-bottom: 1px solid #d3d3d3; vertical-align: middle;} .register .con03 .tableBox table tbody tr:last-child th {border-bottom: none;} .register .con03 .tableBox table tbody td {padding: 5px; box-sizing: border-box; text-align: center; vertical-align: middle; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3} .register .con03 .tableBox table tbody tr td:last-child {border-right: none;} .register .con03 .tableBox table tbody tr:nth-child(even) td {background: #f5f5f5;} .register .con03 .tableBox table thead .tr3 th {background: #dee9f7; color: var(--black); height: 55px;} .register .con03 .textBox a {color: #0c71c3; position: relative; transition: .5s ease;} .register .con03 .textBox a:after {content: ""; width: 100%; height: 1px; background-color: #0c71c3; bottom: 5px;; left: 0; position: absolute;} .register .con03 .textBox a i {transform: translateY(1px);} .register .con03 .tableBox .mo {display: none;} .register .con04 > p {margin-bottom: 25px;} .register .con04 .textWrap {margin-bottom: 75px;} .register .con04 .textBox {margin-bottom: 25px;} .register .con04 .textBox:last-child {margin-bottom: 0;} .register .con04 .bankBox {margin-bottom: 30px;} .register .con04 .bankBox:last-child {margin-bottom: 0;} .register .con04 .bankBox > p {font-weight: 600; letter-spacing: -.5px; margin-bottom: 15px;} .register .con04 .bankBox table {border-top: 1px solid #d3d3d3; font-family: 'Pretendard';} .register .con04 .bankBox table th {border-right: 1px solid #d3d3d3; vertical-align: middle; width: 20%; padding: 0 10px; box-sizing: border-box;} .register .con04 .bankBox table tr {border-bottom: 1px solid #d3d3d3} .register .con04 .bankBox table tr:nth-child(even) {background: #f5f5f5;} .register .con04 .bankBox table td {padding: 15px 30px; box-sizing: border-box; height: 50px;} .register .con04 .bankBox1 table th {background: #0f3a6d; color: #fff;} .register .con04 .bankBox2 table th {background: #0e294a; color: #fff;} .register .con05 .textBox {margin-bottom: 30px;} .register .con05 table {border-top: 1px solid #d3d3d3;} .register .con05 table th {background: #0f3a6d; color: #fff; vertical-align: middle; text-align: center; width: 37%; padding: 0 10px; box-sizing: border-box;} .register .con05 table tr {border-bottom: 1px solid #d3d3d3;} .register .con05 table tr:nth-child(even) {background: #f5f5f5;} .register .con05 table td {padding: 15px 30px;} .register .con01.aos-animate > p, .register .con.aos-animate .textBox {opacity: 1; transition-delay: .3s;} .register .con06 table {border-bottom: 1px solid #d3d3d3; margin-bottom: 10px;} .register .con06 table th {vertical-align: middle; background: #0f3a6d; color: #fff; height: 40px; border-bottom: 1px solid #d3d3d3; box-sizing: border-box; border-right: 1px solid #d3d3d3; padding: 10px 5px;} .register .con06 table th:last-child {border-right: none;} .register .con06 table td {padding: 20px; vertical-align: middle; border-right: 1px solid #d3d3d3;} .register .con06 table td:last-child {border-right: none;} .register .con06 table td p {position: relative; padding-left: 15px; line-height: 1.4; margin-bottom: 5px;} .register .con06 table td p:last-child {margin-bottom: 0;} .register .con06 table td p:before {content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--black); top: 9px; position: absolute; left: 0;} .register .con06 .text {font-size: 15px;} /* registration */ .registration.step1.step1bak .cont02 .priceBox table thead th:last-child {width: calc(100% - 22%)} .registration.step1.step1bak .cont02 .memberBox {display: block; margin-bottom: 30px;} .registration.step1.step1bak .cont02 .memberBox.on button {pointer-events : none; opacity: .5;} .registration.step1.step1bak .cont02 .priceBox > strong {color: #ed3232; font-size: 24px;} .registration.step1 .cont {margin-bottom: 70px;} .registration.step1 .closed { margin-bottom: 10px; font-size: 20px; font-weight: 600; position: relative;} .registration.step1 .cont03 h4 img.closed_img {position: absolute ; left: 104%; top: -20px;} .registration.step1 .cont03 h4:has(img.closed_img) {position: relative; width: fit-content;} .registration.step1 .stepBox table {margin-bottom: 0;} .registration.step1 .inputTableBox tbody th {width: 22%;} .registration.step1 .inputTableBox tbody td {padding-left: 25px;} .registration.step1 .inputTableBox td {height: 50px; vertical-align: middle;} .registration.step1 .stepBox .cont02 h4 {margin-bottom: 5px;} .registration.step1 .stepBox .cont02 > p {font-size: 16px; margin-bottom: 20px;} .registration.step1 .cont02 .priceBox {margin-bottom: 30px;} .registration.step1 .cont02 .priceBox .korea {font-family: 'Pretendard'} .registration.step1 .cont02 .priceBox > strong {margin-bottom: 5px;} .registration.step1 .cont02 .priceBox .table {margin-bottom: 25px;} .registration.step1 .cont02 .priceBox table thead th {vertical-align: middle; background: #0f3a6d; color: #fff; height: 40px; border-bottom: 1px solid #d3d3d3; box-sizing: border-box; border-right: 1px solid #d3d3d3; padding: 10px 5px;} .registration.step1 .cont02 .priceBox .table1 thead .tr3 th {width: calc(100% / 8);} .registration.step1 .cont02 .priceBox table thead .th1 {width: 22%;} .registration.step1 .cont02 .priceBox .table2 thead .th2 {width: 75%;} .registration.step1 .cont02 .priceBox .table2 thead .tr3 th {width: calc(100% / 2.68);} .registration.step1 .cont02 .priceBox table thead th:last-child {border-right: none;} .registration.step1 .cont02 .priceBox table tbody th {padding: 10px; height: 50px; box-sizing: border-box; background: #007bb6; color: #fff; border-bottom: 1px solid #d3d3d3; vertical-align: middle; border-right: 1px solid #d3d3d3;} .registration.step1 .cont02 .priceBox table tbody tr:last-child th {border-bottom: none;} .registration.step1 .cont02 .priceBox table tbody td {padding: 5px; box-sizing: border-box; text-align: center; vertical-align: middle; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; width: 39%;} .registration.step1 .cont02 .priceBox table tbody tr td:last-child {border-right: none;} .registration.step1 .cont02 .priceBox table tbody tr:nth-child(even) td {background: #f5f5f5;} .registration.step1 .cont02 .priceBox table thead .tr3 th {background: #dee9f7; color: var(--black); height: 55px;} .registration.step1 .cont02 .priceBox input[type="radio"] {position: relative; width: 15px; height: 15px; font-size: 14px; -webkit-appearance: none; background: #fff; border: 1px solid #d3d3d3; border-radius: 50%; min-height: 0; margin-right: 4px;} .registration.step1 .cont02 .priceBox input[type="radio"]:checked::before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 100%;} .registration.step1 .cont02 .priceBox input[type="radio"]:checked::before {content: '\e929'; font-family: xeicon; text-align: center; font-size: 11px; background-color: #4e4e4e; color: #fff;} .registration.step1 .cont02 .priceBox input[type="radio"]:disabled {background-color: #9f9f9f; cursor:not-allowed;; } .registration.step1 .cont02 .memberBox {background: #eef3f9; padding: 30px; display: none;} .registration.step1 .cont02 .memberBox .topText {margin-bottom: 30px;} .registration.step1 .cont02 .memberBox .topText strong {margin-bottom: 15px;} .registration.step1 .cont02 .memberBox .topText p {font-size: 16px; line-height: 1.5;} .registration.step1 .cont02 .memberBox .topText p a {color: #0c71c3;} .registration.step1 .cont02 .memberBox .topText p a span {position: relative;} .registration.step1 .cont02 .memberBox .topText p a span:after {content: ""; width: 100%; height: 1px; background: #0c71c3; position: absolute; bottom: 4px; left: 0;} .registration.step1 .cont02 .memberBox .botBox {display: flex; flex-direction: column; gap: 5px; margin-bottom: 15px;} .registration.step1 .cont02 .memberBox .botBox.read {pointer-events: none; opacity: .5;} .registration.step1 .cont02 .memberBox .botBox .leftInput {display: flex; height: 50px; width: 100%;} .registration.step1 .cont02 .memberBox .botBox .leftInput label {height: 100%; background: var(--pointColor); color: #fff; width: 280px; display: flex; align-items: center; justify-content: center; font-size: 16px; flex: none} .registration.step1 .cont02 .memberBox .botBox .leftInput .inputBox {width: 100%; border: 1px solid #d3d3d3; box-sizing: border-box;} .registration.step1 .cont02 .memberBox .botBox .leftInput .inputBox input {width: 100%; height: 100%; padding: 10px; padding-left: 20px; box-sizing: border-box; font-size: 16px;} .registration.step1 .cont02 .memberBox button {width: 125px; background: var(--pointColor3); color: #fff; height: 50px; margin: auto; display: block;} .registration.step1 .cont03 .amount td strong {color: #0c71c3} .registration.step1 .cont03 .bank1 {position: relative;} .registration.step1 .cont03 .bank1:after {content: ""; width: 100%; height: 1px; background: var(--pointColor); display: block; position: absolute; top: -1px; left: 0; z-index: 1;} .registration.step1 .cont03 .bank th {background: #d9e9ff} .registration.step1 .cont03 .inputTableBox .radio {min-height: 0;} .registration.step1 .cont03 .dateBtn {width: 125px; height: 50px; background: #0c71c3; color: #fff; display: block;} .registration.step1 .cont03 .dateBtn input {background: transparent; color: #fff; border: none; text-align: center;} .registration.step1 .cont03 .dateBtn input::placeholder {color: #fff;} .registration.step1 .cont03 .inputTableBox td {height: auto; padding: 17px 20px;} .registration.step1 .cont04 .textBox {margin-bottom: 25px;} .registration.step1 .cont04 .textBox p {padding-left: 14px; position: relative; line-height: 1.6; margin-bottom: 5px;} .registration.step1 .cont04 .textBox p:last-child {margin-bottom: 0;} .registration.step1 .cont04 .textBox p:before {content: ""; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: #4e4e4e;} .registration.step1 .cont04 table {border-top: 1px solid #d3d3d3;} .registration.step1 .cont04 table th {background: #0f3a6d; color: #fff; vertical-align: middle; text-align: center; width: 37%; padding: 0 10px; box-sizing: border-box;} .registration.step1 .cont04 table tr {border-bottom: 1px solid #d3d3d3;} .registration.step1 .cont04 table tr:nth-child(even) {background: #f5f5f5;} .registration.step1 .cont04 table td {padding: 15px 30px;} .registration.step1 .cont03 .inputTableBox.bankCheck {border-top: none; display: none; animation: none;} .registration.step2 .tableBoxWrap .inputTableBox:last-child {border-top: 1px solid #d3d3d3; margin-top: 15px;} .registration.step2 .tableBoxWrap .inputTableBox td {height: 65px; vertical-align: middle; box-sizing: border-box;} .registration.step2 .tableBoxWrap .inputTableBox td span {color: #0c71c3; margin-left: 5px; font-weight: 500; font-family: 'roboto';} .registration.step2 .tableBoxWrap {margin-bottom: 50px;} .PaymentModal .modalBox {max-width: 450px; width: 90%; max-height: 90%; height: auto; text-align: center; padding: 30px 20px; box-sizing: border-box;} .PaymentModal .modalBox > i {font-size: 47px; color: #0689cd; display: block; margin-bottom: 20px; animation: scaleMove3-1 1s ease both infinite alternate; width:fit-content; border: 2px solid #0689cd; border-radius: 100px;} .PaymentModal .modalBox > strong {font-family: 'Pretendard'; line-height: 1.5; margin-bottom: 20px; animation: upMove_7 1s ease both;} /* .PaymentModal .modalBox > strong > span > span {animation: spanTextColor 4s linear both infinite;} */ .PaymentModal .modalBox > p em, .PaymentModal .modalBox > strong > span:nth-child(1) > span.num0, .PaymentModal .modalBox > strong > span:nth-child(1) > span.num1, .PaymentModal .modalBox > strong > span:nth-child(1) > span.num2, .PaymentModal .modalBox > strong > span:nth-child(1) > span.num3 {color: #0689CD;} .PaymentModal .modalBox > p {line-height: 1.5; margin-bottom: 30px; animation: upMove_7 1s .5s ease both; font-weight: 500;} .PaymentModal .modalBox .confirmed {width: 210px; background: #083569; color: #fff; height: 50px; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; cursor: pointer; animation: upMove_7 1s .8s ease both; border-radius: 5px; font-weight: 400;} .registration.step3.step3_ltup .topBox p {font-size: 24px;} .PaymentModal .modalBox .confirmed:after {content: ""; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -2px; left: -2px; border: 1px solid var(--pointColor); display: block; box-shadow: 0 0 5px rgba(15, 58, 109, .5); opacity: 0; transition: .5s ease; border-radius: 5px;} .registration.step3 .topBox {padding: 20px 10px; text-align: center; background: #EB7A7A; color: #fff; margin-bottom: 20px; border-radius: 10px;} .registration.step3 .topBox strong {font-size: 24px; margin-bottom: 15px;} .registration.step3 .topBox p {font-size: 20px; font-weight: 600;} .registration.step3 .topBox p .mo {display: none;} .registration.step3 .inputTableBox td {height: 65px; box-sizing: border-box;} .registration.step3 .inputTableBox.table2 {border-top: 1px solid #d3d3d3;} .registration.step3 .inputTableBox.table2 .state div {width: 185px; height: 35px; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; color: #fff;} .registration.step3 .inputTableBox.table2 .state .complete {background: #0c71c3;} .registration.step3 .inputTableBox.table2 .state .waiting {background: #8b8b8b;} .registration.step3 .inputTableBox.table2 .state .cancel {background: #bd3a32;} .registration.step3 .inputTableBox.table2 td span {color: #0c71c3; margin-left: 5px; font-weight: 500; font-family: 'roboto';} .registration.step3 .inputTableBox.table3 {border-top: none; margin-top: -30px;} .registration.step3 .inputTableBox.table3 th {background: #d9e9ff;} /* Visa & Invitation Letter */ .invitation .cont .titleType1 {margin-bottom: 20px; color: #0f3a6d;} .invitation .cont .titleType1 i {color: #0f3a6d;} .invitation .cont01 {margin-bottom: 75px;} .invitation .cont01 li {padding-bottom: 25px; margin-bottom: 25px; position: relative; opacity: 0;} .invitation .cont01.aos-animate li {animation: upMove_8 1s .2s ease both;} .invitation .cont01.aos-animate li:nth-child(2) {animation-delay: .4s;} .invitation .cont01.aos-animate li:nth-child(3) {animation-delay: .6s;} .invitation .cont01 li:last-child {margin-bottom: 0; padding-bottom: 0;} .invitation .cont01 li:after {content: ""; background-image: linear-gradient(to right, black 33.3%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 18px 1px; background-repeat: repeat-x; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0;} .invitation .cont01 li:last-child:after {display: none;} .invitation .cont01 li strong {font-size: 20px; position: relative; padding-left: 15px; margin-bottom: 15px; display: block;} .invitation .cont01 li strong:before {content: ""; width: 4px; height: 4px; background: var(--black); position: absolute; top: 10px; left: 2px; display: block;} .invitation .cont01 li p {line-height: 1.6; margin-bottom: 25px;} .invitation .cont01 li a {padding: 15px 3%; border-radius: 5px; background: #0c71c3; display: inline-flex; align-items: center; justify-content: center; color: #fff; gap: 15px; font-size: 16px; transition: .5s ease;} .invitation .cont01 li a .spanBox {position: relative; overflow: hidden; line-height: 1;} .invitation .cont01 li a .span2 {position: absolute; top: 100%; left: 0;} .invitation .cont02 {margin-bottom: 70px;} .invitation .cont02 ul {display: flex; gap: 2%;} .invitation .cont02.aos-animate li {animation: leftMove4 1s .2s ease both;} .invitation .cont02.aos-animate .list2 {animation-delay: .4s;} .invitation .cont02.aos-animate .list3 {animation-delay: .6s;} .invitation .cont02 li {width: 100%; border-radius: 10px; height: 105px; text-align: center; background: linear-gradient(70deg, #2c3cbc, #306cc8); box-shadow: 5px 5px 0 #0e3d84; opacity: 0;} .invitation .cont02 .list2 {background: linear-gradient(70deg, #008d94, #06a8b1); box-shadow: 5px 5px 0 #00686e;} .invitation .cont02 .list3 {background: linear-gradient(70deg, #eaa057, #f2cc82); box-shadow: 5px 5px 0 #c07830} .invitation .cont02 li a {color: #fff; padding: 0 10px; box-sizing: border-box; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; overflow: hidden; transition: .5s ease;} .invitation .cont02 li a:after {top: 0; left: -70%; position: absolute; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); transform: skewX(-50deg); z-index: 1;} .invitation .cont02 li strong {font-size: 20px; margin-bottom: 10px; position: relative;} .invitation .cont02 li strong:after {content: ""; width: 0; height: 40%; background: rgba(255, 255, 255, .2); position: absolute; bottom: 0; left: 0;transition: .5s ease;} .invitation .cont02 li p {display: flex; align-items: center; justify-content: center; gap: 10px;} .invitation .cont02 li p i {transition: .5s ease;} .invitation .cont03 p {line-height: 1.6; opacity: 0;} .invitation .cont03.aos-animate p {animation: upMove_8 1s .2s ease both;} /* visa & invitation letter */ .visa .visa_list li {color: #0A0A0A; padding-bottom: 32px; margin-bottom: 32px; position: relative;} .visa .visa_list li:last-of-type {padding-bottom: 0; margin-bottom: 56px;} .visa .visa_list li > p {margin-bottom: 24px; line-height: 1.4;} .visa .visa_list li a {width: 332px; height: 50px; display: flex; align-items: center; justify-content: center;gap: 0 12px; color: #fff; background-color: #0F8FD0;border-radius: 50px; font-size: 18px; position: relative; overflow: hidden; transition: all 0.2s ease-out ;} .visa .visa_list li a p , .visa .visa_list li a i {z-index: 1;} .visa .visa_list li a::before {content: ""; position: absolute; left: -100%; background-color: #0d4689; width: 100%; height: 100%; border-radius: 50px; transition: all 0.2s ease-out;} .visa .visa_list li a:hover::before { left: 0;} .visa .visa_list li a:hover {box-shadow: 0px 0px 12px #023a89;} .visa .visa_list li a:hover i { animation: visa_btn_i 1s ease-in-out infinite forwards;} @keyframes visa_btn_i {0%,100%{transform: translateX(0);} 50%{transform: translateX(5px);}} .visa .visa_list li strong { font-size: 20px; font-weight: 500;display: block; margin-bottom: 15px;} .visa .visa_list li img { position: absolute; bottom: 0 ; left:0; max-width: 100%; object-fit: cover;} .visa .cont01 .titleType1 {margin-bottom: 24px;} .visa .cont02 .titleType1 {margin-bottom: 32px;} .visa .website_list {display: flex; align-items: center; gap: 0 54px; margin-bottom: 48px;} .visa .website_list li {flex-basis: calc(33.33% - 36px); height: 165px; opacity: 0; transform: translateY(40px); transition: all 0.75s ease-out;} .visa .website_list li div {width: 100%; height: 100%; position: relative;} .visa .website_list li div a {width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; color: #fff; border-radius: 10px 30px 10px 30px;overflow: hidden; transition: all 0.2s ease-out;} .visa .website_list li div a p { font-size: 24px; font-weight: 700; z-index: 1; margin-bottom: 17px; letter-spacing: 0.5px; transition: all 0.15s ease-out;} .visa .website_list li div a span { font-size: 18px; font-weight: 400; z-index: 1; display: flex;gap: 0 24px;} .visa .website_list li div a img {position: absolute; left: 0; top: 0; width: 100%; height:100.5%; transition: all 0.2s ease-out;} .visa .cont03 {color: #0A0A0A; font-size: 18px;} .visa .cont03 p { padding-left: 20px;position: relative; margin-bottom: 3px; line-height: 1.5;} .visa .cont03 div p:last-of-type {margin-bottom: 0;} .visa .cont03 p::before { position: absolute; left: 0 ; content: "-";} .visa .website_list li div a::before {content: ""; position: absolute; left: -170px; top: 50%; transform:translateY(-50%) skewX(-30deg) ; width: 100px; height: 160%; background-color: #e1313163; transition: all 0.89s cubic-bezier(0.48, -0.17, 0.27, 1.2); z-index: 1;} .visa .website_list li:nth-child(2) div a::before {background-color: #003b8f6e;} .visa .website_list li:nth-child(3) div a::before {background-color: #2f22976e;} @keyframes visa_website_before {100%{left: 120%;}} .visa .website_list li div a:hover::before {animation: visa_website_before 1s cubic-bezier(0.48, -0.17, 0.27, 1.2) 1 forwards;} .visa .website_list li div a:hover { transform: translateY(-12px); box-shadow: 0px 7px 20px #f5323e;} .visa .website_list li:nth-child(1) div a{background-color: #e79399;} .visa .website_list li:nth-child(2) div a{background-color: #5392d5;} .visa .website_list li:nth-child(3) div a{background-color: #6576cd;} .visa .website_list li:nth-child(2) div a:hover { box-shadow: 0px 10px 20px #002759;} .visa .website_list li:nth-child(3) div a:hover { box-shadow:0px 10px 20px #121089;} .visa .website_list li div a:hover i {animation: visa_btn_i 1s ease-in-out infinite forwards;} .visa .website_list li div a:hover p {text-shadow: 2px 3px 0px #ad0012;} .visa .website_list li:nth-child(2) div a:hover p {text-shadow: 2px 3px 0px #002459;} .visa .website_list li:nth-child(3) div a:hover p {text-shadow: 2px 3px 0px #1e0069;} .visa .cont02.aos-animate .website_list li { opacity: 1; transform: translateY(0);} .visa .cont02.aos-animate .website_list li:nth-child(2) {transition-delay: 0.35s;} .visa .cont02.aos-animate .website_list li:nth-child(3) {transition-delay: 0.5s;} /* accommodation */ .accommodation .cont01 {margin-bottom: 65px;} .accommodation .cont01 .titleType1 {margin-bottom: 15px;} .accommodation .cont01 > p {letter-spacing: -.5px; margin-bottom: 15px; line-height: 1.4;} /* .accommodation .cont01 ul li {opacity: 0;} */ .accommodation .cont01 ul li p {position: relative; color: #4e4e4e; padding-left: 13px; line-height: 1.6; margin-bottom: 10px;} .accommodation .cont01 ul li:last-child p {margin-bottom: 0;} .accommodation .cont01 ul li p:before {content: ""; width: 4px; height: 4px; background: #4e4e4e; position: absolute; top: 12px; left: 0;} .accommodation .cont01 ul.aos-animate li {animation: opacityMove_1 1s ease both;} .accommodation .cont01 ul.aos-animate li:nth-child(2) {animation-delay: .2s} .accommodation .cont01 ul.aos-animate li:nth-child(3) {animation-delay: .4s} .accommodation .cont01 ul.aos-animate li:nth-child(4) {animation-delay: .6s} .accommodation .cont01 ul.aos-animate li:nth-child(5) {animation-delay: .8s} .accommodation .cont02 {margin-bottom: 70px;} .accommodation .cont02 .titleType1 {margin-bottom: 45px;} .accommodation .cont02 .listBox {display: flex; margin-bottom: 65px;} .accommodation .cont02 .listBox li:not(:last-child) {margin-right: -1.5px;} .accommodation .cont02 .listBox li .top {position: relative; margin-bottom: 25px;} .accommodation .cont02 .listBox li .box {width: calc(100% - 34%); height: calc(100% - 18%); position: absolute; top: 9%; left: 12%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 25px; background: #f7f7f7; border-radius: 17%;} .accommodation .cont02 .listBox li .box strong {text-transform: capitalize; position: relative; color: #5988b8} .accommodation .cont02 .listBox li .box strong:before {content: ""; width: 4px; height: 4px; border-radius: 50%; background: #5988b8; top: 0; left: -7px; position: absolute;} .accommodation .cont02 .listBox .list2 .box strong {color: #62b3ce;} .accommodation .cont02 .listBox .list2 .box strong:before {background: #62b3ce;} .accommodation .cont02 .listBox .list3 .box strong {color: #ffd54d;} .accommodation .cont02 .listBox .list3 .box strong:before {background: #ffd54d;} .accommodation .cont02 .listBox .list4 .box strong {color: #f46869;} .accommodation .cont02 .listBox .list4 .box strong:before {background: #f46869;} .accommodation .cont02 .tableBox {margin-bottom: 70px;} .accommodation .cont02 .listBox li:first-child .box {width: calc(100% - 30%); left: 9%; top: 8.5%} .accommodation .cont02 .listBox li:last-child .box {width: calc(100% - 21%);} .accommodation .cont02 .listBox li > p {font-size: 16px; text-align: center; line-height: 1.5; letter-spacing: -.5px; opacity: 0;} .accommodation .cont02 .listBox li:not(:last-child) > p {padding-right: 11%;} .accommodation .cont02 .listBox.aos-animate li {animation: leftMove4 1s ease both;} .accommodation .cont02 .listBox.aos-animate li .icon {animation: scaleMove5 1s .2s ease both;} .accommodation .cont02 .listBox.aos-animate li > p {animation: upMove_8 1s .4s ease both;} .accommodation .cont02 .listBox.aos-animate li:nth-child(2) {animation-delay: .2s} .accommodation .cont02 .listBox.aos-animate li:nth-child(2) .icon {animation-delay: .4s} .accommodation .cont02 .listBox.aos-animate li:nth-child(2) > p {animation-delay: .6s} .accommodation .cont02 .listBox.aos-animate li:nth-child(3) {animation-delay: .4s} .accommodation .cont02 .listBox.aos-animate li:nth-child(3) .icon {animation-delay: .6s} .accommodation .cont02 .listBox.aos-animate li:nth-child(3) > p {animation-delay: .8s} .accommodation .cont02 .listBox.aos-animate li:nth-child(4) {animation-delay: .6s} .accommodation .cont02 .listBox.aos-animate li:nth-child(4) .icon {animation-delay: .8s} .accommodation .cont02 .listBox.aos-animate li:nth-child(4) > p {animation-delay: 1s} .accommodation .cont02 .tableBox table {font-size: 16px; margin-bottom: 15px;} .accommodation .cont02 .tableBox thead th {height: 70px; text-align: center; vertical-align: middle; background: var(--pointColor); color: #fff; font-size: 18px; padding: 0 10px;} .accommodation .cont02 .tableBox tbody td:not(:last-child), .accommodation .cont02 .tableBox thead th:not(:last-child) {border-right: 1px solid #d3d3d3} .accommodation .cont02 .tableBox tbody tr {border-bottom: 1px solid #d3d3d3;} .accommodation .cont02 .tableBox tbody td {text-align: center; padding: 20px 10px; vertical-align: middle;} .accommodation .cont02 .starBox {color: #05a8b1; display: flex; gap: 3px; justify-content: center;} .accommodation .cont02 .tableBox .num {width: 16px; height: 16px; font-size: 14px; background: #ddd; border-radius: 50%; color: #fff; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;} .accommodation .cont02 .tableBox table .num {width: 11px; height: 11px; font-size: 9px; vertical-align: text-top;} .accommodation .cont02 .tableBox .num.num1 {background: #0c71c3;} .accommodation .cont02 .tableBox .num.num2 {background: var(--pointColor3)} .accommodation .cont02 .tableBox .text {line-height: 1.4;} .accommodation .cont02 .tableBox .text p:not(:last-child) {margin-bottom: 3px;} .accommodation .cont02 .tableBox .text .num {margin-right: 5px;} .accommodation .cont02 .textBox {background: #eaf5f6; color: #0898a0; border-radius: 10px; padding: 40px 20px; text-align: center; position: relative; line-height: 1.7; font-size: 20px; margin-bottom: 25px;} .accommodation .cont02 .textBox figure {position: absolute;} .accommodation .cont02 .textBox .img01 {top: 14%; left: 2%;} .accommodation .cont02 .textBox .img01 img {animation: scientificImg01 5s ease both infinite alternate;} .accommodation .cont02 .textBox .img02 {bottom: 6%; right: 1%;} .accommodation .cont02 .textBox .img02 img {animation: scaleMove3 2s ease both infinite alternate;} .accommodation .cont02 .mapBox {margin-bottom: 35px;} .accommodation .cont02 .hotelList li {margin-bottom: 35px;} .accommodation .cont02 .hotelList li:last-child {margin-bottom: 0;} .accommodation .cont02 .hotelList .title {margin-bottom: 15px;} .accommodation .cont02 .hotelList .title strong {color: var(--pointColor); font-size: 20px; display: flex; align-items: center;} .accommodation .cont02 .hotelList .title .xi-maker {margin-right: 5px;} .accommodation .cont02 .hotelList .title .starBox {margin-left: 15px;} .accommodation .cont02 .hotelList .bot {display: flex; gap: 4%;} .accommodation .cont02 .hotelList .imgBox {width: 40%; border-radius: 15px; overflow: hidden;} .accommodation .cont02 .hotelList .imgBox img {width: 100%; height: 100%; object-fit: cover;} .accommodation .cont02 .hotelList .text {width: 56%;} .accommodation .cont02 .hotelList .text p {margin-bottom: 25px; line-height: 1.4;} .accommodation .cont02 .hotelList .text p:not(.site) a span {background-image: linear-gradient(rgba(12, 113, 195, .2),rgba(12, 113, 195, .2)); background-repeat: no-repeat; background-position: left bottom 1px; background-size: 0 30%; transition: .5s ease; -webkit-box-sizing: border-box; display: initial;} .accommodation .cont02 .hotelList .text .site a {position: relative; color: #0c71c3; transition: .5s ease; letter-spacing: -1px;} .accommodation .cont02 .hotelList .text .site a:after {content: ""; width: 100%; height: 1px; position: absolute; bottom: 2px; left: 0; background: #0c71c3;} .accommodation .cont02 .hotelList .text strong {width: 62px; margin-right: 2%; letter-spacing: -.8px;} .accommodation .cont02 .hotelList .text > a {max-width: 280px; height: 50px; width: 90%; background: var(--pointColor); color: #fff; display: flex; align-items: center; justify-content: center; gap: 5px; border-radius: 25px; font-size: 16px; position: relative; transition: .5s ease;} .accommodation .cont02 .hotelList .text > a:after {content: ""; position: absolute; width: 100%; height: 100%; top: 3px; left: 3px; border-bottom: 1px solid var(--pointColor); border-right: 1px solid var(--pointColor); border-radius: 25px; box-shadow: 0 0 5px rgba(15, 58, 109, .5); opacity: 0; transition: .5s ease; z-index: -1;} .accommodation .cont03 ul {display: flex; gap: 2%;} .accommodation .cont03 ul li {opacity: 0;} .accommodation .cont03 li a {border-radius: 10px; border: 1px solid #d3d3d3; overflow: hidden; transition: .5s ease;} .accommodation .cont03 ul a img {width: 100%; height: 100%; object-fit: cover;} .accommodation .cont03 ul.aos-animate li {animation: leftMove4 1s ease both;} .accommodation .cont03 ul.aos-animate li:nth-child(2) {animation-delay: .2s;} .accommodation .cont03 ul.aos-animate li:nth-child(3) {animation-delay: .4s;} .accommodation .cont > ul li {margin-bottom: 60px;} .accommodation .cont .name_star { display: flex; gap: 0 15px; align-items: center; margin-bottom: 13px;} .accommodation .cont .hotel_info{color: #0A0A0A; padding-left: 0; margin-bottom: 24px;} .accommodation .cont .hotel_info::before {display: none;} .accommodation .cont .hotel_img {display: flex; gap: 0 50px; justify-content: center; padding: 0 45px;} .accommodation .cont .hotel_img > div {flex-basis: 50%;} .accommodation .cont .hotel_img > div img { width: 100%; object-fit: cover;} .accommodation .cont li:nth-child(1) table {margin-bottom: 15px; line-height: 1.3;} .accommodation .cont li:nth-child(1) .hotel_img {margin-bottom: 35px;} .accommodation .cont li:nth-child(1) table th { background-color: #0689CD; color: #fff; vertical-align: middle; text-align: center; padding: 10px; box-sizing: border-box; border-right: 1px solid #fff;} .accommodation .cont li:nth-child(1) table th:last-of-type {width: 190px;} .accommodation .cont li:nth-child(1) table td { border-right: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2; vertical-align: middle; text-align: center; padding: 10px; box-sizing: border-box;} .accommodation .cont li:nth-child(1) table tr:nth-child(1) td:nth-child(1){ border-left:1px solid #E2E2E2 ;} .accommodation .cont li:nth-child(1) table tr:nth-child(2) td { background-color: #F9F9F9; text-align: center;} .accommodation .cont li:nth-child(1) table tr:nth-child(1) td:last-of-type {padding: 10px 13px ;} .accommodation .cont li:nth-child(1) table tr:nth-child(1) td:last-of-type a {display: flex; flex-direction: column; align-items: center; background-color: #0F8FD0; border-radius: 20px; color: #fff; font-weight: 300; padding: 10px 5px ;box-sizing: border-box; gap: 4px 0; transition: all 0.2s ease-in-out;} .accommodation .cont li:nth-child(1) table tr:nth-child(1) td:last-of-type a:hover {background-color: #0a5c86;} .accommodation .cont li:nth-child(1) table tr:nth-child(1) td:last-of-type a:hover svg {animation: acco_ani01 1.3s ease-in-out infinite forwards;} @keyframes acco_ani01 { 0%,100%{transform: translateY(0px);} 50%{transform: translateY(3px);}} @keyframes acco_ani02 { 0%,100%{transform: translateX(0px);} 50%{transform: translateX(5px);}} .accommodation .cont .name_star .star {display: flex; gap: 4px 8px;} .accommodation .cont li:nth-child(1) .btm_txt {color: #FE2F2F; } .accommodation .cont .link_seouldragon { display: flex;align-items: center;gap: 0 10px;background-color: #125C82;margin: 0 auto;border-radius: 50px;width: 330px;justify-content: center;padding: 15px 10px;box-sizing: border-box;color: #fff;font-weight: 300; margin-bottom: 90px; position: relative;} .accommodation .cont .link_seouldragon::before { content: "";width: 100%;height: 100%;left: 0px;top: 0px;position: absolute;background-color: #fff;z-index: -1;border: 1px solid #125c82;border-radius: 60px;box-shadow: 0px 0px 10px #125c82; opacity: 0; transition: all 0.25s ease-in-out ;} .accommodation .cont .link_seouldragon:hover::before { opacity: 1; left: 3px ;top: 3px;} .accommodation .cont .link_seouldragon:hover i { animation: acco_ani02 1.3s ease-in-out infinite forwards;} .accommodation .cont_02 .tab {display: flex; margin-bottom: 30px;} .accommodation .cont_02 .tab > li{flex-basis: 50%; background-color: #F8F8F8; border: 1px solid #E2E2E2 ; display: flex; flex-direction: column; gap: 10px ; color: #6B6B6B; align-items:center; text-align: center; line-height: 1.3; padding: 15px 0; box-sizing:border-box; margin-bottom: 00px; cursor: pointer; transition: all 0.15s ease-in-out;} .accommodation .cont_02 .tab > li:hover { background-color: #ff52a92b;} .accommodation .cont_02 .tab > li.on { background-color: #CA5590; color: #fff ;box-shadow: 0px 2px 7px rgba(0,0,0,0.25); border: none;} .accommodation .cont_02 .tab > li:nth-child(1) {border-radius: 10px 0 0 10px ;} .accommodation .cont_02 .tab > li:nth-child(2) {border-radius: 0px 10px 10px 0px ;} .accommodation .cont_02 .tab > li .star svg path {fill: #B5B5B5;} .accommodation .cont_02 .tab > li.on .star svg path {fill: #FFAF52;} .accommodation .cont_02 .hotel00 {display: flex; flex-wrap: wrap; gap: 35px 24px ;} .accommodation .cont_02 .hotel00 > p , .accommodation .cont_02 .hotel00 > table {flex-basis: calc(50% - 13px);;} .accommodation .cont_02 .hotel00 > p { opacity: 0; transform: translateX(30px); transition: all 0.25s ease-in-out; animation: accom_anim03 1s ease-in-out 1 forwards;} .accommodation .cont_02 .hotel00 > p img {height: 100%; object-fit: cover; width: 100%;} .accommodation .cont_02 .hotel00 > table { line-height: 1.4; opacity: 0; transform: translateX(-30px); transition: all 0.25s ease-in-out; animation: accom_anim03 1s ease-in-out 1 forwards;} .accommodation .cont_02 .hotel00 > table th {background-color: #E1ECF6;border-bottom: 1px solid #fff; text-align: center; vertical-align: middle; width: 190px; height: 64px;} .accommodation .cont_02 .hotel00 > table td {border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; text-align: left; vertical-align: middle; padding: 5px 35px 5px 25px; word-break: break-all;} .accommodation .cont_02 .hotel00 > table tr:nth-child(2n) td {background-color: #F9F9F9;} .accommodation .cont_02 .hotel00 > table tr:nth-child(1) td {border-top: 1px solid #E2E2E2;;} .accommodation .cont_02 .hotel00 .gmap{flex-basis: 100%; height: 310px; padding-bottom: 75px; } .accommodation .cont_02 .hotel00 .gmap iframe {width: 100%; height: 100%;} .accommodation .cont_02 .hotel00 > table td a { color: #0689CD; text-decoration: underline;} @keyframes accom_anim03 { 100%{opacity: 1; transform: translateX(0);}} .accommodation .cont_02 .cont02_svg {margin-bottom: 50px; width: 100%; overflow: hidden; } .accommodation .cont_02 .btmtit {margin-bottom: 40px;line-height: 1.5;} .accommodation .cont_02 .btmlink {display: flex; gap: 10px 35px; margin-bottom: 100px; transform: translate(0,0) !important; opacity: 1 !important;} .accommodation .cont_02 .btmlink li {flex-basis: 20%; flex-basis: 20%;display: flex;align-items: center;justify-content: center;border: 1px solid #E1E1E1;border-radius: 5px; margin-bottom: 0; transform: translateY(30px); transition: all 0.5s ease-in-out; opacity: 0;} .accommodation .cont_02 .btmlink.aos-animate li {transform: translateY(0px); opacity: 1; transition: all 0.6s ease-in-out;} .accommodation .cont_02 .btmlink.aos-animate li:nth-child(1) {transition-delay: 0.0s;} .accommodation .cont_02 .btmlink.aos-animate li:nth-child(2) {transition-delay: 0.1s;} .accommodation .cont_02 .btmlink.aos-animate li:nth-child(3) {transition-delay: 0.2s;} .accommodation .cont_02 .btmlink.aos-animate li:nth-child(4) {transition-delay: 0.3s;} .accommodation .cont_02 .btmlink.aos-animate li:nth-child(5) {transition-delay: 0.4s;} .accommodation .cont_02 p.tit { margin-bottom: 40px; line-height: 1.5;} .accommodation .cont_02 .btmlink li a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;padding: 8px;box-sizing: border-box;} .accommodation .cont_02 .hotel02 {display: none;} .accommodation .cont_01 .titleType1 span br {display: none;} .accommodation .cont { line-height: 1.5;} .accommodation .cont_02 .titleType1, .accommodation .cont_01 .titleType1{margin-bottom: 25px;} @keyframes acco_hover1 { 0%,100%{transform: translateY(0px); box-shadow: 6px 6px 0px #b1b1b1;} 50%{transform: translateY(-10px);box-shadow: 6px 6px 0px #b1b1b1;}} @keyframes acco_hover2 { 0%,100%{transform: translateY(0px); box-shadow: 6px 6px 0px #ff5e71;} 50%{transform: translateY(-10px);box-shadow: 6px 6px 0px #ff5e71;}} @keyframes acco_hover3 { 0%,100%{transform: translateY(0px); box-shadow: 6px 6px 0px #00e19f;} 50%{transform: translateY(-10px);box-shadow: 6px 6px 0px #00e19f;}} @keyframes acco_hover4 { 0%,100%{transform: translateY(0px); box-shadow: 6px 6px 0px #01aef0;} 50%{transform: translateY(-10px);box-shadow: 6px 6px 0px #01aef0;}} @keyframes acco_hover5 { 0%,100%{transform: translateY(0px); box-shadow: 6px 6px 0px #174580;} 50%{transform: translateY(-10px);box-shadow: 6px 6px 0px #174580;}} .accommodation .cont_02 .btmlink li:nth-child(1):hover { animation: acco_hover1 1s ease-in-out infinite forwards;} .accommodation .cont_02 .btmlink li:nth-child(2):hover { animation: acco_hover2 1s ease-in-out infinite forwards;} .accommodation .cont_02 .btmlink li:nth-child(3):hover { animation: acco_hover3 1s ease-in-out infinite forwards;} .accommodation .cont_02 .btmlink li:nth-child(4):hover { animation: acco_hover4 1s ease-in-out infinite forwards;} .accommodation .cont_02 .btmlink li:nth-child(5):hover { animation: acco_hover5 1s ease-in-out infinite forwards;} /* Venue & Transportation */ .venue .listBox {display: flex; height: 60px; margin-bottom: 30px;} .venue .listBox li {width: 100%; height: 100%; background: #f2f2f2; font-size: 20px; padding: 0 5px; box-sizing: border-box; text-align: center; line-height: 1; border: 1px solid #c4c4c4; border-right: none;} .venue .listBox li:first-child {border-radius: 10px 0 0 0;} .venue .listBox li:last-child {border-radius: 0 10px 0 0; border-right: 1px solid #c4c4c4;} .venue .listBox li.active {background: linear-gradient(90deg, #3851a8, #0c71c3); border: none;} .venue .listBox li.active a {color: #fff;} .venue .listBox li a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #7f7f7f;} .venue .subList {display: flex; height: 65px; position: relative; margin-bottom: 45px; border-bottom: 3px solid #d3d3d3;} .venue .subList:after {content: ""; width: calc(100% / 3); height: 3px; background: linear-gradient(-90deg, #3851a8, #0c71c3); position: absolute; left: 0; bottom: -3px; transition: .5s ease;} .venue .subList li {width: 100%; height: 100%; text-align: center; padding: 0 5px; box-sizing: border-box;} .venue .subList li a {transition: .5s ease; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .venue .subList li.active a {color: #0c71c3; font-weight: 600;} .venue .subList.tab2:after {left: 33.33%;} .venue .subList.tab3:after {left: 66.66%;} .venue .subList.subList2 {border-bottom: none; gap: 10px 2%;} .venue .subList.subList2:after {display: none;} .venue .subList.subList2 li {border: 1.5px solid #7f7f7f; background: #f5f5f5; color: #7f7f7f; border-radius: 35px;} .venue .subList.subList2 li a {color: #7f7f7f; padding: 0 10px; box-sizing: border-box;} .venue .subList.subList2 li.active {border: 2px solid #0c71c3; background: #fff;} .venue .subList.subList2 li.active a {color: #0c71c3} .venue .contBox h4 {font-size:24px; margin-bottom: 20px; font-weight: 600; color: var(--pointColor);} .venue .contBox h4 i {margin-right: 5px;} .venue .contBox h4 span {display: inline;} .venue .contBox .mapBox {height: 305px; margin-bottom: 20px;} .venue .contBox .mapBox iframe {width: 100%; height: 100%;} .venue figure {border: 1px solid #d3d3d3;} .venue figure img {width: 100%; height: 100%; object-fit: cover;} .venue.info .contBox .text {display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center;} .venue.info .contBox .text .left span {color: #0c71c3; margin-bottom: 4px;} .venue.info .contBox .text a {width: 230px; height: 40px; background: #0c71c3; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; border-radius: 5px; gap: 5px; position: relative; z-index: 1;} .venue.info .contBox .textBox {height: 255px; gap: 0; flex-wrap: nowrap; overflow: hidden;} .venue.info .contBox .textBox .left {width: 50%; height: 100%; background: #eef3f9; display: flex; flex-direction: column; justify-content: center; padding: 0 25px; box-sizing: border-box; position: relative; overflow: hidden;} .venue.info .contBox .textBox .left:before {content: ""; width: 93px; height: 67px; background: url(./images/sub/scientificProgram_img01.png) no-repeat center / cover; position: absolute; bottom: 15%; right: 35%; opacity: .46; animation: scientificImg01 5s ease both infinite alternate;} .venue.info .contBox .textBox .left:after {content: ""; width: 172px; height: 171px; background: url(./images/sub/scientificProgram_img03.png) no-repeat center / cover; position: absolute; bottom: -8%; right: -3%; opacity: .46; animation: scientificImg03 3s ease infinite alternate;} .venue.info .contBox .textBox .left strong {color: #0c71c3; font-size: 20px; margin-bottom: 20px; display: flex; align-items: center; gap: 5px;} .venue.info .contBox .textBox .left p {margin-bottom: 35px; line-height: 1.5;} .venue.info .contBox .textBox .left span {margin-bottom: 0;} .venue.info .contBox .textBox .left a span {color: #fff;} .venue.info .contBox .textBox .right {width: 50%; height: 100%;} .venue.info .contBox .textBox .right img {width: 100%; height: 100%; object-fit: cover;} .venue.airport .contBox h4 i {transform: rotate(45deg);} .venue.airport .contBox .imgBox {display: flex; gap: 2.5%; justify-content: space-between;} .venue.airport .contBox .imgBox a {border-radius: 15px; overflow: hidden; position: relative; width: 100%;} .venue.airport .contBox .imgBox a:after {content: ""; width: 100%; height: 100%; border-radius: 15px; background: linear-gradient(0deg, black, transparent); position: absolute; top: 100%; left: 0; transition: .5s ease;} .venue.airport .contBox .imgBox figure {border: none;} .venue.airport .contBox .imgBox figure img {width: 100%; height: 100%; object-fit: cover;} .venue.airport .contBox .imgBox p {position: absolute; bottom: 20px; left: 7%; color: #fff; font-weight: 500; z-index: 1;} .venue.airport .contBox .imgBox p i {width: 22px; height: 22px; background: #fff; border-radius: 50%; text-align: center; line-height: 22px; color: var(--black); font-size: 14px; margin-left: 10px; opacity: 0; transform: translateX(-10px); transition: .5s ease;} .venue .contWrap .contBox {display: none;} .venue .contWrap .contBox.on {display: block; animation: UpMove 1s ease both} @Keyframes UpMove {0% {transform: translateY(30px); opacity: 0;} 100% {transform: none; opacity: 1;}} .venue.subway .cont01 > p {margin-bottom: 25px;} .venue.subway .cont01.lineType1 .tableBox {margin-bottom: 15px;} .venue.subway .cont01 table th {vertical-align: middle; background: var(--pointColor); color: #fff; text-align: center; height: 50px; border-right: 1px solid #d3d3d3; padding: 0 5px; box-sizing: border-box;} .venue.subway .cont01.lineType1 table th.th1 {width: 350px;} .venue.subway .cont01.lineType1 table th.th5 {width: 22%;} .venue.subway .cont01.lineType1 table th:last-child {border-right: none;} .venue.subway .cont01.lineType1 table tbody tr {border-bottom: 1px solid #d3d3d3;} .venue.subway .cont01.lineType1 table td {border-right: 1px solid #d3d3d3; text-align: center; vertical-align: middle;} .venue.subway .cont01.lineType1 table td:not(.line) {padding: 0 10px;} .venue.subway .cont01.lineType1 table td:last-child {border-right: none;} .venue.subway .cont01 table .line {display: flex; justify-content: space-between; padding: 30px 7% 10px; font-size: 15px;} .venue.subway .cont01 table .line .box {display: flex; flex-direction: column; align-items: center; position: relative;} .venue.subway .cont01.lineType1 table .line .box:not(.box03):after {content: ""; width: 70px; height: 2px; background: #73b6e4; position: absolute; top: 12px; right: -58px;} .venue.subway .cont01.lineType1 table .line.line2 .box02:after {background: #3cb44a;} .venue.subway .cont01.lineType1 table .line.line9 .box02:after, .venue.subway .cont01.lineType1 table .line.line9-2 .box01:after {background: #c6a31b;} .venue.subway .cont01 table .line2 .circle.center:after {background: #3cb44a;} .venue.subway .cont01 table .line9 .circle.center:after {background: #c6a31b;} .venue.subway .cont01 .circle {width: 25px; height: 25px; border-radius: 50%; border: 4px solid #73b6e4; box-sizing: border-box; position: relative; background: #fff;} .venue.subway .cont01 table .line2 .box03 .circle {border-color: #3cb44a} .venue.subway .cont01 table .line9 .box03 .circle {border-color: #c6a31b} .venue.subway .cont01 table .circle.center:after {content: ""; width: 11px; height: 11px; border-radius: 50%; position: absolute; top: 3px; left: 3px;} .venue.subway .cont01.lineType1 table .line .gate {position: absolute; top: -21px; white-space: nowrap;} .venue.subway .cont01.lineType1 table .line.line2 .gate {color: #3cb44a;} .venue.subway .cont01.lineType1 table .line.line9 .gate {color: #c6a31b;} .venue.subway .cont01 table .line .box p {height: 36px; display: flex; align-items: center; margin-top: 3px;} .venue.subway .cont01.lineType1 table .line.line9-2 {padding-left: 23%; padding-right: 23%;} .venue.subway .cont01 table .line.line9-2 .box .circle {border-color: #c6a31b;} .venue.subway .cont01 .mo {display: none; font-size: 14px; color: #e43232; margin-top: 5px;} .venue.subway .cont01 .textBox {display: flex; gap: 10px 20px; flex-wrap: wrap; justify-content: space-between;} .venue.subway .cont01.lineType1 .textBox {margin-bottom: 50px;} .venue.subway .cont01 .textBox .left {display: flex; gap: 10px 20px; flex-wrap: wrap;} .venue.subway .cont01 .textBox .left .text {display: flex; gap: 10px; align-items: center; font-size: 16px; color: #73b6e4} .venue.subway .cont01 .textBox .circle {width: 20px; height: 20px;} .venue.subway .cont01 .textBox .left .text.line2 {color: #3cb44a;} .venue.subway .cont01 .textBox .left .text.line2 .circle {border-color: #3cb44a;} .venue.subway .cont01 .textBox .left .text.line9 {color: #c6a31b;} .venue.subway .cont01 .textBox .left .text.line9 .circle {border-color: #c6a31b;} .venue.subway .cont01 .textBox .right {color: #e43232;} .venue.subway .cont01.lineType2 .textBox {margin-bottom: 15px;} .venue.subway .cont01.lineType2 .tableBox {margin-bottom: 35px;} .venue.subway .cont01.lineType2 table tr {display: block; margin-bottom: 20px; border-bottom: 1px solid #7f7f7f;} .venue.subway .cont01.lineType2 table tr:last-child {margin-bottom: 0;} .venue.subway .cont01.lineType2 table tr th {display: block; width: 100%; display: flex; align-items: center; justify-content: center;} .venue.subway .cont01.lineType2 table tr td {width: 100%; padding: 0; display: block;} .venue.subway .cont01.lineType2 table .lineWrap {padding: 15px 7% 60px; border-bottom: 1px solid #d3d3d3;} .venue.subway .cont01.lineType2 table .line {align-items: center;padding: 0; position: relative;} .venue.subway .cont01.lineType2 table .line:before {content: ""; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: -1;} .venue.subway .cont01.lineType2 table .line:after {content: ""; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: -1;} .venue.subway .cont01.lineType2 table .line2:before {background: #73b6e4; width: 29%} .venue.subway .cont01.lineType2 table .line9:before {background: #73b6e4; width: 43%;} .venue.subway .cont01.lineType2 table .line9-2:before {background: #c6a31b; width: 100%;} .venue.subway .cont01.lineType2 table .line2:after {background: #3cb44a; width: 70%} .venue.subway .cont01.lineType2 table .line9:after {background: #c6a31b; width: 57%;} .venue.subway .cont01.lineType2 table .line .box p {position: absolute; bottom: -39px; white-space: nowrap; margin: 0; text-align: center;} .venue.subway .cont01.lineType2 .circle2 {width: 12px; height: 12px; border-radius: 50%;} .venue.subway .cont01.lineType2 .circle2.area {background: #73b6e4;} .venue.subway .cont01.lineType2 .circle2.line2 {background: #3cb44a;} .venue.subway .cont01.lineType2 .circle2.line9 {background: #c6a31b;} .venue.subway .cont01.lineType2 .box03 p {flex-direction: column;} .venue.subway .cont01.lineType2 .line2 .box03 p span {color: #3cb44a;} .venue.subway .cont01.lineType2 .line9 .box03 p span {color: #c6a31b;} .venue.subway .cont01.lineType2 table .text {text-align: left; padding: 20px 0; font-size: 16px;} .venue.subway .cont01.lineType2 table .text p {margin-bottom: 10px;} .venue.subway .cont01.lineType2 table .text p strong {width: 108px; margin-right: 5%;} .venue.subway .topText {display: flex; justify-content: space-between; margin-bottom: 40px; gap: 15px; flex-wrap: wrap;} .venue.subway .topText a {width: 180px; height: 40px; background: #0c71c3; color: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 16px;} .venue.bus .contBox .top {margin-bottom: 60px;} .venue.bus .contBox .top h4 {color: #73b6e4; display: flex; align-items: center; margin-bottom: 15px;} .venue.bus .contBox .top h4 strong {font-size: 20px; color: #fff; position: relative;} .venue.bus .contBox .top h4 strong:after {content: ""; width: 112%; height: 85%; background: #73b6e4; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;} .venue.bus .contBox .top .linkText {font-family: 'Roboto'; font-weight: 500; position: relative; margin-bottom: 8px;} .venue.bus .contBox .top .linkText:after {content: ""; width: 100%; height: 1px; background: var(--black); position: absolute; bottom: 0; left: 0; transition: .5s ease;} .venue.bus .contBox .top .red {color: #e43232; font-size: 16px; margin-bottom: 20px;} .venue.bus .contBox .top figure {margin-bottom: 20px;} .venue.bus .contBox .top table tr {border-bottom: 1px solid #d3d3d3;} .venue.bus .contBox .top table tr:first-child {border-top: 1px solid #d3d3d3;} .venue.bus .contBox .top table tr:nth-child(even) {background: #f5f5f5;} .venue.bus .contBox .top table th {width: 17%; text-align: center; vertical-align: middle; background: var(--pointColor); color: #fff;} .venue.bus .contBox .top table td {vertical-align: middle; padding: 15px 3%;} .venue.bus .contBox .bot strong {font-size: 20px; margin-bottom: 8px;} .venue.bus .contBox .bot strong span {color: #5396c5;} .venue.bus .contBox .bot p {font-size: 16px; margin-bottom: 25px;} .venue.car .contBox > p {font-size: 16px; line-height: 1.4;} .venue.car .contBox > p span {color: #0c71c3; margin-bottom: 25px;} .venue.car .cont03 .box.top {margin-bottom: 40px;} .venue.car .cont03 .textBox {padding: 30px 2.5%; margin-bottom: 10px;} .venue.car .cont03 .textBox01 {background: #e1efff;} .venue.car .cont03 .textBox02 {background: #dadff3;} .venue.car .cont03 .textBox03 {background: #f8ebde;} .venue.car .cont03 .textBox04 {background: #f5dedc;} .venue.car .cont03 .textBox:last-child {margin-bottom: 0;} .venue.car .cont03 .textBox strong {margin-bottom: 15px;} .venue.car .cont03 .textBox p {font-size: 16px; line-height: 1.6; position: relative; padding-left: 15px; margin-bottom: 3px;} .venue.car .cont03 .textBox p:last-child {margin-bottom: 0;} .venue.car .cont03 .textBox p:before {content: "1."; position: absolute; top: 0; left: 0;} .venue.car .cont03 .textBox p:nth-child(2):before {content: "2.";} .venue.car .cont03 .textBox p:nth-child(3):before {content: "3.";} .venue.car .cont03 .textBox p:nth-child(4):before {content: "4.";} .venue.car .cont03 .textList {border-radius: 10px; border: 1px solid #0c71c3;} .venue.car .cont03 .textList02 {border-color: #ee9a45;} .venue.car .cont03 .textList li {padding: 25px 3.5%;} .venue.car .cont03 .textList li:first-child {position: relative;} .venue.car .cont03 .textList li:first-child:after {content: ""; width: calc(100% - 5%); position: absolute; height: 1px; border-bottom: 1px dashed #0c71c3; bottom: 0; left: 50%; transform: translateX(-50%);} .venue.car .cont03 .textList02 li:first-child:after {border-color: #ee9a45;} .venue.car .cont03 .textList li strong {font-size: 20px; margin-bottom: 8px;} .venue.car .cont03 .textList li p {font-size: 16px; line-height: 1.6; position: relative; padding-left: 15px; margin-bottom: 3px;} .venue.car .cont03 .textList li p:last-child {margin-bottom: 0;} .venue.car .cont03 .textList li p:before {content: "1."; position: absolute; top: 0; left: 0;} .venue.car .cont03 .textList li p:nth-child(2):before {content: "2.";} .venue.car .cont03 .textList li p:nth-child(3):before {content: "3.";} .venue.car .cont03 .textList li p:nth-child(4):before {content: "4.";} .venue.taxi .topText {margin-bottom: 40px;} .venue.taxi .topText p {position: relative; padding-left: 15px; line-height: 1.4;} .venue.taxi .topText p:before {content: ""; width: 4px; height: 4px; background: #4e4e4e; position: absolute; top: 10px; left: 0;} .venue.taxi .top {margin-bottom: 55px;} .venue.taxi .top > strong {color: #0c71c3; font-size: 20px; margin-bottom: 12px;} .venue.taxi .top figure:not(:last-child) {margin-bottom: 40px;} .venue.taxi .bot table th {padding: 15px 10px; vertical-align: middle; text-align: center; background: var(--pointColor); color: #fff; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;} .venue.taxi .bot table th.th5 {border-right: none;} .venue.taxi .bot table tr {border-bottom: 1px solid #d3d3d3;} .venue.taxi .bot table td {text-align: center; padding: 15px 5px; border-right: 1px solid #d3d3d3; vertical-align: middle;} .venue.taxi .bot table td:last-child {border-right: none;} .venue.taxi .bot table td a {max-width: 120px; width: 75%; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #0c71c3; color: #fff; margin: 0 auto; margin-top: 10px;} .venue.taxi .bot .mo {display: none; font-size: 14px; color: #e43232; margin-top: 5px;} /* sponsorship_overview */ .sponsors .subBoard .text > strong {font-size: 24px; color: var(--pointColor); margin-bottom: 40px; display: block;} .sponsors .subBoard .tt {line-height: 1.6; margin-bottom: 50px; text-align: justify; letter-spacing: -.5px;} .sponsors .subBoard .tt p:not(:last-child) {margin-bottom: 35px;} .sponsors .subBoard .tt p a {color: #0689CD; position: relative;} .sponsors .subBoard .tt p a:before {content: ""; position: absolute; width: 100%; height: 1px; display: block; bottom: 4px; left: 0; background: #0689CD;} .sponsors .subBoard .tt p a:after {content: ""; position: absolute; width: 0; height: 30%; display: block; bottom: 4px; left: 50%; transform: translateX(-50%); background:#0689CD; transition: .5s ease; opacity: 0.2;} .sponsors .subBoard .tt p a span {transition: .5s ease;} /* to be announced */ .tba {border: 1px solid #d3d3d3; position: relative;} .tba .bg {overflow: hidden;} .tba .bg img {width: 100%; height: 100%; object-fit: cover; min-height: 250px;} .tba.aos-animate .bg img {animation: scaleMove3 4s ease both;} .tba .textBox {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; width: 100%;} .tba .textBox .logo {margin-bottom: 15px;} .tba.aos-animate .textBox .logo {animation: scaleMove 1s ease both;} .tba .textBox .text {margin-bottom: 40px;} .tba.aos-animate .textBox .text {animation: upMove 1s .3s ease both;} .tba .textBox .text2 {position: relative;} .tba.aos-animate .textBox .text2 {animation: opacityMove_1 1s .5s ease both;} .tba .textBox .text2 .text3 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: 600; color: #fff; text-align: center; width: 100%;} .tba .textBox .text2 > p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; font-weight: 600; color: #fff;} .tba.aos-animate .textBox .text2 p span {animation: spanUpText 5s ease both infinite;} .tba_modal .modalBox {max-width: 400px; width: 100%; text-align: center; padding: 55px 20px; box-sizing: border-box;} .tba_modal .modalBox figure {margin-bottom: 25px;} .tba_modal .modalBox .title {color: var(--pointColor); font-family: 'GmarketSans'; font-size: 28px;} .tba_modal.on .modalBox .title span {animation: spanUpText 3s ease both infinite;} .awards .con03_box div {border: 2px solid #0f3a6d; border-radius: 10px; line-height: 1.4; padding: 16px 16px ;box-sizing: border-box; margin-bottom: 10px; text-align: justify;} .o_committee .table tbody { border-top: 3px solid #0689CD; } .o_committee .table tr { height: 50px;} .o_committee .table th {padding-right: 10px; font-weight: 300;} .o_committee .table th , .o_committee .table td {vertical-align: middle;} .o_committee .table th {background-color:#0689CD; color: #fff; text-align: left; padding-left: 40px;box-sizing: border-box; border-bottom: 1px solid #fff;} .o_committee .table td {padding-left: 58px; box-sizing: border-box; border-bottom: 1px solid #E2E2E2; display: flex; align-items: center; height: 50px;} .o_committee .table td p:nth-child(1) {width: 350px;} .register .register_box h4.subbox_tit {font-size: 24px; color: #017BC8; margin-bottom: 20px; font-weight: 600; opacity: 0; transform: translateX(-50px); transition: all 0.95s ease-in-out;} .register .register_box .subbox.aos-animate h4.subbox_tit {opacity: 1; transform: translateX(0);} .register .register_box .top_txt , .register .register_box .subbox08 .conbox .div02, .register .register_box .subbox {margin-bottom: 50px;} .register .register_box .subbox .table tbody , .register .register_box .subbox .table thead th {border-right: 1px solid #e2e2e2; box-sizing: border-box;} .register .register_box .subbox .table thead th { font-size: 20px; padding: 10px ; } .register .register_box .subbox .table tbody td { vertical-align: middle; box-sizing: border-box;} .register .register_box .subbox09 {line-height: 1.5;} .register .register_box .subbox09 ul{margin-bottom: 12px;} .register .register_box .subbox09 ul li{display: flex; align-items: center;} .register .register_box .subbox09 ul li i {width: 4px; height: 4px; border-radius: 100%; background-color: #0A0A0A; margin-right: 10px; margin-left: 5px; min-width: 4px;} .register .register_box .subbox thead th {font-weight: 500;} .register .register_box .subbox thead th , .register .register_box .subbox tbody td { height: 50px; vertical-align: middle; text-align: center;} .register .register_box .subbox tbody td { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;; padding: 5px ; box-sizing: border-box;} .register .register_box .subbox tbody th {border-right: 1px solid #e2e2e2; box-sizing: border-box;} .register .register_box .top_txt .top_txt_first {margin-bottom: 20px; line-height: 1.4;} .register .register_box .top_txt .date_info > p{ color:#656565; font-size: 15px;text-align: right; padding-bottom: 5px; } .register .register_box .top_txt .date_info .mint_box { background-color: #D5EFF4; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 24px; padding: 30px 10px ; margin-bottom: 40px; font-weight: 600; text-align: center; position: relative; overflow: hidden;} .register .register_box .top_txt .date_info .mint_box::before {content: "";position: absolute; left: -10%; top: -70px; background-color: #1289a366; width: 80px; height: 220px; transform: skewX(-20deg); transition: all 2s cubic-bezier(0.62, -0.11, 0.32, 1.18) ;} .register .register_box .top_txt.aos-animate .date_info .mint_box::before {left: 110%;} .register .register_box .top_txt .date_info .mint_box em { color: #E76D29;} .register .register_box .btn_goregistartion {margin: 0 auto; width: 330px; height: 50px; display: flex; align-items: center; justify-content: center; color: #fff;background-color: #1289A3; border-radius: 50px; position: relative;} .register .register_box .top_txt .btn_goregistartion { opacity: 0;transform: translateY(30px); transition: all 0.65s ease-in-out; transition-delay: 0.2s;} .register .register_box .top_txt.aos-animate .btn_goregistartion { opacity: 1; transform: translateY(0);} .register .register_box .btn_goregistartion p {display: flex; align-items: center; gap: 0 10px;} .register .register_box .btn_goregistartion::before {content: ""; position: absolute; width: 100%; height: 100%; top: 2px; left: 2px; border-bottom: 1px solid #13798f; border-right: 1px solid #13798f; border-radius: 50px; box-shadow: 3px 0px 12px #13798f; opacity: 0; transition: .2s ease; z-index: -1;} .register .register_box .btn_goregistartion:hover::before {opacity: 1;} .register .register_box .btn_goregistartion:hover i {animation: btn_goregitartion_i 1s ease-in-out infinite forwards;} @keyframes btn_goregitartion_i { 0%,100%{transform: translateX(0);} 50%{transform: translateX(6px);} } .register .register_box .subbox01 .subbox_tit { margin-bottom: 50px;} .register .register_box .subbox01 .conbox ul {display: flex;justify-content: space-between; flex-wrap: wrap;} .register .register_box .subbox01 .conbox ul li {flex-basis: calc(20% - 15px); display: flex; flex-direction: column; align-items: center;} .register .register_box .subbox01 .conbox ul li:last-of-type{flex-basis: 24%;} .register .register_box .subbox01 .conbox ul li .circle_btm { font-size: 17px ;color: #000; text-align: center; transition-delay: 0.2s;} .register .register_box .subbox01 .conbox ul li .circlezone { position: relative; width: 210px; height: 172px; margin-bottom: 13px;} .register .register_box .subbox01 .conbox ul li .circlezone > div {position: absolute; left: 0; top: 0;width: 100% ; height: 100%;} .register .register_box .subbox01 .conbox ul li .circlezone > div svg {width: 100% ; height: auto;} .register .register_box .subbox01 .conbox ul li .circlezone .svg_icon { display: flex ; align-items: center; justify-content: center; transition-delay: 0.01s;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num { display: flex ; align-items: flex-end; justify-content: center; font-size: 20px;font-weight: 600;transition-delay: 0.1s; } .register .register_box .subbox01 .conbox ul li:nth-child(1) .circlezone .step_num { color:#5C83E6 ;} .register .register_box .subbox01 .conbox ul li:nth-child(2) .circlezone .step_num { color:#3AC8F0 ;} .register .register_box .subbox01 .conbox ul li:nth-child(3) .circlezone .step_num { color: #51D4A8;} .register .register_box .subbox01 .conbox ul li:nth-child(4) .circlezone .step_num { color: #3FBCB2;} .register .register_box .subbox01 .conbox ul li:nth-child(5) .circlezone .step_num { color: #1289A3;} .register .register_box .subbox01 .conbox ul li .svg_icon , .register .register_box .subbox01 .conbox ul li .step_num, .register .register_box .subbox01 .conbox ul li .circle_btm { opacity: 0; transform: translateY(60px); transition: all 0.65s ease-in-out;} .register .register_box .subbox01.aos-animate .conbox ul li .svg_bg , .register .register_box .subbox01.aos-animate .conbox ul li .svg_color , .register .register_box .subbox01.aos-animate .conbox ul li .svg_icon , .register .register_box .subbox01.aos-animate .conbox ul li .step_num, .register .register_box .subbox01.aos-animate .conbox ul li .circle_btm { opacity: 1; transform: translateY(0);} .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(1) .svg_bg , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(1) .svg_color , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(1) .svg_icon , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(1) .step_num, .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(1) .circle_btm { transition-delay: 0.0s;} .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(2) .svg_bg , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(2) .svg_color , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(2) .svg_icon , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(2) .step_num, .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(2) .circle_btm { transition-delay: 0.15s;} .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(3) .svg_bg , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(3) .svg_color , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(3) .svg_icon , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(3) .step_num, .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(3) .circle_btm { transition-delay: 0.3s;} .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(4) .svg_bg , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(4) .svg_color , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(4) .svg_icon , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(4) .step_num, .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(4) .circle_btm { transition-delay: 0.45s;} .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(5) .svg_bg , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(5) .svg_color , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(5) .svg_icon , .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(5) .step_num, .register .register_box .subbox01.aos-animate .conbox ul li:nth-child(5) .circle_btm { transition-delay: 0.6s;} .register .register_box .subbox02 .table thead th:nth-child(1) {font-family: 'Roboto' ;} .register .register_box .subbox02 {font-weight: 500;} .register .register_box table caption {position:absolute;width:1px !important;height:1px !important;padding:0px !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space : nowrap !important;border : 0 !important;} .register .register_box .subbox03 .table , .register .register_box .subbox02 .table {margin-bottom: 15px;} .register .register_box .subbox02 .table thead { background-color: #E06C7B; color: #fff;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1) {background-color: #F9D7DC; vertical-align: middle; width: 230px;} .register .register_box .subbox02 .table tr.gray td {background-color: #F9F9F9;} .register .register_box .subbox02 .table tr.dart td {background-color: #E3E3E3;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4) {width: 350px;} .register .register_box .subbox02 ul , .register .register_box .subbox05 .conbox .table_wrap ul , .register .register_box .subbox06 .conbox div ul, .register .register_box .subbox08 .conbox .div01, .register .register_box .subbox03 ul {display: flex; flex-direction: column; gap: 4px 0;} .register .register_box .subbox02 ul li, .register .register_box .subbox06 .conbox div ul li , .register .register_box .subbox05 .conbox .table_wrap ul li , .register .register_box .subbox08 .conbox .div01 li, .register .register_box .subbox03 ul li {display: flex; line-height: 1.4; align-items: flex-start; gap: 0 20px;} .register .register_box .subbox01 ul li .svg_color svg path:nth-child(1) , .register .register_box .subbox01 ul li .svg_color svg path:nth-child(2) {transition: all 1.2s ease-in-out ;} .register .register_box .subbox01 ul li:nth-child(1) .svg_color svg path:nth-child(2) { stroke-dasharray: 100; stroke-dashoffset: 100; transition-delay: 0s; } .register .register_box .subbox01 ul li:nth-child(2) .svg_color svg path:nth-child(2) { stroke-dasharray: 200; stroke-dashoffset: 200; transition-delay: 0.2s; } .register .register_box .subbox01 ul li:nth-child(3) .svg_color svg path:nth-child(2) { stroke-dasharray: 300; stroke-dashoffset: 300; transition-delay: 0.4s;} .register .register_box .subbox01 ul li:nth-child(4) .svg_color svg path:nth-child(2) { stroke-dasharray: 400; stroke-dashoffset: 400; transition-delay: 0.6s;} .register .register_box .subbox01 ul li:nth-child(5) .svg_color svg path:nth-child(1) { stroke-dasharray: 500; stroke-dashoffset: 500; transition-delay: 0.8s;} .register .register_box .subbox02 .subbox_tit { font-family: 'Roboto';} .register .register_box .subbox02 .table tr.big_tr:nth-child(1) td:nth-child(1) {border-bottom: 1px solid #fff;} .register .register_box .subbox02 table thead em , .register .register_box .subbox03 table thead em { font-weight: 400;} .register .register_box .subbox03 .table thead {background-color: #E06C7B; color: #fff;} .register .register_box .subbox03 .table tbody tr:nth-child(2) td {background-color: #F9F9F9; } .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3) {width: 350px;} .register .register_box .subbox03 table tr td:nth-child(1) {border-left: 1px solid #e2e2e2;} .register .register_box .subbox04 .conbox ul {border: 2px solid #017BC8; border-radius: 15px; display: flex; flex-wrap: wrap; gap: 30px 17px ; padding: 55px 50px; position: relative;overflow: hidden;} .register .register_box .subbox04 .conbox ul::before , .register .register_box .subbox04 .conbox ul::after {content: ""; position: absolute; left: 0; top: 0 ;width: 100%; height: 100%; background-color: #017bc869; transition: all 1s ease-in-out; opacity: 1;} .register .register_box .subbox04 .conbox ul::after {transition-delay: 0.4s ;transition: all 0.7s ease-in-out;} .register .register_box .subbox04 .conbox ul li {flex-basis: calc(100% / 3 - 13px); display: flex; text-align: center; flex-wrap: wrap; align-items: flex-start; justify-content: center; opacity: 0; transform: translateY(50px); transition: all 0.7s ease-in-out;} .register .register_box .subbox04 .conbox ul li:nth-child(1) {transition-delay:0.0s ;} .register .register_box .subbox04 .conbox ul li:nth-child(2) {transition-delay:0.15s ;} .register .register_box .subbox04 .conbox ul li:nth-child(3) {transition-delay:0.3s ;} .register .register_box .subbox04 .conbox ul li:nth-child(4) {transition-delay:0.45s ;} .register .register_box .subbox04 .conbox ul li:nth-child(5) {transition-delay:0.6s ;} .register .register_box .subbox04 .conbox ul li:nth-child(6) {transition-delay:0.75s ;} .register .register_box .subbox04.aos-animate .conbox ul li {opacity: 1; transform: translateY(0);} .register .register_box .subbox04 .conbox ul li p {flex-basis: 100%; } .register .register_box .subbox04 .conbox ul li div {width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; padding-bottom: 18px;} .register .register_box .subbox04 .conbox ul li div img {max-width: 100%; max-height: 100%; width: auto; height: auto;} .register .register_box .subbox04.aos-animate ul::before , .register .register_box .subbox04.aos-animate ul::after { height: 0; opacity: 0.5;} .register .register_box .subbox05 .conbox .f_p { margin-bottom: 15px; line-height: 1.4;} .register .register_box .subbox05 .conbox .table_wrap{ border: 2px solid #EA9D70; border-radius: 15px; padding: 30px 50px; box-sizing: border-box;position: relative; overflow: hidden;} .register .register_box .subbox05 .conbox .table_wrap::before , .register .register_box .subbox05 .conbox .table_wrap::after {content: ""; position: absolute; left: 0; top: 0 ;width: 100%; height: 100%; background-color: #eda28961; transition: all 1s ease-in-out; opacity: 1;} .register .register_box .subbox05 .conbox .table_wrap::after {transition-delay: 0.4s ;transition: all 0.7s ease-in-out;} .register .register_box .subbox05.aos-animate .table_wrap::before , .register .register_box .subbox05.aos-animate .table_wrap::after { height: 0; opacity: 0.5;} .register .register_box .subbox05 .conbox table thead {background-color: #EA9D70; color: #fff; } .register .register_box .subbox05 .conbox td.time { background-color: #FFE3D2;} .register .register_box .subbox05 .conbox td.gray { background-color: #F9F9F9;} .register .register_box .subbox05 .btmem { color: #929292; padding-top: 10px;transform: skewX(-10deg); font-style: italic;} .register .register_box .subbox05 .conbox .table_wrap ul {margin-bottom: 15px;} .register .register_box .subbox05 table td.time { width: 320px;border-bottom-color: #fff;} .register .register_box .subbox05 .session01 tr:last-of-type td { background-color: #fff;} .register .register_box .subbox05 .session01 tr:nth-child(4) td:nth-child(1) { border-bottom-color: #e2e2e2; } .register .register_box .subbox05 .session01 tr:last-of-type .nocolor { border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;} .register .register_box .subbox05 table td:nth-child(2) { text-align: left; padding-left: 75px;} .register .register_box .subbox05 .time { border-right: none;} .register .register_box .subbox06 .conbox div:nth-child(1) {margin-bottom: 30px;} .register .register_box .subbox06 .method { color: #000; font-size: 22px; margin-bottom: 14px; font-weight: 700; display: flex; align-items: center;} .register .register_box .subbox06 .method span { width: 6px; height: 6px; margin-right: 16px; background-color: #000;} .register .register_box .subbox07 thead {background-color: #E06C7B; color: #fff;} .register .register_box .subbox07 .bank01 td {font-weight: 500;} .register .register_box .subbox07 tr td.pink {background-color: #F9D7DC; border-bottom-color: #fff; width: 260px; border-right: none; min-width: 260px;} .register .register_box .subbox07 tr td.gray {background-color: #F9F9F9; } .register .register_box .subbox07 td.td { width: 31.5%;} /* .register .register_box .subbox07 td.td p{ transform: skewX(-16deg);} */ .register .register_box .subbox08 .conbox .div01 li a { color: #017BC8; text-decoration: underline; } .register .register_box .subbox08 .conbox .div02 {display: flex; flex-wrap: wrap;} .register .register_box .subbox08 .conbox .div02 .pink {background-color: #F9D7DC;} .register .register_box .subbox08 .conbox .div02 li {height: 50px;display: flex; align-items: center; justify-content: center; box-sizing: border-box;} .register .register_box .subbox08 .conbox .div02 li:nth-child(2) {background-color: #F9F9F9;} .register .register_box .subbox08 .conbox .div02 li:nth-child(1), .register .register_box .subbox08 .conbox .div02 li:nth-child(3){width: 420px;} .register .register_box .subbox08 .conbox .div02 li:nth-child(2), .register .register_box .subbox08 .conbox .div02 li:nth-child(4) {width: calc(100% - 420px);} .register .register_box .subbox08 .conbox .div02 li:nth-child(2) p , .register .register_box .subbox08 .conbox .div02 li:nth-child(4) p { width: 100%; text-align: left; padding-left: 70px; } .register .register_box .subbox08 .conbox .div02 li:nth-child(1){border-bottom: 1px solid #fff; border-top: 1px solid #F9D7DC;} .register .register_box .subbox08 .conbox .div02 li:nth-child(2){border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; } .register .register_box .subbox08 .conbox .div02 li:nth-child(3){border-bottom: 1px solid #F9D7DC; } .register .register_box .subbox08 .conbox .div02 li:nth-child(4) {border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2} .register .register_box .subbox08 .conbox .div01 {margin-bottom: 20px;} .register .register_box .subbox02 ul li a:nth-child(1) {color: #0689CD; text-decoration: underline;} .register .register_box .subbox02 tbody tr:last-of-type td em { font-weight: 700;} .register .register_box .subbox02 table th:last-of-type {border-right: none;} .register .register_box .subbox02 tbody tr:last-of-type td {border-right: none; border-bottom: none; background-color: #E3E3E3;text-align: left; padding-left: 38px; line-height:1.5} .register .register_box .subbox01.aos-animate .conbox ul li .svg_color svg path:nth-child(1) , .register .register_box .subbox01.aos-animate .conbox ul li .svg_color svg path:nth-child(2) { stroke-dashoffset: 0;} .tour .transportation_type{display: flex;width: 100%; margin-bottom: 50px;} .tour .transportation_type li{ display: flex; align-items: center; justify-content:center; color: #6B6B6B; font-size: 20px; background-color: #F8F8F8; border: 1px solid #e2e2e2;text-align: center;flex-basis: 50%; height: 60px; cursor: pointer; line-height: 1.4;transition: all 0.15s ease-in-out;} .tour .transportation_type li:hover {box-shadow: inset 0px 0px 16px #00000047; } .tour .transportation_type li:nth-child(1) {border-radius:10px 0 0 10px; border-left: right;} .tour .transportation_type li:nth-child(2) {border-radius:0 10px 10px 0; border-left: none;} .tour .transportation_type li.now {background: rgb(0,124,214); background: linear-gradient(120deg, rgba(0,124,214,1) 0%, rgba(55,191,200,1) 100%); color: #fff; box-shadow: 0px 2px 7px rgba(0,0,0,0.25); border-bottom: none;} .tour .by_type {display: flex;border-bottom: 1px solid #E2E2E2; margin-bottom: 33px;position: relative;} .tour .by_type::before{content: ""; position: absolute; left: 0 ; width: 25%; height: 2px; background-color: #0689CD; bottom: 0;transition: all 0.25s ease-in-out;} .tour .by_type li{flex-basis: 25%; display: flex; align-items: center; justify-content: center;color: #6B6B6B; font-size: 20px; height: 60px; cursor: pointer; transition: all 0.25s ease-in-out; font-weight: 500;} .tour .by_type:has(li:nth-child(1).now)::before {left: 0;} .tour .by_type:has(li:nth-child(2).now)::before {left: 25%;} .tour .by_type:has(li:nth-child(3).now)::before {left: 50%;} .tour .by_type:has(li:nth-child(4).now)::before {left: 75%;} .tour .by_type:has(li:nth-child(1):hover)::before {left: 0;} .tour .by_type:has(li:nth-child(2):hover)::before {left: 25%;} .tour .by_type:has(li:nth-child(3):hover)::before {left: 50%;} .tour .by_type:has(li:nth-child(4):hover)::before {left: 75%;} .tour .by_type li.now { border-bottom: 1px solid ; color: #0689CD; border-bottom: 2px solid #0689CD;font-weight: 700; } .tour .transbox {margin-bottom: 50px;} .tour .transbox:last-of-type {margin-bottom: 0;} .tour .transbox .by_tit {display: flex; gap: 0 8px;align-items: center;font-size: 24px; font-weight: 600; margin-bottom: 10px;} .tour .transbox .by_tit > i { color: #0689CD; font-size: 24px; } .tour .transbox .by_tit > p {display: flex; align-items: center; gap: 0 8px; font-weight: 500;} .tour .transbox .by_tit .txtbox01 { color: #6FB4E3; padding-right: 15px;} .tour .transbox .txtbox02 {color: #0A0A0A; font-weight: 600; } .tour .busbox02:not(.busbox02_02) .txtbox02 {margin-bottom: 13px; padding-top: 10px;} .tour .transbox .txtbox02 em { color: #0689CD;} .tour .transbox .by_tit .circle { width: 17px; height: 17px; background-color: #fff; border: 3px solid #6FB4E3; border-radius: 100%;display: inline-block; box-sizing: border-box;} .tour .subwaybox01 .by_tit .txtbox02 { color: #003499; } .tour .subwaybox01 .by_tit .txtbox02 .circle { border-color: #003499; } .tour .transbox .by_con .top { color: #fff; width: 100%; height: 50px; background-color: #0689CD;display: flex; align-items: center; justify-content: center; text-align: center; font-size: 24px;} .tour .transbox .by_con .mid {border: 1px solid #E9E9E9; border-top: none; border-bottom: none; padding: 60px 95px 110px ; padding-bottom: 100px; box-sizing: border-box;} .tour .transbox .by_con .mid .mid_ul {display: flex; } .tour .transbox .by_con .mid .mid_ul li {display: flex; align-items: center; position: relative;} .tour .transbox .by_con .mid .mid_ul li .txt {position: absolute; top: calc(100% + 5px); color: #000; font-size: 18px; text-align: center; white-space: nowrap; left: 50%; transform: translateX(-50%);} .tour .transbox .by_con .mid .mid_ul li .line { background-color: #6FB4E3; width: 66px; height: 2px; } .tour .transbox.subwaybox02 .by_con .mid .mid_ul li .line {width: 72.5px;} .tour .transbox .by_con .mid .mid_ul li .circle{ border-radius: 100%; background-color: #6FB4E3; width: 17px; height: 17px; } .tour .transbox .by_con .mid .mid_ul li .circle01 {background-color: #fff; border: 3px solid #6FB4E3; width: 29px; height: 29px; box-sizing: border-box;} .tour .transbox .by_con .mid .mid_ul li .circle02 {display: inline-block; position: relative; border: 3px solid #fff; box-sizing: content-box;} .tour .transbox .by_con .mid .mid_ul li .circle02::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%); width: calc(100% + 6px); height: calc(100% + 6px); border: 3px solid #003499; border-radius: 100%; box-sizing: content-box;z-index: 1;} .tour .transbox .by_con .mid .mid_ul li .circle03 {background-color: #003499} .tour .transbox .by_con .mid .mid_ul li:has(.circle03) .line{background-color: #003499;} .tour .transbox .by_con .mid .mid_ul li .circle04 {display: inline-block; position: relative; border: 3px solid #fff; box-sizing: content-box; background-color: #fff;} .tour .transbox .by_con .mid .mid_ul li .circle04::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50% ,-50%); width: calc(100% + 6px); height: calc(100% + 6px); border: 3px solid #003499; border-radius: 100%; box-sizing: content-box;z-index: 1;} .tour .transbox .by_con .btm .btm_ul {display: flex; flex-direction: column; color: #0A0A0A;font-size: 18px; border-right: 1px solid #E2E2E2;} .tour .transbox .by_con .btm .btm_ul02 {margin-bottom: 36px;} .tour .transbox .by_con .btm .btm_ul li {display: flex ; width: 100%; line-height: 1.4;} .tour .transbox .by_con .btm .btm_ul li p {min-height: 50px; } .tour .transbox .by_con .btm .btm_ul li .left { background-color: #E1ECF6; border-bottom: 1px solid #fff; display: flex; align-items: center; justify-content: center; text-align: center; width: 330px;} .tour .transbox .by_con .btm .btm_ul li:first-of-type .right {border-top: 1px solid #E9E9E9;} .tour .transbox .by_con .btm .btm_ul li:last-of-type .left, .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right {border-bottom: none; } .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right {padding: 17px 60px ;} .tour .transbox .by_con .btm .btm_ul li:nth-child(2n) .right {background-color: #F9F9F9 ;} .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right {border-bottom: 1px solid #e2e2e2;} .tour .transbox .by_con .btm .btm_ul li:last-of-type .left {border-bottom: 1px solid #E1ECF6;} .tour .transbox .by_con .btm .btm_ul li .right { background-color: #fff; border-bottom: 1px solid #E2E2E2; flex-grow: 1;display: flex; align-items: center; padding: 8px 60px; text-align: center; box-sizing: border-box;} .tour .transbox .by_con .btm .route_ttable{margin-bottom: 50px;} .tour .transbox .by_con .btm .route_ttable strong { font-size: 20px; display: block; margin-bottom: 13px;} .tour .transbox .by_con .btm .route_ttable strong .bluemark { background-color: #0689CD;border-radius: 20px;padding: 2px 9px;color: #fff;font-weight: 500; animation: timetable_bluemark 2.2s ease infinite forwards;} @keyframes timetable_bluemark { 0%,20%,40%,100%{transform: translateY(0);} 10%,30%{transform: translateY(-4px);} } .tour .transbox .by_con .btm .route_ttable strong .bluemark em {animation: timetable_em_ani 3s ease-in-out infinite forwards ; display: inline-block;} /* .tour .transbox .by_con .btm .route_ttable_02 strong .bluemark em {animation: timetable_em_ani02 3s ease-in-out infinite forwards ; display: inline-block;} */ @keyframes timetable_em_ani { 0%,30%,100%{color: #fff;} 15%{color: #8c8c8c;text-shadow: 2px 2px 0px #000;}} @keyframes timetable_em_ani02 { 0%,30%,100%{transform:translateY(0);} 15%{transform:translateY(-4px);text-shadow: 2px 2px 0px #000;}} .tour .transbox .by_con .btm .bus_s { display: flex; } .tour .transbox .by_con .btm .bus_s .left { background-color:#E1ECF6 ; border-bottom: 1px solid #fff; width: 330px; display: flex; align-items: center; justify-content: center; text-align:center; line-height: 1.2; } .tour .transbox .by_con .btm .bus_s:last-of-type .left {border-bottom: none;} .tour .transbox .by_con .btm .bus_s .time {border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; width: calc(100% - 330px);} .tour .transbox .by_con .btm .bus_s .time ul {display: flex; gap: 30px 60px; padding: 25px 60px; flex-wrap: wrap; box-sizing: border-box;} .tour .transbox .by_con .btm .bus_s:nth-child(2n+1) .time ul {background-color: #F9F9F9;} .tour .transbox .by_con .btm .bus_s:last-of-type .time {border-bottom: 1px solid #E2E2E2;} .tour .transbox .by_con .btm .bus_s .time li{position: relative; } .tour .transbox .by_con .btm .bus_s .time li::before { content: ""; position: absolute; right: -30px; height: 15px; width: 1px; border-right: 1px solid #E2E2E2; top: 5.5px;} .tour .transbox .by_con .btm .bus_s .time li:nth-child(9n)::before {display: none;} .tour .transbox .by_con .btm .bus_s .time li:last-of-type:before {display: none;} .tour .transbox .by_con .btm .route_ttable_02 .bus_s02 {margin-bottom: 30px;} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table:last-of-type{position: relative; padding-bottom: 35px; box-sizing: border-box;} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table:last-of-type .bus_s01 .btm{position: absolute; bottom: 0; font-size: 16px;} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table .table {display: flex ; align-items: center; gap: 5px; margin-bottom: 15px; font-size: 20px;} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table .table i { display: inline-block ; width: 14px; height: 14px; border: 3px solid #0689CD; border-radius: 3px; box-sizing: border-box; min-width: 14px} .tour .transbox .by_con .btm .route_ttable_02 .bus_s .left{background-color: #E2F6E1; } .tour .subwaybox02 .by_tit .txtbox02 {color:#7DC4A5 !important;} .tour .subwaybox02 .mid .circle02::after , .tour .subwaybox02 .mid .circle04::after, .tour .subwaybox02 .by_tit .txtbox02 .circle {border-color:#7DC4A5 !important;} .tour .subwaybox02 .mid_ul li .circle03 , .tour .subwaybox02 .mid_ul li:has(.circle03) .line {background-color:#7DC4A5 !important;} .tour .busbox01 .by_tit .txtbox01 {color: #fff; background-color: #6FB4E3; padding: 0 7px; } .tour .conbox_gmp .busbox01 .by_tit .txtbox01 {background-color: #386DE8;} .tour .conbox_gmp .busbox01 .by_con .mid .mid_ul li .line {background-color:#386DE8 ;} .tour .conbox_gmp .busbox01 .by_con .mid .mid_ul li .circle {border-color:#386DE8 ;} .tour .busbox01 .by_con .mid .mid_ul li .circle {background-color: #fff; border: 3px solid #6FB4E3; width: 29px; height: 29px;box-sizing: border-box;} .tour .busbox01_new .by_con .mid .mid_ul li:nth-child(3) .circle, .tour .busbox01 .by_con .mid .mid_ul li:nth-child(4) .circle {border: none;background-color:#6FB4E3 ; width: 19px; height: 19px;} .tour .busbox01 .by_con .mid {padding: 50px 90px 140px 90px ;} .tour .busbox01.busbox01_new .by_con .mid .mid_ul li .line {width: 270px;} .tour .busbox01 .by_con .btm li:last-of-type a {display: contents;} .tour .busbox01 .by_con .btm li:last-of-type .right{display: flex ;flex-direction: column; align-items: flex-start; text-align: left; position: relative;} .tour .busbox01 .by_con .btm .btm_ul li:last-of-type .right a:not(.notblue) { color: #0689CD; text-decoration: underline; text-underline-position: under; position: absolute;display: inline-block; bottom: 18px; left: 105px;} .tour .busbox02 .by_con .other .bus_img {margin-bottom: 40px; position: relative;} .tour .busbox02 .by_con:last-of-type .other .bus_img {margin-bottom: 0;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj {position: absolute; width: 100%; height: 100%; left: 0; top: 0;} .tour .busbox02 .by_con .other .bus_img .bus_pc {display: block;} .tour .busbox02 .by_con .other .bus_img .bus_mo {display: none;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em {width: 60px;height: 60px;display: block;position: absolute;left: 525px;top: 468px;background-color: transparent;border-radius: 100%;border: 4px solid #ff0000;box-sizing: border-box;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em.twoem { left: 503px; top: 615px;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 0px solid #ff0000; width: 100%; height: 100%; background-color: transparent; animation: bus_img_obj_before 1.5s ease-in-out infinite forwards; border-radius: 100%;} @keyframes bus_img_obj_before { 0%{ border: 0px solid rgb(255 0 0 / 50%);} 50%{border: 15px solid rgb(255 0 0 / 39%);} 100%{border: 15px solid rgb(255 0 0 / 10%);}} .tour .conbox_gmp .transbox.busbox02 .by_con .other .bus_img .bus_img_obj em {left: 556px; top: 208px;} .tour .busbox02 .by_con .other img {max-width: 100%; width: 100%; } .tour .busbox02 .by_con .list00 {margin-bottom: 30px;} .tour .busbox02 .by_con .list00 {display: none;} .tour .taxibox01 .taxi_ul02 li, .tour .busbox02 .by_con .list00 .list_ul li {position: relative; padding-left: 20px; line-height: 1.5;} .tour .taxibox01 .taxi_ul02 li::before, .tour .busbox02 .by_con .list00 .list_ul li::before {position: absolute; content: "-"; left: 0;} .tour .taxibox01 .taxi_ul02 li:last-of-type, .tour .busbox02 .by_con .list02 .list_ul li{padding-left: 0;} .tour .taxibox01 .taxi_ul02 li:last-of-type::before, .tour .busbox02 .by_con .list02 .list_ul li::before {display: none; } .tour .taxibox02 .by_con .table_tit, .tour .taxibox02 .by_con figure figcaption, .tour .busbox02 .by_con .list00 strong { font-size: 20px; display: inline-block; margin-bottom: 16px; font-weight: 700;} .tour .busbox02 .by_con .list03 .list_ul02 {display: flex; flex-wrap: wrap;} .tour .busbox02 .by_con .list03 .list_ul02 li {border: 1px solid #E2E2E2; display: flex; flex-direction: column; line-height: 1.5; font-size: 18px; padding: 13px 48px ; border-right: none; border-bottom: none; flex-basis: calc(100% / 9 - 107px);} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(9), .tour .busbox02 .by_con .list03 .list_ul02 li:last-of-type {border-right: 1px solid #e2e2e2;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(n+9):nth-child(-n+17) {border-bottom: 1px solid #e2e2e2;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(2n) {background-color: #F9F9F9;} .tour .busbox02 .by_tit .txtbox01, .tour .taxibox01 .by_tit .txtbox01 , .tour .taxibox02 .by_tit .txtbox01 {color: #0689CD ;} .tour .taxibox01 .taxi_ul01 {display: flex; gap: 0 32px; margin-bottom: 40px;} .tour .taxibox01 .taxi_ul01 li figure{ display: flex; flex-direction: column; align-items: center; gap: 23px 0;} .tour .taxibox01 .taxi_ul01 li:hover figcaption::before{ left: 0; opacity: 1;} .tour .taxibox01 .taxi_ul01 li:hover figcaption {border-color: transparent;} .tour .taxibox01 .taxi_ul01 li:hover figcaption p {color: #fff;} .tour .taxibox01 .taxi_ul01 li:hover figure img {animation: taxibox01_figure 2s ease-in-out infinite forwards;} @keyframes taxibox01_figure { 0%,100%{transform: translateY(0);} 35%{transform: translateY(-5px) rotate(-5deg);} 55% {transform: translateY(-5px) rotate(5deg);} } .tour .taxibox01 .taxi_ul01 li figure img {width: 80px; height: 80px; border-radius: 10px;} .tour .taxibox01 .taxi_ul01 figcaption { width: 150px; height: 50px; box-sizing: border-box; border: 1px solid #A0A0A0; border-radius: 75px; font-size: 20px; display: flex; align-items: center; justify-content: center;position: relative; overflow: hidden; transition: all 0.35s ease-in-out;} .tour .taxibox01 .taxi_ul01 figcaption::before {content: ""; position: absolute; left: -100%; border-radius: 75px; background: rgb(0, 124, 214); background: linear-gradient(120deg, rgba(0, 124, 214, 1) 0%, rgba(55, 191, 200, 1) 100%);; z-index: 1; width: 100%; height: 100%; transition: all 0.25s ease-in-out; opacity: 0;} .tour .taxibox01 .taxi_ul01 figcaption p {z-index: 2; position: absolute;transition: all 0.35s ease-in-out;;} .tour .taxibox01 .by_tit , .tour .taxibox02 .by_tit{margin-bottom: 30px;} .tour .taxibox01 .taxi_ul02 li:last-of-type {color: #7B7B7B;} .tour .taxibox02 .by_con figure:nth-child(1), .tour .taxibox02 .by_con figure:nth-child(2) {margin-bottom: 50px;} .tour .taxibox02 table th{ background-color: #0689CD; color: #fff; vertical-align: middle; text-align: center; font-size: 20px; height: 35px; padding: 5px; box-sizing: border-box; font-weight: 500;} .tour .taxibox02 table tr:nth-child(1) th:nth-child(n+1):nth-child(-n+2) { border-right: 1px solid #fff;} .tour .taxibox02 table tr:nth-child(2) th:nth-child(2) , .tour .taxibox02 table tr:nth-child(1) th:last-of-type {border-left: 1px solid #fff;} .tour .taxibox02 table tr:nth-child(2) th { border-top: 1px solid #fff;} .tour .taxibox02 table td { border: 1px solid #E2E2E2; vertical-align: middle; text-align: center; border-right: none; border-bottom: none;height: 70px; padding: 10px ; box-sizing: border-box; line-height: 1.4;} .tour .taxibox02 tbody tr td:last-of-type {border-right: 1px solid #e2e2e2;} .tour .taxibox02 tbody tr:last-of-type td {border-bottom: 1px solid #e2e2e2;} .tour .taxibox02 tbody tr:nth-child(2) td{background-color: #F9F9F9;} .tour .conbox_gmp .taxibox02 table tbody tr:nth-child(3) td{border-bottom: 1px solid #e2e2e2;} .tour .conbox_gmp .taxibox02 tbody tr:nth-child(3) td:nth-child(1) {background-color: #F9F9F9;} .tour .conbox_gmp .taxibox02 tbody tr:nth-child(4) td {background-color: #F9F9F9;} .tour .carbox01 iframe { width:100%; height: 500px;margin-bottom: 15px; position: relative;} .tour .carbox01 .by_con {position: relative;} .tour .carbox01 .by_con::before , .tour .carbox01 .by_con::after { content: ""; position: absolute; left: 0; top: 0 ; width: 100%; height: calc(100% - 40px); background-color: #0886d470;z-index: 10;} .tour .carbox01 .by_con::before {animation: carbox_before 0.4s ease-in-out 1 forwards;} .tour .carbox01 .by_con::after {animation: carbox_before 0.45s ease-in-out 1 forwards 0.3s;} @keyframes carbox_before { 0%{height: 100%; opacity: 1;} 100%{height: 0; opacity: 0.3;}} .tour .conbox , .tour .by_list {display: none;} .tour .conbox.on , .tour .by_list.on {display: block;} .tour .by_list[data-transby="bus"] .transbox , .tour .by_list[data-transby="taxi"] .transbox , .tour .by_list[data-transby="subway"] .transbox {transition: all 0.25s ease-in-out; opacity: 0; transform: translateY(60px);} .tour .by_list[data-transby="bus"] .transbox .by_tit , .tour .by_list[data-transby="taxi"] .transbox .by_tit , .tour .by_list[data-transby="subway"] .transbox .by_tit {transition: all 0.25s ease-in-out; opacity: 0; transform: translateX(-60px);} .tour .by_list[data-transby="bus"].on .transbox , .tour .by_list[data-transby="taxi"].on .transbox , .tour .by_list[data-transby="subway"].on .transbox {animation: by_list_transbox 0.75s ease-in-out 1 forwards;} @keyframes by_list_transbox { 100%{opacity: 1; transform: translateY(00px);}} @keyframes by_list_transbox02 { 100%{opacity: 1; transform: translateY(00px);}} .tour .by_list[data-transby="bus"].on .busbox02 , .tour .by_list[data-transby="taxi"].on .taxibox02 , .tour .by_list[data-transby="subway"].on .subwaybox02 {animation-delay: 0.35s;} .tour .by_list[data-transby="bus"].on .transbox .by_tit , .tour .by_list[data-transby="taxi"].on .transbox .by_tit , .tour .by_list[data-transby="subway"].on .transbox .by_tit {animation: by_list_transbox02 0.75s ease-in-out 1 forwards;} .tour .transbox .by_con .mid {position: relative;} .tour .scroll_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgb(90 158 193 / 64%); display: flex; align-items: center; padding-left: 15px; box-sizing: border-box; z-index: 2; color: #fff; backdrop-filter: blur(3px); font-size: 17px; letter-spacing: 1px; filter: drop-shadow(0px 5px 10px #222); display: none;} .tour .scroll_bg02 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgb(90 158 193 / 64%); display: flex; align-items: center; padding-left: 15px; box-sizing: border-box; z-index: 2; color: #fff; backdrop-filter: blur(3px); font-size: 17px; letter-spacing: 1px; filter: drop-shadow(0px 5px 10px #222); display: none;} .tour .taxi02_table { position: relative;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line {width: 128.5px;} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .line {width: 55.7px;} .tour .conbox_gmp .transbox.subwaybox03 .by_con .mid .mid_ul li .line {width: 150px;} .tour .conbox_gmp .transbox.subwaybox01 .by_tit .txtbox01 {color: #D1A62C;} .tour .conbox_gmp .transbox.subwaybox02 .by_tit .txtbox01 {color: #8936E0;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .circle , .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line {background-color: #D1A62C;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .circle01 {background-color: transparent; border-color: #D1A62C; } .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .circle04 {background-color: transparent; } .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line02 {background-color: #003499} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .circle , .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .line {background-color: #8936E0;} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .circle01 {background-color: transparent; border-color: #8936E0; } .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .circle04 {background-color: transparent; border-color: transparent; } .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .circle04::after , .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .circle02::after{border-color: #003499 !important;} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li.oth .line , .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li.oth .circle {background-color: #003499;} .tour .conbox_gmp .transbox.subwaybox01 .by_tit .txtbox01 {color: #D1A62C ;} .tour .conbox_gmp .transbox.subwaybox01 .by_tit .txtbox01 .circle {border-color: #D1A62C ;} .tour .conbox_gmp .transbox.subwaybox01 .by_tit .txtbox02 .circle {border-color: #003499 ;} .tour .conbox_gmp .transbox.subwaybox02 .by_tit .txtbox01 {color: #8936E0 ;} .tour .conbox_gmp .transbox.subwaybox02 .by_tit .txtbox01 .circle {border-color: #8936E0 !important; } .tour .conbox_gmp .transbox.subwaybox02 .by_tit .txtbox02 {color: #003499 !important;} .tour .conbox_gmp .transbox.subwaybox02 .by_tit .txtbox02 .circle, .tour .conbox_gmp .transbox.subwaybox03 .by_tit .txtbox02 .circle {border-color: #003499 !important;} .tour .conbox_gmp .transbox.subwaybox03 .by_con .mid .mid_ul li.oth .line , .tour .conbox_gmp .transbox.subwaybox03 .by_con .mid .mid_ul li.oth .circle {background-color: #003499;} .tour .conbox_gmp .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 1158px;} .tour .conbox_gmp .transbox.taxibox02 .by_con figure:nth-child(1) {border: 1px solid #E2E2E2; display: flex; justify-content: center;} .tour .conbox_gmp .transbox.taxibox02 table thead tr:nth-child(1) th:last-of-type {border-left: none;} .tour .conbox_gmp .transbox.taxibox02 table thead tr:nth-child(1) th:nth-child(3) {border-right:1px solid #fff;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(1) {width: 14%;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(2) {width: 14%;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(3) {width: 20.3%;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(4) {width: 14.3%;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(5) {width: 18%;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line {width: 148.5px;} .step1_ltup .inner { display: block} .registration.step1.step1_ltup .cont01 {margin-bottom: 50px;} .registration.step1.step1_ltup .inputTableBox td {box-sizing: border-box;} .registration.step1.step1_ltup .inputTableBox .country td {border-color: #E2E2E2;} .registration.step1.step1_ltup .cont01 .inputTableBox .essential p:before {display: none;} .registration.step1.step1_ltup .cont01 .inputTableBox th { width: 240px; padding-left: 28px; font-weight: 400;} .registration.step2.step2_ltup .inputTableBox tr, .registration.step2.step2_ltup .inputTableBox th, .registration.step1.step1_ltup .cont01 .inputTableBox tr {font-weight: 400;} .registration.step1.step1_ltup .cont02 .regis_type_box thead { background-color: #0689CD; color: #fff;} .registration.step1.step1_ltup .cont02 .regis_type_table tbody { font-weight: 500;} .registration.step1.step1_ltup .cont02 td, .registration.step1.step1_ltup .cont02 th {text-align: center ; vertical-align: middle; padding: 10px 5px ;box-sizing: border-box;} .registration.step1.step1_ltup .cont02 th{border-right: 1px solid #fff; font-weight: 500;} .registration.step1.step1_ltup .cont02 th:last-of-type {border-right: none} .registration.step1.step1_ltup .cont02 tr:nth-child(6) {border-bottom: 2px solid #C2C2C2;} .registration.step1.step1_ltup .cont02 tr:nth-child(2n) td { background-color: #F9F9F9;} .registration.step1.step1_ltup .cont02 td {height: 50px; border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;} .registration.step1.step1_ltup .cont02 td.td_first {background-color: #E1ECF6; border-right: none; border-bottom: none;} .registration.step1.step1_ltup .cont02 th span { font-weight: 600; } .registration.step1.step1_ltup .cont02 th em { color: #ff0000;} .registration.step1.step1_ltup .cont02 .regis_type_table.en td.td_first {background-color: #E1ECF6;} .registration.step1.step1_ltup .cont02 .regis_type_table.en td.td_first:first-of-type {border-bottom:1px solid #fff} .registration.step1.step1_ltup .cont03 .subscription { vertical-align: super;font-size: small;} .registration.step1.step1_ltup .cont03_toptxt ul {display: flex; flex-direction: column; line-height: 1.5; margin-bottom: 20px;} .registration.step1.step1_ltup .cont03_toptxt ul li { position: relative; display: flex; padding-left: 25px;} .registration.step1.step1_ltup .cont03_toptxt ul li::before { position:absolute; left:10px; width: 4px; height: 4px; border-radius: 50px; background-color: #0A0A0A;content: ""; top: 50%; transform: translateY(-50%);} .registration.step1.step1_ltup .cont03_toptxt ul li span { font-weight: 700;} .registration.step1.step1_ltup .cont03_table thead {background-color: #0689CD; color: #fff;} .registration.step1.step1_ltup .cont03_table th, .registration.step1.step1_ltup .cont03_table td {text-align:center; vertical-align: middle; height: 50px; padding: 10px ;box-sizing: border-box;} .registration.step1.step1_ltup .cont03_table td {border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; width: 50%;} .registration.step1.step1_ltup .cont03_table tr:nth-child(2n) td {background-color:#F9F9F9 ;} .registration.step1.step1_ltup .cont03_table td.td_first {background-color: #E1ECF6 !important; border-bottom-color: #fff; border-right:none; min-width: 210px; width: auto;} .registration.step1.step1_ltup .cont03_table th{border-right: 1px solid #fff;} .registration.step1.step1_ltup .cont03_table th:last-of-type{border-right: none;} .registration.step1.step1_ltup .cont03_toptxt .first_txt , .registration.step1.step1_ltup .cont03_table , .registration.step1.step1_ltup .cont03_btmtxt , .registration.step1.step1_ltup .cont04_btmtxt {margin-bottom: 24px;} .registration.step1.step1_ltup .cont04_btmtxt a{color: #0689CD; text-decoration: underline;text-underline-position:under ;} .registration.step1.step1_ltup .cont03_btmtable th , .registration.step1.step1_ltup .cont04_btmtable th { background:#0689CD ; color: #fff; width: 50%; height: 50px; padding: 10px; box-sizing: border-box; vertical-align: middle; text-align: center;} .registration.step1.step1_ltup .cont03_btmtable th {font-weight: 400;} .registration.step1.step1_ltup .cont03_btmtable th em{font-weight: 500;} .registration.step1.step1_ltup .cont03_btmtable td , .registration.step1.step1_ltup .cont04_btmtable td { width: 50%; border: 1px solid #e2e2e2; height: 50px; padding: 10px; box-sizing: border-box; vertical-align: middle;text-align: center;} .registration.step1.step1_ltup .cont05 table.bankCheck {animation: none;} .registration.step1.step1_ltup .cont05 table.bankCheck tr:nth-child(2) {border-bottom: 2px solid #C2C2C2;} .registration.step1.step1_ltup .cont05 table.bankCheck tr:nth-child(4) td {background-color: #F9F9F9;} .registration.step1.step1_ltup .cont05 #finalAmount strong{color: #0689CD;} .registration.step1.step1_ltup .cont05 table td {border: 1px solid #e2e2e2; padding-left: 35px;} .registration.step1.step1_ltup .cont05 table tr:nth-child(1) td {border-top: 1px solid #e2e2e2;} .registration.step1.step1_ltup .cont05 table tr:last-of-type th {border-bottom: 1px solid #fff;} .registration.step1.step1_ltup .cont05 table:nth-child(2) {border-bottom: none;} .registration.step1.step1_ltup .cont05 table:nth-child(3) tr:nth-child(1) td {border-top: none;} .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn{ display: flex; align-items: center;} .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn input { width: 126px; height: 40px; border-radius: 50px; background-color: #F07979; color: #fff; border: none; cursor: pointer;margin-right: 30px;} .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn input::placeholder {font-family: inherit; font-size: inherit;font-weight: inherit; color: #fff;text-align: left; padding-left:15px; font-weight: 400;} .registration.step1.step1_ltup .cont05 .bank_pink th{background-color: #F9D7DC; } .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn input::-webkit-input-placeholder{background-image: url(https://www.ltupdates.org/2024/images/sub/click_cal.png) ;background-size: auto;background-position: 70px center ;background-repeat: no-repeat;text-indent: 0;} .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn .deposit_date_result {background-color: #F07979; width: 126px;height: 40px; border-radius: 50px; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 400;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {width: 330px; padding-left: 45px; height: 50px;} .registration.step1.step1_ltup input[type="checkbox"], .registration.step1.step1_ltup input[type="radio"] { position: relative;width: 15px;height: 15px;font-size: 14px;-webkit-appearance: none;background: #fff;border: 1px solid #A0A0A0;border-radius: 50%;min-height: 0;transition: all 0.1s ease-out; overflow: hidden;text-align: center;} .registration.step1.step1_ltup input[type="checkbox"] {border-radius: 0;} .registration.step1.step1_ltup input[type="checkbox"]:checked::before , .registration.step1.step1_ltup input[type="radio"]:checked::before { content: '\eb0d';font-family: xeicon;text-align: center; color: #0689CD; border-radius: 20px; position: absolute; width: 100%; height: 100%; font-size: 12px; display: flex; align-items: center; justify-content: center;} .registration.step1.step1_ltup input[type="checkbox"]:checked::before {border-radius: 0; content: "\e929"; color: #fff; width: 100%; height: 100%; left: 0; top:0; font-size: 14px; background-color: #0689CD;; } .registration.step1.step1_ltup input[type="checkbox"][disabled], .registration.step1.step1_ltup input[type="radio"][disabled] {background-color: #D9D9D9; cursor: no-drop;} .registration.step1.step1_ltup input[type="checkbox"][disabled] + label, .registration.step1.step1_ltup input[type="radio"][disabled] + label {cursor: no-drop;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody th{min-width: 330px; font-weight: 400;} .registration.step1.step1_ltup .cont05 .bank_pink.en td {width:370px ; font-weight: 400;} .registration.step1.step1_ltup .cont06.cont_gala .cont_gala_div { display: flex; align-items: center; justify-content: center; gap: 30px; height: 100%;} .registration.step1.step1_ltup .cont06.cont_gala tr th{border-bottom: 1px solid #e2e2e2;} .registration.step1.step1_ltup .cont06.cont_gala tr:last-of-type th{border-bottom: none} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt {margin-bottom: 24px;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p{line-height: 1.5;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p:nth-child(1){margin-bottom:15px ;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p:nth-child(2) span {display: block; padding-left: 20px; position: relative;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p:nth-child(2) span::before { position: absolute;left: 5px;width: 4px;height: 4px;border-radius: 50px;background-color: #0A0A0A;content: "";top: 50%;transform: translateY(-50%);} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#f9d7dc ;} .ui-datepicker td:hover a{background: rgb(6 137 205 / 36%); border-radius: 100%;} .registration.step1.step1_ltup .cont02 th:nth-child(2), .registration.step1.step1_ltup .cont02 .regis_type_table.en th:nth-child(3) {width: 350px;} .registration.step1.step1_ltup .cont02 .regis_type_box .regis_type_table.en th span { font-weight: 400 !important;} .sponsors .subBoard .tt .tt_img { display: flex; gap: 0 24px;} .sponsors .subBoard .tt .tt_img div{ width: 100%; flex-basis: 50%;} .sponsors .subBoard .tt .tt_img img{ width: 100%; max-width: 100%; object-fit: cover; } .registration.step2.step2_ltup tr.country td{border-top: 1px solid #E2E2E2;} .registration.step2.step2_ltup .inputTableBox:nth-child(1){margin-bottom: 0; border-bottom: 2px solid #C2C2C2;} .registration.step2.step2_ltup .inputTableBox:nth-child(2){margin-top: 0;} .registration.step2.step2_ltup .inputTableBox:nth-child(2) tr.tr_blue td { color: #0689CD; font-weight: 600;} .registration.step2.step2_ltup .tableBoxWrap .inputTableBox td span {font-weight: 600;} .registration.step3.step3_ltup .inputTableBox.table1 {margin-bottom: 0;border-bottom: 2px solid #C2C2C2;} .registration.step3.step3_ltup .inputTableBox.table2 , .registration.step3.step3_ltup .inputTableBox.table2 tr:nth-child(1) td {border-top:none;} .registration.step3.step3_ltup .inputTableBox.table2 .state div {width: max-content; padding: 0 30px; box-sizing: border-box ;font-weight: 400;} .registration.step3.step3_ltup .inputTableBox.table2 .step3_pink.step3_pink_first {border-top: 2px solid #C2C2C2;} /* .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox.table2 .step3_pink {width: 50%;} */ .registration.step3.step3_ltup .inputTableBox.table2 .step3_pink th { background-color: #F9D7DC; box-sizing: border-box;} .registration.step3.step3_ltup .inputTableBox.table2 .step3_pink:nth-child(2n+1) td{background-color: #F9F9F9;} /* .registration.step3.step3_ltup .inputTableBox.table2 .step3_pink.step3_enbtm td {max-width: 460px;} */ .registration.step3.step3_ltup .inputTableBox.table2 .state { display: block;} .registration.step3.step3_ltup .inputTableBox tr td {padding: 10px 20px 10px 30px;} /* .registration.step3.step3_ltup .inputTableBox tr:nth-child(1) th {min-width: 237px;} */ .registration.step3.step3_ltup tr.en_blue td p, .registration.step3.step3_ltup tr.en_blue td span { color: #0689CD; font-weight: 700;} .registration.step3.step3_ltup tr.en_blue td strong {color: #0A0A0A;margin-right: 5px;} .registration.step3.step3_ltup tr.en_blue.en_blue02 td strong {color: #0689CD;} .registration.step3.step3_ltup .inputTableBox.table2 tr.en_blue td span {margin-left: 0;} .registration.step3.step3_ltup .inputTableBox tr th{min-width: 240px;} .registration.step3.step3_ltup .inputTableBox tr th, .registration.step3.step3_ltup .inputTableBox tr td {font-weight: 400;} .registration.step3.step3_ltup .inputTableBox.table2 .step3_pink td {width: 460px; width: 35%; font-weight: 400;} .registration.step3.step3_ltup .tableBoxWrap.tab_ko .inputTableBox.table2 td{width: 100%;} .mypage.regismypage_ltup table.listTable td {border-color: #E2E2E2;} .mypage.tab3.regismypage_ltup table .th1{width: 12.5%;} .mypage.tab3.regismypage_ltup table .th2{width: 19%;} .mypage.tab3.regismypage_ltup table .th3{width: 22%;} .mypage.tab3.regismypage_ltup table .th4{width: 13.5%;} .mypage.tab3.regismypage_ltup table .th7{width: 7.5%;} .mypage.tab3.regismypage_ltup table .payment .complete > p {background: #0BA5C7;} .mypage.tab3.regismypage_ltup table .payment .receipt {background: #FF7F33;} .mypage.tab3.regismypage_ltup table .payment .waiting > p {background: #868686;} .mypage.tab3.regismypage_ltup table .payment .cancel > p {background: #cc2525;} .mypage.tab3.regismypage_ltup table .payment > div > *{padding: 8px;} .mypage.tab3.regismypage_ltup table .payment .receipt:after {border-color: #FF7F33 ;box-shadow: 0 0 5px #ff9f66;} .mypage.tab3.regismypage_ltup .receiptModal .topBtn .print {cursor: pointer; font-size: 24px; margin-right: 10px;} .mypage.tab3.regismypage_ltup .receiptModal .mheader {border: none;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .tt {color: #000; text-align: center;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .tTitle {border-bottom-color: #686868;} .mypage.tab3.regismypage_ltup .receiptModal .mbody {padding: 25px 16px 30px;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .date {color: #585858; padding: 12px 0 ; font-weight: 500; border-bottom: 2px dashed #C5C5C5;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .tText {padding: 15px 0; margin-bottom: 10px;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .tText a {color: #0689CD;} /* .mypage.tab3.regismypage_ltup .receiptModal .mfooter {padding: 25px; background:url("https://www.ltupdates.org/common/css/../../images/main_botnew.png") no-repeat center / cover} */ .mypage.tab3.regismypage_ltup .receiptModal .mfooter {padding: 25px; background:#BCDFFF !important} .mypage.tab3.regismypage_ltup .receiptModal .mfooter .top > strong {color: #0A0A0A; font-size: 16px; font-weight: 600;} .mypage.tab3.regismypage_ltup .receiptModal .mfooter .top .newbtm a {color: #0A0A0A;} .mypage.tab3.regismypage_ltup .receiptModal .mfooter .top .newbtm {color: #0A0A0A; font-size: 15px; display: flex; flex-wrap: wrap; gap: 0 28px;} .mypage.tab3.regismypage_ltup .receiptModal .mfooter .top {margin-bottom: 0; line-height: 1.5;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .tt {font-family: 'Roboto';} /* .mypage.tab3.regismypage_ltup .receiptModal .modalBox {height: auto;} */ .mypage.tab3.regismypage_ltup .receiptModal .mbody .tText {color: #585858;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con .tt2 {padding-left: 0; color: #083569; font-size: 20px;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con .tt2 img {margin-right: 12px;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con table{border-top: none;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con table tr {border-bottom: none;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con table th {border-bottom: 1px solid #fff;background: #E1ECF6;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con table td {border-bottom: 1px solid #E2E2E2; padding: 20px 10px 20px 15px ;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con table tr:nth-child(1) td{border-top: 1px solid #E2E2E2;} .mypage.tab3.regismypage_ltup .receiptModal .mbody .con table tr:nth-child(1) th{border-top: 1px solid #E1ECF6;} .mypage.tab3.regismypage_ltup .receiptModal .topBtn .close{font-size: 24px;} .mypage.tab3.regismypage_ltup .receiptModal .topBtn {height: 56px;} .subWrap.subPage.ltup_regis_view {margin-top: 0;} .subWrap.subPage.ltup_regis_view .inner .registration {width: 100%;} .registration.step3.step3_ltup .inputTableBox.table2 .state .cancel {background: #DF3535;} .registration.step3.step3_ltup .inputTableBox.table2 .state .complete {background: #0689CD;} .registration.step3.step3_ltup .inputTableBox.table2 .state .waiting {background: #868686;} .ltup_regis_view.step3.step3_ltup .stepBox .buttonBox .next {background: #555555; width: 215px;} .ltup_regis_view.step3.step3_ltup .stepBox .buttonBox .next:after {background-color: #333;} .ltup_regis_view.step3.step3_ltup .stepBox .buttonBox .next.next02 {background-color: #F07979;} .ltup_regis_view.step3.step3_ltup .stepBox .buttonBox .next.next02:after {background-color: #d53333;} /* .registration.step3.step3_ltup .gala02 td p {color: #0c71c3; font-weight: 500;} */ .subWrap.subType2.mypage.submission.step4.subPag {margin-top: 0;} .awards.ang {padding-bottom: 60px;} .awards.ang .cont_blue { margin-bottom: 40px;} .awards.ang .con01 {margin-bottom: 70px;} .awards.ang .con04 {margin-bottom: 0px !important;} .awards.ang .con01 .txt{ margin-bottom: 45px; line-height: 1.5;} .awards.ang .con01 .iconbox { margin-bottom: 70px;} .awards.ang .con01 .iconbox ul{display: flex; gap: 0 18px; } .awards.ang .con01 .iconbox ul li {flex-basis: calc(33.33% - 13px); opacity: 0; transform: translateY(50px); transition: all 0.6s ease-in-out;} .awards.ang .con01 .iconbox ul li:nth-child(2) {transition-delay: 0.2s;} .awards.ang .con01 .iconbox ul li:nth-child(3) {transition-delay: 0.4s;} .awards.ang .con01 .iconbox ul li .icon {display: flex; flex-direction: column; gap: 20px 0;} .awards.ang .con01 .iconbox ul li .icon .image {display: flex; align-items: center; justify-content: center; background-color: #F6F9FB; position: relative; height: 320px;} .awards.ang .con01 .iconbox ul li .icon .image svg{position: absolute; left: 50%; transform: translateX(-50%) ; bottom: 33px;} .awards.ang .con01 .iconbox ul li .icon .detail {text-align: center;} .awards.ang .con01 .iconbox ul li .icon .detail p span {font-weight: 600; background:linear-gradient(to right,#F5A60C, #F46803);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 32px;} .awards.ang .con01 .iconbox ul li:nth-child(2) .icon .detail p span{background: linear-gradient(to right,#1ABFE3, #2A65BE); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} .awards.ang .con01 .iconbox ul li:nth-child(3) .icon .detail p span{background: linear-gradient(to right,#F54D89, #B94CDF); -webkit-background-clip: text;-webkit-text-fill-color: transparent;} .awards.ang .con01 .iconbox ul li .icon .detail strong { color: #017BC8; font-size: 24px; margin-bottom: 12px; display: block;} .awards.ang .con01 .iconbox ul li.now .icon .detail strong span { animation: awards_ang_ani02 2s ease-in-out 1 forwards;} .awards.ang .con01 .iconbox ul li.now .icon .image img { animation: awards_ang_ani01 2s ease-in-out 1 forwards;} .awards.ang .con01 .iconbox ul li.now .icon .image svg { animation: awards_ang_ani03 2s ease-in-out 1 forwards;} @keyframes awards_ang_ani02 { 0%,30%,100%{transform: translateY(0);} 20%{transform: translateY(-4px); color: #073e5a;}} @keyframes awards_ang_ani01 { 0%,30%,100% , 70%{transform: translateY(0);} 20%,60%{transform: translateY(-15px);}} @keyframes awards_ang_ani03 { 0%,30%,100% , 70%{transform: translate(-50%,0);} 20%,60%{transform: translate(-50%,10px);}} .awards.ang .cont_blue .box .box_top { background-color: #0689CD; height: 70px; padding:0 20px;display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden;} .awards.ang .cont_blue .box .box_top::before { content: ""; position: absolute; left: -15%; top: -40px; width: 140px; height: 200px;background-color: #d9edff47; transition:all 2s cubic-bezier(0.42, 0, 0.36, 1.16) ;z-index: 1; transform: skewX(-30deg);} .awards.ang .cont_blue .box .box_top .right { display: flex; gap: 0 25px; color: #fff; align-items: center;} .awards.ang .cont_blue .box .box_top .right p:nth-child(2) {position: relative;} .awards.ang .cont_blue .box .box_top .right p:nth-child(2)::before {position: absolute; left: -12px; background-color: #3FA4D9; width: 1px; height: 15px; content: ""; top: 4px;} .awards.ang .cont_blue .box .box_top figure {display: flex; gap: 0 20px; color: #fff; font-size: 24px; align-items: center; font-weight: 500;} .awards.ang .cont_blue .box .box_top figure img { height: 50px;} .awards.ang .cont_blue .box .box_btm { background-color: #F6F9FB; display: flex; align-items: center; padding: 50px; line-height: 1.5; box-shadow: 0px 0px 30px #aaa;} .awards.ang .cont_blue .box .box_btm ul {display: flex; flex-direction: column; gap: 30px 0;} .awards.ang .cont_blue .box .box_btm ul li p.title { color: #017BC8; font-weight: 600;} .awards.ang .cont_blue .box .box_btm ul li p.title.t_red { color: #E55F56;} .awards.ang .cont_blue .box .box_btm ul li p.title.t_red i {padding-right: 12px;} .awards.ang .cont_blue .box .box_btm ul li p.txt {padding-left: 20px; position: relative; font-weight: 500;} .awards.ang .cont_blue .box .box_btm ul li p.txt::before {position: absolute; content: "-"; left: 0;} .awards.ang .cont_blue .box .box_btm ul li p.txt.txt_strong {padding-left: 24px;} .awards.ang .cont_blue .box .box_btm ul li p.txt.txt_strong::before {content: "■"; } .awards.ang .con04 > .box {margin-bottom: 60px;} .awards.ang .subTitle.aos-animate ~ .con01 .iconbox ul li {opacity: 1; transform: translateY(0);} .awards.ang .cont_blue.aos-animate .box .box_top::before { left: 110%;} .awards.ang .cont_blue.aos-animate .box .box_btm {animation: awards_ang_ani04 2.3s ease-in-out 1 forwards;} @keyframes awards_ang_ani04 { 100%{box-shadow: none;}} .awards.ang .con01 .btnBox , .awards.ang .con04 .btnBox{width: 330px; height: 50px; margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color: #CD466E; gap: 10px; border-radius: 50px; font-weight: 400; position: relative; font-size: 18px; color: #fff;} .awards.ang .con01 .btnBox:after , .awards.ang .con04 .btnBox:after{content: ""; position: absolute; width: 100%; height: 100%; top: 2px; left: 2px; border-bottom: 1px solid #b12b53; border-right: 1px solid #b12b53; border-radius: 50px; box-shadow: 3px 0px 12px #e92a50; opacity: 0; transition: .2s ease; z-index: -1;} .sp_box .sp_tab ul {display: flex; margin-bottom: 40px;} .sp_box .sp_tab ul li {flex-basis: 33.33%; background-color: #F8F8F8; border: 1px solid #E2E2E2; color: #6B6B6B; font-size: 20px; font-weight: 500; height: 60px; padding: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.1s ease-in-out; text-align: center;} .sp_box .sp_tab ul li.act {background: linear-gradient(36deg, #007CD6, #37BFC8); color: #fff; box-shadow: 0px 2px 7px rgba(0,0,0,0.25);border: none;} .sp_box .spt_box .spt_top { background-color: #FBECF2; display: flex; align-items: center; min-height: 50px; padding: 10px 30px; font-size: 20px; font-weight: 600;box-sizing: border-box; line-height: 1.3; display:block} .sp_box .spt_box.klts_spt .spt_top {background-color: #d4edd0;} .sp_box .spt_box .spt_top span.plus {font-size:16px; font-weight:400} .sp_box .spt_box .spt_top.spt_top02 {background-color: #f2f2f2;} .sp_box .spt_box .spt_top.spt_top03 {background-color: #feecc8;} .sp_box .spt_box .spt_top.spt_top04 {background-color: #e1daf5;} .sp_box .spt_box table {line-height: 1.5; margin-bottom: 40px;} .sp_box .spt_box:last-of-type table {margin-bottom: 0;} .sp_box .spt_box table th { background-color: #E1ECF6; vertical-align: middle; text-align: center;border-bottom: 1px solid #FFFFFF; padding: 10px; width: 210px; box-sizing: border-box;} .sp_box .spt_box table td {vertical-align: middle; border-bottom: 1px solid #E2E2E2 ; padding: 10px 22px ;height: 50px; box-sizing: border-box;} .sp_box .spt_box table td .tt {font-weight: 700;} .sp_box .spt_box table td.bright {border-right: 1px solid #e2e2e2; text-align: center;width: 140px;} .sp_box .spt_box table th.bbnone {border-bottom: none;} .sp_box .spt_box {opacity: 0; transform: translateY(25px); animation: spt_box_ani 0.8s ease-in-out 1 forwards; } /* .sp_box .spt_box {opacity: 0; transform: translateY(25px); animation: spt_box_ani 0.8s ease-in-out 1 forwards;} */ @keyframes spt_box_ani { 100%{opacity: 1; transform: translateY(0);}} .sp_box .sp_tab ul li:hover { box-shadow: inset 7px 7px 10px #87878752; } .sp_box .sp_tab ul li:hover p { transform: translateY(3px); transition: all 0.15s ease-in-out;} .sp_box .sp_tab ul li.act:hover {box-shadow: 0px 2px 7px rgba(0,0,0,0.25);} .sp_box .sp_tab ul li.act:hover p{transform: translateY(0);} .scientific .sp_toptable {background-color: #FFE6DE; padding: 22px 30px; margin-bottom: 30px; line-height: 1.6;} .scientific .sp_toptable li {display: flex; align-items: flex-start;} .scientific .sp_toptable li span { width: 4px; height: 4px; border-radius: 10px; background-color: #0A0A0A; margin-right:15px ; transform: translateY(12px);} .accommodation .cont li:nth-child(1) .table_wrap .tablewrap_bg { display: none;} .scientific .sp_toptable ul.new span {display: none;} .scientific .sp_toptable ul.new li {justify-content: center; text-align: center;} .regismypage_ltup .my_regis_btm { padding-top: 30px; line-height: 1.5; font-size: 1rem;} .regismypage_ltup .my_regis_btm a {color: #0689CD; text-decoration: underline;} .guest .guest_wrap .guest_list ul {display: flex; gap: 60px ;flex-wrap: wrap;} .guest .guest_wrap .guest_list ul li {flex-basis: calc(20% - 49px); cursor: pointer;} .guest .guest_wrap .guest_list ul li figure {display: flex; flex-direction: column ; align-items: center; gap: 15px 0; line-height: 1.3;} .guest .guest_wrap .guest_list ul li figure img {width: 210px; height: 220px; object-fit: cover; border-radius: 100%; border: 1px solid #E4E4E4; object-position: center; transition: all 0.15s ease-in-out;} .guest .guest_wrap .guest_list ul li figure .name {color: #083569; font-size: 18px; font-weight: 600;} .guest .guest_wrap .guest_list ul li figure span {color:#4A4A4A; font-size: 16px;} .guest .guest_wrap .guest_list ul li figcaption {display: flex; flex-direction: column; text-align: center;gap: 10px 0; align-items: center;} .guest .guest_wrap .guest_list ul li figcaption p {width: fit-content; position: relative;} .guest .guest_wrap .guest_list ul li figcaption p::before{content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 45%; background-color: #0689cd3b; transition: all 0.15s ease-in-out;} .guest .guest_wrap .guest_list ul li:hover figure img {border-color: #083569; box-shadow: 0px 0px 20px #20202045;} .guest .guest_wrap .guest_list ul li:hover figcaption p::before {width: 100%;} .guest .modalview {display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0 ;z-index: 101; overflow-y: auto; overflow-x: hidden; display: none;} .guest .modalview .modal_wrap { position: relative; display: table; width: 100%; height: 100%;} .guest .modalview .modal_box {position: relative; display: table-cell; vertical-align: middle; padding: 50px 0;} .guest .modalview .modal_con {position: relative; opacity: 1; margin: 0 auto; box-sizing: border-box; z-index: 2; transition: all 0.8s; max-width: 950px; background-color: #fff;} .guest .modalview .modal_con .body {padding: 60px;box-sizing: border-box; max-height: 730px; overflow-y: auto; padding-top: 20px;} .guest .modalview .modal_con .body::-webkit-scrollbar{background-color:rgb(0 0 0 / 16%); width: 5px; height: 5px;} .guest .modalview .modal_con .body::-webkit-scrollbar-track{background: #0000001a; } .guest .modalview .modal_con .body::-webkit-scrollbar-thumb{background: rgb(6 137 205 / 70%); border-radius: 10px;} .guest .modalview .modal_con .guest_info {display: flex; gap: 10px 50px; margin-bottom:40px; align-items: center;} .guest .modalview .modal_con .guest_info .left {width: 210px; height: 220px; border-radius: 100%; overflow: hidden; border: 1px solid #E4E4E4;} .guest .modalview .modal_con .guest_info .left img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; } .guest .modalview .modal_con .guest_info .right .r_btm {display: flex; gap: 0 14px;} .guest .modalview .modal_con .guest_info .right {display: flex; flex-direction: column; gap: 40px 0; width: calc(100% - 260px);} .guest .modalview .modal_con .guest_info .right .r_top {display: flex; flex-direction: column; gap: 10px 0; line-height: 1.3;} .guest .modalview .modal_con .guest_info .right .r_top .name {color: #083569; font-size: 24px; font-weight: 600;} .guest .modalview .modal_con .guest_info .right .r_top span {color: #4A4A4A; font-size: 20px; font-style: italic; } .guest .modalview .modal_con .guest_info .right .r_btm p{display: flex; align-items:center; justify-content: center; box-sizing: border-box; padding: 5px 15px; border-radius: 8px; color: #fff; width: 90px; font-size: 16px; height: 35px;} .guest .modalview .modal_con .guest_info .right .r_btm p.role_c {background-color: #6CD28F} .guest .modalview .modal_con .guest_info .right .r_btm p.role_s {background-color: #6AD1F1} .guest .modalview .modal_con .guest_info .right .r_btm p.role_p {background-color: #FFB178} .guest .modalview .modal_con .pdf_btn { position:relative; display: flex; justify-content: flex-end;margin-bottom: 10px; transform: translateX(30px);} .guest .modalview .modal_con .pdf_btn a {display: flex; align-items: center; justify-content: center; color: #fff; background-color: #F07979; width: 90px; height: 35px; border-radius: 8px;gap:0 6px; transition: all 0.15s ease-in-out;} .guest .modalview .modal_con .pdf_btn a:hover{background-color: #eb4e4e;} .guest .modalview .modal_con .pdf_btn.no a {background-color: #c1c1c1; cursor: no-drop;} .guest .modalview .modal_con .guest_table table {line-height: 1.4;} .guest .modalview .modal_con .guest_table thead th{background-color: #FBECF2; text-align: left; min-height: 50px; padding: 10px 20px; font-weight: 600; font-size: 20px; box-sizing: border-box;} .guest .modalview .modal_con .guest_table tbody th {background-color: #E1ECF6; width: 210px;min-height: 50px; border-bottom: 1px solid #fff; text-align: left;padding: 10px 20px; vertical-align: middle;box-sizing: border-box; } .guest .modalview .modal_con .guest_table tbody td {border-bottom: 1px solid #E2E2E2; padding: 10px 20px; vertical-align: middle; box-sizing: border-box;} .guest .guest_table {display: flex;flex-direction: column; gap: 40px 0;} .guest .modalview .modal_con .close {display: flex; align-items: center; justify-content: center; background-color: #0689CD; height: 48px; color: #fff; font-size: 16px; cursor: pointer; transition: all 0.15s ease-in-out;} .guest .modalview .modal_con .close:hover{background-color: #0f4d6d; letter-spacing: 2px;} .guest .modalview .modal_bg {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-color: #000; opacity: 0.2; } .guest .guest_line {margin-bottom: 40px;} .guset_pdf_viewer {position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; } .guset_pdf_viewer .pdf_bg {width: 100%; height: 100%; background-color: #0000003b; display: flex; align-items: center; justify-content: center;} .guset_pdf_viewer iframe{width: 90%; height: 90%; margin: 0 auto;} .guset_pdf_viewer iframe .ndfHFb-c4YZDc-Wrql6b {display: none !important;} .pdf_wrap {position: fixed ; left: 0; top: 0; z-index: 200; width: 100%; height: 100%; display: none;} .pdf_wrap .viewer{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;z-index: 10;} .pdf_wrap .pdf_close{ font-size: 30px;color: #fff;text-align: right;border-radius: 120px;background-color: #083569;width: 320px;height: 50px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;cursor: pointer; z-index: 10; margin-top: -20px; max-width: 90vw; position: relative;} .pdf_wrap .pdf_close::before{content: ""; position: absolute ; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; border-radius: 100px; border: 0px solid #003c8152;} .pdf_wrap .pdf_close:hover::before {animation: pdf_close 0.87s ease-in-out infinite forwards;} @keyframes pdf_close { 0%{border: 0px solid #003c816e;} 100%{border: 10px solid #003c8126;} } .pdf_wrap .pdf_bg{position: absolute; left: 0; top: 0 ; width: 100%; height: 100%; background-color: #00000082;} #pdf-viewer {width: auto;max-height: 90vh;overflow: auto;z-index: 10; max-width: 960px;} #pdf-viewer canvas {display: block;margin: 0 auto; height: auto;} #pdf-viewer::-webkit-scrollbar {height: 5px;width: 5px;} #pdf-viewer::-webkit-scrollbar-thumb {background-color: #0286ce; border-radius: 10px; background-clip: padding-box;} #pdf-viewer::-webkit-scrollbar-track {background-color: #aaa8a8; border-radius: 10px; } /* sponsorship_overview */ /* 초청 초록 추가 */ .lecture .plusSpan a{color: #0689CD; border-bottom: 1px solid; transition: all 0.15s ease-in-out;} .lecture .plusSpan a:hover { font-weight: 600;} .lecture .inputTableBox th , .lecture .inputTableBox td {font-weight: 400;} .lecture.lecture01 .inputTableBox td {padding-left:30px} .lecture .inputTableBox .inputBox {max-width: 100%;} .lecture .inputTableBox td{padding: 10px 17px ;} .lecture.lecture02 .agreeBox .radioBox {display: flex; gap: 10px; margin-bottom: 90px;} .lecture.lecture02 .agreeBox .radioBox label {line-height: 1.3;} .lecture.lecture02 .agreeBox .radioBox label span { color: #FF4141;} .lecture.lecture02 .agreeBox .radioBox input[type="checkbox"] {position: relative; width: 20px; height: 20px; min-width: 20px;} .lecture.lecture02 .agreeBox .radioBox input[type="checkbox"]::before { position: absolute;content: '';left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border: 1px solid #E2E2E2;border-radius: 100%;} .lecture.lecture02 .agreeBox .radioBox input[type="checkbox"]:checked::before { content: '\e929';font-family: xeicon;text-align: center;font-size: 18px;background-color: #fff;color: #0A0A0A;} .lecture.lecture02 .stepBox table {margin-bottom: 10px;} .lecture.lecture02 .countBox {text-align:right; font-size: 16px; color: #474747; margin-bottom: 20px;} .lecture.lecture02 .countBox .textTotal {color: #0689CD;} .lecture.lecture03 .contTitle { font-weight: 700; font-size: 20px; margin-bottom: 14px; } .lecture.lecture03 td {padding: 10px 30px ;} .lecture.lecture03 .lec_con {border: 1px solid #e4e4e4; background-color: #f4f4f4; padding: 40px; line-height: 1.5; margin-bottom: 120px;} .lecture.lecture03 .lec_con strong {margin-bottom: 30px;font-size: 30px; font-weight: 600; text-align: center; width: 100%; color: #083569;} .lecture.lecture03 .lec_con .speak {margin-bottom: 20px; font-weight: 500; font-size: 20px;} .lecture.lecture03 .lec_con .con_box .tt{margin-bottom: 15px; font-weight: 500; font-size: 20px;} .lecture.lecture03 .lec_con .con_box .tp{font-size: 18px;} .lecture.lecture04 .completedBox {background-color: #F1F5F9; padding: 40px 30px; line-height: 1.5;} .lecture.lecture04 .completedBox .numBox { display: flex; align-items: center; justify-content: center; background-color: #EB7A7A;font-size: 24px; color: #fff; border-radius: 10px; height: 70px; padding: 10px ;text-align: center; box-sizing: border-box; max-width: 920px;width: 100%; margin: 0 auto; margin-bottom: 45px; font-weight: 500;} .lecture.lecture04 .completedBox .numBox span { padding-left: 15px; } .lecture.lecture04 .completedBox .text { text-align: center; } .lecture.lecture04 .completedBox .text strong { font-size: 26px; color: #0689CD; margin-bottom: 30px;} .lecture.lecture04 .completedBox .text p span {color: #0689CD; font-weight: 600;} .mypage .tabListBox.tabListBox_lecture li:nth-child(3) {border-radius: 0;} .mypage .tabListBox.tabListBox_lecture li:nth-child(4) {border-radius: 0 10px 10px 0; border-left: none;} .lecture01.mypage .plusSpan{ top: 20px; right: 0;} /* .lecture */ .regismypage_ltup .pdf_down_btn {width: 100%;} .regismypage_ltup .pdf_down_btn a {width: 270px; height: 55px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50px; background-color:#F07979 ;margin-top: 30px; gap: 6px; transition: all 0.25s ease-out;} .regismypage_ltup .pdf_down_btn a:hover { background-color: #ff5a5a; box-shadow: 6px 6px 0px #a72f2f;} .sp_list {display: flex; gap:65px ; flex-direction: column;} .sp_list .sponsor_box.aos-animate { transform: translateY(0);} .sp_list .sponsor_box {display: flex;gap: 23px; flex-direction: column; transform: translateY(-60px);} .sp_list .sponsor_box .sponsor_top { border-bottom: 3px solid #2671CC; } .sp_list .sponsor_box .sponsor_top p { width: 162px; height: 50px ; border-radius: 10px 10px 0 0; color: #fff; font-size: 20px; font-weight: 500; display: flex; align-items: center;justify-content: center; background-color: #2671CC;} .sp_list .company_ul {display: flex; flex-wrap: wrap; gap: 23px;} .sp_list .company_li { flex-basis: calc(100% / 5 - 5px); opacity: 0; scale: 0.5; transition: all 0.8s ease-out;} .sp_list .company_li:nth-child(1) {transition-delay: 0s;} .sp_list .company_li:nth-child(2) {transition-delay: 0.1s;} .sp_list .company_li:nth-child(3) {transition-delay: 0.2s;} .sp_list .company_li:nth-child(4) {transition-delay: 0.3s;} .sp_list .company_li:nth-child(5) {transition-delay: 0.4s;} .sp_list .company_li:nth-child(6) {transition-delay: 0.5s;} .sp_list .company_li:nth-child(7) {transition-delay: 0.6s;} .sp_list .company_li:nth-child(8) {transition-delay: 0.7s;} .sp_list .company_li:nth-child(9) {transition-delay: 0.8s;} .sp_list .company_li:nth-child(10) {transition-delay: 0.9s;} .sp_list .company_li:nth-child(11) {transition-delay: 1s;} .sp_list .company_li:nth-child(12) {transition-delay: 1.1s;} .sp_list .company_li:nth-child(13) {transition-delay: 1.2s;} .sp_list .company_li:nth-child(14) {transition-delay: 1.3s;} .sp_list .company_li:nth-child(15) {transition-delay: 1.4s;} .sp_list .company_li:nth-child(16) {transition-delay: 1.5s;} .sp_list .company_li:nth-child(17) {transition-delay: 1.6s;} .sp_list .company_li:nth-child(18) {transition-delay: 1.7s;} .sp_list .company_li:nth-child(19) {transition-delay: 1.8s;} .sp_list .company_li:nth-child(20) {transition-delay: 1.9s;} .sp_list .company_li:nth-child(21) {transition-delay: 2s;} .sp_list .sponsor_box.aos-animate .company_li {opacity: 1; scale: 1;} .sp_list .company_li div { display: flex; gap: 14px; flex-direction: column; position: relative;} .sp_list .company_li figure { height: 116px; border-radius: 5px; border: 1px solid #2671CC; padding: 10px; box-sizing: border-box;display: flex; align-items: center; justify-content: center; transition: all 0.28s ease-in-out;} .sp_list .company_li figure img { max-width: 100%; max-height: 100%;} .sp_list .company_li figure {max-width: 100%; } .sp_list .company_li p { background-color: #2671CC; color: #fff; font-size: 14px; border-radius: 2px; position: absolute; top: 115%; left: 50%; width: max-content; display: flex; align-items: center; justify-content: center; padding: 7px 15px; transform: translateX(-50%); opacity: 0; transition: all 0.32s ease-in-out; font-weight: 300; max-width: 95%; text-align: center;} .sp_list .company_li p::before {content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -6px; background-image: url('/images/sp_arrow_d.png'); width: 8px; height: 8px;} .sp_list .company_li:hover figure {box-shadow: 3px 3px 0px #2671CC;} .sp_list .company_li:hover p {opacity: 1; top: 110%;} .sp_list .sponsor_box.gold .company_li p::before { background-image: url('/images/sp_arrow_g.png');} .sp_list .sponsor_box.gold .company_li figure , .sp_list .sponsor_box.gold .sponsor_top { border-color: #D1B25A;} .sp_list .sponsor_box.gold .company_li p , .sp_list .sponsor_box.gold .sponsor_top p {background-color: #D1B25A;} .sp_list .sponsor_box.gold .company_li:hover figure {box-shadow: 3px 3px 0px #D1B25A;} .sp_list .sponsor_box.bronze .company_li p::before { background-image: url('/images/sp_arrow_b.png');} .sp_list .sponsor_box.bronze .company_li figure , .sp_list .sponsor_box.bronze .sponsor_top { border-color: #996633;} .sp_list .sponsor_box.bronze .company_li p , .sp_list .sponsor_box.bronze .sponsor_top p {background-color: #996633;} .sp_list .sponsor_box.bronze .company_li:hover figure {box-shadow: 3px 3px 0px #996633;} /* silver #D1D1D1*/ /* platinum #8560A9*/ /* bronze #996633*/ .register .regis_info_plus ul {display: flex; flex-direction: row !important; margin-top: 25px;margin-bottom: 30px;} .register .regis_info_plus li{width: 50%;} .register .regis_info_plus li div { width: 100%;} .register .regis_info_plus li p:nth-child(1) {height: 50px; display: flex; align-items: center; justify-content: center; text-align: center;} .register .regis_info_plus li p:nth-child(2) {height: 190px; padding: 25px 35px; box-sizing: border-box; line-height: 1.6;} .register .regis_info_plus li:nth-child(1) p:nth-child(1) {background-color: #AB59AD; border-right: 1px solid #fff; color: #fff; font-size: 20px;} .register .regis_info_plus li:nth-child(2) p:nth-child(1) {background-color: #3B83C6; color: #fff; font-size: 20px;} .register .regis_info_plus li:nth-child(1) p:nth-child(2) {background-color: #FFF0FF !important; border-right: 1px solid #fff;} .register .regis_info_plus li:nth-child(2) p:nth-child(2) {background-color: #ECF6FF !important;} .register .regis_info_plus tbody td { padding: 25px 35px;} .so_program .purple {background-color: #E9E9FF; display: flex; align-items: center; justify-content: center; text-align: center; padding: 27px 10px; line-height: 1.5; position: relative; } .so_program .purple::before {content: ""; position: absolute; left: 0; top: 0; height: 100% ; width: 100%; background-color: #a2a2cf; transition:all 1.7s cubic-bezier(0.39, 0.58, 0.12, 1.35); transition-delay: 0.18s;} .so_program .conbox {display: flex; flex-direction: column; gap: 27px;} /* .so_program .conbox.aos-animtae {} */ .so_program .type02 strong br {display: none;} .so_program .conbox_txt {display: flex; height: 300px;} .so_program .conbox_txt .side_txt {width: 885px; height: 100%; display: flex; padding-right: 60px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; align-items: flex-end; font-style: italic;} .so_program .conbox_txt .side_txt strong { font-size: 24px; color: #017BC8; display: block; margin-bottom: 20px ; transition: all 1s ease-out; transform: translateX(-30px);} .so_program .conbox_txt .side_txt > i { width: 33px; height: 2px; background-color: #007AC5; display:block; margin-bottom: 20px; transition: all 1s ease-out; transform: translateX(-30px);} .so_program .conbox_txt .side_txt p { line-height: 1.5; transition: all 1s ease-out; transform: translateX(-30px);} .so_program .conbox_txt:nth-child(2n+1) .side_txt strong , .so_program .conbox_txt:nth-child(2n+1) .side_txt > i , .so_program .conbox_txt:nth-child(2n+1) .side_txt p {transform: translateX(30px);} .so_program .conbox_txt .side_img {width: calc(100% - 885px); height: 100%; position: relative;} .so_program .conbox_txt .side_img::before {content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100% ; background-color: #f5f9fb; transition: all 1.3s ease;} .so_program .conbox_txt:nth-child(2n+1) .side_img::before {background-color: #FFF9F0; right:auto; left: 0;} .so_program .conbox_txt .side_img figure {width: 100% ; height: 100% ; } .so_program .conbox_txt .side_img figure img {width: 100% ; height: 100% ; object-fit: cover; } .so_program .conbox_txt:nth-child(2n) .side_txt {background-color:#F5F9FB ; text-align: right;} .so_program .conbox_txt:nth-child(2n+1) {flex-direction: row-reverse;} .so_program .conbox_txt:nth-child(2n+1) .side_txt {background-color:#FFF9F0 ; padding-right: 0; padding-left: 60px; align-items: flex-start;} .so_program .purple.aos-animate::before {height: 0; opacity: 0.5;} .so_program .conbox_txt.aos-animate .side_img::before { width: 0; } .so_program .conbox_txt.aos-animate strong, .so_program .conbox_txt.aos-animate i , .so_program .conbox_txt.aos-animate p , .so_program .conbox_txt:nth-child(2n+1).aos-animate strong, .so_program .conbox_txt:nth-child(2n+1).aos-animate i , .so_program .conbox_txt:nth-child(2n+1).aos-animate p { transform: translateX(0);} .spt_box .marginp {margin-bottom: 15px; padding-left: 110px; position: relative;} .spt_box .marginp span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #dceaf7; padding: 2px 8px ; font-weight: 500;} .spt_box .marginp:last-of-type {margin-bottom: 0px;} .tour .conbox_gmp .transbox.busbox02_02 .by_con .other .bus_img .bus_img_obj em {left: 550px; top: 200px;} .mypage_btn_zip {width: 100%; display: flex; gap: 10px;} .mypage_btn_zip .pdf_down_btn:nth-child(1) {width: auto;} .mypage_btn_zip .pdf_down_btn.attendance a {background: linear-gradient(90deg, #59529F 0%, #4E9CCC 100%);} .mypage_btn_zip .pdf_down_btn.attendance a:hover {box-shadow: 6px 6px 0px #58589c;} /* .guest .modalview.ver_csk.which .guest_table table {display: none;} */ .guest .modalview.ver_csk.which .guest_table table:nth-child(1) {order:2;} .guest .modalview.ver_csk.which .guest_table table:nth-child(3) {order:1} .guest .modalview.ver_csk.which .guest_table table:nth-child(2) {order:3} .guest .modalview.ver_sk.which .guest_table table:nth-child(1) {order:2} .guest .modalview.ver_sk.which .guest_table table:nth-child(2) {order:1} .guest .modalview.which .guest_table table.t_green thead th {background-color: #d4edd0; } .subPage.photogallery { padding-bottom: 60px;} .photogallery_box {display: flex; gap: 20px 12px; flex-wrap: wrap; margin-bottom: 50px;} .photogallery_box .photogallery_list {flex-basis: calc(20% - 11px); height: 270px; overflow: hidden; position: relative;} .photogallery_box .photogallery_list a {width: 100% ; height: 100%; position: relative; overflow:hidden} .photogallery_box .photogallery_list figure { position: relative; width: 100%; height: 100%;} .photogallery_box .photogallery_list figure img {width: 100% ; height: 100%; position: absolute ; left: 0; top: 0 ; object-fit: cover;} .photogallery_box .photogallery_list figcaption{width: 100% ; height: 100% ; color: #fff; display: flex; justify-content: flex-start; align-items: flex-end; z-index: 1; position: relative; padding: 20px 20px ;box-sizing: border-box; transition: all 0.28s ease;} .photogallery_box .photogallery_list figcaption .arrow { position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; border-radius: 100%; background-color: #fff; color: #F07979; font-size: 24px; display: flex; align-items: center; justify-content: center; opacity: 0; scale: 0.4; transition: all 0.26s ; overflow: hidden;} .photogallery_box .photogallery_list figcaption div { z-index: 2;} .photogallery_box .photogallery_list figcaption::before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%;background: linear-gradient(180deg, rgba(240, 121, 121, 0) 0%, #F07979 88.52%); transition: all 0.3s ease; opacity: 0;} .photogallery_box .photogallery_list figcaption::after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.19%, #000000 100%);; transition: all 0.5s ease;} .photogallery_box .photogallery_list a:hover figcaption .arrow {opacity: 1; scale: 1;} .photogallery_box .photogallery_list a:hover figcaption .arrow i { animation: photogallery_ani01 1.6s cubic-bezier(0.1, 0.29, 0.31, 1.27) infinite forwards;} @keyframes photogallery_ani01 { 0%,10%,80%,100%{transform: rotate(45deg);opacity: 1;} 40%{transform: rotate(45deg) translateY(-15px); opacity: 0;} 60%{transform: rotate(45deg) translateY(15px); opacity: 0;} } .photogallery_box .photogallery_list a:hover figcaption::after {opacity: 0;} .photogallery_box .photogallery_list a:hover figcaption::before {height: 100%; opacity: 1;} .photogallery_box .photogallery_list figcaption .arrow i {display: block; transform: rotate(45deg);} .photogallery_box .photogallery_list figcaption div p {line-height: 1.35; letter-spacing: 0.2px;} .photogallery .paging_box { display: flex; align-items:center; justify-content: center; font-size: 16px;} .photogallery .paging_box a {width: 36px; height: 36px; display: flex ; align-items: center; justify-content: center; color: #8F8F8F; background-color: #fff; transition: all 0.22s ease-out; border-radius: 5px; box-sizing: border-box;} .photogallery .paging_box a.now { background-color: #F07979; color: #fff;} .photogallery .paging_box a:not(.link_prev , .link_next , .now):hover { background-color:#ffc1c180; } /* 반응형 */ @media screen and (min-width: 1025px) { /* 모달 */ .modalWrap .modalBox .close:hover:after {opacity: 1;} /* tableBox */ .subWrap .inputTableBox .inputWrap.select .selectBox li:hover {color: rgb(0 46 99); background:rgb(225 236 246);} /* login */ .login .plusText p a:hover:before, .login .plusText p a:hover:after {width: 100%;} .login .loginBtn button:hover {box-shadow: 0 0 10px rgba(15, 58, 109, .65); transform: scale(1.05);} .login .loginBtn button:hover span {animation: scaleMove4 1s ease both;} .login .loginBtn button:hover:after {animation: loginBtnMove 2s ease both;} @keyframes loginBtnMove {0% {left: -70%; opacity: 0;} 100% {left: 70%; opacity: 1;}} @keyframes spanTextColor4 {10% {color: #000000;} 50% {color: #0a8bcd}} .login .find_modal .modalBox .box button:hover::after { width: 600px; height: 600px;} /* signUp */ .signUp .cont01 a:hover i {display: inline-block; animation: opacityMove_1 1s ease both;} .signUp .buttonBox button:hover:after {opacity: 1;} .signUp .buttonBox button:hover span span {animation: spanUpText 3s linear both;} .signUp_ok .textBox .loginBtn:hover {box-shadow:0 0 15px rgb(23 70 125);} .signUp_ok .textBox .loginBtn:hover span > span {animation: spanUpText 4s ease both infinite} /* mypage */ .mypage .buttonBox button:hover::after { width: 250px; height: 250px; } .mypage .buttonBox button:hover span span {animation: spanUpText 4s ease both infinite} .mypage.tab2 table td.modify a:hover {background: #df4f4f; color: #fff; } /* .mypage.tab2 table td.delete a:hover {background: #e02b20; color: #fff; box-shadow: 0 0 5px rgba(224, 43, 32, .5)} */ .mypage.tab2 table td.view a:hover {background: #0e294a; color: #fff; box-shadow: 0 0 5px rgba(14, 41, 74, .5)} .mypage.tab3 table .payment .receipt:hover:after {opacity: 1;} .mypage.tab3 table .payment .receipt:hover p span {animation: leftMove3 1s ease both;} .mypage.tab3 table .view a:hover {background: #0e294a; color: #fff; box-shadow: 0 0 5px rgba(14, 41, 74, .5)} /* .mypage.tab3.regismypage_ltup table .view a */ .mypage.tab3.regismypage_ltup table .view a:hover {background: #d53535; box-shadow: none;} .mypage.tab3 .receiptModal .mbody .tText a:hover span {text-shadow: 2px 2px rgba(0, 0, 0, .15);} .mypage.tab3 .receiptModal .mbody .tText a:hover:after {animation: afterWidthPlay 1s ease both;} .mypage.tab3 .receiptModal .mfooter a:hover:after {width: 100%;} /* ISMND */ .ismnd .subBoard .text .linkBox a:hover:after {opacity: 1;} .ismnd .subBoard .text .linkBox a:hover span {animation: leftMove3 1s ease both;} .ismnd .subBoard .text .linkBox a:hover i {animation: linkHoverMove 3s ease both infinite;} @keyframes linkHoverMove {20% {transform: translateX(15%);} 40% {transform: none;} 60% {transform: translateX(10%);} 80% {transform: none} 1000% {transform: none}} /* speakers */ .faculties.re .subBoard .listBox li:hover .imgBox:after {opacity: 1;} .faculties.re .subBoard .listBox li:hover .textBox .name:after {width: 100%;} .faculties .subBoard .listBox li:hover .imgBox i {transform: translate(-50%, -50%); opacity: 1;} .speakers_modal .modalBox .textBox .link:hover {text-shadow: 2px 2px rgba(0, 0, 0, .1);} .speakers_modal .modalBox .textBox .link:hover span {animation: backgroundSize 1s ease both;} @keyframes backgroundSize {0% {background-size: 0% 1px;} 100% {background-size: 100% 1px;}} /* program */ .program tbody tr.hover td:last-child a:before {opacity: 1; right: 15px;} .programTable tbody tr.hover {box-shadow: 0 0 10px rgba(15, 58, 109, .2); border-color: var(--pointColor)} .programTable tbody tr.yellow.hover {box-shadow: 0 0 10px rgba(211, 95, 37, .2); border-color: #d35f25;} .programTable tbody tr.red.hover {box-shadow: 0 0 10px rgba(232, 97, 194, .2); border-color: #eb113f;} .programTable tbody tr.green.hover {box-shadow: 0 0 10px rgba(95, 177, 101, .2); border-color: #5fb165;} .programTable tbody tr.blue.hover {box-shadow: 0 0 10px rgba(54, 111, 213, .2); border-color: #366fd5;} .programTable tbody tr.hover:after {content: ""; position: absolute; width: 100%; height: 1px; top: -1px; left: 0; border-top: 1px solid var(--pointColor)} .programTable tbody tr.yellow.hover:after {border-top-color: #d35f25;} .programTable tbody tr.green.hover:after {border-top-color: #5fb165;} .programTable tbody tr.red.hover:after {border-top-color: #eb113f;} .programTable tbody tr.blue.hover:after {border-top-color: #366fd5;} .programTable tbody tr.hover a {color: var(--pointColor); font-weight: 500;} .programTable tbody tr.yellow.hover a {color: #d35f25;} .programTable tbody tr.green.hover a {color: #5fb165;} .programTable tbody tr.red.hover a {color: #eb113f;} .programTable tbody tr.blue.hover a {color: #366fd5;} /* abstract */ .awards.ang .con01 .btnBox:hover:after , .awards.ang .con04 .btnBox:hover:after , .abstract .con01 .btnBox:hover:after , .abstract .con5 .btnBox:hover:after {opacity: 1;} .awards.ang .con01 .btnBox:hover i , .awards.ang .con04 .btnBox:hover i , .abstract .con01 .btnBox:hover i , .abstract .con5 .btnBox:hover i {animation: arrowHoverMove 3s ease both infinite;} @keyframes arrowHoverMove {20% {transform: translateX(10%);} 30% {transform: none;} 40% {transform: none;} 50% {transform: translateX(10%);} 60% {transform: none;} 70%{ transform: translateX(10%);} 80% {transform: none;}} /* write common */ /* .writeWrap .stepBox .buttonBox > button:hover {box-shadow: 0 0 10px rgba(15, 58, 109, .5);} */ /* .writeWrap .stepBox .buttonBox .cancel:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .3);} .writeWrap .stepBox .buttonBox .prev:hover {box-shadow: 0 0 10px rgba(0, 0, 0, .3);} */ .writeWrap .stepBox .buttonBox > button:hover span span {animation: spanUpText 3s linear both;} /* submission */ .submission .apply .delBtn:hover i:after {opacity: 1;} .submission.step2 .plusBtn button:hover:after {opacity: 1; width: 200px; height: 200px;} .submission.step2 .plusBtn button:hover span {animation: scaleMove4 .5s ease both;} .submission .fileBox:hover::after {width: 200px; height: 200px; } .submission .fileBox:hover label {color: #fff;} .submission .fileWrap .fileRight .fileDelBtn:hover {color: #e51609;} .submission.step3 .agree_modal .closeBtn:hover {box-shadow: 0 0 10px rgba(15, 58, 109, .5);} .submission.step3 .agree_modal .closeBtn:hover span span {animation: spanUpText 3s linear both;} .submission.step4 .imgModalBtn:hover {color: var(--pointColor); text-shadow: 2px 2px rgba(0, 0, 0, .15);} .submission.step4 .imgModalBtn:hover span:before {opacity: 1;} .submission.step5 .completedBox .text p strong:hover:after {animation: afterWidthPlay 1s ease both;} @keyframes afterWidthPlay {0% {width: 0;} 100% {width: 100%;}} /* awards & grant */ .awards .con .textList p a:hover span {text-shadow: 2px 2px rgba(0, 0, 0, .15);} .awards .con .textList p a:hover span:after {animation: afterWidthPlay 1s ease both;} .awards .con03 .btnBox:hover:after {opacity: 1;} .awards .con03 .btnBox:hover span > span {animation: spanUpText 3s linear both infinite;} .awards .con03 .btnBox:hover i {animation: arrowHoverMove 3s ease both infinite;} /* register */ .register .con01 .btnBox:hover:after {opacity: 1;} .register .con01 .btnBox:hover span > span {animation: spanUpText 3s linear both infinite;} .register .con01 .btnBox:hover i {animation: arrowHoverMove 3s ease both infinite;} .register .con03 .textBox a:hover {text-shadow: 2px 2px rgba(0, 0, 0, .1);} .register .con03 .textBox a:hover:after {animation: afterWidthPlay 1s ease both;} .registration.step1 .cont02 .memberBox .topText p a:hover span:after{animation: afterWidthPlay 1s ease both;} .PaymentModal .modalBox .confirmed:hover:after {opacity: 1;} .PaymentModal .modalBox .confirmed:hover p span {animation: spanUpText 3s ease both;} /* */ .invitation .cont01 li a:hover {box-shadow: 0 4px 10px rgba(12 113, 195, .5);} .invitation .cont01 li a:hover .span1 span {animation: spanUpText3 3s linear both;} .invitation .cont01 li a:hover .span2 span {animation: spanUpText3 3s linear both;} .invitation .cont01 li a:hover i {animation: arrowHoverMove 3s ease both infinite;} .invitation .cont02 li:hover {transform: translateY(-10%);} .invitation .cont02 li a:hover:after {animation: shine 1s;} @keyframes shine { 100% {left: 120%;}} @-webkit-keyframes shine { 100% {left: 120%;}} .invitation .cont02 li a:hover strong:after {width: 100%;} .invitation .cont02 li a:hover i {animation: arrowHoverMove 3s ease both infinite;} /* accommodation */ .accommodation .cont02 .hotelList .text p:not(.site) a:hover span {background-size: 100% 30%;} .accommodation .cont02 .hotelList .text .site a:hover {text-shadow: 2px 2px rgba(0, 0, 0, .1);} .accommodation .cont02 .hotelList .text .site a:hover:after {animation: afterWidthPlay 1s ease both;} .accommodation .cont02 .hotelList .text > a:hover:after {opacity: 1;} .accommodation .cont02 .hotelList .text > a:hover span span {animation: spanUpText 3s linear both infinite;} .accommodation .cont03 li a:hover {box-shadow: 4px 4px #d3d3d3; transform: translateY(-3px);} /* Venue & Transportation */ .venue.info .contBox .text a:hover span span {animation: leftMove3 1s ease both;} .venue.taxi .bot table td a:hover i {animation: arrowHoverMove 3s ease both infinite;} .venue.subway .topText a:hover span {animation: leftMove3 1s ease both;} .venue.subway .topText a:hover i {animation: arrowHoverMove 3s ease both infinite;} .venue.airport .contBox .imgBox a:hover:after {top: 0;} .venue.airport .contBox .imgBox a:hover p i {transform: none; opacity: 1;} .venue.bus .contBox .linkText:hover:after {animation: widthHover 1s ease both;} @keyframes widthHover {0% {width: 0;} 100% {width: 100%;}} .venue.taxi .bot table td a:hover span span {animation: leftMove3 1s ease both;} .venue.taxi .bot table td a:hover i {animation: arrowHoverMove 3s ease both infinite;} /* sponsors */ .sponsors .subBoard .tt p a:hover:after {width: 100%;} .sponsors .subBoard .tt p a:hover span {text-shadow: 2px 2px rgba(0, 0, 0, .2);} } @media screen and (max-width:1460px) { .subWrap .inputTableBox td, .submission.step2 .cont01 table .moth2 td:nth-child(2) {padding: 10px 15px;} .subWrap .inputTableBox .department .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .organization.ko .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .name.en .inputWrap > .inputBox:last-child {max-width: 100%; width: calc(100% - 565px);} .submission.step2 .moth2_depart div.department_other{width: 100%;} .submission.step2 .cont01 table .moth2 td:nth-child(1) , .submission.step2 .cont01 table .th2{padding-left: 20px;} .submission.step2 table .th2, .submission.step2 table .th3 , .submission.step2 table .td2, .submission.step2 table .td3{min-width: 140px; padding: 5px;} .submission.step2 .cont02 table .th1, .submission.step2 .cont02 table .th8 , .submission.step2 .cont02 table .td1, .submission.step2 .cont02 table tbody .td8{width: 70px; min-width: 70px;} .submission.step2 table .td2Box .td2Table1 td.td7 , .subWrap .cont02 .inputTableBox thead th.th7 {width: 140px; max-width: 140px;} .abstract .list_box li .contents {width: 18.6vw; height: 320px;} .abstract .list_box li {height: 370px;} .tour .transbox .by_con .mid .mid_ul {scale: 0.9;} .tour .transbox .by_con .mid{display: flex; justify-content: center; padding: 60px 10px 120px;} .tour .transbox .by_con .mid .mid_ul li .txt {transform-origin: top left; scale: 1.05;} .tour .busbox02 .by_con .list03 .list_ul02 li{text-align: center;padding: 13px 10px; flex-basis: calc(100% / 9 - 24px);} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em {left: 36.1301vw;top: 32.3178vw;width: 3.4822vw;height: 3.4822vw;} .tour .conbox_gmp .transbox.busbox02 .by_con .other .bus_img .bus_img_obj em {left: 38.0822vw; top: 14.2466vw; width: 2.8822vw; height: 2.8822vw;} .so_program .conbox_txt .side_txt {width: 58vw;} .so_program .conbox_txt .side_img {width: calc(100% - 58vw);} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em.twoem {left: 34.7945vw; top: 42.2603vw; width: 3.6vw; height: 3.6vw;} .photogallery_box .photogallery_list {height: 18.4932vw;} .photogallery_box .photogallery_list figcaption div p{font-size: 17px;} } @media screen and (max-width: 1400px) { .subWrap .inputTableBox thead th {font-size: 15px; letter-spacing: -.8px;} .submission.step2 table .td2Box .td2Table2 td:first-child {width: 34.1%} .accommodation .cont02 .listBox li > p {font-size: 15px;} .subWrap .inputTableBox .radio {gap: 10px 3%;} .register .register_box .subbox01 .conbox ul li .circle_btm br {display: none;} .register .register_box .subbox01 .conbox ul li , .register .register_box .subbox01 .conbox ul li:last-of-type {flex-basis: calc(20% - 5px);} .register .register_box .subbox01 .conbox ul li .circlezone {width: 190px; height: 155px; margin-bottom: 15px;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4), .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3) {width: 320px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1){width: 220px;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody td, .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {padding-left: 0px; padding: 5px 8px 5px 25px;} .tour .transbox .by_con .btm .bus_s .time ul {padding: 30px; gap: 20px 60px;} /* 1400 end */ } @media screen and (max-width:1350px) { .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr:nth-child(1) th {min-width: unset;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr th{width: 185px; min-width: 185px;} .guest .guest_wrap .guest_list ul li figure img{width: 15vw; height: 15vw;} .guest .guest_wrap .guest_list ul{gap: 40px;} .guest .guest_wrap .guest_list ul li{flex-basis: calc(20% - 33px);} .tour .busbox01.busbox01_new .by_con .mid .mid_ul li .line {width: 20vw;} .tour .transbox .by_con .btm .bus_s .time li:nth-child(9n):before {display: block;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em.twoem {left: 34.4945vw; top: 42.0603vw;} } @media screen and (max-width:1320px) { .tour .transbox .by_con .btm .bus_s .time li:nth-child(8):before {display: none;} } @media screen and (max-width:1280px) { .abstract .list_box {gap: 0 5px;} .abstract .list_box li {flex-basis: calc(25% - 5px); height: 320px;} .abstract .list_box li .contents {padding: 10px;} .abstract .list_box li .contents {height: 270px;} .visa .website_list {gap: 0 25px;} .visa .website_list li {flex-basis: calc(33.33% - 18px);} .register .register_box .subbox01 .conbox ul li .circle_btm {font-size: 16px;} .register .register_box .subbox01 .conbox ul li .circlezone .svg_icon {scale: 0.9;} .register .register_box .subbox01 .conbox ul li, .register .register_box .subbox01 .conbox ul li:last-of-type {flex-basis: calc(20% - 7px);} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4) , .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3){width: 280px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1){width: 180px;} .register .register_box .subbox04 .conbox ul {padding:45px 30px ;} .tour .transbox .by_con .mid .mid_ul li .line{width: 50px;} .tour .transbox.subwaybox02 .by_con .mid .mid_ul li .line {width: 55.1px;} .tour .busbox01 .by_con .mid .mid_ul li .line {width: 500px;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line {width: 139px;} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 51.5px;} .tour .conbox_gmp .transbox.subwaybox03 .by_con .mid .mid_ul li .line{width: 139.6px;} .tour .conbox_gmp .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 1000px;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {min-width: unset; width: 290px;} .registration.step1.step1_ltup .cont05 .bank_pink.en td {width: unset; max-width: 10px;} .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn input , .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn .deposit_date_result{height: 32px;} .registration.step1.step1_ltup .cont05 .bankCheck .dateBtn input {margin-right: 10px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr:nth-child(1) th {min-width: 170px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr th{width: 170px;} .mypage.tab3.regismypage_ltup table .th3 {width: 16%;} .accommodation .cont .link_seouldragon {margin-bottom: 25px;} .accommodation .cont > ul li {margin-bottom: 40px;} .tour .busbox01.busbox01_new .by_con .mid .mid_ul li .line {width: 18vw;} .photogallery_box .photogallery_list figcaption {padding: 15px;} .photogallery_box .photogallery_list figcaption div p{font-size: 16.5px;} .photogallery_box .photogallery_list figcaption .arrow {width: 35px; height: 35px; font-size: 20px;} /* 1280 end */ } @media screen and (max-width:1250px) { .subWrap .inputTableBox .department .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .organization.ko .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .name.en .inputWrap > .inputBox:last-child {width: calc(100% - -5%);} .subWrap .inputTableBox tr.id .inputWrap button {font-size: 16px; min-width: 270px;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em {left: 35.8301vw;top: 32.0178vw;width: 3.4822vw;height: 3.4822vw;} .tour .conbox_gmp .transbox.busbox02 .by_con .other .bus_img .bus_img_obj em {left: 37.8822vw; top: 14.2466vw; width: 2.8822vw; height: 2.8822vw;} } @media screen and (max-width: 1200px) { .subPage .floatingMenu li a {font-size: 16px;} .subPage .subBoard .subTitle h3 {font-size: 26px;} /* tableBox */ .subWrap .inputTableBox .radio {flex-wrap: wrap;} .subWrap .inputTableBox .radio .inputBox {height: 45px; margin-top: 10px; max-width: 100%;} /* signUp */ .signUp .cont > p {font-size: 17px; line-height: 1.4;} /* mypage */ .mypage .tabListBox li {height: 55px;} .mypage table.listTable {font-size: 16px;} .mypage.tab2 table td p a {width: calc(100% - 10%);} /* ISMND */ .ismnd .subBoard .text > strong {font-size: 20px; margin-bottom: 35px;} .ismnd .subBoard .text .box p {font-size: 16px;} /* welcome */ .welcome .subBoard .text > strong {font-size: 20px; margin-bottom: 35px;} .welcome .subBoard .tt {font-size: 16px;} .welcome .subBoard .profileWrap .textBox strong {font-size: 16px;} .welcome .subBoard .profileWrap .textBox p {font-size: 15px;} /* loc */ .loc .subBoard table th {font-size: 17px;} .loc .subBoard table {font-size: 15px;} /* conference */ .conference .subBoard .tableBox table {font-size: 16px;} .conference .subBoard .datesBox .dates strong {font-size: 18px; padding: 12px 5px;} .conference .subBoard .datesBox .dates p {font-size: 15px;} /* program */ .program .subBoard li .title {font-size: 22px;} .program .subBoard li:first-child p {font-size: 16px;} /* scientific program */ .scientific .tabBox li {font-size: 18px;} .scientific .textTop .textBox {font-size: 20px;} /* invited_faculties */ .faculties .subBoard .listBox .textBox .name {font-size: 16px; margin-bottom: 5px;} .faculties .subBoard .listBox .textBox .text {font-size: 14px; margin-bottom: 0;} .faculties .subBoard .listBox .textBox .country {font-size: 13px;} /* abstract */ .abstract .con01 > p {font-size: 16px; margin-bottom: 20px;} .abstract .con01 .roundBox .text {font-size: 20px; padding: 30px 10px;} .abstract .con01 .roundBox .bg figure {opacity: .4;} .abstract .con01 .btnBox {width: 240px; height: 52px; font-size: 17px;} .abstract .con2 .titleType1 {margin-bottom: 45px;} .abstract .con2 .listBox .box .text {padding: 15% 5px;} .abstract .con2 .listBox .box .text1 {margin-bottom: 20px;} .abstract .con2 .listBox .box .text2 {font-size: 14px;} .abstract .con .textBox {font-size: 16px;} /* write common */ .writeWrap .tabList {gap: 7px;} .writeWrap .tabList li {font-size: 15px;} /* submission */ .submission .topTextBox {font-size: 17px;} .submission .topTextBox .text > p {margin-bottom: 4px;} .submission.step2 table .radioBox input[type="text"] {transform: translate(2px, -3px);} /* awards & grant */ .awards .con01 > p {font-size: 16px; margin-bottom: 20px;} .awards .con01 .roundBox .text {font-size: 20px; padding: 30px 10px;} .awards .con01 .roundBox .bg figure {opacity: .4;} .awards .con2 .titleType1 {margin-bottom: 45px;} .awards .con .textList p , .awards .con03_box div{font-size: 16px;} .awards .con03 .btnBox {font-size: 17px;} /* register */ .register .con01 > p {font-size: 16px; margin-bottom: 20px;} .register .con01 .roundBox .text {font-size: 20px; padding: 30px 10px;} .register .con01 .roundBox .bg figure {opacity: .4;} .register .con01 .btnBox {width: 270px; height: 52px; font-size: 17px;} .register .con .textBox {font-size: 16px;} .register .con02 .listBox .inText {gap: 10px;} .register .con02 .listBox .inText figure {width: 36px;} .register .con02 .listBox .inText p {font-size: 17px; line-height: 1.3;} .register .con02 .listBox .text p {font-size: 15px;} /* registration */ .registration.step1 .cont04 .textBox {font-size: 16px;} /* Visa & Invitation Letter */ .invitation .cont p {font-size: 17px;} /* accommodation */ .accommodation .cont01 ul li p {font-size: 17px;} .accommodation .cont02 .listBox li .box strong {font-size: 17px;} .accommodation .cont02 .listBox li .icon {width: 55px;} .accommodation .cont02 .listBox li .box {gap: 15px;} .accommodation .cont02 .tableBox thead th {font-size: 17px;} .accommodation .cont02 .tableBox .text p {font-size: 16px;} .accommodation .cont02 .textBox {font-size: 18px;} .accommodation .cont02 .hotelList .bot .text {font-size: 16px;} .accommodation .cont02 .hotelList .bot .text strong {width: 55px;} /* Venue & Transportation */ .venue .listBox li a {font-size: 17px;} .venue .subList li a {font-size: 17px;} .subPage .subBoard table {font-size: 16px;} /* sponsorship_overview */ .sponsors .subBoard .text > strong {font-size: 20px; margin-bottom: 35px;} .sponsors .subBoard .tt {font-size: 16px;} .mypage .plusSpan {top: 170px;} .submission.step2 table .th2, .submission.step2 table .th3, .submission.step2 table .td2, .submission.step2 table .td3 {width: 110px; min-width: 110px;} .abstract .list_box li .contents .tit {font-size: 18px; margin-bottom: 18px;} .abstract .list_box li .contents .tit::before {bottom: -9px;} .abstract .list_box li .contents p {font-size: 15px;} .visa .website_list {gap: 0 15px;} .visa .website_list li {flex-basis: calc(33.33% - 11px); height: 150px;} .visa .website_list li div a p {font-size: 22px;} .visa .website_list li div a {padding: 0 10px; box-sizing: border-box;} .abstract .con6 {font-size: 17px;} .o_committee .table td p:nth-child(1) {width: 26vw;} .program .program_info tbody tr {height: 100%;} .program .program_info tbody tr td:nth-child(1) {font-size: 16px;} .program .subBoard li:first-child p {font-size: inherit;} .program_wrap .program_date ul li {height: 55px; font-size: 20px;} .program .program_info thead tr th:nth-child(1) {width: 160px;} .program_wrap .program_pdf {top: -60px;} .program_wrap .program_pdf a {height: 45px; font-size: 16px; width: 200px;} .program .program_info tbody tr td:nth-child(2)::before {border-width: 5px;} .program .program_info tbody .tdpa td:nth-child(2) {padding:17px 5px ;} .register .register_box {font-size: 16px;} .register .register_box .subbox .table thead th {font-size: 18px;} .register .register_box h4.subbox_tit {font-size: 22px;} .register .register_box .subbox05 .conbox .table_wrap {padding: 30px 30px ;} .register .register_box .subbox02 ul li, .register .register_box .subbox06 .conbox div ul li, .register .register_box .subbox05 .conbox .table_wrap ul li, .register .register_box .subbox08 .conbox .div01 li, .register .register_box .subbox03 ul li {gap: 0 13px;} .register .register_box .subbox05 table td.time {width: 270px;} .register .register_box .subbox05 table td:nth-child(2) {padding-left: 45px;} .register .register_box .subbox05 .btmem {font-size: 15px;} .register .register_box .subbox06 .method {font-size: 20px;} .register .register_box .subbox07 tr td.pink {width: 210px; min-width: 210px;} .tour .busbox01 .by_con .mid .mid_ul li .line {width: 450px;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line {width: 120px;} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 41.5px;} .tour .conbox_gmp .transbox.subwaybox03 .by_con .mid .mid_ul li .line{width: 116.7px;} .registration.step1.step1_ltup .cont02 th:nth-child(2), .registration.step1.step1_ltup .cont02 .regis_type_table.en th:nth-child(3) {width: 300px;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {width: 240px;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p, .registration.step1.step1_ltup .cont03 .cont03_toptxt , .registration.step1.step1_ltup .cont03 .cont03_btmtxt , .registration.step1.step1_ltup .cont04 .cont04_btmtxt , .registration.step1.step1_ltup .inputTableBox tr, .registration.step1.step1_ltup .inputTableBox td{font-size: 16px;} .registration.step1.step1_ltup .cont03_table td.td_first {min-width: 140px;} .program .subBoard .program_wrap li:nth-child(1) p {font-size: 18px;} .program .subBoard .program_wrap li:nth-child(2) p , .program .subBoard .program_wrap li:nth-child(3) p {font-size: 20px;} .sp_box .sp_tab ul li {font-size: 18px;} .sp_box .spt_box .spt_top {font-size: 19px; padding: 10px 20px ;} .scientific .sp_toptable {font-size: 16px;} .accommodation .cont .hotel_img {padding: 0;} .accommodation .cont li:nth-child(1) table th:last-of-type{width: 150px;} .accommodation .cont_02 .btmlink{gap: 10px 15px;} .tour .transbox .by_con .btm .bus_s .time li:nth-child(8):before {display: block;} .tour .transbox .by_con .btm .bus_s .time li:nth-child(7n):before {display: none;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em.twoem {left: 34.2945vw; top: 41.8603vw;} /* 1200 end */ } @media screen and (max-width:1100px) { .mypage .plusSpan {right: 20px;} .submission.step2 .cont02 table .th1, .submission.step2 .cont02 table .th8, .submission.step2 .cont02 table .td1, .submission.step2 .cont02 table tbody .td8 {min-width: 60px; width: 60px;} .register .register_box .subbox01 .conbox ul li .circlezone {width: 170px; height: 135px; margin-bottom: 17px;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num {font-size: 18px;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4) , .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3){width: 240px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1) {width: 150px;} .tour .transbox .by_con .mid .mid_ul li .line{width: 43px;} .tour .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 47.6px;} .tour .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 19vw;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em {left:36.3301vw ; top: 32.5178vw; width: 3.3822vw; height: 3.3822vw;} @keyframes bus_img_obj_before { 0%{ border: 0px solid rgb(255 0 0 / 50%);} 50%{border: 9px solid rgb(255 0 0 / 39%);} 100%{border: 9px solid rgb(255 0 0 / 10%);}} .tour .conbox_gmp .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 800px;} .tour .conbox_gmp .transbox.busbox02 .by_con .other .bus_img .bus_img_obj em {left: 38.3822vw; top: 14.4466vw; width: 2.8822vw; height: 2.8822vw;} .sp_list .company_li figure {height: 9.5vw;} .so_program .conbox_txt .side_txt {padding-right: 40px;} .so_program .conbox_txt:nth-child(2n+1) .side_txt {padding-right: 0; padding-left: 40px;} .so_program .conbox_txt .side_txt {width: 62vw;} .so_program .conbox_txt .side_img {width: calc(100% - 62vw);} .tour .transbox .by_con .btm .bus_s .time li:nth-child(7n):before {display: block;} .tour .transbox .by_con .btm .bus_s .time li:nth-child(8n):before{display: block;} .tour .transbox .by_con .btm .bus_s .time ul {gap: 20px 45px ;} .tour .transbox .by_con .btm .bus_s .time li::before {right: -22px;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em.twoem {left: 34.7945vw; top: 42.2603vw; width: 3.8vw; height: 3.8vw;} .photogallery_box {gap: 12px 10px;} .photogallery_box .photogallery_list figcaption div p{font-size: 16px; line-height: 1.45;} .photogallery_box .photogallery_list figcaption {padding: 15px 15px;} .photogallery_box .photogallery_list{flex-basis: calc(25% - 9px); height: 23.2732vw;} } @media screen and (max-width: 1024px) { .subWrap {margin-top: 90px;} .subWrap .subTop .top h2 {font-size: 40px;} .subWrap .subTop .lnbBox a {font-size: 16px;} .subWrap .subTop .lnbBox .dep1 a {font-size: 15px;} .subPage .inner {flex-direction: column; gap: 40px 0;} .subPage .floatingMenu {position: static; width: 100%; display: flex;} .subPage .floatingMenu li {width: 100%; text-align: center; box-sizing: border-box;} .subPage .floatingMenu li:not(:last-child) {margin-bottom: 0; border-right: 1px dashed #d3d3d3;} .subPage .floatingMenu li a {padding: 2px 15px; height: 50px; display: flex; align-items: center; justify-content: center;} .subPage .floatingMenu li a:before {display: none;} .subPage .subBoard {width: 100%;} .subPage .subBoard .subTitle {padding-bottom: 20px;} .subPage {padding: 65px 0 100px;} /* type2 */ .subType2 .bigTitle {font-size: 40px;} /* tableBox */ .subWrap .plusSpan {font-size: 14px;} .subWrap .inputTableBox tbody th {padding-left: 18px; width: 230px;} .subWrap .subTop .subtopcon img:nth-child(1) {width: 50vw;} .subWrap .subTop .subtopcon img:nth-child(2) {height: 20vw;} .subWrap .subTop .top {padding: 0 30px;} /* login */ .login label input {height: 45px; font-size: 17px;} .login .loginBtn {margin-bottom: 25px;} .login .loginBtn button {height: 45px; font-size: 17px;} .login .botBox {height: 45px;} .login .botBox button {font-size: 16px;} .login .plusText p {font-size: 15px; padding-left: 18px;} .modalWrap .modalBox .close {font-size: 30px;} .login .find_modal .modalBox .title {font-size: 27px; margin-bottom: 30px;} .login .find_modal .modalBox .box input {margin-bottom: 10px;} .login .find_modal .modalBox .box button {height: 45px; font-size: 17px;} /* signUp */ .signUp .cont h3, .privacyWrap h3 {font-size: 22px; margin-bottom: 15px;} .privacyWrap .textBox {padding: 25px;} .privacyWrap .textBox p {margin-bottom: 25px;} .privacyWrap .textBox, .privacyWrap .textBox p {font-size: 15px;} .signUp .buttonBox button {width: 210px; height: 60px;} .signUp_ok .textBox svg .line1, .signUp_ok .textBox svg .line2 {stroke-width: 6px;} .signUp_ok .textBox .text {font-size: 18px;} /* mypage */ .mypage .tabListBox li a {font-size: 18px;} .mypage table.listTable {font-size: 15px;} .mypage.tab3 table .payment > div > * {font-size: 14px;} .mypage.tab3 .receiptModal .mbody .tt {font-size: 28px; padding-bottom: 12px;} .mypage.tab3 .receiptModal .mbody .date, .mypage.tab3 .receiptModal .mbody .tText {font-size: 15px;} .mypage.tab3 .receiptModal .mbody .tText {text-align: left;} .mypage.tab3 .receiptModal .mbody .con table {font-size: 15px;} .mypage.tab3 .receiptModal .mbody .con table th {width: 130px;} .mypage.tab3 .receiptModal .mbody .con table td {padding: 15px 10px;} .mypage.tab3 .receiptModal .mfooter {font-size: 13px;} .mypage.tab3 .receiptModal .mfooter .top > strong {font-size: 15px; margin-bottom: 2px;} /* ISMND */ .ismnd .subBoard .text .linkBox a {width: 200px; height: 47px; font-size: 16px; padding: 0 30px;} /* welcome */ .welcome .subBoard .tt {margin-bottom: 55px;} .welcome .subBoard .profileWrap .imgBox {width: 140px; height: 150px;} .welcome .subBoard .tt2 {padding-top: 55px; margin-top: 55px; margin-bottom: 45px;} /* ismnd 2024 organizing committee */ .committee .tableBox table {font-size: 14px;} .committee .tableBox table thead th {font-size: 16px; padding: 0 15px; height: 45px;} .committee .tableBox table tbody td {padding: 0 15px; height: 45px;} /* loc */ .loc .subBoard table th {font-size: 15px;} .loc .subBoard table {font-size: 14px;} .loc .subBoard table th {padding-left: 15px;} .loc .subBoard table td {padding-left: 15px;} /* conference */ .conference .subBoard .text {font-size: 16px; margin-bottom: 35px;} .conference .subBoard .tableBox {gap: 3%;} .conference .subBoard .tableBox table {font-size: 15px;} .conference .subBoard .tableBox table td {padding: 7px 3%;} .conference .subBoard .datesBox > strong {font-size: 24px;} .conference .subBoard .datesBox .dates strong {font-size: 16px;} .conference .subBoard .datesBox .dates p {font-size: 14px;} /* program */ .program .subBoard li:nth-child(2) > p {font-size: 15px; margin-bottom: 10px;} .programTable {font-size: 15px;} .programTable th {font-size: 17px;} /* scientific program */ .scientific .textTop .bg .img01 {width: 95px;} .scientific .textTop .bg .img02 {width: 150px;} .scientific .textTop .bg .img03 {width: 140px;} .scientific .textTop {margin-bottom: 25px;} .scientific .textTop .textBox {font-size: 18px;} .scientific .tabBox {margin-bottom: 20px;} .scientific .tabBox li {font-size: 17px;} .scientific .programTable td:last-child {padding: 15px 10px; padding-left: 15px;} /* invited faculties */ .faculties .subBoard .listBox {gap: 30px 15px;} .speakers_modal .modalBox {padding: 40px;} .speakers_modal .modalBox .topBox .imgBox {width: 180px; height: 180px;} .speakers_modal .modalBox .topBox .textBox {font-size: 16px;} .speakers_modal .modalBox .topBox .textBox .name {font-size: 20px; margin-bottom: 15px;} .speakers_modal .modalBox .botBox {font-size: 16px;} /* abstract */ .titleType1 {font-size: 22px; margin-bottom: 20px;} .abstract .con1 .titleType1 {margin-bottom: 15px;} .abstract .con2 .listBox .box .text {padding: 17% 5px;} /* write common */ .writeWrap .tabList li {font-size: 14px;} .writeWrap .stepBox h4 {font-size: 22px; margin-bottom: 10px;} .writeWrap .stepBox form > span {font-size: 14px; margin-top: 0; margin-bottom: 15px;} .writeWrap .stepBox .inputBox.text .textLength {font-size: 15px;} /* submission */ .submission .infoBtn {font-size: 15px;} .submission .infoBtn .radio {gap: 25px;} .submission .topTextBox {font-size: 16px; padding: 25px 20px;} .submission .topTextBox .bg img {opacity: .5; height: 90px;} .submission.step2 table tbody td {padding: 10px;} .submission.step2 table .radioBox input[type="text"] {transform: translate(1px, -2px);} .submission.step3 .countBox {font-size: 15px;} .submission.step3 .agree_modal .modalBox {padding: 50px 5%;} .submission.step3 .agree_modal dt {font-size: 17px;} .submission.step3 .agree_modal dd {font-size: 15px;} .submission.step4 .cont02 > strong {padding: 5px 15px; font-size: 15px;} .submission.step4 .cont03 .textWrap {padding: 50px 7%;} .submission.step4 .cont03 .textWrap .title {font-size: 26px;} .submission.step4 .cont03 .textWrap .textBox {font-size: 16px;} .submission.step5 .completedBox .text p {margin-bottom: 20px;} .submission.step5 .completedBox .text p strong {text-decoration: underline;} .submission.step5 .completedBox .text p strong:after {display: none;} /* register */ .register .con02 .listBox .inText {gap: 7px;} .register .con02 .listBox .inText figure {width: 30px;} .register .con02 .listBox .inText p {font-size: 16px;} .register .con02 .listBox .text p {font-size: 14px;} .register .con02 .listBox .text p br {display: none;} .register .con03 .tableBox table, .register .con04 .bankBox table, .register .con05 table, .register .con06 table {font-size: 16px;} .register .con04 .bankBox table th {width: 25%;} .register .con04 > p {font-size: 16px;} .register .con04 .textWrap {margin-bottom: 45px;} /* registration */ .registration.step1 .stepBox table {font-size: 16px;} .registration.step1 .stepBox .cont02 > p {font-size: 14px;} .registration.step1 .inputTableBox tbody th, .registration.step1 .cont02 .priceBox table thead .th1 {width: 25%;} .registration.step1 .cont02 .priceBox table tbody td {width: 37.5%;} .registration.step1 .cont02 .memberBox .topText strong {font-size: 17px;} .registration.step1 .cont02 .memberBox .topText p {font-size: 15px;} .registration.step1 .cont02 .memberBox .botBox .leftInput label {width: 235px; font-size: 14px;} .registration.step1 .cont02 .memberBox button {width: 90px; font-size: 16px;} .registration.step2 .tableBoxWrap .inputTableBox td {height: 60px;} .registration.step3 .topBox strong {font-size: 20px; margin-bottom: 10px;} .registration.step3 .topBox p {font-size: 18px;} /* Visa & Invitation Letter */ .invitation .cont p {font-size: 16px;} .invitation .cont01 li strong {font-size: 18px; margin-bottom: 10px;} .invitation .cont01 li strong:before {top: 8px;} .invitation .cont02 li strong {font-size: 18px; margin-bottom: 7px;} .invitation .cont01 li a {padding: 12px 3%;} /* accommodation */ .accommodation .cont01 > p {font-size: 17px;} .accommodation .cont01 ul li p {font-size: 16px;} .accommodation .cont02 .titleType1 {margin-bottom: 35px;} .accommodation .cont02 .tableBox table {font-size: 15px;} .accommodation .cont02 .tableBox thead th {height: 70px;} .accommodation .cont02 .textBox {padding: 30px 20px; font-size: 17px;} .accommodation .cont02 .hotelList .bot {gap: 4%;} /* Venue & Transportation */ .venue .contBox h4 {font-size: 20px;} .venue .contBox .mapBox {height: 280px;} .venue .subList li a {font-size: 16px;} .venue.info .contBox .text {font-size: 17px;} .venue.airport .contBox .imgBox {gap: 1.5%;} .venue.airport .contBox .imgBox p i {display: none;} .venue.subway .topText {font-size: 17px;} .venue.subway .cont01 > p {font-size: 17px;} .venue.subway .cont01 table th.th1 {width: 300px;} .venue.subway .cont01 table .line .box:not(.box03):after {width: 50px; right: -35px;} .venue.subway .cont01 table .line .gate {font-size: 14px;} .venue.subway .cont01 .textBox .right {font-size: 17px;} .venue.bus .contBox .top h4 {margin-bottom: 10px;} .venue.bus .contBox .top .linkText {font-size: 17px;} .venue.bus .contBox .top .linkText:after {display: none;} .venue.bus .contBox .top .linkText span {background-image: linear-gradient(var(--black),var(--black)); background-repeat: no-repeat; background-position: left bottom 1px; background-size: 100% 1px; transition: .5s ease; -webkit-box-sizing: border-box; display: initial;} .venue.bus .contBox .top .red {font-size: 15px;} .venue.bus .contBox .bot strong {font-size: 18px;} .venue.bus .contBox .bot p {font-size: 16px;} .venue.car .contBox > p {font-size: 15px;} .venue.car .cont03 .textBox {padding: 30px 20px;} .venue.car .cont03 .textList li {padding: 25px 20px;} .venue.car .cont03 .textBox strong {font-size: 17px;} .venue.car .cont03 .textList li strong {font-size: 17px;} .venue.car .cont03 .textBox p, .venue.car .cont03 .textList li p {font-size: 15px;} .venue.taxi .topText p {font-size: 17px;} .venue.taxi .top > strong {font-size: 18px; margin-bottom: 7px;} .venue.taxi .subBoard table {font-size: 15px;} /* sponsorship_overview */ .sponsorship .subBoard .tt {margin-bottom: 55px;} /* tba */ .tba .textBox .logo {width: 240px;} .tba .textBox .text {width: 250px;} .tba .textBox .text2 .img2 img {height: 70px;} .tba .textBox .text2 .text3 {font-size: 18px;} .tba .textBox .text2 > p {font-size: 20px;} .tba_modal .modalBox .title {font-size: 27px;} .login .loginBox button {height: 100px;} .login .loginBox {margin-bottom: 30px;} .subPage .subBoard .subTitle {margin-bottom: 15px;} .privacyWrap .agreeBox {font-size: 17px;} .mypage .inner {gap: 0;} .subWrap .inputTableBox .inputBox {max-width: 100%;} .subWrap .inputTableBox tr.id .inputWrap button {min-width: 240px;} .subWrap .inputTableBox .phone .inputBox:first-child {width: 50%;} .subWrap .inputTableBox .phone .inputBox:last-child {max-width: 100%; width: calc(50% - 16px);} .subWrap .inputTableBox .radioBox input[type="radio"] , .submission .infoBtn .radioBox input[type="radio"]{width: 17px; height: 17px;} .subWrap .inputTableBox .radioBox input[type="radio"]:checked::before, .submission .infoBtn .radioBox input[type="radio"]:checked::before {font-size: 16px;} .subWrap .inputTableBox .radioBox {gap: 4px;} .submission.step2 .cont01 table .moth2_depart td:nth-child(2) {gap: 0 9px;} .submission.step2 .cont01 table .moth2 td:nth-child(1) {width: 195px; font-size: 17px;} .subWrap .inputTableBox tr:nth-child(1) .td7,.submission.step2 table .td1, .submission.step2 table .th1, .submission.step2 table .th8{width: 75px; min-width: 75px;} .subWrap .inputTableBox input[type="text"], .subWrap .inputTableBox input[type="password"] {font-size: 16px;} .writeWrap .stepBox textarea {height: 200px;} .submission .fileBox {width: 130px; height: 33px;} .submission .fileBox label {font-size: 15px;} .submission.step3 .agreeBox {font-size: 17px;} .ltup2024 .table tr td, .ltup2024 .table .multi tbody td {padding:10px 20px;} .ltup2024 .table tr th {width: 210px; padding: 5px 20px;} .cv_con .list ul {gap: 15px;} .cv_con .list ul li.li01, .cv_con .list ul li.li02 {flex-basis: calc(50% - 9px);} .abstract .list_box {flex-wrap: wrap; justify-content: center; gap: 30px 20px ; width: 650px; margin: 0 auto;} .abstract .list_box li {flex-basis: calc(50% - 23px); height: 290px;} .abstract .list_box li .contents {width: 82%; padding: 15px 10px ; height: 246px;} .abstract .list_box li .contents .stepnum {display: block; margin: 0 auto; margin-bottom: 10px; width: fit-content;} .abstract .list_box li .contents p {font-size: 16px;} .abstract .con5 .textBox {margin-bottom: 60px;} .visa .visa_list li > p {font-size: 17px;} .visa .visa_list li strong {font-size: 19px;} .visa .visa_list li a {width: 320px; height: 46px; font-size: 17px;} .writeWrap.mypage.submission.step1 .stepBox h4 {margin-bottom: 30px;} .mypage.submission.step1 .plusSpan {top: 30px;} .abstract .con6 {padding: 25px 10px ;} .abstract .con6 ul {gap: 0 15px;} .abstract .con6 > p {margin-bottom: 30px;} .abstract .con6 ul li a {width: 360px; height: 46px; font-size: 16px;} .o_committee .table th , .o_committee .table td {padding-left: 20px;} .subWrap .inputTableBox tr.apply .inputWrap.width {left: auto; right: 15px; width: calc(100% - 300px);} .submission.step4 .cont03 .textWrap .textBox .vdurlp:hover + .xi-external-link {left: 90px;} .program_wrap .program_date ul li {border-radius: 10px 0 0 10px;} .program_wrap .program_date ul li:nth-child(2) {border-radius: 0 10px 10px 0;} /* hover 풀기 */ /* .program .program_info tbody tr td:nth-child(2):hover p, .program .program_info tbody tr td:nth-child(2):hover span {scale: 1;} */ .register .register_box .top_txt .date_info .mint_box {font-size: 22px; padding: 26px 10px; margin-bottom: 32px;} .register .register_box .top_txt, .register .register_box .subbox08 .conbox .div02, .register .register_box .subbox {margin-bottom: 40px;} .register .register_box .subbox01 .conbox ul li .circlezone {width: 150px; height: 115px; margin-bottom: 20px;} .register .register_box .subbox01 .conbox ul li .circlezone .svg_icon {scale: 0.8;} .register .register_box .subbox01 .conbox ul li .circle_btm {font-size: 15px;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num {font-size: 17px;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4) , .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3){width: 200px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1) {width: 130px;} .register .register_box .subbox .table thead th {padding: 7px 5px ;} .register .register_box .subbox thead th, .register .register_box .subbox tbody td{height: 45px;} .register .register_box .subbox04 .conbox ul {padding: 35px 20px ;} .register .register_box .subbox04 .conbox ul li div {width: 60px; height: 60px;} .register .register_box .subbox05 table td.time {width: 200px;} .register .register_box .subbox07 tr td.pink {width: 160px;} .register .register_box .subbox08 .conbox .div02 li:nth-child(1), .register .register_box .subbox08 .conbox .div02 li:nth-child(3), .register .register_box .subbox08 .conbox .div02 li:nth-child(2), .register .register_box .subbox08 .conbox .div02 li:nth-child(4) {width: 50%;} .tour .transportation_type li{font-size: 18px; height: 100%; box-sizing: border-box; padding: 15px 10px;} .tour .transportation_type{margin-bottom: 35px;} .tour .by_type li {font-size: 18px; height: 50px;} .tour .transbox .by_con .mid .mid_ul li .line{width: 36px;} .tour .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 40px;} .tour .transbox .by_con .top , .tour .transbox .by_tit {font-size: 22px;} .tour .transbox .by_tit .circle{width: 15px; height: 15px; } .tour .transbox .by_tit > p {gap: 0 5px;} .tour .transbox .by_tit .txtbox01{padding-right: 10px;} .tour .transbox .by_con .btm .btm_ul li .left{width: 32%;} .tour .transbox .by_con .btm .btm_ul li .right{padding: 8px 40px;} .tour .busbox01 .by_con .mid .mid_ul li .line{width: 330px;} .tour .busbox01 .by_con .btm .btm_ul li:last-of-type .right a:not(.notblue){left: 10.2539vw;} .tour .busbox02 .by_con .list03 .list_ul02 li{font-size: 16px; flex-basis: calc(100% / 9 - 21.6px);} .tour .taxibox02 table th{font-size: 18px;padding: 8px 5px ;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj em {left: 36.2301vw;top: 32.4178vw;width: 3.4822vw;height: 3.4822vw;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line {width: 84px;} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 26.5px;} .tour .conbox_gmp .transbox.subwaybox03 .by_con .mid .mid_ul li .line{width: 82.4px;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(1) {width: 10%;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(2) {width: 11%;} .tour .conbox_gmp .transbox.taxibox02 tbody tr:nth-child(1) td:nth-child(5) {width: 20%;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {width: 210px;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody td, .registration.step1.step1_ltup .cont05 .inputTableBox tbody th{padding: 5px 15px;} .registration.step1.step1_ltup .cont02 th:nth-child(2), .registration.step1.step1_ltup .cont02 .regis_type_table.en th:nth-child(3) {width: 26%;} .program .subBoard li:nth-child(2) > p {margin-bottom: 0;} .program .subBoard .program_wrap li:nth-child(1) p {font-size: 17px;} .program .subBoard .program_wrap li:nth-child(2) p , .program .subBoard .program_wrap li:nth-child(3) p {font-size: 17px;} .sponsors .subBoard .tt .tt_img { gap: 0 15px;} .registration.step3.step3_ltup .tableBoxWrap.tab_ko .inputTableBox tr th{width: 200px; min-width: 200px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox.table2 .step3_pink td {width: 32%;} .registration.step1.step1_ltup input[type="checkbox"]:checked::before, .registration.step1.step1_ltup input[type="radio"]:checked::before {font-size: 12px;} .awards.ang .con01 .iconbox ul li:nth-child(1) .icon .image img { width: 22.9023vw;} .awards.ang .con01 .iconbox ul li:nth-child(2) .icon .image img { width: 17.1406vw;} .awards.ang .con01 .iconbox ul li:nth-child(3) .icon .image img { width: 19.1914vw;} .awards.ang .con01 .iconbox ul li .icon .image {height: 290px;} .awards.ang .con01 .iconbox ul li .icon .image svg {bottom: 1.9297vw;} /* .awards.ang .con01 .txt p br:nth-child(1) {display: none;} */ .awards.ang .con01 .iconbox ul li .icon .detail strong , .awards.ang .cont_blue .box .box_top figure{font-size: 22px;} .awards.ang .cont_blue .box .box_top figure img {height: 40px;} .awards.ang .cont_blue .box .box_top{height: 60px;} .sp_box .spt_box table th{width: 160px;} .sp_box .spt_box table td.bright{width: 130px; padding: 10px 5px ;} .sp_box .spt_box table td{padding: 10px 10px ;} .scientific .sp_toptable li span {margin-right: 10px;} .scientific .sp_toptable {padding: 17px 20px ; font-size: 15px;} .sp_box .sp_tab ul li {height: 70px;} .accommodation .cont .hotel_info , .accommodation .cont_02 p.tit, .accommodation .cont_02 .btmtit{font-size: 16.4px;} .accommodation .cont .hotel_img {gap: 0 20px;} .accommodation .cont li:nth-child(1) .btm_txt{font-size: 15px;} .accommodation .cont li:nth-child(1) thead tr:nth-child(1) th:nth-child(1) {width: 130px;} .accommodation .cont_02 .hotel00 {gap: 25px 12px;} .accommodation .cont_02 .hotel00 > table th {width: 140px;} .accommodation .cont_02 .hotel00 > p, .accommodation .cont_02 .hotel00 > table {flex-basis: calc(50% - 8px);} .accommodation .cont_02 .tab > li {gap: 2px; padding: 10px 0; font-size: 15px;} .guest .modalview .modal_con {max-width: 85vw;} .guest .modalview .modal_con .guest_table thead th{font-size: 17px;} .guest .modalview .modal_con .guest_table tbody {font-size: 15px;} .guest .modalview .modal_con .guest_table tbody th {width: 170px;} .guest .modalview .modal_con .guest_table tbody th, .guest .modalview .modal_con .guest_table tbody td, .guest .modalview .modal_con .guest_table thead th{padding: 10px 15px;} .guest .modalview .modal_con .body{padding: 30px;} .guest .modalview .modal_con .pdf_btn{transform: translateX(0);} #pdf-viewer {max-width: 85vw;} .writeWrap.lecture01 .stepBox h4 {margin-bottom: 30px;} .writeWrap.lecture01 .stepBox .plusSpan {top: 30px;} .lecture.lecture01 .inputTableBox td {padding-left: 15px;} .lecture.lecture02 .agreeBox .radioBox {font-size: 16px;} .lecture.lecture02 .agreeBox .radioBox input[type="checkbox"] {width: 17px; height: 17px; min-width: 17px;} .lecture.lecture02 .agreeBox .radioBox {margin-bottom: 60px;} .lecture.lecture03 .lec_con strong {font-size: 26px;} .lecture.lecture03 .lec_con .con_box .tt, .lecture.lecture03 .lec_con .speak{font-size: 19px;} .lecture.lecture04 .completedBox .numBox {font-size: 22px;} .lecture.lecture03 .contTitle{font-size: 18px;} .sp_list .company_li figure {height: 95px;} .register .regis_info_plus li p:nth-child(2) {height: 170px; padding: 20px;} .so_program .conbox_txt {height: 280px;} .so_program .conbox_txt .side_txt {padding-right: 30px;} .so_program .conbox_txt:nth-child(2n+1) .side_txt {padding-right: 0; padding-left: 30px;} .so_program .conbox_txt .side_txt {width: 63vw;} .so_program .conbox_txt .side_img {width: calc(100% - 63vw);} .so_program .conbox_txt .side_txt > i, .so_program .conbox_txt .side_txt strong {margin-bottom: 15px;} .so_program .conbox_txt .side_txt strong { font-size: 22px;} .so_program .conbox_txt .side_txt p{font-size: 17px;} .tour .busbox01 .by_con .btm .btm_ul li:last-of-type .right a:not(.notblue) {bottom: 19px ; left: 40px; word-break: break-all;} .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right{padding: 17px 60px 45px 40px;} .tour .transbox .by_con .btm .bus_s .left {width: 32%;} .tour .transbox .by_con .btm .bus_s .time {width: calc(100% - 32%);} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table .table {font-size: 17px;} .photogallery_box .photogallery_list figcaption div p{font-size: 15.5px;} /* 1024 end */ } @media screen and (max-width: 900px) { /* mypage */ .mypage.tab3 table .payment > div > * {border-radius: 10px;} /* ISMND */ .ismnd .subBoard .text .box {flex-direction: column-reverse; gap: 20px;} .ismnd .subBoard .text.aos-animate .box figure {width: 90%; max-width: 250px;} /* abstract */ .abstract .con2 .listBox .step {width: 48px; top: -24px;} .abstract .con2 .listBox .box .text {padding: 15% 5px;} .abstract .con2 .listBox .box .text1 {font-size: 17px; height: 46px; margin-bottom: 5%;} .abstract .con2 .listBox .box .text2 {letter-spacing: -.5px;} /* accommodation */ .accommodation .cont02 .listBox li .top {margin-bottom: 15px;} .accommodation .cont02 .listBox li > p {font-size: 14px;} .accommodation .cont02 .hotelList {display: flex; flex-wrap: wrap; gap: 30px 2%;} .accommodation .cont02 .hotelList li {width: calc(50% - 1%);} .accommodation .cont02 .hotelList .title {position: relative;} .accommodation .cont02 .hotelList .title .starBox {width: 100%; justify-content: flex-end; margin-top: 5px; gap: 0; position: absolute; top: 40px; right: 9px; -webkit-text-stroke: 1px #fff;} .accommodation .cont02 .hotelList .bot {flex-direction: column; gap: 30px;} .accommodation .cont02 .hotelList .imgBox {width: 100%;} .accommodation .cont02 .hotelList .text {width: 100%;} .accommodation .cont02 .hotelList .title strong {font-size: 18px;} .accommodation .cont02 .hotelList .text p {border-bottom: 1px dashed #d3d3d3; margin-bottom: 10px; padding-bottom: 10px;} .accommodation .cont02 .hotelList .text p:nth-child(4) {border-bottom: none;} .accommodation .cont02 .hotelList .text strong {margin-bottom: 4px; color: var(--pointColor); display: block; margin-right: none;} .accommodation .cont02 .hotelList .text > a {max-width: 250px; height: 45px; font-size: 15px; margin: 0 auto;} .accommodation .cont02 .hotelList .text .site a {font-size: 15px;} /* venue */ .venue.info .contBox .textBox {flex-direction: column; height: auto;} .venue.info .contBox .textBox .left, .venue.info .contBox .textBox .right {width: 100%;} .venue.info .contBox .textBox .left {padding: 40px 20px;} .venue.subway .subBoard table {font-size: 15px;} .cv_con .list ul li figure {padding: 10px; gap: 0 40px;} .cv_con .list ul li figure figcaption {font-size: 17px; gap: 10px 20px ;} .cv_con .list ul li figure img { height: 11vw;} .abstract .con6 {font-size: 16px;} .abstract .con6 ul li a {font-size: 15px; width: 310px;} .abstract .con6 ul li a::before {left: -35%;} .o_committee .table tr , .o_committee .table td {height: 60px;} .o_committee .table th {width: 42%;} .o_committee .table td p , .o_committee .table td p:nth-child(1) {width: 100%;} .o_committee .table td {flex-direction: column; justify-content: center; gap: 7px;} .subWrap .inputTableBox tr.apply .inputWrap.width {width: calc(100% - 180px);} .register .register_box .subbox01 .conbox ul li .circle_btm {font-size: 16px;} .register .register_box .subbox01 .conbox ul {justify-content: center; gap: 15px 0;} .register .register_box .subbox01 .conbox ul li, .register .register_box .subbox01 .conbox ul li:last-of-type {flex-basis: calc(33.33% - 0px);} .register .register_box .subbox01 .conbox ul li .circlezone {width: 170px; height: 135px;} .register .register_box .subbox01 .conbox ul li .circlezone .svg_icon {scale: 0.9;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num {font-size: 19px;} .register .register_box .subbox .table thead th {font-size: 17px;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4), .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3) {width: 170px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1) {width: 90px;} .tour .transbox .by_con .mid .mid_ul {scale: 0.8;} .tour .busbox02 .by_con .other .bus_img .bus_img_obj, .tour .busbox02 .by_con .other .bus_img .bus_pc {display: none;} .tour .busbox02 .by_con .other .bus_img .bus_mo {display: block;} .tour .conbox_gmp .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 700px;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {width: 170px;} .program .subBoard .program_wrap li:nth-child(1) p {font-size: 16px;} /* .program .subBoard .program_wrap li:nth-child(2) p , .program .subBoard .program_wrap li:nth-child(3) p {font-size: 17px;} */ .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr:nth-child(1) th {min-width: 160px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr th {min-width: 160px; width: 160px; padding-left: 10px; font-size: 16px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr td {padding: 10px 10px 10px 15px;} .guest .guest_wrap .guest_list ul {gap: 25px;} .guest .guest_wrap .guest_list ul li {flex-basis: calc(25% - 20px);} .guest .guest_wrap .guest_list ul li figure img {width: 20vw; height: 20vw;} .guest .guest_wrap .guest_list ul li figure .name{font-size: 17px;} .guest .guest_wrap .guest_list ul li figure span{font-size: 15px;} .guest .guest_wrap .guest_list ul li figcaption{gap: 6px 0;} .sp_list .company_li {flex-basis: calc(100% / 4 - 18px);} .register .regis_info_plus li:nth-child(1) p:nth-child(1) , .register .regis_info_plus li:nth-child(2) p:nth-child(1) { font-size: 1.1em;} .tour .transbox .by_con .btm .btm_ul li .right{padding: 8px 20px ;} .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right {padding: 17px 20px 45px 20px ;} .tour .busbox01 .by_con .btm .btm_ul li:last-of-type .right a:not(.notblue){left: 23px;} .photogallery_box .photogallery_list figcaption .arrow {width: 30px; height: 30px;} .photogallery_box .photogallery_list figcaption {padding: 10px;} .photogallery_box .photogallery_list figcaption div p {font-size: 15px;} /* 900 end */ } @media screen and (max-width:800px) { .program_wrap .program_date ul {flex-direction: column;} .program_wrap .program_date ul li{flex-basis: 100%; width: 100%;min-height: 50px; box-sizing: border-box;} .program_wrap .program_date ul li:nth-child(1) {border-radius: 10px 10px 0 0;} .program_wrap .program_date ul li:nth-child(2) {border-radius: 0 0 0 0;} .program .subBoard .program_wrap li:nth-child(3) {border-radius: 0 0px 10px 10px ; border-top: none;} .program .program_info thead tr th:nth-child(2) {padding: 0 10px;box-sizing: border-box;} .awards.ang .con01 .txt p br {display: none;} .tour .transbox.busbox01_new .by_con .mid .mid_ul li .txt {scale: 0.98;} .photogallery_box .photogallery_list {flex-basis: calc(33.33% - 8px); height: 30.6732vw;} .photogallery_box .photogallery_list figcaption div p {font-size: 16px;} .photogallery_box .photogallery_list figcaption .arrow{width: 32px; height: 32px;} } @media screen and (max-width: 768px) { .subPage .floatingMenu {display: none;} .subWrap .subTop .top h2 {font-size: 35px;} /* type2 */ .subType2 .bigTitle {font-size: 36px; margin-bottom: 50px;} /* tableBox */ .subWrap .inputTableBox {font-size: 15px;} .subWrap .inputTableBox tbody th {width: 150px; padding: 10px 15px;} .subWrap .inputTableBox .inputBox {height: 45px;} .subWrap .inputTableBox .inputWrap.select {width: 100%;} .subWrap .inputTableBox .inputBox input {font-size: 15px;} .submission.step2 table tbody .td8 {height: 45px; display: flex; align-items: center; justify-content: center; padding-left: 119px;} .subWrap .inputTableBox .inputWrap.select .selectBox {top: 44px;} .subWrap .inputTableBox .radio .inputBox {height: 40px;} .subWrap .inputTableBox .phone .inputBox:first-child {width: 145px;} .subWrap .inputTableBox .phone .inputBox:last-child {width: calc(100% - 145px - 5px);} /* signUp */ .signUp .cont h3, .privacyWrap h3 {font-size: 20px;} .signUp .cont > p {font-size: 16px;} .privacyWrap .textBox {height: 200px;} .signUp_ok .textBox {padding-top: 40px;} .signUp_ok .textBox .loginBtn {width: 190px; height: 48px; font-size: 16px;} /* mypage */ .mypage .tabListBox li a {font-size: 16px;} .mypage .buttonBox button {height: 48px; font-size: 16px;} /* mypage - submission */ .mypage table.listTable thead {display: none;} .mypage table.listTable tr, .mypage table.listTable td {display: block;} .mypage table.listTable tbody tr {border-bottom: none; margin-bottom: 30px; padding: 10px; border-radius: 10px; border: 1px solid #d3d3d3;} .mypage table.listTable tbody tr:last-child {margin-bottom: 0;} .mypage table.listTable td {height: auto; padding: 0; border-right: none;} .mypage table.listTable .moth {display: block; height: 37px; display: flex; align-items: center; justify-content: center; background: #a1c0d06e; font-weight: 500; border-bottom: 1px dashed var(--pointColor);} .mypage table.listTable td.num .moth {background: rgb(3 136 205 / 39%);} .mypage table.listTable td .text {padding: 12px 5px; font-size: 16px;} .mypage table.listTable td.num .text {font-weight: 500; font-size: 16px; color: #0c71c3;} .mypage.tab2 table td p a {max-width: 50px;} .mypage.tab3 table .payment > div {max-width: 350px; margin: 0 auto; margin-top: 10px; width: 90%;} .mypage.tab3 table .payment .complete {display: flex; gap: 2%} .mypage.tab3 table .payment .complete > * {width: 50%;} .mypage.tab3 table .payment > div > *, .mypage.tab3 table.ko .payment > div > * {max-width: none;} .mypage.tab3 table .payment .receipt {margin-top: 0;} .mypage.tab3 .receiptModal .mbody {padding: 20px;} .mypage.tab3 .receiptModal .mbody .tt {font-size: 24px; padding-bottom: 10px;} .mypage.tab3 .receiptModal .mbody .date, .mypage.tab3 .receiptModal .mbody .tText {font-size: 14px;} .mypage.tab3 .receiptModal .mbody .tText {text-align: left;} .mypage.tab3 .receiptModal .mbody .con table {font-size: 14px;} .mypage.tab3 .receiptModal .mbody .con table th {width: 30%;} .mypage.tab3 .receiptModal .mbody .con table td {padding: 10px;} .mypage.tab3 .receiptModal .mfooter {font-size: 12px; padding: 20px;} .mypage.tab3 .receiptModal .mfooter .top > strong {font-size: 14px; margin-bottom: 2px;} /* ISMND */ .ismnd .subBoard .text > strong {font-size: 19px; margin-bottom: 27px;} .ismnd .subBoard .text .box {margin-bottom: 40px;} .ismnd .subBoard .text .box p {font-size: 15px;} .ismnd .subBoard .text .linkBox a {width: 180px; height: 45px; font-size: 15px; padding: 0 25px;} /* welcome */ .welcome .subBoard .profileWrap .textBox .logo {width: 120px; margin-bottom: 5px;} .welcome .subBoard .profileWrap .textBox strong {font-size: 15px;} .welcome .subBoard .profileWrap .textBox p {font-size: 14px;} /* loc */ .loc .subBoard table thead {display: none;} .loc .subBoard table tr {margin-bottom: 20px; display: block; border-top: 1px solid #d5d5d5;} .loc .subBoard table tr:last-child {margin-bottom: 0;} .loc .subBoard table tr.gray {background: transparent;} .loc .subBoard table td {display: block; position: relative;} .loc .subBoard table td:not(.td1) {padding-left: 120px;} .loc .subBoard table td.td1 {background: var(--pointColor); color: #fff; text-align: center;} .loc .subBoard table td:not(.td1):before {background: #f8f8f8; width: 100px; text-align: center; position: absolute; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center;} .loc .subBoard table td.td2:before {content: "Name";} .loc .subBoard table td.td3:before {content: "Affiliation";} .loc .subBoard table td.td4:before {content: "Department";} /* conference */ .conference .subBoard .text {margin-bottom: 60px;} .conference .subBoard .tableBox {flex-direction: column-reverse; gap: 30px; align-items: center;} .conference .subBoard .tableBox table {width: 100%; font-size: 14px;} .conference .subBoard .tableBox table th {width: 140px;} .conference .subBoard .tableBox table td {padding: 10px 20px;} .conference .subBoard .tableBox .imgBox {width: 80%; max-width: 200px;} .conference .subBoard .datesBox .dates strong {padding: 10px 5px;} .conference .subBoard .datesBox .textBox {font-size: 14px;} /* program */ .program .subBoard li .title {font-size: 20px;} /* .program .subBoard li:nth-child(2) > p {font-size: 13px; margin-top: -27px;} */ .programTable {font-size: 14px;} .programTable th {font-size: 16px; height: 45px;} .programTable td a {padding: 12px 5px;} /* scientific program */ .scientific .textTop .textBox {font-size: 16px;} .scientific .tabBox li {font-size: 16px; height: 50px;} .scientific .tabBox li a {height: 100%; display: flex; align-items: center; justify-content: center; padding: 10px; letter-spacing: -.6px} /* invited faculties */ .faculties .subBoard .listBox li {width: calc(100% / 3 - 10px);} .speakers_modal .modalBox {padding: 30px;} .speakers_modal .modalBox .topBox {flex-direction: column; gap: 25px; align-items: flex-start;} .speakers_modal .modalBox .topBox .imgBox {width: 140px; height: 140px;} .speakers_modal .modalBox .topBox .textBox {font-size: 15px;} .speakers_modal .modalBox .topBox .textBox .name {font-size: 18px; margin-bottom: 12px;} .speakers_modal .modalBox .botBox {font-size: 15px;} /* abstract */ .abstract .con {margin-bottom: 45px;} .abstract .con01 > p {font-size: 15px;} .abstract .con01 .roundBox > span {font-size: 13px; margin-bottom: 5px;} .abstract .con01 .roundBox .bg1 {width: 100px;} .abstract .con01 .roundBox .bg2 {width: 140px;} .abstract .con01 .btnBox {width: 200px; height: 48px; font-size: 16px; gap: 5px;} .abstract .con2 .titleType1 {margin-bottom: 35px;} .abstract .con2 .listBox {flex-wrap: wrap; gap: 25px 0;} .abstract .con2 .listBox li {width: calc(50% + 4%);} .abstract .con2 .listBox .list3 {Width: calc(52.15% + 4.7%); margin-left: -1%;} .abstract .con2 .listBox .list3 .box img {content: url(./images/sub/abstract_list03-1.png);} .abstract .con2 .listBox .list4 {Width: calc(52.15% - 4.7%);} .abstract .con2 .listBox li:not(.list4) {margin-right: -4%;} .abstract .con2 .listBox .step {right: 8%;} .abstract .con2 .listBox .list3 .box .text {padding-left: 10%;} .abstract .con2 .listBox li .box img {width: 100%; height: 100%; object-fit: cover;} .abstract .con2 .listBox .box .text {justify-content: center; padding: 15% 10px;} .abstract .con2 .listBox li:not(.list4) .box .text {padding-right: 15%;} .abstract .con .textBox {font-size: 15px;} /* write common */ .writeWrap .stepBox .buttonBox {gap: 7px;} .writeWrap .stepBox .buttonBox > button {width: 100%; height: 48px; font-size: 16px;} /* submission */ .submission .topTextBox {font-size: 15px;} .submission.step2 .plusBtn {margin-bottom: 20px;} .submission.step2 .plusBtn button {font-size: 14px; width: 90px; height: 42px; margin-top: 10px;} .submission.step2 table .radioBox input[type="text"] {transform: translate(-1px, -3px);} .submission .stepBox textarea {font-size: 15px; padding-bottom: 20px;} .submission.step5 .completedBox {padding: 30px 20px; padding-bottom: 35px;} .submission.step5 .completedBox .numBox {max-width: 100%; font-size: 18px; padding: 13px 10px; height: 60px; margin-bottom: 45px;} .submission.step5 .completedBox .text {font-size: 15px;} .submission.step2 table thead {display: none;} .submission.step2 table tbody {background-color: transparent;} .submission.step2 table tbody td {border-right: none; padding: 10px 0; padding-right: 10px; min-height: 0;} .submission.step2 table tbody .td1 {background: #0689cd; padding-right: 0;} .submission.step2 table tbody .td1 p {width: 24px; height: 24px; border-radius: 5px; background: #083569e6; color: #fff; margin: 0 auto; font-size: 14px; line-height: 24px;} .submission.step2 table tbody .inputBox {max-width: none;} .submission.step2 table tbody .td2, .submission.step2 table tbody .td3 {display: flex; align-items: center; justify-content: center;} .submission.step2 table tbody tr {margin-bottom: 0; display: block; background: #eef3f9;} /* .submission.step2 table .td2Box .td2Table1 tr {border-bottom: none;} */ .submission.step2 table .td2Box .tr1 td, .submission.step2 table .td2Box tr:not(.tr1) {padding-left: 120px;} .submission.step2 table tbody tr.top {margin-top: 15px;} .submission.step2 table tbody tr.top:after {display: none;} .submission.step2 table tbody .moth2 td:first-child {background: #fff;} .submission.step2 table tbody .tr1 {border-bottom: none;} .submission.step2 table tbody .tr1 td {border-bottom: 1px solid #d3d3d3;} .submission.step2 table tbody .tr1 .td2Box {border-bottom: none;} .submission.step2 table tbody .tr1 .td2Box tr:not(.moth2) td {padding-left: 130px; min-height: 60px; box-sizing: border-box;} .submission.step2 table tbody .moth {position: absolute; top: 0; left: 0; width: 120px !important; height: 100%; background: #ededed; display: flex; align-items: center; justify-content: center; padding: 0 5px; box-sizing: border-box; font-size: 14px; border-right: 1px solid #ddd;} .submission.step2 table .radioBox input[type="radio"] {width: 20px; height: 20px;} .submission.step2 table tbody .td2Box .moth2 td:first-child {background: #e1ecf6; border-right: 1px solid #ddd; position: absolute; top: 0; left: 0; width: 120px !important; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; font-size: 15px;} .submission.step2 table tbody td {width: 100% !important; box-sizing: border-box; display: block;} .submission.step2 table tbody .td1 {padding: 10px;} .submission.step2 table .pc {display: none !important;} .submission.step2 table .mo {display: block !important;} .submission.step2 table tbody .td2, .submission.step2 table tbody .td3, .submission.step2 table tbody .td7 {min-height: 45px;} .submission.step2 table tbody .td7 {vertical-align: middle; padding-left: 130px; display: flex; align-items: center; justify-content: center;} .submission.step4 .cont03 .textWrap {padding: 40px 20px;} .submission.step4 .cont03 .textWrap .title {font-size: 23px; margin-bottom: 30px;} .submission.step4 .cont03 .textWrap .textBox {font-size: 15px; margin-bottom: 20px;} .submission.step4 .cont03 .textWrap .text1 span {font-size: 9px;} .submission.step2 .cont01 table .moth2 td:nth-child(1), .submission.step2 .cont01 table .th2 {padding-left: 10px;} /* awards & grant */ .awards .con01 > p {font-size: 15px;} .awards .con01 .roundBox > span {font-size: 13px; margin-bottom: 5px;} .awards .con01 .roundBox .bg1 {width: 100px;} .awards .con01 .roundBox .bg2 {width: 140px;} .awards .con01 .btnBox {height: 48px; font-size: 16px; gap: 5px;} .awards .con .textList p, .awards .con03_box div {font-size: 15px;} .awards .con03 .textList {margin-bottom: 35px;} /* register */ .register .con {margin-bottom: 45px;} .register .con01 > p {font-size: 15px;} .register .con01 .roundBox > span {font-size: 13px; margin-bottom: 5px;} .register .con01 .roundBox .bg1 {width: 100px;} .register .con01 .roundBox .bg2 {width: 140px;} .register .con01 .btnBox {width: 230px; height: 48px; font-size: 16px; gap: 5px;} .register .con .textBox {font-size: 15px;} .register .con02 .listBox {flex-direction: column; max-width: 360px; width: 90%; margin: 0 auto; gap: 20px;} .register .con02 .listBox li {margin-right: 0; margin-bottom: -6%; width: 100%; display: flex; align-items: center;} .register .con02 .listBox li:last-child {margin: 0; width: 100%;} .register .con02 .listBox li:nth-child(even) {margin-top: 0;} .register .con02 .listBox .imgWrap {margin-bottom: 0; flex: none;} .register .con02 .listBox .imgWrap .imgBox {width: 165px;} .register .con02 .listBox .imgWrap .imgBox img {width: 100%; height: 100%; object-fit: cover;} .register .con02 .listBox .list1 .imgWrap .imgBox img {content: url(./images/sub/register_list01_bg-mo.png)} .register .con02 .listBox .list2 .imgWrap .imgBox img {content: url(./images/sub/register_list02_bg-mo.png)} .register .con02 .listBox .list3 .imgWrap .imgBox img {content: url(./images/sub/register_list03_bg-mo.png)} .register .con02 .listBox .list4 .imgWrap .imgBox img {content: url(./images/sub/register_list04_bg-mo.png)} .register .con02 .listBox .list5 .imgWrap .imgBox img {content: url(./images/sub/register_list05_bg-mo.png)} .register .con02 .listBox .inText {padding: 0; padding-bottom: 28%;} .register .con02 .listBox .list5 .inText {padding-bottom: 0;} .register .con02 .listBox .text {padding: 0 5px; text-align: center; padding-bottom: 13%; padding-left: 10%; text-align: left;} .register .con02 .listBox .list5 .text {padding-bottom: 0;} .register .con02 .listBox .text p br {display: none;} .register .con04 .bankBox > p {font-size: 16px;} .register .con04 > p {font-size: 15px;} .register .con03 .tableBox table, .register .con04 .bankBox table, .register .con05 table, .register .con06 table {font-size: 14px;} .register .con06 table thead {display: none;} .register .con06 table tr {display: block;} .register .con06 table td {display: block; border-right: none; padding: 0;} .register .con06 table td:before {content: ""; width: 100%; height: 40px; display: block; background: var(--pointColor); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px;} .register .con06 table .td1:before {content: "In-Person Registration";} .register .con06 table .td2:before {content: "Virtual-only Registration";} .register .con06 table td .textBox {padding: 20px;} .register .con .textBox p:before {top: 10px;} .register .con06 .text {font-size: 13px;} /* registration */ .registration.step1 .stepBox table {font-size: 15px;} .registration.step1 .cont04 .textBox {font-size: 15px;} .registration.step1 .cont02 .memberBox .botBox .leftInput label {padding: 10px; width: 160px; box-sizing: border-box; text-align: center;} .registration.step1 .cont02 .memberBox .topText strong {font-size: 16px; margin-bottom: 10px;} .registration.step1 .cont02 .memberBox .topText p {font-size: 14px;} .PaymentModal .modalBox {font-size: 16px;} .PaymentModal .modalBox > strong {margin-bottom: 10px;} .PaymentModal .modalBox > p {margin-bottom: 25px;} /* accommodation */ .accommodation .cont01 > p {font-size: 16px;} .accommodation .cont01 ul li p {font-size: 15px} .accommodation .cont01 ul li p:before {top: 9px;} .accommodation .cont02 .listBox {flex-direction: column;} .accommodation .cont02 .listBox li {display: flex; align-items: center; justify-content: center; gap: 5%;} .accommodation .cont02 .listBox li:not(:last-child) {margin: 0; margin-bottom: -17.5px;} .accommodation .cont02 .listBox li .top {width: 200px;} .accommodation .cont02 .listBox .list1 .bg {content: url(./images/sub/accommodation_cont02_list01_mo.png);} .accommodation .cont02 .listBox .list2 .bg {content: url(./images/sub/accommodation_cont02_list02_mo.png);} .accommodation .cont02 .listBox .list3 .bg {content: url(./images/sub/accommodation_cont02_list03_mo.png);} .accommodation .cont02 .listBox li .box {width: calc(100% - 18%); height: calc(100% - 30%); top: 10%; left: 9%;} .accommodation .cont02 .listBox li:first-child .box {width: calc(100% - 17%); left: 8%;} .accommodation .cont02 .listBox li:last-child .box {width: calc(100% - 19%); height: calc(100% - 17%); top: 9%; left: 11.5%;} .accommodation .cont02 .listBox li > p {width: 35%;} .accommodation .cont02 .listBox li:not(:last-child) > p {padding-right: 0; padding-bottom: 7%;} .accommodation .cont02 .listBox li > p {font-size: 15px;} .accommodation .cont02 .tableBox {margin-bottom: 30px;} .accommodation .cont02 .tableBox thead {display: none;} .accommodation .cont02 .tableBox tbody tr {display: block; margin-bottom: 20px; border-radius: 15px; border: 1px solid rgba(15, 58, 109, .15); box-shadow: 3px 3px 5px rgb(0, 0, 0, .05); overflow: hidden;} .accommodation .cont02 .tableBox tbody tr:last-child {margin-bottom: 0;} .accommodation .cont02 .tableBox tbody td {display: block; padding: 14px 10px; position: relative;} .accommodation .cont02 .tableBox tbody td:not(:first-child) {border-bottom: 1px dashed #d3d3d3; padding-left: 120px;} .accommodation .cont02 .tableBox tbody td:not(:last-child) {border-right: none;} .accommodation .cont02 .tableBox tbody td:last-child {border-bottom: none;} .accommodation .cont02 .tableBox tbody .td1 {background: var(--pointColor); color: #fff;} .accommodation .cont02 .tableBox tbody td:not(:first-child):before {position: absolute; top: 0; left: 0; width: 120px; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .02);} .accommodation .cont02 .tableBox tbody .td2:before {content: "Class";} .accommodation .cont02 .tableBox tbody .td3:before {content: "Room Type";} .accommodation .cont02 .tableBox tbody .td4:before {content: "Room Rate";} .accommodation .cont02 .tableBox tbody .td5:before {content: "Breakfast";} .accommodation .cont02 .tableBox tbody .td6:before {content: "Distance \A from Coex"; white-space: pre;} .accommodation .cont02 .textBox {padding: 20px 10px; font-size: 16px;} .accommodation .cont02 .textBox figure {opacity: .4;} .accommodation .cont02 .hotelList {flex-direction: column; gap: 70px;} .accommodation .cont02 .hotelList li {width: 100%; margin-bottom: 0;} /* venue */ .venue.info .contBox .textBox .left:before {width: 65px; height: 46px; bottom: 8%; right: 19%;} .venue.info .contBox .textBox .left:after {width: 110px; height: 109px;} .venue.airport .contBox .imgBox {flex-direction: column; gap: 15px;} .venue.bus .contBox .top table th {width: 140px;} .venue.taxi .subBoard table {Font-size: 14px;} .venue.taxi .bot table th {padding: 10px;} .venue.subway .cont01.lineType1 .tableBox {overflow: auto;} .venue.subway .cont01.lineType1 table {width: 760px; font-size: 14px;} .venue.subway .cont01 .textBox .left {flex-direction: column;} .venue.subway .cont01 .textBox .left .text {font-size: 15px;} .venue.subway .cont01 .tableBox {margin-bottom: 0;} .venue.subway .cont01.lineType1 .mo {display: block;} .venue.subway .cont01 .textBox .right {font-size: 16px;} .venue.subway .cont01 > p {font-size: 16px;} .venue.subway .cont01.lineType2 table .lineWrap {padding: 15px 20px 50px;} .venue.subway .cont01.lineType2 table .line .box p {font-size: 14px; height: 34px;} .venue.subway .cont01.lineType2 .circle2 {width: 8px; height: 8px;} .venue.subway .cont01.lineType2 table .text {font-size: 15px;} .venue.subway .cont01.lineType2 table .text p strong {width: 100px; margin-right: 4%;} .venue.taxi .subBoard .tableBox {overflow: auto;} .venue.taxi .subBoard table {width: 760px;} .venue.taxi .bot .mo {display: block;} .venue .subBoard .tableBox::-webkit-scrollbar {height: 7px;} .venue .subBoard .tableBox::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .1); border-radius: 10px; background-clip: padding-box; border: 1.5px solid transparent; box-shadow: inset 1px 1px 3px rgba(255, 255, 255, .5);} .venue .subBoard .tableBox::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, .1); border-radius: 10px; box-shadow: inset 1px 1px 3px white;} /* sponsorship_overview */ .sponsors .subBoard .tt {text-align: left; font-size: 15px;} .sponsors .subBoard .tt p:not(:last-child) {margin-bottom: 20px;} /* tba */ .tba .textBox .logo {width: 210px;} .tba .textBox .text {width: 220px; margin-bottom: 25px;} .tba .textBox .text2 .img2 img {height: 60px;} .tba .textBox .text2 .text3 {font-size: 16px;} .tba .textBox .text2 > p {font-size: 18px;} .subWrap .subTop .lnbBox .inner{padding: 0;} .subWrap .subTop .lnbBox .dep1:nth-child(2), .subWrap .subTop .lnbBox .dep1:nth-child(3) {width: calc(50% - 26px);} .login .loginWrap {padding: 35px 45px 60px 45px;} .subWrap .subTop .top {height: 210px;} .subWrap .subTop .top figure img {object-position: 50%;} .mypage .tabListBox {margin-bottom: 20px;} .mypage .plusSpan {top: 156px;} .subWrap .inputTableBox tbody th {width: 165px; padding: 10px 12px; font-size: 16px;} .subWrap .inputTableBox .phone .inputBox:first-child {width: 40%;margin-right: 5px;} .subWrap .inputTableBox .phone .inputBox:last-child {width: calc(60% - 10px);} .subWrap .inputTableBox .department .inputWrap, .subWrap .inputTableBox .organization.ko .inputWrap, .subWrap .inputTableBox .name.en .inputWrap , .subWrap .inputTableBox tr.id .inputWrap{gap: 0 10px;} .subWrap .inputTableBox tr.id .inputWrap button {font-size: 15px; min-width: 0px;gap: 0 4px; max-width: 150px; width: 100%;padding: 0 8px;} .submission.step2 .moth2.moth2_depart td:first-child{border-bottom: none !important;} .submission.step2 .cont01 table tbody .td7 .moth {background: #e1ecf6;} /* .submission.step2 .cont01 table tbody .td7 .moth , .submission.step2 .cont01 table tbody .td7{background:#b6dcff;} */ .subWrap .inputTableBox td, .submission.step2 .cont01 table .moth2 td:nth-child(2) {border-top:none ;} .submission.step2 .cont02 table .td2Box .tr1 td {border-top: none;padding-left: 130px;} .submission.step2 .cont02 table tbody .moth {justify-content: left; padding-left: 15px; background:#e1ecf6 ;} .subWrap .inputTableBox input[type="text"], .subWrap .inputTableBox input[type="password"] {padding: 5px 10px;} .submission.step2 .cont02 table .td2Box .tr1 .td7 {max-width: 100%;} .submission.step2 .cont02 table tbody .td8 {border-top: none;} .submission.step2 .cont01 table .td2Box .td2Table1 tr {border-bottom: none;} .submission.step2 .cont01 table .td2Box .td2Table1 tr td:nth-child(2), .submission.step2 .cont02 table .td2Box .tr1 td{border-bottom:1px solid #e2e2e2;} .submission.step2 .cont02 table tbody .moth {border-bottom: 1px solid #fff;} .submission.step2 .cont02 table tbody .td8 .moth, .submission.step2 .cont02 table .td2Box .tr1 .td7 .moth , .submission.step2 .cont01 table .td2Box .td2Table1 tr:last-of-type td:nth-child(2){border-bottom:none;} .submission.step2 .cont .plusSpan {top: 10px;} .submission.step2 .cont02 table tbody .td8 .moth {justify-content: center;} .submission.step2 .cont01 table tbody .td2Box .moth2_depart td:first-child {border-bottom: 1px solid #fff !important;} .submission.step2 .cont02 table .td2Box .td2Table1 tr {background: transparent;} .submission.step2 .cont02 table .td2Box .tr1 td {border-right: none;} .subWrap .inputTableBox td {font-size: 17px;padding:10px 15px ;} .login .find_modal .modalBox {max-width: 92%;} .subWrap .inputTableBox .inputWrap.select .selectBox li {padding: 8px 10px ;} .signUp_ok .textBox_svg {width: 100px; height: 100px;} .signUp_ok .textBox svg {width: 70px;} .ltup2024 .table .multi tbody td em {width: 230px;} .abstract .list_box {gap: 17px 10px ;} .abstract .con01 .roundBox .text {font-size: 18px; padding: 20px 10px ;} .abstract .con01 .roundBox .text .text1 {margin-bottom: 10px;} .visa .visa_list li {padding-bottom: 22px; margin-bottom: 22px;} .visa .visa_list li > p {font-size: 16px;} .visa .visa_list li strong{font-size: 18px;} .visa .visa_list li a {width: 300px; height: 44px; font-size: 16px;} .visa .website_list li div a p {font-size: 19px;} .visa .website_list li div a span, .visa .cont03{font-size: 16.5px;} .visa .website_list li {height: 140px;} .abstract .con6 {font-size: 15px;} .abstract .con6 ul {gap: 0 10px;} .abstract .con6 ul li a {font-size: 14px; width: 290px; letter-spacing: 0px; gap:0 5px; height: 42px;} .o_committee .table th, .o_committee .table td {padding-left: 15px;} .writeWrap .stepBox textarea#step1_Applyfor {padding-top: 10px;} .program_wrap .program_pdf {top: -50px;} .program_wrap .program_pdf a {width: 180px; height: 40px; font-size: 15px;} .program_wrap .program_date ul li {height: 52px; font-size: 19px;} .program_wrap .program_date ul li:hover p {transform: translateY(2px);} .program_wrap .program_date ul {margin-bottom: 30px;} .program .program_info thead tr th:nth-child(1){width: 130px;} .register .register_box .subbox table td {font-size: 15px;} .register .register_box .subbox02 tbody tr:last-of-type td {padding-left: 18px;} .register .register_box .subbox04 .conbox ul {padding: 30px 15px ;} .register .register_box .subbox05 table td.time {width: 170px;} .register .register_box .subbox05 table td:nth-child(2) {padding-left: 25px;} .tour .by_type li{font-size: 17px;} .tour .transbox .by_con .mid .mid_ul li .line {width: 30px;} .tour .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 33.6px;} .tour .transbox .by_con .btm .btm_ul {font-size:16px ;} .tour .transbox .by_con .btm .btm_ul li .right {padding: 8px 20px ;} .tour .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 280px;} .tour .busbox02 .by_con .list03 .list_ul02 li{flex-basis: calc(100% / 8 + 0px);} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(n+9):nth-child(-n+17) {border-bottom: none;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(n+12):nth-child(-n+17) {border-bottom: 1px solid #e2e2e2;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(9){border-right: none;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(6), .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(12){border-right: 1px solid #e2e2e2;} .tour .taxibox02 .by_con .table_tit, .tour .taxibox02 .by_con figure figcaption, .tour .busbox02 .by_con .list00 strong {font-size: 18px; margin-bottom: 10px;} .tour .taxibox01 .taxi_ul02 li {font-size: 18px;} .tour .taxibox01 .taxi_ul01 figcaption {font-size: 18px; width: 140px; height: 50px;} .tour .taxibox01 .taxi_ul01 {gap: 0 18px;} .tour .busbox02 .noul, .tour .busbox02 .by_con .list00 {font-size: 16px;} .tour .transportation_type li {padding: 15px 5px ;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p, .registration.step1.step1_ltup .cont03 .cont03_toptxt , .registration.step1.step1_ltup .cont03 .cont03_btmtxt , .registration.step1.step1_ltup .cont04 .cont04_btmtxt , .registration.step1.step1_ltup .inputTableBox tr, .registration.step1.step1_ltup .cont05 .inputTableBox tbody th, .registration.step1.step1_ltup .inputTableBox td{font-size: 15px;} .registration.step1.step1_ltup .cont03_table td.td_first {min-width: 120px;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {width: 140px;} .registration.step1.step1_ltup .cont05 .inputTableBox .inputBox {height: 100%;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody td, .registration.step1.step1_ltup .cont05 .inputTableBox tbody th {padding: 8px 15px ;} .registration.step3.step3_ltup .tableBoxWrap.tab_ko .inputTableBox tr th{width: 170px; min-width: 170px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr th {display: flex; width: 100%; align-items: center; padding-left: 15px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr td {display: flex; width: 100%; align-items: center; padding-left: 20px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox.table2 tr.ex_date th p br {display: none;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox.table2 .step3_pink td {width: 100%;} .registration.step3.step3_ltup .tableBoxWrap.tab_ko .inputTableBox tr td {padding: 10px 15px;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox tr td.state {flex-wrap: wrap;} .register .register_box .subbox07 .bank02 th {display: flex; align-items: center; justify-content: center;text-align: center;} .register .register_box .subbox07 .bank02 td {display: flex; align-items: center; width: 100%; padding: 10px; justify-content: center; text-align: center;} .register .register_box .subbox07 .bank02 td.pink {width: 100%;} .awards.ang .con01 .iconbox ul li .icon .image{height: 240px;} .awards.ang .con01 .iconbox ul li .icon .detail strong, .awards.ang .cont_blue .box .box_top figure{font-size: 20px;} .awards.ang {font-size: 17px;} .awards.ang .cont_blue .box .box_btm{padding: 35px;} .awards.ang .cont_blue .box .box_btm ul{gap: 22px 0;} .awards.ang .con01{margin-bottom: 50px;} .awards.ang .cont_blue {margin-bottom: 30px;} .sp_box .sp_tab ul li{font-size: 16px; height: 75px; text-align: center; line-height: 1.25;} .accommodation .cont .hotel_img{gap: 0 12px;} .accommodation .cont li:nth-child(1) table th:last-of-type {width: 120px;} .accommodation .cont li:nth-child(1) thead tr:nth-child(1) th:nth-child(1) {width: 90px;} .accommodation .cont_02 .hotel00 > table td{ padding: 10px 15px;} .accommodation .cont_02 .hotel00 > p, .accommodation .cont_02 .hotel00 > table {flex-basis: 100%;} .guest .modalview .modal_con .guest_table tbody th {width: 100px;} .guest .modalview .modal_con .guest_table thead th{font-size: 16px;} .guest .modalview .modal_con .guest_table tbody th, .guest .modalview .modal_con .guest_table tbody td, .guest .modalview .modal_con .guest_table thead th {padding: 8px 12px;} .guest .modalview .modal_con .guest_info{gap:10px 30px } .guest .modalview .modal_con .guest_info .right {width: calc(100% - 210px);} .guest .modalview .modal_con .guest_info .left{width: 180px; height: 180px;} .guest .modalview .modal_con .guest_info .right .r_btm p{width: 80px; height: 30px;} .guest .guest_line, .guest .modalview .modal_con .guest_info{margin-bottom: 30px;} .registration.step1.step1_ltup .cont06.cont_gala .cont_gala_div{gap: 20px; justify-content: flex-start;} .writeWrap.lecture01 .stepBox h4 {margin-bottom: 50px;} .writeWrap.lecture01 .stepBox .plusSpan {top: 47px;} .sp_list .company_ul {gap: 15px;} .sp_list .company_li {flex-basis: calc(100% / 4 - 4px);} .sp_list .company_li figure {height: 85px; padding: 5px;} .accommodation .cont .link_seouldragon {margin-bottom: 30px;} .registration.step1 .cont03 h4 img.closed_img {left: auto; top: -10px; width: 80px;} .so_program .conbox_txt:nth-child(2n+1), .so_program .conbox_txt {flex-direction: column; height: 100%;} .so_program .conbox_txt .side_img{width: 100%; height: 50vw; max-height: 300px;} .so_program .conbox_txt .side_txt{width: 100%; padding-right: 0; padding: 25px 10px; align-items: flex-start;} .so_program .conbox_txt:nth-child(2n+1) .side_txt{padding-left: 0; padding: 25px 10px;} .so_program .conbox {gap: 20px;} .so_program .purple {font-size: 17px;} .so_program .conbox_txt:nth-child(2n) .side_txt {text-align: left;} .tour .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 20vw;} .tour .transbox.busbox01_new .by_con .mid .mid_ul li .txt {scale: 0.82;} .tour .transbox .by_con .btm .bus_s {font-size: 16px;} /* 768 end */ } @media screen and (max-width:700px) { .submission.step2 table .td2Box tr:last-of-type td.inputWrap {flex-wrap: wrap; gap: 8px;} .ltup2024 .table .multi tbody td em {width: 100%;} .cv_con .list ul li figure {flex-direction: column; text-align: center; padding: 0px 10px 30px ;} .cv_con .list ul li figure figcaption {justify-content: center;} .cv_con .list ul li figure img {height: 100px;} .abstract .list_box {width: 100%;} .abstract .list_box li .contents {padding: 10px;} .abstract .list_box li .contents p {font-size: 15px;} .abstract .con6 ul {flex-direction: column; gap: 10px;} .abstract .con6 ul li a {width: 70vw; min-width: 300px;} .abstract .con6 > p {text-align: center; } .abstract .con6 {padding: 30px 20px;} .abstract .con6 > p br{ display: none;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1) {width:70px ;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4), .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3) {width: 130px;} .tour .transbox .by_con .mid .mid_ul {scale: 0.7;} .tour .transbox .by_con .mid .mid_ul li .txt{scale: 1.2;} .tour .conbox_gmp .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 600px;} .tour .conbox_gmp .transbox.busbox01 .by_con .btm .btm_ul li:last-of-type .right a {word-break: break-all; position: relative; left: 0; bottom: 0;} .tour .conbox_gmp .transbox.taxibox02 .taxi02_table {position: relative; overflow-x: auto;} .tour .conbox_gmp .transbox.taxibox02 .taxi02_table table {width: 800px;} .registration.step1 .cont03 h4:has(img.closed_img) {width: calc(100% - 120px);} .registration.step1 .cont03 h4 img.closed_img {left: 107%; top: -10px;} .tour .transbox.busbox01_new .by_con .mid .mid_ul li .txt {scale: 0.9;} .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right {padding: 17px 20px 60px 20px ;} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table:last-of-type {padding-bottom: 15px;} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table:last-of-type .bus_s01 .btm {bottom: auto; top: 100%;} } @media screen and (max-width: 640px) { .subPage {padding:50px 0 70px} .subWrap .subTop .lnbBox .dep1 a {font-size: 15px; padding: 0 15px;} .subWrap .subTop .lnbBox .dep2 li a {padding: 11px 15px; font-size: 14px; } .subPage .subBoard .subTitle h3 {font-size: 21px;} /* tableBox */ .subWrap .plusSpan {font-size: 13px;} .subWrap .inputTableBox tr {display: block; margin-bottom: 0px;} .subWrap .inputTableBox tr:last-child {margin-bottom: 0;} .subWrap .inputTableBox tbody th {display: block; width: 100%; padding: 15px; background:#E1ECF6;color: var(--pointColor); font-weight: 600;} .subWrap .inputTableBox td {min-height: 0; display: block; padding: 10px 15px;} .subWrap .inputTableBox .inputBox {max-width: none; height: 42px;} .subWrap .inputTableBox .inputBox input {font-size: 14px;} .subWrap .inputTableBox .inputWrap.select .selectBox {top: 41px;} .subWrap .inputTableBox .radio {min-height: 40px; gap: 5px 10px;} .subWrap .inputTableBox .radio .inputBox {height: 35px;} .subWrap .inputTableBox thead {display: none;} /* login */ .login .loginBox {margin-bottom: 15px;} .login label input {font-size: 16px;} .login .loginBtn {margin-bottom: 15px;} .login .botBox {margin-bottom: 22px;} .login .botBox button {font-size: 15px;} .login .plusText p {font-size: 14px;} .login .find_modal .modalBox {padding-top: 50px;} .login .find_modal .modalBox .title {font-size: 26px; margin-bottom: 25px;} /* signUp */ .signUp .cont03 {margin-bottom: 30px;} .signUp .cont03 .plusSpan {margin-top: -5px;} .signUp .buttonBox {gap: 10px;} .signUp .buttonBox button {width: 170px; height: 50px; font-size: 16px;} /* welcome */ .welcome .subBoard .profileWrap .imgBox {width: 120px; height: 130px;} .welcome .subBoard .profileWrap .imgBox:after {top: 3px; left: 3px;} .welcome .subBoard .profileWrap .textBox .logo {width: 100px;} .welcome .subBoard .profileWrap .textBox strong {margin-bottom: 5px;} /* conference */ .conference .subBoard .datesBox > strong {margin-bottom: 15px;} .conference .subBoard .datesBox .dates p {padding: 12px 8%;} /* program */ .programTable {font-size: 13px;} .programTable th {font-size: 14px; height: 42px;} .programTable td a {padding: 12px 5px;} /* scientific program */ .scientific .textTop .bg .img01 {width: 65px; top: 60%;} .scientific .textTop .bg .img02 {width: 120px;} .scientific .textTop .bg .img03 {width: 110px;} .scientific .textTop .textBox br {display: none;} .scientific .tabBox li {font-size: 15px;} .scientific .tabBox {flex-wrap: wrap;} .scientific .tabBox li {font-size: 14px; width: 50%; height: 40px; box-sizing: border-box;} .scientific .tabBox li:nth-child(1), .scientific .tabBox li:nth-child(2) {border-bottom: 1px solid #c4c4c4;} .scientific .tabBox li:nth-child(even) {border-right: none;} .scientific .tabBox li a {padding: 5px;} .scientific .tabBox:after {width: 50%; height: 50%;} .scientific .tabBox.tab1:after {left: 0; top: 0;} .scientific .tabBox.tab2:after {left: 50%; top: 0;} .scientific .tabBox.tab3:after {left: 0%; top: 50%;} .scientific .tabBox.tab4:after {left: 50%; top: 50%;} /* invited faculties */ .faculties .subBoard .listBox .imgBox {margin-bottom: 15px;} /* abstract */ .abstract .con01 .roundBox .text strong br {display: block;} /* write common */ .writeWrap .tabList {gap: 5px 7px;} .writeWrap .tabList li {font-size: 13px; height: 46px;} .submission.writeWrap .tabList {flex-wrap: wrap;} .registration.writeWrap .tabList li:first-child, .writeWrap .tabList li:nth-child(2), .writeWrap .tabList li:nth-child(3) {width: calc(100% / 3 - 22px);} .submission.writeWrap .tabList li:first-child, .submission.writeWrap .tabList li:nth-child(2) {width: calc(100% / 2 - 39px);} .submission.writeWrap .tabList li:nth-child(3), .submission.writeWrap .tabList li:nth-child(4) {width: calc(100% / 3 - 33px);} .writeWrap .tabList li:nth-child(5) {width: calc(100% / 3 - 14px);} .writeWrap .tabList li:last-child span {transform: translateX(11px);} .writeWrap .tabList li:not(:first-child):before {border-bottom-width: 23px; border-top-width: 23px;} .writeWrap .tabList li:nth-child(3):before {left: -1px;} .writeWrap .tabList li:nth-child(3):after {right: -51.5px} .writeWrap .tabList li:not(:last-child):after {border-bottom-width: 23px; border-top-width: 23px;} .writeWrap .stepBox form > span {font-size: 13px; margin-bottom: 10px;} .writeWrap .stepBox textarea {font-size: 14px; height: 220px;} .writeWrap .stepBox .yesText textarea {height: 300px;} .writeWrap .stepBox .inputBox.text .textLength {font-size: 14px;} /* submission */ .submission .infoBtn {flex-direction: column; gap: 6px; padding: 12px 25px; font-size: 14px;} .submission.step2 .cont > strong {margin-bottom: 0;} .submission.step2 .cont .plusSpan {margin-top: 0; margin-bottom: 5px;} .submission .fileBox {width: 135px; height: 40px;} .submission .fileBox label {font-size: 15px;} .submission.step3 .agreeBox {font-size: 14px;} .submission.step3 .agree_modal dt {font-size: 16px;} .submission.step3 .agree_modal dt br {display: none;} .submission.step3 .agree_modal dd {font-size: 13px; margin-bottom: 15px;} .submission.step3 .agree_modal .closeBtn {padding: 15px; font-size: 16px;} .submission.step4 .inputTableBox tbody th {padding: 10px 15px;} .submission.step4 .inputTableBox td {padding: 15px 15px;} .submission.step5 .completedBox .numBox {font-size: 15px;width: 100%;} .submission.step5 .completedBox .numBox strong {display: block; font-size: 17px;} .submission.step5 .completedBox .numBox .mo {display: none;} .submission.step5 .completedBox .text {font-size: 14px;} /* awards & grant */ .awards .con01 .roundBox .text strong br {display: block;} /* register */ .register .con01 .roundBox .text strong br {display: block;} .register .con03 .tableBox {overflow: hidden;} .register .con03 .tableBox .table1 {overflow-x: scroll;} .register .con03 .tableBox .table1::-webkit-scrollbar {height: 8px;} .register .con03 .tableBox .table1::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .1); border-radius: 10px; background-clip: padding-box; border: 1.5px solid transparent; box-shadow: inset 1px 1px 3px rgba(255, 255, 255, .5);} .register .con03 .tableBox .table1::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, .1); border-radius: 10px; box-shadow: inset 1px 1px 3px white;} .register .con03 .tableBox .table1 table {width: 100%;} .register .con04 .bankBox table tr, .register .con05 table tr {display: block;} .register .con04 .bankBox table th, .register .con05 table th {display: block; width: 100%; padding: 10px 0;} .register .con04 .bankBox table td, .register .con05 table td {text-align: center; display: block;} .register .con04 .bankBox table tr:nth-child(even), .register .con05 table tr:nth-child(even) {background-color: transparent;} /* registration */ .registration.step1 .inputTableBox tr {margin: 0;} .registration.step1 .inputTableBox tbody th {width: 100%;} .registration.step1 .inputTableBox td {height: auto; padding: 15px 10px;} .registration.step1 .cont04 table th {width: 100%; display: block; padding: 10px;} .registration.step1 .cont04 table td {display: block; text-align: center;} .registration.step1 .cont02 .memberBox .botBox {gap: 10px;} .registration.step1 .cont02 .memberBox .botBox .leftInput {height: auto;} .registration.step1 .cont02 .memberBox .botBox .leftInput {flex-direction: column; } .registration.step1 .cont02 .memberBox .botBox .leftInput label {height: 35px; width: 100%;} .registration.step1 .cont02 .memberBox .botBox .leftInput .inputBox {height: 45px; width: 100%;} .registration.step1 .cont02 .memberBox .botBox .leftInput .inputBox input {text-align: center;} .registration.step1 .cont02 .memberBox button {width: 100%; height: 37px; font-size: 15px;} .registration.step2 .inputTableBox tbody th {padding: 10px 15px;} .registration.step2 .tableBoxWrap .inputTableBox td {height: 50px; display: flex; align-items: center;} .registration.step3 .topBox strong {font-size: 18px; margin-bottom: 5px;} .registration.step3 .topBox p {font-size: 16px;} .registration.step3 .topBox p .mo {display: block;} .registration.step3 .topBox p span {font-size: 18px;} .registration.step3 .inputTableBox td {height: auto; padding: 15px;} .registration.step3 .inputTableBox.table2 .state div {width: 162px; height: 32px; font-size: 14px;} /* Visa & Invitation Letter */ .invitation .cont p {font-size: 15px;} .invitation .cont01 li strong {font-size: 17px;} .invitation .cont01 li a {padding: 11px 15px; font-size: 14px; gap: 5px;} .invitation .cont01 li:nth-child(3) a {margin-top: 10px;} .invitation .cont02 li strong {font-size: 17px;} /* Venue & Transportation */ .venue .listBox {flex-wrap: wrap; height: auto;} .venue .listBox li {height: 60px; width: calc(100% / 3)} .venue .listBox li:nth-child(1), .venue .listBox li:nth-child(2), .venue .listBox li:nth-child(3) {border-bottom: none;} .venue .listBox li:nth-child(3) {border-radius: 0 10px 0 0; border-right: 1px solid #c4c4c4;} .venue .listBox li:nth-child(4) {border-radius: 0 0 0 10px;} .venue .listBox li:last-child {border-radius: 0 0 10px 0;} .venue .subList {flex-direction: column; height: auto; border-bottom: none;} .venue .subList li {height: 55px; border-bottom: 1px dashed #c4c4c4;} .venue .subList:after {width: 100%;} .venue .subList.tab1:after {left: 0; top: 32%;} .venue .subList.tab2:after {left: 0; top: 65.5%;} .venue .subList.tab3:after {left: 0; top: 99%;} .venue.airport .contBox .imgBox p {left: 5%; font-size: 16px;} .venue.subway .topText {font-size: 16px;} .venue.subway .topText a {font-size: 15px; width: 170px; height: 38px;} .venue.subway .cont01.lineType2 .circle {width: 22px; height: 22px;} .venue.subway .cont01.lineType2 table .circle.center:after {width: 10px; height: 10px; top: 2px; left: 2px;} .venue.subway .cont01.lineType2 .circle2 {width: 6.5px; height: 6.5px;} .venue.bus .contBox .top table th {width: 100%; display: block; height: 45px; display: flex; align-items: center; padding: 0 15px; box-sizing: border-box;} .venue.bus .contBox .top table td {display: block; padding: 15px;} .venue.car .contBox > p {font-size: 14px;} .venue.car .cont03 .textBox {padding: 20px} .venue.car .cont03 .textList li {padding: 20px;} .venue.car .cont03 .textBox strong {font-size: 16px;} .venue.car .cont03 .textList li strong {font-size: 16px;} .venue.car .cont03 .textBox p, .venue.car .cont03 .textList li p {font-size: 14px;} .venue.taxi .bot table td {padding: 15px 10px;} .venue.taxi .bot table td a {width: 90px;} .venue.taxi .bot table th.th4 {width: 140px;} .venue.taxi .topText p {font-size: 15px;} .venue.taxi .topText p:before {top: 8px;} .venue.taxi .top > strong {font-size: 17px;} /* tba */ .tba_modal .modalBox figure {margin-bottom: 20px;} .tba_modal .modalBox .title {font-size: 25px;} #iframe_box iframe {height: 70vw; min-height: 400px;} .login .loginWrap .bigTitle h2 {margin-bottom: 35px;} .login .loginWrap {padding: 35px 30px 50px 30px;} .login .loginBox {margin-bottom: 25px;} .login .loginBox , .login .botBox {gap:0 15px} .login .loginBox .left {width:calc(100% - 112px)} .login .loginBox button {height:100px} .login .loginWrap .bigTitle h2 {font-size: 29px;} .privacyWrap .agreeBox {font-size: 16px;} .privacyWrap .agreeBox input[type="checkbox"] {width: 17px; height: 17px; margin-right: 5px;} .privacyWrap .agreeBox input[type="checkbox"]:checked::before { font-size: 16px;} .signUp .cont h3 {margin-bottom: 20px;} .subWrap .subTop .top {height: 190px;} .subWrap .subTop .top {padding: 0 15px;} .subWrap .subTop .subtopcon img:nth-child(1) {width: 320px;} .subWrap .subTop .subtopcon img:nth-child(2) {height: 21vw;} .subWrap .inputTableBox tbody th {display: flex; align-items: center; padding: 10px; height: 52px;} .writeWrap .stepBox h4 {margin-bottom: 20px;} .submission .infoBtn {margin-bottom: 30px;} .subWrap .inputTableBox td {padding: 10px 0;} .subWrap .inputTableBox .inputWrap.select .selectBox {top: 42px;} .subWrap .inputTableBox .inputWrap.select .selectBox li {font-size: 14px;} .subWrap .inputTableBox tr.id .inputWrap {flex-direction: column; gap: 10px;} .subWrap .inputTableBox tr.id .inputWrap button {max-width: 100%; width: 50%; height: 42px; min-width: 220px;} .subWrap .inputTableBox .radioBox {font-size: 15px;} .subWrap .inputTableBox input[type="text"], .subWrap .inputTableBox input[type="password"] {padding: 5px 10px;} .submission.step2 .cont > strong {margin-bottom: 30px;} .submission.step2 .cont .plusSpan {margin-bottom: 0; top: 32px;} .subWrap .inputTableBox td, .submission.step2 .cont01 table .moth2 td:nth-child(2) {padding: 10px;} .submission.step2 .plusBtn button {width: 130px;} .submission.writeWrap .tabList {justify-content: center; overflow: hidden;} .submission.writeWrap .tabList li:first-child, .submission.writeWrap .tabList li:nth-child(2) {width: calc(100% / 2 - 50px);} .submission.writeWrap .tabList li:nth-child(3), .submission.writeWrap .tabList li:nth-child(4) {width: calc(100% / 3 - 34px);} .submission .topTextBox {font-size: 14px; padding: 15px;} .subWrap .step3 .inputTableBox tr td {height: 100%; min-height: 60px; display: flex; align-items: center; flex-wrap: wrap;} .writeWrap .stepBox .inputWrap:has(.inputBox) {width: 100%;} .submission.step3 .stepBox table tr:nth-child(1) td{border-top: none;} .subWrap .inputTableBox tr:last-of-type th {border-bottom: none;} .submission.step3 .attachment td > p {font-size: 14px;} .writeWrap.step3 .stepBox h4 {margin-bottom: 30px;} .submission.step3 .step03_tablebox .plusSpan {top: -24px;} .subWrap .step3 .inputTableBox td {padding-right: 10px;} .submission .fileBox {width: 125px; height: 35px;} .writeWrap.step3 .stepBox textarea {padding: 10px; padding-bottom: 20px;} .subWrap .step4 .inputTableBox tr:nth-child(1) td , .signUp .cont03 tr:nth-child(1) td{border-top: none;} .signUp .cont03 h3 {margin-bottom: 30px;} .signUp .cont03 .plusSpan {margin-top: 0; top: 30px;} .mypage .inputTableBox tr:nth-child(1) td, .subWrap .submission .inputTableBox tr:nth-child(1) td, .subWrap .step4 .inputTableBox tr:nth-child(1) td, .subWrap .step3 .inputTableBox tr:nth-child(1) td {border-top: none;} .privacyWrap .textBox {padding: 17px;} .login .find_modal .modalBox {padding: 50px 30px;} .signUp_ok .textBox .bigTitle {font-size: 29px;} .signUp_ok .textBox .text {font-size: 17px;} .ltup2024 .table tr th {width: 165px ; padding: 5px 15px;} .ltup2024 .table tr td, .ltup2024 .table .multi tbody td {padding: 10px 15px;} .ltup2024 .subBoard table {font-size: 15px;} .cv_con .list ul {gap: 10px;} .cv_con .list ul li.li01, .cv_con .list ul li.li02 {flex-basis: calc(50% - 6px);} .cv_con .list ul li figure img {height: 80px;} .cv_con .list ul li figure {padding: 0 10px 20px ;} .abstract .list_box li {flex-basis: calc(50% - 9px);} .abstract .list_box li .contents {width: 80%;} .abstract .con {margin-bottom: 35px;} .abstract .con .textBox p {padding-left: 12px;} .visa .website_list {gap: 0 8px;} .visa .website_list li {flex-basis: calc(33.33% - 6px);} .visa .website_list li div a p {font-size: 17px; font-weight: 500; margin-bottom: 15px;} .visa .website_list li div a span{font-size: 15px;} .o_committee .table tbody {border-top: none; font-size: 15px;} .o_committee .table tr {display: flex; flex-direction: column; height: 100%;} .o_committee .table th , .o_committee .table td {width: 100%; height: 100%; padding: 12px 10px;} .subWrap .inputTableBox tr.apply .inputWrap.width {right: 10px; width: calc(100% - 150px);} .inputWrap:has(#step3_Videourl) {width: 100%;} .welcome .subBoard .profileWrap li {gap: 30px;} .welcome .subBoard .profileWrap .textBox img {width: 200px; height: auto;} .welcome .subBoard .tt p:not(:last-child) {margin-bottom: 25px;} .submission.step4 p.vdurlp:hover + .xi-external-link {left: 10px;} .submission.step4 .cont03 .textWrap .textBox .vdurlp:hover + .xi-external-link {left: 86px;} .program_wrap .program_date ul li {height: 46px; font-size: 17px;} .program_wrap .program_pdf {position: relative; top: 0; margin-bottom: 12px;} .subPage .subBoard:has(.program_wrap) .subTitle {margin-bottom: 0;} .program .program_info tbody tr td:nth-child(2) {line-height: 1.4;} .program .program_info table , .program .program_info tbody tr td:nth-child(1){font-size: 15px;} .program .program_info thead tr th:nth-child(1) {width: 100px;} .register .register_box .top_txt .date_info > p {font-size: 14px;} .register .register_box .btn_goregistartion {width: 290px; height: 45px;} .register .register_box .top_txt .date_info .mint_box {font-size: 20px; padding: 25px 10px ; margin-bottom: 22px;} .register .register_box .subbox01 .conbox ul li .circle_btm {font-size: 15px;} .register .register_box .subbox01 .conbox ul li .circlezone {width: 150px; height: 120px;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num {font-size: 18px;} .register .register_box .subbox05 table td.time {width: 120px;} .register .register_box .subbox05 table td:nth-child(2) {padding-left: 15px;} .register .register_box .subbox07 tr td.pink {width: 125px; min-width: unset;} .register .register_box .subbox02 ul, .register .register_box .subbox05 .conbox .table_wrap ul, .register .register_box .subbox06 .conbox div ul, .register .register_box .subbox08 .conbox .div01, .register .register_box .subbox03 ul {gap: 2px 0;} .register .register_box .subbox08 .conbox .div02 li:nth-child(1), .register .register_box .subbox08 .conbox .div02 li:nth-child(3) {width: 60%;} .register .register_box .subbox08 .conbox .div02 li:nth-child(2), .register .register_box .subbox08 .conbox .div02 li:nth-child(4) {width: 40%;} .register .register_box .subbox08 .conbox .div02 {font-size: 15px;} .register .register_box .subbox08 .conbox .div02 li:nth-child(2) p , .register .register_box .subbox08 .conbox .div02 li:nth-child(4) p { text-align: center; padding-left: 00px; } .tour .transportation_type li {font-size: 16px;} .tour .transbox .by_con .mid .mid_ul li .line {width: 25px;} .tour .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 28.3px;} .tour .transbox .by_con .btm .btm_ul li .left{width: 36%;} .tour .transbox .by_con .top, .tour .transbox .by_tit {font-size: 20px;} .tour .transbox .by_con .mid{padding: 40px 10px 100px;} .tour .transbox.busbox01 .by_con .btm .btm_ul li .right {padding: 8px 10px 8px 20px ;} .tour .transbox.busbox01 .by_con .btm .btm_ul li:last-of-type .right a{left: 10.3539vw;} .tour .taxibox01 .taxi_ul02 li, .tour .busbox02 .by_con .list00 .list_ul li {padding-left: 15px;} .tour .taxibox01 .taxi_ul02 li {font-size: 16px;} .tour .taxibox01 .taxi_ul01 {margin-bottom: 30px;} .tour .transbox {margin-bottom: 35px;} .tour .taxibox01 .taxi_ul01 figcaption {width: 130px;height: 40px; font-size:17px ;} .tour .taxibox02 table tr:nth-child(1) th:nth-child(n+1):nth-child(-n+2){width: 8%;} .tour .taxibox02 table th {font-size: 16px;} .tour .taxibox02 table td{font-size: 14px;} .tour .taxibox02 table tr:nth-child(2) th {width: 5%;} .tour .conbox_gmp .transbox.subwaybox01 .by_con .mid .mid_ul li .line {width: 70px;} .tour .conbox_gmp .transbox.subwaybox02 .by_con .mid .mid_ul li .line{width: 21.5px;} .tour .conbox_gmp .transbox.subwaybox03 .by_con .mid .mid_ul li .line{width: 70.8px;} .tour .conbox_gmp .transbox.busbox01 .by_con .btm .btm_ul li .left {width: 16%; min-width: 150px;} .registration.step1.step1_ltup .cont01 .inputTableBox th {width: 100%; border-bottom: none;} /* .registration.step1.step1_ltup .inputTableBox td */ .registration.step1.step1_ltup .cont05 .inputTableBox tbody th , .registration.step1.step1_ltup .cont04 table th {width: 100%;} .registration.step1.step1_ltup .cont03 .cont03_btmtable table th , .registration.step1.step1_ltup .cont03_btmtable td, .registration.step1.step1_ltup .cont04_btmtable td {width: 100%;display: block;} .registration.step1.step1_ltup .cont04 table th, .registration.step1.step1_ltup .cont04 table td, .registration.step1.step1_ltup .cont03 .cont03_btmtable table th, .registration.step1.step1_ltup .cont05 .inputTableBox tbody td, .registration.step1.step1_ltup .cont05 .inputTableBox tbody th, .registration.step1.step1_ltup .cont03 .cont03_btmtable table td {height: 100%; padding: 12px 10px ;} .registration.step1.step1_ltup .cont05 .bank_pink.en td {width: 100%; max-width: unset;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody td {min-height: 40px;} .registration.step1.step1_ltup .cont05 .inputBox {height: 40px;} .registration.step1.step1_ltup .cont {margin-bottom: 40px;} .registration.step1.step1_ltup .cont03_toptxt ul li::before {left: 0px;} .registration.step1.step1_ltup .cont03_toptxt ul li{padding-left: 15px;} .registration.step1.step1_ltup .cont05 .inputTableBox tr, .registration.step1.step1_ltup .cont05 .bank_pink.en td, .registration.step1.step1_ltup .cont04 table tr {border-bottom: none;} .registration.step1.step1_ltup .cont05 .inputTableBox tbody td, .registration.step1.step1_ltup .cont05 table tr:nth-child(1) td {border-top: none;} .registration.step1.step1_ltup .cont05 .inputTableBox .inputBox input {height: 40px;} .registration.step3.step3_ltup .topBox {padding: 12px 10px ;} .registration.step3.step3_ltup .tableBoxWrap.tab_en .inputTableBox.table2 .step3_pink td {width: 100%;} .registration.step3.step3_ltup .tableBoxWrap.tab_ko .inputTableBox tr th {min-width: 100%; width: 100%;} .registration.step3.step3_ltup .tableBoxWrap.tab_ko .inputTableBox.table2 tr.ex_date th p br {display: none;} .registration.step3.step3_ltup .tableBoxWrap.tab_ko .inputTableBox.table2 td.state {display: flex;} .registration.step3.step3_ltup .tableBoxWrap .inputTableBox tbody th {color: #0A0A0A;} .registration.step3.step3_ltup .topBox p {font-size: 19px;} .awards.ang .con01 .iconbox ul {gap: 0 12px;} .awards.ang .con01 .iconbox ul li{flex-basis: calc(33.33% - 9px);} .awards.ang .con01 .iconbox ul li .icon .image{height: 200px;} .awards.ang .con01 .txt{margin-bottom: 36px;} .awards.ang .con01 .iconbox ul li .icon .detail strong, .awards.ang .cont_blue .box .box_top figure{font-size: 18px;} .awards.ang .cont_blue .box .box_top {height: 55px;} .awards.ang .cont_blue .box .box_top figure img{height: 35px;} .awards.ang .cont_blue .box .box_btm ul li p.txt{padding-left: 15px;} .awards.ang .con01 .btnBox, .awards.ang .con04 .btnBox {width: 94%; max-width: 280px; font-size: 17px; height: 45px;} .awards.ang .con01 .iconbox ul li .icon .detail p span {font-size: 29px;} .sp_box .spt_box .spt_top{font-size: 17px;} .sp_box .spt_box table th{width: 130px;} .sp_box .spt_box table td.bright{width: 110px;} .accommodation .cont li:nth-child(1) .table_wrap {overflow-x: auto; position: relative; margin-bottom:10px} .accommodation .cont li:nth-child(1) .table_wrap table {width: 700px;} .accommodation .cont li:nth-child(1) .table_wrap .tablewrap_bg { display: block; position: absolute; left: 0; top: 0;background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; padding-left: 20px; display: flex; align-items: center; color: #fff; font-size: 16px; } .accommodation .cont .hotel_img{gap: 0 10px;} .accommodation .cont_02 .hotel00 .gmap {padding-bottom: 35px;} .accommodation .cont_02 .btmlink li {flex-basis: calc(33.33% - 15px);} .accommodation .cont_02 .btmlink{flex-wrap: wrap; justify-content: center;} .accommodation .cont_02 .btmlink{margin-bottom: 70px;} .guest .guest_wrap .guest_list ul{gap: 30px 15px ;} .guest .guest_wrap .guest_list ul li{flex-basis: calc(33.33% - 11px);} .guest .guest_wrap .guest_list ul li figure img{width: 28vw; height: 28vw;} .guest .modalview .modal_con .guest_info{flex-direction: column; gap:30px} .guest .modalview .modal_con .pdf_btn {margin-bottom: 20px;} .guest .modalview .modal_con .body {padding:18px 20px 30px 20px ;} .guest .modalview .modal_con .guest_info .right{width: 100%; align-items: center; text-align: center;} .registration.step1.step1_ltup .cont06.cont_gala tr {display: flex;flex-direction: column;} /* .registration.step1.step1_ltup .cont06.cont_gala tr th {border-bottom: none;} */ .registration.step1.step1_ltup .cont06.cont_gala th {width: 100%; border-bottom: none; display: flex ; align-items: center; justify-content: center;} .registration.step1.step1_ltup .cont06.cont_gala td {width: 100%; display: flex; justify-content: center; align-items: center;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p:nth-child(2) span{padding-left: 12px;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p:nth-child(2) span::before{left:0} .lecture.lecture02 .agreeBox .radioBox {font-size: 15px;} .submission.writeWrap.lecture .tabList li:first-child, .submission.writeWrap.lecture .tabList li:nth-child(2), .submission.writeWrap.lecture .tabList li:nth-child(3), .submission.writeWrap.lecture .tabList li:nth-child(4) {width: calc(100% / 2 - 50px );} .lecture .inputTableBox td {padding: 10px;} .lecture.lecture03 .lec_con {padding: 40px 25px ; margin-bottom: 70px;} .lecture.lecture03 .lec_con strong {font-size: 26px;} .lecture.lecture03 .lec_con .con_box .tt, .lecture.lecture03 .lec_con .speak{font-size: 18px;} .lecture.lecture04 .completedBox .text strong {font-size: 23px; margin-bottom: 20px;} .lecture.lecture04 .completedBox .numBox {font-size: 20px; height: 60px; margin-bottom: 30px;} .lecture.lecture04 .completedBox .text{font-size: 16px;} .lecture.lecture04 .completedBox {padding: 40px 15px ;} .lecture.lecture01 .inputTableBox td {padding-left: 10px;} .regismypage_ltup .pdf_down_btn a {width: 230px; height: 50px; font-size: 15px;} .sp_list .company_li figure{height: 90px;} .sp_list .company_li {flex-basis: calc(100% / 3 - 11px);} .sp_list .company_li p {font-size: 12px;} .sp_list .company_li p {top: 120%;} .sp_list .company_li:hover p {top: 115%;} .sp_list .sponsor_box .sponsor_top p {width: 130px; height: 40px; font-size: 17px;} .program .program_info .other_info {font-size: 17px;} .register .regis_info_plus ul {flex-direction: column !important;} .register .regis_info_plus li {width: 100%;} .register .regis_info_plus li p:nth-child(2){height: 100%; padding: 12px;} .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right{padding: 17px 20px 43px 20px ;} .tour .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 22vw;} .tour .transbox .by_con .btm .bus_s .left {width: 36%;} .tour .transbox .by_con .btm .bus_s .time{width: calc(100% - 36%);} .tour .transbox .txtbox02 em {display: block;} .tour .busbox02 .by_con .other .bus_img {margin-bottom: 20px;} .tour .busbox02 .by_con:last-of-type .other .bus_img:last-of-type {margin-bottom: 0;} .spt_box .marginp{padding-left: 0; padding-top: 45px;} .spt_box .marginp span{top: 22px;} .photogallery_box .photogallery_list {flex-basis: calc(50% - 6px); height: 46.5732vw;} .photogallery_box .photogallery_list figcaption div p {font-size: 2.8125vw;} .photogallery_box .photogallery_list figcaption .arrow {width: 35px; height: 35px;} .photogallery_box .photogallery_list figcaption {padding: 15px;} /* 640 end */ } @media screen and (max-width: 560px) { .submission .apply {position: relative;} .submission .apply .delBtn {position: absolute; top: 16px; left: 90px;} .register .con03 .tableBox .table1 {margin-bottom: 5px;} .register .con03 .tableBox .mo {display: block; font-weight: 600; color: var(--pointColor); margin-bottom: 20px; font-size: 12px;} /* Visa & Invitation Letter */ .invitation .cont02 ul {flex-direction: column; gap: 10px;} .invitation .cont02 li {background: linear-gradient(136deg, #2c3cbc, #306cc8);} .invitation .cont02 .list2 {background: linear-gradient(136deg, #008d94, #06a8b1)} .invitation .cont02 .list3 {background: linear-gradient(136deg, #eaa057, #f2cc82);} .subWrap .subTop .subtopcon img:nth-child(1) {width: 290px;} .subWrap .subTop .subtopcon img:nth-child(2) {height: 90px;} .writeWrap .registration .stepBox h4 {padding-bottom: 20px;} .writeWrap .registration .plusSpan {top: 43px;} .abstract .list_box {gap: 13px 0;} .abstract .list_box li {flex-basis: calc(50% - 1px); height: 300px;} .abstract .list_box li .contents {height: 260px;} .abstract .list_box li .contents .tit {font-size: 17px;} .abstract .con01 .roundBox .text p {flex-direction: column; display: flex; gap: 5px;} .visa .website_list{flex-wrap: wrap; gap: 10px;} .visa .website_list li{flex-basis: 100%; height: 110px;} .visa .website_list li div a p {font-size: 20px;} .visa .cont03 p{line-height: 1.4; font-size: 15px; padding-left: 12px;} .mypage.submission.step1 .plusSpan {top: 50px;} .register .register_box .subbox01 .conbox ul {gap:25px 10px ;} .register .register_box .subbox01 .conbox ul li, .register .register_box .subbox01 .conbox ul li:last-of-type {flex-basis: calc(50% - 6px);} .register .register_box .subbox01 .conbox ul li .circlezone {width: 180px; height: 140px;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num {font-size: 20px;} .register .register_box .subbox01 .conbox ul li .circle_btm {font-size: 16px;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4), .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3){width: 110px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1) {width: 55px;} .register .register_box .subbox table td{font-size: 14px;} .register .register_box .subbox .table thead th{font-size: 15px;} .register .register_box .subbox04 .conbox ul {gap: 20px 10px ;} .register .register_box .subbox04 .conbox ul li {flex-basis: calc(100% / 3 - 8px);} .register .register_box .subbox07 .bank02 tbody tr { display: flex; flex-direction: column;} .register .register_box .subbox07 .bank02 tr td.pink {width: 100%;} .register .register_box .subbox07 .bank02 tr td {display: flex; align-items: center ; justify-content: center; border-right: none;} .register .register_box .subbox07 table.bank02 tbody td {border-bottom: none ; border-top: none; } .register .register_box .subbox07 table.bank02 tbody tr:last-of-type td:last-of-type{border-bottom: 1px solid #e2e2e2;} .tour .by_type {flex-wrap: wrap;} .tour .by_type::before {width: 50%;} .tour .by_type li{ flex-basis: 50%;} .tour .by_type:has(li:nth-child(1).now)::before {left: 0; bottom: 49%;} .tour .by_type:has(li:nth-child(2).now)::before {left: 50%; bottom: 49%;} .tour .by_type:has(li:nth-child(3).now)::before {left: 0%; bottom: 0;} .tour .by_type:has(li:nth-child(4).now)::before {left: 50%; bottom: 0;} .tour .by_type:has(li:nth-child(1):hover)::before {left: 0; bottom: 49%;} .tour .by_type:has(li:nth-child(2):hover)::before {left: 50%; bottom: 49%;} .tour .by_type:has(li:nth-child(3):hover)::before {left: 0%; bottom: 0;} .tour .by_type:has(li:nth-child(4):hover)::before {left: 50%; bottom: 0;} .tour .transbox .by_con .mid .mid_ul {scale: 0.6;} .tour .transbox .by_con .mid .mid_ul li .txt{scale: 1.2;} .tour .transbox .by_con .top{height: 42px;} .tour .transbox .by_con .top, .tour .transbox .by_tit {font-size: 18px;} .tour .transbox .by_tit{flex-wrap: wrap; gap: 6px 8px ;position: relative; padding-left: 30px;align-items: flex-start;} .tour .transbox .by_tit > i {position: absolute ;left: 0;} .tour .busbox02 .by_con .list03 .list_ul02 li {flex-basis: calc(100% / 4 - 23px); padding: 10px;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(6) {border-right: none;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(4), .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(8), .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(16) {border-right: 1px solid #e2e2e2;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(n+12):nth-child(-n+17) {border-bottom: none;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(n+14):nth-child(-n+17) {border-bottom: 1px solid #e2e2e2;} .tour .busbox02 .by_con .list03 .list_ul02 li{font-size: 14px;} .tour .by_type li:nth-child(1), .tour .by_type li:nth-child(2) {border-bottom: 1px solid #E2E2E2 ;} .registration.step1.step1_ltup .cont03_table td.td_first {min-width: 100px;} .awards.ang .con01 .iconbox ul {flex-direction: column; gap: 17px 0;} .awards.ang .con01 .iconbox ul li .icon .image{height: 160px;} .awards.ang .con01 .iconbox ul li:nth-child(1) .icon .image img{width: 120px;} .awards.ang .con01 .iconbox ul li:nth-child(2) .icon .image img{width: 93px;} .awards.ang .con01 .iconbox ul li:nth-child(3) .icon .image img{width: 100px;} .awards.ang .con01 .iconbox ul li .icon .image svg{bottom: 8px; transform-origin: 0% 50%; scale: 0.7;} .awards.ang .con01 .iconbox ul li .icon .detail strong, .awards.ang .cont_blue .box .box_top figure{font-size: 20px;} .awards.ang .cont_blue .box .box_top figure{gap: 0 12px;} .awards.ang .cont_blue .box .box_top{padding: 0 12px; flex-direction: column; align-items: flex-start; justify-content: center; height: 73px; gap: 3px 0;} .awards.ang .cont_blue .box .box_btm {padding: 30px 20px ;} .awards.ang .cont_blue .box .box_top .right {width:100%; justify-content: flex-end;} .sp_box .sp_tab ul {flex-direction: column;} .accommodation .cont .hotel_img {flex-direction: column; gap: 10px;} .accommodation .cont .hotel_img > div {flex-basis: 100%;} .abstract .con01 .roundBox .text .text1 em {margin-left: 0; width: fit-content; margin: 0 auto;} .writeWrap.lecture01 .stepBox h4 {padding-bottom: 10px !important;} .so_program .purple {font-size: 16px;} .so_program .conbox_txt .side_txt p{font-size: 15px;} .tour .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 26vw;} /* 560 end */ } @media screen and (max-width:530px) { .tour .transbox.busbox01 .by_con .btm .btm_ul li .left {padding: 0 5px; box-sizing: border-box;} .tour .transbox.busbox01 .by_con .btm .btm_ul li:last-of-type .right a {left: auto; bottom: auto; position: relative; } .accommodation .cont_02 .tab{flex-direction: column;} .accommodation .cont_02 .tab li {flex-basis: 100%;} .accommodation .cont_02 .tab > li:nth-child(1) {border-radius: 10px 10px 0 0;} .accommodation .cont_02 .tab > li:nth-child(2) {border-radius: 0 0 10px 10px;} .accommodation .cont_02 .hotel00 > table th{width: 110px;} .tour .transbox .by_con .btm .btm_ul li .left {min-width: 36%;} } @media screen and (max-width: 480px) { .subWrap .subTop .lnbBox .inner > ul {height: 45px;} .subWrap .subTop .lnbBox .inner {padding: 0;} .subWrap .subTop .lnbBox .dep1:nth-child(3) {border-right: none;} .subWrap .subTop .lnbBox a {font-size: 15px;} .subWrap .subTop .lnbBox .dep1 a {font-size: 14px; padding: 0 10px;} .subWrap .subTop .lnbBox .dep2 li a {padding: 8px 10px;} .subPage .subBoard .subTitle h3 {font-size: 20px;} .subPage .subBoard .subTitle {margin-bottom: 5px;} .subWrap .subTop .lnbBox .dep2 {padding-top: 46px;} /* login */ .login .loginBtn {margin-bottom: 0px;} .login .loginBtn:after {content: ""; width: 100%; height: 1px; border-bottom: 1px dashed #979797; display: block; margin: 25px 0;} .login .botBox {flex-direction: column; height: auto;} .login .botBox button {height: 40px;} /* type2 */ .subType2 .bigTitle {font-size: 33px; margin-bottom: 40px;} /* signUp */ .signUp .cont > p {font-size: 15px;} .signUp .buttonBox {gap: 5px;} .signUp .buttonBox button {font-size: 15px;} .signUp_ok .textBox .bigTitle {font-size: 30px;} .signUp_ok .textBox .text {font-size: 16px; margin-bottom: 30px;} /* mypage */ .mypage .tabListBox li a {font-size: 15px;} .mypage .buttonBox button {font-size: 14px;} .mypage.tab3 table .payment .complete {flex-direction: column; gap: 5px;} .mypage.tab3 table .payment .complete > * {width: 100%;} /* ISMND */ .ismnd .subBoard .text .box p {font-size: 14px;} /* welcome */ .welcome .subBoard .profileWrap li {flex-direction: column; gap: 0px;} /* ismnd 2024 organizing committee */ .committee .tableBox {flex-direction: column;} .committee .tableBox .table1 {border-right: none;} .committee .tableBox .table2 thead {display: none;} .committee .tableBox .table2 tbody tr:nth-child(even) {background: #fff;} .committee .tableBox .table2 tbody tr:nth-child(odd) {background: #f5f5f5;} .committee .tableBox table tbody td {width: 50%;} /* loc */ .loc .subBoard table td.td1 {padding: 10px 5px;} .loc .subBoard table td:not(.td1) {font-size: 13px; padding-left: 110px;} .loc .subBoard table td:not(.td1):before {width: 85px;} /* conference */ .conference .subBoard .tableBox table th, .conference .subBoard .tableBox table td {display: block; width: 100%;} .conference .subBoard .tableBox table tr {margin-bottom: 15px; display: block;} .conference .subBoard .tableBox table tr:last-child {margin-bottom: 0;} .conference .subBoard .tableBox table th {height: 36px; display: flex; align-items: center; justify-content: center;} .conference .subBoard .tableBox table tr:nth-child(even) td {background: transparent;} .conference .subBoard .tableBox table td {box-sizing: border-box;} .conference .subBoard .datesBox .dates {flex-wrap: wrap; justify-content: center; gap: 10px 4%;} .conference .subBoard .datesBox .dates li {width: 100%;} .conference .subBoard .datesBox .dates li.date01 strong {font-size: 15px;} .conference .subBoard .datesBox .dates p {font-size: 13px;} /* program */ .program .subBoard li:not(:last-child) {margin-bottom: 40px;} .program .subBoard li .title {font-size: 19px;} .program .subBoard li:nth-child(2) .title {margin-bottom: 5px;} .program .subBoard li:nth-child(2) > p {margin-top: 0;} .programTable th.th1 {width: 50px;} /* scientific program */ .scientific .textTop .textBox {font-size: 15px;} /* invited faculties */ .faculties .subBoard .listBox {gap: 20px 20px;} .faculties .subBoard .listBox li {width: calc(100% / 2 - 10px);} .faculties .subBoard .listBox .textBox .name {font-size: 15px;} .faculties .subBoard .listBox .textBox .text {font-size: 13px;} .faculties .subBoard .listBox .textBox .country {font-size: 12px;} .speakers_modal .modalBox {padding: 30px 20px;} .speakers_modal .modalBox .topBox .textBox {font-size: 14px;} .speakers_modal .modalBox .botBox {font-size: 14px;} /* abstract */ .titleType1 {font-size: 22px; margin-bottom: 15px;} .abstract .con01 .roundBox .text strong {font-size: 16px;} .abstract .con2 .listBox {gap: 18px 0; max-width: 230px; margin: 0 auto;} .abstract .con2 .listBox li {width: 100% !important;} .abstract .con2 .listBox .step {width: 53px; right: auto; left: -20px; top: -15px;} .abstract .con2 .listBox .list1 .box img {content: url(./images/sub/abstract_list01-mo.png);} .abstract .con2 .listBox .list2 .box img {content: url(./images/sub/abstract_list02-mo.png);} .abstract .con2 .listBox .list3 .box img {content: url(./images/sub/abstract_list03-mo.png);} .abstract .con2 .listBox .list4 .box img {content: url(./images/sub/abstract_list04-mo.png);} .abstract .con2 .listBox li:not(.list4) {margin-right: 0; margin-bottom: -13%;} .abstract .con2 .listBox .box .text {padding: 10px;} .abstract .con2 .listBox .list3 {margin-left: 0;} .abstract .con2 .listBox li:not(.list4) .box .text {padding-right: 0; padding-left: 0; padding-bottom: 17%;} @keyframes listLeftMove {0% {transform: translateY(-10%); opacity: 0;} 100% {transform: none; opacity: 1;}} /* write common */ .writeWrap .stepBox h4 {font-size: 20px; margin-bottom: 7px;} .writeWrap .stepBox .buttonBox > button {font-size: 14px;} /* submission */ .submission.step2 table tbody .moth {font-size: 15px; width: 105px !important;} .submission.step2 table tbody .td8, .submission.step2 table tbody .td7 {padding-left: 105px;} .submission.step2 table tbody .td2Box .moth2 td:first-child {width: 105px !important; padding-right: 0;} .submission.step2 table .td2Box .tr1 td, .submission.step2 table .td2Box tr:not(.tr1) {padding-left: 105px;} .submission.step2 table tbody tr:not(.tr1) td:first-child {font-size: 14px;} .submission.step4 .cont03 .textWrap .textBox {font-size: 14px; margin-bottom: 18px;} /* awards & grant */ .awards .con01 .roundBox .text strong {font-size: 16px;} /* register */ .register .con02 .listBox {width: 100%; max-width: 380px;} .register .con02 .listBox .imgWrap .imgBox {width: 120px;} .register .con02 .listBox .inText {gap: 2px;} .register .con02 .listBox .inText figure {width: 25px;} .register .con02 .listBox .inText p {font-size: 15px; line-height: 1.2;} .register .con02 .listBox .text {padding-bottom: 10%; padding-left: 5%;} .register .con02 .listBox .list5 .inText p br {display: block;} .register .con06 table td .textBox {padding: 20px 10px;} /* registration */ .registration.step1 .cont02 .memberBox .botBox {height: auto} .registration.step1 .cont02 .memberBox .botBox {flex-direction: column; gap: 10px;} .registration.step1 .cont02 .priceBox table thead .tr3 th {word-break: break-word;} /* accommodation */ .accommodation .cont01 > p {font-size: 15px;} .accommodation .cont01 ul li p {font-size: 14px} .accommodation .cont02 .listBox li .box {gap: 7px;} .accommodation .cont02 .listBox li .top {width: 140px;} .accommodation .cont02 .listBox li .box strong {font-size: 16px;} .accommodation .cont02 .listBox li .icon {width: 45px;} .accommodation .cont02 .listBox li > p {font-size: 14px;} .accommodation .cont02 .listBox li:not(:last-child) > p {padding-bottom: 9%;} .accommodation .cont02 .tableBox table {font-size: 14px;} .accommodation .cont02 .tableBox tbody .td1 {font-size: 15px;} .accommodation .cont02 .hotelList .text .site a {word-break: break-all;} .accommodation .cont02 .hotelList .text .site a span {background-image: linear-gradient(#0c71c3,#0c71c3); background-repeat: no-repeat; background-position: left bottom 1px; background-size: 100% 1px; transition: .5s ease; -webkit-box-sizing: border-box; display: initial;} .accommodation .cont02 .hotelList .text .site a:after {display: none;} .accommodation .cont03 ul {flex-direction: column; gap: 15px;} .accommodation .cont03 ul li a {width: 100%; height: 80px;} .accommodation .cont03 ul li img {width: 100%; height: 100%; object-fit: contain;} /* Venue & Transportation */ .venue .listBox li {height: 55px;} .venue .listBox li a {font-size: 16px;} .subList li a {font-size: 15px;} .venue.info .contBox .textBox .left {padding: 30px 20px;} .venue.info .contBox .textBox .left strong {font-size: 18px;} .venue.info .contBox .text {font-size: 16px;} .venue.info .contBox .text a {width: 210px; height: 40px; font-size: 15px;} .venue.bus .contBox .bot p {font-size: 15px;} .venue.subway .cont01.lineType2 .tableBox {overflow: auto; margin-bottom: 0;} .venue.subway .cont01.lineType2 table {width: 460px;} .venue.subway .cont01.lineType2 .mo {display: block;} /* tba */ .tba .textBox .logo {width: 180px;} .tba .textBox .text {width: 190px; margin-bottom: 18px;} .tba .textBox .text2 .img2 img {height: 50px;} .tba .textBox .text2 .text3 {font-size: 13px;} .tba .textBox .text2 > p {font-size: 16px;} .login .botBox {margin-bottom: 0; gap: 10px 0;} .login .loginWrap {padding: 35px 17px 40px 17px;} .login label input {font-size: 15px;} .subWrap .subTop .subtopcon {flex-direction: column; gap: 23px;} .subWrap .subTop .top {height: 290px; padding: 0;} .subWrap .subTop .subtopcon img:nth-child(1) {width: 79vw;} .subWrap .subTop .top figure img {object-position: 53%;} .subWrap .subTop .subtopcon img:nth-child(2) {height: 24vw;} .writeWrap .registration .stepBox h4 {padding-bottom: 30px;} .writeWrap .registration .plusSpan {top: 38px;} .subWrap .inputTableBox .department .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .organization.ko .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .name.en .inputWrap > .inputBox:last-child {width: 100%;} .subWrap .inputTableBox .department .inputWrap, .subWrap .inputTableBox .organization.ko .inputWrap, .subWrap .inputTableBox .name.en .inputWrap, .subWrap .inputTableBox tr.id .inputWrap {flex-wrap: wrap; gap: 5px 10px;} .subWrap .plusSpan {font-size: 12px;} .submission.step2 table tbody .td2Box .moth2 td:first-child {font-size: 15px;} .submission.step2 .cont02 table tbody .moth , .submission.step2 .cont01 table .moth2 td:nth-child(1), .submission.step2 .cont01 table .th2{padding-left: 7px;} .submission.step2 .cont02 table .td2Box .tr1 td {padding-left: 115px;} .writeWrap .stepBox .buttonBox > button {gap: 3px;} .subWrap .inputTableBox .department .inputWrap, .subWrap .inputTableBox .organization.ko .inputWrap, .subWrap .inputTableBox .name.en .inputWrap, .subWrap .inputTableBox tr.id .inputWrap {flex-wrap: wrap ; gap: 8px;} .subWrap .inputTableBox .department .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .organization.ko .inputWrap .inputBox:nth-child(2), .subWrap .inputTableBox .name.en .inputWrap > .inputBox:last-child {width: 100%;} .ready .img {scale: 0.88;} .mypage .plusSpan {top: 146px;} .privacyWrap .agreeBox {font-size: 15px;} .submission.step2 .cont01 table .td2Box .td2Table1 tr {display: block;} .submission.step2 .cont01 table tbody .td2Box .moth2 td:first-child ,.submission.step2 .cont02 table tbody .moth {width: 100% !important; position: relative; height: 45px;} .submission.step2 table .td2Box .tr1 td, .submission.step2 table .td2Box tr:not(.tr1) {padding-left: 0;} .submission.step2 .cont02 table .td2Box .tr1 td {padding-left: 0; display: block; padding: 0;} .submission.step2 table .radioBox {height: 45px;} .submission.step2 .cont02 table tbody .inputBox {padding: 10px ;box-sizing: border-box; height: 100%;} .submission.step2 .cont02 table tbody .inputBox input {height: 40px;} .submission.step2 .cont02 .inputTableBox .inputWrap.select .selectBox {top: 49px; width: calc(100% - 20px);} .submission.step2 table tbody .td8, .submission.step2 table tbody .td7 {padding-left: 0;} .submission.step2 .cont02 table tbody .td8 .moth {width: 105px !important;} .submission.step2 .cont02 table tbody .td8 {justify-content: flex-start;} .submission.step2 table tbody .delBtn {width: calc(100% - 105px); display: flex;align-items: center; justify-content: center;} .submission.step2 .cont01 .inputTableBox tr .td7 {padding: 0;} .submission.step2 .cont01 .inputTableBox tr .td7 .moth {position: relative; height: 45px;} .login .find_modal .modalBox {padding: 50px 20px;} .submission.step2 .cont02 table .td2Box .tr1 .td7 {border: none;} .submission.step2 .cont02 .inputWrap.select button {right: 5px;} .ltup2024 .subBoard table tr {display: flex; flex-direction: column;} .ltup2024 .table tr th, .ltup2024 .table tr td {width: 100%; display: flex; align-items: center; } .ltup2024 .table tr td, .ltup2024 .table .multi tbody td, .ltup2024 .table tr th {padding: 5px 10px ;} .ltup2024 .table tr td:first-of-type {border-top: none; min-height: 42px;} .ltup2024 .table tr td {height: 100%;} .ltup2024 .table tr th p br {display: none;} .abstract .list_box li {flex-basis: 295px; height: 280px;} .abstract .list_box li .contents {height: 245px;} .visa .visa_list li a {width: 100%; height: 40px; font-size: 15px;} .visa .visa_list li > p{font-size: 15px;} .visa .visa_list li strong{font-size: 17px;} .visa .visa_list li:last-of-type {margin-bottom: 45px;} .writeWrap.mypage.submission.step1 .stepBox h4 {margin-bottom: 10px;} .mypage.submission.step1 .plusSpan {top: 42px;} .abstract .con5 .textBox {margin-bottom: 40px;} .abstract .con6 ul li a::before {left: -30%;} .welcome .subBoard .profileWrap.profile2 li {align-items: flex-start;} .welcome .subBoard .tt {font-size: 15px; line-height: 1.5;} .welcome .subBoard .tt p:not(:last-child) {margin-bottom: 18px;} .welcome .subBoard .text > strong {margin-bottom: 25px;} .program_wrap .program_date ul li {font-size: 16px; height: 55px;} .program .program_info tbody tr {display: flex; flex-direction: column;} .program .program_info thead tr {display: flex; flex-direction: column-reverse;} .program .program_info thead tr th:nth-child(2) {width: 100%; } .program .program_info tbody tr td {width: 100%;display: flex; align-items: center; justify-content: center;} .program .program_info thead th {display: flex; align-items: center;justify-content: center;} .program .program_info thead tr th:nth-child(1) {width: 100%;} .program .program_info tbody tr td:nth-child(2) {border-bottom: 2px dotted #083569;} .program .program_info tbody tr:last-of-type td:nth-child(2) , .program .program_info thead tr th:nth-child(2){border-bottom: none;} .program_wrap .program_date ul li br {display: block;} .register .register_box {font-size: 15px;} .register .register_box .top_txt .date_info .mint_box {font-size: 18px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1){width: 50px;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4) , .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3){width: 88px;} .register .register_box .subbox03 table tr {display: flex; flex-direction: column;} .register .register_box .subbox03 table tr th {border-bottom: 1px solid #fff;} .register .register_box .subbox03 table tr th , .register .register_box .subbox03 table tr td, .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3) {flex-basis: 100% !important; width: 100% !important; min-height: 50px; display: flex; align-items: center; justify-content: center;} .register .register_box .subbox03 .table tbody {border-right: none;} .register .register_box .subbox03 .table td {border-left: 1px solid #e2e2e2;} .register .register_box .subbox03 .table thead th, .register .register_box .subbox03 table tr td {font-size: 16px;} .register .register_box h4.subbox_tit {font-size: 19px;} .register .register_box .subbox04 .conbox ul li {flex-basis: calc(100% / 2 - 6px);} .register .register_box .subbox04 .conbox ul {padding: 30px 5px;} .register .register_box .subbox05 table tbody tr { display: flex; flex-direction: column;} .register .register_box .subbox05 table td , .register .register_box .subbox05 table th {padding: 5px ;} .register .register_box .subbox05 table tbody tr td {display: flex; align-items: center; justify-content: center; border-right: none;} .register .register_box .subbox05 table tbody tr td , .register .register_box .subbox05 table td.time{width: 100%;} .register .register_box .subbox05 table td:nth-child(2) {text-align: center;} .register .register_box .subbox05 .btmem {font-size: 14px;} .register .register_box .subbox05 .conbox .table_wrap {padding: 25px 15px ;} .register .register_box .subbox06 .method {font-size: 18px; margin-bottom: 10px;} .register .register_box .subbox02 ul li, .register .register_box .subbox06 .conbox div ul li, .register .register_box .subbox05 .conbox .table_wrap ul li, .register .register_box .subbox08 .conbox .div01 li, .register .register_box .subbox03 ul li {gap: 0 10px;} .register .register_box .subbox06 .method span {margin-right: 9px;} .register .register_box .subbox08 .conbox .div02 li:nth-child(1), .register .register_box .subbox08 .conbox .div02 li:nth-child(3), .register .register_box .subbox08 .conbox .div02 li:nth-child(2), .register .register_box .subbox08 .conbox .div02 li:nth-child(4) {width: 100%; border-right: none;border-bottom: none; border-top: none;border-left: none;} .register .register_box .subbox08 .conbox .div02 li:nth-child(4) {border-bottom: 1px solid #e2e2e2;} .register .register_box .subbox05 table tbody td {border-bottom: none ; border-top: none; } .register .register_box .subbox05 table.session02 tbody tr:last-of-type td:last-of-type{border-bottom: 1px solid #e2e2e2;} .register .register_box .subbox05 .session01 tr:last-of-type .nocolor {border: none; border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;} .register .register_box .subbox05 .session01 tr:last-of-type td:last-of-type {border-bottom: 1px solid #e2e2e2;} .tour .transbox .by_con .mid .mid_ul{scale: 0.56;} .tour .transbox .by_con .mid .mid_ul li .circle01, .tour .transbox .by_con .mid .mid_ul li .circle02, .tour .transbox .by_con .mid .mid_ul li .circle03, .tour .transbox .by_con .mid .mid_ul li .circle04 {scale: 1.4;} .tour .transbox .by_con .mid .mid_ul li .txt{scale: 1.3;} .tour .transbox .by_con .btm .btm_ul li .left{width: 45%; min-width: 45%;} .tour .transbox .by_con .btm .btm_ul {font-size: 15px;} .tour .transbox .by_con .btm .btm_ul li p{min-height: 45px;} .tour .transbox .by_con .btm .btm_ul li .right {padding: 8px 10px ;} .tour .taxibox01 .taxi_ul01 {justify-content: center;} .tour .taxibox01 .taxi_ul01 li {flex-basis: 33.33%;} .tour .taxibox01 .taxi_ul01 li a {width: 100%;} .tour .taxibox01 .taxi_ul01 li a figcaption{width: 100%;} .tour .carbox01 iframe {height: 360px;} .tour .carbox01 .btm_info {font-size: 16px;} .tour .transportation_type li:nth-child(1) {border-bottom: none;} .tour .transportation_type li {padding: 8px 10px ;} .registration.step1.step1_ltup .cont03_table td.td_first {min-width: 60px;} .sponsors .subBoard .tt .tt_img { flex-direction: column; gap: 10px 0;} .sponsors .subBoard .tt .tt_img div {flex-basis: 100%;} .awards.ang {font-size: 16px;} .awards.ang .cont_blue .box .box_top figure img {height: 30px;} .awards.ang .cont_blue .box .box_btm ul li p.txt {padding-left: 12px;} .awards.ang .cont_blue .box .box_top {align-items: center; gap: 5px 0;} .awards.ang .cont_blue .box .box_top .right {justify-content: center; gap:0 15px;} .awards.ang .cont_blue .box .box_top .right p:nth-child(2)::before {left: -8px;} .awards.ang .con01 .iconbox ul li .icon .detail strong, .awards.ang .cont_blue .box .box_top figure{font-size: 18px;} .awards.ang .cont_blue .box .box_btm{padding: 25px 15px ;} .awards.ang .cont_blue{margin-bottom: 20px;} .sp_box .sp_tab ul {flex-direction: column;} .sp_box .sp_tab ul li{flex-basis: 100%;} .sp_box .spt_box table {margin-bottom: 0;} .sp_box .spt_box table th , .sp_box .spt_box table td {display: flex; align-items: center; width: 100%;flex-direction: column; height: 100%; align-items: center;text-align: center; padding: 15px 6px ;} .sp_box .spt_box table td.bright {width: 100%; border-right: none;} .sp_box .spt_box .spt_top {text-align: center; padding: 10px 10px ;justify-content: center;} .sp_box .spt_box { border: 1px solid #a7a7a7;padding: 5px;box-sizing: border-box;border-radius: 4px;margin-bottom: 30px;} .sp_box .spt_box table tr:last-child td:last-of-type {border-bottom: none;} .sp_box .spt_box .spt_top{font-size: 16px;} .sp_box .spt_box.sp_toptable {padding: 15px ; border: none; line-height: 1.5;} .scientific .sp_toptable li span {min-width: 4px; } .accommodation .cont_02 .btmtit br, .accommodation .cont_02 p.tit br {display: none;} .accommodation .cont .hotel_info, .accommodation .cont_02 p.tit, .accommodation .cont_02 .btmtit {font-size: 15px;} .regismypage_ltup .my_regis_btm { font-size: 0.9rem;} .guest .guest_wrap .guest_list ul {gap: 20px 15px;} .guest .guest_wrap .guest_list ul li{flex-basis: calc(50% - 9px);} .guest .guest_wrap .guest_list ul li figure img{width: 42vw; height: 42vw;} .guest .guest_wrap .guest_list ul li figure .name{font-size: 16px;} .guest .guest_wrap .guest_list ul li figure span{font-size: 14px;} .guest .modalview .modal_con .guest_table tbody tr { display: flex; flex-direction: column;} .guest .modalview .modal_con .guest_table tbody tr th ,.guest .modalview .modal_con .guest_table tbody tr td {min-height: 100%; width: 100%;} .guest .modalview .modal_con .guest_table thead th{font-size: 15px;} .guest .modalview .modal_con .pdf_btn a{width: 85px ; height: 28px; font-size: 15px;} .pdf_wrap .pdf_close {font-size: 25px; width: 240px; height: 40px; } .abstract .img_closed {position: absolute; left: 40vw; margin-left: 0; scale: 0.9;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt div p:nth-child(1){margin-bottom: 10px;} .registration.step1.step1_ltup .cont06.cont_gala .cont05_btmtxt {margin-bottom: 15px;} .register .register_box .subbox09 ul li i {margin-left: 0;} .lecture.lecture04 .completedBox .numBox{height: 70px;} .lecture.lecture03 .lec_con strong{font-size: 23px;} .lecture.lecture03 .lec_con {padding: 30px 17px;} .lecture.lecture03 .lec_con .con_box .tt, .lecture.lecture03 .lec_con .speak {font-size: 16px;} .mypage .tabListBox.tabListBox_lecture { flex-wrap: wrap;} .mypage .tabListBox.tabListBox_lecture li {width: 49%;} .mypage .tabListBox.tabListBox_lecture li:nth-child(1) {border-radius: 10px 0 0 0; border-bottom: none;} .mypage .tabListBox.tabListBox_lecture li:nth-child(2) {border-radius: 0px 10px 0 0 ;border-right: 1px solid #E2E2E2; border-bottom: none;} .mypage .tabListBox.tabListBox_lecture li:nth-child(3) {border-radius:0 0 0 10px ; } .mypage .tabListBox.tabListBox_lecture li:nth-child(4) {border-radius: 0 0 10px 0 ; border-left: none;} .sp_list .company_li figure{height: 80px;} .so_program .conbox_txt .side_txt strong{font-size: 20px;} .tour .transbox .by_con .btm .bus_s .left {width: 45%;} .tour .transbox .by_con .btm .bus_s .time{width: calc(100% - 45%);} .spt_box .marginp span {left: 50%; transform: translate(-50%,-50%);} .tour .transbox .by_con .btm .route_ttable_02 {margin-bottom: 70px;} .photogallery_box .photogallery_list figcaption div p{font-size: 3.2125vw;} .photogallery_box .photogallery_list figcaption .arrow {width: 30px; height: 30px; font-size: 18px;} .photogallery_box .photogallery_list figcaption {padding: 12px;} .photogallery_box {margin-bottom: 35px;} .photogallery .paging_box{font-size: 14px;} .photogallery .paging_box a {width: 32px; height: 32px;} /* 480 end */ } @media screen and (max-width: 477px) { .venue.taxi .bot .mo {display: block;} /* .tour .transbox .by_con .mid {overflow-x: auto;} */ .tour .transbox .by_con .mid .mid_ul {scale: 0.9; width: 500px; overflow-x: auto; padding-bottom: 100px;} .tour .transbox .by_con .mid .mid_ul li .circle01, .tour .transbox .by_con .mid .mid_ul li .circle02, .tour .transbox .by_con .mid .mid_ul li .circle03, .tour .transbox .by_con .mid .mid_ul li .circle04, .tour .transbox .by_con .mid .mid_ul li .txt{scale: 1;} .tour .transbox .by_con .mid .mid_ul {padding-left: 40px; padding-right: 40px;} .tour .transbox .by_con .mid {padding: 40px 10px 0px ;} .tour .transbox .by_con .mid .mid_ul {padding-bottom: 80px;} .tour .transbox.busbox01 .by_con .mid .mid_ul {padding-left: 80px; padding-bottom: 100px;} .tour .taxi02_table {overflow-x: auto; position: relative;} .tour .taxi02_table table{width: 640px;} .tour .transbox.busbox01 .by_con .mid .mid_ul li .line {width: 200px;} } @media screen and (max-width:450px) { .login .loginBox button {width:75px} .login .loginBox {gap: 0 10px;} .login .loginBox .left {width: calc(100% - 75px);} .login .loginWrap {padding: 30px 12px 40px 12px ;} .ready {padding-top: 5px;} .ready .img {scale: 0.75; margin-bottom: 0;} .ready .bg .ready02 {left: 16%;} .ready .bg .ready03 {left: 60%;} .ready .bg .ready05 {left: 40.5%; width: 19vw;} .ready .bg .ready04 {right: 13%;} .signUp_ok .textBox .text {line-height: 1.5;} .signUp_ok .textBox_svg {width: 90px; height: 90px;} .signUp_ok .textBox svg {width: 55px;} .cv_con .list ul li.li01, .cv_con .list ul li.li02 {flex-basis: 100%; height: 50vw;border-radius: 10px ; overflow: hidden;} .cv_con .list ul li.li01 img, .cv_con .list ul li.li02 img { width: 100%; height: 100%; object-fit: cover;} .cv_con .list ul li figure figcaption {font-size: 16px;} .abstract .con01 .btnBox, .abstract .con5 .btnBox {width: 100%;} .register .register_box .subbox01 .conbox ul li .circlezone {width: 160px; height: 130px;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num {font-size: 18px;} .register .register_box .subbox01 .conbox ul li .circlezone .svg_icon {scale: 0.85;} .register .register_box .subbox01 .conbox ul li .circle_btm {font-size: 15px;} .register .register_box .top_txt .date_info .mint_box em { display: block; padding-top: 6px;} .register .register_box .top_txt .date_info .mint_box {padding: 20px 10px ;} .tour .transportation_type {flex-direction: column;} .tour .transportation_type li:nth-child(1) {border-radius: 10px 10px 0 0;} .tour .transportation_type li:nth-child(2) {border-radius: 0 0 10px 10px ; border-left: 1px solid #e2e2e2;} .tour .transbox.busbox01 .by_con .btm .btm_ul li .right {padding: 8px 10px ;} .tour .transbox.busbox01 .by_con .btm .btm_ul li .left {min-width: 30%; width: 30%; justify-content: flex-start;} .tour .transbox.busbox01 .by_con .btm .btm_ul li:first-of-type .right {border-top: none;} .tour .transportation_type li {padding: 15px 10px ;} .tour .transbox.busbox01_new .by_con .btm .btm_ul li {flex-direction: column;} .tour .transbox.busbox01 .by_con .btm .btm_ul li .left {width: 100%;} .tour .transbox.busbox01_new .by_con .btm .btm_ul li:last-of-type .right {padding: 8px 10px 15px ;} .tour .transbox .by_con .btm .bus_s {flex-direction: column;} .tour .transbox .by_con .btm .bus_s .left{width: 100%; height: 80px; border-bottom: none;} .tour .transbox .by_con .btm .bus_s .time{ width: 100%; border-right: none;} .tour .transbox .by_con .btm .bus_s .time ul {gap: 20px 40px ;} .tour .transbox .by_con .btm .bus_s .time li {flex-basis: calc(25% - 31px);} .tour .transbox .by_con .btm .bus_s .time li:nth-child(4n):before {opacity: 0;} .tour .transbox .by_con .btm .bus_s .time li::before{right: -10px;} } @media screen and (max-width:400px) { .login label input{padding: 5px 10px;} .login .loginBox button {width:60px; font-size: 15px; height: 97px;} .login .loginBox .left {width: calc(100% - 70px);} .login .loginBox label:first-child {margin-bottom: 7px;} .login .loginBox {margin-bottom: 20px;} .login .botBox {gap:8px 0} .abstract .list_box li {flex-basis: 90%; height: 260px;} .abstract .list_box li .contents {height: 225px;} .abstract .con01 .roundBox .text {font-size: 17px;} .abstract .con6 ul li a {width: 84vw; min-width: 100%;} .program_wrap .program_date ul li {height: 50px; font-size: 15px ;} .program_wrap .program_pdf a {width: 145px; height: 36px; font-size: 14px; gap: 5px;} .tour .busbox02 .by_con .list03 .list_ul02 li {flex-basis: calc(100% / 3 - 22px);} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(4), .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(8), .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(16) {border-right: none;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(3n) {border-right: 1px solid #e2e2e2;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(n+14):nth-child(-n+17){ border-bottom: none;} .tour .busbox02 .by_con .list03 .list_ul02 li:nth-child(n+15):nth-child(-n+17){ border-bottom: 1px solid #e2e2e2;} .tour .taxibox01 .taxi_ul01 {gap: 0 10px;} .tour .taxibox01 .taxi_ul01 li figure img{width: 70px; height: 70px;} .tour .taxibox01 .taxi_ul01 li figure {gap: 15px 0;} .tour .conbox_gmp .transbox.busbox01 .by_con .btm .btm_ul li .left {width: 16%; min-width: 120px;} .registration.step1.step1_ltup .cont02 td.td_first { word-break: break-all; min-width: 60px;} .registration.step1.step1_ltup .cont02 input[type="checkbox"], .registration.step1.step1_ltup .cont02 input[type="radio"] {display: block; margin: 0 auto;text-align: center;} .registration.step1.step1_ltup .cont02 td, .registration.step1.step1_ltup .cont02 th {padding: 10px 5px ;} .awards.ang .con01 .iconbox ul li .icon .detail p span {font-size: 26px;} .accommodation .cont .link_seouldragon {width: 100%;} .accommodation .cont_02 .hotel00 > table th , .accommodation .cont_02 .hotel00 > table td {display: flex; width: 100%; align-items: center; justify-content: center; box-sizing: border-box;border: none;text-align: center;} .accommodation .cont_02 .hotel00 > table th {height: 100%; padding: 10px ;} .accommodation .cont_02 .hotel00 > table tr:nth-child(1) td{border: none;} .accommodation .cont_02 .hotel00 > table {border-bottom: 1px solid #e2e2e2;} .accommodation .cont_02 .btmlink li{flex-basis: calc(50% - 15px);} .accommodation .cont .name_star {flex-direction: column; margin-bottom: 17px; gap:10px} .accommodation .cont .link_seouldragon {margin-bottom: 60px;} .accommodation .titleType1 {text-align: center;} .accommodation .cont_01 .titleType1 span br {display: block;} .accommodation .cont .name_star .star, .accommodation .cont_02 .tab li .star {scale: 0.85;} .abstract .img_closed {left: 50vw; scale: 0.8;} .lecture.lecture04 .completedBox .text strong {font-size: 18px;} .lecture.lecture04 .completedBox .numBox{height: 75px; font-size: 18px;} .sp_list .company_li figure {height: 23vw;} .sp_list .company_li {flex-basis: calc(100% / 2 - 9px);} .registration.step1 .cont03 h4:has(img.closed_img) {margin-top: 70px; width: 100%;} .registration.step1 .cont03 h4 img.closed_img {top: -55px; left: 0;} .so_program .type02 strong br {display: block;} .so_program .conbox_txt .side_txt p {font-size: 14px;} .tour .transbox .by_con .btm .bus_s .left {height: 65px;} .tour .transbox .by_con .btm .bus_s .time ul{padding: 20px 15px ;} .tour .transbox .by_con .btm .bus_s .time li::before{right: -13px;} .tour .transbox .by_con .btm .route_ttable strong .bluemark {font-size: 17px;} .tour .transbox .by_con .btm .route_ttable_02 .timetable02_table .table {font-size: 15px;} .tour .transbox .by_con .btm .route_ttable_02 {margin-bottom: 80px;} /* 400 end */ } @media screen and (max-width: 360px) { .subPage .inner {padding: 0 20px;} .subWrap .subTop .top {height: 215px;} .subWrap .subTop .top h2 {font-size: 30px;} .subWrap .subTop .lnbBox a {font-size: 14px;} .subWrap .subTop .lnbBox .dep1 a {font-size: 13px; padding-right: 5px;} /* welcome */ /* conferenc */ .conference .subBoard .datesBox > strong {font-size: 21px;} /* scientific program */ .scientific .textTop .bg .img01 {width: 45px;} .scientific .textTop .bg .img02 {width: 100px;} .scientific .textTop .bg .img03 {width: 90px;} /* abstract */ .abstract .con2 .titleType1 {margin-bottom: 20px;} /* write common*/ .writeWrap .tabList li:not(:last-child):after {right: -51.4px;} .writeWrap .tabList li:not(:first-child):before {left: -1px;} /* registration */ .registration.writeWrap .tabList {flex-direction: column;} .registration.writeWrap .tabList li:first-child, .writeWrap .tabList li:nth-child(2) {width: calc(100% - 47px);} .writeWrap .tabList li:nth-child(3) {width: calc(100% - 23px);} /* tba */ .tba .textBox .text2 .img2 img {height: 42px;} .tba .textBox .text2 .text3 {font-size: 12px;} .signUp .cont03 h3 {margin-bottom: 40px;} .signUp .cont03 .plusSpan {top: 40px;} .ready .bg .ready05 {width: 18vw;} .subWrap .inputTableBox tr.id .inputWrap button {width: 100%;} .ready .bg .ready04 {right: 19%; top: 40px;} .ready .bg .ready03 {left: 57%;} .ready .txt p {font-size: 26px;} .abstract .list_box li {flex-basis: 100%} .visa .website_list li div a p {font-size: 18px;} .abstract .con6 {padding: 30px 10px ;} .abstract .con6 ul li a {width: 260px; font-size: 13.4px;} .abstract .con6 ul li a::before {left: -37%;} .subWrap .inputTableBox tr.apply .inputWrap.width {position: relative; left: auto; width: 100%; top: auto; transform:translateY(0);} .register .register_box .subbox01 .conbox ul li, .register .register_box .subbox01 .conbox ul li:last-of-type {flex-basis: 100%;} .register .register_box .subbox01 .conbox ul li .circlezone {width: 190px; height: 160px; } .register .register_box .subbox01 .conbox ul li .circlezone .svg_icon {scale: 1;} .register .register_box .subbox01 .conbox ul li .circlezone .step_num {font-size: 20px;} .register .register_box .subbox01 .conbox ul li .circle_btm {font-size: 17px;} .register .register_box .subbox .table thead th {font-size: 14px;} .register .register_box .subbox02 .table tr td:nth-child(n+3):nth-child(-n+4), .register .register_box .subbox03 table tr td:nth-child(n+2):nth-child(-n+3){width: 60px;} .register .register_box .subbox table td{font-size: 13px;} .register .register_box .subbox02 .table tr.big_tr td:nth-child(1) {width: 45px;} .register .register_box .subbox03 .table thead th, .register .register_box .subbox03 table tr td {font-size: 15px;} .tour .transbox .by_con .btm .btm_ul li .left{width: 50%;} .tour .transbox .by_con .btm .bus_s .time li {flex-basis: calc(50% - 24px);text-align: center;} .tour .transbox .by_con .btm .bus_s .time li::before {right: -25px;} .tour .transbox .by_con .btm .bus_s .time li:nth-child(4n):before {opacity: 1;} .tour .transbox .by_con .btm .bus_s .time li:nth-child(2n):before {opacity: 0;} .photogallery_box .photogallery_list {flex-basis: 100%; height: 88.8889vw;} .photogallery_box .photogallery_list figcaption div p {font-size: 5.6125vw;} .photogallery_box .photogallery_list figcaption .arrow {height: 36px; width: 36px;} } @media screen and (max-width:325px ) { .signUp .cont03 .plusSpan {top: 68px;} } /* layout css end */