@charset "utf-8";
* {margin:0;padding:0;line-height:1.5;color:#333;font-size:12px;font-family:Gulim,Dotum,Verdana,Arial,AppleGothic,Sans-serif;}
ol, ul {list-style:none;}
select, input, img, a, button {vertical-align:middle;}
img {border:0 none;}
select {padding:1px;height:20px;}
textarea {padding:2px 1px;}
input {line-height:1.0;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;color:#55f}

h2 a {overflow:hidden;display:block;}
h3 a {overflow:hidden;display:block;}
dt a {overflow:hidden;display:block;}
hr {display:none;}
p {clear:both;}
iframe {background:#fff;}
.menu li {float:left;overflow:hidden;}
.menu li a {display:block;overflow:hidden;}
.input {padding:1px 1px;height:14px;line-height:1.2;}
.file {height:22px;}
.ablock {display:block;overflow:hidden;}
.bold {font-weight:bold;}
.red {color:#c00;}
.blue {color:#36f;}
.orange {color:#ff8040;}
.green {color:#808000;}
.gray {color:#888;}
.gray1 {color:#ccc;}
.gray2 {color:#e8e8e8;}
.dark {color:#333;}
.bright {color:#eee;}
.small {font-size:11px;}
.small * {font-size:11px;}
.clear {clear:both;}
.fleft {float:left;display:block;}
.fright {float:right;display:block;}
.tableBox {clear:both;background:#eaeaea;border-spacing:0;}
.tableBox td {padding:5px;background:#fff;}
.tableBox td td {padding:0;}
.tableBox th {padding:5px;background:#fff;text-align:center;}
.tableList {clear:both;border-top:1px solid #eaeaea;border-spacing:0;}
.tableList tbody td {padding:3px;border-bottom:1px solid #eaeaea;}
.tableList tbody td td {padding:0;border:0 none;}
.tableList thead td {padding:3px;border-bottom:1px solid #eaeaea;}
.tableList th {padding:3px;border-bottom:1px solid #eaeaea;}
.colsWrap {clear:both;width:100%;overflow:hidden;}
.smallbutton {display:inline-block;margin:1px;padding:5px;font-family:tahoma;font-size:9px;border:1px solid #e8e8e8;}
.smallbutton:hover {border:1px solid #ccc;}
.exlink {padding-right:10px;background:url(./image/exlink.gif) no-repeat right 0;line-height:1;}

body {background-position:center 0;background-repeat:no-repeat;}
#bannerTop {clear:both;margin:0 auto;height:30px;overflow:hidden;}

#wrap {position:relative;margin:0 auto;width:960px;}
#bannerOut {position:absolute;z-index:999;top:142px;left:961px;}
#bannerOut a {display:block;}
#bannerOut a.close {position:absolute;z-index:2;left:0;top:108px;display:none;}

#bannerOut {position:absolute;z-index:999;top:74px;left:960px;}
#bannerOut a {display:block;}
#bannerOut a.close {position:absolute;z-index:2;left:0;top:108px;display:none;}
#bannerOut1 {position:absolute;z-index:999;top:74px;right:960px;}
#bannerOut1 a {display:block;}
#bannerOut1 a.close {position:absolute;z-index:2;right:0;top:108px;display:none;}

#bannerOver {position:absolute;z-index:999;left:960px;top:158px;height:400px;overflow:hidden;}
#bannerOver div {position:absolute;left:-960px;}
#chasingRight {position:absolute;z-index:0;top:418px;right:-67px;width:60px;overflow:hidden;text-align:right;}
#chasingLeft {position:absolute;z-index:0;top:418px;left:-67px;width:60px;overflow:hidden;text-align:left;}

#head {clear:both;width:100%;overflow:hidden;}
#logo {float:left;}
#logo a {display:block;}
#bannerHeaderWrap {float:right;padding:7px 0;width:375px;height:65px;overflow:hidden;}
#bannerHeader {float:left;width:355px;height:65px;overflow:hidden;}
#bannerHeaderWrap a.prev {float:left;padding:65px 0 0 0;width:9px;height:0;overflow:hidden;background:url(./image/btn_left.gif) no-repeat 0 10px;}
#bannerHeaderWrap a.next {float:left;padding:65px 0 0 0;width:9px;height:0;overflow:hidden;background:url(./image/btn_right.gif) no-repeat 2px 10px;}

#headerMenu {clear:both;position:relative;width:100%;height:38px;background:url(./image/headermenu_bg.gif) repeat-x;}
#headerMenu li {position:relative;overflow:visible;}
#headerMenu li img.over {position:absolute;top:-5px;left:0px;}

#mainMenu {float:left;width:345px;height:38px;}
#mainMenu li {height:38px;}
#mainMenu li a {padding:38px 0 0 0;height:0;background:url(./image/mainmenu.gif) no-repeat;overflow:hidden;}
#mainMenu li a:hover {background-position:0 -38px;}
#mainMenu li.menu1 a {width:58px;background-position:0 0;}
#mainMenu li.menu2 a {width:58px;background-position:-58px 0;}
#mainMenu li.menu3 a {width:64px;background-position:-116px 0;}
#mainMenu li.menu4 a {width:42px;background-position:-180px 0;}
#mainMenu li.menu5 a {width:60px;background-position:-222px 0;}
#mainMenu li.menu6 a {width:56px;background-position:-282px 0;}
#mainMenu li.menu1 a:hover {background-position:0 -38px;}
#mainMenu li.menu2 a:hover {background-position:-58px -38px;}
#mainMenu li.menu3 a:hover {background-position:-116px -38px;}
#mainMenu li.menu4 a:hover {background-position:-180px -38px;}
#mainMenu li.menu5 a:hover {background-position:-222px -38px;}
#mainMenu li.menu6 a:hover {background-position:-282px -38px;}

#quickLinkWrap {float:left;}
#quickLink {float:left;padding:0 10px 0 10px;height:37px;background:url(./image/quicklink.gif) no-repeat;}
#quickLink li {height:38px;}
#quickLink li a {padding:38px 0 0 0;height:0;overflow:hidden;}
#quickLink li.menu1 a {width:51px;}
#quickLink li.menu2 a {width:57px;}
#quickLink li.menu3 a {width:71px;}
#quickLink li.menu4 a {width:70px;}

#quickLinkSub {position:absolute;left:423px;top:116px;z-index:101;}
#quickLinkSub div.menu4 {clear:both;padding:0 0 5px 0;width:84px;display:none;background:url(./image/shopping_link_bg.gif) no-repeat 0 bottom;}
#quickLinkSub div.menu4 ul {padding:0 5px 0 5px;width:72px;border-left:1px solid #005796;border-right:1px solid #005796;background:#007ad1;}
#quickLinkSub div.menu4 {margin:0 0 0 111px;width:84px;overflow:hidden;}
#quickLinkSub li a {padding:1px;color:#e8e8e8;font-size:11px;display:block;}
#quickLinkSub li a:hover {background:#03f;}

#logoffBox {position:absolute;right:0;top:0;height:38px;background:url(./image/logoffboxmenu_bg.gif) no-repeat right;}
#logoffBox form {float:left;width:48px;height:38px;overflow:hidden;background:url(./image/logoffbox_bg.gif) no-repeat;}
#logoffBox form div {width:410px;}
#logoffBox form #showlogin {width:48px;overflow:hidden;}
#logoffBox form label {display:none;}
#logoffBox form .input {width:82px;}
#logoffBox form #id {margin:3px 0 0 26px;}
#logoffBox form #pw {margin:3px 5px 0 38px;}
#logoffBox .join {float:left;margin:0 0 0 2px;padding:38px 0 0 0;width:48px;height:0;display:block;overflow:hidden;}
#logoffBox .help {float:left;padding:38px 0 0 0;width:67px;height:0;display:block;overflow:hidden;}

#logonBox {position:absolute;right:0;top:0;height:38px;background:url(./image/logonboxmenu_bg.gif) repeat-x;}
#logonBox h2 {float:left;padding:11px 3px 8px 12px;height:18px;color:#fff;overflow:hidden;background:url(./image/logonbox_bg.gif) no-repeat;}
#logonBox div {float:left;padding:2px;border-right:1px solid #005088;}
#logonBox div a {float:left;}
#logonBox div a img {float:left;}
#logonBox div a span {float:left;padding:9px 0 0 0;display:inline-block;color:#fff;font-size:11px;}
#logonBox div a.msg {position:relative;display:inline-block;}
#logonBox div a.msg img.new {position:absolute;top:-5px;left:25px;}

#subMenuWrap {position:relative;z-index:101;margin:0 0 10px 0;width:960px;height:35px;background:#e8e8e8;}
#subMenuWrap {border-bottom:1px solid #dfdfdf;background:#e8e8e8 url(./image/submenu/submenu_bg.gif) repeat-y;}

#bannerTextWrap {position:absolute;z-index:0;left:0;top:0;border-left:1px solid #dfdfdf;}
#bannerTextWrap div {float:left;height:35px;overflow:hidden;}
#bannerTextWrap div.nav {margin:0 5px;width:25px;height:35px;background:url(./image/prevnext.gif) no-repeat 0 12px;}
#bannerTextWrap div.nav a {float:left;display:block;padding:35px 0 0 0;width:12px;height:0px;overflow:hidden;}
#bannerTextWrap div.win {width:650px;height:35px;}
#bannerTextWrap ul {clear:both;width:100%;height:35px;}
#bannerTextWrap li {height:35px;overflow:hidden;}
#bannerTextWrap a {display:block;padding:8px 0 0 0;}

#subMenu {position:absolute;z-index:101;left:0;top:0;padding:7px 0 0 0;width:960px;overflow:visible;}
#subMenu ul {position:absolute;z-index:1;left:0;top:0;overflow:hidden;border-left:1px solid #dfdfdf;background:#e8e8e8;display:none;}
#subMenu ul li {float:left;}
#subMenu ul li a {clear:both;display:block;padding:3px 0px 3px 10px;font-size:11px;white-space:normal;line-height:1;}
#subMenu ul li a.event {background-image:url(./image/ico_menu_event.gif);background-repeat:no-repeat;background-position:3px 5px;}
#subMenu ul li a.new {background-image:url(./image/ico_menu_new.gif);background-repeat:no-repeat;background-position:3px 5px;}
#subMenu ul.menu1 {width:670px;height:35px;}
#subMenu ul.menu1 li a {padding:11px 10px;font-size:12px;}
#subMenu ul.menu2 {padding:30px 0 5px 0;width:958px;background:#e8e8e8 url(./image/submenu/submenu2.gif) no-repeat 0 7px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#subMenu ul.menu2 li {width:90px;}
#subMenu ul.menu2 li.menu1 {width:67px;}
#subMenu ul.menu2 li.menu2 {width:75px;}
#subMenu ul.menu2 li.menu3 {width:82px;}
#subMenu ul.menu2 li.menu4 {width:74px;}
#subMenu ul.menu2 li.menu5 {width:90px;}
#subMenu ul.menu2 li a:hover {background-color:#f0f0f0;}
#subMenu ul.menu3 {padding:0 0 0 23px;width:660px;height:35px;background:#e8e8e8 url(./image/submenu/submenu3.gif) no-repeat 23px 7px;}
#subMenu ul.menu3 li a {padding:35px 0 0 0;height:0;display:block;overflow:hidden;}
#subMenu ul.menu3 li.menu1 {width:56px;}
#subMenu ul.menu3 li.menu2 {width:65px;}
#subMenu ul.menu3 li.menu3 {width:65px;}
#subMenu ul.menu3 li.menu4 {width:65px;}
#subMenu ul.menu4 {padding:0 0 0 45px;width:638px;height:35px;background:#e8e8e8 url(./image/submenu/submenu4.gif) no-repeat 45px 7px;}
#subMenu ul.menu4 li a {padding:35px 0 0 0;height:0;display:block;overflow:hidden;}
#subMenu ul.menu4 li.menu1 {width:56px;}
#subMenu ul.menu4 li.menu2 {width:66px;}
#subMenu ul.menu4 li.menu3 {width:65px;}
#subMenu ul.menu4 li.menu4 {width:55px;}
#subMenu ul.menu4 li.menu5 {width:57px;}
#subMenu ul.menu5 {padding:30px 0 5px 72px;width:886px;background:#e8e8e8 url(./image/submenu/submenu5.gif) no-repeat 72px 7px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#subMenu ul.menu5 li {width:90px;}
#subMenu ul.menu5 li.menu1 {width:66px;}
#subMenu ul.menu5 li.menu2 {width:85px;}
#subMenu ul.menu5 li.menu3 {width:66px;}
#subMenu ul.menu5 li.menu4 {width:66px;}
#subMenu ul.menu5 li.menu5 {width:75px;}
#subMenu ul.menu5 li a:hover {background-color:#f0f0f0;}
#subMenu ul.menu6 {padding:30px 0 5px 0px;width:958px;background:#e8e8e8 url(./image/submenu/submenu6.gif) no-repeat 0px 7px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
#subMenu ul.menu6 li {width:90px;}
#subMenu ul.menu6 li.menu1 {width:96px;}
#subMenu ul.menu6 li.menu2 {width:84px;}
#subMenu ul.menu6 li.menu3 {width:95px;}
#subMenu ul.menu6 li.menu4 {width:107px;}
#subMenu ul.menu6 li.menu5 {width:91px;}
#subMenu ul.menu6 li.menu6 {width:107px;}
#subMenu ul.menu6 li.menu7 {width:350px;}
#subMenu ul.menu6 li a:hover {background-color:#f0f0f0;}

#t_search {position:absolute;top:0;right:0;z-index:0;padding:6px;width:255px;height:20px;text-align:right;}
#t_search select {width:86px;}
#t_search .input {width:114px;}
#t_search .submit {width:39px;height:20px;}

#content {position:relative;clear:both;width:100%;overflow:hidden;}

#menubar {margin:0 0 10px 0;width:128px;overflow:hidden;background:#e8e8e8;border:1px solid #ccc;}
#menubar li {clear:both;}
#menubar li a {margin:0;padding:2px 3px 0px 3px;height:15px;overflow:hidden;display:block;border:1px solid #e8e8e8;text-decoration:none;}
#menubar li a.nomenu:hover {border:1px solid #e8e8e8;background:none;color:#333;}

#sidebar {clear:both;width:130px;overflow:hidden;}
#sidebar li {margin:0 0 10px 0;}

#bannerBbsTop {position:relative;z-index:0;clear:both;height:90px;overflow:hidden;}

div.scrolldiv {clear:both;width:100%;height:100%;overflow:auto;}
div.scrollbarpaper-container {background:#fff;}
div.scrollbarpaper-track {width:7px;background:url(./image/scrollbarpaper/scrollbarpaper-track.gif) repeat-y;}
div.scrollbarpaper-drag {background:#005796 url(./image/scrollbarpaper/scrollbarpaper-drag.gif) repeat-y;}
div.scrollbarpaper-drag-top {height:7px;background:url(./image/scrollbarpaper/scrollbarpaper-drag-top.gif) no-repeat;}
div.scrollbarpaper-drag-bottom {height:7px;background:url(./image/scrollbarpaper/scrollbarpaper-drag-bottom.gif) no-repeat;}
div.scrollbarpaper-content {}