@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face {font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2'); font-weight: 100; font-display: swap;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0px; padding:0px; border:0; outline:0; vertical-align:baseline; background:transparent;}
div {margin:0px; padding:0px; border:0; outline:0; vertical-align:baseline; background:transparent;}
body{line-height:1; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#231e1e; font-size:12px; font-weight: 400; font-style: normal;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block; margin:0px; padding:0px;}
strong {font-weight: 700; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
button {border:none; background:none; cursor: pointer; padding: 0px; margin: 0px; color:#000000; outline: none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:#000000;}
ul, ol {list-style:none;}
.good_hide {visibility:hidden; overflow: hidden; position: absolute; left:-10000px; height:1px; width:1px; text-indent: -10000px;}
table {border-collapse: collapse; border-spacing: 0;}
[type="radio"] {appearance: none;border-radius: 50%;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; outline: none;}
select::-ms-expand {display: none;}
input {outline: none;}
textarea {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; outline: none; resize: none; border-radius: 0px;}
.swiper {width: 100%;}
.swiper-slide {text-align: center; display: flex; justify-content: center; align-items: center;}
.Magazine202509 {width:100%; margin: auto; max-width: 720px;}
.Magazine202509 * {box-sizing: border-box;}
.Magazine202509 img {width:100%; display: block;}
.Magazine202509 .Move {position: absolute; top:0%; left:0%; width:100%;}
.Magazine202509 .Move .Move_Btn {display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 720px; margin: 0 auto; padding: 20px;}
.Magazine202509 .Move_Btn button {position: relative; flex: 0 0 auto; font-size: 16px; font-family: 'Paperozi'; background: none; border: none; cursor: pointer;font-weight: 400; color:#9797a1;}
.Magazine202509 .Move_Btn button.On {font-weight: 700; color:#8aa330;}
.Magazine202509 .Move_Btn button::after {content: ""; position: absolute; left: 0; bottom: -5px; width: 0%; height: 2px; background-color: #8aa330; transition: width 0.3s ease;}
.Magazine202509 .Move_Btn button:hover::after,
.Magazine202509 .Move_Btn button.On::after {width: 100%;}
.S1 h1 {position: absolute; top:10%; left:0%; width:100%;}
@keyframes ani1 {
    0% {transform: translate(0px,30px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
.S1 .T1 {position: absolute; top: 32.5%; left: 45%; width: 2.6%;}
.S1 .T2 {position: absolute; top: 37%; left: 51%; width: 2.6%;}
.S2 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S2 h3 {position: absolute; top: 28%; left: 0%; width: 100%;}
@keyframes ani2 {
    0% {transform: translate(-30px,0px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
.S3 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S3 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S3 .mySwiper2 {position: absolute; top:38%; left:7%; width:86%;}
.S3 .mySwiper2 .swiper-slide {width: 80% !important;}
.S4 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S4 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S4 .mySwiper3 {position: absolute; top:61%; left:7%; width:86%;}
.S4 .mySwiper3 .swiper-slide {width: 80% !important;}
.S5 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S5 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S5 .Imgs {position: absolute; bottom: 8%; left:0%; width:100%;}
.S6 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S6 h3 {position: absolute; top: 18%; left: 0%; width: 100%;}
.S6 h4 {position: absolute; top: 50%; left: 0%; width: 100%;}
.S6 a {position: absolute; display: block; bottom: 0%; left: 0%; width: 100%;}
.S7 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S7 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S7 .mySwiper3 {position: absolute; top:64%; left:7%; width:86%;}
.S7 .mySwiper3 .swiper-slide {width: 80% !important;}
.S8 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S8 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S8 .mySwiper2 {position: absolute; top:38%; left:7%; width:86%;}
.S8 .mySwiper2 .swiper-slide {width: 80% !important;}
.S9 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S9 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S9 .mySwiper3 {position: absolute; top:58%; left:7%; width:86%;}
.S9 .mySwiper3 .swiper-slide {width: 80% !important;}
.S10 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S10 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S10 .mySwiper2 {position: absolute; top:42%; left:7%; width:86%;}
.S10 .mySwiper2 .swiper-slide {width: 80% !important;}
.S11 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S11 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S11 .Imgs {position: absolute; top:54%; left:7%; width:86%;}
.S12 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S12 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S12 .mySwiper3 {position: absolute; top:57%; left:7%; width:86%;}
.S12 .mySwiper3 .swiper-slide {width: 80% !important;}
.S13 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S13 h3 {position: absolute; top: 24%; left: 0%; width: 100%;}
.S13 .mySwiper3 {position: absolute; top:60%; left:7%; width:86%;}
.S13 .mySwiper3 .swiper-slide {width: 80% !important;}
.S14 h2 {position: absolute; top: 10%; left: 0%; width: 100%;}
.S14 h3 {position: absolute; top: 26%; left: 0%; width: 100%;}
.S14 .Imgs {position: absolute; bottom: 8%; left:0%; width:100%;}
.S15 a {display: block; position: absolute;}
.S15 a.Link1 {top:20%; left:0%; width:100%;}
.S15 a.Link2 {top:56%; left:0%; width:100%;}
.S16 .Link3 {position: absolute; bottom: 6%; left:0%; width:100%; z-index: 10;}
.S17 h2 {position: absolute; top:7%; left:0%; width:100%;}
.S17 p {position: absolute; top: 74%; right: 8%; width: 53%; animation: ani3 2s infinite}
.S17 .Link4 {display: block; position: absolute; bottom: 6%; left:0%; width:100%;}
.S17 .Link5 {display: block; position: absolute; top: 3%; right: 0%; width: 9.7%;}
@keyframes ani3 {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(15deg);}
    100% {transform: rotate(0deg);}
}
.Magazine_Cover {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); width: 100%; z-index: 99; max-width: 720px; opacity: 1; display: block; transition: opacity 0.6s ease-out;}
.Magazine_Cover.hidden {opacity: 0;}
.Magazine_Cover span {position: absolute; top: 35.5%; left: 54%; width: 17%; animation: hand 3s infinite;}
.interview-banner {display: flex; align-items: center; text-decoration: none; position: relative;}
.finger-icon {width: 100px; margin-left: 80%; margin-bottom: -25%; z-index: 2; animation: clickEffect 1.5s infinite;}
.text-banner img {display: block; max-width: 100%; height: auto; margin-bottom:30px;}
@keyframes clickEffect {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(3px) scale(1.1);
    }
}
@keyframes hand {
    0% {transform: translate(0px,0px);}
    100% {transform: translate(-100px,0px);}
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color: #9e9e9e;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {color: #9e9e9e;}

@media (min-width: 720px) {
    .Magazine202509 .Move_Btn button {font-size: 30px;}
}

@media (max-width: 720px) {
    .finger-icon {width: 60px; margin-left: 80%; margin-bottom: -25%; z-index: 2; animation: clickEffect 1.5s infinite;}
}