@font-face { font-family: 'YeogiOttaeJalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-display: swap; } 

#main { margin-top:100px } 
.msec { padding:120px 0 } 
.cinner { width:92%; max-width:1400px; position:relative; margin:0 auto } 
.title_wrap { color:#fff; display: flex; flex-direction: column; align-items: center; margin-bottom:80px } 
.title_wrap h2 { font-family: 'YeogiOttaeJalnan'; font-size: 2.5em; font-weight: 600; margin-bottom:25px; } 
.title_wrap p { font-size: 1.15em; text-align: center; } 

.msec1 { padding:0 } 
.msec1 .main_visual { position:relative; width:100%; height:110vh; overflow:hidden; background:url(../img/main/msec01_img_02.png)no-repeat center center/cover; } 
.msec1 .main_bg { position:relative; width:100%; height:100%; overflow:hidden; } 
.msec1 .bg_img { position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%); } 
.msec1 .star { position:absolute; display:block; pointer-events:none; will-change:transform,opacity; } 
.msec1 .star01 { left:0%; top:0%; } 
.msec1 .star02 { right:0%; top:0%; } 
.msec1 .star03 { left:2%; top:30%; } 
.msec1 .star04 { right:0%; top:22%; } 
.msec1 .moon_wrap { position:absolute; left:50%; bottom:12%; width:50%; max-width:473px; aspect-ratio:1/1; transform:translateX(-50%); } 
.msec1 .moon_glow { position:absolute; left:50%; top:50%; width:50%; max-width:480px; height:620px; border-radius:50%; background:radial-gradient(circle,rgba(255,213,93,.45) 0%,rgba(255,213,93,.22) 45%,rgba(255,213,93,0) 75%); filter:blur(40px); transform:translate(-50%,-50%); } 
.msec1 .moon { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); display:block; z-index:2;; } 
.msec1 .bg_bottom { position:absolute; left:0; bottom:0; width:100%; } 
.msec1 .title_wrap { display:flex; flex-direction:column; position:absolute; left:50%; top:50px; width:100%; align-items:center; transform:translateX(-50%); z-index:30; } 
.msec1 .main_title { display:block; width:92%; max-width:800px; height:auto; aspect-ratio:800/440; position:relative; left:auto; transform:none; z-index:30; } 
.msec1 .sub_title { display:block; margin-top:-50px; padding-left:50px } 

/* @media(max-width:1024px){
 .msec1 .main_title { width:420px; top:12%; } 
 .msec1 .moon_wrap { width:420px; height:420px; bottom:16%; } 
 .msec1 .star01 { width:80px; } 
 .msec1 .star02 { width:130px; } 
 .msec1 .star03 { width:45px; } 
 .msec1 .star04 { width:60px; } 
 }

@media(max-width:768px){
 .msec1 .main_title { width:300px; top:13%; } 
 .msec1 .moon_wrap { width:300px; height:300px; bottom:18%; } 
 .msec1 .star01 { width:60px; } 
 .msec1 .star02 { width:95px; } 
 .msec1 .star03 { width:35px; } 
 .msec1 .star04 { width:45px; } 
 } */




