body{
background-color:#ccd6da;
font-family:Arial, Helvetica, sans-serif;
padding:0;margin:0;
font-size:12px;
color:#000;
}
.clear{clear:both; margin-top: 10px; margin-bottom: 10px;}
a{color:#0291d4; text-decoration:none;}
a#closebt{ position:absolute; top:130px; left:208px; outline:none; z-index:999;}
a#openbt{ position:absolute; top:130px; left:0px; outline:none; display:none;z-index:999;}
a.button{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 12px 8px 12px;text-align: center;cursor:pointer; margin:10px 10px 0 0; float:left;}
.red{color:#fff;background: #eb8484;text-shadow:1px 1px #cc5959;}
.green{color:#fff;background: #7dc44e;text-shadow:1px 1px #4c9021;}
.sky{color:#fff;background: #3399ff; text-shadow: 1px 1px #4c9021;}

.sred{color:#fff;background: #ca3a3a;text-shadow:1px 1px #4c9021;}
.spurple{color:#fff;background: #823cbd;text-shadow:1px 1px #4c9021;}
.spink{color:#fff;background: #c22d7a;text-shadow:1px 1px #4c9021;}
.sgreen{color:#fff;background: #21880c;text-shadow:1px 1px #4c9021;}
.sblue{color:#fff;background: #035abc;text-shadow:1px 1px #4c9021;}

.red:hover{ background-color:#d96060;}
.green:hover{ background-color:#69b736;}
.sky:hover{ background-color: #0066cc;}

a.smallbutton{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-family:arial;font-size:11px;font-weight: bold;padding:4px 6px 4px 6px;text-align: center;cursor:pointer; margin:5px 5px 0 0; float:left;}

#panelwrap{width:1120px; margin:20px auto; background-color:#FFFFFF;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px; border-radius:10px;border:6px #c0cdd2 solid;}
#loginpanelwrap{width:500px; margin:120px auto auto auto; background-color:#FFFFFF;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px; border-radius:10px;border:6px #c0cdd2 solid;}
#wrap30 {float: left; padding:5px; width:30%; }
#wrap50 {float: left; padding:5px; width:45%; }

.header{ width:100%; height:auto;}
.title{ font-size:26px; float:left; padding:25px 0 0 18px;}
.title a{ color:#366082;font-family: 'Belgrano', serif;}
.header_right{ float:right; padding:20px 20px 0 0;}
.header_right a{ margin:0 0 0 5px; color:#000000; font-weight:bold;}
.header_right a.settings{ background:url(../images/settings.png) no-repeat left; padding:0 0 0 22px;}
.header_right a.logout{background:url(../images/logout.png) no-repeat left; padding:0 0 0 22px;}
.center_content{clear:both; width:100%; padding:0 0 50px 0;}
.title_content{clear:both; width:100%; padding:0 0 50px 0;}

.loginheader{ width:100%; height:auto; text-align:center;}
.logintitle{ font-size:26px; padding:25px 0 0 0px;}
.logintitle a{ color:#366082;font-family: 'Belgrano', serif;}

.timezone{font-size:12px; padding:15px 0 0 10px;}

.menu{ float:left; clear:both; padding:27px 0 0 15px;}
.menu ul{ padding:0px; margin:0px; list-style:none;}
.menu ul li{ float:left; padding:0px; margin:0px; font-size:13px;}
.menu ul li a{ display:block; float:left; background-color:#f3d987; padding:7px 12px 5px 12px; color:#000; text-decoration:none;
margin:0 4px 0 0;
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
}
.menu ul li a.selected{ display:block; float:left; background-color:#edcd66; padding:7px 12px 5px 12px; color:#000; text-decoration:none;
margin:0 4px 0 0;
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
}
.menu ul li a:hover{background-color:#edcd66;}

.submenu{ width:100%; height:auto; background-color:#edcd66; clear:both; float:left;}
.submenu ul{ padding:5px 0 5px 25px; margin:0px; list-style:none;}
.submenu ul li{ float:left; padding:0px; margin:0px;}
.submenu ul li a{ display:block; float:left; padding:3px 6px 3px 6px;  color:#000; text-decoration:none;
margin:5px 4px 10px 0;font-size:12px;}
.submenu ul li a.selected{display:block; float:left; padding:3px 6px 3px 6px; color:#FFFFFF; text-decoration:none;
margin:5px 4px 8px 0;color:#FFFFFF; font-size:12px; background-color:#366082;
-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
}
.submenu ul li a:hover{background-color:#366082; color:#FFFFFF;
-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
}

.left_content{
  width:212px;
  float:left;margin-left: -100%;
  padding:0px 0 0 0px;
  position:relative;
  left:10px;
}
.left_content .row {width:202px;float:left;clear:both;margin:10px 0 0 0;}
.left_content label {width:80px;float:left;word-break:normal;padding:5px 0 0px 0;font-size:12px; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left;}
.left_content label span{color:#ff0000; }
.left_content input {width:120px;float:left;padding:5px 0 0px 0;font-size:12px; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left; word-break: break-all; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px;}
.left_content h2{
  color:#22425e; font-size:14px;
  font-weight:bold; padding:5px 0 5px 15px;
}

.sidebar h2{
width:187px; margin:10px 10px 0 10px;
color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;
border-bottom:1px #8A9296 solid;
}

.sidebar{
width:222px;
float:left;margin-left: -100%;
padding:0px 0 0 0px;
position:relative;
left:0px;
}
.sidebar h2{
width:187px; margin:10px 10px 0 10px;
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
background-color:#bad7e6; color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;
border-bottom:1px #8A9296 solid;
}
.sidebar ul{
background-color:#FFFFFF; list-style:none;
width:170px; border:1px #D6D6D6 solid; border-top:none;
padding:10px 15px 15px 15px; margin:0px 0 15px 10px;
-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;
}
.sidebar ul li{
border-bottom:1px #ededed solid;
}
.sidebar ul li a{
color:#000000; display:block;padding:5px 0 5px 5px;
}
.sidebar ul li a:hover{
background-color:#ededed;
}
.sidebar_section_text{
background-color:#FFFFFF;
width:170px; border:1px #D6D6D6 solid; border-top:none;
padding:10px 15px 15px 15px; margin:0px 0 15px 10px;
-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}

#right_wrap{
float: left;
width: 100%;
}
#right_content{
margin:10px 10px 10px 232px;
}

#center_content {
  margin:10px 10px 10px 10px;
}

#title_wrap h2{
  color:#22425e; font-size:14px;
  font-weight:bold; padding:5px 0 5px 15px;
}

.form_sub_buttons{ padding:0 0 20px 0; float:right;}
#right_content h2{ background-color:#bad7e6;
margin:0px; clear:both;
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;
border-bottom:1px #ABC7D6 solid;
}


#rounded-corner
{
margin:0px;
width:100%;
text-align: left;
border-collapse: collapse;
}
#rounded-corner th
{
padding: 8px;
font-weight: bold;
font-size:12px;
color: #535E66;
background: #dde8f0; text-shadow:1px 1px #F2F8FC;
}
#rounded-corner tr.off td
{
padding: 8px;
background: #ffe9b5;
border-top: 1px solid #fff;
color: #669;
cursor: pointer;
}
#rounded-corner tr.odd td
{
padding: 8px;
background: #f4f9fd;
border-top: 1px solid #fff;
color: #669;
cursor: pointer;
}
#rounded-corner tr.even td
{
padding: 8px;
background: #fcfdfe;
border-top: 1px solid #fff;
color: #669;
cursor: pointer;
}
#rounded-corner tfoot td
{
background: #dde8f0; font-size:11px;padding:8px 8px 8px 15px;
-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px;
-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px;
}
#rounded-corner tbody tr:hover td
{
background: #dde8f0;
}

/* Toggle
/*------------------------------------------*/
.toogle_wrap{background-color:#bad7e6;
margin:0px; clear:both;
-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
color:#22425e; font-size:14px; font-weight:bold; padding:10px 0 10px 15px; text-shadow:1px 1px #DCEEF7;}
.trigger{padding:0px;margin:0;}
.trigger a{color:#22425e; font-size:14px; font-weight:bold; padding:5px 0 5px 0; text-shadow:1px 1px #DCEEF7;text-decoration: none;display: block; }
.active {}
.trigger a:hover, .trigger a:hover:focus{}
.toggle_container{overflow: hidden;padding:0px 10px 0 0;clear: both; font-size:12px; font-weight:normal; line-height:20px;}

/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:15px 0 0 0;clear:both; list-style:none; margin:0px;}
ul.tabsmenu li a{ width:auto; float:left; margin:0 5px 0 0;text-align:center;
background-color:#bad7e6;
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px;
color:#22425e; font-size:14px; font-weight:bold; padding:10px 15px; text-shadow:1px 1px #DCEEF7;
}
ul.tabsmenu li.active a{ background-color:#a8c9da;}
ul.tabsmenu li a:hover{background-color:#a8c9da;}
.tabcontent{ padding:10px; clear:both; border:1px #ddd solid; margin:0 0 15px 0;
-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;border-bottom-right-radius:5px;
}
/*-------------------------------------form-------------------------------------*/
.form{padding:20px;}
.form_row{width:610px;float:left;clear:both;margin:0 0 10px 0;}
.form_row label{width:150px;float:left;padding:5px 0 0px 0;font-size:12px; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left;}
.form_row label span{color:#ff0000; }
.form_input{vertical-align:middle; width:450px;height:34px;float:left;padding:0px 0px 0 4px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
select.form_select{width:456px;height:37px;float:left;padding:4px 2px 4px 2px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.search_input{width:80px;height:24px;;padding:0px 0px 0 0px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
select.search_select{width:80px;height:24px;padding: 1px 0px 0px 0px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.form_textarea{width:500px;height:100px;float:left;padding:3px 0px 0 4px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
input.form_submit{float:right; clear:both; margin:0px 5px 0 0px;color:#fff;background: #7dc44e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px;text-align: center;cursor:pointer; border:none;text-shadow:1px 1px #4c9021;}
input.search_submit{float:right; margin:0px 5px 0 0px;color:#fff;background: #7dc44e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px;text-align: center;cursor:pointer; border:none;text-shadow:1px 1px #4c9021;}

.loginform{padding:20px;}
.loginform_row{width:460px;float:left;clear:both;margin:0 0 10px 0;}
.loginform_row label{width:100px;float:left;padding:5px 0 0px 0;font-size:12px; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left;}
.loginform_input{width:350px;height:34px;float:left;padding:0px 0px 0 4px; background-color:#F4F6F7; border:1px #90A9B7 solid; color:#000;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
input.loginform_submit{float:right; clear:both; margin:0px 5px 0 0px;color:#fff;background: #7dc44e;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font-family:arial;font-size:12px;font-weight: bold;padding:8px 15px;text-align: center;cursor:pointer; border:none;text-shadow:1px 1px #4c9021;}

.footer{height:50px;background-color:#e4e3e0; border-top:1px #fff solid; line-height:50px; padding:0 0 0 20px;}

.pagenation { clear:both; text-align:center; padding:10px 0;}
.pagenation a {display:inline-block; width:24px; height:17px; padding:7px 0 0 0; text-align:center; color:#888; text-decoration:none; vertical-align:top; font-size:11px;}
.pagenation a.over {width:22px; height:18px; padding:6px 0 0 0; border:1px solid #d2e2e9; color:#888; background:#f1f7fa;}
.pagenation a.select {width:22px; height:18px; padding:6px 0 0 0; border:1px solid #5ab2da; font-weight:bold; color:#fff; background:#8dc8e3;}
.pagenation .pprev, .pagenation .prev, .pagenation .next, .pagenation .nnext{width:26px; height:20px;}
.pagenation .pprev {background:url(../images/detail/page_pprev.gif) no-repeat center top;}
.pagenation .prev {background:url(../images/detail/page_prev.gif) no-repeat center top;}
.pagenation .next {background:url(../images/detail/page_next.gif) no-repeat center top;}
.pagenation .nnext {background:url(../images/detail/page_nnext.gif) no-repeat center top;}
.pagenation .pprev_over, .pagenation .prev_over, .pagenation .next_over, .pagenation .nnext_over{width:24px; height:18px; border:1px solid #d2e2e9;}
.pagenation .pprev_over {background:#fff url(../images/detail/page_pprev.gif) no-repeat center top;}
.pagenation .prev_over {background:#fff url(../images/detail/page_prev.gif) no-repeat center top;}
.pagenation .next_over {background:#fff url(../images/detail/page_next.gif) no-repeat center top;}
.pagenation .nnext_over {background:#fff url(../images/detail/page_nnext.gif) no-repeat center top;}




ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
select{font:12px dotum; color:#888; }
img {border:0;}
.clear{clear:both}
.text, textarea{border:1px solid #eee; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb;  height:16px; padding:4px 5px 0 5px; font:12px dotum; vertical-align:top }
textarea{width:97.5%;}
.checkbox, .radio{display:inline-block; margin:0 5px 0 0;}
table{border:none;border-collapse:collapse; width:100%;}
.tdc{text-align:center;}
.tdl{text-align:left;}
.tdr{text-align:right;}

.ml20{margin-left:20px}
.mt5{margin-top:5px;}
.pt20{padding-top:20px;}

.floatl{float:left}
.floatr{float:right}

/* button */
.button_warp{padding-top:15px;}
.btn_01{background:#7cc6e6 url(../images/detail/blue_dot.gif) repeat-x left top; border:1px solid #4daad2; color:#fff; height:27px; padding:3px 10px; font:12px dotum; vertical-align:middle; cursor:pointer;}
.btn_02{background:#fafafa url(../images/detail/dot_white.gif) repeat-x left top; border:1px solid #dbdbdb; color:#666; height:27px;  padding:3px 10px; font:11px dotum; vertical-align:top; cursor:pointer;}
.btn_03{background:#7cc6e6 url(../images/detail/blue_dot.gif) repeat-x left top; border:1px solid #4daad2; color:#fff; height:23px; padding:3px 15px 0 15px; font:11px dotum; vertical-align:top; cursor:pointer;}
.btn_04{background:#fafafa url(../images/detail/btn_exist_arrow_bg.gif) no-repeat right 3px; border:1px solid #ebebeb; padding:3px 24px 0 13px; height:23px; font:11px dotum; color:#666; cursor:pointer;}
.btn_05{background:#fafafa url(../images/icon/dot_white.png) repeat-x left top; border:1px solid #ebebeb; color:#aaa; height:27px; padding:3px 10px; font:12px dotum; vertical-align:middle; cursor:pointer;}
.btn_06{background:#5b74a8 url(../images/detail/blue_dot1.gif) repeat-x left top; border:1px solid #29447e; color:#fff; height:23px; padding:3px 15px 0 15px; font:bold 11px dotum; vertical-align:top; cursor:pointer;}
.btn_setting_01{ background:#7cc6e6 url(../images/icon/blue_dot.gif) repeat-x left top; border:1px solid #4daad2; color:#fff; height:35px; padding:0px 25px 2px 25px; font:bold 15px 'Malgun Gothic', dotum; letter-spacing:-0.1em; vertical-align:top; cursor:pointer;}
.btn_setting_02{ background:#fafafa url(../images/icon/dot_white.gif) repeat-x left top; border:1px solid #ebebeb; color:#666; height:35px; padding:0px 25px 2px 25px; font:bold 15px 'Malgun Gothic', dotum; letter-spacing:-0.1em; vertical-align:top; cursor:pointer;}

/*layout*/
.layer_body{background:#fff;}
.login_body{background:url(../images/layout/bg.png) repeat 0 0;}

.full_wrap{width:1280px; margin:0 auto;}

.top_area{height:74px;}
.logo {float:left; margin:10px 0 15px 10px; cursor:pointer;}
.top_right_link_area{float:right;}
.user_info {margin:10px 10px 0 0;font:11px dotum;color:#aaaaaa; text-align:right}
.user_info a{font:11px dotum;color:#aaaaaa}
.user_info span{color:#7cc6e6;font-weight:bold;}

.gnb_wrap{border-bottom:1px solid #d2d2d2; height:35px;  background:url(../images/layout/gnb_bg.gif) repeat 0 0;}
.gnb{height:33px; border:1px solid #090909; padding-left:15px; letter-spacing:-0.1em;}
.gnb li{float:left; position:relative; top:-1px; color:#fff; background: url(../images/layout/gnb_spr.gif) no-repeat right 12px; width:110px; text-align:center;}
.gnb li a{display:block; height:25px; padding:10px 10px 0 10px;}
.gnb li a:hover{text-decoration:none;}
.gnb li.select {background:url(../images/layout/gnb_select_bg_01.gif) no-repeat left top;}
.gnb li.select a{padding:10px 10px 0 10px; background:url(../images/layout/gnb_select_bg_02.gif) no-repeat right top;}
.gnb li a span , .gnb li.select a span{color:#fff; text-decoration:none; display:block;}
.gnb li.select a span{padding-bottom:4px; border-bottom:2px solid #090909;}
.gnb li.end{background:none;}

.gnb_title_wrap{ background:#fff; }
.gnb_title{font:bold 16px 'Malgun Gothic'; letter-spacing:-0.1em; padding:10px 0 13px 13px; color:#5ab2da;}
.main_wrap{background:#fff;}

.lnb_wrap{width:150px; float:left; background:#fff; border-top:1px solid #eee;}
.lnb, .lnb_select{height:24px; width:135px; padding:13px 0 0 15px; border-bottom:1px solid #eee; cursor:pointer;}
.lnb_select{background: url(../images/layout/lnb_select_bg.gif) no-repeat left top; color:#fff;}
.lnb_sub, .lnb_sub_select{background:#fcfcff; height:16px; width:130px; padding:6px 0 0 20px; cursor:pointer;}
.lnb_sub_select{background:#fcfcff; color:#5ab2da; font-weight:bold;}
.lnb_sub_end{height:16px; width:130px; padding:8px 0 8px 20px; border-bottom:1px solid #eee; cursor:pointer; background:#fcfcff;}
.lnb_sub_select_end{background:#fcfcff; color:#5ab2da; font-weight:bold; height:16px; width:130px; padding:8px 0 8px 20px; border-bottom:1px solid #eee; cursor:pointer;}

.contents_wrap{float:right; padding:0px 20px 20px 20px; min-height:500px; width:1089px; border-left:1px solid #eee;}
.contents_wrap_wide{float:right; padding:0px 20px 20px 20px; min-height:500px; width:1240px; border-left:1px solid #eee;}

.title_wrap{height:36px;margin-bottom:10px;}
.title span.totalcount{color:#a0cee3}
.search_box{float:right; padding:5px 0 0 0; letter-spacing:-0.1em; }
.btn_search{background:#7cc6e6 url(../images/detail/blue_dot.gif) repeat-x left top; border:1px solid #4daad2; color:#fff; height:26px; padding:3px 12px 0 12px; font:11px dotum; vertical-align:top; cursor:pointer;}
.btn_search_detail{background:#fafafa url(../images/detail/btn_exist_arrow_bg.gif) no-repeat right 3px; border:1px solid #ebebeb; padding:3px 22px 0 12px; height:26px; font:11px dotum; color:#666; cursor:pointer;}
.search_text{height:22px; font:12px dotum; color:#aaa; width:350px; background:#fafafa; border:1px solid #eee;  border-top:1px solid #ddd;  border-left:1px solid #ddd;}
.title_button{padding:10px 0 0 0; float:right;}
.btn_schedule_select{background:#7cc6e6 url(../images/detail/blue_dot.gif) repeat-x left top; border:1px solid #4daad2; color:#fff; height:26px; padding:3px 12px 0 12px; font:11px dotum; vertical-align:top; cursor:pointer;}
.btn_schedule{background:#fafafa url(../images/icon/dot_white.gif) repeat-x left top; border:1px solid #ebebeb; color:#666; height:26px; padding:3px 12px 0 12px; font:11px dotum; vertical-align:top; cursor:pointer;}

.detail_search_wrap{border:1px solid #dbdbdb; padding:10px; background:#fafafa; margin-bottom:10px;}
.detail_search_wrap span.search_lbl{padding-right:10px; color:#888}
.detail_search_wrap .search_text{background:#fff; border:1px solid #e9e9e9; border-top:1px solid #cdcdcd;  border-left:1px solid #cdcdcd; }

.pagenation{ clear:both; text-align:center; padding:10px 0;}
.pagenation a{display:inline-block; width:24px; height:17px; padding:7px 0 0 0; text-align:center; color:#888; text-decoration:none; vertical-align:top; font-size:11px;}
.pagenation a.over{width:22px; height:18px; padding:6px 0 0 0; border:1px solid #d2e2e9; color:#888; background:#f1f7fa;}
.pagenation a.select{width:22px; height:18px; padding:6px 0 0 0; border:1px solid #5ab2da; font-weight:bold; color:#fff; background:#8dc8e3;}
.pagenation .pprev, .pagenation .prev, .pagenation .next, .pagenation .nnext{width:26px; height:20px;}
.pagenation .pprev{background:url(../images/detail/page_pprev.gif) no-repeat center top;}
.pagenation .prev{background:url(../images/detail/page_prev.gif) no-repeat center top;}
.pagenation .next{background:url(../images/detail/page_next.gif) no-repeat center top;}
.pagenation .nnext{background:url(../images/detail/page_nnext.gif) no-repeat center top;}
.pagenation .pprev_over, .pagenation .prev_over, .pagenation .next_over, .pagenation .nnext_over{width:24px; height:18px; border:1px solid #d2e2e9;}
.pagenation .pprev_over{background:#fff url(../images/detail/page_pprev.gif) no-repeat center top;}
.pagenation .prev_over{background:#fff url(../images/detail/page_prev.gif) no-repeat center top;}
.pagenation .next_over{background:#fff url(../images/detail/page_next.gif) no-repeat center top;}
.pagenation .nnext_over{background:#fff url(../images/detail/page_nnext.gif) no-repeat center top;}


/* Layer */
.layer_wrap{width:581px; position:absolute; top:300px; left:50%; margin-left:-290px; z-index:1000; display:none;}
.layer_header{width:100%;height:30px;border-top:1px solid #faf8f8; position:relative;  background:#f3f3f3; }
.layer_title{height:22px; padding:8px 0 0 10px; font-weight:bold;}
.layer_wrap{width:581px; position:absolute; top:300px; left:50%; margin-left:-290px; z-index:1000; display:none;}
.layer_header{width:100%;height:30px;border-top:1px solid #faf8f8; position:relative;  background:#f3f3f3; }
.layer_title{height:22px; padding:8px 0 0 10px; font-weight:bold;}
.close_button{position:absolute; right:0px; top:0px;}
.layer_contents_wrap{width:100%; padding:15px; clear:both; overflow-y:scroll;}
.layer_footer{height:22px; clear:both;}
.layer_footer_left{height:22px; width:22px; background:url(../images/detail/layer_bl.png) no-repeat left top;}
.layer_footer_center{height:22px; background:#fff url(../images/detail/layer_bc.png) repeat-x left bottom; width:536px;}
.layer_footer_right{height:22px; width:22px; background:url(../images/detail/layer_br.png) no-repeat right top;}
.layer_h2{font-weight:bold; color:#5ab2da; margin-bottom:8px; clear:both;}
.layer_p{padding-bottom:15px;}

/*FOOTER*/
.footer_wrap{border-top:1px solid #ebebeb; clear:both; background:#fff; text-align:center; padding:15px 0 20px 0; font:11px dotum; color:#a09e9e;}
.fnb{margin-bottom:10px;}
.fnb a{color:#a09e9e; display:inline-block; text-decoration:none; padding:0 6px 0 5px; background:url(/images/layout/fnb_bar.gif) no-repeat right 1px;}
.fnb a.end{background:none;}
.company_info {line-height:18px; margin-bottom:15px;}
.company_info span{ display:inline-block;  padding:0 6px 0 5px; background:url(/images/layout/fnb_bar.gif) no-repeat right top;}
.copyright{font:11px arial;}

/*LOGIN*/
.login_wrap{background:#f5fafd url(../images/layout/line1.png) repeat-y left 0;width:450px;font:14px dotum;padding:0px;vertical-align:middle;}
.login_table_1{height:100%;width:100%;border-collapse:collapse}
.login_table_2{background:#f5fafd;border-left:1px solid #e9edef;border-right:1px solid #e9edef;height:100%;width:450px;;border-collapse:collapse}
.btn_login{background:#7cc6e6 url(../images/layout/bg1.png) repeat-x left top;border:1px solid #4daad2; padding:0 20px 0 20px; height:35px; font:bold 14px dotum; color:#fff; cursor:pointer;}
.txt_loginid{border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-top:1px solid #dddddd;border-left:1px solid #dddddd;ime-mode:disabled;width:240px;height:22px; padding: 8px 0 0 5px; font:bold 16px dotum;color:#888888;}
.txt_loginpw{border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-top:1px solid #dddddd;border-left:1px solid #dddddd;width:240px;height:22px; padding: 8px 0 0 5px;font:bold 16px dotum;color:#888888;padding-left:5px}

/*TABLE*/
.tbl_list_basic1{}
.tbl_list_basic1 thead tr th{padding:10px 3px; background:#f7f7f7; color:#888; border-top:1px solid #e7e7e7; border-bottom:1px solid #dbdbdb;}
.tbl_list_basic1 thead tr.tab_tbl th{border-top:none;background:#fff;}
.tbl_list_basic1 tbody tr td{padding:8px 3px; border-bottom:1px solid #dbdbdb; color:#888;}
.tbl_list_basic1 tbody tr.tr_over td{background:#f1f7fa; cursor:pointer;}
.tbl_list_basic1 tbody tr.tr_disabled td{background: #fdfdfd; color:#ccc;}
.tbl_list_basic1 tbody td.point_title{font:bold 14px 'Malgun Gothic'; letter-spacing:-0.1em; color:#65a8ce}
.tbl_list_basic1 tbody td.point{font:bold 14px 'Malgun Gothic'; letter-spacing:-0.1em; color:#888}
.tbl_list_basic1 tbody tr th{padding:8px 3px; background:#f7f7f7; color:#888; border-bottom:1px solid #dbdbdb; }
.tbl_list_basic1 tfoot tr th, .tbl_list_basic1 tfoot tr td{padding:10px 3px; background:#f7f7f7; color:#888; border-bottom:1px solid #e7e7e7; border-top:1px solid #dbdbdb;}
.tbl_list_basic1 tfoot tr th.point{font:bold 14px 'Malgun Gothic'; letter-spacing:-0.1em; color:#888}

.tbl_view_basic{border-bottom:1px solid #fff;}


.tbl_view_basic tbody tr th{padding:9px 10px 18px 10px; font-size:12px; text-align:left; color:#535E66; font-weight:bold; text-shadow:1px 1px #fff; text-align:left;}
.tbl_view_basic tbody tr td{padding:10px 10px 15px 10px; text-align:left; color:#888;}
.tbl_view_basic tbody tr th span{color:#ff0000; }
.view_tbl_text{height:25px;font:bold 15px dotum; color:#aaa; width:700px; background:#fafafa; border-top:1px solid #ddd;  border-left:1px solid #ddd; padding:0 5px;}

.search_lbl{display:inline-block;}
/* 
.h2_title{font:bold 15px 'Malgun Gothic', dotum; color:#888; margin-bottom:10px; clear:both;}
.h3_title{font:bold 13px 'Malgun Gothic', dotum; color:#888; margin-bottom:10px; clear:both;}
.h2_more{float:right; font:12px dotum;}
.h2_more a{display:block; padding:3px 5px 3px 5px; color:#888;}
.h2_more a:hover{background:#f4f8fa; color:#888; border:1px solid #dbe3f0; border-bottom:1px solid #c3cddd; border-right:1px solid #c3cddd;}
.h2_more a:active{background:#eff4f6; color:#888; border:1px solid #dbe3f0; border-top:1px solid #c3cddd; border-left:1px solid #c3cddd;}
.h2_cont, .h2_cont_over{margin-bottom:20px; border:1px solid #dbdbdb; padding:10px;}
.h2_cont_over{background:#f4f8fa; border:1px solid #dbe3f0; border-bottom:1px solid #c3cddd; border-right:1px solid #c3cddd; cursor:pointer} */
.user_info_summary{height:50px; cursor:pointer; margin-bottom:20px; border:1px solid #dbdbdb; padding:15px;}
.summary_user_image{float:left; margin-right:15px; border:1px solid #eee; }
.summary_username{font:bold 14px 'Malgun Gothic', dotum; color:#5ab2da; padding-top:10px;}
.summary_user_info{color:#888; font-family:arial; padding-top:3px;}
.user_info_summary_over{height:50px; cursor:pointer; margin-bottom:20px; padding:15px; background:#f4f8fa; border:1px solid #dbe3f0; border-bottom:1px solid #c3cddd; border-right:1px solid #c3cddd;}
.sumary_username_wrap{float:left; margin-right:15px;}
.summary_user_coin, .summary_user_cash, .summary_user_free, .summary_user_block, .summary_user_button {float:left; background:#fafafa; padding:15px 15px 15px 50px; height:20px; border:1px solid #dbdbdb; margin-right:10px; font:bold 15px 'Malgun Gothic'; color:#888}
.summary_user_coin{background:#fafafa url(/images/icon/coin.png) no-repeat 16px 15px;}
.summary_user_cash{background:#fafafa url(/images/icon/cash.png) no-repeat 13px 15px;}
.summary_user_free{background:#7cc6e6 url(/images/icon/freechips.png) no-repeat 12px 11px; border:1px solid #4daad2; border:1px solid #4daad2; color:#fff;}
.summary_user_block{background:#fafafa url(/images/icon/block.png) no-repeat 13px 10px;}

.product_info_summary, .product_info_summary_over{cursor:pointer; margin-bottom:20px; border:1px solid #dbdbdb; padding:15px;}
.product_info_summary_over{background:#f4f8fa; border:1px solid #dbe3f0; border-bottom:1px solid #c3cddd; border-right:1px solid #c3cddd;}
.summary_product_image{float:left; margin-right:15px; border:1px solid #eee; }
.summary_productname{font:bold 14px 'Malgun Gothic', dotum; color:#5ab2da; padding-top:10px;}
.summary_product_description{color:#888; padding-top:7px;}

.summary_item, .user_item{clear:both; padding-top:10px;}
.summary_item_lbl{float:left; width:120px; color:#444;}
.summary_item_value{padding-left:120px;}
.user_item_lbl{width:75px; float:left; color:#444; background:url(/images/icon/bullet_blue.png) no-repeat left 5px; padding-left:10px;}
.user_item_value{padding-left:75px;}

.div_line{clear:both; border-bottom:1px solid #eee; padding-top:13px;}
.div_line_black{clear:both; border-bottom:1px solid #000; padding-top:25px;}

.user_order_unit, .user_order_unit_over{width:235px; border:1px solid #dbdbdb; padding:10px; margin:0 15px 10px 0; float:left;}
dl.user_order dt{font:bold 14px 'Malgun Gothic'; margin-bottom:5px; color:#5ab2da;}
dl.user_order dt span{font:bold 12px 'Malgun Gothic'; margin-bottom:5px; color:#aaa;}
dl.user_order dd {margin-bottom:3px; color:#888}
dl.user_order dd span{display:inline-block; width:110px; color:#444;}
.user_order_unit_over{cursor:pointer; background:#f4f8fa; border:1px solid #dbe3f0; border-bottom:1px solid #c3cddd; border-right:1px solid #c3cddd; }


.vbar_unit{height:15px; clear:both; padding:5px 0px;}
.vbar_over{background:#f1f7fa;}
.vbar_lbl{margin-right:5px; font:11px verdana; float:left;}
.vbar_1, .vbar_2, .vbar_3{height:12px; float:left;}
.vbar_lbl_title{margin-right:5px; font:11px verdana; float:left; text-align:center; font:bold 12px 'Malgun Gothic'; color:#5ab2da;}
.vbar_1_title, .vbar_2_title, .vbar_3_title{height:12px; float:left; text-align:center; font:bold 12px 'Malgun Gothic'; color:#5ab2da;}
.vbar_1_bar{border:1px solid #46a5e1; background:#75c5f8; height:12px; width:220px; font:11px verdana; float:left}
.vbar_2_bar{border:1px solid #e34d4d; background:#ff7171; height:12px; width:220px; font:11px verdana; float:left}
.vbar_3_bar{border:1px solid #dc9732; background:#f0af4f; height:12px; width:220px; font:11px verdana; float:left}
.vbar_number{padding:0 0 0 5px; float:left; font:11px verdana;}
.w90{width:90px;}
.w150{width:150px;}
.w300{width:300px;}
.w330{width:330px;}

.mt30{margin-top:30px;}

.summary_wrap{ margin-bottom:20px; border:1px solid #dbdbdb; padding:15px;}
dl.pay_detail{float:left; width:260px;}
dl.pay_detail dt{font:bold 14px 'Malgun Gothic'; color:#5ab2da; float:left}
dl.pay_detail dd{font:bold 12px 'Malgun Gothic'; color:#888; float:left; padding:3px 0 0 10px;}
dl.pay_detail dt.sum{font:bold 14px 'Malgun Gothic'; color:#2a87b2; float:left}

.graph_fulls_wrap{height:450px; border:1px solid #ededed; padding:0 10px; background:url(/images/icon/gray_dot.gif) repeat-x left 350px;}
.graph_unit{ width:106px; float:left; height:400px;}
.bar_wrap{height:350px; width:106px; position:relative;}
.bar_1{width:20px; position:absolute; bottom:0px; left:25px;}
.bar_1_bar{border:1px solid #99b34e; background:#c7dc89; height:300px; width:20px; font:11px verdana; text-align:center;}
.bar_number{ width:20px; font:11px verdana; text-align:center; padding:0 0 5px 0;}
.bar_2{position:absolute; bottom:0px; left:50px;}
.bar_2_bar{border:1px solid #99b34e; width:20px; height:50px; background:#c7dc89; width:20px; border:1px solid #dc9732; background:#f0af4f;}
.number_wrap{width:106px; text-align:center; padding:10px 0 0 0; font:11px verdana; line-height:13px;}
.graph_guide{text-align:center;}
.bar_guide_1, .bar_guide_2{width:15px; height:15px;}

.friendlist_unit, .friendlist_unit_over{width:70px; height:90px; border:1px solid #dbdbdb; padding:10px; margin:0px 15px 10px 0px; float:left;}
.friendlist_unit dt, .friendlist_unit_over dt{text-align:center;}
.friendlist_unit dd, .friendlist_unit_over dd{margin-top:5px;text-align:center;}
.friendlist_unit_over{cursor:pointer; background:#f4f8fa; border:1px solid #dbe3f0; border-bottom:1px solid #c3cddd; border-right:1px solid #c3cddd; }
.friend_gamer{border:1px solid #cadcee; background:#dae5ea;}

.tab{height:40px; border-bottom:1px solid #d5d9dc; border-left:1px solid #d5d9dc;}
.tab li{font:bold 14px 'Malgun Gothic'; height:29px; padding:10px 20px 0 20px; float:left; background:#f3f3f3; border-right:1px solid #d5d9dc; border-top:1px solid #d5d9dc; color:#888; cursor:pointer;}
.tab li.select{background:#fff; color:#139fd0; height:30px;}

.tab30{height:30px; border-bottom:1px solid #d5d9dc; border-left:1px solid #d5d9dc;}
.tab30 li{font:bold 12px 'Malgun Gothic'; height:19px; padding:10px 10px 0 10px; float:left; background:#f3f3f3; border-right:1px solid #d5d9dc; border-top:1px solid #d5d9dc; color:#888; cursor:pointer;}
.tab30 li.select{background:#fff; color:#139fd0; height:20px;}

.search_result{margin-bottom:15px; font:bold 13px 'Malgun Gothic';  color:#aaa}
.search_result span {color:#ff7171;}

.box_wrap{border:1px solid #dbdbdb; padding:15px;}
.span_no{display:inline-block; width:30px; font:13px 'Malgun Gothic'; text-align:center;}
.span_no_top10{display:inline-block; width:30px; font:bold 15px 'Malgun Gothic'; text-align:center;}

.tab_contents_wrap{background:#fff; width:100%; padding-top:10px;}

.block_div_wrap{}
.block_div{float:left;width:615px;min-height:50px;border:1px solid #fff;padding:5px 0 5px 10px;cursor:pointer;}
.block_div_select{float:left;width:615px;min-height:50px;border:1px solid #d2e2e9;background:#f1f7fa;padding:5px 0 5px 10px;cursor:pointer}

.block_div div.left_img, .block_div_select div.left_img{float:left;}
.block_div div.contents, .block_div_select div.contents{float:left;padding-left:10px;min-height:50px;word-break:break-all;}
.block_div div.title, .block_div_select div.title{font:bold 12px gulim;color:#3b5998;padding:0 0 5px 0; background:none; float:none; width:320px;}
.block_div_select div.title{color:#459fcc;}
.block_div div.info, .block_div_select div.info{font:12px dotum;color:#777777; line-height:14px; word-break:break-all;}
.block_div div.info a, .block_div_select div.info a{font:12px gulim;color:#3b5998;}


.block_div_short{float:left;width:440px;min-height:50px;border:1px solid #fff;padding:5px 0 5px 10px;margin-left:12px;cursor:pointer;}
.block_div_select_short{float:left;width:440px;min-height:50px;border:1px solid #d2e2e9;background:#f1f7fa;padding:5px 0 5px 10px;margin-left:12px;cursor:pointer}
.block_div_short div.left_img, .block_div_select_short div.left_img{float:left;}
.block_div_short div.contents, .block_div_select_short div.contents{float:left;padding-left:10px;min-height:50px;word-break:break-all;}
.block_div_short div.title, .block_div_select_short div.title{font:bold 12px dotum;color:#555555;padding:0 0 5px 0; background:none; float:none; width:300px;}
.block_div_select_short div.title{color:#459fcc;}
.block_div_short div.info, .block_div_select_short div.info{font:12px dotum;color:#777777; padding: 0 0 2px 0; line-height:14px; word-break:break-all;}

.tbl_view_basic tbody tr td .tbl_inner{}
.tbl_view_basic tbody tr td .tbl_inner tr th{text-align:center; padding:5px 10px 5px 10px; }
.tbl_view_basic tbody tr td .tbl_inner tr td{padding:5px 10px 5px 10px; }

.contents_left_wrap {float:left; padding:0px 20px 20px 20px; min-height:500px; width:500px;}
.contents_right_wrap {float:right; padding:0px 20px 20px 20px; min-height:500px; width:500px; border-left:1px solid #eee;}