@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
.medicalStr * { font-family: "Pretendard", sans-serif; text-decoration: none; box-sizing: border-box; letter-spacing: -0.5px; transition: all 0.2s ease-in-out; overflow: hidden; }
.medicalStr { min-width: 1400px; overflow-y: hidden; color: #111; }
.medicalStr section:not(.mainTop, .bottom) .inner { position: relative; width: 1200px; margin: 0 auto; padding: 120px 0; text-align: center; }
.medicalStr h1 { font-size: 56px; font-weight: 800; color: #111; }
.medicalStr h2 { margin-top: 10px; font-size: 32px; font-weight: 600; color: #111; }
.medicalStr h2 strong { color: #0567e5; font-weight: 700; }
.medicalStr [class^=stn][class$=_imgWrap] { margin-top: 60px;}
.medicalStr .w520 { width: 520px; height: 80px; border-radius: 10px; display: flex; justify-content: center; align-items: center; margin: 60px auto 0; z-index: 10; }
.medicalStr .w520 span { font-size: 24px; font-weight: 700; color: #fff; display: inline-flex; align-items: center; gap: 8px; }
.medicalStr .w520.gray { background: #333; }
.medicalStr .w520.gray:hover { background: #1a1a1a; }
.medicalStr .w520.sky { background: #73fee2; }
.medicalStr .w520.sky:hover { background: #40fed8; }
.medicalStr .w520.sky span { color: #111; }
.medicalStr .mainTop { position: relative; background: url("https://cdn.kystudy.co.kr/User/Content/images/event/2026/medicalStr_0625/imgs/mainTop_bg.jpg") center/cover no-repeat; position: relative; z-index: 1; }
.medicalStr .mainTop .inner { position: relative; width: 1600px; margin: 0 auto; text-align: center; padding: 120px 0; }
.medicalStr .mainTop .mainTop_title { z-index: 3; }
.medicalStr .mainTop .mainTop_title li:nth-of-type(2) { margin-top: 48px; animation: lineReveal 0.8s 0.8s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; }
.medicalStr .mainTop .mainTop_title li:nth-of-type(3) { margin-top: 30px; animation: scale_02 0.4s 1.2s ease-out both; }
.medicalStr .mainTop .mainTop_title li:nth-of-type(4) { margin-top: 60px; }
.medicalStr .mainTop .mainTop_title::before { content: ""; background: url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/medicalStr_0625/imgs/mainTop_deco01.png); width: 227px; height: 285px; top: 110px; left: 20px; display: inline-block; position: absolute; animation: decoFadeInLeft 1s 1.5s cubic-bezier(0.16, 1, 0.3, 1) both; }
.medicalStr .mainTop .mainTop_title::after { content: ""; background: url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/medicalStr_0625/imgs/mainTop_deco02.png); width: 177px; height: 320px; top: 280px; right: 80px; display: inline-block; position: absolute; animation: decoFadeInRight 1s 1.8s cubic-bezier(0.16, 1, 0.3, 1) both; }
.medicalStr .stn01 { background: #eff0f6; }
.medicalStr .stn01 .stn01_imgWrap { position: relative; width: 1100px; height: 600px; }
.medicalStr .stn01 .stn01_imgWrap ul li { position: absolute; z-index: 2; }
.medicalStr .stn01 .stn01_imgWrap ul li:nth-of-type(1) { left: 230px; top: 10px; }
.medicalStr .stn01 .stn01_imgWrap ul li:nth-of-type(2) { right: 50px; top: 110px; }
.medicalStr .stn01 .stn01_imgWrap ul li:nth-of-type(3) { left: 0; top: 190px; }
.medicalStr .stn01 .stn01_imgWrap ul li:nth-of-type(4) { right: 0; bottom: 200px; }
.medicalStr .stn01 .stn01_imgWrap ul li:nth-of-type(5) { left: 160px; bottom: 120px; }
.medicalStr .stn01 .stn01_imgWrap p { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 1; }
.medicalStr .stn02 { background: #fff; }
.medicalStr .stn03 { background: url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/medicalStr_0625/imgs/stn03_bg.jpg) no-repeat center bottom/cover; }
.medicalStr .stn03 .stn03_imgWrap { display: flex; justify-content: space-between; }
.medicalStr .stn03 .stn03_imgWrap .movie01, .medicalStr .stn03 .stn03_imgWrap .movie02 { cursor: pointer; }
.medicalStr .stn04 { background: #fff; }
.medicalStr .stn04 h2 { margin-top: 40px; }
.medicalStr .stn04 .stn04_imgWrap { position: relative; z-index: 1; }
.medicalStr .stn04 .abs { position: absolute; bottom: 0; right: 0; z-index: 2; }
.medicalStr .stn05 { background: #eff0f6; }
.medicalStr .bottom { background: url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/medicalStr_0625/imgs/bottom_bg.jpg) center/cover no-repeat; }
.medicalStr .bottom .inner { padding: 80px 0 !important; text-align: center; }
.medicalStr .bottom .inner h1 { margin-bottom: 40px; color: #022a64; }
.medicalStr .bottom .inner h2 { color: #022a64; }
.medicalStr .modal_layer { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; height: 394px; z-index: 1001; overflow: visible; }
.medicalStr .modal_layer .youTube_view { position: relative; width: 700px; height: 394px; background: #000; overflow: visible; }
.medicalStr .modal_layer .youTube_view iframe { display: block; width: 700px; height: 394px; max-width: none; border: 0; overflow: visible; }
.medicalStr .modal_layer .btn_modalClose { position: absolute; right: -48px; top: 0; z-index: 1002; }
.medicalStr .modal_layer .btn_modalClose img { display: block; }
.medicalStr .modal_layerBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; display: none; pointer-events: auto; }
@keyframes fadeIn_up {
  0% { opacity: 0; transform: translateY(30%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes scale_02 {
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes lineReveal {
  0% { clip-path: inset(0 100% 0 0); opacity: 0; }
  100% { clip-path: inset(0 0 0 0); opacity: 1; }
}
@keyframes decoFadeInLeft {
  0% { opacity: 0; transform: translate(-24px, 18px) scale(0.96); }
  100% { opacity: 0.9; transform: translate(0, 0) scale(1); }
}
@keyframes decoFadeInRight {
  0% { opacity: 0; transform: translate(24px, 18px) scale(0.96); }
  100% { opacity: 0.9; transform: translate(0, 0) scale(1); }
}
/*# sourceMappingURL=style.css.map */
