/* #slimgnb-online-office { background-color:#151515 ; color:#595959; vertical-align:middle; height:34px; overflow:hidden; border-bottom:3px solid #0089d0;} */ #slimgnb-online-office { background-color:#f7f7f7 ; color:#898989; vertical-align:middle; height:24px; border-bottom:1px solid #e0e0e0;} #slimgnb-online-office a {color:#595959; line-height:1em; padding:0 10px; margin:0;display:inline-block;} #slimgnb-online-office a:hover {text-decoration:none; color:#999999;} #slimgnb-online-office #slimgnb-top-wrapper {height:25px;} /* #slimgnb-online-office .container { text-align:right; position:relative; padding-top:4px;} */ #slimgnb-online-office .container { text-align:right; position:relative; padding-top:5px;} /* #slimgnb-online-office .logo-kbs-small {position:absolute; left:0; top:0; display:inline-block; width:50px; height:32px; background:url(images/logo-small-white.png) no-repeat;} */ #slimgnb-online-office .logo-kbs-small {display:block; position:absolute; width:85px; height:33px; background:url(images/logo-kbs.png) left top no-repeat; left:0; top:47px;} /* #slimgnb-online-office .gnb-main {float:left; text-align:left; padding-left:60px; margin:0;} */ #slimgnb-online-office .gnb-main {float:left; text-align:left; margin:0;} #slimgnb-online-office ul, #slimgnb-online-office li {display:inline-block;} /* #slimgnb-online-office form.gnb-search {display:block; position:relative; float:right; margin-top:2px;line-height:1em; *width:130px; *height:20px;} */ #slimgnb-online-office form.gnb-search {display:block; position:absolute; right:0; top:15px; line-height:1em; *width:130px; *height:20px; z-index:100;} #slimgnb-online-office form.gnb-search label {display:inline-block; text-indent:-1000px; overflow:hidden; white-space:nowrap;} /* #slimgnb-online-office .gnb-menu {margin:0;} */ #slimgnb-online-office .gnb-menu {margin:0 0 0 -10px;} #slimgnb-online-office .gnb-menu li {height:12px; padding:0; line-height:12px;} /* #slimgnb-online-office .gnb-menu li a {font:bold 13px/1em NanumGothic,Dotum; color:#cccccc; margin-top:6px;} */ #slimgnb-online-office .gnb-menu li a {font:normal 12px/12px NanumGothic, Dotum; color:#898989; margin-top:0px;} #slimgnb-online-office .gnb-menu li a:hover {color:#000000;} #slimgnb-online-office .gnb-main li, #slimgnb-online-office .gnb-login li {float:left;} /* #slimgnb-online-office .gnb-main a { border-right: 1px solid #595959; } */ #slimgnb-online-office .gnb-main a { border-right: 1px solid #999999; } /* #slimgnb-online-office .gnb-login { float:right;} */ #slimgnb-online-office .gnb-login { float:right; margin:0 -10px 0 0;} /* #slimgnb-online-office .gnb-search input[type="text"] { margin:0; border:1px solid #000000; color:#b1b1b1; width:104px; padding:3px 18px 3px 5px; background:none #474747; border-radius:0; font-size:12px; box-shadow:none; height:14px;} */ #slimgnb-online-office .gnb-search input[type="text"] { margin:0; border:2px solid #008fff; color:#b1b1b1; width:155px; padding:3px 25px 3px 5px; *padding-bottom:2px; background:none #ffffff; border-radius:0; font-size:12px; box-shadow:none; height:14px;} /* #slimgnb-online-office .gnb-search input.search-btn {position:absolute; right:1px; top:3px; cursor:pointer; width:20px; height:18px; padding:0; border:none; text-indent:-1000px; overflow:hidden; background:url(images/btn-search-rec.png) 3px 3px no-repeat } */ #slimgnb-online-office .gnb-search input.search-btn {position:absolute; right:0px; top:2px; cursor:pointer; width:22px; height:20px; padding:0; border:none; text-indent:-1000px; white-space:nowrap; overflow:hidden; background:url(images/btn-search-rec-blue.png) no-repeat } #slimgnb-online-office .gnb-search input.btn_search {background-color: #008FFF; border: medium none; height: 24px; overflow: hidden; text-indent: -1000px; vertical-align: bottom; white-space: nowrap; width: 60px; margin:0 !important; background:url(images/btn-global-search.png) left top no-repeat; cursor:pointer; } #office-global-footer {margin:0; font-size:12px; background-color:#ffffff; color:#aaaaaa; border-top:1px solid #eeeeee;} #office-global-footer .top_hit {display:inline-block; width:18px; text-align:center;} #office-global-footer .office-global-footer-wrapper {padding:20px;} #office-global-footer .footer-menu-wrapper {float:left; line-height:1.4em; width:70%} #office-global-footer .footer-menu-wrapper .address-list {padding:0; line-height:1.5em} #office-global-footer .footer-logo {margin:0 0 50px 0; width:10%; float:left;} #office-global-footer .relational-sites {margin:0 0 50px 0; float:right; width:15%} #office-global-footer #mobile-footer {display:none} #office-global-footer .relational-sites label {display:inline-block; text-indent:-1000px; overflow:hidden; white-space:nowrap;} #office-global-footer .relational-sites select {font-size:12px; color:#aaaaaa;} #site_mobile {display:none;} #slimgnb-online-office li#login_mobile {display:none;} @media only screen and ( max-width: 960px ) { } @media only screen and ( min-width: 768px ) and ( max-width: 960px ) { } @media only screen and ( max-width: 767px ) { #slimgnb-online-office .gnb-main, #slimgnb-online-office li#login_web , #office-global-footer #web-footer{display:none;} #site_mobile, #slimgnb-online-office li#login_mobile, #office-global-footer #mobile-footer {display:block} #slimgnb-online-office form.gnb-search {float:left; margin-left:58px;} #slimgnb-online-office a {padding:0 3px;} #office-global-footer #mobile-footer {padding-bottom:20px;} #office-global-footer #mobile-footer .btnZone { padding: 10px 0 15px; text-align: center;} #office-global-footer #mobile-footer .btnZone li { display: inline;} #office-global-footer #mobile-footer .btnZone a { color: #333333; display: inline-block; margin: 0; border:1px solid #b6b6b6; padding:7px 10px; font:12px/1em NanumGothic, Dotum;} #office-global-footer #mobile-footer .btnZone a:hover { text-decoration:none;} #office-global-footer #mobile-footer .copyright { color: #979797; font-size: 0.8em; text-align: center;} #office-global-footer #mobile-footer .btnZone a {background: -moz-linear-gradient( #fff, #e2e2e2); background: -webkit-linear-gradient(#fff, #e2e2e2); background:-o-linear-gradient( #fff, #e2e2e2); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0);} } @media only screen and ( max-width: 479px ) { #slimgnb-online-office .gnb-search input[type="text"] {width:150px;} #slimgnb-online-office .gnb-login{margin:0} }