@charset "utf-8";
/*############ main ############*/
/* title_wrap */
.main_page .title_wrap { margin-bottom: 25px; display: flex; flex-direction: column; align-items: center; }
.main_page .title_wrap .tit { font-size: 35px; font-weight: bold; text-align: center; }
.main_page .title_wrap .s_txt { margin-top: 10px; }


/* main_visual */

.main_page article.main_visual { width: 100%; height: 1000px; min-height: 800px; }

.main_page article.main_visual .visual_page { height: 100%; padding-top: 0px; overflow: hidden; position: relative; }

.main_page article.main_visual .swiper-slide { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
/*.main_page article.main_visual .swiper-slide.page_1 { background-image: url(../images/visual_bg_1.jpg); }
.main_page article.main_visual .swiper-slide.page_2 { background-image: url(../images/visual_bg_1.jpg); }*/

.main_page article.main_visual .swiper-slide.page_1 {background-image: url(../images/mainbg.png)}
.main_page article.main_visual .swiper-slide.page_2 {background-image: url(../images/mainbg.png)}




.main_page article.main_visual .swiper-slide .center_inner { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.main_page article.main_visual .swiper-slide .text_image { width: 100%; max-width: 1600px; padding-top: 10%; }
.main_page article.main_visual .swiper-slide .text_image > img { width: 100%; }

.main_page article.main_visual .swiper-pagination { bottom: 2%; }
.main_page article.main_visual .swiper-pagination-bullet { background-color: #ffffff; }
.main_page article.main_visual .swiper-pagination-bullet-active { background-color: #f19443; }

.main_page article.main_visual .visual_page .navigation_btn { width: 20px; height: 50px; position: absolute; top: 50%; transform: translate(0,-50%); z-index: 2; background-size: 20px 50px; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.main_page article.main_visual .visual_page .visual-button-next { right: 4%; background-image: url(../images/btn_next2.png); }
.main_page article.main_visual .visual_page .visual-button-prev { left: 4%; background-image: url(../images/btn_prev2.png); }

.main_page article.main_visual .visual_page .scroll_icon { width: 28px; position: absolute; bottom: 5%; left: 50%; transform: translate(-50%,0);  }
.main_page article.main_visual .visual_page .scroll_icon > img { width: 100%; }

/* dday_link */
.main_page article.dday_link { padding: 45px 0; background-image: url(../images/dday_link_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.main_page article.dday_link .center_inner { display: flex; justify-content: space-between; background-image: url(../images/dday_link_bg.jpg); background-position: center left 220%; background-repeat: no-repeat; background-size: cover; }
.main_page article.dday_link { padding: 0; }

.main_page article.dday_link .dday_wrap { width: 24%; padding: 45px 0; color: #ffffff; font-weight: bold; text-align: center; background-color: #207568; }
.main_page article.dday_link .dday_wrap .txt { margin-bottom: 20px; font-size: 27px; letter-spacing: 0.06em; display: flex; flex-direction: column; align-items: center; }
.main_page article.dday_link .dday_wrap .dday { font-size: 70px; }

.main_page article.dday_link .link_wrap { width: 76%; }
.main_page article.dday_link .link_wrap ul { height: 100%; padding: 0 5px; display: flex; align-items: center; justify-content: center; }
.main_page article.dday_link .link_wrap ul > li { width: 20%; padding: 5px; }
.main_page article.dday_link .link_wrap ul > li > a { width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; position: relative; display: block; overflow: hidden; }
.main_page article.dday_link .link_wrap ul > li > a > div { width: 100%; height: 100%; color: #ffffff; position: absolute; z-index: 1; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main_page article.dday_link .link_wrap ul > li > a > div .txt { margin-bottom: 5px; font-size: 21px; font-weight: bold; display: flex; flex-direction: column; align-items: center; text-align: center; }
.main_page article.dday_link .link_wrap ul > li > a > div .txt > span { margin-top: 5px; font-size: 0.8rem; font-weight: 400; }
.main_page article.dday_link .link_wrap ul > li > a > div .icon { width: 40%; max-width: 50px; }
.main_page article.dday_link .link_wrap ul > li > a > div .icon > img { width: 100%; }

.main_page article.dday_link .link_wrap ul > li:nth-child(1) > a > div { background-color: #6658b9; }
.main_page article.dday_link .link_wrap ul > li:nth-child(2) > a > div { background-color: #58a1b9; }
.main_page article.dday_link .link_wrap ul > li:nth-child(3) > a > div { background-color: #f7a940; }
.main_page article.dday_link .link_wrap ul > li:nth-child(4) > a > div { background-color: #69471b; }
.main_page article.dday_link .link_wrap ul > li:nth-child(5) > a > div { background-color: #5fb958; }


/* greetings */
.main_page article.greetings { padding: 50px 0 65px 0; background-color: #f5f5f5; }
.main_page article.greetings .text_wrap { line-height: 45px; letter-spacing: 0.03em; }


/* speaker */
.main_page article.speaker { padding: 70px 0; }

.main_page article.speaker .speaker_box { padding: 0 20px; position: relative; }
.main_page article.speaker .speaker_wrap { overflow: hidden; }
.main_page article.speaker .speaker_wrap > ul > li { padding: 0 10px; }
.main_page article.speaker .speaker_wrap > ul > li > div { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; }
.main_page article.speaker .speaker_wrap > ul > li > div .photo { width: 100%; height: 0; margin-bottom: 20px; padding-bottom: 100%; border-radius: 50%; overflow: hidden; position: relative; background-color: #c3c3c3; }
.main_page article.speaker .speaker_wrap > ul > li > div .photo > img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.main_page article.speaker .speaker_wrap > ul > li > div .text { text-align: center; }
.main_page article.speaker .speaker_wrap > ul > li > div .text > div:nth-child(1) { margin-bottom: 10px; font-size: 17px; letter-spacing: 0.05em; font-weight: bold; }
.main_page article.speaker .speaker_wrap > ul > li > div .text > div:nth-child(2) { font-size: 0.9em; color: #8b8b8b; line-height: 1.3; }

.main_page article.speaker .btn > div { width: 15px; height: 40px; position: absolute; top: 40%; cursor: pointer; background-position: center; background-size: 15px 40px; background-repeat: no-repeat; }
.main_page article.speaker .btn .speaker-button-prev { left: 0; background-image: url(../images/btn_prev.png); }
.main_page article.speaker .btn .speaker-button-next { right: 0; background-image: url(../images/btn_next.png); }


/* notice */
.main_page article.notice { padding: 60px 0; background-color: #ececec; }

.main_page article.notice .s_title { margin-bottom: 45px; padding: 0 10px; font-size: 50px; font-weight: bold; }
.main_page article.notice .s_title span { margin-top: 10px; font-size: 0.5em; font-weight: 400; display: block; }

.main_page article.notice .notice_list_wrap ul { display: flex; flex-wrap: wrap; }
.main_page article.notice .notice_list_wrap ul > li { width: 25%; padding: 10px 10px; }
.main_page article.notice .notice_list_wrap ul > li a { height: 100%; padding: 20px 25px; background-color: #ffffff; box-shadow: 2px 2px 5px 2px rgba(200, 200, 200, 0.6); display: flex; flex-direction: column; justify-content: space-between; }
.main_page article.notice .notice_list_wrap ul > li a .group { margin-bottom: 25px; display: flex; }
.main_page article.notice .notice_list_wrap ul > li a .group > div { width: 30%; max-width: 100px; height: 30px; margin: 0 3px; font-size: 14px; background-color: #a1a1a1; color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; }
.main_page article.notice .notice_list_wrap ul > li a .group > div.color_1 { background-color: #1784a8; }
.main_page article.notice .notice_list_wrap ul > li a .group > div.color_2 { background-color: #6217a8; }
.main_page article.notice .notice_list_wrap ul > li a .tit { margin-bottom: 25px; font-size: 17px; font-weight: bold; line-height: 1.3; }
.main_page article.notice .notice_list_wrap ul > li a .text { margin-bottom: 35px; font-size: 14px; line-height: 1.4; color: #626262; }
.main_page article.notice .notice_list_wrap ul > li a .date { color: #626262; font-size: 14px; }

.main_page article.notice .notice_list_wrap ul > li a:hover { box-shadow: 2px 2px 20px 2px rgba(150, 150, 150, 0.8); transition: 0.3s; }


/* main_mail */
.main_page article.main_mail { padding: 55px 0; background-image: url(../images/main_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }
.main_page article.main_mail > .center_inner { display: flex; flex-direction: column; align-items: center; }

.main_page article.main_mail .text_wrap { margin-bottom: 35px; font-size: 30px; font-weight: bold; }
.main_page article.main_mail .input_wrap { width: 100%; max-width: 550px; margin-bottom: 25px; display: flex; justify-content: center; }
.main_page article.main_mail .input_wrap input { width: 80%; height: 50px; padding: 0 10px; box-sizing: border-box; }
.main_page article.main_mail .input_wrap button { width: 20%; height: 50px; background-color: #000000; color: #ffffff; }
.main_page article.main_mail .chk_wrap { display: flex; align-items: center; color: #ffffff; cursor: pointer; }
.main_page article.main_mail .chk_wrap a { margin-left: 20px; padding: 8px 12px; background-color: #1c6dbc;  color: #ffffff; }


/* past_events */
.main_page article.past_events { padding: 70px 0; }

.main_page article.past_events .event_list { display: flex; flex-wrap: wrap; }
.main_page article.past_events .event_list > li { width: 25%; padding: 10px; }
.main_page article.past_events .event_list > li a { padding: 10px 10px 20px 10px; background-color: #ffffff; box-shadow: 2px 2px 5px 2px rgba(200, 200, 200, 0.6); display: flex; flex-direction: column; justify-content: space-between; }
.main_page article.past_events .event_list > li a:hover { box-shadow: 2px 2px 20px 2px rgba(150, 150, 150, 0.8); transition: 0.3s; }

.main_page article.past_events .event_list > li a .img_wrap { width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; }
.main_page article.past_events .event_list > li a .img_wrap > img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.main_page article.past_events .event_list > li a .text_wrap { margin: 15px 0 20px 0; text-align: center; line-height: 1.3; }
.main_page article.past_events .event_list > li a .text_wrap > div:nth-child(1) { font-size: 18px; font-weight: bold; }
.main_page article.past_events .event_list > li a .text_wrap > div:nth-child(2) { margin-bottom: 8px; color: #2e9182; }
.main_page article.past_events .event_list > li a .text_wrap > div:nth-child(3) { font-size: 14px; }
.main_page article.past_events .event_list > li a .btn_wrap { display: flex; justify-content: center; }
.main_page article.past_events .event_list > li a .btn_wrap > div { padding: 10px 20px; border-radius: 10px; background-color: #3c3c3c; color: #ffffff; text-align: center; }


/* review */
.main_page article.review { padding: 50px 0 40px 0; background-color: #307e78; }
.main_page article.review .review_wrap { padding: 75px 50px 65px 50px; border: 3px solid #ffffff; color: #ffffff; background-color: #307e78; position: relative; }

.main_page article.review .review_wrap .s_title { max-width: 100%; padding: 0 45px; font-size: 32px; white-space: nowrap; font-weight: bold; background-color: #307e78; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); }

.main_page article.review .review_wrap ul { display: flex; align-items: center; justify-content: center; }
.main_page article.review .review_wrap ul > li { width: 25%; display: flex; flex-direction: column; align-items: center; text-align: center; }
.main_page article.review .review_wrap ul > li > div:nth-child(1) { margin-bottom: 20px; font-size: 50px; font-weight: bold; letter-spacing: -0.05em; }
.main_page article.review .review_wrap ul > li > div:nth-child(2) { font-size: 20px; }



/*############ overview ############*/
/* overview_text */
article.overview_text { padding: 75px 0; color: #ffffff; /*background-image: url(../images/main_bg.jpg);*/ background-size: cover; background-position: center; background-repeat: no-repeat; }
article.overview_text .title { margin-bottom: 30px; font-size: 25px; font-weight: bold; }
article.overview_text .text { line-height: 1.8; letter-spacing: 0.03em; }


/* overview_list */
article.overview_list { padding: 15px 0; }
article.overview_list .info_table > li { display: flex; }
article.overview_list .info_table > li > div { height: 100%; padding: 20px 10px 60px 10px; display: flex; align-items: center;}
article.overview_list .info_table > li > div:nth-child(1) { width: 35%; border-top: 2px solid #09624b; font-size: 20px; font-weight: bold; }
article.overview_list .info_table > li > div:nth-child(1) > img { width: 35px; margin-right: 10px; }
article.overview_list .info_table > li > div:nth-child(2) { width: 65%; border-top: 2px solid #d9d9d9; line-height: 1.7; }
article.overview_list .info_table > li > div.logo_list > img { width: 50%; max-width: 240px; }



/*############ venue ############*/
.venue h3 { padding-bottom: 10px; border-bottom: 2px solid #000000; }

.venue article.venue_info .text_wrap { line-height: 1.6; }

.venue article.venue_info .image_wrap { width: 100%; margin: 30px 0; }
.venue article.venue_info .image_wrap > img { width: 100%; }

.venue article.venue_info .info_text { margin: 20px 0; padding: 15px 25px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; display: flex; align-items: center; justify-content: space-between; }
.venue article.venue_info .info_text div { font-size: 20px; display: flex; align-items: center; }
.venue article.venue_info .info_text div > img { width: 30px; margin-right: 10px; }
.venue article.venue_info .info_text a { width: 200px; padding: 10px 5px; background-color: #000000; color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; }

.venue article.venue_info .public_transport { padding: 0 0 30px 0; }
.venue article.venue_info .public_transport ul { display: flex; }
.venue article.venue_info .public_transport ul > li { width: 50%; padding: 10px; }
.venue article.venue_info .public_transport ul > li > div { width: 100%; height: 100%; padding: 25px 20px; line-height: 1.8; display: flex; align-items: center; background-color: #f3f3f3; }
.venue article.venue_info .public_transport ul > li > div .icon { width: 20%; max-width: 130px; }
.venue article.venue_info .public_transport ul > li > div .icon > img { width: 100%; } 
.venue article.venue_info .public_transport ul > li > div .text { width: 80%; padding-left: 20px; }
.venue article.venue_info .public_transport ul > li > div .text > .tit { font-size: 1.2rem; font-weight: bold; }
.venue article.venue_info .public_transport ul > li > div .text span { font-weight: bold; }




/*############ registration ############*/
.registration article.registration_info .text { margin: 0 0 40px 0; line-height: 1.7; }

.registration article.registration_info .info_table > li { display: flex; }
.registration article.registration_info .info_table > li > div { height: 100%; padding: 20px 0 60px 0; }
.registration article.registration_info .info_table > li > div:nth-child(1) { width: 20%; border-top: 2px solid #197261; font-size: 22px; font-weight: bold; }
.registration article.registration_info .info_table > li > div:nth-child(2) { width: 80%; border-top: 2px solid #d9d9d9; line-height: 1.7; }

.registration article.registration_info .step_list { padding: 0 0 60px 0; }
.registration article.registration_info .step_list > ul { display: flex; flex-wrap: wrap; }
.registration article.registration_info .step_list > ul > li { width: 25%; padding: 10px 15px; }
.registration article.registration_info .step_list > ul > li > div { width: 100%; height: 100%; padding-bottom: 25px; border: 2px solid #dfdfdf; display: flex; flex-direction: column; align-items: center; }
.registration article.registration_info .step_list > ul > li > div .step { padding: 5px 20px; background-color: #197261; color: #ffffff; text-align: center; }
.registration article.registration_info .step_list > ul > li > div .icon { width: 60%; max-width: 70px; margin: 30px 0; }
.registration article.registration_info .step_list > ul > li > div .icon > img { width: 100%; }
.registration article.registration_info .step_list > ul > li > div .txt { line-height: 1.5; text-align: center; }

.registration article.registration_info .step_list .btn_wrap { margin-top: 30px; display: flex; justify-content: center; }
.registration article.registration_info .step_list .btn_wrap a { width: 50%; max-width: 270px; padding: 15px 5px; font-size: 20px; background-color: #197261; color: #ffffff; text-align: center; }



/*############ notice ############*/
.notice article.notice_box ul { width: 100%; margin: 50px 0; border-top: 3px solid #000000; }
.notice article.notice_box ul > li { width: 100%; padding: 40px 20px 60px 20px; border-bottom: 1px solid #000000; }
.notice article.notice_box ul > li > a { display: block; }
.notice article.notice_box ul > li > a .tag_wrap { margin-bottom: 30px; display: flex; }
.notice article.notice_box ul > li > a .tag_wrap > div { margin-right: 5px; padding: 8px 12px; background-color: #a1a1a1; color: #ffffff; }
.notice article.notice_box ul > li > a .tag_wrap > div.color_1 { background-color: #1784a8; }
.notice article.notice_box ul > li > a .tit { width: 100%; max-width: 100%; margin-bottom: 10px; font-weight: bold; line-height: 1.5; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.notice article.notice_box ul > li > a .content { width: 100%; max-width: 100%; margin-bottom: 30px; line-height: 1.5; color: #626262; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.notice article.notice_box ul > li > a .date { font-size: 0.8em; color: #626262; }



/* notice(페이지 공통) */
article.notice { padding: 90px 0 100px 0; background-color: #ececec; }

article.notice .s_title { margin-bottom: 45px; padding: 0 10px; font-size: 50px; font-weight: bold; }
article.notice .s_title span { margin-top: 10px; font-size: 0.5em; font-weight: 400; display: block; }

article.notice .notice_list_wrap ul { display: flex; flex-wrap: wrap; }
article.notice .notice_list_wrap ul > li { width: 25%; padding: 10px 10px; }
article.notice .notice_list_wrap ul > li a {padding: 30px 35px;background-color: #ffffff;box-shadow: 2px 2px 5px 2px rgba(200, 200, 200, 0.6);display: flex;flex-direction: column;justify-content: space-between;}
article.notice .notice_list_wrap ul > li a .group { margin-bottom: 35px; display: flex; }
article.notice .notice_list_wrap ul > li a .group > div { width: 30%; max-width: 100px; height: 40px; margin: 0 3px; font-size: 15px; background-color: #a1a1a1; color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; }
article.notice .notice_list_wrap ul > li a .group > div.color_1 { background-color: #1784a8; }
article.notice .notice_list_wrap ul > li a .group > div.color_2 { background-color: #6217a8; }
article.notice .notice_list_wrap ul > li a .tit { margin-bottom: 25px; font-size: 20px; font-weight: bold; line-height: 1.3; }
article.notice .notice_list_wrap ul > li a .text { margin-bottom: 35px; line-height: 1.4; color: #626262; }
article.notice .notice_list_wrap ul > li a .date { color: #626262; font-size: 14px; }

article.notice .notice_list_wrap ul > li a:hover { box-shadow: 2px 2px 20px 2px rgba(150, 150, 150, 0.8); transition: 0.3s; }



@media all and (max-width:1200px) {
    /*############ main ############*/
    /* title_wrap */
    .main_page .title_wrap .tit { font-size: 28px; }

    /* main_visual */
    .main_page article.main_visual .visual_page { padding-top: 0px; }

    .main_page article.main_visual .swiper-slide .center_inner { justify-content: center; }
    .main_page article.main_visual .swiper-slide .text_image { padding: 0; }

    .main_page article.main_visual .visual_page .scroll_icon { width: 22px; }

    /* dday_link */
    .main_page article.dday_link { padding: 0; background-color: #f1f2f3; background-image: none; }
    .main_page article.dday_link .center_inner { padding: 0; flex-direction: column; }
    .main_page article.dday_link .center_inner { background-image: none; }

    .main_page article.dday_link .dday_wrap { width: 100%; padding: 20px 4%; background-image: url(../images/dday_link_bg2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
    .main_page article.dday_link .dday_wrap .txt { margin-bottom: 8px; font-size: 22px; flex-direction: row; justify-content: center; }
    .main_page article.dday_link .dday_wrap .txt > span { margin: 0 5px; }
    .main_page article.dday_link .dday_wrap .dday { font-size: 50px; }

    .main_page article.dday_link .link_wrap { width: 100%; max-width: 900px; margin: 0 auto; padding: 10px 4%; }
    .main_page article.dday_link .link_wrap ul > li > a > div .txt { font-size: 18px; }

    /* greetings */
    .main_page article.greetings .text_wrap { line-height: 2; }

    /* notice */
    .main_page article.notice .notice_list_wrap ul > li { width: 50%; }

    /* main_mail */
    .main_page article.main_mail .text_wrap { margin-bottom: 25px; font-size: 25px; }

    /* past_events */
    .main_page article.past_events .event_list > li { width: 50%; }

    /* review */
    .main_page article.review .review_wrap { padding: 55px 30px 45px 30px; }

    .main_page article.review .review_wrap .s_title { padding: 0 20px; font-size: 25px; text-align: center; }
    .main_page article.review .review_wrap .s_title span { display: block; margin-bottom: 6px; }

    .main_page article.review .review_wrap ul { flex-wrap: wrap;}
    .main_page article.review .review_wrap ul > li { margin: 20px 0; }
    .main_page article.review .review_wrap ul > li > div:nth-child(1) { margin-bottom: 10px; font-size: 33px; }
    .main_page article.review .review_wrap ul > li > div:nth-child(2) { font-size: 16px; }


    /*############ overview ############*/
    /* overview_list */
    article.overview_list .info_table > li { flex-direction: column; }
    article.overview_list .info_table > li > div { padding: 10px 0; }
    article.overview_list .info_table > li > div:nth-child(1) { width: 100%; }
    article.overview_list .info_table > li > div:nth-child(2) { width: 100%; padding: 0 2% 30px 2%; border: 0; }
	
	
	
    /*############ venue ############*/
    .venue article.venue_info .info_text { padding: 12px 15px; }
    .venue article.venue_info .info_text div { font-size: 18px; }
    .venue article.venue_info .info_text a { width: 170px; }

    .venue article.venue_info .public_transport ul { flex-wrap: wrap; }
    .venue article.venue_info .public_transport ul > li { width: 100%; padding: 15px 0; }


    /*############ speaker ############*/
    article.speakers .date_title { font-size: 14px; }

    /* speaker_list */
    article.speakers .speaker_list > ul > li { width: 50%; max-width: 50%; }


    /*############ registration ############*/
    .registration article.registration_info .info_table > li > div:nth-child(1) { font-size: 18px; }

	.registration article.registration_info .step_list > ul > li { width: 50%; }
		
  /* ----- //추가 ----- */
    /* notice(페이지 공통) */
    article.notice .s_title span { margin: 0 0 0 5px; display: inline; }

    article.notice .notice_list_wrap ul > li { width: 50%; }
	
	  /*############ notice ############*/
    .notice article.notice_box ul > li { padding: 20px 10px 30px 10px; }
    .notice article.notice_box ul > li > a .tag_wrap > div { font-size: 14px; }
    .notice article.notice_box ul > li > a .tit { font-size: 18px; }
	
	    /*----- join_form -----*/
    .join_form .text_box ul { flex-direction: column; }
    .join_form .text_box ul > li { margin: 10px 0; }
}

@media all and (max-width:800px) { 
    .main_page article.main_visual { width: 100%; height:  430px; min-height: 430px; }

  
    /*############ main ############*/
    /* dday_link */
    .main_page article.dday_link .dday_wrap .dday { font-size: 35px; }

    .main_page article.dday_link .link_wrap { max-width: 580px; }
    .main_page article.dday_link .link_wrap ul { flex-wrap: wrap; }
    .main_page article.dday_link .link_wrap ul > li { width: 33%; }
	
	  /*############ speaker ############*/
    article.speakers .date_title { font-size: 12px; font-weight: bold; }

    /* speaker_list */
    article.speakers .speaker_list > ul > li > div { padding: 4%; }

    article.speakers .speaker_list > ul > li .info_wrap { padding: 0 0 0 15px; }
    article.speakers .speaker_list > ul > li .info_wrap .name { font-size: 1.3em; }

    /* speaker_view_modal */
    .speaker_view_modal > div { padding: 40px 20px 20px 20px; flex-direction: column; align-items: center; }
    .speaker_view_modal .photo_wrap { width: 100%; max-width: 280px; margin-bottom: 20px; }
    .speaker_view_modal .info_wrap { width: 100%; padding: 0; }
    .speaker_view_modal .info_wrap .text_set { max-height: fit-content; }


    /*############ registration ############*/
    .registration article.registration_info .info_table > li { flex-direction: column; }
    .registration article.registration_info .info_table > li > div { padding: 10px 0; }
    .registration article.registration_info .info_table > li > div:nth-child(1) { width: 100%; }
    .registration article.registration_info .info_table > li > div:nth-child(2) { width: 100%; padding: 0 2% 30px 2%; border: 0; }
	
	
	 /*############ notice ############*/
    .notice article.notice_box ul > li { padding: 20px 10px 30px 10px; }
    .notice article.notice_box ul > li > a .tag_wrap > div { font-size: 14px; }
    .notice article.notice_box ul > li > a .tit { font-size: 18px; }
	    article.speakers .speaker_list > ul > li { width: 100%; max-width: 100%; }

}

@media all and (max-width:540px) {
    /*############ main ############*/
    /* title_wrap */
    .main_page .title_wrap .tit { font-size: 20px; }

    /* main_visual */
	.main_page article.main_visual { width: 100%; height: 430px;  }

    .main_page article.main_visual .visual_page .scroll_icon { width: 20px; }

    /* dday_link */
    .main_page article.dday_link .link_wrap ul > li { width: 50%; }
    .main_page article.dday_link .link_wrap ul > li > a > div .txt { font-size: 15px; }
    .main_page article.dday_link .link_wrap ul > li > a > div .icon { max-width: 35px; }

    /* speaker */
    .main_page article.speaker { padding: 50px 0; }

    /* notice */
    .main_page article.notice .notice_list_wrap ul > li { width: 100%; }

    /* main_mail */
    .main_page article.main_mail .text_wrap { font-size: 20px; }
    .main_page article.main_mail .input_wrap input { height: 40px; }
    .main_page article.main_mail .input_wrap button { height: 40px; }

    /* review */
    .main_page article.review .review_wrap { padding: 45px 15px 35px 15px; }

    .main_page article.review .review_wrap .s_title { font-size: 22px; }

    .main_page article.review .review_wrap ul > li { width: 50%; margin: 15px 0; }
    .main_page article.review .review_wrap ul > li > div:nth-child(1) { font-size: 30px; }
	
	
    /*############ venue ############*/
    .venue article.venue_info .info_text { flex-direction: column; }
    .venue article.venue_info .info_text a { margin-top: 10px; }

    .venue article.venue_info .public_transport ul > li > div { padding: 15px 10px; }
    .venue article.venue_info .public_transport ul > li > div .icon { display: none; }
    .venue article.venue_info .public_transport ul > li > div .text { width: 100%; }


    /*############ speaker ############*/
    /* speaker_list */
    article.speakers .speaker_list > ul > li > div { flex-direction: column; align-items: center; }

    article.speakers .speaker_list > ul > li .photo_wrap { width: 100%; max-width: 200px; margin-bottom: 15px; }
    article.speakers .speaker_list > ul > li .info_wrap { width: 100%; padding: 0; }

    /*############ registration ############*/
    .registration article.registration_info .step_list > ul > li { width: 100%; }
	
	    /*############ news ############*/
    /* news_list */
    .news article.news_list { padding-bottom: 50px; }

    .news article.news_list ul > li > a { padding: 20px 40px 20px 15px; }
    .news article.news_list ul > li > a .title { margin-bottom: 20px; font-size: 18px; }
    .news article.news_list ul > li > a .text { font-size: 15px; max-height: 45px; }
    .news article.news_list ul > li > a .more_btn { width: 15px; }

    /* news_content */
    .news article.news_content { padding-bottom: 80px; }

    .news article.news_content .title_wrap  { padding: 30px 5px; }
    .news article.news_content .title_wrap > div:nth-child(1) { margin-bottom: 20px; font-size: 18px; }

    .news article.news_content .content_wrap { padding: 30px 5px; }
	
	
}