main .speakers_area {display: flex; justify-content: center;}
main .speakers_area > div {width: 90%; max-width: 1480px; padding: 0px 0px;}
main .speakers_area > div > div:nth-child(1) {font-size: 32px; font-weight: 600; margin-bottom: 35px;}


/* section_box */
main .speakers_area .section_box {background-color: #f0f6ff; display: flex; justify-content: center; margin-bottom: 0px;}
main .speakers_area .section_box > div {width: 90%;}

.transtxt a {color: #8aa4cb; font-size:23px;}
.transtxt a.on {font-size:; background: -webkit-linear-gradient(-45deg, #2b52b0, #40d9da); background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; }
@media all and (max-width:670px){  
   .transtxt a {font-size:12px;}
.transtxt a.on {font-size:16px;} 
}


.note_txt { font-size: 14px; color: red; margin: 0 auto 20px;width:100%;text-align: right   ;}
@media all and (max-width:600px) {
.note_txt { font-size: 10px; }
}



main .speakers_area .section_box > div > div:nth-child(1) { padding: 24px 0px; border-bottom: 0.5px solid #8aa4cb;}
main .speakers_area .section_box > div > div:nth-child(2) {display: flex; padding: 20px 0px 30px 0px; flex-wrap: wrap;}
main .speakers_area .section_box > div > div:nth-child(2) > a > div { font-size: 16px; color: #8aa4cb; margin-right: 20px; margin-top: 10px;} 
main .speakers_area .section_box > div > div:nth-child(2) > a:hover {background: -webkit-linear-gradient(-45deg, #2b52b0, #40d9da); background-clip: text; -webkit-text-fill-color: transparent;}
main .speakers_area .section_box > div > div:nth-child(2) > a.on{background: -webkit-linear-gradient(-45deg, #2b52b0, #40d9da); background-clip: text; -webkit-text-fill-color: transparent;font-weight:bold;}



/* page_turner */
main .speakers_area .page_turner {display: flex; justify-content: center; padding: 80px 0px 0px 0px;}
main .speakers_area .page_turner > div {width: 20%; max-width: 1480px; display: flex;justify-content: space-between;}
main .speakers_area .page_turner > div > a {width: 25%;}
main .speakers_area .page_turner > div > a > div {width: 100%;}

/* speakers_items_modal
main .speakers_area > div .speakers_items_modal {display: none; max-width: 1200px; max-height: 900px; background-color: #14203a; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);  height: 65%; width: 85%; padding: 2% 3%;} 
main .speakers_area > div .modal_background { display: none; z-index: 100; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.8);}
main .speakers_area > div .speakers_items_modal > div:nth-child(1) {text-align: right;}
main .speakers_area > div .speakers_items_modal > div:nth-child(1) img {width: 30px;}
main .speakers_area > div .speakers_items_modal > div:nth-child(2) {display: flex;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) div:nth-child(1) {width: 360px; min-width: 150px;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) div:nth-child(1) > div {width: 100%;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) div:nth-child(1) > div img {width: 100%;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box {margin-left: 20px; width: 60%; }
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(1) {font-size: 20px; color: #FFFFFF; font-weight: 600; }
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box div:nth-child(n+2) {color: #8593b0; font-size: 16px;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(2) {margin-bottom: 30px;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(4) {margin-bottom: 30px;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(3) {display: flex;}
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(3) > div:nth-child(1) {border-right: 1px solid #8593b0;  width: 70px; margin-right:10px ;} 
main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(5) {overflow: auto; height: 52%;} 

 */

.transtxtOff{display:none;}
#Txton{display:block;}

/* ############### Sub_speakers_modal ############### */
.speaker_modal_bak { z-index: 300; width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); }
.speaker_modal_bak.on { display: block; }

/* speaker_view_modal */
.speaker_view_modal { z-index: 301; width: 85%; height: 75%; overflow-y: scroll; opacity: 0; visibility: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #ffffff; }
.speaker_view_modal.on { opacity: 1; visibility: visible; transition: 0.5s; }
.speaker_view_modal > div { width: 100%; height: 100%; position: relative; display: flex; }

/* close_btn */
.speaker_view_modal .close_btn { position: absolute; top: 0; right: 0; cursor: pointer; }
.speaker_view_modal .close_btn > img { width: 40px; }

/* photo_box */
.speaker_view_modal .modal_image_box { width: 25%; padding: 4% 2%; display: flex; flex-direction: column; align-items: center; }
.speaker_view_modal .modal_image_box .image_wrap { width: 100%; height: 100%; max-width: 230px; margin-bottom: 20px; }
.speaker_view_modal .modal_image_box .image_wrap > div { width: 100%;  padding-bottom: 100%;  overflow: hidden; position: relative; }
.speaker_view_modal .modal_image_box .image_wrap > div > img { width: 100%; }
.speaker_view_modal .modal_image_box a { display: flex; align-items: center; text-align: center; font-weight: bold; }
.speaker_view_modal .modal_image_box a img { width: 20px; margin-left: 10px; }

/* contents_box */
.speaker_view_modal .contents_box { width: 75%; padding: 2% 2%; display: flex; flex-direction: column; }
.speaker_view_modal .contents_box .title { margin-bottom: 10px; color: #0b4f91; font-weight: bold; }
.speaker_view_modal .contents_box .name { margin-bottom: 5px; font-weight: bold; font-size: 18px; }
.speaker_view_modal .contents_box .content { margin-bottom: 20px;}
.speaker_view_modal .contents_box .text_wrap { width: 100%; height: 100%; padding: 2% 2%; overflow-y: scroll; border: 1px solid #d1d1d1; }
.speakers_items .text_box > div:nth-child(1) {font-size: 16px;} 
.speakers_items .text_box > div:nth-child(2) {height:200px}




@media all and (max-width:1300px) {

    /* ############### Sub_speakers_modal ############### */
    .speaker_view_modal { width: 90%; }
}






@media all and (max-width:1280px) {
    
    .speakers_items {width: 23%;}


}

@media all and (max-width:950px) {
    .speaker_view_modal .contents_box .text_wrap { font-size: 12px; }

    main .speakers_area > div .speakers_items_modal div:nth-child(2) div:nth-child(1) {width: 40%;}
    main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(5) {height: 40%;} 
}


@media all and (max-width:900px) {
    .speakers_items {width: 31%;}

}

@media all and (max-width:770px){    
    main .speakers_area > div .speakers_items_modal { top: 50%; left: 50%; transform: translate(-50%,-50%);  height: 90%;} 
    main .speakers_area > div .speakers_items_modal > div:nth-child(2) {display: block;}
    main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box {margin-left: 0px; width: 100%;margin-top: 10px; }
    main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(5) {height: 200px;} 
    main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(3) {display: block;}
    main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(3) > div:nth-child(1) {border: none;}
    
    .speakers_items .text_box > div:nth-child(1) {font-size: 14px; } 
    .speakers_items .text_box > div:nth-child(2) {font-size: 11px; }
}


@media all and (max-width:640px) {
    .speakers_items {width: 45%;}
}

@media all and (max-width:640px) {
    main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(5) {height: 270px;} 
}

@media all and (max-width:400px) {
    main .speakers_area > div .speakers_items_modal div:nth-child(2) .text_box > div:nth-child(5) {height: 300px;} 
}




/* ############### Sub_speakers_modal ############### */
.speaker_modal_bak { z-index: 300; width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); }
.speaker_modal_bak.on { display: block; }

/* speaker_view_modal */
.speaker_view_modal { z-index: 301; width: 85%; height: 75%; overflow-y: scroll; opacity: 0; visibility: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #ffffff; }
.speaker_view_modal.on { opacity: 1; visibility: visible; transition: 0.5s; }
.speaker_view_modal > div { width: 100%; height: 100%; position: relative; display: flex; }

/* close_btn */
.speaker_view_modal .close_btn { position: absolute; top: 0; right: 0; cursor: pointer; }
.speaker_view_modal .close_btn > img { width: 40px; }

/* photo_box */
.speaker_view_modal .modal_image_box { width: 25%; padding: 4% 2%; display: flex; flex-direction: column; align-items: center; }
.speaker_view_modal .modal_image_box .image_wrap { width: 100%; height: 100%; max-width: 230px; margin-bottom: 20px; }
.speaker_view_modal .modal_image_box .image_wrap > div { width: 100%;  padding-bottom: 100%;  overflow: hidden; position: relative; }
.speaker_view_modal .modal_image_box .image_wrap > div > img { width: 100%; }
.speaker_view_modal .modal_image_box a { display: flex; align-items: center; text-align: center; font-weight: bold; }
.speaker_view_modal .modal_image_box a img { width: 20px; margin-left: 10px; }

/* contents_box */
.speaker_view_modal .contents_box { width: 75%; padding: 2% 2%; display: flex; flex-direction: column; }
.speaker_view_modal .contents_box .title { margin-bottom: 10px; color: #0b4f91; font-weight: bold; }
.speaker_view_modal .contents_box .name { margin-bottom: 5px; font-weight: bold; font-size: 18px; }
.speaker_view_modal .contents_box .content { margin-bottom: 20px;}
.speaker_view_modal .contents_box .text_wrap { width: 100%; height: 100%; padding: 2% 2%; overflow-y: scroll; border: 1px solid #d1d1d1; }



/* ############### Sub_about_seoul ############### */
.Sub_about_seoul { padding: 30px 0 100px 0; }

/* seoul_photo_wrap */
.Sub_about_seoul .seoul_photo_wrap { display: flex; }
.Sub_about_seoul .seoul_photo_wrap > div { width: 50%; padding: 5px;  display: flex; flex-direction: column; justify-content: space-between; }
.Sub_about_seoul .seoul_photo_wrap > div > img { width: 100%; padding-bottom:5px; }

/* seoul_text_wrap */
.Sub_about_seoul .seoul_text_wrap { width: 100%; margin: 45px 0 50px 0; }

/* seoul_info_wrap */
.Sub_about_seoul .seoul_info_wrap { padding-top: 50px; border-top: 1px solid #cecece; }
.Sub_about_seoul .seoul_info_wrap > div { margin-bottom: 50px; }
.Sub_about_seoul .seoul_info_wrap .btn_wrap { margin-top: 45px; display: flex; justify-content: center; }
.Sub_about_seoul .seoul_info_wrap .btn_wrap > a { width: 40%; max-width: 360px; margin: 0 2%; padding: 20px 0; background-color: #e2e2e2; border: 1px solid #d3d3d3; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.Sub_about_seoul .seoul_info_wrap .btn_wrap > a > img { width: 40px; margin-left: 5%; }
.Sub_about_seoul .seoul_info_wrap .link_list a { color: #5fbdef; text-decoration: underline; }

/* mov_wrap */
.Sub_about_seoul .seoul_info_wrap .mov_wrap { margin-top: 45px; display: flex; justify-content: center; }
.Sub_about_seoul .seoul_info_wrap .mov_wrap > div { width: 33%; padding: 0.4%; }
.Sub_about_seoul .seoul_info_wrap .mov_wrap > div > div { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.Sub_about_seoul .seoul_info_wrap .mov_wrap > div > div > iframe { width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; }

@media all and (max-width:1100px) {
    /* mov_wrap */
    .Sub_about_seoul .seoul_info_wrap .mov_wrap { flex-direction: column; }
    .Sub_about_seoul .seoul_info_wrap .mov_wrap > div { width: 100%; padding: 1%; }
    .speaker_view_modal .modal_image_box .image_wrap > div { width: 100%;  padding-bottom: 0px;  overflow: hidden; position: relative; }

}


/* ############### Sub_accommodation ############### */
.Sub_accommodation { padding: 30px 0 100px 0; }
.Sub_accommodation > .center_inner > div { margin-bottom: 70px; }

/* hotel_photo_wrap_A */
.Sub_accommodation .hotel_photo_wrap_A { width: 100%; }
.Sub_accommodation .hotel_photo_wrap_A > img { width: 100%;}

/* hotel_photo_wrap_B */
.Sub_accommodation .hotel_photo_wrap_B { width: 95%; margin: 0 auto; }
.Sub_accommodation .hotel_photo_wrap_B > img { width: 100%; }

/* hotel_info_wrap */
.Sub_accommodation .hotel_info_wrap { width: 100%; margin-top: 30px; padding: 3% 3%; border: 1px solid #d4d4d4; }
.Sub_accommodation .hotel_info_wrap ul > li { margin-bottom: 5px; display: flex; align-items: center; color: #404b58; word-break: break-all; }
.Sub_accommodation .hotel_info_wrap ul > li a { color: #404b58; }
.Sub_accommodation .hotel_info_wrap ul > li img { width: 18px; margin-right: 10px; }



/* ############### Sub_transportation ############### */
.Sub_transportation { padding: 30px 0 100px 0; font-size: 14px; }
.Sub_transportation .center_inner > div:nth-child(1) { margin-bottom: 100px; padding-bottom: 50px; border-bottom: 8px solid #c7c7c7; }


/* text style */
.Sub_transportation .transportation_title { margin-bottom: 30px; font-size: 16px; font-weight: bold; display: flex; align-items: center; }
.Sub_transportation .transportation_title img { width: 25px; margin-right: 10px; }
.Sub_transportation .s_title { margin-bottom: 5px; font-size: 16px; font-weight: bold; }
.Sub_transportation .red_text { padding-left: 12px; color: red; }


/* table_set */
.Sub_transportation .table_set { margin: 40px 0; }


/* route_set */
.Sub_transportation .route_set { margin-bottom: 50px; }
.Sub_transportation .route_set .route_box { width: 100%; padding: 2% 2%; background-color: #f4f4f4; }


/* image_box */
.Sub_transportation .image_box_A { width: 100%; margin: 5px 0 10px 0; padding: 2% 2%; border: 1px solid #d3d3d3; }
.Sub_transportation .image_box_A .s_title { margin-bottom: 20px; text-align: center; }
.Sub_transportation .image_box_A img { width: 100%; }
.Sub_transportation .image_box_B { width: 100%; margin: 5px 0 10px 0; }
.Sub_transportation .image_box_B > img { width: 100%; }
.Sub_transportation .image_box_C { width: 100%; display: flex; justify-content: space-between; }
.Sub_transportation .image_box_C > img { width: 48%; }



/* info_list */
.Sub_transportation ul.info_list_A { margin: 18px 0; }
.Sub_transportation ul.info_list_A > li { margin-bottom: 5px; }
.Sub_transportation ul.info_list_A > li::before { content: "-"; margin-right: 5px; }
.Sub_transportation ul.info_list_B { margin: 18px 0; }



/* ############### Sub_useful_info ############### */
.Sub_useful_info { padding: 30px 0 100px 0; }
.Sub_useful_info > .center_inner {  }

/* useful_info_box */
.Sub_useful_info .useful_info_box { margin-bottom: 50px; padding: 50px 4% 4% 4%; border: 1px solid #d1d2d2; position: relative; display: flex; flex-direction: column; align-items: center;  }
.Sub_useful_info .useful_info_box.box_A { width: 48%; }
.Sub_useful_info .useful_info_box.box_B { width: 100%; }
.Sub_useful_info .info_box_set { width: 48%; display: flex; flex-direction: column; }

/* title_icon */
.Sub_useful_info .useful_info_box .title_icon { width: 75px; height: 75px; z-index: 1; border-radius: 3px; border: 1px solid #cccdce; box-shadow: 0px 1px 2px 1px rgba(150, 150, 150, 0.3); position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); background-color: #ffffff; display: flex; align-items: center; justify-content: center; }
.Sub_useful_info .useful_info_box .title_icon > img { width: 70%; }

/* text box style */
.Sub_useful_info .useful_info_box .text { width: 100%; font-size: 14px; color: #404b58; line-height: 1.7; }
.Sub_useful_info .useful_info_box .text.center_text { text-align: center; }
.Sub_useful_info .useful_info_box .text > .s_text { font-size: 0.8rem; }
.Sub_useful_info .useful_info_box .list_style_A { list-style-type: disc; list-style-position: inside; }
.Sub_useful_info .useful_info_box .list_style_A.VAT_list > li { margin-bottom: 15px; }
.Sub_useful_info .useful_info_box .list_style_B { list-style-type: disc; display: flex; }
.Sub_useful_info .useful_info_box .list_style_B > li { width: 50%; }

/* image */
.Sub_useful_info .useful_info_box .image { width: 100%; margin: 10px auto; }
.Sub_useful_info .useful_info_box .image > img { width: 100%; }

/* websites_list */
.Sub_useful_info .useful_info_box .websites_list { display: flex; justify-content: space-between; }
.Sub_useful_info .useful_info_box .websites_list ul { width: 45%; }
.Sub_useful_info .useful_info_box .websites_list ul > li { display: flex; padding-left: 18px; background-image: url(../image/list_dot.png); background-position: left top 15px; background-repeat: no-repeat; background-size: 5px; }
.Sub_useful_info .useful_info_box .websites_list ul > li.dot_hide { background-image: none; }
.Sub_useful_info .useful_info_box .websites_list ul li > div { padding: 5px 0;}
.Sub_useful_info .useful_info_box .websites_list ul li > div:nth-child(1) { width: 20%; }
.Sub_useful_info .useful_info_box .websites_list ul li > div:nth-child(2) { width: 60%; }
.Sub_useful_info .useful_info_box .websites_list ul li > div:nth-child(3) { width: 20%; }
.Sub_useful_info .useful_info_box .websites_list ul li > div:nth-child(3) a { display: flex; align-items: center; justify-content: center; }
.Sub_useful_info .useful_info_box .websites_list ul li > div:nth-child(3) a img { width: 45px; max-width: 95%; }



/* ############### Sub_registration ############### */
.Sub_registration { padding: 30px 0 100px 0; }

/* terms_title */
.Sub_registration .terms_title { margin-bottom: 10px; font-size: 20px; font-weight: bold; }

/* terms_text_wrap */
.Sub_registration .terms_text_wrap { width: 100%; height: 600px; overflow-y: scroll; padding: 4% 4%; border: 1px solid #cccdce; }

/* chk_input_wrap */
.Sub_registration .terms_chk_set { margin-top: 10px; display: flex; align-items: center; justify-content: center; }
.Sub_registration .terms_chk_set .chk_input_wrap { display: flex; align-items: center; }
.Sub_registration .terms_chk_set .chk_input_wrap > label:nth-child(1) { margin-right: 10px; }
.Sub_registration .terms_chk_set .chk_input_wrap > label:nth-child(2) { cursor: pointer; }

/* btn_wrap */
.Sub_registration .btn_wrap { width: 100%; margin: 40px 0; display: flex; justify-content: center; }
.Sub_registration .btn_wrap a { width: 80%; max-width: 300px; padding: 10px 0; border-radius: 20px; background-color: #09007d; color: #ffffff; text-align: center; }
.Sub_registration .btn_wrap button { width: 80%; max-width: 300px; padding: 10px 0; border-radius: 20px; background-color: #09007d; color: #ffffff; text-align: center; font-size: 16px; }


/* ############### Sub_registration_form ############### */
.Sub_registration_form { padding: 60px 0 100px 0; }
.Sub_registration_form .h2_text { text-align: center; margin-bottom: 50px; }

.Sub_registration_form .form_container { margin-bottom: 50px; padding-bottom: 10px; border-bottom: 1px solid #cccdce; }
.Sub_registration_form .form_container > ul { width: 100%; display: flex; flex-wrap: wrap; }
.Sub_registration_form .form_container > ul > li { width: 33.3%; padding: 1.5% 0.5%; }
.Sub_registration_form .form_container > ul > li .tit { margin-bottom: 5px; font-size: 14px; }
.Sub_registration_form .form_container > ul > li .s_text { margin-top: 5px; font-size: 0.8rem; color: #666666; }
.Sub_registration_form .form_container .numder_input_set { display: flex; align-items: center; justify-content: space-between; }
.Sub_registration_form .form_container .numder_input_set > input { width: 23%; }
.Sub_registration_form .form_container .numder_input_set > input::after { content: "-"; background-color: lawngreen; width: 10px; height: 10px; margin: 0 2px; display: block; }




/* ############### Sub_registration_guideline ############### */
.Sub_registration_guideline { padding: 0px 0 90px 0; }
.Sub_registration_guideline .s_title { margin-bottom: 20px; font-weight: bold; font-size: 18px; }


/* contents_box */
.Sub_registration_guideline .contents_box { display: flex; }
.Sub_registration_guideline .padding_A { padding-bottom: 35px; }
.Sub_registration_guideline .contents_box > div:nth-child(1) { width: 20%; padding-top: 20px; border-top: 0px solid #25479b; }
.Sub_registration_guideline .contents_box > div:nth-child(2) { width: 80%; padding: 20px 2% 0 2%; border-top: 0px solid #d9d9d9; }


/* list_style */
.Sub_registration_guideline .list_style_A > li { margin-bottom: 20px; }
.Sub_registration_guideline .list_style_B > li { margin-bottom: 10px; padding-left: 15px; background-image: url(../image/list_dot_B.png); background-position: left top 5px; background-repeat: no-repeat; background-size: 10px; }


/* list_dot_style */
.Sub_registration_guideline .list_dot_style { list-style-type: disc; }
.Sub_registration_guideline .list_dot_style > li { margin-bottom: 20px; }


/* list_box_style */
.Sub_registration_guideline .list_box_style { margin-bottom: 30px; display: flex; justify-content: center; }
.Sub_registration_guideline .list_box_style > li { width: 25%; padding: 2px 2px; }
.Sub_registration_guideline .list_box_style > li > div { width: 100%; height: 100%; padding: 25px 5px; border: 1px solid #e1e1e1; display: flex; flex-direction: column; align-items: center; text-align: center; }
.Sub_registration_guideline .list_box_style > li > div img { width: 85px; max-width: 70%; margin-bottom: 25px; }


/* btn_wrap */
.Sub_registration_guideline .btn_wrap { margin: 30px 0; display: flex; align-items: center; justify-content: center; }
.Sub_registration_guideline .btn_wrap > a { width: 60%; max-width: 270px; padding: 15px 5px; border: 1px solid #3e3d3d; background:linear-gradient(to bottom, #6b6969, #393838); display: block; text-align: center; font-size: 18px; font-weight: bold; color: #ffffff; }



/* ############### Sub_download ############### */
.Sub_download { padding: 70px 0 100px 0; }

/* download_list_wrap */
.Sub_download .download_list_wrap > li { margin-bottom: 10px; border-radius: 10px; background-color: #fcfcfc; border: 1px solid #bababa; display: flex; }
.Sub_download .download_list_wrap > li > div { padding: 20px 0; display: flex; align-items: center; }
.Sub_download .download_list_wrap > li > div > span { max-width: 100%; overflow: hidden;  }


.Sub_download .download_list_wrap > li > div:nth-child(1) { width: 12%; justify-content: center; }
.Sub_download .download_list_wrap > li > div:nth-child(2) { width: 53%; padding: 0 2%; }
.Sub_download .download_list_wrap > li > div:nth-child(3) { width: 15%; justify-content: center; }
.Sub_download .download_list_wrap > li > div:nth-child(3) > span { color: #414141; text-align: center; }
.Sub_download .download_list_wrap > li > div:nth-child(4) { width: 15%; justify-content: center; }
.Sub_download .download_list_wrap > li > div:nth-child(4) .download_btn { width: 90%; max-width: 140px; padding: 8px 2px; background-color: #262626; color: #ffffff; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; }
.Sub_download .download_list_wrap > li > div:nth-child(4) .download_btn img { width: 15px; margin-left: 10px; }


/* session_color */
.Sub_download .download_list_wrap .session_box { width: 90%; max-width: 120px; padding: 8px 2px; color: #ffffff; font-weight: 500; text-align: center; }
.Sub_download .download_list_wrap .session_color_1 { background-color: #3089c9; }
.Sub_download .download_list_wrap .session_color_2 { background-color: #304cc9; }
.Sub_download .download_list_wrap .session_color_3 { background-color: #6930c9; }
.Sub_download .download_list_wrap .session_color_4 { background-color: #30aec9; }
.Sub_download .download_list_wrap .session_color_5 { background-color: #30c9ab; }
.Sub_download .download_list_wrap .session_color_6 { background-color: #74c930; }


/* ############### notice ############### */
.Sub_notice { padding: 90px 0 100px 0; background-color: #f5f5f5; }

/* notice_list */
.Sub_notice .notice_list { margin-bottom: 60px; }
.Sub_notice .notice_list > li { width: 100%; margin: 10px 0; }
.Sub_notice .notice_list > li > a { width: 100%; padding: 20px 2%; border-radius: 10px; background-color: #ffffff; display: flex; align-items: center; }
.Sub_notice .notice_list > li > a >  div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; font-size: 14px; }
.Sub_notice .notice_list > li > a > div:nth-child(1) { width: 5%; text-align:center;color:#444444; }
.Sub_notice .notice_list > li > a > div:nth-child(2) { width: 85%; font-size: 16px; color: #444444; }
.Sub_notice .notice_list > li > a > div:nth-child(3) { width: 10%; font-size: 16px; text-align: right; color: #666666; }

/* page_number */
.Sub_notice .page_number_wrap { display: flex; align-items: center; justify-content: center; }
.Sub_notice .page_number_wrap > div { width: 40px; height: 40px; margin: 0 2px; display: flex; align-items: center; justify-content: center; border: 1px solid #c2c2c2; cursor: pointer; }
.Sub_notice .page_number_wrap > div > span { transform: scaleY(200%) translateY(-3%); font-weight: 300; }
.Sub_notice .page_number_wrap > ul { display: flex; align-items: center; }
.Sub_notice .page_number_wrap > ul > li { width: 40px; height: 40px; margin: 0 2px; display: flex; align-items: center; justify-content: center; font-size: 14px; text-align: center; cursor: pointer; }
.Sub_notice .page_number_wrap > ul > li.on { background-color: #5d4489; color: #ffffff; }
.Sub_notice .page_number_wrap > ul > li:hover { background-color: #7a5fa8; color: #ffffff; transition: 0.3s; }



/* ############### notice_view ############### */
.Sub_notice_view { padding: 60px 0 80px 0; }

/* notice_title_wrap */
.Sub_notice_view .notice_title_wrap { width: 100%; margin-bottom: 30px; }
.Sub_notice_view .notice_title_wrap .notice_title { margin-bottom: 10px; font-size: 16px; font-weight: bold; }
.Sub_notice_view .notice_title_wrap .notice_date { font-size: 14px; color: #666666; }

/* notice_contents_wrap */
.Sub_notice_view .notice_contents_wrap { width: 100%; margin-bottom: 40px; padding: 3% 3%; border: 1px solid #efefef; line-height: 1.8; }
.Sub_notice_view .notice_contents_wrap > img { width: 100%; max-width: 100%; margin: 0 auto; display: block; }

/* go_list_btn_wrap */
.Sub_notice_view .go_list_btn_wrap { width: 100%; display: flex; justify-content: center; }
.Sub_notice_view .go_list_btn_wrap > a { padding: 10px 30px; border-radius: 5px; display: block; border: 1px solid #275c98; color: #275c98; text-align: center; }









@media all and (max-width:1300px) {


    /* ############### Sub_speakers ############### */
    .Sub_speaker .session_wrap ul li { width: 25%; }



    /* ############### Sub_speakers_modal ############### */
    .speaker_view_modal { width: 90%; }



}

@media all and (max-width:820px) {


    /* ############### Sub_speakers ############### */
    .Sub_speaker { padding: 50px 0 70px; }

    /* day_title_wrap */
    .Sub_speaker .day_title_wrap { margin-bottom: 15px; }
    .Sub_speaker .day_title_wrap span.day_title { font-size: 20px; }
    .Sub_speaker .day_title_wrap span.date { margin-top: 0; }

    /* session_wrap */
    .Sub_speaker .session_wrap .session_title { font-size: 18px; }
    .Sub_speaker .session_wrap ul li { width: 33.3%; padding: 3% 4%; }



    /* ############### Sub_speakers_modal ############### */
    /* speaker_view_modal */
    .speaker_view_modal { height: 85%; }
    .speaker_view_modal > div { flex-direction: column; }

    /* photo_box */
    .speaker_view_modal .modal_image_box { width: 100%; padding: 5% 4% 4% 4%; }

    /* contents_box */
    .speaker_view_modal .contents_box { width: 100%; padding: 4% 4%; }


}

@media all and (max-width:620px) {
    /* ############### Sub_speakers ############### */
    .Sub_speaker .day_container { margin-bottom: 60px; }
    /* session_wrap */
    .Sub_speaker .session_wrap { margin: 0 auto 40px auto; }
    .Sub_speaker .session_wrap .session_title { font-size: 15px; }
    .Sub_speaker .session_wrap ul li { width: 50%; padding: 3% 5%; }
    .Sub_speaker .session_wrap ul li > .text_wrap > div { font-size: 13px; }



    /* ############### Sub_speakers_modal ############### */
    /* close_btn */
    .speaker_view_modal .close_btn > img { width: 30px; }

    /* photo_box */
    .speaker_view_modal .modal_image_box .image_wrap { max-width: 180px; }




}


@media all and (max-width:420px) {
   

    /* ############### Sub_speakers ############### */
    /* day_title_wrap */
    .Sub_speaker .day_title_wrap span.day_title { font-size: 18px; }
    /* session_wrap */
    .Sub_speaker .session_wrap ul li { padding: 3% 2%; }
    .Sub_speaker .session_wrap ul li > .text_wrap .content { font-size: 11px; }


}


     /* 기존 스타일 유지 */
        main .speakers_area {display: flex; justify-content: center;}
        main .speakers_area > div {width: 90%; max-width: 1480px; padding: 0px 0px;}
        main .speakers_area > div > div:nth-child(1) {font-size: 32px; font-weight: 600; margin-bottom: 35px;}

        /* speakers_items 개선된 스타일 */
        main .speakers_area > div > div:nth-child(4) {display: flex; justify-content: flex-start; flex-wrap: wrap;}
        .speakers_items {
            width: 19%; 
            margin-bottom: 70px; /* 기본 여백 증가 */
            margin: 10px 5px;
            border: none;
            background: none;
            cursor: pointer;
            padding: 0;
        }
        .speakers_items:nth-child(5n){margin-right:0;}
        
        /* 이미지 컨테이너 - 정사각형 비율 유지 */
        .speakers_items > div:first-child {
            width: 99.5%;
            height: 80%;
            padding-bottom: 130%; /* 세로 비율 증가 */
            position: relative;
            overflow: hidden;
            margin-bottom: 15px;
        }
        
        /* 이미지 스타일 - 중앙 정렬 및 크롭 */
        .speakers_items img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            object-fit: cover; /* 이미지 비율 유지하며 박스에 맞춤 */
            object-position: center; /* 중앙 부분 표시 */
        }
        
        /* 텍스트 박스 스타일 - 높이 확보 */
        .speakers_items .text_box {
            min-height: 70px; /* 텍스트 영역 최소 높이 */
        }
        .speakers_items .text_box > div {
            overflow: hidden; 
            text-overflow: ellipsis; 
         
        }
        .speakers_items .text_box > div:nth-child(1) {
            font-size: 23px; 
            font-weight: 600; 
            text-align: left;
            margin-bottom: 5px;
            white-space: nowrap; /* 이름은 한 줄로 */
        } 
        .speakers_items .text_box > div:nth-child(2) {
            font-size: 14px; 
            color: #999; 
            text-align: left;
            line-height: 1.4;
            white-space: normal; /* 직책은 여러 줄 허용 */
           
            overflow: hidden;
        }

        /* 반응형 스타일 - 여백 증가로 겹침 방지 */
        @media all and (max-width:1280px) {
            .speakers_items {
                width: 23%;
                margin-bottom: 80px; /* 여백 증가 */
            }
        }

        @media all and (max-width:900px) {
            .speakers_items {
                width: 30%;
                margin-bottom: 90px; /* 여백 더 증가 */
            }
        }

        @media all and (max-width:770px){    
            .speakers_items {
                margin-bottom: 100px; /* 모바일 여백 크게 */
            }
            .speakers_items .text_box {
                min-height: 80px; /* 텍스트 영역 확대 */
            }
            .speakers_items .text_box > div:nth-child(1) {font-size: 16px;} 
            .speakers_items .text_box > div:nth-child(2) {
                font-size: 11px;
                max-height: 60px; /* 모바일에서 텍스트 영역 확대 */
            }
        }

        @media all and (max-width:640px) {
            .speakers_items {
                width: 45%;
                margin-bottom: 110px; /* 모바일에서 더 큰 여백 */
            }
            .speakers_items .text_box {
                min-height: 90px;
            }
        }

        /* 데모용 추가 스타일 */
        .speakers_area {
            padding: 20px;
            font-family: 'Noto Sans KR', sans-serif;
        }
        
        .demo-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .demo-title {
            text-align: center;
            margin-bottom: 40px;
            font-size: 28px;
            color: #333;
        }