body {background: #f8f8f8;}
.sub_top {padding:280px 0px 20px; border-bottom:1px solid #ddd; background: #fff;}
.sub_content {padding:150px 0px 0px;}
.sub_title {margin:0px auto 300px;}
.sub_content h4 {font-size:24px; line-height: 1.5; margin-bottom:100px;}

.tb_1 {margin-bottom:80px;}
.tb_2 {margin-bottom:150px;}

.schedule_box {width:100%; background: var(--main-color); border-top-left-radius: 200px; border-bottom-right-radius:200px; padding:150px 0px; position: relative; overflow: hidden;}

.schedule_box .sb_title {text-align: center;}
.schedule_box .sb_title .square {width: 16px; height:16px; background: var(--red_orange); margin:0 auto 20px;}
.schedule_box .sb_title h4 {font-size:50px; font-weight: var(--weight_bold); color:#fff; margin-bottom:50px;}
.schedule_box .table_wrap {margin-bottom:30px;}
.schedule_box .table .regi_date {display: flex; justify-content: space-between; align-items: center;}
.schedule_box .table .regi_date p {margin-right:10px;}
.schedule_box .table .regi_date .regi_stat {width:50px; height:50px; background: #eee; display: flex; align-items: center; justify-content: center; border-radius: 100px; font-size:16px; color:#aaa;}
.schedule_box .table .regi_date .regi_stat.active {background: var(--light_blue); color:#fff; font-weight: var(--weight_bold); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.schedule_box .table .rel_date {text-align: center;}
.schedule_box .table .rel_date p {margin-bottom:7px;}
.schedule_box .table .rel_date .rel_result {display:inline-block; padding:5px 0px; width:100px; text-align: center; background: var(--red_orange); color:#fff; font-size:16px; font-weight: var(--weight_bold); border-radius: 50px; }
.schedule_box .table .rel_date .rel_result.pxain {background: #fff; border:1px solid var(--red_orange); color:var(--red_orange); box-shadow: none;}
.schedule_box .table .default td {color:#ccc;}
.schedule_box .table .default td .regi_date .regi_stat {background: #fff; border:1px solid #ccc; color:#ccc;}
.schedule_box .table .default td .rel_result {background: #fff; border:1px solid #ccc; color:#ccc;}
.schedule_box .info {padding:45px; background: #0F1A41;}
.schedule_box .info p {color:#AAAAAA; font-size:18px; line-height: 1.5;}
.schedule_box .typo {position: absolute; right:-150px; top:60%; transform: translateY(-70%);}

.method_box {background: #F3F2FF; padding:200px 0px; position: relative;}
.method_box::before {content: ''; display: block; background: #F3F2FF; position: absolute; top:-250px; right:0; width:500px; height:500px; z-index: -1;}
.method_box ul {display: flex; justify-content: space-between;}
.method_box ul li {background: #fff; border-radius: 50px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; width:50%; padding:150px 0px; text-align: center;}
.method_box ul .item_1 {margin-right:30px;}
.method_box ul .item_2 {padding-bottom:50px;}
.method_box ul li img {margin-bottom:20px;}
.method_box ul li > p {font-size:30px; font-weight:var(--weight_bold); margin-bottom:30px;}
.method_box ul li > span {font-size:24px; display: block; margin-bottom:50px; line-height: 1.5;}
.method_box ul li .text_box {display: flex; text-align: left; align-items: center; justify-content: center; margin-bottom:10px;}
.method_box ul li .text_box p {font-size:18px; line-height: 1.5; margin-right:10px;}
.method_box ul li .text_box a {padding:7px 10px; display: inline-block; background: var(--mint); color:#fff; font-weight: var(--weight_bold); border-radius: 50px; font-size:18px;}
.method_box ul li .info {padding:15px; width:100%; max-width: 420px; background: #f9f9f9; text-align: left; margin: 0 auto;}
.method_box ul li .info span {font-size:16px; line-height: 1.5;}

.rule_box {padding:300px 0px; width:100%; background: url(/img/es_rule_bg.jpg) no-repeat center / cover;}
.rule_box ul {display:flex; justify-content: space-between;}
.rule_box ul li {width:50%; background: #fff; padding:60px; text-align: center;}
.rule_box ul .item_1 {margin-right:30px;}
.rule_box ul li p {font-size:30px; font-weight:var(--weight_bold); margin-bottom:20px; color:var(--main-color);}
.rule_box ul li .border {width:30px; height:4px; background: var(--main-color); margin: 0 auto 50px;}
.rule_box ul li span {text-align: left; font-size:18px; line-height: 1.5; display: block;}


@media (max-width: 1280px) {
    .schedule_box .typo {display: none;}
    .method_box ul li > p {font-size:24px;}
    .method_box ul li > span {font-size:17px; margin-bottom:30px;}
    .method_box ul li .text_box {width:90%;margin:0 auto 10px;}
    .method_box ul li .text_box p {font-size:14px;}
    .method_box ul li .info {box-sizing: border-box; width: 90%;}
    .method_box ul li .info span {font-size:12px;}
    .rule_box ul li span {font-size:16px;}
}


@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_content {padding:100px 0px 0px;}
    .sub_content h4 {font-size:18px; margin-bottom:20px;}

    .schedule_box {padding:110px 0px 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px;}
    .schedule_box .sb_title h4 {font-size: 30px;}
    .schedule_box .info {padding:30px 15px;}
    .schedule_box .info p {font-size:12px;}
    
    .method_box {padding:60px 0px 80px;}
    .method_box ul {flex-direction: column;}
    .method_box ul li {width: 100%; border-radius: 20px; padding:100px 0px;}
    .method_box ul .item_1 {margin-right:0; margin-bottom:20px;}
    .method_box ul li > p {font-size: 24px; margin-bottom:20px;}
    .method_box ul li .text_box a {display:flex;align-items:center;justify-content:center;width:25px;height:30px;font-size:12px;word-break:break-all;text-align:center;}
    
    .rule_box {padding:80px 0px;}
    .rule_box .container {width: 90%;}
    .rule_box ul {flex-direction: column;}
    .rule_box ul li {width: 100%; box-sizing: border-box; padding:40px 20px;}
    .rule_box ul .item_1 {margin-right:0; margin-bottom:20px;}
    .rule_box ul li p {font-size:24px;}
    .rule_box ul li .border {margin-bottom:30px;}
    .rule_box ul li span {font-size: 15px;}
}