@charset "utf-8";

/*--------------------------------------------------------
 ## Media Query :: max-width:1080px
  -------------------------------------------------------*/
@media (max-width:1080px){
    

}

/*--------------------------------------------------------
 ## Media Query :: max-width:1024px
  -------------------------------------------------------*/
@media (max-width:1024px) {
    
    .k_container {
        /* background-color: #e9b2ff; */
    }

    .products_grid_content_h3 {
        font-size: 42px;
    }

    /* 상단 Navi */
    .pc_fix {
        padding: 0;
    }
    .navbar_right {
        gap: 15px;
        margin-top: 0px;
    }
    .navbar_right li a {
        font-size: 15px;
    }

    /* 상단 메인 */
    .top_head_content {
        width: 80%;
    }
    .top_head_tit {
        padding-left: 6%;
    }

    /* 포람개요 */
    .products_grid_items3 {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 50px;
    }
    .products_flex_items {
        gap: 20px;
    }
    .products_flex_items figure {
        width: 70px;
        height: 70px;
    }

    /* 프로그램 */
    .k_tab_content.pc_ver {
        display: none !important;
    }
    .k_tab_content.mo_ver {
        display: flex;
        flex-direction: column;
        gap: 20px;
        border-top: 1px solid #ccc;
        padding: 0 20px;
        padding-top: 20px;
    }
    .k_tab_content.mo_ver .grid_tab_container{
        color: #FFFF;
        grid-template-columns: 1fr;
        color: #94ebff;
        font-size: 17px;
        grid-gap: 10px;
        letter-spacing: 0;
        border-bottom: 1px solid #434343;
        padding-bottom: 25px;
    }
    .grid_tab_container {
        border-top: 0;
    }
    .grid_item_txt {
        display: flex;
        gap: 5px;
        text-align: center;
        flex-direction: column;
        font-weight: 200;
    }
    .grid_tab_container:first-child {
        border-top: none;
    }
    .grid_item_tit {
        font-size: 15px;
    }

    ul.k_tabs li {
        font-size: 15px;
        padding: 15px;
    }
    .grid_tab_container {
        /* grid-template-columns: 16% repeat(auto-fill, 10%) 37% 37%; */
        grid-template-columns: 120px 80px 1fr 1fr;
        font-size: 14px;
    }
    .grid_tab_item_wide {
        font-size: 13px;
    }
    .que_inner_time_miniimg {
        display: none;
    }
    .grid_tab_item span {
        font-size: 13px;
    }
    .k_tab_item {
        font-size: 14px;
    }

    /* 포럼뉴스 */
    .que_line {
        flex-direction: column;
        gap: 20px;
    }
    .que_line_l {
         width: 100px;
    }
    .que_line_num {
        font-size: 41px;
    }
    .anw_info_cont{
        width: 100%;
    }

    /* 연사 소개 */
    .sec_wrap_card {
        gap: 40px;
        padding: 0 15px;
    }
    .sto_pick {
        height: auto;
    }
    .pick_img_wrap {
        padding: 0 10%;
        gap: 40px;
    }
    .pick_info {
        min-height: 100px;
    }

    .profile_info_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    /*  등록신청 */
    .k_card_tit {
        font-size: 42px;
    }
    .grid_one_card {
        gap: 50px;
    }

    /* 푸터 */
    .k_footer_inwrap {
        gap: 50px;
        margin: 0 auto;
    }

    

}

/*--------------------------------------------------------
 ## Media Query :: max-width:860px
  -------------------------------------------------------*/
@media (max-width:860px){
    
}

/*--------------------------------------------------------
 ## Media Query :: max-width:640px
  -------------------------------------------------------*/
