
.gnb .gnb_site {padding-left: 0}
.lnb {padding-left: 0}
.logo, .go {flex-shrink: 0;}
.logo .logo_title img {height: auto}

/*260729 ìˆ˜ì •*/
#header .new {
    position: relative;
    z-index: 30;
    padding-top: 17px;
    padding-bottom: 13px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    font-size: 0;
    line-height: 0;
}
/*260729*/

#header .new .wrap {display: flex; align-items: center;}

.search {
    font-family: "S-CoreDream", "NanumS", "Malgun Gothic", "ë§‘ì€ ê³ ë”•", "Dotum", "ë‹ì›€", "Gulim", "êµ´ë¦¼", "sans-serif";
}
.search .search_bar {
    border: 3px solid #3243a9;
    border-radius: 50px
}

.search .search_popular h3 {
    color: #0062bd;
}

.search .search_submit {
    background-image: url(https://guro.go.kr/site/www/images/main2025/search_sprite03.png);
}

.search .search_query {
    height: 50px;
}

.weather {
    position: relative;
    top: 0;
    height: 45px;
    display: flex
}

.weather .weather_state {
    width: 25px;
    height: 24px;
    background-size: cover;
    top: 2px
}

.weather .weather_environment {
    margin-top: 0
}

.weather .weather_info {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 26px
}

/*260623 ìˆ˜ì •*/
.weather .weather_info {padding-left:45px!important}
.weather .weather_info .weather_state {height:30px!important;background-position: center center!important;background-size: contain!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type1.png)}
.weather .weather_info.type1 .weather_state {width:30px!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type1.png)}
.weather .weather_info.type2 .weather_state {width:30px!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type2.png)}
.weather .weather_info.type3 .weather_state {width:30px!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type3.png)}
.weather .weather_info.type4 .weather_state {width:30px!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type4.png)}
.weather .weather_info.type5 .weather_state {width:27px!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type5.png)}
.weather .weather_info.type6 .weather_state {width:27px!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type6.png)}
.weather .weather_info.type7 .weather_state {width:27px!important;background-image:url(https://guro.go.kr/site/www/images/main2026/weather_type7.png)}
/*260623*/


.weather .weather_temp {
    font-size: 13px;
    display: inline-block
}

.weather .weather_pmtxt {
    font-size: 13px;
}

#header .search {position: static;}

#header .home .search {
    display: none
}

#header .new .wrap .go {

    display: flex;
    gap: 5px;
    justify-content: start;
    flex-shrink: 0;
}

/*260629 ìˆ˜ì •*/
@media (max-width: 1024px) {
.weather {display: none}
}
/*260629*/

@media all and (min-width: 1001px) {

    #header .home {
        height: 58px
    }

    #header .home .go {
        display: none;
    }

    .lnb .menu .depth1_text {
        height: 58px;
        font-weight: 600;
        letter-spacing: -0.05em;
    }
}

@media all and (min-width: 1001px) and (max-width:1167px) {
    #header>.search {
        top: 140px !important
    }

    #header .new>.wrap .go {
        margin-top: 5px
    }

    #header .new>.wrap .go a {
        max-width: 130px;
    }
}



