@charset "utf-8";
/* CSS Document */

body,td,th {
	font-size: 12px;
	font-family: "Malgun Gothic", Dotum, Verdana, AppleGothic, sans-serif;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:yes;
}

a:link {
	color: #666;
	text-decoration: none;
	cursor:pointer;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #0099ff;
	text-decoration: none;
}
a:active {
	color: #366942;
	text-decoration: none;
}
.menu_back {
	background-image: url(/images/mb.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
}
.menu_txt{
	font-size: 12px;
	color: #666;
	font-weight: bold;
	}
.topright a{
	text-align: right;
	font-size: 11px;
	color: #fff;
}
.topright a:hover{
	text-align: right;
	font-size: 11px;
	color:#0099ff;
}
.grimja {
	background-image: url(/images/grimja.jpg);
	background-repeat: no-repeat;
}
.campain {
        height:65px;
        background-image: url(/images/campain_black.png);
        background-repeat: no-repeat;
        background-position:center;
        vertical-align:middle;
        padding-top:8px;
        font-size: 22px;
        color: #ffffeb;
        font-weight: bold;
        text-align: center;
        margin-top: 8px;
}
.campain1 {
        height:165px;
        background-image: url(/images/campain_green.png);
        background-repeat: no-repeat;
        background-position:center;
        vertical-align:middle;
        padding-top:8px;
        font-size: 22px;
        color: #ffffeb;
        font-weight: bold;
        text-align: center;
        margin-top: 8px;
}
.campain2 {
        height:65px;
        background-image: url(/images/campain_green.png);
        background-repeat: no-repeat;
        background-position:center;
        vertical-align:middle;
        padding-top:8px;
        font-size: 22px;
        color: #ffffeb;
        font-weight: bold;
        text-align: center;
        margin-top: 8px;
}
.tleft {
	text-align: left;
	color: #666666;
	vertical-align: middle;
}
.main_notice_subject {
	color: #4c707a;
	font-weight: bold;
	text-align: left;
}
.hugi {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
	color: #666;
}
.hugi_txt {
	text-align: left;
	vertical-align: bottom;
}
#apDiv1 {
	position:absolute;
	left:43px;
	top:200px;
	width:171px;
	height:251px;
	z-index:1;
}
.left_menu_back {
	background-image: url(/images/left_05.gif);
	background-repeat: no-repeat;
}
.left_menu_top {
	background-image: url(/images/left_03.gif);
	background-repeat: no-repeat;
}
.left_title_txt {
	color: #0099ff;
	font-size: 14px;
	font-weight: bold;
}
#apDiv2 {
	position:absolute;
	left:25px;
	top:200px;
	width:256px;
	height:283px;
	z-index:2;
}

.left_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align: left;
}
.left_menu_txt a{
	font-weight: bold;
	color: #666;
	padding-left: 30px;
	padding-top: 6px;
	text-align: left;
	cursor: pointer;
	display:block;
	height: 20px;
	background-color:#FFF
}
.left_menu_txt a:hover{
	font-weight: bold;
	color: #0099ff;
	padding-left: 30px;
	text-align: left;
	cursor: pointer;
	display:block;
	background-color:#EBEBEB;
}
.sub_txt {
	color: #999;
}
.title_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.bbb {
	font-weight: bold;
}
.history_back {
	background-image: url(images/history_back_11.jpg);
	background-repeat: no-repeat;
}
.p_down {
	background-image: url(images/product_ukey_09.gif);
	background-repeat: no-repeat;
}
.p_downd {
	background-image: url(images/product_ukeyd_09.gif);
	background-repeat: no-repeat;
}
.p_downnd {
	background-image: url(images/product_ukeynd_09.gif);
	background-repeat: no-repeat;
}
.p_downsnst {
	background-image: url(images/snst_09.gif);
	background-repeat: no-repeat;
}
.p_downfree {
	background-image: url(images/uto_09.gif);
	background-repeat: no-repeat;
}
.p_downblog {
	background-image: url(images/blogn_09.gif);
	background-repeat: no-repeat;
}
.gline {
	background-image: url(images/gline.jpg);
	background-repeat: repeat-x;
}
.main_back1 {
	background-image: url(../images/i_back_10.jpg);
	background-repeat: no-repeat;
}
.main_backs {
	background-image: url(../UsnsT/main_back.jpg);
	background-repeat: no-repeat;
}
.annae {
	font-weight: bold;
	color: #23B0E5;
	font-size: 16px;
}
.login {
	border: 1px solid #CCC;
	width: 150px;
}
.login2 {
	border: 1px solid #CCC;
	width: 150px;
}
.loginbtn {
	border: 1px solid #fff;
	background-color:#333;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	padding-bottom:2px;

}
.searchbtn {
	border: 1px solid #0099ff;
	background-color:#58EF47;
	padding-left:3px;
	padding-right:3px;
		padding-top:2px;
	padding-bottom:2px;

}
.searchbtn2 {
	border: 6px solid #35bf00;
	background-color:#fff;
	height: 25px;
	font-size:16px;
}

