@charset "utf-8";

.gwanak_top_bar { background-color:#005aab; height:46px; box-sizing: border-box; }
.gwanak_top_bar .top_bar_inner { display:flex; align-items: center; justify-content: space-between; max-width:1400px; width:1400px; margin:0 auto; padding:0; }
.gwanak_top_bar .top_bar_inner.w1280 { max-width:1280px; }
.gwanak_top_bar .top_bar_inner:after { display:none; }
.gwanak_top_bar .top_bar_inner .related_website { display:flex; height:45px; align-items: center; }
.gwanak_top_bar .top_bar_inner .related_website li { position:relative; height:45px; padding:0; }
.gwanak_top_bar .top_bar_inner .related_website li a { position:relative; display:flex; align-items: center; padding:0; font-size:15px; padding:0 15px; box-sizing: border-box; min-width:auto; }
.gwanak_top_bar .top_bar_inner .related_website li.current a { font-weight:600; }
.gwanak_top_bar .top_bar_inner .related_website li.website_1 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_2 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_3 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_4 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_5 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_6 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_7 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_8 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_9 a { background-color:#005aab; color:#fff; }
.gwanak_top_bar .top_bar_inner .related_website li.website_8 { display:none; }

.gwanak_top_bar .top_bar_inner .top_bar_func { position:static; display:flex; align-items: center; height:45px; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li { position:relative; height:45px; padding:0 16px; width:auto; border:none }
.gwanak_top_bar .top_bar_inner .top_bar_func > li::after { content:""; display:block; width:1px; height:12px; background-color:#ffffff; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.gwanak_top_bar .top_bar_inner .top_bar_func > li:first-child { border:none; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li a { display:flex; align-items: center; color:#fff; min-width:auto; font-size:14px; letter-spacing: -0.025em; box-sizing: border-box; padding:0; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.login-item { display:flex; align-items: center ;}
.gwanak_top_bar .top_bar_inner .top_bar_func > li a.top-login::before { content:""; display:block; width:15px; height:21px; background-image:url(../../images/gwanak/common_2024/login_ico.png); background-repeat:no-repeat; margin-right:6px;}
.gwanak_top_bar .top_bar_inner .top_bar_func > li a.top-logout::before { content:""; display:block; width:15px; height:21px; background-image:url(../../images/gwanak/common_2024/login_ico.png); background-repeat:no-repeat; margin-right:6px;}
.gwanak_top_bar .top_bar_inner .top_bar_func > li a.top-join::before { content:""; display:block; width:16px; height:19px; background-image:url(../../images/gwanak/common_2024/join_ico.png); background-repeat:no-repeat; margin-right:6px; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li a.logintime { margin-left:8px; border-radius:15px; padding:0 10px; background-color:#ffffff; color:#005aab; height:30px; font-weight:500; border:1px solid #dddddd; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li a.logintime span { color:#333; margin-right:4px; }
/* .gwanak_top_bar .top_bar_inner .top_bar_func > li a.lang-select::after { content:""; display:block; width:8px; height:7px; background-image:url(../../images/gwanak/common_2022/lang_select.png); background-repeat:no-repeat; margin-left:5px; } */
.gwanak_top_bar .top_bar_inner .top_bar_func > li a:hover { background-color: transparent; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li a.logintime:hover { background-color:#ffffff; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li::after { content:"/"; display:block; position:absolute; color:#666666; font-weight:100; right:-2.5px; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
/*.gwanak_top_bar .top_bar_inner .top_bar_func > li:nth-child(2n) { margin-right:0; padding-right:0;}
.gwanak_top_bar .top_bar_inner .top_bar_func > li:nth-child(2n)::after { display:none; }*/
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link { position:relative; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link.on > a { background-image:none;}
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link .mypage-menus { display:none; position:absolute; width:200px; left:-70px; box-sizing: border-box; z-index:9999; background-color:#fff; padding:0 15px; border:1px solid #ddd; box-shadow:5px 5px 10px rgba(0,0,0,0.2); }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link .mypage-menus.on { display:block; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link .mypage-menus ul li { margin-top:8px; padding-bottom:8px; border-bottom:1px solid #f2f2f2; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link .mypage-menus ul li a { display:block; text-align:left; font-size:14px; color:#000; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link .mypage-menus ul li a:hover { font-weight:600; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.mypage_link .mypage-menus ul li:last-child { border-bottom:0; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.lang { padding-right:0; }
/*.gwanak_top_bar .top_bar_inner .top_bar_func > li.lang a { display:flex; height:45px; align-items: center; color:#fff;padding:0 15px; }*/
.gwanak_top_bar .top_bar_inner .top_bar_func > li.lang a {display:flex; align-items: center; color:#fff; min-width:auto; font-size:15px; letter-spacing: -0.025em; box-sizing: border-box; padding:0; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.lang a::before { content:""; display:block; width:17px; height:17px; background-image:url(https://www.gwanak.go.kr/images/gwanak/common_2024/lang_ico.png); background-repeat:no-repeat; margin-right:8px; }

.gwanak_top_bar .top_bar_inner .top_bar_func > li.lang::after { display:none; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li:last-child { padding-right:0; margin-right:0; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li:last-child::after { display:none; }

.gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung { padding-right:0; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung::after { display:none; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung { height:30px; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung a { display:flex; height:100%; align-items: center; color:#fff; background-color:#00a5a6; padding:0 15px; border-radius:15px;  }
/* .gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung a::before { content:""; display:block; width:24px; height:22px; background-image:url(../../images/gwanak/common_2022/online_gwanak.png); background-repeat:no-repeat; margin-right:8px; } */
.gwanak_top_bar .top_bar_inner .top_bar_func > li.smartgwanak { padding-right:0; margin-right:0; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.smartgwanak a { display:flex; height:45px; align-items: center; color:#fff; background-color:#009bc0; padding:0 15px; }

.gwanak_top_bar .top_bar_inner .top_bar_func li.lang .lang-list { display:none; position:absolute; z-index:1; top:45px; background-color:#fff; width:100px; left:-10px; border:1px solid #ddd; padding:10px; box-sizing: border-box; box-shadow:0 5px 12px rgba(0,0,0,0.05); }
.gwanak_top_bar .top_bar_inner .top_bar_func li.lang.on .lang-list { display:block; }
.gwanak_top_bar .top_bar_inner .top_bar_func li.lang .lang-list ul li { margin-bottom:10px; }
.gwanak_top_bar .top_bar_inner .top_bar_func li.lang .lang-list ul li:last-child { margin-bottom:0; }
.gwanak_top_bar .top_bar_inner .top_bar_func li.lang .lang-list ul li a { display:flex; align-items: center; font-size:14px; }
.gwanak_top_bar .top_bar_inner .top_bar_func li.lang .lang-list ul li a::before { content:""; display:block; width:19px; height:13px; background-repeat:no-repeat; margin-right:8px; } 
.gwanak_top_bar .top_bar_inner .top_bar_func li.lang .lang-list ul li a.korean::before { background-image:url(../../images/gwanak/common_2022/korea_ico.png); }
.gwanak_top_bar .top_bar_inner .top_bar_func li.lang .lang-list ul li a.english::before { background-image:url(../../images/gwanak/common_2022/eng_ico.png); }


@media all and (max-width:1420px){

    .gwanak_top_bar .top_bar_inner { width:100%; padding:0 10px; box-sizing: border-box; }
    .gwanak_top_bar .top_bar_inner .related_website li a { font-size:13px; padding:0 10px;}
    .gwanak_top_bar .top_bar_inner .related_website li:first-child a { padding:0 10px;}
    .gwanak_top_bar .top_bar_inner .top_bar_func > li a { font-size:13px; }

    .gwanak_top_bar { height:41px; }
    .gwanak_top_bar .top_bar_inner .related_website { height:40px; }
    .gwanak_top_bar .top_bar_inner .related_website li { height:40px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func { height:40px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li { height:40px; padding:0 12px;}
    .gwanak_top_bar .top_bar_inner .top_bar_func > li::after { right:-2px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.lang a { height:40px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung { height:28px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung a { padding:0 12px;}
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.smartgwanak a { height:40px; }


}

@media all and (max-width:1080px){
    .gwanak_top_bar .top_bar_inner .top_bar_func > li {
        display:none;
    }

    .gwanak_top_bar .top_bar_inner .top_bar_func > li.login-item {
        display:none;
    }

    .gwanak_top_bar .top_bar_inner .top_bar_func > li.lang {
        display:block;
    }
}

@media all and (max-width:960px){
    .gwanak_top_bar .top_bar_inner { padding:0 10px 0 0 }
    .gwanak_top_bar .top_bar_inner .related_website { width:100%; }
    .gwanak_top_bar .top_bar_inner .related_website li { width:25%; } 
    .gwanak_top_bar .top_bar_inner .related_website li a { justify-content: center; text-align:center }
    .gwanak_top_bar .top_bar_inner .related_website li.website_2 { display:none; }
    .gwanak_top_bar .top_bar_inner .related_website li.website_9 { display:none; }
    .gwanak_top_bar .top_bar_inner .related_website li.website_4 { display:block;}
    .gwanak_top_bar .top_bar_inner .related_website li.website_5 { display:none; }
    .gwanak_top_bar .top_bar_inner .related_website li.website_6 { display:block; }
    .gwanak_top_bar .top_bar_inner .related_website li.website_8 { display:none; }
    /* .gwanak_top_bar .top_bar_inner .related_website li.website_3::after { display:none; } */
}

@media all and (max-width:800px){

}

@media all and (max-width:640px){


    .gwanak_top_bar .top_bar_inner .related_website li a { font-size:12px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li a { padding:0; }
    .gwanak_top_bar .top_bar_inner .related_website li a { padding:0 5px;}
    .gwanak_top_bar .top_bar_inner .related_website li:first-child a { padding:0 5px;}

    .gwanak_top_bar .top_bar_inner .top_bar_func > li.lang { padding-left:0; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.lang a { font-size:12px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.lang a::before { width:14px; height:14px; background-size:cover; margin-right:4px; }
}

@media all and (max-width:400px){

    .gwanak_top_bar .top_bar_inner .related_website li a { font-size:11px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li a { font-size:11px; }
}