/* ============ desktop view ============ */
    @media all and (min-width: 992px) {
        .navbar .nav-item .dropdown-menu {
            display: none;
        }


        .navbar .nav-item:hover .dropdown-menu {
            display: block;
        }

        .navbar .nav-item .dropdown-menu {
            margin-top: 0;
        }
    }

    /* ============ desktop view .end// ============ */








@media (min-width:769px) { 

    .nav-wrap ul li.nav-item::after {position: absolute; content:""; display: block; border-bottom: 3px solid #003c71; transition: all 250ms ease-out; left: 50%; width: 0; bottom: 0;}
    .nav-wrap ul li.nav-item:hover::after {transition: all 250ms ease-out; left: 20%; width: 60%;}

}



/* ---------- mobile --------- */

@media (max-width:768px) {

    
    header {width: 100%}
    footer {margin-top: 3rem}
    .footer-inner p {line-height: 1.2;}
    .footer-inner {padding-left: 0; padding-top: 50px}
    .footer-inner img {top: 0; width: 130px}
    .make-wrap {width: 100%; margin: auto; max-width: 100%;}
    .navbar.navbar-light {padding-top: 0; padding-bottom: 0}
    .navbar-light .navbar-toggler {border: none; position: absolute; right: 0; top:-40px}
    .nav-wrap ul li.nav-item a.nav-link {text-align: center}
    .nav-wrap ul li.nav-item .dropdown-menu {width: 80%; margin-left: auto; margin-right: auto; box-shadow: none;}
    .nav-wrap ul li.nav-item .dropdown-menu li a {text-align: center;}
    .make-wrap .col-md-12 {padding-top: 0}
    .make-wrap .col-md-9 {width: 100%}
    .make-wrap .col-md-9 h2 {padding: 25px 0 10px 0; font-size: 28px; font-weight: 600; color: #003c71}
    .make-wrap .col-md-3 {width: 100%; margin-left: 0; margin-bottom: 40px; min-height: 283px;}
    .make-wrap .col-md-3 iframe {width: 100%}
    .make-wrap .col-md-3.main-aside {margin-top: 4rem; margin-left: 0; text-align: center}
    .header-login {right: 10px}
    
    
 /*  main  */   
.nav-wrap {position: relative; height: auto;}
.nav-wrap .make-logo img {padding-top: 15px; width: 110px}
.nav-wrap ul {margin-top: 10px}
    
.top-img { float:left; width:100% !important; margin:0; padding:0; }
ins { width:100% !important; height: auto !important}
ins a img {width:100% !important; height: auto !important} 
    .top-img img {width:100% !important; height: auto !important}
    
    .make-main .col-md-8 {width: 100%;}
    .make-main .col-md-4 {margin-left: 0; margin-top: 3rem}
    .make-main .card:nth-of-type(2n) {margin-left: 0}

    /*2025 main-top*/
    .main-top {
        padding-top: 10px;
        .col-md-8 {
            width: 100%;
        }
            .col-md-4.news-item-wrap {
                width: 100%;
            }
    }





    .top-login {display: none}
    
    .latest-type01 .tab-content ul li .news-cont {width: 226px}
    .latest-type01 ul {padding-left: 0 !important;}
    .latest-type01 ul li .news-cont {max-width: 162px}
    
    .partners {width: 100%}
    .partners-title {margin-left: 1rem; font-size: 20px}
    /*.partners ul {width: 90% !important; margin: 0 auto}
    .partners ul li {width: 33.3% !important}
    .partners ul li img {height: 50px}
    .partners ul.partners-list1 {margin-left: auto;}
    .partners ul.partners-list1 li, .partners ul.partners-list2 li {padding-left: 0; padding-right: 0} */

    #slider {
        width:100%; /* 테스트를 위한 임시 값*/
        height:200px;
     }
     .image-box {
        width:5600px; /* 보여야 하는 이미지 + 클론이미지 전체 합 */
        height:100%;
     }
     
        
     .image-box > div {
        flex:0 0 auto;
        height:130px;
        line-height:130px;
     
        vertical-align:top;
        text-align:center;
     }
     #slider .image-box img {
        width:auto;
        height:50px;
        padding-left: 1rem;
        padding-right: 1rem;
     }
     


    .main-thumb-list img {width: 100%; height: auto;}
    .main-thumb-list .col-md-3 a span.title {padding-bottom: 1rem;}


    /*2025*/
    .main-project-list {
        .col {
            position: relative;
            margin-bottom: 30px;
            .card {
                a {
                    img {
                        height: auto;
                    }
                    span.title {
                        min-height: 70px;
                    }
                }
            }
        }
    }

    .news-categories {
        .shorting-menu.make-menu {
            a{
                &:first-of-type {
                    display: none;
                }
            }
        }
    }
        
 /*  project  */   
.btn-project-wrap {position: relative; padding-bottom: 3rem} 
.btn-project-wrap a{padding-left: 1.8rem; padding-right: 1.8rem}
.btn-project-wrap a.btn-project-make, .btn-project-wrap a.btn-project-my {padding-top: 8px; padding-bottom: 8px;}
.btn-project-make {right: auto; left: 0}
.btn-project-wrap a.btn-project-my  {position: absolute; right: 0; left: auto;}
    
.section-nav a {margin-left: 1rem; margin-right: 1rem}
    
.project-main .card {display: block; width: auto}
.project-main .card:nth-of-type(2n) {margin-left: 0}
    
    .project-main .project-type {padding: 0}
    .project-main .project-type.contest {border-right:
    none; padding-top: 5rem}
    .project-main .project-type h3 {font-size: 30px}
    
.project-tab1 li a {padding: 0.75rem 2rem; font-size: 1rem}
    
.project-work-list .stage-info > div {flex-direction: column}
    
 .project-work-list .accordion-button .stage-num:before {
  right: -37px;
  border-left: 37px solid #ffffff;
  border-top: 37px solid transparent;
  border-bottom: 37px solid transparent;
}
    
.project-work-list .accordion-button:not(.collapsed) .stage-num:before {
  right: -37px;
  border-left: 37px solid #09d2d5;
  border-top: 37px solid transparent;
  border-bottom: 37px solid transparent;
}
 
    .project-work-list .accordion-button .stage-num {width: 59px; height: 75px; line-height: 75px; font-size: 13px; text-indent: 6px}
    .project-work-list .accordion-button:not(.collapsed) .stage-num {width: 59px; height: 75px; line-height: 75px; font-size: 13px;text-indent: 6px}
    .project-work-list .accordion-button .stage-title {padding-left: 55px; font-size: 14px}
    .project-work-list .accordion-button:not(.collapsed) .stage-title {padding-left: 55px; font-size: 13px;}
    .project-work-list .accordion-button .stage-title span {font-size: 11px}
    .project-work-list .accordion-button:not(.collapsed) .stage-title span {font-size: 11px}
    
    .project-view-cont, .project-view-cont p {font-size: 13px}
    .project-view-cont p img {max-width: 100% !important; height: auto !important; padding: 3rem 0;}
    
    
 /*  커뮤니티  */   
    .brd-cate a {font-size: 0.85rem}
    
    .selsearch .col-md-6 input[type="submit"] {width: 12%; padding-left: 0; padding-right: 0; font-size: 13px; line-height: 1.1}
    .selsearch .col-md-6 {text-align: left; padding-bottom: 0.3rem}
    
    .gtable-blue colgroup col:last-child {display: none;}
    .gtable-blue th.num-line,  .gtable-blue td.num-line {display: none;}
    .gtable-blue td {font-size: 12px}
    
    .search_form {margin-left: 1rem}
    .search_form form {width: 77%; margin-left: 0;}
    .search_form form input[type="submit"] {width: 21%}
    .search_form .form-control {width: 77%}
    .search_form form .btn-cancel {width: 21%;}
    .pagenum {margin-top: 20px; margin-left: 1rem}
    .pagination .page-item .page-link {font-size: 11px}
    .pagenum .pagination > li > a, .pagenum .pagination > li > span {padding: 6px 10px}

    a.regi-btn {margin-top: 20px; margin-bottom: 0}
    
    .comm-free-lecture {padding-left: 0;}
    .comm-free-lecture li {width: 100%; margin-right: 0}
    
    .inqviewform ul li.inq-line {padding: 1rem 0; border-top: none; font-size: 1.2rem; line-height: 1.2; letter-spacing: -0.01rem; font-weight: bold}
    .inqviewform ul li.inq-line.pd {margin-top: 1rem; border-top: 1px solid #e9e9e9}
    .inqviewform ul li.inq-line.d-flex .tit-s {display: none; }
    .inqviewform ul li {font-size: 13px;}
    .inqviewform ul li.inq-line p {font-size: 0.875rem; font-weight: normal}
    .inqviewform ul li.inq-line p img, .inqviewform ul li.inq-line p iframe {width: 100% !important; height: auto !important;}
    .inqviewform ul li.inq-date {width: 100%; padding-bottom:0.4rem; float: none; border-top: none; color: #7c8186}
    .inqviewform ul li.inq-date .tit-s,  .inqviewform ul li.file .tit-s{display: inline-block;width: auto; padding: 0 0 0 0; margin: 0 0 0 0; background-color: #ffffff; font-size: 13px; color: #7c8186}
    .inqviewform ul li.inq-date strong {margin-right: 15px}
    .inqviewform ul li.inq-date span {margin-right: 15px}
    .inqviewform .txt-comm .date {font-size: 11px}
    .inqviewform .cmt-reply {padding-left: 2rem !important}
    
    .txt-comm .id a {font-size: 12px}
    .txt-comm .fl_r {margin-left: 5px; vertical-align: bottom}
    .txt-comm .fl_r .btn-cmt {margin-top: 2px; padding-top: 8px;}
    
    
    
    
/*  contest  */
    .make-wrap .h2-make {padding: 20px 0 30px 0; font-size: 26px;}
    .contest-main {padding-top: 0}
    .contest-main h3.h3-main {font-size: 20px;padding-bottom: 0.5rem;}
    .contest-main .contest-ing {padding-bottom: 4rem}
    .contest-main .contest-ing .d-flex {display: block !important}
    .contest-main .contest-ing .d-flex a.btn {right: 0; bottom: 33px; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem;}
    .contest-ing .contest-ing-info {padding-left: 10px; padding-top: 35px; padding-bottom: 20px; width: 100%;}
    .contest-ing .contest-ing-info .title {font-size: 19px; height: auto;}
    .contest-ing .contest-ing-info .business {padding-top: 20px}
    .contest-ing .contest-ing-info dl {margin-top: 1rem;}
    .contest-ing .contest-ing-info dl dt {padding-bottom: 0.5rem}
    .contest-ing .contest-ing-info dl dd {font-size: 15px;}
    .contest-ing .contest-ing-img img {height: auto}
    
    .contest-home-latest {display: block !important}
    .contest-home-latest .contest-video {width: 100%;}
    .contest-home-latest .contest-latest {width: 100%; margin-top: 2.5rem; margin-left: 0}
    
    #contest-step {margin: 1rem 0 3rem 0; height: 300px; background-color: #f1f8fc; background-image:url(../contest/images/bg_contest_step.png), url(); background-repeat: no-repeat, no-repeat; background-position: 101% bottom, left; border-radius: 8px; background-size: 55%}
    #contest-step .d-flex {display: block !important}
    #contest-step .num-quest {border-radius: 8px; padding-top: 13px; padding-left: 22px; width: 100%; font-size: 24px; height: 60px; background-color: #249fe8}
    #contest-step .num-quest span {left: 140px;
    top: 10px; width: 47px; padding-left: 14px; padding-top: 5px;
    height: 87px;
    display: inline-block;
    background: url(../contest/images/bg_contest_step_num.png);
        background-size: contain;background-repeat: no-repeat;
    font-size: 26px;}
    .contest-step-cont {padding: 30px 0 0 10px; width: 100%}
    .contest-step-cont .contest-title {font-size: 18px; line-height: 1.3; min-height: 41px}
    .contest-step-cont .period {font-size: 14px}
    .contest-step-cont .period span:first-of-type {display: block;padding-left: 0; padding-bottom: 7px; border: none}
    .contest-step-cont .reg-period {font-size: 1.5rem;}
    .contest-step-cont .reg-period-dt {font-size: 0.85rem; line-height: 1.5;}
    .contest-step-cont span.d-day {display: block; padding-top: 3px}
    
    .contest-quest-title.d-flex {display: block !important;}
    .contest-quest-title.d-flex h3 {font-size: 1.4rem; padding-left:0}
    .contest-quest-title .quest-title {font-size: 1.2rem; line-height: 1.3}
    .contest-quest-title .quest-period {font-size: 13px}
    .contest-quest-title .quest-period span {font-size: 12px}
    
    
    #contest-step a {background-color: transparent; margin-top: 1.5rem; margin-left: 1rem; padding: 0.5rem 1.5rem; color: #249fe8; font-weight: 900; font-size: 15px}
    
/*    .collapse:not(.show) {display: inline-block !important}*/
    .contest-nav .container-fluid {width: 100%; padding-left: 0; padding-right: 0}
    .contest-nav .container-fluid #main_nav.collapse:not(.show) {display: inline-block !important}
    .navbar-expand-lg.contest-nav .navbar-nav {display: block; margin-left: 0}
    .navbar-expand-lg.contest-nav .navbar-nav li {width: 33.333%; float: left; }
    .navbar-expand-lg.contest-nav .navbar-nav li:nth-child(4) a:before, .navbar-expand-lg.contest-nav .navbar-nav li:nth-child(7) a:before {display: none}
    .navbar-expand-lg.contest-nav .navbar-nav li.q-record ul li {width: 100%;}
    .navbar-expand-lg.contest-nav .navbar-nav li.q-record .nav-link {text-align: center}
    .navbar-expand-lg.contest-nav .navbar-nav .nav-link {padding-left: 0; padding-right: 0; font-size: 14px; text-align: center}
    .navbar-expand-lg.contest-nav .navbar-nav .nav-link.active {font-size: 14px}
    .contest-nav.navbar .nav-item .dropdown-menu {padding: 5px 0;overflow: hidden; margin-left: -30px;}
    .navbar-expand-lg.contest-nav .navbar-nav li ul li a {font-size: 13px; text-align: center; line-height: 1.5}
    
    .project-view-top .flex-column {padding-bottom: 4rem !important}
    .project-view-top .project-title {font-size: 17px; line-height: 1.2}
    .project-tech-info span,.project-board-info > span {display: inline-block; padding-bottom: 0.2rem}
    
    .project-board-list .project-board-title {font-size: 19px}
    .project-board-list .project-board-title .board-desc {left: 0; top:27px; font-size: 11px}
    
    .project-view-title h3 {font-size: 1.5rem;}
    .project-view-title .title-info>span {display: inline-block; padding-bottom: 0.3rem}

    .contest-main h3 {font-size: 19px}
    .participant h3 .num-status {font-size: 17px}
    .participant small {font-size: 11px}
    .participant small .ps-4 {padding-left: 0.5rem !important}
    
    .contest-main .card {width: 100%}
    .contest-main .card:nth-of-type(2n) {margin-left: 0}
    .contest-main .card img {width: 100%; height: auto !important; max-height: 300px;}
    .project-main .row .col-md-3.project-list .card img {height: auto}
    .contest-main .row.ms-n2 {margin-left: 0}
    
    .contest-main .row .contest-list {width: 100%}
    .contest-main .contest-list .card .card-body p {text-align: left; margin-bottom: 0;}
    .contest-main .contest-list .card .card-body .contest-list-title {min-height: auto;}
    .contest-main .project-list.contest-list .card .card-body .contest-list-title a {text-align: left; min-height: 30px;}

    .project_icon {font-size: 14px; height: 26px;}
    
    .board-view-title .txt {font-size: 1.2rem}
    
    .board-comm .w87p {width: 70%}
    .board-comm .w85 {width: 72%}
    .board-comm .btn-cmment {width: 45px}
    .board-comm .comm-regi-btn {line-height: 1.6}
    .comment-wrap .card {place-content: 0; padding-right: 0}
    .comment-wrap .card .media .round {width: 15%}
    .comment-wrap .card .media .round img {width: 50px; height: auto}
    .comment-wrap .card .media-body.writer-info {width: 85%; padding-right: 0}
    .comment-wrap .card .media-body .txt {line-height: 1.3; font-size: 12px; margin-left: 0}
    .comment-wrap .card .media-body .flex-row {position: relative}
    .comment-wrap .card .media-body .btn-cmt a {position: absolute; right: 10px; font-size: 13px}
    .comment-wrap .card .media-body .btn-cmt a::after {display: none}
    .comment-wrap .card .media-body > div > div {font-size: 13px}
    .comment-wrap .card .media-body > div > div.date {font-size: 12px}
    .comment-wrap .card .media .re-box input[type="text"] {width: 68%;}
    .comment-wrap .card .media.comment {padding-left: 1rem}
    .board-view-title .title-info > span {display: inline-block; padding-bottom: 0.5rem; font-size: 12px}
    .board-view-title .title-info > span:after {top: 1px}
    .board-view-cont p {font-size: 13px}
    .board-view-cont p img {width: 100% !important; height: auto !important;}
    .btn-cmt .btn-cmt-reply:after,.comment-wrap .card .media-body .btn-cmt .btn-cmt-report {margin-left: 11px}
    
    .cont-link {padding: 1.5rem}
    .cont-link ul li a {font-size: 14px}
    
    
    .guide-box dt img {width: 60px}
    .guide-box dl {padding-left: 68px}
    .guide-box dl dd {margin-left: 0}
    .guide-box dl dd .h4-guide {font-size: 18px}
    .guide-box dl dd .guide-txt ul li {font-size: 13px}
    .guide-box dl dd .guide-txt {font-size: 13px}
    .guide-box dl dd .guide-txt p {font-size: 13px}
    .guide-box dl dd .guide-txt img {width: 100% !important; height: auto !important}
    .guide-box dl dd  div p.fs-5 {font-size: 0.925rem !important}
    .guide-box dl dd table.eval th strong {font-size: 13px; width: 57px; margin-right: 0.5rem}
    .st-style-2023.guide-box dl dd table.eval th strong {width: 100px !important; letter-spacing: -1px; display: inline-table; line-height: 1.3;}
    .guide-box dl dd table.eval td {font-size: 13px; line-height: 1.5}
    
    .contest-board .selsearch .col-8 {width: 100% !important}
    .contest-board .selsearch input[type="submit"] {width: 15%}
    .contest-board .selsearch input[type="text"] {width: 57% !important}
    
    
    
/*  event  */    
    .make-wrap .event-main {padding-top: 1rem}
    .make-wrap .event-main .col-md-3 {width: 100%}
    .make-wrap .event-main .rounded-start {width: 100%}
    
    
    
    
    
    
    
/*  회원가입  */ 
    .container .login-wrap {padding: 2rem 1rem 2rem 1.5rem !important}
    .login-wrap {width: 100%; padding-right: 20px; padding-left: 20px}





/*my page*/
.my-header {width: 100%;}

.my-snv {width: 100%;}

.my-contest-project {padding-left: 0; padding-right: 0;}

.my-nav-tab li a {padding-left: 8px; padding-right: 8px; font-size: 15px;}

.br-reply .bd-info {width: 22%; font-size: 13px;}





/* avatar 설정 */
.membership .avatar-list label {margin-right: 10px;margin-bottom: 7px; padding-left: 0; width: 92px}
.membership .avatar-list label img {width: 80px}
.membership .avatar-list label:nth-child(4n) {width: 80px}
.membership .avatar-list label:nth-child(4n) {margin-right:auto;}

.avatar-list label {margin-right: 10px;margin-bottom: 7px; width: 21.8%;}
.avatar-list label:nth-child(4n) {margin-right:0;}



/* HIDE RADIO */
.avatar-list [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.avatar-list [type=radio] + img {
  cursor: pointer;
    border-radius: 100%;
}

/* CHECKED STYLES */
.avatar-list [type=radio]:checked + img {
	outline: 2px solid #f00;
    border-radius: 100%;
}




    
}






/*   2025   */
@media (min-width:992px) and (max-width:1199px) { 
    .make-wrap .col-md-9 {padding-right: 0;}
    .make-wrap .col-md-3 {width:22%}
}

@media (max-width:1112px) {
.brd-cate {display: flex;}
}

@media (max-width:991px) {
.default-news-area .container {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
}
.make-wrap .col-md-9 {padding-right: 0;}
}