body{text-align:center;}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); border: 0; clip: rect(0 0 0 0); }

.blind{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;display:none;z-index:99999;}
.inner{ box-sizing: border-box; margin: 0 auto; }

#wrap{min-width:320px; }

/* skip navigation */
.skip-nav{position:absolute;left:0;top:-30px;z-index:9999;}
.skip-nav li{position:absolute;left:0;top:0;width:200px;}
.skip-nav a{position:absolute;left:0;top:0;display:block;width:100%;height:30px;line-height:30px;color:#fff;background:#002960;}
.skip-nav a:focus{top:30px;}
.mobile .skip-nav{display:none;}

/* header   */
#header{position:relative;z-index:900;}
.top-bar{position:relative;z-index:1000; overflow:hidden;}
.top-bar > div{width:1600px;margin:0 auto;}
.top-bar .link2{float:right;}
.top-bar .link2 > li{float:left; position:relative;display:none;}
.top-bar .link2 > li > a{display:inline-block;font-size:14px;text-align:center;margin-top:20px;}
.top-bar .link2 > li > a:after {content:'|'; padding:0 10px; color:#7a9cc1; }
.top-bar .link2 > li:last-child > a:after {content:''; padding:0;}
.top-bar .link2 > li > ul li {border-bottom:1px dotted #ccc;}
.top-bar .link2 > li > ul li a{display:block;padding:5px;}
.top-bar li.m-open{display:block;}

/* header -  */
.top-navi { clear:both; box-sizing:border-box; height: 88px; }
.top-navi > div{ max-width: 1600px; height:100%; margin:0 auto; position:relative; display:flex; align-items: center; justify-content: space-between; }
.top-logo {width:312px; display:flex; align-items: center; }
.top-logo a {  }
.top-logo a img {display:inline-block; float:left; }

.top-logo a strong { position:relative; display:block; font-size:22px; padding-left:15px; margin-left:15px; font-weight:600; color:#222; letter-spacing: -0.03em; }
.top-logo a strong::before { content:""; display:block; width:1px; height:18px; position:absolute; left:0; top:50%; transform: translateY(-50%); background-color:#d9d9d9;}


.top-navi nav { float:right; }
.h_img { background: url(../../images/mayor/main/header_img_2026.png) center center no-repeat; display:inline-block; float:left; }

.btnView {display:none;}

/* header -  */


#gnav{ padding:0;line-height:88px; display: flex; align-items: center; }
#gnav > li { position:relative;}
#gnav > li > a {display:block;padding:0 35px; font-size:20px; font-weight: 600; letter-spacing: -0.03em; color:#222; }
#gnav > li:last-child > a { padding-right:0; }
#gnav > li > a:hover{color:#1768bd;}
#gnav > li.on > a{color:#1768bd;}
#gnav > li.over > a{color:#1768bd;}
#gnav > li > div.depth2 {position:absolute;left:0;top:81px;width:100%;box-sizing:border-box;padding-top:7px;display:none;}
/* #gnav > li.t_menu { text-indent:-99999em; background-position:-50px 0; width:39px; height:39px; margin-top:18px;} */
#gnav > li > div > .arr{position:absolute;left:65px;top:0;display:block;width:15px;height:8px;background:url(../../images/gwanak/common/layout/menu_arr.gif) 0 0 no-repeat;z-index:9999;}
#gnav > li > div > ul{border:1px solid #ddd;padding:10px;background:#fff;position:relative;width:120%;box-sizing:border-box;}
#gnav > li > div > ul > li{text-align:left;}
#gnav > li > div > ul > li > a{display:block;padding:5px 10px; font-size:1.1em; }
#gnav > li > div > ul > li > a:hover{background:#009cd5;color:#fff;}
#gnav > li.m0 > div{left:50px;}
#gnav > li.m1 > div{left:15px;}
#gnav > li.m2 > div{left:-10px;}

#gnav > li > .depth2 { position:absolute; }
#gnav > li > .depth2 ul { padding:0; }
#gnav > li > .depth2 ul li a { width:100%; display:flex; align-items: center; height:40px; padding:0 10px; box-sizing: border-box; line-height:1; }


/* 180625  ------------ ------ ------ ------ ------ ------ ------ ------ */

.go-menu { display:none; }
.go-menu a{ border:1px solid #005aab; display: block; width:37px; height:37px; background:#fff url(../../images/mayor/main/m_menu_bg.png) 50% 50% no-repeat; text-indent:-9999px; }
.go-menu img{width:35px;vertical-align:top;}

#sidr{display:none;}
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:220px;font-size:15px;background:#317ac6;}

.top-logo-m{background:#fff;border-top:3px solid #317ac6;}
.top-logo-m a{display:block;height:65px;text-align:left;text-indent:-9999px;background:url(../../images/mayor/main/top_logo.png) center center no-repeat;background-size:auto 55px;}

.top-link-m{overflow:hidden;background:#0e315e;}
.top-link-m li{float:left;width:50%;}
.top-link-m li a{display:block;height:40px;line-height:40px;font-size:12px;text-align:center;color:#9eb4cd;border-left:1px solid #546d8d;}
.top-link-m li:first-child a{border-left:none;}

/*all menu*/
.t_menu { width:37px; height:37px; overflow:hidden; }
.t_menu a { width:37px; height:37px; text-indent:-99999em;  display:block;}
#gnav > li.t_menu > a { padding:0; }
#sidr .dep1{}
#sidr .dep1 > li{border-bottom:1px solid #5590cd; text-align: left;}
#sidr .dep1 > li > a{display:block;padding:15px 0 15px 20px;font-size:15px;font-weight:600;color:#fff;}
#sidr .dep1 > li.on > a{color:#ffd92a;}
#sidr .dep1 > li.arr > a{background:url(../../images/mayor/main/icon_plus_on.gif) 93% center no-repeat; }
#sidr .dep1 > li.arr.open > a{background:url(../../images/mayor/main/icon_minus_on.gif) 93% center no-repeat;}
#sidr .dep1 > li.on.arr > a{background:url(../../images/mayor/main/icon_plus_on.gif) 93% center no-repeat;}
#sidr .dep1 > li.on.arr.open > a{background:url(../../images/mayor/main/icon_minus_on.gif) 93% center no-repeat;}
#sidr .dep1 > li.on.open > a{}
#sidr .dep1 > li.on > ul{display:block;}
#sidr .dep2{background:#235d9c;display:none;}
#sidr .dep2 > li{border-top:1px solid #4b7aac;}
#sidr .dep2 > li:first-child{border-color:#5590cd;}
#sidr .dep2 > li > a{display:block;background:url(../../images/gwanak/common/layout/icon_dep2_m.gif) 20px 17px no-repeat;padding:12px 0 12px 30px;font-size:14px;color:#fff;}
#sidr .dep2 > li > a:hover{color:#72dda6;}
#sidr .dep2 > li.arr{background:url(../../images/gwanak/common/layout/icon_down.png) 94% center no-repeat;}
#sidr .dep2 > li.on > a{color:#72dda6;}
#sidr .dep2 > li.on > ul{display:block;}
#sidr .dep3{background:#19487f;padding:8px 0 8px 20px;border-top:1px solid #4b7aac;display:none;}
#sidr .dep3 > li{}
#sidr .dep3 > li > a{display:block;padding:8px 0 8px 10px;font-size:13px;color:#fff;background:url(../../images/gwanak/common/layout/icon_dep3_m.gif) 0 15px no-repeat;}
#sidr .dep3 > li.on > a{color:#fff;}
#sidr .dep3 > li.on > ul{display:block;}
#sidr .dep3 > li > a:hover{color:#fff;}
#sidr .dep3.dep3-1{overflow:hidden;}
#sidr .dep3.dep3-1 > li{float:left;width:50%;}
#sidr .dep4{padding:0 0 0 12px;display:none;}
#sidr .dep4 > li{}
#sidr .dep4 > li > a{display:block;padding:8px 0 8px 10px;font-size:13px;color:#b6cee8;background:url(../../images/gwanak/common/layout/icon_dep4_m.gif) 0 15px no-repeat;}
#sidr .dep4 > li.on > a{color:#fff;}
#sidr .dep4 > li > a:hover{color:#fff;}

.header-line{width:100%;height:1px;background:#000;opacity:0.2;position:relative;z-index:800;margin-bottom:-1px;}

#container{clear:both;position:relative; text-align: left; }
#container::before {background-color:rgba(0,0,0,0); transition:background-color 0.2s;}
#container.ovh::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 901;
    left:0;
    top:0;
    transition:background-color 0.2s;
}

#container.sub-container { position:static; display:flex; width:1222px; justify-content: space-between;  margin:0 auto; }

/* #snav{display:none;}
#snav h2{height:107px;line-height:107px;font-size:26px;font-weight:600;background:#4d92d9;text-align:center;color:#fff;letter-spacing:-1px;}
#snav .dep1 { border:1px solid #ddd; border-bottom:none;}
#snav .dep1 > li{border-bottom:1px solid #ddd;}
#snav .dep1 > li > a{display:block;padding:15px 0 15px 20px;font-size:14px;font-weight:600;}
#snav .dep1 > li.on > a{background-color:#1f4f8c;color:#fff;}
#snav .dep1 > li.arr > a{background:url(../../images/gwanak/common/layout/icon_plus.gif) 90% center no-repeat;}
#snav .dep1 > li.arr.open > a{background:url(../../images/gwanak/common/layout/icon_minus.gif) 90% center no-repeat;}
#snav .dep1 > li.on.arr > a{background:#1f4f8c url(../../images/gwanak/common/layout/icon_plus_on.gif) 90% center no-repeat;}
#snav .dep1 > li.on.arr.open > a{background:#1f4f8c url(../../images/gwanak/common/layout/icon_minus_on.gif) 90% center no-repeat;}
#snav .dep1 > li.on.open > a{background:#1f4f8c;}
#snav .dep1 > li.on > ul{display:block;}
#snav .dep2{background:#e4edf2;padding:10px 10px;display:none;}
#snav .dep2 > li{}
#snav .dep2 > li > a{display:block;background:url(../../images/gwanak/common/layout/icon_dep2.gif) 4px 14px no-repeat;padding:8px 0 8px 10px;font-size:13px;}
#snav .dep2 > li > a:hover{color:#194780;text-decoration:underline;}
#snav .dep2 > li.arr{background:url(../../images/gwanak/common/layout/icon_down.png) 94% 12px no-repeat;}
#snav .dep2 > li.on > a{color:#194780;text-decoration:underline;}
#snav .dep2 > li.on > ul{display:block;}
#snav .dep3{background:#fcfdfe;display:none;}
#snav .dep3 > li{border-bottom:1px solid #e4edf2;}
#snav .dep3 > li > a{display:block;padding:8px 0 8px 10px;font-size:13px;}
#snav .dep3 > li.on > a{color:#194780;}
#snav .dep3 > li > a:hover{color:#194780;} */

#snav h2{padding:30px 0;font-size:24px;font-weight:600;background:#4d92d9;text-align:center;color:#fff;position:relative;}
#snav h2 .menu-name{height:49px;line-height:49px;letter-spacing:-1px;}
#snav h2 .menu-category{display:block;font-size:16px;position:absolute;left:20px;top:30px;}
#snav h2 .menu-category + .menu-name{display:block;padding-top:23px;height:24px;line-height:24px;text-align:left;padding-left:20px;}
#snav .dep1 > li{border-bottom:1px solid #ddd;}
#snav .dep1 > li > a{display:block;padding:10px 0 10px 12px;font-size:14px;font-weight:600;}
#snav .dep1 > li.on > a{background-color:#1f4f8c;color:#fff;}
#snav .dep1 > li.arr > a{background:url(/images/gwanak/common/layout/icon_plus.gif) 90% center no-repeat;}
#snav .dep1 > li.arr.open > a{background:url(/images/gwanak/common/layout/icon_minus.gif) 90% center no-repeat;}
#snav .dep1 > li.on.arr > a{background:#1f4f8c url(/images/gwanak/common/layout/icon_plus_on.gif) 90% center no-repeat;}
#snav .dep1 > li.on.arr.open > a{background:#1f4f8c url(/images/gwanak/common/layout/icon_minus_on.gif) 90% center no-repeat;}
#snav .dep1 > li.on.open > a{background:#1f4f8c;}
#snav .dep1 > li.on > ul{display:block;}
#snav .dep2{background:#e4edf2;padding:10px 10px;display:none;}
#snav .dep2 > li{}
#snav .dep2 > li > a{display:block;background:url(/images/gwanak/common/layout/icon_dep2.gif) 4px 14px no-repeat;padding:8px 0 8px 10px;font-size:13px;}
#snav .dep2 > li > a:hover{color:#194780;text-decoration:underline;}
#snav .dep2 > li.arr{background:url(/images/gwanak/common/layout/icon_down.png) 94% 12px no-repeat;}
#snav .dep2 > li.on > a{color:#194780;text-decoration:underline;}
#snav .dep2 > li.on > ul{display:block;}
#snav .dep3{background:#fcfdfe;display:none;}
#snav .dep3 > li{border-bottom:1px solid #e4edf2;}
#snav .dep3 > li > a{display:block;padding:8px 0 8px 10px;font-size:13px;}
#snav .dep3 > li.on > a{color:#194780;}
#snav .dep3 > li > a:hover{color:#194780;}

#snav { width:270px; padding-top:20px; }
#snav h2 { position:relative;font-size: 28px; font-weight:500;letter-spacing: -0.05em !important;overflow: hidden; background-color:#005aab;padding:35px 0; border-top-left-radius:20px; border-top-right-radius:20px; overflow:hidden;}
#snav h2::before { content:""; position:absolute; display:block; left:-100px; bottom:-180px; width:402px; height:305px; background-image:url(../../images/gwanak/common_2022/snav_bg.png); }
#snav h2 .menu-name { position:relative;  z-index: 1;}
#snav h2.sn7 .menu-category + .menu-name { width:135px; }
#snav nav { border:1px solid #dcdcdc; }
#snav .dep1 > li:last-child { border-bottom:0; }
#snav .dep1 > li > a { padding:15px 0 15px 15px; font-size:16px; letter-spacing: -0.025em;}
#snav .dep2 > li.arr { background:none; }
#snav .dep1 > li.on.arr.open > a { background-color:#fff; color:#002b7a; }
#snav .dep2 { padding:15px; background-color:#f6f9ff; }
#snav .dep2 > li > a { display:flex; align-items: center; padding:5px 0 5px 2px; background:none; font-size:14px; letter-spacing: -0.025em; }
#snav .dep2 > li > a::before { content:"쨌"; display:block; margin-right:5px; font-size:18px; font-weight:600; }
#snav .dep2 > li.on > a { color:#003dad; }
#snav .dep2 > li.on > a::before { text-decoration: none;}
#snav .dep3 { padding:15px; background-color:#fff; }
#snav .dep3 > li { border:none; }
#snav .dep3 > li > a { display:flex; align-items: center; letter-spacing: -0.025em; color:#555555; padding:2px 0;; font-size:14px; }
#snav .dep3 > li > a::before { content:"-"; display:block; color:#000; font-size:17px; margin-right:3px; }



.contents-top{border-bottom:1px solid #c1c7d2;margin-bottom:30px;padding-bottom:17px;}
.contents-top .con-path{text-align:right; padding:30px 0 10px 0;font-size:12px;}
.contents-top .con-path .home{background:url(../../images/mayor/main/icon_home.png) left center no-repeat;padding-left:15px;}
.contents-top > h3{font-size:32px;letter-spacing:-1px;float:left;font-weight:400;}
.contents-top .con-sns{float:right;text-align:right;padding:12px 0 0 0;height:24px;position:relative;}
.contents-top .con-sns > ul > li{float:left;margin-left:8px;}
.contents-top .con-sns > ul > li > a{display:inline-block;overflow:hidden;text-align:left;text-indent:-9999px;}
.contents-top .con-sns .sns > a{background:url(../../images/gwanak/common/layout/sns.png) 0 0 no-repeat;}

.contents-top .con-sns .print a{background:url(/../..images/gwanak/common/layout/print.png) 0 0 no-repeat;}
.contents-top:after{clear:both;display:block;content:'';}

#contents{line-height:1.5em; padding:35px 0; }

.contents-mnt{border:1px solid #ddd;padding:20px; margin-bottom:10px;margin-top:40px;}
.contents-mnt ul{overflow:hidden;}
.contents-mnt ul li{overflow:hidden;padding:5px 0 5px 21px;}
.contents-mnt .part{float:left;margin-right:40px; background:url(../../images/gwanak/common/layout/icon_part.png) 0 center no-repeat;}
.contents-mnt .tel{float:left; background:url(../../images/gwanak/common/layout/icon_tel.png) 0 center no-repeat;}
.contents-mnt em{color:#1f4f8c;}
.contents-mnt .update{float:right;}

/* footer */
.go-top{display:none;}

#footer {width:100%;clear:both;position:relative;background-color:#222222;}
#footer .inner { max-width:1400px; }
#footer .inner div.foot { display:flex; align-items: center; padding:35px 0; box-sizing:border-box; text-align:left; overflow:hidden; gap:32px; }
#footer .inner div.foot > p { }
#footer .inner div.foot > p img { width:80px; margin: 0 10px; }
#footer .inner div.foot > footer { }

#footer .guide { overflow:hidden; margin-bottom:12px; }
#footer .guide li{float:left; margin-right: 20px;}
#footer .guide li a{display:inline-block;font-size:16px;height:23px; font-weight: 500; color:#fff; }
#footer .guide li::after{ content: ""; display: inline-block; width: 1px; height: 16px; background-color: #bebebe; vertical-align: middle; margin-left: 20px; margin-bottom: 4px; }
#footer .guide li:first-child a { color:#5bb1ff;}
#footer .guide li:last-child{margin-right: 0;}
#footer .guide li:last-child:after{display:none;}

#footer .site-info{clear:both;color:#555;font-size:14px;}
#footer .site-info p{margin-bottom:4px;}
#footer .site-info p br{ display: none; }
#footer .site-info div{margin-bottom:10px;}
#footer .site-info div p{position:relative;padding:0 0 0 35px;}
#footer .site-info div p span{white-space:nowrap;}
#footer .site-info div p .label{position:absolute;left:0;top:0;}
#footer .site-info small{display:block;font-size:14px;line-height:1.4em; }
#footer .site-info small:last-of-type{ color: #2a6693; margin-top: 3px; }

#footer .site-info address { text-decoration:none; font-style:normal; color:rgba(255,255,255,0.7); font-size:16px; }
#footer .site-info ul { display:flex; align-items: center; gap:25px; margin-top:10px; }
#footer .site-info ul li { position:relative; color:rgba(255,255,255,0.7); font-size:16px; font-weight:500; letter-spacing:-0.03em }
#footer .site-info ul li::after { content:""; display:block; width:1px; height:16px; background-color:rgba(255,255,255,0.7); right:-12px; top:50%; transform:translateY(-50%); position:absolute; }
#footer .site-info ul li:last-child::after { display:none; }

.satisfaction-wrap{border:1px solid #ddd;padding:20px;margin:10px 0 40px;box-sizing:border-box;text-align: left;}
.satisfaction-wrap h4{font-size:15px;color:#222;margin-bottom:10px;}
.satisfaction-wrap .satis-radio{margin-bottom:10px;}
.satisfaction-wrap .satis-radio label{margin-right:20px;}

.flex-direction-nav a:before { line-height:1;}

.site-link { display:block!important; width:100%!important; text-align:left; padding:30px 0; border-bottom:1px solid rgba(255,255,255,0.15) }
.site-link > ul { width: 100%; max-width: 1600px; display:flex; gap:22px }
.site-link > ul > li { width:calc((100% - 44px) / 3 ); box-sizing:border-box; position: relative; }
.site-link > ul > li:last-child{border-right:none;}
.site-link > ul > li button {display:block;width:100%;padding:0 60px 0 30px;height:60px;position:relative;text-align:left;box-sizing:border-box; font-size: 16px; font-weight: 500; background-color:rgba(255,255,255,0.1) !important; border-radius:6px; overflow:hidden; color:#fff; }
.site-link > ul ul {width:100% !important;position:absolute;bottom: 100%; display:none;background:#393939;border:1px solid #222222;box-sizing:border-box;padding:10px 10px 20px 10px;z-index: 9999!important;}
.site-link > ul ul li { border-top:1px dotted rgba(255,255,255,0.2); width:100%; margin-right: 1px; }
.site-link > ul ul li:first-child{border-top:none;}
/* .site-link > ul ul li:first-child + li {border-top:none;} */
.site-link > ul ul li a {display:block;height:30px;line-height:30px; color:#fff;}
/* .site-link > ul ul li a:hover {background:#f4f4f4;} */

.site-link button .arr{position:absolute;right:0px;top:0;display:flex;width:60px;height:60px;background-color:rgb(255,255,255,0.1); background-image:url(../../images/mayor/main/new_site_arr.png);  background-repeat:no-repeat; background-position: center center; }



@media all and (max-width:1600px){
	
.top-bar > div{width:auto;}
.top-navi > div{width:auto;}

#container{ box-sizing:border-box; }

#footer > div.foot > footer { margin-left: 20px; }

}

@media all and (max-width:1280px){
    #gnav { display:none; }
    .go-menu{display:block;}

    #snav h2{font-size:24px;}
    .contents-wrap{float:right;width:75%;}
}

@media all and (max-width:1222px) {
    div .inner{ padding: 0 10px; }
    #snav { display:none; }
    #container.sub-container { width:100%; }
    #contents{width:100%; padding:35px 15px; box-sizing: border-box;}
}

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

    .site-link > ul {
        flex-wrap:wrap;
    }

    .site-link > ul > li button {
        height:50px;
        padding:0 50px 0 20px;
    }

    .site-link button .arr {
        width:50px;
        height:50px;
        background-size:12px;
    }

    .site-link > ul ul {
        width:100% !important
    }

    #footer .inner div.foot {
        padding:25px 0
    }


}

@media all and (max-width:940px){
    
	#footer > div.foot > p, #footer > div.foot > footer { float: none;text-align: center; margin-left: 0; }
    #footer .guide li a, #footer .site-info p, #footer .site-info small{ font-size: 13px; word-spacing: -1px;  }

    #footer > div.foot { padding: 20px 0; }
    #footer > div.foot > p { display: block; margin-bottom: 10px;  }
    #footer > div.foot > p img { width: 60px; }
    #footer .guide{ display: inline-block; margin-bottom: 7px; }
    
 }

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

.contents-top .con-path{padding:10px 0 10px 0;}

.contents-mnt{padding:10px;}
.contents-mnt .part{float:left;margin-right:40px;}
.contents-mnt .tel{float:left;}
.contents-mnt .update{float:right;}

}

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

    #footer .guide li { margin-right: 10px; }
    #footer .guide li::after { margin-left: 10px; }
    #footer .site-info p br{ display: block; }

    .site-link > ul {
        gap:10px;
    }

    .site-link > ul > li {
        width:100%
    }

    .site-link > ul > li button {
        height:45px;
        padding: 0 45px 0 20px;
    }

    .site-link button .arr {
        width:45px;
        height:45px;
    }

    #footer .inner div.foot {
        flex-wrap:wrap;
        row-gap:25px;
    }

    #footer .inner div.foot > p img {
        width:50px;
    }

    #footer .site-info ul {
        flex-wrap:wrap;
        column-gap:25px;
        row-gap:5px;
    }
    
    #footer .inner div.foot > footer {
        width:100%;
    }

    #footer .site-info address {
        font-size:14px;
    }

    #footer .site-info ul li {
        font-size:14px;
    }

}

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

}

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

    .btnView {display:block;}

    .top-bar .link1 > li > a{width:30px;}

    .top-navi h1 { float:left; }
    .top-navi h1 a { background-size:auto 45px;background-position:center center; display: inline-block; }
    .top-navi h1 a img {width:140px!important; float: none; }
    .top-navi h1 a strong { font-size:20px; vertical-align:middle; margin-left: 10px; }
    .top-logo a strong:before { border-left:none; }

    .contents-top > h3{font-size:22px;font-weight:600;padding-top:10px;}


    .top-navi {height:85px; }

    .contents-top .con-sns .sns .sns-share {
        position:fixed;
        left:50%;
        right:auto;
        top:50%;
        transform: translateX(-50%) translateY(-50%);
        width:calc(100% - 15px);
        max-width:360px;
    }
}

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

    .top-logo { width: 280px; }
    .top-navi h1 a img { width: 120px!important; }
    .top-navi h1 a strong { font-size: 18px; font-weight: 500; }

}

/* 로그인 시간 표시 */
.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.login-item a.logintime{ color: #005aab; font-weight: 600; margin-left: 8px; }
.gwanak_top_bar .top_bar_inner .top_bar_func > li.login-item a.logintime span{ color: #222; font-weight: 400; margin-right: 4px; }

@media all and (max-width: 640px){
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.login-item a.logintime{ margin-left: 4px; }
    .gwanak_top_bar .top_bar_inner .top_bar_func > li.login-item a.logintime span{ margin-right: 2px; }
}


@media all and (max-width: 400px){
    .gwanak_top_bar .top_bar_inner .related_website li:first-child a, .gwanak_top_bar .top_bar_inner .related_website li a, .gwanak_top_bar .top_bar_inner .top_bar_func > li.gwanakchung a{padding: 0 3px;}
    .gwanak_top_bar .top_bar_inner .related_website li a, .gwanak_top_bar .top_bar_inner .top_bar_func > li a{font-size: 10px;}
}