@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:#FFF000;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:26px;font-weight:900;line-height:32px;}
.section-nav .btn .en {font-family:'BD Supper', sans-serif;font-size:30px;line-height:30px;}
.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:#C7FF4A;}
.section-nav .btn-program:hover,
.section-nav .btn-program:focus,
.section-nav .btn-program.active {background-color:#FF2E6F;}
.section-nav .btn-playbook:hover,
.section-nav .btn-playbook:focus,
.section-nav .btn-playbook.active {background-color:#FF8E00;}
.section-nav.sticky {z-index:1;position:absolute;bottom:486px;}
.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:100vh;}
.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-img {z-index:0;position:absolute;top:0;right:0;left:0;height:1350px;overflow:hidden;}
.section01 .bg-img img {position:absolute;top:0;left:50%;transform:translateX(-50%);opacity:0;}
.section01 .bg-img img.on {animation:upimg 0.8s;opacity:1;}
@keyframes upimg{
    0% {top:80%;opacity:0;}
    40% {top:-10%;opacity:1;}
    100% {top:0;}
}
.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 .img-01 {position:absolute;top:222px;left:15px;width:11px;}
.section01 .img-02 {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;}

.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:100px;}

.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:#FFF000;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:#C7FF4A;border:1px solid #000;padding:6px 0;}
.list-program-01 .tit > p {width:100%;align-self:center;text-align:center;font-size:15px;line-height:16px;font-weight:900;}
.list-program-01 .tit > p span {display:block;}
.list-program-01 ul {list-style:none;}
.list-program-01 ul > li {border-bottom:1px solid #000;padding:8px 0;}
.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-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:#FFF000;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:#FF2E6F;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:593px;background-color:#FF8E00;line-height:56px;border:1px solid #000;font-size:26px;font-weight:bold;}
.list-playbook .btn:hover {background-color:#FFF000;}

.footer {position:relative;background-color:#FFF000;min-height:487px;margin-top:276px;border-top:1px solid #000;text-align:center;padding:75px;font-size:26px;font-weight:600;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:86px;}

.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:#C7FF4A;}

    .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:279px;}

    .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;}

    .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-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 0;min-height:280px;margin-top:120px;}
    .footer:before, 
    .footer:after {width:18px;height:250px;}
    .footer:before {left:15px;}
    .footer:after {right:15px;}
    .footer .text-03 {margin-top:40px;}
}
/* // 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:60px;}

    .section04 {margin-top:60px;}

    .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;}
}
/* // max-width:580px */
@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 */