@charset 'utf-8';


@media only screen and (max-width:1240px){
    /***** layout *****/
    #header .wrap {width: 100%; padding: 0 20px;}
    #footer .wrap {width: 96%;padding: 40px 2%;}
    
    section .wrap {width: 100%; padding: 100px 20px;}
    
    
    /***** main *****/
    .main_visual .wrap{width: 90%}
    .main_visual .wrap::after{width:295px;}

    .main_visual .txt_box .vis_txt .txt_title span{font-size: 30px;}
    .main_visual .txt_box .vis_info{font-size: 1.11rem;}
    .main_visual .txt_box .vis_info .date{    margin-right: 13px; padding-right: 12px;}
    .main_visual .txt_box .vis_info .venue{ margin-right: 13px; padding-right: 12px;}
    .main_visual .txt_box .vis_info em{    margin-right: 10px;}

    
    /***** sub *****/
    .sub_container .wrap {width: 100%; padding: 100px 20px;}
    
}

@media only screen and (max-width:1120px){
    /***** layout *****/
    #footer .wrap {text-align: center;}
    #footer li span {float: none;display: inline-block;padding: 8px;line-height:1rem;}
    
    section .wrap .tlt {font-size: 30px;}
    
    
    /***** main *****/
    .main_visual {height: 650px;}
    .main_visual .wrap::after{bottom:100px}
    .main_visual .txt_box{width:100%;top: 280px;left: 0;}
    .main_visual .txt_box .vis_txt .txt_title{word-break:keep-all; font-size: 4.2rem;} 
    .main_visual .txt_box .vis_txt .txt_title span{}
    .main_visual .wrap > img{width: 90%;}
    .main_visual .wrap::after{top: -7px;bottom: unset;width: 30%;}
    
    .main_box .wrap .con > div{width:100%;margin-bottom:20px;}
    .main_visual .txt_box .vis_info{width: 700px;}

    .main_visual .wrap::after{top: 65px; height: 370px;}
    
    
    /***** sub *****/
    .sub_container .wrap .con .cont_tlt{font-size:1.2rem}
    /* 사전등록 입력폼 */
    .f_box input[type=radio]+label { margin-bottom: 5px;}
    .txt_box .big_txt{width:100%;margin-bottom:10px}
    .txt_box .btn_regist{padding:10px 15px}
    
    
    .btn_std span{font-size:1.1rem}
    
    .m_table{width:100%;overflow-x:auto;position:relative;}
    .m_table table{width:1000px;font-size:1rem}
    table th, table td{padding:10px}
    .m_table .m_scroll{position:absolute;top:30%;left:50%;transform:translate(-50%, -30%);width:80px;height:80px;background:url('/template/kslms2024/assets/img/ico_scroll.png') center/contain no-repeat;}
    
    .program .line_layout table th, .program .line_layout table td,.program .line_layout.bg_yellow table tbody th,.program .line_layout.bg_yellow table tbody td{padding:10px 20px}
}

