@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
 canvas, details, figcaption, figure{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
 
 * {margin:0; padding:0;}
body{font-family:dotum,"돋움",gulim,"굴림",arial,verdana,tahoma;font-size:12px;}
ul, li {list-style:none;}
img {border:0;}
a{outline:none; select-dummy:expression(this.hideFocus=treu);}
a, a:link {text-decoration:none; color:#121212;}
a:hover { text-decoration:underline;color:#289ffe;}
.hidden {overflow:hidden;}
.bold{ font-weight:bold;}
.clear {clear:both;}
.float_left{float:left;}
.float_right{float:right;}

select{background:#121212; font-size:11px; color:#a9a9a9; border:0; width:100px; height:16px; cursor:pointer;}
td{background:#f4f4f4;padding:8px;}
.topbutt{position: fixed; bottom:0;left:50%; height:18px;}
.more_top{padding:5px 0 5px 10px; cursor:pointer;}

/*main top*/
#locktop{ margin:0 auto; width:986px; background:url(../images/locktop_bg.png) no-repeat; height:83px; margin-bottom:15px; position: fixed; top: 0; z-index: 500; top: 0; left: 50%; margin-left: -493px; padding:10px; position:absolute;}
#locktop .topbox1 ul li{ float:left;}
#locktop .topbox1 a{ color:#949494; text-decoration:none;}
#locktop .topbox1 a:hover{color:#fff;}
#locktop .topbox1 .left_top li{ padding-left:15px;}
#locktop .topbox1 .right_top{ width:490px;}
#locktop .topbox1 .right_top span{ color:#3b3b3b; padding:0 10px;}

#locktop #header{ margin-top:30px;}
#locktop #header ul {padding-top:5px;}
#locktop #header ul li {float:left; font-size:15px; padding-left:40px;}
#locktop #header ul li a {color:#fff;}
#locktop #header ul li a:hover {text-decoration:none; color:#289ffe;}
#locktop #header h1 {padding:0 55px 0 15px;}

/*inner top*/
#locktop_in{ margin:0 auto; width:986px; background:url(../images/locktop_innerbg.png) no-repeat; height:112px; margin-bottom:15px; position: fixed; top: 0; z-index: 500; top: 0; left: 50%; margin-left: -493px; padding:10px;}
#locktop_in .topbox1 ul li{ float:left;}
#locktop_in .topbox1 a{ color:#949494; text-decoration:none;}
#locktop_in .topbox1 a:hover{color:#fff;}
#locktop_in .topbox1 .left_top li{ padding-left:15px;}
#locktop_in .topbox1 .right_top{ width:490px;}
#locktop_in .topbox1 .right_top span{ color:#3b3b3b; padding:0 10px;}

#locktop_in #header{ margin-top:30px; height:49px;}
#locktop_in #header ul li{ float:left; font-size:15px; padding-right:30px; height:20px;}
#locktop_in #header ul{ padding-top:5px;}
#locktop_in #header ul li a{ color:#fff;}
#locktop_in #header ul li a:hover{text-decoration:none; color:#289ffe;}
#locktop_in #header h1{ width:210px; padding:0 30px 0 15px;}
#locktop_in .onmenu{ background:url(../images/menu_on_arrow.gif) no-repeat left; height:5px; padding-left:12px;}
.details_menu{ margin-left:315px;}
.details_menu ul li{ float:left; padding-right:13px;}
.details_menu ul li a:hover{ color:#fff; text-decoration:none;}
.details_menu_visa{ margin-left:490px;}
.details_menu_visa ul li{ float:left; padding-right:13px;}
.details_menu_visa ul li a:hover{ color:#fff; text-decoration:none;}

/*container top*/
#warp{ margin:0 auto; width:980px; margin-top:90px; overflow:hidden;}
#warp_in{ margin:0 auto; width:980px; margin-top:125px; overflow:hidden;}
.leftbox{ width:660px;}
.rightbox{ width:302px;}
.bottombn{ background:#f6f6f6; text-align:center; margin:30px 0;}
.topbn{ background:#f6f6f6; text-align:center; margin:6px 0 15px 0;}
.qnabar{ margin:15px 0;}

.titlebar {margin:5px 0 10px 0; clear:both; border-bottom:#ebebeb solid 3px;}
.groupbox {clear:both;}
.groupbox  * {line-height:0;}
.groupbox li {float:left; width:130px; margin-right:2px; margin-bottom:20px;}
.groupbox li .group-cat {border-top:#e9e9e9 solid 3px; background-color:#e9e9e9; display:block; text-align:center; font:11px/18px Dotum; color:#888;}
.groupbox li .group-rank {border-bottom:#e9e9e9 solid 3px; background-color:#e9e9e9; display:block; text-align:center; line-height:26px; height:26px;}
.groupbox li .group-rank.group-45 {text-indent:-9999px; background:url(../images/ic_star45.png) center center no-repeat #e9e9e9;}
.groupbox li .group-rank.group-50 {text-indent:-9999px; background:url(../images/ic_star50.png) center center no-repeat #e9e9e9;}
.groupbox li:hover {background-color:#aaa;}

#innerbox { line-height:190%;}
#innerbox h2{ font-size:20px; padding-top:15px;}
#innerbox h3{ font-size:16px; font-weight:bold; padding:10px 0 5px 0;}
#innerbox h4{ padding-top:10px;}
#innerbox p{ font-size:13px; font-weight:bold; padding-top:10px;}
#innerbox span{ padding-left:5px;}
#innerbox  .source{ color:#76c2ff; line-height:30px;}
#innerbox .line{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 0 7px 0; text-align:center; margin:5px 0;}

.webmapbn{ margin:15px 0;}

.top_button{ text-align:right;}

#footer{ border-top:2px solid #289ffe; padding:20px;}
#footer .listbox{ width:600px;}
#footer .listbox span{ padding:0 10px; color:#a6a6a6;}
#footer ul li{ float:left;}
#footer p{ padding-top:6px; font-size:11px; color:#8d8d8d;}
#footer .logobox ul li{ padding-left:20px;}