@charset "utf-8";

.login-box{width:110px;height:31px;padding:6px 8px;border:1px solid #333;background:#111;color:#ccc;font-size:12px}
.btn-mini{padding:6px 12px;border:1px solid #444;background:linear-gradient(#333,#111);color:#ddd;font-size:12px;white-space:nowrap;cursor:pointer}
.btn-mini:hover{background:#222}

/* Top Menu 기본 설정 크기 및 넓이 */
#topmenu_wrapper{position:relative;display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto;width:920px;padding:10px 0 20px;z-index:1}
#topmenu_wrapper form{display:flex;gap:5px}
#topmenu_wrapper form ul{display:flex;gap:5px;align-items:center}
#topmenu_wrapper ul{display:flex}
#topmenu_wrapper .top_id{margin-right:10px;list-style: none;color:var(--blue-light)}
#topmenu_wrapper .top_id a{color:#fff}

.top_nav{padding-bottom:30px;background:url('./top_bg.jpg') no-repeat center}
.top_nav > ul{display:flex;justify-content:center}
.top_nav > ul > li{position:relative;padding-top:3px}
.top_nav > ul > li > a{display:block;padding:10px 25px;font-size:14px;text-align:center;color:#fff;letter-spacing:-.3px;font-family:'notokr-medium'}

.top_nav_s{display:none;position:absolute;width:max-content;top:44px;left:50%;margin-top:-5px;padding-top:5px;z-index:10;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.top_nav_s > li{float:left;font-size:12px;letter-spacing:-.3px} 
.top_nav_s > li > a{display:block;color:#fff;padding:5px}