@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%;}
.S4 .mySwiper2 {position: absolute; top:50%; left:7%; width:86%;}
.S4 .mySwiper2 .swiper-slide {width: 80% !important;}
.S5 p {position: absolute; display: block; left:0%; width:100%; opacity: 0;}
.S5 .T5_1 {top:24%;}
.S5 .T5_2 {top:37%;}
.S5 .T5_3 {top:61%;}
.S5 .T5_4 {top:74%;}
.S5 .T5_1.On {animation: ani_Left 1.2s forwards 0.3s;}
.S5 .T5_2.On {animation: ani_Right 1.2s forwards 1.2s;}
.S5 .T5_3.On {animation: ani_Left 1.2s forwards 2s;}
.S5 .T5_4.On {animation: ani_Right 1.2s forwards 2.7s;}
@keyframes ani_Left {
    0% {transform: translate(-30px,0px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
@keyframes ani_Right {
    0% {transform: translate(30px,0px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
.S6 .mySwiper2 {position: absolute; top:44%; left:7%; width:86%;}
.S6 .mySwiper2 .swiper-slide {width: 80% !important;}
.S13 .mySwiper2 {position: absolute; top:56%; left:7%; width:86%;}
.S13 .mySwiper2 .swiper-slide {width: 80% !important;}
.S14 .mySwiper2 {position: absolute; top:59%; left:7%; width:86%;}
.S14 .mySwiper2 .swiper-slide {width: 80% !important;}
.S15 .mySwiper3 {position: absolute; top:27%; left:0%; width:100%;}
.S16 .Link1 {position: absolute; display: block; top:20%; left:0%; width:100%;}
.S16 .Link2 {position: absolute; display: block; top:56%; left:0%; width:100%;}
.S17 .Link3 {position: absolute; bottom: 6%; left:0%; width:100%; z-index: 10;}
.S18 h2 {position: absolute; top:7%; left:0%; width:100%;}
.S18 p {position: absolute; top: 74%; right: 8%; width: 53%; animation: ani3 2s infinite;}
.S18 .Link4 {display: block; position: absolute; bottom: 6%; left:0%; width:100%;}
.S18 .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;}
@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;}
}