@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*{font-family: "Noto Sans KR", sans-serif; font-size:16px; font-optical-sizing: auto;  box-sizing:border-box; color:#585858; /*IOS 폰트사이즈*/-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */ -ms-text-size-adjust : none;  /* IE */ -moz-text-size-adjust : none;  /* 파이어폭스 */ -o-text-size-adjust : none;  /* 오페라 구버전 */}


*{
       word-break: keep-all;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

section.container .page_title span {    display: inline-block; animation: slideDown 0.8s ease-out;}
/*header*/
.header {/*position:relative;*/ padding-top:20px; border-bottom:1px solid #C8C8C8; background-color: #fff !important; z-index: 1000;}
.header .new_gnb .logo img{width: 360px;}
.header .container {max-width: 1200px;}
.new_tool_wrap {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.new_tool_wrap .logo img {display: none;}
.new_tool {display: flex; align-items: center;}
.new_tool .m_nav_btn {margin-top: 0; margin-left: 20px;}
.new_tool .m_nav_btn img {filter: invert(1);}
.top_header ul {display:flex;width:max-content; top: 0;}
.top_header li:last-child {margin-left:25px;position:relative;}
.top_header li:last-child:before {content: ""; display: block; width: 1px; height: 12px; background-color: #7C7C7C; position: absolute; left: -12px; top: 50%; transform: translate(-50%, -50%);}
.top_header a {font-size:14px; font-family:"Noto Sans KR", sans-serif; color:#7C7C7C;}
/*.gnb li { line-height:90px; padding-left:32px;padding-bottom:20px;}*/
/* .gnb li:first-child {margin-left:0;} */
.gnb li a {font-size:20px; font-weight:600; font-family: "Noto Sans KR", sans-serif; color:#000; vertical-align:middle; padding-top: 10px;position: relative; white-space:nowrap;    padding-bottom: 30px;}
.gnb li:hover > a {color: #a2c951;}
.gnb>li:hover > a:after {content: ""; display: block; width: 100%; height: 6px; background-color: #a2c951; border-radius: 3px; position: absolute; bottom: 2px; left: 50%; transform: translate(-50%, 50%); z-index: 2;}
.gnb li .depth2 {position:absolute; left:0; z-index: 1; width:100%; max-height:0; overflow:hidden; transition:all 0.4s;background-image: url('/main/img/2025main/hdr_bg.png');background-position: center; background-repeat: no-repeat;background-size: cover;}
.gnb .depth2 ul {width: calc(100% - 34px); max-width:1200px; margin:0 auto; text-align:right;}
.gnb .depth2 li {display:inline-block; line-height:60px; padding-bottom:0; padding-left: 0;    margin-left: 20px; width: auto;}
/* .gnb .depth2 li:not(:first-of-type) {margin-left:0px;} */
.gnb .depth2 li a {font-size:17px; font-weight: 400; padding:0; position:relative;color: #ffffff;transform: translateY(-4px);}
.gnb .depth2 li a:hover {color: #ffee00;font-weight: 400;}
/* .gnb .depth2 li:not(:first-child) a:after {content:''; display:block; width:1px; height:14px; background-color:#B7B7B7; position:absolute; top:50%; left:-32px; transform:translateY(-50%);} */
.gnb li:hover > .depth2 {max-height:100%;}
.bar {height: 4px; background: #ADF002; position: absolute; display: block; top: -2px; transition: left 0.5s; z-index: 1;}
.new_gnb { display: flex; align-items: flex-end; justify-content: space-between; width: 100%;}
.new_gnb .logo a {line-height: 90px;}
.gnb_dim {display: block; position: fixed; left: 0; top: 0; z-index: 16; width: 100%; height: 0; background-color: rgba(0,0,0,0.7)}
.gnb li .depth2{padding-left: 104px;}
/* .gnb li:nth-of-type(2) .depth2{padding-left: 50px;} */
.gnb li:nth-of-type(1) .depth2 ul {padding-right: 38px;}
.gnb li:nth-of-type(2) .depth2 ul {padding-right: 433px;}
.gnb li:nth-of-type(3) .depth2 ul {padding-right: 111px;}
.gnb li:nth-of-type(4) .depth2 ul {padding-right: 213px;}
.gnb li:nth-of-type(5) .depth2 ul {padding-right: 70px;}
/* .gnb .depth2 li:nth-of-type(2) {
    margin-left: 16px;
} */
.clearfix2>*:nth-child(2){width: 68%;float: none; display: flex; align-items: center; justify-content: flex-end;}
.gnb li {line-height: 2.4;width: 14%;text-align: center;margin: 0px;}
.clearfix:after, .clearfix2:after, .clearfix3:after {content: ''; display: block;clear: both;}


/** Main */
.img_vsl_text{left: 0; width: 44%; scale: 1;}
/* .img_vsl_text:hover{scale: 1.1;} */
.section_bg{background-image: url('/main/img/2025main/main_bg.png');}
.main_section .section_bg{height: 650px;}
.dates_area li {padding: 0; width: 200px; height: 200px;}
.dates_area li a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.dates_area li a img{width: 50%; display: block;    padding-top: 16px;}
.dates_area li:nth-child(4) a img{width: 70%;}
.dates_area li:nth-of-type(1):hover{background-color: #86a644;}
.dates_area li:nth-of-type(2):hover{background-color: #3e6d6d;}
.dates_area li:nth-of-type(3):hover{background-color: #3e6d6d;}
.dates_area li:nth-of-type(4):hover{background-color: #efc643;}

.slick-slider{padding: 0px 60px;}
.main_section .slick-prev {left: 16px;}
.main_section .slick-next {right: 24px;}
.slick-arrow{background: url("/main/img/2025main/pre_btn.png");background-repeat: no-repeat; background-position: center;background-size: 16px;}
.slick-next{background:url("/main/img/2025main/next_btn.png");background-repeat: no-repeat; background-position: center;background-size: 16px;right: 24px;}
.slick-prev {left: 24px;}

.noti_wrap h3.title:before{content: none;}
.noti_area .title{margin-bottom: 0;}
.noti_area:first-of-type h3.title {padding-left: 70px;}
.noti_area:nth-child(2) h3.title {padding-left: 15px;}
.noti_wrap h3.title img{width: 28px;margin-right: 12px; margin-bottom: 4px;}
.noti_wrap h3.title img.plus{width: 24px;margin-right: 8px; margin-bottom: -8px;}
.noti_wrap .noti_area:nth-child(1) {width: calc(54% - 10px);}
.noti_wrap .noti_area:nth-child(2) {width: calc(45% - 10px);}

/* .noti_area .title{margin-bottom: 24px;} */
.noti_area ul {flex-wrap: nowrap;}
.noti_area:nth-child(1) ul{display: flex;align-items: center;justify-content: space-between;box-shadow:none; }
.noti_area:nth-child(1) ul li { max-width: 270px;  aspect-ratio: 531 / 581; background-image: url("/main/img/2025main/noti_event.png"); background-position: center; background-size: cover; background-color: #FFF;list-style: none; padding: 32px 26px; position: relative; border-bottom: none;}
.noti_area:nth-child(1) ul li:hover{background-image: url("/main/img/2025main/noti_event_hover.png");}
.noti_area:nth-child(1) ul li:hover a h3, .noti_area:nth-child(1) ul li:hover a p{color: #FFF;}
.noti_area:nth-child(1) li a:before{content: none;}
.noti_area li a {padding-left: 0px;}
.noti_area li:nth-of-type(even){background-color: #FFF;}
.noti_area:nth-child(1) ul li a{ 
    /*display: flex; flex-direction: column; align-items: self-start; justify-content: center;*/
    display: grid;grid-template-rows: 30px 90px 62px; word-break:break-all;width: 100%; }

.noti_area:nth-child(1) ul li a h3{font-weight: 700; font-size: 20px;/*margin: 20px 0;*/}
.noti_area:nth-child(1) ul li a p{ width: 100%; font-size: 16px;}
/* .noti_area:nth-child(1) ul li a p:nth-child(3){margin-top: 24%;margin-bottom: 20px;} */
.noti_area:nth-child(1) ul li a div {margin-top: 56px;height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.noti_area:nth-child(1) ul li a div p::before{
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: transparent;
    border: 1px solid #c2d65a;
    margin-bottom: 2px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}
.noti_area:nth-child(1) ul li::after {
    content: "";
    position: absolute;
    top: 54%;
    left: 50%;
    width: 80%;
    height: 2px; /* 선 두께 */
    background-color: #cddd73; /* 기존 보더 색상 */
    transform: translate(-50%, -50%);
}

.noti_area:nth-child(2) ul{
    background-image: url("/main/img/2025main/notice_bg.png");
    background-position: center;
    background-size: cover;
    box-shadow: none;
    aspect-ratio: 1095 / 581;
    padding: 28px 34px;
}

.noti_area li{
    padding: 16px 8px;
}
.noti_area li:not(:last-of-type){
    border-bottom: 1px solid #666;
}

.noti_area .no_data{line-height: 230px;}


.f_bottom > div:not(:first-child) p{color: #FFF;}
.f_bottom > div:not(:first-child) li{color: #FFF;}
.footer_wrap{background-color: #2c2e21;padding: 20px 0 20px;}
.footer_wrap .link{color: #FFF; text-decoration: none !important;}
.f_bottom > div:not(:first-child){border-left: 1px solid #FFF;}
.footer_c ul li {
    margin-bottom: 10px;
}

.footer_c{width: calc(100% - 170px);}

section.container .page_title{
    background-image: url("/main/img/2025main/sub_hdr_title.png");
    color: #FFF;
    padding: 44px 0 48px;
    text-align: center;
    /* position: relative;  */
}

section.container .page_title span{
    font-size: 44px;
    font-weight: bold;
    color: #FFF;
}


  /*mediaquery*/
  .m_only, .tablet_show, .tablet_only{display:none;}
  .m_nav_btn{height:22px;margin-top:13px;margin-left:10px;line-height:1;}
  .m_nav_btn img{height:100%;}
  .m_nav_wrap{position:fixed;text-align:center;right:-100%;top:0;width:100%;height:100%;background:rgba(88,88,88,0.9);z-index:99999;transition:right 0.3s;}
  .m_nav_wrap.opened{right:0;}
  .m_nav_ul a, .m_nav_ul a span{color:#fff;}
  .m_sub_nav{display:none;}
  .m_nav{display:inline-block;max-height:70vh;overflow-y:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;}
  .m_nav_ul>li>a{display:block;width:100%;padding:20px;border-bottom:1px solid #F7F7F7;}
  .m_nav_ul>li>a span{font-size:16px;font-weight:bold;}
  .m_nav_wrap .toggle_wrap{margin-top:30px;margin-left:10px;}
  .m_nav_li a.show img{transform:rotate(180deg); margin-left: 12px;margin-top: 8px;}
  .m_sub_nav a{font-size:14px;padding:10px 0}
  .m_sub_nav a:hover{color: #000;}
  .m_sub_nav{width:100%;padding:20px 0;border:1px solid #ADF002;border-radius:20px;margin:20px 0;}
  .n_nav_close{width:34px;position:absolute;top:20px;right:10px;}
  .n_nav_close img{width:100%;}
  .m_nav_li > a.show, .m_nav_li:hover > a {background: #a2c951;}
  .m_only, .tablet_show, .tablet_only {
        display: none;
    }

    #pop_bg{
        display: none;
        width: 100%;
        height: calc(100% + 130px);
        position: absolute;
        top: -130px;
        left: 0;
        background-color: rgba(88,88,88,0.9);
        z-index: 100000;
    }

        /* 🔹 모달 배경 (자연스러운 어두운 배경 추가) */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 99999;
        }

        /* 🔹 모달 박스 */
        #eventModal {
            width: 90%;
            max-width: 600px;
            background: white;
            padding: 25px 30px;
            border-radius: 14px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 100000;
            display: none;
            text-align: left;
            font-family: 'Segoe UI', 'Apple SD Gothic Neo', sans-serif;
            animation: fadeIn 0.3s ease-in-out;
        }

        /* 🔹 모달 내부 정렬 */
        .modal-content {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        /* 🔹 제목 */
        .modal-title {
            font-size: 20px;
            font-weight: bold;
            color: #222;
            text-align: center;
            margin-bottom: 10px;
        }

        /* 🔹 날짜, 설명, 회장, 주제 */
        .modal-date,
        .modal-phone,
        .modal-description,
        .modal-chairperson,
        .modal-subject,
        .modal-target {
            font-size: 16px;
            color: #444;
            display: flex;
            align-items: center;
            gap: 8px;
            line-height: 1.5;
        }

        /* 🔹 닫기 버튼 */
        .modal-close-btn {
            margin-top: 20px;
            align-self: center;
            background-color: #86a644;
            color: white;
            font-size: 15px;
            font-weight: bold;
            padding: 10px 28px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        /* 🔹 버튼 호버 */
        .modal-close-btn:hover {
            background-color: #6f8c34;
        }

        /* 🔹 애니메이션 */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translate(-50%, -45%);
            }
            to {
                opacity: 1;
                transform: translate(-50%, -50%);
            }
        }


/* welcome page */
    .welcome_wrap{
        width: 100%;
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .welcome_wrap.chairperson {
        flex-direction: row-reverse;
    }

    .welcome_wrap > div:nth-child(1){
        width: 28%;
        max-width: 400px;
    }

    .welcome_wrap > div:nth-child(2){
        width: 70%;
    }

    .welcome_wrap > div img{
        width: 100%;
    }

    .welcome_wrap > div:nth-child(1) p, .welcome_wrap > div:nth-child(1) p span{
        text-align: center;
        font-size: 28px;
        line-height: 1.6;
    }

    .welcome_wrap.eng > div:nth-child(1) p, .welcome_wrap.eng > div:nth-child(1) p span{
        font-size: 16px;
    }

    /* .welcome_wrap > div:nth-child(1) p{
        margin-left: 50px;
    } */

    .welcome .inner{
        margin: 50px auto 0px;
    }

    section.container.welcome{padding-bottom: 40px;}

    /* rule page */
    .tab_green{text-align: left;}
    .tab_green li{box-shadow: none;}
    .tab_green li.on{background-color: #51afa1;box-shadow: none;}
    .tab_green li a{color: #757679;}

    .rule_container > li {display: none;}
    .rule_container > li.on {display: block;}

    .rule_title{font-weight: 700; font-size: 20px; line-height: 1.8;    margin-bottom: 16px;}
    .rule_title > img{
        width: 20px;
        margin-right: 12px;
        margin-bottom: 2px;
    }
    .rule_txt{margin-bottom: 20px;}
    .rule_txt h6{font-weight: 500; font-size: 18px;line-height: 1.6;}
    .rule_txt p,.rule_txt li {font-size: 16px; line-height: 1.4;}
    .rule_txt ul {display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px;}
    
    /* 사무국 페이지 */
    .venue .section:not(:last-of-type) {
        margin-bottom: 80px;
    }
    .venue_wrap{display: flex; align-items: flex-start; justify-content: space-between;}
    .venue_wrap div.section3{text-align: right;}
    .venue_wrap div.section1, .venue_wrap div.section3 {width: 48%;}
    .venue_wrap div.section1 > div > div, .venue_wrap div.section3 > div > div {margin-bottom: 20px;}
    .venue_wrap div h6 {font-weight: 600; font-size: 20px; line-height: 1.6;}
    .venue_wrap div p { font-size: 16px; line-height: 1.4;}
    .venue_bar{width: 2px; height: 100%; background-color:#c2d65a;}


    /* 스폰서 페이지 */
    .sponsor_grade .yuyu {background-image: url("/main/img/2025main/sponsor/yuyu.gif");}
    .sponsor_grade .hyundai {background-image: url("/main/img/2025main/sponsor/hyundai_pharm.png");}
    .sponsor_grade .samsung {background-image: url("/main/img/2025main/sponsor/samsung.png");}

    /* footer sposor */
    .s_logo_list  li { background-color: #FFF; padding: 8px;height: 60px;}
    .s_logo_list .yuyu {background-image: url("/main/img/2025main/sponsor/yuyu.gif");}
    .s_logo_list .hyundai {background-image: url("/main/img/2025main/sponsor/hyundai_pharm.png");}
    .s_logo_list .samsung {background-image: url("/main/img/2025main/sponsor/samsung.png");}
    /* .s_logo_list li:nth-child(3){ padding: 8px;box-sizing: border-box;} */

        /* 학술대회 일정 페이지 */
    #event-list-container {
        max-width: 800px;
        margin: 0 auto;
    }

    
    .event-item {
        display: flex;
        flex-direction: column;
        background: #f9f9f9;
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }
    
    .event-date {
        color: #333;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    
    .event-title {
        font-size: 18px;
        font-weight: bold;
        color: #4a4a4a;
        margin: 5px 0;
    }
    
    .event-location {
        color: #666;
        font-size: 14px;
        display: flex;
        align-items: center;
    }
    
    .event-location::before {
        content: "📍 ";
        margin-right: 5px;
    }

    .event_title_wrap{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    /* sign up */
    .sub_background_box ul{
        text-align: left;
    }

    .sub_background_box ul li{
        display: block;
    }

    .sub_background_box ul li:not(:first-child){
        margin-left: 0px;
        position: static;
    }

    .sub_background_box ul li:not(:first-child):after{
        content: none;
    }

    .sub_background_box button, .sub_background_box a{
        color: #3f51b5 !important;
    }

   /* 회원가입 */
    .signup_form{
        padding: 0 200px;
    }

    .signup_form .title{
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .signup_form .info_box{
        margin-bottom: 20px;
    }

    .signup_form .info_box h6{
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 8px;
    }

    .signup_form .info_box h6::before {
        content: "■";
        color: #a0b524;
        font-size: 8px;
        display: inline-block;
        margin-right: 6px;
        margin-bottom: 3px;
        vertical-align: middle;
      }

    .signup_form .info_box .e_name{
        width: calc(50% - 4px);
    }

    .signup_form .info_box .phone{
        width: calc(33% - 8px);
    }

    .signup_form .info_box label{
        margin-right: 20px;
    }

    .signup_form .info_box #extra_address{
        margin-top: 12px;
    }

    .signup_form .info_box .new_radio + label i{
        margin-bottom: 2px;
    }

    /** mypage */
    .mypage label{
        margin-right: 20px;
    }

    .mypage .new_radio + label i{
        margin-bottom: 2px;
    }

    .mypage .mini_alert {
        margin-bottom: 20px;
    }

    .mypage .long_btn{
        background-color:#c2d65a;
    }

    .mypage #user_address{
        margin-bottom: 12px;
    }

    /** login page */
    .login_wrap{
        max-width: 1200px !important;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }

    .container.login .logo{
        max-width: 720px !important;
    }

    .login_wrap > div{
        width: 56%;
    }

    .login_wrap > form{
        width: 40%;
    }

    .login_wrap h1 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .grade_wrap li{
        padding: 0;
        text-indent: 0;
    }

    .grade_wrap li a{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    

    .grade_wrap li a > img {
        width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .notice-pin {
        text-align: center;
    }
    
    .pin-tag {
        display: inline-block;
        padding: 3px 6px;
        font-size: 16px;
        background-color: #48b450; /* 녹색계열 */
        color: white;
        border-radius: 4px;
    }


    .vision_wrap {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 0px 20px;
      }
      
      .vision_box {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 20px;
        background-color: #fff;
        padding: 40px;
        border-radius: 16px;
      }

      .vision_box:nth-child(even){
        background-color: #f9f9f9;
      }
      
      /* 양쪽 div 비율 */
      .vision_box > div:nth-child(2) {
        width: 42%;
      }
      
      /* 텍스트 영역 */
      .green_title {
        color: #bad531;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      
      .vision_box h5,
      .vision_box h6 {
        font-size: 24px;
        margin: 8px 0;
        font-weight: 500;
      }
      
      .vision_box h5 span {
        font-weight: bold;
        color: #000;
        font-size: 28px;
      }
      
      .green_line {
        width: 100%;
        max-width: 480px;
        height: 2px;
        background-color: #bad531;
        margin: 16px 0;
      }
      
      /* 리스트 스타일 */
      .vision_list {
        list-style: none;
        padding-left: 0;
        margin: 0;
      }
      
      .vision_list li {
        position: relative;
        padding-left: 12px;
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 1.6;
      }
      
      .vision_list li::before {
        content: "•";
        position: absolute;
        left: 0;
        color: #bad531;
        font-size: 20px;
        top: -4px;
      }
      
      .vision_list li span {
        font-weight: bold;
        color: #000;
      }
      
      /* 이미지 */
      .vision_box img {
        width: 100%;
        max-width: 400px;
        height: auto;
        border-radius: 26px;
        object-fit: cover;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
      }
      
      /* 두 번째 vision_box 반대로 정렬 */
      .vision_box:nth-child(even) {
        flex-direction: row-reverse;
        /* gap: 0; */
      }

      .vision_box:nth-child(odd) {
        gap: 80px;
        justify-content: space-between;
      }

      .values_img{
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
      }

      
    .card-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto;
      }
  
      .card {
        background-color: #ffffff;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
        overflow: hidden;
        transition: transform 0.3s ease;
      }
  
      .card:hover {
        transform: translateY(-5px);
      }
  
      .card img {
        width: 100%;
        height: auto;
        display: block;
      }
  
      .card-content {
        padding: 20px;
      }
  
      .card-title {
        font-size: 20px;
        font-weight: 700;
        color: #2c3e50;
        margin-bottom: 10px;
      }
  
      .card-text {
        font-size: 15px;
        color: #555;
        line-height: 1.6;
      }

    /* media query */

@media screen and (max-width: 1240px) {
    /* .noti_wrap{
        flex-direction: column;
        align-items: center;
    } */
    .noti_wrap > div.noti_area{
        width: calc(52% - 10px);
    }
}


@media screen and (max-width: 1024px) {
    section.container .page_title span{
        font-size: 28px;
    }

    .clearfix2>*:nth-child(2){
        display: none;
    }

    header .logo.pc_only{
        display: none;
    }
    .dates_area {
        display: block;
    }

    .m_only, .tablet_show, .tablet_only {
        display: block;
    }

    .main_section .container{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .main_section .flex_between{
        justify-content: center;
    }

    .main_section .dates_area ul{
        justify-content: center;
    }
    .noti_wrap > div.noti_area, .noti_wrap .noti_area:nth-child(1), .noti_wrap .noti_area:nth-child(2){
        width: calc(90% - 10px);
    }

    .noti_wrap{
        align-items: center;
        /* width: calc(90% - 10px); */
    }
    .welcome_wrap, .welcome_wrap.chairperson{
        flex-direction: column;
        gap: 20px;
    }

    .welcome_wrap > div:nth-child(1), .welcome_wrap > div:nth-child(2){
        width: 80%;
    }

    .welcome_txt{
        font-size: 16px;
    }

    .login_wrap{
        flex-direction: column;
    }

    .login_wrap > div, .login_wrap > form{
        width: 100%;
    }

    .vision_box, .vision_box:nth-child(even) {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {

    .section_bg {
        background: url('/main/img/2025main/main_bg.png') no-repeat top 60px right / cover;
    }

    .main_section .dates_area{
        position: relative;
        bottom: -132px;
    }

    .img_vsl_text{
        width: 100%;
        top: 8%;
    }

    .new_tool_wrap .logo img{
        display: block;
        padding-left: 0;
    }

    .main_section .container {
        padding-top: 0px !important;
        height: 100%;
    }

    .main_section .flex_between{
        height: 88%;
    }

    .dates_area{
        width: 100%;
    }

    .dates_area li{
        width: 120px;
        height: 120px;
    }
    .noti_wrap > div.noti_area {
        width: 100%;
    }
/* 
    .noti_area:nth-child(2) ul{
       height: 280px;
    } */

    .noti_area:nth-child(1) ul li{
        padding: 40px 20px;
    }

    .welcome_wrap > div:nth-child(1), .welcome_wrap > div:nth-child(2){
        width: 95%;
    }

    .welcome_wrap > div:nth-child(1) p, .welcome_wrap > div:nth-child(1) p span{
        font-size: 16px;
    }
    .welcome_txt{
        font-size: 14px;
    }  
     .signup_form{
        padding: 0 100px;
    }

    .vision_container {
        flex-direction: row;
        align-items: flex-start;
        gap: 50px;
      }
    
      .vision_box{
        padding: 20px;
        gap: 40px !important;
      }

      .vision_text_box,
      .vision_image_box {
        flex: 1;
      }

      .vision_list li{
        font-size: 12px;
      }

      .vision_box h5, .vision_box h6{
        font-size: 16px;
      }

      .vision_box h5 span{
        font-size: 20px;
      }

      .vision_box > div {
        width: 100%;
    }

    .card-container{
        display: block;
    }

    .vision_box > div:nth-child(2){
        width: 96%;
    }
}

@media screen and (max-width:480px) {
    .noti_area li{
        padding: 8px;
    }
    .noti_area:nth-child(1) ul li{
        padding:28px 20px;
    }

    .noti_area:nth-child(1) ul li a{
        grid-template-rows: 8px 54px 28px;
    }

    .noti_area:nth-child(1) ul li a h3{
        margin: 8px 0;
    }

    .noti_area:nth-child(1) ul li a h3{
        font-size: 16px;
    }

    .noti_area:nth-child(1) ul li a p{
        font-size:12px;
    }

    .noti_area:nth-child(1) ul li a p:nth-child(3){
        margin-top: 4%;
        margin-bottom: 12px;
    }

    .noti_area:nth-child(1) ul li a div{
        margin-top: 24px;
    }
    .noti_area:nth-child(1) ul li::after{
        content: none;
    }


    .noti_area:nth-child(2) ul{
        background-size: contain;
        background-repeat: no-repeat;
        padding: 28px 16px;
    }



    section.container{
        margin-top: 66px;
    }
    #eventModal{
        width: 90vw;
    }

    .signup_form{
        padding: 0 40px;
    }
}