@charset "utf-8";

.popup_wrap:after{display:block; content:''; clear:both;}
.popup_wrap{position:absolute; top:100px; left:0; background:none;z-index:999;}
.popup_wrap .popup_in{float:left; margin-left;20px;}
.popup_wrap .popup_in:first-child{margin-left:0; position:relative;}
/* ---------------------------------- *
    * COMMON
 * ---------------------------------- */
.m_con{padding-bottom:140px; position:relative;}

.m_title{align-items:flex-end; margin-bottom:40px; padding-right:140px;}
.m_title h2{font-size:4.0rem; line-height:4.4rem;}
.m_title p{font-size:1.8rem; line-height:2.4rem; color:#686868; word-break:keep-all; margin-left:30px;}
.m_title p.full{width:100%; margin-left:0; margin-top:15px;}

.slider_wrap{position:relative;}
.slider_wrap .custom_arrow{position:absolute; top:-83px; z-index:99;}
.slider_wrap .custom_arrow button{float:left; width:auto; height:auto; border-radius:0; border-right:1px solid rgba(255,255,255,0.3); background-color:#414961; line-height:10px; padding:15px; position:static; top:auto; left:auto; right:auto; transform:translateY(0); opacity:1; transition:all 0.3s;}
.slider_wrap .custom_arrow button:hover{opacity:0.7;}
.slider_wrap .custom_arrow button:first-child{border-radius:10px 0 0 10px;}
.slider_wrap .custom_arrow button:last-child{border-right:0; border-radius:0 10px 10px 0;}
.slider_wrap .custom_arrow button svg{display:none;}
.slider_wrap .custom_arrow button img{width:13px; filter:invert(100%);}
.slider_wrap .custom_arrow button.custom_more:hover{background-color:var(--mainColor2); opacity:1;}


/* ---------------------------------- *
    * VISUAL
 * ---------------------------------- */
.main_visual{width:calc(100% - 100px); margin:0 auto; border-radius:30px; overflow:hidden;}

.main_visual .main_v_slider{position:relative;}
.main_visual .main_v_slider .box{line-height:0; z-index:10;}
.main_visual .main_v_slider .box img{width:100%;}
.main_visual .main_v_slider .slick-arrow{width:60px; height:60px; border-radius:60px; box-shadow:20px 20px 30px rgba(0,0,0,0.2); font-size:0; line-height:0; position:absolute; top:50%; margin-top:-30px; opacity:0.2; transition:all 0.3s; z-index:20;}
.main_visual .main_v_slider .slick-arrow:hover{opacity:0.8;}
.main_visual .main_v_slider .slick-prev{background:url('../img/main/aw_left.svg') no-repeat center #fff; background-size:16px; left:30px;}
.main_visual .main_v_slider .slick-next{background:url('../img/main/aw_right.svg') no-repeat center #fff; background-size:16px; right:30px;}
.main_visual .main_v_slider .slick-dots{display:flex; align-items:center; justify-content:center; gap:10px; position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
.main_visual .main_v_slider .slick-dots li button{display:block; width:10px; height:10px; border-radius:10px; background-color:#fff; font-size:0; line-height:0; opacity:0.4;}
.main_visual .main_v_slider .slick-dots li button:hover, .main_visual .main_v_slider .slick-dots li.slick-active button{opacity:1;}


/* ---------------------------------- *
    * BANNER
 * ---------------------------------- */
.main_banner{padding-top:140px;}
.main_banner .fl-box{justify-content:center; gap:90px;}

.main_banner .box a{display:block;}
.main_banner .box .icon{display:inline-block; background-color:#f5f5f5; border-radius:30px; padding:43px; line-height:0; transition:all 0.3s;}
.main_banner .box .icon img{width:90px;}
.main_banner .box p{margin-top:20px; font-size:2.0rem; font-weight:500; line-height:2.6rem; text-align:center; color:#3a3a3a; transition:all 0.3s;}
.main_banner .box a:hover .icon{background-color:#d8fbf7; border-radius:150px; box-shadow:10px 10px 20px rgba(0,0,0,0.1); transform:translateY(-10px);}
.main_banner .box a:hover p{color:var(--mainColor2);}


/* ---------------------------------- *
    * DATA
 * ---------------------------------- */
.main_data .inner{border-radius:30px; overflow:hidden;}

.main_data .data_board{width:calc(45% - 20px); border:1px solid #e0e0e0; padding:40px;}
.main_data .data_board .main_d_tab{border-radius:50px; margin-bottom:40px; overflow:hidden; background-color:#f8f8f8; position:relative;}
.main_data .data_board .main_d_tab ul{gap:0;}
.main_data .data_board .main_d_tab ul li a{display:block; padding:20px 30px; border-radius:50px; font-size:2.0rem; font-weight:600; line-height:2.0rem; color:#414141;}
.main_data .data_board .main_d_tab ul li.active a{background-color:var(--subColor); color:#fff;}
.main_data .data_board .main_d_tab button{line-height:0; padding:12.5px; border-radius:40px; background-color:#414961; position:absolute; top:50%; right:10px; margin-top:-20px; transition:all 0.3s;}
.main_data .data_board .main_d_tab button:hover{background-color:var(--mainColor2);}
.main_data .data_board .main_d_tab button img{width:15px; filter:invert(100%);}
.main_data .data_board .program{grid-template-columns:repeat(3, 1fr); gap:20px;}
.main_data .data_board .program .box{padding-bottom:122%; border-radius:15px; line-height:0; overflow:hidden; position:relative;}
.main_data .data_board .program .box *{transition:all 0.3s;}
.main_data .data_board .program .box img{width:100%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main_data .data_board .program .box .txt{width:100%; padding:0 15px; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_data .data_board .program .box .txt h3{font-size:1.8rem; font-weight:500; line-height:2.4rem; color:#fff; word-break:keep-all; transform:translateY(15px); opacity:0;}
.main_data .data_board .program .box .txt p{display:inline-block; padding:5px 13px; margin-top:10px; border-radius:30px; border:1px solid rgba(255,255,255,0.3); font-size:1.5rem; line-height:1.8rem; color:rgba(255,255,255,0.7); transform:translateY(15px); opacity:0;}
.main_data .data_board .program .box a{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.main_data .data_board .program .box:hover img{filter:brightness(20%);}
.main_data .data_board .program .box:hover h3{transform:translateY(0); opacity:1; transition-delay:0.2s;}
.main_data .data_board .program .box:hover p{transform:translateY(0); opacity:1; transition-delay:0.4s;}
.main_data .data_board .notice ul li{margin-bottom:20px; padding:0 90px 0 10px; position:relative;}
.main_data .data_board .notice ul li:after{content:''; width:4px; height:4px; border-radius:4px; background-color:#444; position:absolute; top:10px; left:0;}
.main_data .data_board .notice ul li:last-child{margin-bottom:0;}
.main_data .data_board .notice ul li a{display:block; font-size:1.8rem; font-weight:400; line-height:2.4rem;}
.main_data .data_board .notice ul li a:hover{text-decoration:underline;}
.main_data .data_board .notice ul li a.new:after{content:''; display:inline-block; width:18px; height:18px; border-radius:18px; margin-left:5px; background:url('../img/main/ic_new.svg') no-repeat center #dd0350; background-size:8px; position:relative; top:2px;}
.main_data .data_board .notice ul li .date{display:block; font-size:1.8rem; line-height:2.4rem; opacity:0.5; position:absolute; top:0; right:0;}

.main_data .data_menu{width:calc(23% - 20px); margin:0 20px; background-color:#d8fbf7; padding:30px;}
.main_data .data_menu .title{align-items:center; justify-content:space-between;}
.main_data .data_menu .title h2{font-size:2.4rem; line-height:3.0rem; padding-left:38px; position:relative;}
.main_data .data_menu .title h2:after{content:''; width:30px; height:24px; background:url('../img/main/ic_menu.svg') no-repeat center; background-size:cover; filter:invert(53%) sepia(81%) saturate(347%) hue-rotate(124deg) brightness(86%) contrast(92%); position:absolute; top:3px; left:0;}
.main_data .data_menu .title a{display:block; line-height:0;}
.main_data .data_menu .title a img{width:15px;}
.main_data .data_menu .date{align-items:center; justify-content:center; gap:19px; margin:20px 0;}
.main_data .data_menu .date .date_arrow{width:35px; height:35px; border-radius:35px; background-color:var(--mainColor2); line-height:0;}
.main_data .data_menu .date .date_arrow img{width:9px; filter:invert(100%);}
.main_data .data_menu .date .txt p, .main_data .data_menu .date .txt h2{font-family:'Poppins', sans-serif; font-weight:600; text-align:center; line-height:1em;}
.main_data .data_menu .date .txt p{font-size:1.6rem;}
.main_data .data_menu .date .txt h2{font-size:3.6rem;}
.main_data .data_menu .list{height:calc(100% - 122px); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.main_data .data_menu .list ul li{font-size:2.0rem; font-weight:400; line-height:2.4rem; text-align:center; margin-bottom:15px;}
.main_data .data_menu .list ul li:last-child{margin-bottom:0;}

.main_data .data_commu{width:32%; display:flex; flex-direction:column; gap:20px;}
.main_data .data_commu .inner{display:flex; align-items:center; justify-content:center;}
.main_data .data_commu .webzine{height:calc(100% - 100px); background-color:#fff; overflow:hidden;}
.main_data .data_commu .webzine .title{text-align:center;}
.main_data .data_commu .webzine .title p{font-size:1.8rem; font-weight:600; line-height:2.2rem; color:#dd0350; letter-spacing:0;}
.main_data .data_commu .webzine .title h2{font-size:3.6rem; line-height:4.2rem;}
.main_data .data_commu .webzine .title a{display:inline-block; padding:14px 25px; border-radius:40px; background-color:#dd0350; font-size:1.8rem; line-height:1.8rem; font-weight:500; color:#fff; margin-top:15px;}
.main_data .data_commu .webzine .imgbox{width:100%; height:100%; line-height:0; position:relative;}
.main_data .data_commu .webzine .imgbox a{display:block; line-height:0; position:relative; top:50%; left:50%; transform:translate(-50%, -50%);}
.main_data .data_commu .webzine .imgbox img{width:100%; max-height: 320px;}
.main_data .data_commu .social{background-color:#fff; border-radius:0;}
.main_data .data_commu .social h2{font-family:'Poppins', sans-serif; font-size:3.0rem; font-weight:600; line-height:3.0rem;}
.main_data .data_commu .social ul{width:100%; gap:12px;}
.main_data .data_commu .social ul li{flex-grow:1; text-align:center; line-height:0;}
.main_data .data_commu .social ul li a{display:inline-block; line-height:0; width:100%; max-width:80px;}
.main_data .data_commu .social ul li a img{width:100%;}


/* ---------------------------------- *
    * STORY
 * ---------------------------------- */
.main_story:before{content:''; width:75%; height:60%; border-radius:0 500px 500px 0; background-color:#fff8d1; position:absolute; bottom:0; left:0;}

.main_story .story_slider .custom_arrow{right:7.5%;}
.main_story .story_slider .splide{margin-left:7.5%; overflow:hidden;}
.main_story .story_slider .splide .splide__slide{width:30.6%; border-radius:30px; overflow:hidden; position:relative;}
.main_story .story_slider .splide .splide__slide .imgbox{width:100%; padding-bottom:63%; line-height:0; position:relative;}
.main_story .story_slider .splide .splide__slide .imgbox img{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s;}
.main_story .story_slider .splide .splide__slide .txtbox{width:100%; padding:0 80px; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_story .story_slider .splide .splide__slide .txtbox h3{font-size:2.0rem; line-height:2.6rem; color:#fff; word-break:keep-all; transform:translateY(15px); opacity:0; transition:all 0.3s;}
.main_story .story_slider .splide .splide__slide .txtbox p{display:inline-block; padding:5px 13px; margin-top:10px; border-radius:30px; border:1px solid rgba(255,255,255,0.3); font-size:1.5rem; line-height:1.8rem; color:rgba(255,255,255,0.7); transform:translateY(15px); opacity:0; transition:all 0.3s;}
.main_story .story_slider .splide .splide__slide:hover .imgbox img{filter:brightness(20%);}
.main_story .story_slider .splide .splide__slide:hover .txtbox h3{transform:translateY(0); opacity:1; transition-delay:0.2s;}
.main_story .story_slider .splide .splide__slide:hover .txtbox p{transform:translateY(0); opacity:1; transition-delay:0.4s;}
.main_story .story_slider .splide .splide__slide a{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.main_story .story_slider .splide .splide__track{overflow:visible;}


/* ---------------------------------- *
    * SUPPORT
 * ---------------------------------- */
.main_support{padding-top:140px;}
.main_support:before{content:''; width:720px; height:720px; border-radius:50%; background-color:#f3f6ff; position:absolute; top:-50px; right:-360px;}
.main_support .gr-box{grid-template-columns:repeat(2, 1fr); gap:100px;}

.main_support .support_slider .custom_arrow{right:0;}
.main_support .support_slider .splide__slide{padding-bottom:48%; border-radius:30px; overflow:hidden;}
.main_support .support_slider .splide__slide a{display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.main_support .support_slider .splide__slide a img{width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.3s;}
.main_support .support_slider .splide__slide a:hover img{transform:scale(1.1); filter:brightness(50%);}


/* ---------------------------------- *
    * PEOPLE
 * ---------------------------------- */
.main_people .inner{padding:40px 30px 40px 310px; background-color:#24ba76; border-radius:30px; position:relative;}
.main_people .inner h2{font-size:3.0rem; line-height:3.4rem; color:#ffed62;}
.main_people .inner .people_list{margin-top:15px; overflow:hidden;}
.main_people .inner .people_track{display:flex; width:max-content; animation:peopleRolling 140s linear infinite;}
.main_people .inner .people_track:hover{animation-play-state:paused;}
.main_people .inner .people_track ul{align-items:center; gap:40px;}
.main_people .inner .people_track ul li{font-size:2.0rem; font-weight:500; line-height:2.2rem; color:#fff; position:relative;}
.main_people .inner .people_track ul li:after{content:''; width:1px; height:16px; background-color:rgba(255,255,255,0.4); position:absolute; top:3px; right:-20px;}
@keyframes peopleRolling {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.main_people .inner .deco{width:210px; line-height:0; position:absolute; bottom:0; left:50px;}
.main_people .inner .deco img{max-width:100%;}


/* ---------------------------------- *
    * ORGAN
 * ---------------------------------- */
.main_organ{margin-left:7.5%;}
.main_organ .fl-box{align-items:center;}

.main_organ .organ_tit{width:19%; padding-right:125px;}
.main_organ .organ_tit h2{font-size:3.0rem; line-height:3.4rem; text-align:right; word-break:keep-all;}

.main_organ .organ_slider{width:81%;}
.main_organ .organ_slider .custom_arrow{top:50%; left:-120px; transform:translateY(-50%);}
.main_organ .organ_slider .splide .splide__slide{border-radius:10px; border:1px solid #cecece; overflow:hidden;}
.main_organ .organ_slider .splide .splide__slide a{display:block; line-height:0;}
.main_organ .organ_slider .splide .splide__slide a img{width:100%;}



/* RESPONSIVE */
@media screen and (max-width:1400px){
    /* ---------------------------------- *
        * VISUAL
    * ---------------------------------- */
    .main_visual{width:calc(100% - 60px);}

    
    /* ---------------------------------- *
        * BANNER
    * ---------------------------------- */
    .main_banner .fl-box{gap:40px;}

    .main_banner .box{text-align:center;}
    .main_banner .box a{display:inline-block;}


    /* ---------------------------------- *
        * DATA
    * ---------------------------------- */
    .main_data .data_board{padding:30px;}


    /* ---------------------------------- *
        * STORY
    * ---------------------------------- */
    .main_story .story_slider .splide{margin-left:30px;}
    .main_story .story_slider .custom_arrow{right:30px;}


    /* ---------------------------------- *
        * ORGAN
    * ---------------------------------- */
    .main_organ{margin-left:30px;}

    .main_organ .organ_tit{padding-right:30px; padding-bottom:60px;}

    .main_organ .organ_slider .custom_arrow{top:auto; transform:translateY(0); bottom:-15px;}
}


@media screen and (max-width:1280px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .m_con{padding-bottom:120px;}

    .m_title{padding-right:0;}


    /* ---------------------------------- *
        * VISUAL
    * ---------------------------------- */
    .main_visual .main_v_slider .slick-dots{bottom:30px;}


    /* ---------------------------------- *
        * BANNER
    * ---------------------------------- */
    .main_banner{padding-top:120px;}
    .main_banner .fl-box{gap:20px;}

    .main_banner .box .icon{padding:38px;}


    /* ---------------------------------- *
        * DATA
    * ---------------------------------- */
    .main_data .fl-box{gap:20px;}

    .main_data .data_board{width:100%;}
    .main_data .data_board .main_d_tab{margin-bottom:30px;}

    .main_data .data_menu{width:calc(40% - 20px); margin:0;}

    .main_data .data_commu{width:60%;}


    /* ---------------------------------- *
        * SUPPORT
    * ---------------------------------- */
    .main_support{padding-top:120px;}
    .main_support .gr-box{gap:50px;}

    .main_support .support_slider{padding-top:30px;}
    .main_support .support_slider .custom_arrow{top:-30px;}


    /* ---------------------------------- *
        * ORGAN
    * ---------------------------------- */
    .main_organ .organ_tit{width:100%; padding-right:30px; padding-bottom:0; margin-bottom:40px;}
    .main_organ .organ_tit h2{text-align:left;}

    .main_organ .organ_slider{width:100%;}
    .main_organ .organ_slider .custom_arrow{bottom:auto; left:auto; top:-83px; right:30px;}
}


@media screen and (max-width:1024px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .m_con{padding-bottom:100px;}

    .m_title{margin-bottom:30px;}
    .m_title p{width:100%; margin-left:0; margin-top:10px;}
    .m_title p.full{margin-top:10px;}

    .slider_wrap .custom_arrow{top:-75px;}


    /* ---------------------------------- *
        * VISUAL
    * ---------------------------------- */
    .main_visual .main_v_slider .slick-arrow{width:50px; height:50px; margin-top:-25px;}
    .main_visual .main_v_slider .slick-prev{left:20px;}
    .main_visual .main_v_slider .slick-next{right:20px;}


    /* ---------------------------------- *
        * BANNER
    * ---------------------------------- */
    .main_banner{padding-top:100px;}
    .main_banner .fl-box{gap:40px;}

    .main_banner .box .icon{padding:35px;}
    .main_banner .box .icon img{width:80px;}
    .main_banner .box p{margin-top:10px;}


    /* ---------------------------------- *
        * SUPPORT
    * ---------------------------------- */
    .main_support{padding-top:100px;}
    .main_support .gr-box{grid-template-columns:1fr; gap:100px;}

    .main_support .support_slider{padding-top:0;}
    .main_support .support_slider .custom_arrow{top:-75px;}


    /* ---------------------------------- *
        * PEOPLE
    * ---------------------------------- */
    .main_people .inner{padding:40px 30px 40px 250px;}
    .main_people .inner .deco{width:180px; left:30px;}


    /* ---------------------------------- *
        * ORGAN
    * ---------------------------------- */
    .main_organ .organ_tit{margin-bottom:30px;}

    .main_organ .organ_slider .custom_arrow{top:-75px;}
}


@media screen and (max-width:768px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .m_con{padding-bottom:80px;}

    .m_title{margin-bottom:20px; padding-right:130px;}

    .slider_wrap .custom_arrow{top:-60px !important;}
    .slider_wrap .custom_arrow button{padding:12px;}
    .slider_wrap .custom_arrow button:first-child{border-radius:8px 0 0 8px;}
    .slider_wrap .custom_arrow button:last-child{border-radius:0 8px 8px 0;}
    .slider_wrap .custom_arrow button img{width:12px;}


    /* ---------------------------------- *
        * VISUAL
    * ---------------------------------- */
    .main_visual{width:91%; border-radius:20px;}

    .main_visual .main_v_slider .slick-arrow{width:40px; height:40px; margin-top:-20px;}
    .main_visual .main_v_slider .slick-prev{left:15px; background-size:14px;}
    .main_visual .main_v_slider .slick-next{right:15px; background-size:14px;}
    .main_visual .main_v_slider .slick-dots{bottom:15px; gap:8px;}
    .main_visual .main_v_slider .slick-dots li button{width:8px; height:8px;}


    /* ---------------------------------- *
        * BANNER
    * ---------------------------------- */
    .main_banner{padding-top:80px;}
    .main_banner .fl-box{gap:30px;}
    
    .main_banner .box .icon{padding:20px; border-radius:20px;}
    .main_banner .box .icon img{width:60px;}


    /* ---------------------------------- *
        * DATA
    * ---------------------------------- */
    .main_data .inner{border-radius:20px;}

    .main_data .data_board{padding:20px;}
    .main_data .data_board .main_d_tab{margin-bottom:20px;}
    .main_data .data_board .main_d_tab ul li a{padding:17px 25px;}
    .main_data .data_board .main_d_tab button{padding:10.5px; margin-top:-17px;}
    .main_data .data_board .main_d_tab button img{width:13px;}
    .main_data .data_board .program{gap:10px;}
    .main_data .data_board .program .box{border-radius:10px;}
    .main_data .data_board .notice ul li{margin-bottom:10px; padding:0 80px 0 10px;}

    .main_data .data_menu{width:100%; padding:20px;}
    .main_data .data_menu .title h2{padding-left:32px;}
    .main_data .data_menu .title h2:after{width:24px; height:20px;}
    .main_data .data_menu .date{margin:15px 0;}
    .main_data .data_menu .list{height:auto;}

    .main_data .data_commu{width:100%;}
    .main_data .data_commu .webzine{height:auto;}
    .main_data .data_commu .webzine .imgbox a{position:inherit; top:auto; left:auto; transform:translate(0, 0);}


    /* ---------------------------------- *
        * STORY
    * ---------------------------------- */
    .main_story .story_slider .custom_arrow{right:4.5%;}
    .main_story .story_slider .splide{margin-left:4.5%;}
    .main_story .story_slider .splide .splide__slide{border-radius:20px;}


    /* ---------------------------------- *
        * SUPPORT
    * ---------------------------------- */
    .main_support{padding-top:80px;}
    .main_support:before{width:500px; height:500px; top:0; right:-250px;}
    .main_support .gr-box{gap:80px;}

    .main_support .support_slider .splide__slide{border-radius:20px;}


    /* ---------------------------------- *
        * PEOPLE
    * ---------------------------------- */
    .main_people .inner{padding:30px 20px 30px 160px; border-radius:20px;}
    .main_people .inner .deco{width:120px; left:20px;}
    .main_people .inner .people_track ul{gap:30px;}
    .main_people .inner .people_track ul li:after{right:-15px;}


    /* ---------------------------------- *
        * ORGAN
    * ---------------------------------- */
    .main_organ{margin-left:4.5%;}
    
    .main_organ .organ_tit{margin-bottom:20px;}

    .main_organ .organ_slider .custom_arrow{right:4.5%;}
    .main_organ .organ_slider .splide .splide__slide{border-radius:8px;}
}


@media screen and (max-width:480px){
    /* ---------------------------------- *
        * COMMON
    * ---------------------------------- */
    .m_con{padding-bottom:60px;}

    .m_title{padding-right:120px;}
    .m_title h2{font-size:3.4rem; line-height:3.8rem;}

    
    /* ---------------------------------- *
        * VISUAL
    * ---------------------------------- */
    .main_visual .main_v_slider .slick-dots{bottom:10px;}


    /* ---------------------------------- *
        * BANNER
    * ---------------------------------- */
    .main_banner{padding-top:60px;}
    .main_banner .fl-box{gap:20px;}
    
    .main_banner .box .icon{padding:22px;}
    .main_banner .box .icon img{width:44px;}
    
    
    /* ---------------------------------- *
        * DATA
    * ---------------------------------- */
    .main_data .data_board .main_d_tab ul li a{padding:15px 22px;}
    .main_data .data_board .program{grid-template-columns:repeat(2, 1fr);}
    .main_data .data_board .program .box:nth-child(3){display:none;}

    .main_data .data_commu .webzine .title h2{font-size:3.0rem; line-height:4.0rem;}
    .main_data .data_commu .webzine .title a{padding:12px 20px; margin-top:10px;}
    .main_data .data_commu .social ul{gap:10px;}
    .main_data .data_commu .social ul li a{max-width:54px;}


    /* ---------------------------------- *
        * BANNER
    * ---------------------------------- */
    .main_people .inner{padding:30px 25px;}
    .main_people .inner .deco{display:none;}
    .main_people .inner h2{font-size:2.8rem; line-height:3.2rem;}
    .main_people .inner .people_track ul{gap:20px;}
    .main_people .inner .people_track ul li:after{height:12px; right:-10px;}


    /* ---------------------------------- *
        * SUPPORT
    * ---------------------------------- */
    .main_support:before{width:400px; height:400px; right:-200px;}
    .main_support .gr-box{gap:60px;}
}