@charset "utf-8";
/* CSS Document */

#main_container {position:relative;width:100%;min-height:10rem;margin:0 auto;box-sizing:border-box}

.section01 {position:relative;width:100%;padding:5rem 0}
.section01:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../img/portal/main/section1_bg.png)no-repeat;background-size:cover;z-index:-1}
.sc01_wrap {position:relative;width:100%;max-width:1400px;margin:0 auto}
.character_list ul {overflow:hidden;display:flex;flex-wrap:wrap;height:20.35rem}
.character_list ul li {overflow:hidden;width:calc((100% - 4rem)/3);margin-left:2rem;background:#fff;border-radius:8px}
.character_list ul li:first-child {margin-left:0}
.character_list ul li a {display:block}
.character_list ul li .character_img {overflow:hidden;height:13.5rem}
.character_list ul li .character_img img {width:100%;height:100%;transition:transform 1s ease-out;-webkit-transition:transform 1s ease-out;-moz-transition:transform 1s ease-out;-o-transition:transform 1s ease-out}
.character_list ul li .character_img img:hover {transform:scale(1.1)}
.character_list ul li .character_info {padding:1.35rem 1.5rem 1.25rem 1.5rem;box-sizing:border-box}
.character_list ul li .character_info .character_tit {display:block;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;color:#333;font-size:1rem;font-weight:500}
.character_list ul li .character_info .character_tit:hover {text-decoration:underline}
.character_list ul li .character_info .character_txt {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.4rem;margin-top:.65rem;color:#666;font-size:.8rem;line-height:1.5;word-break:break-word}
.character_control {position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%}
.character_control .character_prev {position:absolute;top:-1.1rem;left:-1.1rem;width:2.25rem;height:2.25rem;background:#fff url(../../img/portal/main/character_prev.png) no-repeat center center;background-size:.45rem;border:1px solid #e4e4e4;border-radius:50%;box-sizing:border-box;text-indent:-9999px}
.character_control .character_next {position:absolute;top:-1.1rem;right:-1.1rem;width:2.25rem;height:2.25rem;background:#fff url(../../img/portal/main/character_next.png) no-repeat center center;background-size:.45rem;border:1px solid #e4e4e4;border-radius:50%;box-sizing:border-box;text-indent:-9999px}
.character_control .character_prev:hover {border:1px solid #454545}
.character_control .character_next:hover {border:1px solid #454545}

.sc02_wrap {position:relative;width:100%;max-width:1400px;margin:0 auto}

.quickmenu_wrap {padding-top:3rem}
.quickmenu_wrap ul {display:flex;justify-content:space-between}
.quickmenu_wrap ul li {width:calc(100% / 7)}
.quickmenu_wrap ul li a {display:block;text-align:center}
.quickmenu_wrap ul li a i {display:block;width:2.4rem;height:2.25rem;margin:0 auto;text-indent:-9999px}
.quickmenu_wrap ul li a .icon1 {background:url(../../img/portal/main/quick_icon01.png)no-repeat center top;background-size:2.4rem;transform:rotateY(0deg);transition:.65s}
.quickmenu_wrap ul li a .icon2 {background:url(../../img/portal/main/quick_icon02.png)no-repeat center top;background-size:2.4rem;transform:rotateY(0deg);transition:.65s}
.quickmenu_wrap ul li a .icon3 {background:url(../../img/portal/main/quick_icon03.png)no-repeat center top;background-size:2.4rem;transform:rotateY(0deg);transition:.65s}
.quickmenu_wrap ul li a .icon4 {background:url(../../img/portal/main/quick_icon04.png)no-repeat center top;background-size:2.4rem;transform:rotateY(0deg);transition:.65s}
.quickmenu_wrap ul li a .icon5 {background:url(../../img/portal/main/quick_icon05.png)no-repeat center top;background-size:2.4rem;transform:rotateY(0deg);transition:.65s}
.quickmenu_wrap ul li a .icon6 {background:url(../../img/portal/main/quick_icon06.png)no-repeat center top;background-size:2.4rem;transform:rotateY(0deg);transition:.65s}
.quickmenu_wrap ul li a .icon7 {background:url(../../img/portal/main/quick_icon07.png)no-repeat center top;background-size:2.4rem;transform:rotateY(0deg);transition:.65s}
.quickmenu_wrap ul li a i:hover {transform:rotateY(-180deg)}
.quickmenu_wrap ul li a span {display:block;padding-top:1rem;color:#333;font-size:.9rem}

.notice_wrap {padding:3.35rem 0 3rem 0}
.notice_wrap h2 {color:#333;font-size:2.4rem;font-weight:600;text-align:center}
.notice_wrap h2 strong {color:#0e4194;font-weight:600}
.noticeTab {position:relative;height:19.8rem;padding-top:2.5rem;box-sizing:border-box}
.noticeTab > ul {border-bottom:1px solid #ddd;font-size:0}
.noticeTab > ul > li {display:inline-block;padding:0 .75rem}
.noticeTab > ul > li:first-child {padding:0 .75rem 0 0}
.noticeTab > ul > li > a {position:relative;display:block;padding-bottom:1.35rem;color:#666;font-size:.9rem;font-weight:500}
.noticeTab > ul > li.active > a {color:#1f3faa}
.noticeTab > ul > li.active > a:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;background:#1f3faa}
.noticeTab .tabCon {display:none;position:absolute;top:6.5rem;left:0;width:100%;}
.noticeTab .tabCon ul {font-size:0}
.noticeTab .tabCon ul li {position:relative;display:inline-block;width:calc((100% - 4.5rem)/4);margin-left:1.5rem;padding:1rem;background:#fff;border:1px solid #e1e1e1;box-sizing:border-box;text-align:left}
.noticeTab .tabCon ul li:nth-child(1) {margin-left:0}
.noticeTab .tabCon ul li .noticeTop {position:relative}
.noticeTab .tabCon ul li .noticeTop .cate01 {display:inline-block;padding:.2rem .5rem;background:#3373d2;border-radius:4px;color:#fff;font-size:.75rem;vertical-align:middle}
.noticeTab .tabCon ul li .noticeTop .cate02 {display:inline-block;padding:.2rem .5rem;background:#289a97;border-radius:4px;color:#fff;font-size:.75rem;vertical-align:middle}
.noticeTab .tabCon ul li .noticeTop .cate03 {display:inline-block;padding:.2rem .5rem;background:#918379;border-radius:4px;color:#fff;font-size:.75rem;vertical-align:middle}
.noticeTab .tabCon ul li .noticeTop .cate04 {display:inline-block;padding:.2rem .5rem;background:#b54580;border-radius:4px;color:#fff;font-size:.75rem;vertical-align:middle}
.noticeTab .tabCon ul li .noticeTop .cate05 {display:inline-block;padding:.2rem .5rem;background:#eda10f;border-radius:4px;color:#fff;font-size:.75rem;vertical-align:middle}
.noticeTab .tabCon ul li .tit a {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6rem;margin-top:.8rem;color:#333;font-size:1rem;font-weight:500;line-height:1.3;word-break:break-word}
.noticeTab .tabCon ul li .txt {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.2rem;margin-top:1.05rem;padding-top:1.1rem;border-top:1px dashed #dfdfdf;color:#555;font-size:.8rem;line-height:1.4;word-break:break-word}
.noticeTab .tabCon ul li .date {display:inline-block;margin-top:1.2rem;color:#767676;font-size:.75rem}
.noticeTab .tabCon .more {position:absolute;top:-3.7rem;right:0;width:1.15rem;height:1.15rem;background:url(../../img/portal/main/board_more.png)no-repeat;background-size:1.15rem;text-indent:-9999px}
.noticeTab > ul > li.active .tabCon {display:block}

.section03 {position:relative;width:100%;padding:3rem 0;background:#dbe8f9}
.section03:before {content:"";position:absolute;top:50%;right:1.5rem;width:8.4rem;height:30.45rem;transform:translateY(-50%);background:url(../../img/portal/main/section3_bg.png)no-repeat;background-size:cover}
.sc03_wrap {position:relative;display:flex;width:100%;max-width:1400px;margin:0 auto}
.calendar_wrap {display:flex;width:67%;height:26rem}
.calendar_box {width:60%;padding:0 1rem;background:#fff;box-sizing:border-box}
.calendar_top {padding:2.2rem 0 1.6rem 0;text-align:center}
.calendar_top .calendar_month {position:relative;display:inline-block;padding:0 3.25rem}
.calendar_top .calendar_month span {color:#333;font-size:1.2rem;font-weight:500;text-align:center}
.calendar_top .calendar_prev {position:absolute;top:-.2rem;left:0;width:1.75rem;height:1.75rem;background:#577dd0 url(../../img/portal/main/month_prev.png)no-repeat center center;background-size:.4rem;border-radius:50%;text-indent:-9999px}
.calendar_top .calendar_next {position:absolute;top:-.2rem;right:0;width:1.75rem;height:1.75rem;background:#577dd0 url(../../img/portal/main/month_next.png)no-repeat center center;background-size:.4rem;border-radius:50%;text-indent:-9999px}

.calendar_cont .tbl_calendar {width:100%;border-top:2px solid #26409a}
.calendar_cont .tbl_calendar th {padding:.8rem 0 .75rem 0;background:#f4f6ff;border-bottom:1px solid #cfd9fc;color:#555;font-size:.8rem;font-weight:normal;text-align:center}
.calendar_cont .tbl_calendar tr th:nth-child(1) {color:#e01354}
.calendar_cont .tbl_calendar tr th:nth-child(7) {color:#0076a3}
.calendar_cont .tbl_calendar td {border-bottom:1px solid #cfd9fc;text-align:center}
.calendar_cont .tbl_calendar td a {display:inline-block;padding:.55rem}
.calendar_cont .tbl_calendar td a span {display:block;width:1.5rem;height:1.5rem;color:#555;font-size:.8rem;line-height:1.5rem}
.calendar_cont .tbl_calendar tr td:nth-child(1) a span {color:#e01354}
.calendar_cont .tbl_calendar tr td:nth-child(7) a span {color:#0076a3}
.calendar_cont .tbl_calendar tr td.holiday a span {color:#e01354}
.calendar_cont .tbl_calendar td.today a span {background:#f2f2f2;border-radius:50%}
.calendar_cont .tbl_calendar td.select a span {border:2px solid #577dd0;border-radius:50%;line-height:1.4rem;box-sizing:border-box}
.calendar_cont .tbl_calendar td.schedule a span {background:#fad58c;border-radius:50%}

.schedule_box {position:relative;width:40%;padding:0 1rem;background:#ff9d00;box-sizing:border-box}
.schedule_box h3 {margin-top:2.4rem;color:#fff;font-size:1.2rem;font-weight:500;text-align:center}
.schedule_box .schedule_list {margin-top:1.2rem}
.schedule_box .schedule_list ul {overflow-y:auto;max-height:16rem}
.schedule_box .schedule_list ul li {display:flex;margin:.55rem 0}
.schedule_box .schedule_list ul li span {width:5.6rem;color:#fff;font-size:.8rem;font-weight:500}
.schedule_box .schedule_list ul li a {width:calc(100% - 5.6rem);color:#fff;font-size:.8rem}
.schedule_box .schedule_list ul li a:hover {text-decoration:underline}

.schedule_box .schedule_list ul::-webkit-scrollbar {
    width: 10px;
  }
  .schedule_box .schedule_list ul::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
  }
  .schedule_box .schedule_list ul::-webkit-scrollbar-track {
    background-color:#d98600;
    border-radius: 10px;
  }

.schedule_box .schedule_more {position:absolute;bottom:1rem;left:1rem;width:calc(100% - 2rem)}
.schedule_box .schedule_more a {display:block;height:2.5rem;background:#fff;border-radius:6px;color:#333;font-size:.8rem;line-height:2.5rem;text-align:center}

.popup_wrap {position:relative;width:30%;margin-left:3%;background:#fff}
.popup_top {height:3.5rem;padding:0 1rem;box-sizing:border-box}
.popup_top h2 {color:#333;font-size:1.2rem;font-weight:600;line-height:3.5rem}
.popup_cont ul {overflow:hidden;height:22.5rem}
.popup_cont ul li {height:100%}
.popup_cont ul li a {display:block;height:100%;text-align:center}
.popup_cont ul li a img {width:100%;height:100%}
.popup_control {position:absolute;top:1.35rem;right:1rem;font-size:0}
.popup_control button {margin-left:1rem}
.popup_control button:first-child {margin-left:0}
.popup_control .popup_prev {display:inline-block;width:.5rem;height:.85rem;background:url(../../img/portal/main/popup_prev.png) no-repeat;background-size:.5rem;text-indent:-9999px}
.popup_control .popup_pause {display:inline-block;width:.4rem;height:.85rem;background:url(../../img/portal/main/popup_pause.png) no-repeat;background-size:.4rem;text-indent:-9999px}
.popup_control .popup_next {display:inline-block;width:.5rem;height:.85rem;background:url(../../img/portal/main/popup_next.png) no-repeat;background-size:.5rem;text-indent:-9999px}
.popup_control .popup_play {display:none;width:.35rem;height:.85rem;background:url(../../img/portal/main/popup_play.png) no-repeat;background-size:.35rem;text-indent:-9999px}