/* subpage title text */
@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}
.focus-in-expand{-webkit-animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both}

/* subpage img */
@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
.fade-in-fwd{-webkit-animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1.000) both; animation-delay:.5s;}


@keyframes kenburns-bottom {
  0% {transform: scale(1.05) translateY(0); transform-origin: 50% 84%;}
  100% {transform: scale(1) translateY(0); transform-origin: bottom;}
}

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

/* Footer */
.copyright {width:100%; max-width:1440px; margin:0 auto; text-align: left;}
.copyright > h6 {color:#8c8c8c; padding-top:10px;}
.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn) {color:#8c8c8c;}

/* 2024 가이드라인 */
.ppt-background {display: flex; flex-wrap: wrap; gap:2rem;}
.ppt-background > div {width: 48.6%;}

/* Precongress Workshop */

.workshop-day {display: flex; flex-wrap: wrap;}
.workshop-day > div {width: 30.5%; margin: 1rem;}
.workshop-day h3 {text-transform: uppercase; margin-bottom: 0; text-align: center; padding: 10px; background:#f5d03b;}
.workshop {padding: 2rem 2rem 0; word-break: keep-all; min-height: 200px; border:1px solid #f5d03b;}
  .workshop h4 {font-weight: 600; color:#eee;}
  .workshop ul {padding-bottom: 2rem; color:#eee;}
  .section-tit-day4 {font-size:1.3rem; font-weight: 500; line-height: 1.5; color:#343434; margin-bottom: 5px;}
  .entry .title-day4 > h3 {font-size:1.5rem; font-weight: 600; line-height: 1.4; color:#74318e; min-width: 120px;}

.sub-visual-A {padding:13rem 0 8rem; background:url(/img/2025/bg.avif);}
.connect {flex-flow: column;align-items: center; padding-bottom: 7.5rem;display: flex; max-width: 1600px;align-items: center;margin: 0 auto;}
.connect_title {color: #f5d03b47; text-transform: uppercase;margin-bottom: 0; position: absolute;top: 0; text-align: center;line-height: .8;}
.twoline {padding-top: 21rem;}
.oneline {padding-top: 12.5rem;}


.connect_ribbon {grid-column-gap: 3.75rem; grid-row-gap: 3.75rem; background-color: #f5d03a; font-weight: 600; text-transform: uppercase;justify-content: center;align-items: center;width: 120%; height: 3.5rem;display: flex; position: absolute; bottom: 15%;}
.connect_ribbon-back {grid-column-gap: 3.75rem;grid-row-gap: 3.75rem;background-color: #f5d03b47;text-transform: uppercase;justify-content: center;align-items: center;width: 120%;height: 3.5rem;display: flex; position: absolute; bottom: 15%; color :#f5d03a; font-weight: 600;}
.ribbon_text {color: inherit;flex: none;}
.connect_image {aspect-ratio: 690 / 800;width: 55%; max-width: 770px;position: relative; box-shadow: rgb(0 0 0 / 63%) 0px -15px 30px -10px;}
.u-img-cover {object-fit: cover;width: 100%;height: 100%;position: absolute;inset: 0%;}
.full-100 {min-height:70vh; place-content: center; margin:0 auto;}



.sub_visual{animation:kenburns-bottom 1s ease-in forwards; padding: 25rem 0;}
.sub_visual::before {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;}

.visual_txt {margin-top:-28rem;}
.visual_txt h2 {color:#fff; font-size:6rem; text-transform: uppercase; letter-spacing: 1.2rem; text-shadow: rgb(0 0 0 / 66%) 0px 5px 15px;}
.visual_txt h6 {color:#fff; font-size:1.2rem; line-height: 1.8;}
.sub-tit {font-size:2.5rem; font-weight: 400; text-align: center;line-height: 1.8;}

.table .table-invited {border-top:1px solid #eee;}
.table-invited tr:nth-child(even) {background: #fafafa;}
.ui-tabs .ui-tabs-nav li a {font-size: 1.5rem;padding: 20px 1rem; color:#f5d03a;}
.ui-tabs .ui-tabs-nav {border-color: #f5d03a;}
.tabs_centered.ui-tabs .ui-tabs-nav li {width:50%;}
.tabs_centered.ui-tabs .ui-tabs-nav li {background-color: #1e1e1e00;}
.ui-tabs .ui-tabs-nav li.ui-state-active a {color:#f5d03a; border:1px solid;}
.ui-tabs .ui-tabs-panel {padding: 0 0 15px 0;}
.ui-tabs {border-radius: 0;}
.ui-tabs .ui-tabs-nav li.ui-state-active a:after {background: #f5d03a;}
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a {background: #f5d03a00;}

/* REGISTRATION */
.registerpage {width:100%; max-width:1550px; margin:0 auto;}
.reg-flex {display:flex; flex-wrap: wrap; justify-content: center; column-gap:4rem;}
.reg-flex > #section {width:100%; max-width:720px;}
.kind {font-size: 1.2rem;}
.subtitle {text-transform: uppercase;} 
.link-hover {padding-right:1rem;}
.link-hover:hover {color:#343434;}
.fee-table {font-size: 1rem; border: 1px solid #eee; margin-top: 1.7rem; line-height:1.5;}
.oversea {color:#1e59d0;}
.domestic {color:#bb4848;}
.m-br {display: none;}
#section {padding:3rem 0;}
.content_wrapper .button, .content_wrapper input[type="submit"] {margin:0;}
.form {font-size:1.2rem; line-height: 1.7;}
#section > h6 {font-size:1rem;}
#section > ol li, #section > ul li {margin-bottom: 0;}

/* Accommodations */
.slider_pagination .slick-active a:after {background-color: #8f7dda;}


/* venue */
#venue {display: flex; gap: 2rem; text-align: center;}
#venue > div {width: 33%;}
#venue > div i {font-size: 4rem; padding-bottom: 1rem;}
#venue > div h5 {font-size:1.5rem; line-height: 1.4; margin-bottom: 5px;}
.pc-br {display: block;}

/* Sponsor */
.sp-bn {border: 1px solid #ddd;}
.tab-title {font-weight: 600; color: #343434; width: 20%; min-width: 240px;}
#sponsor-logo > .item {display: flex; padding-bottom: 4rem;}
#sponsor-logo > .item > div {display: flex; gap:1rem; flex-wrap: wrap;}


/* program */
.entry {display: flex; gap:3rem; padding-bottom: 3rem; border-bottom: 1px solid #373737; margin-bottom: 3.5rem; color: #eee;}
.entry .title-day1 > h3 {font-size:1.5rem; font-weight: 600; line-height: 1.4; min-width: 130px; color: #eee;}
.section-tit-day1 {font-size:1.5rem; font-weight: 600; line-height: 1.4; margin-bottom: 5px; color: #eee;}
.entry .title-day2 > h3 {font-size:1.5rem; font-weight: 600; line-height: 1.4; min-width: 130px; color: #eee;}
.section-tit-day2 {font-size:1.5rem; font-weight: 600; line-height: 1.4;  margin-bottom: 5px; color: #eee;}
.entry .title-day3 > h3 {font-size:1.5rem; font-weight: 600; line-height: 1.4; min-width: 130px; color: #eee;}
.section-tit-day3 {font-size:1.5rem; font-weight: 600; line-height: 1.4; margin-bottom: 5px; color: #eee;}
.entry .body > h5 {font-size:1.1rem; font-weight: 500; color:#eee;}
.entry .body > table {border: 1px solid #eee; margin-top:12px;}
.entry .body {width:100%;}
#tab1 {padding-top:4rem;}
.agenda {display: flex; align-items: center; justify-content: space-between;}
ul.program-speakerx {padding-top: 1rem; margin: 0 0 0 2rem;}
ul.program-speakerx > li {margin-bottom: 0;}


@media screen and (min-width: 1201px) and (max-width: 1500px){
.twoline {padding-top: 14rem;}
.oneline {padding-top: 9.5rem;}
}


@media screen and (min-width: 768px) and (max-width: 1200px){
 .sub-visual-A {padding: 13rem 0 6rem;}
  .form {font-size: 1rem;}
  .workshop-day > div {width: 100%;}
  .workshop {min-height: 200px;}
  .line-center {margin:1rem auto 0;}
  .sub-tit {margin-top:-2rem;}
  .sub_visual {padding: 13rem 0;}
  .visual_txt {margin-top: -15rem;}
  .visual_txt h2 {font-size:3rem; letter-spacing: .5rem;}
.fee-table {font-size: 1rem; margin-top: 1rem;}
.gform_wrapper.gravity-theme .gfield_label{font-size: 1rem !important; padding: 1rem 0 0 0 !important;}
.m-br {display: none;}

  /* program */
.entry {gap:1.5rem; padding-bottom: 2rem; margin-bottom: 2.5rem;}
.entry .title-day1 > h3, .entry .title-day2 > h3, .entry .title-day3 > h3, .entry .title-day4 > h3, .section-tit {font-size:1.1rem; min-width: 110px;}
.workshop ul {font-size:1.1rem;}
.section-tit-day4, .section-tit-day1, .section-tit-day2, .section-tit-day3 {font-size: 1.1rem; line-height: 1.4;}
.connect_ribbon, .connect_ribbon-back {line-height:3rem;}
.twoline {padding-top: 9rem;}
.oneline {padding-top: 5.5rem;}


/* Sponsor */
.tab-title {font-size:1.5rem;}
#sponsor-logo {margin-bottom: -2rem;}

/* Partner */
  .partner-logo {padding: 1rem 10px; width: calc(96.5% / 2);}
  .partner {gap:1.5rem;}
  .partner_tit {font-size:1.5rem;}
  .partner-logo h5 {font-size:1.2rem;}  
  .partner_bg {background-position: 90% 96%; background-size: 57%;}

  /* Overview */
.gra-text-p {padding:0; width:100%;}
.intro-info-wrap {margin-bottom: 3rem;}
.img-box {padding: 12px 12px 0;}
.txt-box {width: 100%; padding:5px 12px 0 12px;}
th p, td p {font-size: .9rem; padding: .2rem;}
.style-simple table:not(.recaptchatable) th {width: 30%;}
.overview_p {margin-bottom: -3rem;}
.philosophy h4 {font-size:1.5rem; line-height: 2.8rem;}
.philosophy p {font-size:1rem;line-height: 1.8; letter-spacing: -.5px; margin-bottom: -7px;}
.philosophy ul li {width: calc(52.3% - 2rem); margin-bottom: 3rem;}
.philosophy ul {gap:2rem;}
.philosophy {margin-bottom: -10rem;}
.organization {padding:2rem 10px;}
.thai-add {font-size:.9rem;} 

.copyright {width:90%;}

}



@media only screen and (max-width: 767px){
 .sub-visual-A {padding: 10rem 0 4rem;}
  .connect_ribbon, .connect_ribbon-back {height:2.5rem;}
  .subtitle {font-size:1.5rem; line-height: 1.1; padding-bottom: 1rem;}
  .oneline {padding-top: 3.4rem;}
  .twoline {padding-top: 5.4rem;}

  .ppt-background > div {width: 100%;}

  .workshop-day > div {width: 100%;}
  .workshop {min-height: 200px; padding: 1.5rem 1rem;}
  .workshop h4 {font-size:1.3rem;}
  .workshop ul li {font-size:1.1rem; margin-bottom: 5px;}
  .workshop ul {padding-bottom: 1rem;}

  .sub-tit {margin-top:-2rem; font-size:2.2rem;}
  .sub_visual {padding: 0; min-height: 280px;}
  .visual_txt h6 {font-size:1rem; line-height: 1.6; margin-bottom: 10px;}
  .visual_txt h2 {line-height: 1.1; font-size:1.8rem; letter-spacing: 5px;}
  .visual_txt {margin-top: -9rem;}
  
  .ui-tabs .ui-tabs-nav li {width: 50%!important;}
  .ui-tabs .ui-tabs-nav li a{font-size: 1rem; padding: 15px 5px;}

/* REGISTRATION */
.kind {font-size: 1rem;}
.m-br {display: block;}
.fee-table {font-size: .85rem; margin-top: 1rem;}
.fee-table td {padding:5px; letter-spacing: -.5px;}
#section {padding:2rem 0;}
.form {font-size:.9rem; line-height: 1.5;}
.gform_wrapper.gravity-theme .top_label .gsection_description {line-height: 1.5; padding-top: 1.5rem; font-size: .9rem;}


/* accommodations */
.hotellist {margin: 0 0 15px 1rem !important;}
.RF-download {font-size: 1rem !important; letter-spacing: -.5px !important; padding: 15px !important;}
.content_slider.flat.description ul li img {margin-bottom: 12px;}
.content_slider .slider_pagination {margin-top: 15px; margin-bottom: -2rem;}

/* venue */
#venue {gap:1rem; margin:-2rem 0; flex-direction: column; align-items: center;}
#venue > div i {font-size: 2rem; line-height: 3rem;}
#venue > div {width: 100%;}
#venue > div h5 {font-size:1rem;}
.pc-br {display: none;}

/* Sponsor */
#sponsor-logo {margin-bottom: -3rem;}
#sponsor-logo > .item {flex-wrap: wrap;}
.tab-title {width: 100%; min-width: 350px; font-size: 1.2rem;}
#sponsor-logo > .item > div > a {width:47.7%;}
.sp-bn {min-width:165px !important;}

/* Program */
.entry {flex-direction: column; gap:0; padding-bottom: 1.5rem; margin-bottom: 2.5rem;}
.entry .title-day1 > h3, .entry .title-day2 > h3, .entry .title-day3 > h3, .entry .title-day4 > h3 {font-size: 1rem; margin-bottom: 5px; font-weight: 700;}
.section-tit-day1, .section-tit-day2, .section-tit-day3 {font-size: 1rem; line-height: 1.2;}
.entry .body > h5 {font-size: .9rem;}
.agenda {line-height: 2rem;}
.section-tit-day4, .workshop ul {font-size:.9rem; line-height: 1.5;}
ul.program-speakerx {padding-top: .5rem; margin: 0 0 0 1rem;}

.copyright {width:85%;}
}