@media only screen and (max-width:1024px){
    #header nav li:not(:last-child){margin-right:20px}
    #footer ul {float: unset;text-align: center;display: flex;justify-content: center;}
    #footer .wrap.cb p {float: unset;text-align: center;}

    .main_visual .wrap::after{        width: 27%;}
    
    .form_table colgroup{display:none}
    .form_table tr > *{border-left:none}
    .form_table th{display:block;width:100%}
    .form_table td, .form_table .td_wide{display:block;width:100%}
    .form_table td .f{float:unset;width:100%;margin-right:0}
    .form_table td .f:nth-child(2){width:100%;margin-top:5px}
    .form_table td .f.layout02 span + *{margin-left:50px;width:calc(100% - 50px)}
    .form_table td .f_right{float:unset;margin-top:5px;width:100%}
    .form_table td .filebox{max-width:100%;flex-wrap:wrap;gap:5px 0}
    .form_table td .filebox .btn{width:100%;}
    .form_table td .info_txt li{word-break:keep-all}
    .form_table .border_left{border-left:none !important;background-color:#f8f8f8}
    .pink_box{padding:20px}
    
    
}

@media only screen and (max-width:890px){
    
    .mb_only{display:block;}
    .pc_only{display:none;}
    
    /***** layout *****/
    body{font-size: 18px;}
    #header .logo {width: 220px;}
    #header nav li:not(:last-child) {margin-right: 30px;} 
    #header nav li a{font-size:1.1rem}
    
    #footer .wrap{text-align: left}
    #footer li{ margin-bottom: 10px;}
    
    /* 공통 */
    section .wrap {padding: 80px 20px;}
    
    
    /***** main *****/
    .main_visual { height: 510px;}
    .main_visual .txt_box {top: 31%;}
    .main_visual .txt_box .vis_txt .txt_title{font-size:3.3rem}
    .main_visual .txt_box .vis_txt{}
    .main_visual .txt_box .vis_txt .txt_title span{font-size: 23px;}
    .main_visual .txt_box .vis_txt .txt_year{margin-bottom: 50px;}

    .main_visual .wrap::after{top: -5px;}
    .main_box .wrap{padding-bottom: 80px;}
    .main_box .wrap .con > div{border-radius:15px}
    .main_box .wrap .con .due_box{background-size:80px;background-position:20px center;padding:30px 20px 30px 120px}
    .main_box .wrap .con .due_box .tlt_txt{font-size:1.1rem}
    .main_box .wrap .con .due_box .due_txt{font-size:1.6rem}
    .main_box .wrap .con .regist_box a{background-size:80px;background-position:20px center;padding:30px 60px 30px 120px}
    .main_box .wrap .con .regist_box a .tlt_txt{font-size:1.6rem}


    
    /***** sub *****/
    .sub_container .wrap {padding: 100px 20px;}
    .spon_opp .con_box04 li{width:calc((100% - 20px) / 2);}
    .spon_opp .con_box04 li:nth-child(3n){margin-right:20px;}
    .spon_opp .con_box04 li:nth-child(2n){margin-right:0;}
    .account_info{padding:100px 20px 20px;}
    .account_info::before{top:20px;left:50%;margin-top:0;margin-left:-35px;}
    .account_info .act_box{padding:0;justify-content:center}
    
    /*ksmls*/
    .greeting .greet_box{justify-content:center}
    .greeting .greet_box .text_box{width:100%;margin-top:20px}
    .greeting .overview_box .li_overview > li > span{font-size:1rem;width:120px}
    .greeting .overview_box .li_overview > li p,
    .greeting .overview_box .li_overview > li div{width:calc(100% - 140px);font-size:1rem}
    
    /*prgram*/
    .program .line_layout table colgroup{display:none}
    .program .line_layout table th, .program .line_layout table td,.program .line_layout.bg_yellow table tbody th,.program .line_layout.bg_yellow table tbody td{display:block;text-align:center;border-bottom:none;text-align:left;padding:10px}
    .program .line_layout table thead th{text-align:left}
    .program .line_layout table thead th:last-child{padding-top:0;padding-bottom:15px;}
    .program .line_layout table tbody td .chair{float:unset;text-align:left;padding:5px;border-radius:2px}
    .program .line_layout table tbody td .speaker{float:unset;text-align:left}
    .program .line_layout table tbody td:last-child{border-bottom:1px solid #ddd}
    .program .line_layout table tbody td:nth-child(3){padding-top:0;}
    .program .cont_tlt .time{display:block;margin-left:-30px;margin-top:10px}
    
    .tab{width:50%;}
    
    
    /* 입력폼 */
    .regi_box{padding:20px 20px 20px 110px;background-position:20px center;}
    .txt_box .big_txt{font-size:1.5rem;line-height:1;margin-bottom:15px}
    .registr .privacy {padding-bottom: 100px;}
    .registr .form_wrap li .f_box {padding-left: 170px;}
    
    
    /* 오시는 길 */
    #map .root_daum_roughmap .wrap_map {height: 400px;}
}

@media only screen and (max-width:768px){
    /***** layout *****/
    body{font-size: 18px;}
    
    #header {height: inherit; padding: 10px 0;}
    #header .wrap {padding: 0 20px;}
    #header nav{display: none}
    #header .btn_side{display: block}
        
    #footer .wrap{}
    #footer li {}
    #footer li span{}
    
    
    
    #quick_menu{display: none}    
    
    
    /***** main *****/
    section .wrap .tlt {font-size: 24px;}
    section .wrap .tlt br{display: none}
    
    .main_visual {}
    .main_visual .wrap::after{position: unset;text-align: center;margin: -180px auto 0 auto;width: 25%;}
    .main_visual .wrap > img{width: 100%; bottom: 30px}
    .main_visual .txt_box {padding:30px 0;text-align:center}
    .main_visual .txt_box .vis_txt .txt_title{font-size:1.2rem}
    .main_visual .txt_box .vis_txt .txt_title span{font-size:1.4rem;display:block}
    .main_visual .txt_box .vis_info{justify-content:center;font-size:1.1rem;text-align:left}
    .main_visual .txt_box .vis_info span{width:auto}
    .main_visual .txt_box .vis_txt .txt_year{font-size:2rem; margin-bottom: 0;}
    .main_visual .txt_box .vis_txt .txt_title{font-size:2.2rem}
    .main_visual .txt_box .vis_info{        justify-content: center; width: 500px; margin: 0 auto; padding: 18px;}
    .main_visual .txt_box .vis_info em{        margin-right: 30px; width: 50px;}
    .main_visual .txt_box .vis_info .date{padding-right:20px; margin-right:20px; justify-content: center; ;} 
    .main_visual .txt_box .vis_info .date,
    .main_visual .txt_box .vis_info .venue, 
    .main_visual .txt_box .vis_info .gta {display:flex;flex-wrap:wrap;justify-content:flex-start;padding-right:0;margin-right:0;margin-bottom:5px; width:100%}
    .main_visual .txt_box .vis_info .gta::after,
    .main_visual .txt_box .vis_info .date::after{display: none;}

    
    
    /***** sub *****/
    .sub_container .wrap {padding: 80px 30px;}
    .sub_container .sub_tlt {font-size: 28px;}
    
    .regi_box{padding:100px 20px 20px;background-position:center 20px;text-align:center;justify-content:center}
    .txt_box .big_txt .sml_txt{display:block;margin-left:0;margin-top:10px}
    
    
    .greeting .sect01 .img_box {padding-bottom: 80px;}

    .modal-content{width: 80%}
    .registr_main .go_regi p {padding: 30px 20px;}
    

}
@media only screen and (max-width:670px){
    #footer ul {flex-direction: column;align-items: flex-start;} 
    #footer .wrap.cb p {text-align: left;}
    
}



@media only screen and (max-width:640px){
    /***** main *****/
    
    .main_visual .txt_box .vis_txt .txt_year span{font-size:1rem}
    .main_visual .txt_box .vis_info{justify-content:center;font-size:1.1rem;text-align:left;}
    .main_visual .txt_box .vis_info .date,
    .main_visual .txt_box .vis_info .venue, 
    .main_visual .txt_box .vis_info .gta {display:flex;flex-wrap:wrap;justify-content:flex-start;padding-right:0;margin-right:0;margin-bottom:5px;width:100%}
    .main_visual .txt_box .vis_info .venue{margin-bottom:5px;}
    .main_visual .txt_box .vis_info .gta{margin-bottom:0;}
    .main_visual .txt_box .vis_info .date::after{display:none}
    .main_visual .txt_box .vis_info .gta::after{display:none}
  
    .main_visual .txt_box .vis_info em{width:50px;}
    
    .tab{width:100%;}
    
    .spon_opp .con_box04 li{width:100%;margin-right:0}
    .spon_opp .con_box04 li:nth-child(3n){margin-right:0;}
    
    .layout_block table th, .layout_block table td{display:block;text-align:center}
    .layout_block table td.f_box{text-align:left}
    
    .layout_block colgroup{display:none;}
    
    
    .program .line_layout table thead th .moderator br{display:block;}
    
    .account_info .act_box p em{margin-right:0}
    .account_info .act_box p span{width:100%;display:block;margin-right:0;text-align:center}
}




@media only screen and (max-width:460px){
    /***** layout *****/
    body{font-size: 16px}
    
    #header .logo {width: 190px;  padding-top: 2px;}
    
    
    /***** main *****/
    section .wrap {padding: 60px 10px;}
    
    .main_box .wrap > div {padding: 40px 20px; height: inherit; text-align: center}
    .main_box .box01 .circle { position: relative; top: 0; left: 0; right: auto;
    display: inline-block; width: auto; height: auto; border-radius: 0; margin-top: 10px; padding: 7px;}
    .main_box .box01 .circle br{display: none;}
    .main_box .wrap .con .due_box{padding:110px 20px 20px;background-position:center 20px;}
    .main_box .wrap .con .due_box .score_txt{margin-top:10px}
    .main_box .wrap .con .regist_box a{padding:110px 20px 20px;justify-content:center;background-position:center 20px;}
    .main_visual .txt_box {top: 33%;}
    
    /***** sub *****/
    .sub_container .wrap {padding: 60px 10px;}
    table{table-layout: fixed;}
    table th, table td {padding: 10px;}
    
    .greeting .greet_box{margin-top:0}
    .greeting .overview_box .li_overview > li > span{text-align:left;padding:0;border:none}
    .greeting .overview_box .li_overview > li p,
    .greeting .overview_box .li_overview > li div{width:100%;margin-top:5px;padding-top:0}
    
    .registr_main .btn {width: 46%;}
    
    .registr .form_wrap li .f_box {padding-left: 120px;}
    .registr .form_wrap li .f_box > p{padding-top: 10px !important}
    input[type=text],
    input[type=email] {height: 40px;}
    .layout_block table td.f_box{text-align:center}
    .f_box input[type=radio]+label {padding: 10px 10px;line-height: 1.5}
    .f_box input[type=checkbox]+label, .f_box input[type=radio]+label{width:100%;margin-bottom:5px}
    .f_box input[type=checkbox]+label:last-child, .f_box input[type=radio]+label:last-child{margin-bottom:0px}
    
    .registr .price {padding: 20px 10px;}
    
    
    
    .btn_wrap{word-break:keep-all;}
    .btn_std{height:50px;}
    .btn_std span{font-size:1rem}
    
    .sub_container .wrap .con .cont_tlt{background-size:16px;background-position:left top}
    .program .cont_tlt .time{padding:7px 15px 5px 35px}
    .program .line_layout table thead th .moderator span::before,
    .program .line_layout table thead th .moderator span::after,
    .program .line_layout table tbody td .speaker span::before,
    .program .line_layout table tbody td .speaker span::after{top:0}
    
}