@media all and (max-width:1000px) {
    /* .lnb .menu_show .menu_btn {filter:grayscale(100%) brightness(0.25)} */
      .lnb_show .lnb::before {
    display: block;
    visibility: visible;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    transition-property: visibility, opacity;
    transition-duration: 0.25s;
    transition-timing-function: linear;
  }

    .lnb .menu_show {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    #header .new,
    #header>.search,
    #header>.go {
        display: none;
    }

    #header .home .go {
        margin-right: 90px;
        display: flex;
        gap: 10px
    }

    #header .wrap .search {
        display: flex;
        height: 100%
    }

    #header .wrap .search .search_open {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    /* .search {top:0;} */
    .search .search_open {
        display: block;
        position: absolute;
        top: 24px;
        right: 3%;
        z-index: 77;
        width: 19px;
        height: 19px;
        margin-right: 44px;
        background: url(https://guro.go.kr/site/www/images/main2026/search_sprite_alone.png) no-repeat center;
    }

    /*260625-2 ìˆ˜ì •*/
    .search .search_panel {
        visibility: hidden;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 101;
        padding-top: 38px;
        padding-right: 3%;
        padding-left: 3%;
        background-color: #fff;
        transition-property: visibility, opacity;
        transition-duration: 0.25s;
        transition-timing-function: linear;
    }

  .search .search_panel.active {
    visibility: visible;
    opacity: 1;
  }
  /*260625-2*/

    .search h2 {
        opacity: 1;
        position: static;
        width: auto;
        height: auto;
        margin-bottom: 51px;
        color: #000;
        font-size: 20px;
        line-height: 22px;
        font-weight: 600;
        text-align: center;
    }

    .search .search_close {
        display: block;
        position: absolute;
        top: 34px;
        right: 3%;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background-color: #5f6a89;
    }

    .search .search_close:before {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url(https://guro.go.kr/site/department/images/common/search_sprite.png) no-repeat left -79px;
    }

    /* ê²€ìƒ‰ í™œì„±í™” */
    .search_active,
    .search_active body {
        overflow: hidden;
    }

    .search_active .search .search_panel {
        visibility: visible;
        opacity: 1;
    }



}


@media all and (max-width:640px) {
    .search .search_panel {
        padding-top: 35px;
    }

    .search h2 {
        margin-bottom: 31px;
        font-size: 17px;
        line-height: 19px;
    }

    .search .search_close {
        top: 29px;
    }
    .logo {max-width:86.5px}
}

@media all and (max-width:500px) {
    #header .home .go {
        margin-left:auto;
        gap: 5px
    }

    #header .home .go a {
        max-width: 65px;
    }
}

/*260720 ìˆ˜ì • ì‹œìž‘*/
#header .go a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 172px;
    height: 53px;

    border-radius: 53px;
    background-color: #f36f21;
    color: #fff;

    font-family: 'GmarketSans', sans-serif !important;
    font-size: 19px;
    font-weight: 600;
}

#header .go a > span {
    display: block;
    padding-top: 2px;
    color: #fff;
    font-family: 'GmarketSans', sans-serif !important;
}

#header .go a::before {
    content: 'â†’';
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    display: flex;
    align-items: start;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    color: #f36f21;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    display: none;
}

#header .go a:last-of-type {
    background-color: #3ab68e;
}

#header .go a:last-of-type::before {
    color: #3ab68e;
}

@media (min-width: 501px) and (max-width: 1167px) {
    #header .go a {
        min-width: 130px;
        height:40px
    }
    #header .go a > span {font-size: 15px;text-shadow: 3px 3px 0px rgba(0,0,0,.1);padding-left:0}
	#header .go a::before {right:5px;}
}

html:lang(en) #header .go a span, html:lang(vi) #header .go a span {/* max-width:50px; */font-size:12px!important;line-height:1;padding: 0 10px;}

/*260803수정*/
html:lang(en) #header .search .search_popular h3 {width:130px}
html:lang(vi) #header .search .search_popular h3 {width:180px}
html:lang(en) .search_list {margin-left:60px}
html:lang(vi) .search_list {margin-left:110px}

html:lang(en) .gnb .gnb_site .gnb_item:first-child .gnb_text,
html:lang(vi) .gnb .gnb_site .gnb_item:first-child .gnb_text {padding-left: 45px;}

html:lang(vi) .gnb .gnb_site .gnb_item:first-child .gnb_text {font-size: 12px!important;}

html:lang(en) .gnb .gnb_site .gnb_item:first-child .gnb_text,
html:lang(vi) .gnb .gnb_site .gnb_item:first-child .gnb_text {background-position: 8% center!important}