.msec2{position:relative;min-height:100vh;padding:160px 0 120px;overflow:hidden;background:linear-gradient(to bottom,#131E5C 0%,#243592 50%,#01178F 100%);}
.msec2::before{content:"";position:absolute;left:50%;top:5%;width:1100px;height:700px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(73,105,211,.28) 0%,rgba(34,59,155,.12) 42%,rgba(1,23,143,0) 72%);filter:blur(30px);pointer-events:none;}
.msec2 .cinner {max-width:1300px;}
.msec2_bg_motion{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;}
.msec2_star{position:absolute;display:block;will-change:transform,opacity;user-select:none;}
.msec2_star01{left:0%;top:3%;transform-origin:left top;}
.msec2_star03{left:0;top:0;transform-origin:center;}
.msec2_star02{right:2%;top:8%;transform-origin:center;}
.msec2_star04{right:0%;top:0;transform-origin:right top;}
.msec2 .cinner{position:relative;z-index:10;}
.msec2 .title_wrap{position:relative;text-align:center;}
.msec2 .title_wrap h2{margin-top:25px;}
.msec2 .content_wrap{position:relative;width:100%;margin-top:45px;}
.msec2 .video_wrap{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:90%;margin:0 auto;}
.msec2 .video_wrap::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:75%;height:75%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(61,94,211,.38);filter:blur(70px);}
.msec2 .video_wrap iframe{display:block;width:100%;max-width:940px;aspect-ratio:940/500;border:5px solid rgba(255,255,255,.7);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 20px 70px rgba(0,0,50,.3);}
.msec2 .img_wrap img{position:absolute;z-index:8;will-change:transform;}
.msec2 .img_wrap img:nth-child(1){left:0;bottom:-20px;}
.msec2 .img_wrap img:nth-child(2){right:0;bottom:-20px;}
.msec2 .link_wrap{display:flex;justify-content:center;margin-top:75px;}
.msec2 .link_wrap>a{position:relative;padding:20px 65px 20px 35px;border-radius:50px;background:#FAC02C;color:#17205e;font-size:1.15em;font-weight:600;box-shadow:0 10px 30px rgba(0,0,40,.2);}

.msec2 .link_wrap>a:before{content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    width: 15px;
    height: 15px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: translateY(-50%) rotate(45deg)}





.msec3{position:relative;padding-bottom:250px;overflow:hidden;background:linear-gradient(to bottom,#00178f 0%,#000a4c 100%);}
.msec3:before{content:"";position:absolute;left:0;bottom:0;z-index:0;width:100%;aspect-ratio:960/457;background:url(../img/main/msec03_bg.png) no-repeat center center/cover;pointer-events:none;}
.msec3 .msec3_bg_motion{position:absolute;inset:0;z-index:1;pointer-events:none;}
.msec3 .msec3_bg_motion img{position:absolute;display:block;opacity:0;visibility:hidden;will-change:clip-path,opacity;}
.msec3 .msec3_bg_motion img:nth-child(1){left:0;top:0;}
.msec3 .msec3_bg_motion img:nth-child(2){right:0;top:15%;}
.msec3 .title_wrap{position:relative;z-index:3;}
.msec3 .content_wrap{position:relative;z-index:3;}
.msec3 .night_course_sec{position:relative;width:100%;}
.msec3 .night_course_slider{position:relative;width:100%;overflow:hidden;}
.msec3 .night_course_slider .swiper-wrapper{align-items:flex-start;}
.msec3 .night_course_slide{position:relative;height:auto;text-align:center;}
.msec3 .night_course_img{position:relative;width:min(37.35vw,717px);aspect-ratio:1/1;margin:0 auto;border:3px solid #fff6be;border-radius:50%;overflow:hidden;background:#ddd;box-shadow:0 0 16px rgba(255,255,255,.65);}
.msec3 .night_course_img img{display:block;width:100%;height:100%;object-fit:cover;}
.msec3 .night_course_info{position:relative;width:92%;max-width:1400px;margin:0 auto;}
.msec3 .night_course_info h2{margin:30px 0 65px;color:#071a86;font-family:"YeogiOttaeJalnan";font-size:4em;line-height:1.2;font-weight:800;}

.msec3 .night_course_info h2 em{font-family:serif;font-style:italic;font-weight:700;}
.msec3 .night_course_info ul{display:grid;width:100%;margin:0;padding:0;grid-template-columns:repeat(3,1fr);gap:18px 35px;list-style:none;text-align:left;}
.msec3 .night_course_info li{position:relative;padding-left:20px;}
.msec3 .night_course_info li:before{content:"";position:absolute;left:0;top:50%;width:10px;aspect-ratio:1/1;border-radius:50%;background:#fff;transform:translateY(-50%);}
.msec3 .night_course_info a{display:inline-block;color:#172045;font-size:1.1em;line-height:1.5;font-weight:600;text-decoration:none;}
.msec3 .arrow_wrap{position:absolute;left:0;top:0;z-index:30;width:100%;height:min(37.35vw,717px);pointer-events:none;}
.msec3 .night_course_prev{position:absolute;left:0;top:50%;display:flex;align-items:center;width:clamp(180px,23vw,440px);padding:0;border:0;background:none;transform:translateY(-50%);cursor:pointer;pointer-events:auto;}
.msec3 .night_course_next{position:absolute;right:0;top:50%;display:flex;align-items:center;justify-content:flex-end;width:clamp(180px,23vw,440px);padding:0;border:0;background:none;transform:translateY(-50%);cursor:pointer;pointer-events:auto;}
.msec3 .night_course_preview_img{display:block;width:230px;aspect-ratio:1/1;flex-shrink:0;border:3px solid #fff6be;border-radius:50%;overflow:hidden;background:#ddd;box-shadow:0 0 16px rgba(255,255,255,.65);}
.msec3 .night_course_preview_img img{display:block;width:100%;height:100%;object-fit:cover;}
.msec3 .night_course_prev .night_course_preview_img{margin-left:-115px;}
.msec3 .night_course_next .night_course_preview_img{order:2;margin-right:-115px;}
.msec3 .night_course_preview_txt{display:flex;align-items:center;gap:12px;color:#fff;}
.msec3 .night_course_prev .night_course_preview_txt{margin-left:18px;}
.msec3 .night_course_next .night_course_preview_txt{margin-right:18px;}
.msec3 .night_course_arrow{display:flex;align-items:center;justify-content:center;width:28px;aspect-ratio:1/1;flex-shrink:0;}
.msec3 .night_course_arrow img{display:block;width:100%;height:auto;}
.msec3 .night_course_nav_title{color:#fff;font-family:"YeogiOttaeJalnan";font-size:2em;line-height:1.2;font-weight:700;white-space:nowrap;}
.msec3 .night_course_nav_title em{font-family:serif;font-style:italic;font-weight:700;}
.msec3 .night_course_prev>*{pointer-events:none;}
.msec3 .night_course_next>*{pointer-events:none;}





.msec4{background:#01106A;}
.msec4 .title_wrap .link_wrap{display:flex;gap:45px;align-items:center;}
.msec4 .title_wrap .link_wrap a{display:inline-block;margin-top:65px;padding:15px 25px;border:1px solid #fff;border-radius:50px;color:#fff;font-size:1.5em;font-weight:500;}
.msec4 .title_wrap .link_wrap a:hover{background:#FAC02C;color:#111;}
.msec4 .content_wrap{position:relative;width:100%;overflow:hidden;}
.msec4 .content_line{position:relative;width:100%;overflow:hidden;}
.msec4 .content_line+.content_line{margin-top:20px;}
.msec4 .content_track{display:flex;width:max-content;will-change:transform;}
.msec4 .content_group{display:flex;flex-shrink:0;gap:20px;padding-right:20px;}
.msec4 .content_item{flex:0 0 400px;width:400px;height:300px;overflow:hidden;border-radius:16px;}
.msec4 .content_item a{display:block;width:100%;height:100%;}
.msec4 .content_item img{display:block;width:100%;height:100%;object-fit:cover;}
.msec4 .content_line_left .content_track{animation:contentMoveLeft 35s linear infinite;animation-delay:-12s;}
.msec4 .content_line_right .content_track{animation:contentMoveRight 35s linear infinite;animation-delay:-20s;}

@keyframes contentMoveLeft{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}

@keyframes contentMoveRight{
from{transform:translateX(-50%);}
to{transform:translateX(0);}
}


.msec5 { background: linear-gradient(to bottom, #01106A 0%, #00104C 100%); position:relative; padding-bottom:250px } 
.msec5:before { content:''; position:absolute; width:100%; bottom:0; left:0; background:url(../img/main/msec04_bg.png) no-repeat center center/cover; aspect-ratio: 1920/200; } 

.msec5 .content_wrap { display:flex; align-items: center; gap:25px; } 
.msec5 .content_wrap > div { width:20%; padding:35px 30px; border-radius:5px; border:1px solid #fff; } 
.msec5 .content_wrap > div a { display: flex; flex-direction: column; align-items: flex-end; gap: 50px; } 
.msec5 .content_wrap > div a p { color:#fff; font-size: 1.5em; font-family: 'YeogiOttaeJalnan'; text-align: left; width:100% } 
.msec5 .content_wrap > div a img { } 
.msec5 .content_wrap > div:hover { background:#FAC02C; border:1px solid #FAC02C } 
.msec5 .content_wrap > div:hover a p { color:#111 } 
.msec5 .content_wrap > div:hover a img { background:#111 } 
.msec5 .content_wrap > div:hover a .icon svg path{stroke:#111;}




/* =========================================================
   RESPONSIVE 1399
========================================================= */
@media(max-width:1399px){

/* COMMON */
#main{margin-top:90px;}
.msec{padding:110px 0;}
.cinner{width:92%;max-width:1200px;}
.title_wrap{margin-bottom:70px;}
.title_wrap h2{font-size:2.3em;}
.title_wrap p{font-size:1.1em;}

/* SECTION 1 */
.msec1{padding:0;}
.msec1 .main_visual{height:calc(100vh - 90px);min-height:760px;}
.msec1 .title_wrap{top:35px;margin-bottom:0;}
.msec1 .main_title{width:45%;}
.msec1 .sub_title{width:60%;}
.msec1 .moon_wrap{width:430px;bottom:5%;}
.msec1 .bg_bottom img{display:block;width:100%;}

/* SECTION 2 */
.msec2{min-height:auto;padding:140px 0 110px;}
.msec2::before{width:900px;height:600px;}
.msec2 .cinner{max-width:1160px;}
.msec2 .title_wrap>img{max-width:220px;}
.msec2 .video_wrap{width:82%;}
.msec2 .video_wrap iframe{max-width:820px;}
.msec2 .img_wrap img:nth-child(1){left:0;width:230px;}
.msec2 .img_wrap img:nth-child(2){right:3%;width:150px;}
.msec2 .link_wrap{margin-top:65px;}

/* SECTION 3 */
.msec3{padding-bottom:0;}

.msec3{padding:110px 0 190px;}
.msec3:before{background-size:cover;}
.msec3 .title_wrap>img{max-width:120px;}
.msec3 .night_course_img{width:min(43vw,600px);}
.msec3 .arrow_wrap{height:min(43vw,600px);}
.msec3 .night_course_preview_img{width:190px;}
.msec3 .night_course_prev .night_course_preview_img{margin-left:-95px;}
.msec3 .night_course_next .night_course_preview_img{margin-right:-95px;}
.msec3 .night_course_nav_title{font-size:1.65em;}
.msec3 .night_course_info h2{margin:26px 0 55px;font-size:3.5em;}
.msec3 .night_course_info a{font-size:1.15em;}
.msec3 .night_course_info ul{gap:16px 28px;}

/* SECTION 4 */
.msec4{padding:110px 0;}
.msec4 .title_wrap .link_wrap{gap:30px;}
.msec4 .title_wrap .link_wrap a{margin-top:50px;padding:14px 22px;font-size:1.3em;}
.msec4 .content_item{flex-basis:350px;width:350px;height:260px;}
.msec4 .content_group{gap:16px;padding-right:16px;}

/* SECTION 5 */
.msec5{padding:110px 0 210px;}
.msec5 .title_wrap img{max-width:330px;}
.msec5 .content_wrap{gap:18px;}
.msec5 .content_wrap>div{padding:30px 24px;}
.msec5 .content_wrap>div a{gap:40px;}
.msec5 .content_wrap>div a p{font-size:1.3em;}
.msec5 .content_wrap>div a .icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;}
.msec5 .content_wrap>div a .icon svg{display:block;width:100%;height:100%;}

}


/* =========================================================
   RESPONSIVE 1199
========================================================= */
@media(max-width:1199px){

/* COMMON */
#main{margin-top:80px;}
.msec{padding:100px 0;}
.cinner{width:90%;}
.title_wrap{margin-bottom:60px;}
.title_wrap h2{font-size:2.1em;margin-bottom:20px;}

/* SECTION 1 */
.msec1{padding:0;}
.msec1 .main_visual{height:calc(100vh - 80px);min-height:700px;}
.msec1 .title_wrap{top:30px;}
.msec1 .main_title{width:590px;}
.msec1 .moon_wrap{width:390px;}
.msec1 .sub_title {margin-top:-20px}

.msec1 .star01 {width:30%}
.msec1 .star02{width:40%}
.msec1 .star03{width:5%}
.msec1 .star04{width:10%;}

/* SECTION 2 */
.msec2{padding:125px 0 100px;}
.msec2::before{width:760px;height:530px;}
.msec2 .content_wrap{margin-top:35px;}
.msec2 .video_wrap{width:80%;}
.msec2 .link_wrap{margin-top:55px;}
.msec2 .link_wrap>a{padding:17px 58px 17px 30px;font-size:1.05em;}

.msec2_star01{width:30%;top:3%}
.msec2_star02{width:40%;top:2%}
.msec2_star03,
.msec2_star04{width:45%;}

/* SECTION 3 */



.msec3{padding:100px 0 80px;;}
.msec3 .night_course_img{width:min(48vw,450px);}
.msec3 .arrow_wrap{height:min(48vw,570px);}
.msec3 .night_course_preview_img{width:170px;}
.msec3 .night_course_prev .night_course_preview_img{margin-left:-85px;}
.msec3 .night_course_next .night_course_preview_img{margin-right:-85px;}
.msec3 .night_course_nav_title{font-size:1.5em;}
.msec3 .night_course_info h2{margin:25px 0 48px;font-size:3.2em;}
.msec3 .night_course_info ul{gap:14px 22px;}
.msec3 .night_course_info a{font-size:1em;}
.msec3 .msec3_star01,
.msec3 .msec3_star02{width:40%;}

/* SECTION 4 */
.msec4{padding:100px 0;}
.msec4 .title_wrap .link_wrap a{margin-top:45px;font-size:1.2em;}
.msec4 .content_item{flex-basis:310px;width:310px;height:230px;}
.msec4 .content_line+.content_line{margin-top:16px;}

/* SECTION 5 */
.msec5{padding:100px 0 190px;}
.msec5 .content_wrap{gap:14px;}
.msec5 .content_wrap>div{padding:27px 20px;}
.msec5 .content_wrap>div a{gap:35px;}
.msec5 .content_wrap>div a p{font-size:1.18em;}
.msec5 .content_wrap>div a .icon{width:58px;height:58px;}

}


/* =========================================================
   RESPONSIVE 1024
========================================================= */
@media(max-width:1024px){

/* COMMON */
#main{margin-top:70px;}
.msec{padding:90px 0;}
.cinner{width:90%;}
.title_wrap{margin-bottom:55px;}
.title_wrap h2{font-size:2em;}
.title_wrap p{font-size:1em;}

/* SECTION 1 */
.msec1{padding:0;}
.msec1 .main_visual{height:calc(100svh - 70px);min-height:650px;}
.msec1 .title_wrap{top:50px;}
.msec1 .main_title{width:470px;}
.msec1 .moon_wrap{width:360px;bottom:10%;}
.msec1 .moon_glow{height:480px;filter:blur(32px);}


/* SECTION 2 */
.msec2{padding:110px 0 90px;}
.msec2::before{top:8%;width:680px;height:460px;}
.msec2 .title_wrap>img{max-width:180px;}
.msec2 .title_wrap h2{margin-top:18px;}
.msec2 .content_wrap{margin-top:30px;}
.msec2 .video_wrap{width:100%;}
.msec2 .video_wrap iframe{width:78%;max-width:680px;}
.msec2 .link_wrap{margin-top:80px;}


/* SECTION 3 */
.msec3{padding:90px 0 140px;}
.msec3:before{aspect-ratio:960/540;background-position:center bottom;}

.msec3 .night_course_img{width:min(54vw,450px);}
.msec3 .arrow_wrap{height:min(54vw,520px);}
.msec3 .night_course_prev{width:170px;}
.msec3 .night_course_next{width:170px;}
.msec3 .night_course_preview_img{width:140px;}
.msec3 .night_course_prev .night_course_preview_img{margin-left:-75px;}
.msec3 .night_course_next .night_course_preview_img{margin-right:-75px;}
.msec3 .night_course_prev .night_course_preview_txt{margin-left:10px;}
.msec3 .night_course_next .night_course_preview_txt{margin-right:10px;}
.msec3 .night_course_nav_title{font-size:1.25em;}
.msec3 .night_course_info{width:86%;}
.msec3 .night_course_info h2{margin:22px 0 42px;font-size:2.8em;}
.msec3 .night_course_info ul{grid-template-columns:repeat(2,1fr);gap:13px 20px;}
.msec3 .night_course_info a{font-size:1em;}
/* .msec3 .msec3_star01{width:220px;}
.msec3 .msec3_star02{width:230px;} */

/* SECTION 4 */
.msec4{padding:90px 0;}
.msec4 .title_wrap .link_wrap{gap:20px;}
.msec4 .title_wrap .link_wrap a{margin-top:38px;padding:13px 20px;font-size:1.1em;}
.msec4 .content_item{flex-basis:280px;width:280px;height:210px;border-radius:13px;}
.msec4 .content_group{gap:14px;padding-right:14px;}
.msec4 .content_line_left .content_track{animation-duration:30s;}
.msec4 .content_line_right .content_track{animation-duration:30s;}

/* SECTION 5 */
.msec5{padding:90px 0 170px;}
.msec5 .title_wrap img{max-width:280px;}
.msec5 .content_wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.msec5 .content_wrap>div{width:100%;padding:25px 22px;}
.msec5 .content_wrap>div:nth-child(4),.msec5 .content_wrap>div:nth-child(5){grid-column:auto;}
.msec5 .content_wrap>div a{gap:28px;}
.msec5 .content_wrap>div a p{font-size:1.12em;}
.msec5 .content_wrap>div a .icon{width:55px;height:55px;}
.msec5:before{aspect-ratio:1920/260;}

}


/* =========================================================
   RESPONSIVE 768
========================================================= */
@media(max-width:768px){

/* COMMON */
#main{margin-top:60px;}
.msec{padding:75px 0;}
.cinner{width:88%;}
.title_wrap{margin-bottom:45px;}
.title_wrap h2{font-size:1.75em;margin-bottom:16px;}
.title_wrap p{font-size:.95em;line-height:1.65;}
.line-br{display:block;}

/* SECTION 1 */
.msec1{padding:0;}
.msec1 .main_visual{height:calc(100svh - 60px);min-height:600px;}
.msec1 .title_wrap{top:100px;}
.msec1 .main_title{max-width:82vw;}
.msec1 .sub_title {padding-left:0; margin-top:0}
.msec1 .moon_wrap{width:315px;max-width:70vw;bottom:5%}
.msec1 .moon_glow{height:400px;filter:blur(28px);}


/* SECTION 2 */
.msec2{padding:90px 0 75px;}
.msec2::before{width:520px;height:400px;}
.msec2 .title_wrap>img{max-width:150px;}
.msec2 .title_wrap h2{margin-top:15px;}
.msec2 .content_wrap{margin-top:25px;}
.msec2 .video_wrap iframe{width:100%;max-width:none;border-width:3px;border-radius:12px;}
.msec2 .video_wrap::before{width:90%;height:90%;filter:blur(50px);}
.msec2 .img_wrap img:nth-child(1){left:-35px;bottom:-75px;width:150px;}
.msec2 .img_wrap img:nth-child(2){right:-35px;bottom:-75px;width:100px;}
.msec2 .link_wrap{margin-top:90px;}
.msec2 .link_wrap>a{padding:15px 48px 15px 24px;font-size:.95em;}


/* SECTION 3 */




.msec3{padding:75px 0 80px;}
.msec3:before{aspect-ratio:768/700;background-position:center bottom;}
.msec3 .night_course_img{width:min(68vw,430px);}
.msec3 .arrow_wrap{height:min(68vw,430px);}
.msec3 .night_course_prev{width:100px;}
.msec3 .night_course_next{width:100px;}
.msec3 .night_course_preview_img{width:90px;}
.msec3 .night_course_prev .night_course_preview_img{margin-left:-60px;}
.msec3 .night_course_next .night_course_preview_img{margin-right:-60px;}
.msec3 .night_course_preview_txt{gap:4px;}
.msec3 .night_course_prev .night_course_preview_txt{margin-left:15px;}
.msec3 .night_course_next .night_course_preview_txt{margin-right:15px;}
.msec3 .night_course_arrow{width:40px;}
.msec3 .night_course_nav_title{display:none;}
.msec3 .night_course_info{width:84%;}
.msec3 .night_course_info h2{margin:20px 0 35px;font-size:2.4em;}
.msec3 .night_course_info ul{grid-template-columns:1fr;gap:11px;}
.msec3 .night_course_info li{padding-left:17px;}
.msec3 .night_course_info li:before{width:8px;}


/* SECTION 4 */
.msec4{padding:75px 0;}
.msec4 .title_wrap .link_wrap{gap:12px;}
.msec4 .title_wrap .link_wrap a{margin-top:30px;padding:15px 35px;font-size:1em;}
.msec4 .content_item{flex-basis:240px;width:240px;height:180px;border-radius:11px;}
.msec4 .content_group{gap:12px;padding-right:12px;}
.msec4 .content_line+.content_line{margin-top:12px;}
.msec4 .content_line_left .content_track{animation-duration:25s;}
.msec4 .content_line_right .content_track{animation-duration:25s;}

/* SECTION 5 */
.msec5{padding:75px 0 145px;}
.msec5 .title_wrap img{max-width:235px;}
.msec5 .content_wrap{grid-template-columns:repeat(2,1fr);gap:12px;}
.msec5 .content_wrap>div{padding:22px 18px;}
.msec5 .content_wrap>div:last-child{grid-column:1/3;}
.msec5 .content_wrap>div a{gap:22px;}
.msec5 .content_wrap>div a p{font-size:1.05em;}
.msec5 .content_wrap>div a .icon{width:50px;height:50px;}
.msec5:before{aspect-ratio:768/150;}

}


/* =========================================================
   RESPONSIVE 640
========================================================= */
@media(max-width:640px){

/* COMMON */
#main{margin-top:55px;}
.msec{padding:65px 0;}
.cinner{width:90%;}
.title_wrap{margin-bottom:38px;}
.title_wrap h2{font-size:1.55em;}
.title_wrap p{font-size:.9em;}

/* SECTION 1 */
.msec1{padding:0;}
.msec1 .main_visual{height:calc(100svh - 55px);min-height:560px;}
.msec1 .sub_title {width:92%}
.msec1 .main_title {width:85%}
/* SECTION 2 */
.msec2{padding:80px 0 65px;}
.msec2::before{width:440px;height:350px;}
.msec2 .title_wrap>img{max-width:130px;}
.msec2 .content_wrap{margin-top:20px;}
.msec2 .video_wrap iframe{aspect-ratio:16/9;}
.msec2 .img_wrap img:nth-child(1){left:0;bottom:-65px;;}
.msec2 .img_wrap img:nth-child(2){right:0;bottom:-65px;}
.msec2 .link_wrap{margin-top:75px;}
.msec2 .link_wrap>a{padding:14px 40px 14px 20px;font-size:.88em;}

/* SECTION 3 */
.msec3{padding:65px 0 105px;}
.msec3:before{aspect-ratio:640/680;}
.msec3 .title_wrap>img{max-width:125px;}
.msec3 .night_course_img{width:min(72vw,380px);}
.msec3 .arrow_wrap{height:min(72vw,380px);}
.msec3 .night_course_prev{width:80px;}
.msec3 .night_course_next{width:80px;}
.msec3 .night_course_preview_img{width:76px;}
.msec3 .night_course_prev .night_course_preview_img{margin-left:-52px;}
.msec3 .night_course_next .night_course_preview_img{margin-right:-52px;}
.msec3 .night_course_arrow{width:18px;}
.msec3 .night_course_info{width:82%;}
.msec3 .night_course_info h2{margin:18px 0 30px;font-size:2.1em;}
.msec3 .night_course_info ul{gap:9px;}


/* SECTION 4 */
.msec4{padding:65px 0;}
.msec4 .title_wrap .link_wrap{width:92%;gap:10px;}
.msec4 .title_wrap .link_wrap a{width:50%;margin-top:25px;padding:11px 10px;font-size:.9em;text-align:center;}
.msec4 .content_item{flex-basis:205px;width:205px;height:155px;border-radius:10px;}
.msec4 .content_group{gap:10px;padding-right:10px;}

/* SECTION 5 */
.msec5{padding:65px 0 125px;}
.msec5 .title_wrap img{max-width:205px;}
.msec5 .content_wrap{gap:10px;}
.msec5 .content_wrap>div{padding:20px 16px;}
.msec5 .content_wrap>div a{gap:18px;}
.msec5 .content_wrap>div a p{font-size:.95em;}
.msec5 .content_wrap>div a .icon{width:45px;height:45px;}
.msec5:before{aspect-ratio:640/145;}

}


/* =========================================================
   RESPONSIVE 500
========================================================= */
@media(max-width:500px){

/* COMMON */
#main{margin-top:50px;}
.msec{padding:55px 0;}
.cinner{width:90%;}
.title_wrap{margin-bottom:32px;}
.title_wrap h2{font-size:1.4em;margin-bottom:13px;}
.title_wrap p{font-size:.85em;line-height:1.6;}

/* SECTION 1 */
.msec1{padding:0;}
.msec1 .main_visual{height:calc(100svh - 50px);min-height:520px;}


/* SECTION 2 */
.msec2{padding:70px 0 55px;}
.msec2::before{width:360px;height:300px;filter:blur(22px);}
.msec2 .title_wrap>img{max-width:110px;}
.msec2 .title_wrap h2{margin-top:12px;}
.msec2 .content_wrap{margin-top:15px;}
.msec2 .video_wrap iframe{border-width:2px;border-radius:9px;}
.msec2 .img_wrap img:nth-child(1) ,
.msec2 .img_wrap img:nth-child(2){display:none}
.msec2 .link_wrap{margin-top:40px;}
.msec2 .link_wrap>a{width:100%;padding:13px 35px 13px 18px;font-size:1em;text-align:center;}

/* SECTION 3 */
.msec3{padding:55px 0 60px;}
.msec3:before{aspect-ratio:500/650;}
.msec3 .title_wrap>img{max-width:105px;}
.msec3 .night_course_img{width:min(75vw,340px);}
.msec3 .arrow_wrap{height:min(75vw,340px);}
.msec3 .night_course_prev{width:65px;}
.msec3 .night_course_next{width:65px;}
.msec3 .night_course_preview_img{width:64px;}
.msec3 .night_course_prev .night_course_preview_img{margin-left:-45px;}
.msec3 .night_course_next .night_course_preview_img{margin-right:-45px;}
.msec3 .night_course_prev .night_course_preview_txt{margin-left:1px;}
.msec3 .night_course_next .night_course_preview_txt{margin-right:1px;}
.msec3 .night_course_arrow{width:16px;}
.msec3 .night_course_info{width:84%;}
.msec3 .night_course_info h2{margin:16px 0 26px;font-size:1.8em;}
.msec3 .night_course_info ul{gap:8px;}
.msec3 .night_course_info li{padding-left:14px;}
.msec3 .night_course_info li:before{width:6px;}


/* SECTION 4 */
.msec4{padding:55px 0;}
.msec4 .title_wrap .link_wrap{gap:8px;}
.msec4 .title_wrap .link_wrap a{margin-top:20px;padding:10px 7px;font-size:.8em;}
.msec4 .content_item{flex-basis:175px;width:175px;height:132px;border-radius:8px;}
.msec4 .content_group{gap:8px;padding-right:8px;}
.msec4 .content_line+.content_line{margin-top:8px;}
.msec4 .content_line_left .content_track{animation-duration:22s;}
.msec4 .content_line_right .content_track{animation-duration:22s;}

/* SECTION 5 */
.msec5{padding:55px 0 110px;}
.msec5 .title_wrap img{max-width:180px;}
.msec5 .content_wrap{grid-template-columns:1fr;gap:9px;}
.msec5 .content_wrap>div{padding:17px 18px;}
.msec5 .content_wrap>div:last-child{grid-column:auto;}
.msec5 .content_wrap>div a{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;}
.msec5 .content_wrap>div a p{font-size:.9em;}
.msec5 .content_wrap>div a .icon{width:40px;height:40px;flex-shrink:0;}
.msec5:before{aspect-ratio:500/130;}

}


/* =========================================================
   MOBILE COMMON
========================================================= */
@media(max-width:1024px){
.msec1 .bg_bottom{z-index:5;}
.msec1 .bg_bottom img{display:block;width:100%;height:auto;}
.msec1 .moon_wrap{z-index:4;}
.msec1 .title_wrap{z-index:30;}
}

@media(max-width:768px){
.msec2 .img_wrap img{pointer-events:none;}
.msec3 .night_course_prev,.msec3 .night_course_next{touch-action:manipulation;}
.msec4 .content_track{transform:translateZ(0);}
.msec5 .content_wrap>div{transition:background .25s ease,border-color .25s ease;}
}

@media(hover:none){
.msec4 .content_line_left .content_track,.msec4 .content_line_right .content_track{animation-play-state:running;}
.msec5 .content_wrap>div:hover{background:transparent;border-color:#fff;}
.msec5 .content_wrap>div:hover a p{color:#fff;}
.msec5 .content_wrap>div:active{background:#FAC02C;border-color:#FAC02C;}
.msec5 .content_wrap>div:active a p{color:#111;}
.msec5 .content_wrap>div:active a .icon svg path{stroke:#111;}
}