.mem_line {
	border: 1px solid #999;
}
.n_bar {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
.redbar_txt {
	font-weight: bold;
}
.line_r {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.box_line {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
}
.line22 {
	text-decoration: line-through;
}
.nbtn {
	background-color: #6CC6FB;
	width: 42px;
	height: 20px;
	border: 1px solid #000;
	font-size: 12px;
}
.nboxline {
	background-color: #ECFFF2;
	width: 150px;
	border: 1px solid #000;
	height: 16px;
}.snstxt {
	color: #666;
}
.mwhite {
	color: #FFF;
	font-weight: bold;
}
.main_back1 tr td table tr td a {
	color: #0FF;
}
.main_back1 tr td table tr td a:hover {
	color: #0F0;
}
.blue a:link {
	font-size: 9pt;
	color: #FFF;
	text-decoration: none;
}
.blue a:visited {
	font-size: 9pt;
	color: #FFF;
	text-decoration: none;
}
.blue a:hover {
	font-size: 9pt;
	color: #FFF;
	text-decoration: none;
}
.blue a:active {
	font-size: 9pt;
	color: #FFF;
	text-decoration: none;
}
.t12 {
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
}
.t13 {
	font-size: 13pt;
	text-decoration: none;
	font-weight: bold;
}
.t14 {
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold;
}
.t16 {
	font-size: 16pt;
	text-decoration: none;
	font-weight: bold;
}
.t18 {
	font-size: 18pt;
	text-decoration: none;
	font-weight: bold;
}
.t14b {
	font-size: 11pt;
	color: #1b8ddf;
	text-decoration: none;
	font-weight: bold;
}
/* h1
{ text-indent: -99999px;
}

h1 a
{
   	font-size: 9pt;
	color: #FFF;
	text-decoration: none; 
} */

.ybox {	border: 3px solid #0099ff;
	padding: 0px;
	margin: 0px;
}
.vbox {	border: 3px solid #1eb93a;
	padding: 0px;
	margin: 0px;
}
.line22 {	text-decoration: line-through;
}
.ublue14 {
	color: #0F5DEF;
	font-size: 18px;
	font-weight: bold;
}
.ub18 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}



.ub16 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.ub14 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
.ub16_2 {

	font-size: 16px;
}
.ub14_2 {

	font-size: 14px;

}
.pay1
{
	margin:0;
	padding:0;
	background-image:url(../images/payback_03.png);
	background-repeat:no-repeat;
	width: auto;
	height: 76px;
}
.pay2
{
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image:url(../images/payback_02.png);
	background-repeat:repeat-y;
	width: auto;
	height: 100%;
	overflow:auto;

}
.pay_cen{
	width: 650px;
	height: auto;	
}
.pay3
{
	margin:0;
	padding:0;
	background-image:url(../images/payback_04.png);
	background-repeat:no-repeat;
	width: auto;
	height: 76px;
}
.paybtn {
	margin: 5px;
	padding: 5px;
	height: 50px;
	width: 150px;
	border: 1px solid #0C0;
}	
.bbs_bg{
height:30px;
background:url(/images/notice_back.gif) top right repeat-x;
}

.mainjj {
	line-height:16px;
}
.topyy h1{
	 font:normal 0.1em/1px "Malgun Gothic", Dotum, Arial, "Times New Roman", Times, serif;
	 margin-top:1px;
	 color:#f7f7f6;

}

/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:나눔고딕, 맑은 고딕, 돋움, 굴림, NanumGothic, Malgun Gothic, Tahoma, Arial, sans-serif,Tahoma, Sans-serif; white-space:nowrap; background:url(/btn/button.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333; }
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}

.bestright {
	color: #f8981d;
}

.prtxt {
	color: #f4f4f4;
	font-size: 12px;
	font-weight: none;
}
.prtxt_blue {
	color: #00deff;
	font-size: 12px;
	font-weight: bold;
}
.prtxt_yellow {
	color: #ffd800;
	font-size: 12px;
	font-weight: none;
	border:0;
}

.banknum{
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 8px;
}
.rtop, .rbottom{display:block;margin:0 0 0 5px;}
.rtop *, .rbottom *{display:block; height:1px; overflow:hidden;}
.r1{margin:0 5px; background:#f2f2f2;}
.r2{margin:0 3px; border-left:2px solid #fff; border-right:2px solid #fff; background:#f2f2f2;}
.r3{margin:0 2px; border-left:1px solid #fff; border-right:1px solid #fff; background:#f2f2f2;}
.r4{margin:0 1px; height:2px; border-left:1px solid #fff; border-right:1px solid #fff; background:#f2f2f2;}
.box{ margin:0 0 0 5px; padding:0px 5px; border-left:#fff solid 1px; border-right:#fff solid 1px;  background:#f2f2f2; font-size:12px;}
.nm {padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 5px;}
.m10 {color: #0D3967;font-weight: bold;padding-top: 20px;}
.ybox { border: 3px solid #376da3;padding: 0px;margin: 0px;}
.sbox { border: 5px solid #dcdcdc;}
.slideshow { margin: no }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }

.hp {   background-color: #FFF;
        margin: 0px;
        height: 15px;
        width: 30px;
        border: 1px solid #333;
        padding: 0px;
}

.tagbtn {
        height: 35px;
        width: 150px;
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
        font-family: "?~X?~T고~T~U";
        border: 2px solid #333;
        background-color: #09F;
        cursor:pointer; _cursor:hand;
}

.cast_banner_area .box:hover {
    border: 1px solid rgb(83, 139, 222);
    text-decoration: none;
}
.cast_banner_area .box {
    float: left;
    display: inline-block;
    padding: 10px 10px 15px;
    margin: 12px 0px 0px 11px;
    width: 128px;
    height: 173px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(225, 225, 225) rgb(225, 225, 225) rgb(202, 203, 206);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: rgb(102, 102, 102);
    line-height: 18px;
    letter-spacing: -1px;
}