@media (max-width:640px) {

    .k_container {
        /* background-color: #b4d5ff; */
    }
    .sm_height_vh {
        height: 100vh !important;
    }

    /* Common */
    .products_grid_content_h3 {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .products_grid_content {
        margin: 20px 0;
    }
    .text_subtitle {
        font-size: 15px;
    }

    .f_forum_logo a{
        width: 150px;
    }
    #menu {
        display: block;
    }
    .m_btn {
        display: block;
        width: 55px;
        height: 55px;
        top: 10px;
        z-index: 20;
    }
    #top_btn {
        width: 40px;
        height: 40px;
    }
    .navbar_header {
        height: auto;
        background: rgb(0, 0, 0);
        width: 100%;
        position: fixed;
        top: -10px;
        padding: 30px 15px 15px 15px;
        left: 0;
        z-index: 9;
    }
    .navbar_right {
        display: none;
        margin-top: 20px;
        gap: 20px;
    }
    .navbar_right li a {
        font-size: 15px;
    }

    .top_head {
        margin-top: -100px;
    }
    .top_head_content {
        top: 35%;
        left: 5%;
        width: 100%;
        z-index: 9;
    }
    .top_head_video {
        margin-top: -250px;
        left: 100%;
    }
    .top_head_video::after {
        right: -35%;
        height: 100%;
    }
    .top_head_subtit {
        padding-bottom: 50px;
    }
    .top_head_tit {
        padding-left: 3%;
    }
    .top_head_video figure {
        z-index: 1;
    }
    .top_head_tit_line {
        font-size: 50px;
    }
    .top_head_subtit p:nth-of-type(1) {
        font-size: 32px;
    }
    .top_head_subtxt {
        font-size: 18px;
    }

    /* 포럼가이드 */
    .guide_bg {
        height: 600px;
    }
    .products_grid_content_h4 {
        font-size: 35px;
    }
    .text_subtitle .point_txt {
        font-size: 17px;
    }

    /* 포럼개요 */
    .products_grid_items3 {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 40px;
    }
    .products_flex_items {
        gap: 25px;
    }
    .products_flex_items figure {
        width: 60px;
        height: 60px;
    }
    .products_grid_item_tit {
        font-size: 17px;
        margin-bottom: 5px;
    }

    /* 프로그램 */

    /* STO : 연사소개2 */
    .pick_img_wrap {
        gap: 5px;
        padding: 0 13%;
    }
    .sec_wrap_card {
        /* padding: 10px 25px; */
    }
    .pick_job {
        font-size: 15px;
    }
    .pick_one_in:hover .pick_job {
        font-size: 15px;
    }
    .pick_one {
        opacity: 1;
        height: 0px;
    }
    .pick_one::before {
        background-color: unset;
        opacity: 0;
    }
    .pick_one_in {
        gap: 10px;
    }
    .pick_one_in:hover .pick_one {
        position: relative;
    }
    /* .pick_one_in:hover .pick_one img {
        border: 10px solid #408dd1;
        padding-bottom:0%;
    } */
    .group_btn_wrap_tit {
        text-align: center;
    }
    .pick_tit {
        font-size: 17px;
        height: auto;
        min-height: 25px;
    }
    .pick_one_in:hover .pick_tit {
        font-size: 17px;
    }
    .pick_info {
        min-height: 90px;
        height: 100%;
    }

    .pick_one::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        /* background-color: #bd3e3e; */
        width: 100%;
        height: 100%;
    }

    .profile_info_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .profile_info {
        width: 100%;
        height: 100%;
    }
    .profile_info_img {
        height: 100%;
    }

    .gap_8 {
        padding: 100px 0 100px 0;
    }

    .sec_common_txt_line {
        font-size: 19px;
        letter-spacing: 0px;
        color: #d2d2d2;
    }
    .common_tit_sec06 {
        font-size: 50px;
        line-height: 56px;
    }
    .group_img_around_img {
        width: 254px;
        height: 254px;
    }
    .group_img_around li {
        height: 340px;
        /* pointer-events: none;   */
    }
    .group_img_around li:hover .group_img_around_name {
        top: 295px;
        width: 100%;
    }
    .group_img_around li:hover .group_img_around_job {
        top: 325px;
        width: 100%;
    }
    .group_img_around_img::before {
        opacity: 1;
        background-color: unset;
    }
    .group_img_around_name {
        font-size: 24px;
        line-height: 24px;
    }

    .group_btn_wrap {
        flex-direction: column;
        padding: 40px 0;
        gap: 25px;
        border-top: 3px solid #835e92;
        border-bottom: 3px solid #835e92;
        width: 80%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .group_btn_wrap_tit {
        font-size: 35px;
        line-height: 42px;
        font-weight: 600;
        letter-spacing: 0px;
    }
    .participation_btn {
        width: 86%;
        /* width: 335px; */
        height: 60px;
    }
    .participation_btn a {
        font-size: 25px;
        line-height: 60px;
        letter-spacing: 0px;
        display: flex;
    }
    
    #modalContainer {
        z-index: 20;
    }
    .modal_txt {
        height: 230px;
    }
    #modalContent {
        width: 100%;
        min-width: 350px;
        height: 100%;
        padding: 40px;
        /* align-items: center;
        display: flex; */
    }
    .modal_info_wrap {
        flex-direction: column;
        align-items: center;
    }
    .modal_tit_wrap {
        text-align: center;
    }
    #modalCloseButton img {
        width: 20px;
        top: -15px;
        right: -15px;
        height: 20px;
    }
    .modal_info_img {
        width:200px;
        overflow: hidden;
    }
    .modal_info_img img {
        height: 180px;
        object-fit: cover;
        overflow: hidden;
        display: flex;
        border-radius: 15px;
        width: 100%;
    }


    /* 등록신청 */
    .products_grid_items2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .k_card {
        padding: 3rem 2rem;
    }
    .k_container_bg_register {
        /* height: 100vh; */
    }
    .k_card_tit {
        font-size: 32px;
        margin-top: 5px;
    }
    .grid_one_content {
        padding: 40px 8%;
        gap: 30px;
    }
    .grid_one_card_info {
        width: 100%;
    }
    .grid_one_card {
        flex-direction: column;
        gap: 30px;
    }
    .grid_one_card_tit {
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 600;
    }
    .grid_one_card_txt {
        font-size: 15px;
    }
    .grid_one_line {
        display: block;
        margin: 10px 0;
    }

    /* 함께하는 기업 */
    .sponsor_card_wrap {
        /* grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); */
        padding: 30px 0 20px 0;
        align-items: center;
        gap: 30px;
    }
    .sec_wrap_card_11 .sponsor_card_wrap:nth-of-type(3) {
        border-image-source: none !important;
        border: none;
        border-bottom: 0;
    }
    .sec_wrap_card_11 .sponsor_card_wrap:nth-child(3) {
        border-bottom: 0;
    }
    .common_tit_sec11 {
        height: auto;
        font-size: 40px;
        line-height: 44px;
        letter-spacing: 0px;
    }
    .sec_wrap_card_11 {
        gap: 30px;
        margin: revert;
    }

    /* 포럼뉴스 */
    .common_tit_sec07 {
        font-size: 50px;
        line-height: 56px;
    }
    .anw_info_cont {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
        width: 100%;
    }
    .anw_inner_r {
        width: 100%;
        gap: 10px;
    }
    .anw_inner_txt {
        margin-top: 15px;
    }
    .anw_line {
        padding: 25px 0;
    }
    .que_line {
        gap: 20px;
        flex-direction: row;
        align-items: flex-start;
        flex-direction: column;
        text-align: left;
    }
    .que_line_num {
        font-size: 40px;
        line-height: 1;
    }
    .que_line_date {
        font-size: 15px;
        letter-spacing: 0px;
        line-height: 22px;
    }
    .anw_line_in {
        gap: 25px;
    }
    .que_line_l {
        gap: 20px;
    }
    .tab_time_txt {
        font-size: 15px;
        margin-bottom: 5px;
        letter-spacing: 0px;
    }
    .que_inner_tit {
        font-size: 22px;
        line-height: 1.5;
        text-align: left;
        letter-spacing: 0px;
    }
    .que_inner_time {
        font-size: 11px;
    }
    .anw_line_l {
        gap: 0px;
        flex-direction: column;
    }
    .anw_inner_tit {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0px;
    }
    .anw_inner_txt {
        overflow-y: hidden;
    }
    .anw_line_num {
        font-size: 24px;
    }
    .anw_line_date {
        font-size: 11px;
        line-height: 17px;
    }
    .news_box {
        /* width: 305px; */
        width: 53%;
        height: 60px;
        border: 2px solid transparent;
    }
    .news_box a {
        font-size: 20px;
        line-height: 58px;
    }
    .anw_img {
        height: 100%;
    }

    /* STO : SUMMIT PARTNER! */
    .straight_buy_card {
        padding: 50px 35px 50px 35px;
        gap: 40px;
    }
    .gap_10 {
        padding: 100px 0 100px 0;
    }
    .sec_wrap_card_08 {
        gap: 40px;
    }
    .common_tit_sec08 {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 0 30px;
    }
    .sec_tit_wrap_top {
        font-size: 35px;
        line-height: 45px;
        height: 100%;
    }
    .sec_tit_wrap_bottom{
        font-size: 50px;
        line-height: 56px;
        height: 100%;
        /* height: 110px; */
    }
    .straight_buy_head {
        gap: 5px;
    }
    .straight_buy_class {
        font-size: 20px;
    }
    .straight_buy_inner {
        gap: 25px;
        height: 100%;
        overflow-y: hidden;
        border: none;
        background: none;
        padding: 0;
    }
    .check_img img {
        width: 19px;
        height: 14px;
    }
    .straight_buy_sum {
        font-size: 57px;
        height: 30px;
        line-height: 64px;
        height: 50px;
    }
    .straight_buy_inner li {
        font-size: 17px;
    }
    .news_the_view {
        width: 180px;
    }
    


    /* 오시는 길 */
    .products_grid_content_h5 {
        font-size: 20px;
    }

    /* FOOTER */
    .k_footer_inwrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .footer_navi li a {
        font-size: 15px;
    }
    .footer_navi li::before {
        top: 6px;
        left: 66px;
    }
    .footer_navi li::after {
        top: 6px;
        left: 148px;
    }
    .footer_info li {
        font-size: 12px;
    }
}

@media (max-width:380px) {

    .products_grid_content_h4 {
        font-size: 30px;
    }

    /* 메인 상단 */
    .top_head_tit_line {
        font-size: 30px;
        font-weight: 700;
    }
    .text_subtitle {
        font-size: 14px;
    }
    .top_head_subtit p:nth-of-type(1) {
        font-size: 18px;
        background: #a6005e78;
        width: auto;
        display: inline;
        padding: 2px 11px;
        color: #dadada;
    }
    .top_head_subtit {
        padding-bottom: 20px;
    }
    .top_head_subtxt {
        font-size: 15px;
        gap: 5px;
    }
    .text_subtitle .point_txt {
        font-size: 15px;
    }
    

}