@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
@import url("reset.css");

/* layout */
/* button style */
/* text style */
/* box style */
/* form style */
/* list style */
/* table style */
/* tab style */
/* contents style */
/* board style */
/* popup style */
/* game part */

/* css default setting */
.blind {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.blank {margin:0;padding:0;border:none;background:none;}
.dnone {display:none !important;}
.clearfix:before,
.clearfix:after {content:"";display:table;padding:0;}
.clearfix:after {clear:both;}
.tct {text-align:center;}
.tlt {text-align:left;}
.trt {text-align:right;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}
.fl {float:left;}
.fr {float:right;}
.ib {display:inline-block;}
.keep {word-break:keep-all;}
.poinherit {position:inherit;}
.btn {position:relative;display:inline-block;vertical-align:top;cursor:pointer;text-align:center;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* .btn:hover,
.btn:focus {text-decoration:underline;} */
/* a:focus,
input:focus,
button:focus,
textarea:focus {outline:dashed 3px #4752E8;} */

.scroll-style-01 {position:relative;height:656px;overflow-y:auto;scrollbar-color: #ddd #fff;scrollbar-width: thin;}
.scroll-style-01::-webkit-scrollbar {width: 6px;}
.scroll-style-01::-webkit-scrollbar-track {background-color: #fff;border-radius: 100px;}
.scroll-style-01::-webkit-scrollbar-thumb {border-radius: 100px;background:#ddd;box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);}

/* layout */
body {font-family:'Pretendard', sans-serif;color:#231815;font-size:16px;line-height:1.6;font-weight:500;}
.font-bdsupper {font-family:'BD Supper', sans-serif;}

/* .wrap */
.wrap {position:relative;}

/* section */
.section .section-title:focus {top:-30px;left:0;width:auto;height:auto;text-indent:0;font-size:20px;color:#111;line-height:1.6;}

.section-nav {list-style:none;z-index:2000;position:fixed;bottom:0;left:0;right:0;display:flex;background-color:#B38C61;border:1px solid #000;border-left:0;border-right:0;}
.section-nav > li {width:100%;}
.section-nav > li + li {border-left:1px solid #000;}
.section-nav .btn {display:flex;width:100%;height:74px;text-decoration:none;}
.section-nav .btn p {width:100%;align-self:center;text-align:center;}
.section-nav .btn .ko {font-size:20px;font-weight:900;line-height:24px;}
.section-nav .btn .en {font-family:'BD Supper', sans-serif;font-size:24px;line-height:22px;}
.section-nav .btn span {display:block;}
.section-nav .img img {width:51px;vertical-align:middle;}
.section-nav .btn-timetable:hover,
.section-nav .btn-timetable:focus,
.section-nav .btn-timetable.active {background-color:#1F7862;}
.section-nav .btn-forall:hover,
.section-nav .btn-forall:focus,
.section-nav .btn-forall.active {background-color:#E6366A;}
.section-nav .btn-program:hover,
.section-nav .btn-program:focus,
.section-nav .btn-program.active {background-color:#3B6CB3;}
.section-nav .btn-playbook:hover,
.section-nav .btn-playbook:focus,
.section-nav .btn-playbook.active {background-color:#C8FF4A;}
.section-nav.sticky {z-index:1;position:absolute;bottom:510px;}
.section-nav.sticky .btn-timetable.active,
.section-nav.sticky .btn-program.active,
.section-nav.sticky .btn-playbook.active {background:none !important;}
.section-nav.sticky .btn-playbook:hover {background-color:#FF8E00 !important;}

.section01 {position:relative;min-height:calc(100vh - 110px);overflow:hidden;}
/* .section01:before {z-index:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/bg_01.svg) center repeat-x;background-size:1500px;opacity:1;animation:movebg 1.2s;opacity:1;} */
@keyframes movebg{
    0% {opacity:0;top:100px;}
    100% {opacity:1;top:0;}
}
.section01 .bg-random {z-index:0;position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;}
.section01 .bg-random .item {position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;background-color:#fff;}
.section01 .bg-random .item.on {display:block;}
.section01 .bg-random .item .img img {z-index:50;position:absolute;bottom:0;left:50%;transform:translateX(-50%);opacity:0;transition:.2s ease-out;width:auto;}
.section01 .bg-random .item.on .img img {animation:upimg 0.8s;opacity:1;}
.section01 .bg-random .item .mo-only img {opacity:0;bottom:6%;}
.section01 .bg-random .item.on .mo-only img {animation:upimg2 0.8s;opacity:1;}
@keyframes upimg{
    0% {bottom:-30%;opacity:0;}
    40% {bottom:10%;opacity:1;}
    100% {bottom:0;}
}
@keyframes upimg2{
    0% {bottom:-30%;opacity:0;}
    40% {bottom:16%;opacity:1;}
    100% {bottom:6%;}
}
.section01 .item01 .sub-img {position:absolute;z-index:40;top:0;left:0;text-align:left;}
.section01 .item01 .sub-img.s01 {padding-top:400px;left:0;width:800px;transform:rotate(0deg);animation:swing 12s infinite linear;}
.section01 .item01 .sub-img.s01 img {width:490px;}
.section01 .item01 .sub-img.s02 {left:10%;width:1600px;transform:rotate(100deg);animation:swing2 16s infinite linear;}
.section01 .item01 .sub-img.s02 img {width:620px;}
.section01 .item01 .sub-img.s03 {left:60%;width:800px;transform:rotate(0deg);animation:swing2 8s infinite linear;}
.section01 .item01 .sub-img.s03 img {width:400px;}
.section01 .item01 .sub-img.s04 {top:40%;left:50%;width:800px;transform:rotate(-1000deg);animation:swing 12s infinite linear;}
.section01 .item01 .sub-img.s04 img {width:350px;}
.section01 .item01 .sub-img.s05 {top:60%;left:0;width:600px;transform:rotate(0deg);animation:swing2 20s infinite linear;}
.section01 .item01 .sub-img.s05 img {width:125px;}
.section01 .item01 .sub-img.s06 {top:60%;left:40%;width:800px;transform:rotate(0deg);animation:swing2 20s infinite linear;}
.section01 .item01 .sub-img.s06 img {width:260px;}
@keyframes swing{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
@keyframes swing2{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
.section01 .bg-random .item.item02 {background-color:#000;}
.section01 .bg-random .item.item02 .img02 img {z-index:45;animation:shake 2s infinite;transform-origin: bottom left;}
@keyframes shake{
    0% {transform:rotate(-12deg) translateX(-50%);}
    50% {transform:rotate(12deg) translateX(-50%);}
    100% {transform:rotate(-12deg) translateX(-50%);}
}
.section01 .item03 .sub-img {position:absolute;top:0;left:0;right:0;display:block;}
.section01 .item03 .sub-img.s01 {height:125px;background:url(../images/main_v_s03_01.svg) center no-repeat;background-size:1454px;animation:updown 5s infinite ease-in-out;}
.section01 .item03 .sub-img.s02 {height:79px;background:url(../images/main_v_s03_02.svg) center no-repeat;background-size:1076px;animation:updown2 5s infinite ease-in-out;}
@keyframes updown{
    0% {top:10%;}
    50% {top:70%;}
    100% {top:10%;}
}
@keyframes updown2{
    0% {top:70%;}
    50% {top:10%;}
    100% {top:70%;}
}
.section01 .item04 .sub-img {position:absolute;top:20px;left:0;right:0;display:block;height:0;}
.section01 .item04 .sub-img.s01 {background:url(../images/main_v_s04.png) center top repeat-x;animation:step 4s infinite steps(19, end);}
@keyframes step{
    0% {height:0;}
    100% {height:100%;}
}
.section01 .item05 .sub-img {position:absolute;top:20px;right:0;display:block;width:235px;height:235px;background:url(../images/main_v_s05_01.svg) center no-repeat;}
.section01 .item05 .sub-img.s01 {top:5%;left:0;animation:side 8s infinite linear;}
.section01 .item05 .sub-img.s02 {top:50%;right:10%;animation:side2 10s infinite linear;}
.section01 .item05 .sub-img.s03 {top:30%;left:40%;animation:side3 8s infinite linear;}
.section01 .item05 .sub-img.s04 {top:68%;left:20%;animation:side4 8s infinite linear;}
.section01 .item05 .sub-img.s05 {top:38%;left:60%;animation:side5 12s infinite linear;}
@keyframes side{
    0% {left:0;}
    50% {left:95%;}
    100% {left:0;}
}
@keyframes side2{
    0% {right:10%;}
    40% {right:90%;}
    100% {right:10%;}
}
@keyframes side3{
    0% {left:40%;}
    30% {left:90%;}
    70% {left:-10%;}
    100% {left:40%;}
}
@keyframes side4{
    0% {left:20%;}
    40% {left:98%;}
    90% {left:-10%;}
    100% {left:20%;}
}
@keyframes side5{
    0% {left:60%;}
    15% {left:80%;}
    55% {left:-10%;}
    100% {left:60%;}
}

.section01 h1 {font-size:44px;line-height:54px;font-weight:900;}
.section01 h1 .ko {position:absolute;top:24px;left:40px;}
.section01 h1 .en {position:absolute;top:24px;right:40px;}
.section01 .text-01 {position:absolute;top:110px;left:40px;font-size:20px;line-height:28px;font-weight:900;}
.section01 .text-01 span {display:block;}
.section01 .text-01 .en {font-family:'BD Supper', sans-serif;font-size:23px;font-weight:400;}
.section01 .text-02 {position:absolute;top:110px;right:40px;font-size:20px;line-height:28px;font-weight:900;text-align:right;}
.section01 .text-02 span {display:block;}
.section01 .text-02 .en {font-family:'BD Supper', sans-serif;font-size:23px;font-weight:400;}
.section01 .text-03 {position:absolute;top:190px;left:40px;width:calc(100% - 80px);}
.section01 .text-03 > li {display:flex;justify-content: space-between;font-size:15px;line-height:22px;}
.section01 .text-03 .ko {font-weight:900;}
.section01 .text-03 .en {font-family:'BD Supper', sans-serif;font-weight:bold;}
.section01 .text-side .img-01 {position:absolute;top:222px;left:15px;width:11px;}
.section01 .text-side .img-02 {position:absolute;top:287px;right:15px;width:11px;}
.section01 .text-side .img-03 {display:none;position:absolute;top:222px;left:15px;width:11px;}
.section01 .text-side .img-04 {display:none;position:absolute;top:287px;right:15px;width:11px;}
.section01 .logo-01 {position:absolute;bottom:100px;left:40px;}
.section01 .logo-01 img {width:194px;}
.section01 .logo-02 {position:absolute;bottom:100px;right:40px;}
.section01 .logo-02 img {width:73px;}
.section01 .logo-01 .img-02,
.section01 .logo-02 .img-02 {display:none;}
.section01.item02 {color:#B38C61;}
.section01.item02 .text-side .img-01,
.section01.item02 .text-side .img-02 {display:none;}
.section01.item02 .text-side .img-03,
.section01.item02 .text-side .img-04 {display:block;}
.section01.item02 .logo-01 .img-01,
.section01.item02 .logo-02 .img-01 {display:none;}
.section01.item02 .logo-01 .img-02,
.section01.item02 .logo-02 .img-02 {display:block;}

.section02 {position:relative;width:100%;max-width:1600px;margin:0 auto 0;margin-top:0;padding-top:100px;}
.section03 {position:relative;width:100%;max-width:1600px;margin:0 auto 0;margin-top:100px;padding-top:100px;}
.section04 {position:relative;width:100%;max-width:1600px;margin:0 auto 0;margin-top:100px;padding-top:40px;}

.section05 {position:relative;width:100%;max-width:1600px;margin:0 auto 0;margin-top:60px;overflow:hidden;padding:40px 60px 0}
.section05 .text-ko {font-size:29px;line-height:36px;text-align:Center;font-weight:600;}
.section05 .text-ko span {display:block;}
.section05 .text-en {font-size:29px;line-height:36px;text-align:Center;font-weight:600;margin:36px 0 ;}
.section05 .text-en span {display:block;}
.section05 .btns-bottom {margin:70px auto 0;text-align:center;}
.section05 .btns-bottom > .btn {width:100%;max-width:956px;background-color:#E6366A;line-height:56px;border:1px solid #000;font-size:26px;font-weight:bold;}
.section05 .btns-bottom > .btn:hover {background-color:#1F7862;}
.section05 .slide-forall {position:relative;}
.section05 .slide-forall .btn-controll {position:absolute;width:56px;height:47px;background:none;}
.section05 .slide-forall .btn-controll:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/arr_02.svg) center no-repeat;}
.section05 .slide-forall .btn-controll.swiper-button-prev:before {transform:rotate(180deg);}
.section05 .slide-forall .swiper-slide {background:url(../images/bg_forall_01.svg) center bottom 5% no-repeat;background-size:70%;overflow:hidden;}
.section05 .slide-forall .swiper-slide:nth-of-type(3n+2) {background:url(../images/bg_forall_02.svg) center bottom 5% no-repeat;background-size:70%;}
.section05 .slide-forall .swiper-slide:nth-of-type(3n) {background:url(../images/bg_forall_03.svg) center bottom 5% no-repeat;background-size:70%;}
.section05 .slide-forall .swiper-slide .img {position:relative;width:100%;padding-top:120%;}
.section05 .slide-forall img {position:absolute;top:0;left:50%;width:120%;max-width:none;transform:translateX(-50%)}
.section05 .slide-forall .img.bottom img {top:15%;}

.list-timetable {list-style:none;background-color:#fff;}
.list-timetable > li + li {margin-top:-1px;}
.list-timetable .btn-toggle {display:flex;width:100%;background-color:#B38C61;justify-content:space-between;line-height:47px;border:1px solid #000;padding:0 15px;font-size:28px;font-weight:600;}
.list-timetable .btn-toggle .date {min-width:100px;text-align:left;}
.list-timetable .btn-toggle .day {min-width:100px;text-align:right;}
.list-timetable .btn-toggle .day strong {font-family:'BD Supper', sans-serif;font-weight:bold;}
.list-timetable > li > .con {display:none;}
.list-timetable .btn-toggle.active + .con {display:block;}

.list-program-01 {list-style:none;display:flex;gap:0 36px;margin:30px 0;}
.list-program-01 > li {width:100%;}
.list-program-01 .tit {display:flex;background-color:#1F7862;border:1px solid #000;padding:6px 0;color:#fff;}
.list-program-01 .tit > p {width:100%;align-self:center;text-align:center;font-size:15px;line-height:16px;font-weight:700;}
.list-program-01 .tit > p span {display:block;}
.list-program-01 ul {list-style:none;margin-top:7px;}
.list-program-01 ul > li {border-bottom:1px solid #000;padding:8px 0;min-height:68px;}
.list-program-01 ul > li .btn {width:100%;text-align:center;font-weight:600;}
.list-program-01 ul > li .btn:hover {color:#0c9c38}
.list-program-01 ul > li .btn span {display:block;}
.list-program-01 ul > li .btn .ko {font-size:16px;line-height:25px;}
.list-program-01 ul > li .btn .en {font-size:14px;letter-spacing:-0.05em;line-height:16px;margin:4px 0;}
.list-program-01 .noprogram {padding:35px 45px;display:flex;justify-content:space-between;}
.list-program-01 .noprogram span {display:inline-block;width:15px;height:15px;background:#C7FF4A;border:1px solid #000;}
.list-program-01 li.inbadge {position:relative;padding-left:60px;}
.list-program-01 li.inbadge .badge {position:absolute;top:0;left:0;width:54px;text-align:center;border:1px solid #000;background-color:#B38C61;font-size:10px;border-radius:8px;padding:6px;word-break:keep-all;line-height:12px;}
.list-program-01 li.inbadge .btn {text-align:left;}

.list-program-02 {list-style:none;display:flex;gap:0 80px;}
.list-program-02 > li {width:100%;}
.list-program-02 .tit {position:relative;height:150px;background:url(../images/bg_02.svg) center no-repeat;margin-bottom:130px;background-size:contain;}
.list-program-02 .tit:before {content:'';position:absolute;bottom:-130px;left:50%;display:inline-block;width:15px;height:117px;background:url(../images/bg_03.svg) center no-repeat;margin-left:-11px;}
.list-program-02 .tit span {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:400px;height:82px;border:1px solid #000;background-color:#B38C61;text-align:center;font-size:36px;font-weight:900;line-height:82px;}


.list-program-02 ul {list-style:none;border-top:1px solid #000;}
.list-program-02 ul > li {border-bottom:1px solid #000;}
.list-program-02 ul > li .btn {width:100%;min-height:68px;font-size:26px;line-height:34px;padding:15px 10px;}
.list-program-02 ul > li .btn:hover,
.list-program-02 ul > li .btn:focus {background-color:#3B6CB3;text-decoration:none;}

.list-playbook {list-style:none;text-align:center;}
.list-playbook > li {border-bottom:1px solid #000;padding:24px 0;}
.list-playbook .text-01 {font-size:28px;font-weight:600;line-height:36px;margin-bottom:16px;}
.list-playbook .text-01 span {display:block;}
.list-playbook .btn {width:100%;max-width:956px;background-color:#C8FF4A;line-height:56px;border:1px solid #000;font-size:26px;font-weight:bold;}
.list-playbook .btn:hover {background-color:#1F7862;}

.footer {position:relative;background-color:#B38C61;min-height:487px;margin-top:276px;border-top:1px solid #000;text-align:center;padding:50px;font-size:26px;font-weight:700;line-height:31px;}
.footer:before,
.footer:after {content:'';position:absolute;top:50%;transform:translateY(-50%);display:inline-block;width:32px;height:463px;background:url(../images/bg_ft.svg) center no-repeat;}
.footer:before {left:25px;}
.footer:after {right:25px;}
.footer .text-01 span {display:block;}
.footer .text-02 span {display:block;}
.footer .text-03 span {display:block;}
.footer .text-02 {margin-top:20px;}
.footer .text-03 {margin-top:40px;}
.footer .text-03 span {display:block;}

.wrap {border-top:1px solid #111;}
.quick_wrap + .container {max-width:100%;width:100%;}
#header .container {max-width:1400px;}
.contents_wrap {padding:0;}
.contents_wrap > p {display:none;}
h3.sub_top_tit {display:none;}
.subVisual {display:none;}
.quick_wrap {display:none;}
.contop_btn {bottom:90px;}

@media screen and (max-width:1600px){
    .section01 h1 {font-size:32px;}
    .section01 .text-01 {max-width:45%;}
    .section01 .text-02 {max-width:45%;}
    .section01 .text-03 {top:250px;}

    .section-nav .btn .ko {font-size:18px;}
    .section-nav .btn .en {font-size:20px;}

    .section02 {max-width:calc(100% - 40px);}

    .section03 {max-width:calc(100% - 40px);}

    .section04 {max-width:calc(100% - 40px);}

    .list-program-02 {gap:0 20px;}
}
/* // max-width:1600px */
@media screen and (max-width:1200px){
    .section01 .text-01 .en {font-size:20px;}
    .section01 .text-02 .en {font-size:20px;}
}
/* // max-width:1200px */
@media screen and (min-width:1025px){
    .mo-only {display:none;}

    .list-timetable .btn-toggle:hover {background-color:#1F7862;}

    .section01 .bg-img img {width:1540px;}
}
/* // min-width:1025px */
@media screen and (max-width:1024px){
    .pc-only {display:none;}

    .section-nav {flex-wrap:wrap;border-top:0;border-right:1px solid #111;}
    .section-nav > li {width:50%;border-top:1px solid #111;border-left:1px solid #111;}
    .section-nav .btn {height:50px;}
    .section-nav .btn .ko {font-size:18px;line-height:24px;}
    .section-nav .btn .en {font-size:20px;line-height:24px;}
    .section-nav .img img {width:36px;}
    .section-nav.sticky {bottom:284px;}
    .section-nav > li:last-child {width:100%;}

    .section01:before {background:url(../images/bg_01_mo.svg) center 80px no-repeat;background-size:305px;}
    .section01 h1 {font-size:24px;line-height:28px;}
    .section01 h1 .ko {top:20px;left:0;right:0;text-align:center;}
    .section01 h1 .en {top:50px;left:0;right:0;text-align:center;}
    .section01 .bg-img img.on {top:0;bottom:auto;max-height:calc(100vh - 100px);}
    .section01 .text-03 {width:calc(100% - 20px);left:10px;top:75px;}
    .section01 .text-03 > li {font-size:7px;line-height:11px;}
    .section01 .logo-01 {left:15px;top:170px;bottom:auto;}
    .section01 .logo-01 img {width:84px;}
    .section01 .logo-02 {right:15px;top:160px;bottom:auto;}
    .section01 .logo-02 img {width:38px;}

    .section02 {max-width:100%;margin-top:-50px;padding-top:50px;}

    .section03 {padding-top:40px;}

    .section04 {padding-top:40px;}

    .section05 {padding:0;}
    .section05 .slide-forall .btn-controll {width:40px;height:40px;}
    .section05 .slide-forall .btn-controll:before {background-size:23px;}
    .section05 .text-ko {font-size:12px;line-height:16px;}
    .section05 .text-en {font-size:12px;line-height:16px;}
    .section05 .btns-bottom {margin-top:40px;}
    .section05 .btns-bottom > .btn {width:calc(100% - 40px);line-height:24px;font-size:10px;}
    .section05 .slide-forall {padding:0 20px;}

    .list-timetable .btn-toggle {font-size:18px;line-height:24px;padding:8px 10px;min-height:46px;}
    .list-timetable .btn-toggle span {align-self:center;}
    .list-timetable .con {max-width:calc(100% - 20px);margin:0 auto;}

    .list-program-01 {flex-wrap:wrap;}
    .list-program-01 > li {width:calc(50% - 18px);}
    .list-program-01 > li:nth-of-type(n+3) {margin-top:20px;}
    .list-program-01 li.inbadge {padding-left:100px;}
    .list-program-01 li.inbadge .badge {top:5px;width:90px;}
    
    .list-program-02 .tit {background-size:268px;height:92px;margin-bottom:94px;}
    .list-program-02 .tit span {width:210px;height:54px;font-size:22px;line-height:54px;}
    .list-program-02 .tit:before {width:12px;background-size:11px;margin-left:-6px;height:62px;bottom:-80px;}
    .list-program-02 ul > li .btn {min-height:0;font-size:16px;padding:5px;line-height:24px;}

    .footer {font-size:12px;line-height:16px;padding:30px 40px;min-height:285px;margin-top:120px;}
    .footer:before, 
    .footer:after {width:18px;height:250px;}
    .footer:before {left:15px;}
    .footer:after {right:15px;}
    .footer .text-02 {margin-top:12px;}
    .footer .text-03 {margin:12px auto 0;max-width:300px;}
}
/* // max-width:1024px */
@media screen and (max-width:800px){
    .section-nav .btn {height:36px;}
    .section-nav .btn .ko {font-size:12px;line-height:15px;}
    .section-nav .btn .en {font-size:15px;line-height:15px;}
    .section-nav .img img {width:24px;}

    .section01 {height:100vh;min-height:750px;}
    .section01 h1 {font-size:19px;line-height:24px;}
    .section01 h1 .ko {top:15px;}
    .section01 h1 .en {top:38px;}
    .section01 .text-01 {top:auto;left:20px;bottom:100px;font-size:10px;line-height:15px;writing-mode: vertical-rl;text-align:right;}
    .section01 .text-01 .en {font-size:12px;}
    .section01 .text-02 {top:auto;right:20px;bottom:100px;font-size:10px;line-height:15px;writing-mode: vertical-rl;text-align:right;}
    .section01 .text-02 .en {font-size:12px;}
    .section01 .bg-img img.on {height:100%;max-height:calc(100vh - 80px);}

    .section03 {margin-top:20px;}

    .section04 {margin-top:20px;}

    .list-program-01 {gap:0;}

    .list-program-01 > li {width:100%;}
    .list-program-01 > li:nth-of-type(n+2) {margin-top:20px;}
    .list-program-01 .noprogram {padding:30px 50px;}
    
    .list-timetable .btn-toggle {font-size:12px;line-height:14px;padding:8px 10px;min-height:46px;}
    .list-timetable .btn-toggle span {align-self:center;}

    .list-program-02 {flex-wrap:wrap;}
    .list-program-02 > li + li {margin-top:36px;}

    .list-playbook > li {padding:14px 0 10px;}
    .list-playbook .text-01 {font-size:12px;line-height:16px;}
    .list-playbook .btn {font-size:12px;line-height:40px;}

}
/* // max-width:800px */
@media screen and (max-width:580px){
    .sub_section {padding:0;}
    .section-nav .btn .en {font-size:12px;}
}
/* // max-width:580px */
@media screen and (max-width:340px){
    .section-nav.sticky {bottom:349px;}
    .footer {height:350px;}
}
/* // max-width:340px */
@media screen and (max-height:750px){
    .section01 {min-height:700px;}
    .section01 .text-01 {bottom:170px;}
    .section01 .text-01 .en {font-size:11px;}
    .section01 .text-02 {bottom:170px;}
    .section01 .text-02 .en {font-size:11px;}
}
/* // max-height:750px */
@media screen and (max-height:680px){
    .section01 {min-height:680px;}
    .section01 .bg-img img {height:90%;margin-bottom:-20px;}
    .section01 .text-01 {bottom:100px;}
    .section01 .text-02 {bottom:100px;}
    
}
/* // max-height:680px */