html:lang(en) .gnb .gnb_site .gnb_item:nth-child(2) .gnb_text,
html:lang(vi) .gnb .gnb_site .gnb_item:nth-child(2) .gnb_text {padding-left: 16px;}
/*260803*/

@media (max-width:500px) {
	#header .go a {width:65px;min-width:65px;height:65px;flex-shrink: 0;flex-grow: 0;}
	#header .go a span {font-size: 13px;line-height: 1.35;text-align: center;padding:0;margin:0;margin-top:5px;text-shadow: 3px 3px 0px rgba(0,0,0,.1);word-break: keep-all;}
	#header .go a::before {display: none;}
	html:lang(zh-Hans) #header .go a span {max-width:50px;word-break: keep-all;}
	html:lang(en) #header .go a, html:lang(vi) #header .go a {max-width: 85px!important;width: 85px!important;}
	html:lang(en) #header .go a span, html:lang(vi) #header .go a span {max-width:70px; font-size:10px!important;}
}

#header .new {z-index:31}
.search_panel{position:relative;z-index:31;}



.search .search_popular {margin-top:10px; padding-right:51px; padding-left:92px;}
.search .search_popular a {color:#333; font-weight:500;}
.search .search_popular h3 {min-width:92px; padding-left:8px;}
.search .search_popular .search_control {right:5px;}


@media (max-width: 1000px) {
    .search .search_panel.active .search_submit {
        margin-top: unset;
        margin-bottom: unset;
        right: 16px;
    }

}
@media (min-width:641px) and (max-width: 1000px) {.search .search_panel.active .search_submit {
        top: 14px;
        right: 20px;
}}

@media (max-width:640px) {
    .search .search_panel.active .search_submit {top: 16px;}
}


        body {overflow-x:hidden}
        #header .search .search_popular h3 {font-weight: 500;color:#272727;border-right:solid 1px #aaaaaa;width:unset;padding-left:0;padding-right:10px;margin-right:10px;letter-spacing: -0.75px;}
        #header .search .search_popular h3 img {margin: 0 5px 2px 0;}
        .search .search_popular button {border:solid 1px #4b4b4b; border-radius: 2px;}
        .search .search_popular a {font-weight: 400;color:#2a2a2a;letter-spacing: -0.75px;}

        /*260730-1*/
        .search_list {margin-left:10px;overflow:hidden}
        @media screen and (min-width:1001px) {.search_list {height:18px}}
        /*260730-1*/

        @media screen and (max-width:1000px) {
        .search_popular {display:flex;flex-direction: column;border:solid 1px #ccc;border-radius: 12px;padding:20px!important}
        .search_list {display:flex;flex-direction: column;gap:10px;}
        .search_control {display: none;}
        #header .search .search_popular h3 {padding:0;position:initial;border-right:0}
        .search .search_popular .search_item {margin-left:0;float:none}
        .search .search_popular.active{display:block;opacity:1;}
        #header .search_popular .search_list {
            counter-reset: popular-number !important;
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin: 0;
            padding: 0;
            border-radius: 8px!important;
        }
        #header .search_popular .search_list > .search_item {
            counter-increment: popular-number !important;float:none;display:flex;align-items:center;padding-left:0;margin-left:0;
        }
        #header .search_popular .search_list > .search_item::before {
            content: counter(popular-number) "" !important;
            display: flex !important;
            align-items:center;justify-content: center;text-align: center;
            position: static !important;
            margin-right: 8px !important;
            background: #3243a9 !important;
            font-size: 15px !important;
            font-weight: 700;
            width:24px;height:24px;border-radius: 4px;color:#fff
        }
        #header .search_popular .search_list > .search_item a {font-size: 16px;color:#696969}
        .search .search_popular h3 {position: initial;display: block;padding:0;font-size: 15px;color:#434343;font-weight: 500;margin-bottom: 20px;width:max-content}
    }
