/*	-------------------------------------------------------------

	Description:	Common Styles  공통

	-------------------------------------------------------------	*/



/* common style */

html {

	scrollbar-highlight-color: #fff;

	scrollbar-shadow-color: #ccc; 

	scrollbar-arrow-color: #ccc;

	scrollbar-face-color: #fff; 

	scrollbar-3dlight-color: #ccc;

	scrollbar-darkshadow-color: #fff;

	scrollbar-track-color: #F7F7F7;

}



body{
    
	position: relative;
	
	margin: 0;

	padding: 0;

	border: 0;



	} 

body, div, td, li, h1, h2, h3, h4, h5, input, select, textarea, form{	

    font-family: "dotum", "arial", "serif", "sans-serif" ;   

    font-size:12px; 

    color: #555555; 

    line-height:1.2em; 

    margin:0px; 

    list-style:none; 

    font-weight:normal;

} 

div, p, ul, li, ol, dl, dd{margin:0; padding:0;} 

img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

address {font-style: normal}

#accessibility {display:none;}

.clear {clear:both; width:0px; line-height:0px; font-size:0px;}  

.none{display:none;}

.icon {margin-right: 3px;}

.cboth {clear: both}

.blind {position: absolute; width: 0px; height: 0px; visibility: hidden; font-size: 0px; overflow: hidden}

.nobg {background: none transparent scroll repeat 0% 0%}

.comment{display:none;width:0px; height:0px; overflow:hidden;font-size:0;line-height:0;}

/***a:link, a:visited, a:active {text-decoration: none ; color:#095FAE;} ***/
a:link, a:visited, a:active {text-decoration: none ; color:#666666;}
a:hover {text-decoration: underline ;color: #0770FF;}


/*******************/

hr {display: none;}	

caption, legend{display:none;}

fieldset{border:none; margin: 0; padding: 0;}



.txtleft {text-align:left !important; padding-left:5px !important;}  

.txtleft_pd_b {text-align:left !important; margin-bottom:10px !important;} 

.txtright {text-align:right !important; padding-right:5px !important;} 

.txtcenter {text-align:center !important;}

.txtcenter_g {text-align:center !important; color:#878787;}

.txtright_g {text-align:right !important; padding-right:5px !important; color:#878787;}

.txtblue {text-align:center; color:#095FAE;}

.t_white, a.t_white:link, a.t_white:hover, a.t_white:active{
	color:#FFF;
}
.t_red, a.t_red:link, a.t_red:hover, a.t_red:active{
	color:#A71026;
}
.t_orange, a.t_orange:link, a.t_orange:hover, a.t_orange:active{
	color:#CE6F04;;
}
.t_brown, a.t_brown:link, a.t_brown:hover, a.t_brown:active{
	color:#825E28;
}
.t_blue, a.t_blue:link, a.t_blue:hover, a.t_blue:active{
	color:#277FA4;
}
.t_sky, a.t_sky:link, a.t_sky:hover, a.t_sky:active{
	color:#63B1D8;
}
.t_green, a.t_green:link, a.t_green:hover, a.t_green:active{
	color:#5B8D29;
}
.t_gray, a.t_gray:link, a.t_gray:hover, a.t_gray:active{
	color:#999;
}

.t_white_s, a.t_white_s:link, a.t_white_s:hover, a.t_white_s:active{
	color:#FFF;
	font-size: 11px;
}
.t_red_s, a.t_red_s:link, a.t_red_s:hover, a.t_red_s:active{
	color:#A71026;
	font-size: 11px;
}
.t_orange_s, a.t_orange_s:link, a.t_orange_s:hover, a.t_orange_s:active{
	color:#CE6F04;
	font-size: 11px;
}
.t_brown_s, a.t_brown_s:link, a.t_brown_s:hover, a.t_brown_s:active{
	color:#825E28;
	font-size: 11px;
}
.t_blue_s, a.t_blue_s:link, a.t_blu_s:hover, a.t_blue_s:active{
	color:#277FA4;
	font-size: 11px;
}
.t_sky_s, a.t_sky_s:link, a.t_sky_s:hover, a.t_sky_s:active{
	color:#63B1D8;
	font-size: 11px;
}
.t_green_s, a.t_green_s:link, a.t_green_s:hover, a.t_green_s:active{
	color:#5B8D29;
	font-size: 11px;
}

.t_gray_s, a.t_gray_s:link, a.t_gray_s:hover, a.t_gray_s:active{
	color:#999;
	font-size: 11px;
}

.t_white_b, a.t_white_b:link, a.t_white_b:hover, a.t_white_b:active{
	color:#FFF;
	font-weight: bold;
}
.t_red_b, a.t_red_b:link, a.t_red_b:hover, a.t_red_b:active{
	color:#A71026;
	font-weight: bold;
}
.t_orange_b, a.t_orange_b:link, a.t_orange_b:hover, a.t_orange_b:active{
	color:#CE6F04;
	font-weight: bold;
}
.t_brown_b, a.t_brown_b:link, a.t_brown_b:hover, a.t_brown_b:active{
	color:#825E28;
	font-weight: bold;
}
.t_blue_b, a.t_blue_b:link, a.t_blu_b:hover, a.t_blue_b:active{
	color:#277FA4;
	font-weight: bold;
}
.t_sky_b, a.t_sky_b:link, a.t_sky_b:hover, a.t_sky_b:active{
	color:#63B1D8;
	font-weight: bold;
}
.t_green_b, a.t_green_b:link, a.t_green_b:hover, a.t_green_b:active{
	color:#5B8D29;
	font-weight: bold;
}
.t_gray_b, a.t_gray_b:link, a.t_gray_b:hover, a.t_gray_b:active{
	color:#999;
	font-weight: bold;
}

.t_re, a.t_re:link, a.t_re:hover, a.t_re:active{
	color:#42B7DD;
	padding-left: 7px;
}

.w, a.w:link, a.w:visited, a.w:hover, a.w:active{color:#FFF;letter-spacing:-1px;}

.o, a.o:link, a.o:visited, a.o:hover, a.o:active{color:#f19500;}

.g, a.g:link, a.g:visited, a.g:hover, a.g:active{color:#666666;}

.gr, a.gr:link{font-weight:bold; color:#CEFF39; font-size:11px;} a.gr:visited, a.gr:hover, a.gr:active{color:#001349;}

.gr2, a.gr2:link, a.gr2:visited, a.gr2:hover, a.gr2:active{color:#999999;}

.b, a.b:link{color:#277FA4; font-size:11px;}

.s, a.s:link a.s:visited{font-size:11px; color:#555;}  a.s:hover, a.s:active{ color:#555; text-decoration:underline;}

.un, a.un:link, a.un:visited{text-decoration:none;} a.un:hover, a.un:active{text-decoration:underline;}

.bt, a.bt:link{font-weight:bold;}

.Tmenu, a.Tmenu:link, a.Tmenu:visited, a.Tmenu:active{
	color:#333333;
	text-decoration: none;
} 

a.Tmenu:hover {
	color:#0079A2;
	text-decoration: underline;
}

.bl{color:#3D8FC5;}

.purple{color:#C43261;}


table{border-collapse: collapse; clear: both; word-break: break-all;}

input{border-collapse: collapse;}

.input_text	  { border:#CCC solid 1px; padding: 3px 3px 1px 3px; margin-right: 0px; vertical-align:middle;}

.input_text_ds{ border:#CCC solid 1px; padding: 3px 3px 1px 3px; margin-right: 0px; vertical-align:middle; text-decoration:none; background-color: #E7E7E7; }

.input_text_blue{ border:#90B8C9 solid 1px; padding: 3px 3px 0 3px; vertical-align:middle; height:16px; margin-right:0px; display:inline;}

.input_text_psearch{ border:#95BFF1 solid 2px; padding: 2px 3px 0 3px; vertical-align:middle; height:16px; margin-right:0px; display:inline;}

.input_text_100{ width:98%; border:#CCC solid 1px; padding: 0 3px; vertical-align:middle; height:19px; margin-right:3px;}

.input_text_100_trans{ width:98%; border:none; padding: 0 3px; vertical-align:middle;  height:19px; margin-right:3px;}

.input_text_trans{ overflow:hidden; border:none; background:url(../tmp/images/common/blank.jpg); vertical-align:middle;}

.input_textarea{
	border:1px solid #B4C0D3;
	vertical-align:middle;
	padding: 5px;
}

.input_textarea_100{
	width:98%;
	border:1px solid #B4C0D3;
	vertical-align:middle;
	height:100%;
	padding: 5px;
}

.input_textarea_100_trans{
	width:98%;
	border:none;
	vertical-align:middle;
	height:100%;
	padding-top: 5px;
	padding-bottom: 5px;
}


.input_textarea_100_pad{
	width:98%;
	border:1px solid #B4C0D3;
	vertical-align:middle;
	height:100%;
	padding: 5px;
	margin-bottom: 10px;
}


.input_textarea_video{
	width:98%;
	border:1px solid #B9C5D2;
	vertical-align:middle;
	height:90%;
	padding: 5px;
	background-color: #F9FAFB;
}

.input_select{ vertical-align:middle;}

select {height: 19px; color: #656565; font-size: 1em; vertical-align: top}

select.search_con {margin: 2px 0px 0px 2px; width: 78px; height: 19px; color: #656565; font-size: 1em; vertical-align: top; font-weight: bold}

.dot {border-bottom:#CCC dotted 1px;}

.bar {text-align:center !important; color:#B5B5B5; width:3px; padding:5px 1px 0px 2px;}

.noti {font-weight:bold; color:#33AECF; padding-right:5px;}

.noti2 {font-weight:bold; color:#C33261; padding-right:5px;}

.btm_line{ border-width:0 0 1px 0; border-color:#CCC; border-style: solid;}

.blue_line{ border: #A1D7E9 solid 2px; background-color:#FFF; color:#A5A5A5; font-weight:bold;}

.fl_l {
	float: left !important
}
.fl_r {
	float: right !important
}

.fl_l_50 {
	float: left !important;
	width: 330px;
}
.fl_r_50 {
	float: right !important;
	width: 330px;
}

.vabl {
	vertical-align: baseline !important
}
.vabm {
	vertical-align: 3px !important
}
.vat {
	vertical-align: top !important
}
.vam {
	vertical-align: middle !important
}
.vab {
	vertical-align: bottom !important
}


#space{float:left;height:10px;width:100%;}


#skipNavi {
	list-style-type: none; font-size: 1.15em; list-style-image: none
}
#skipNavi a:active {
	text-align: center
}
#skipNavi a:focus {
	text-align: center
}
#skipNavi a:active {
	border-bottom: #475470 1px solid; 
	border-left: #475470 1px solid; 
	outline-style: none; outline-color: 
	invert; outline-width: 0px; 
	background: #fff; color: #000; 
	border-top: #475470 1px solid; 
	border-right: #475470 1px solid
}
#skipNavi a:focus {
	border-bottom: #475470 1px solid; 
	border-left: #475470 1px solid; 
	outline-style: none; outline-color: invert; 
	outline-width: 0px; background: #fff; 
	color: #000; border-top: #475470 1px solid; 
	border-right: #475470 1px solid
}
#skipNavi {
	position: absolute; 
	margin: 0px auto; 
	width: 18em; 
	top: -10em; 
	left: 0px
}
#skipNavi a:active {
	z-index: 2; 
	position: absolute; 
	width: 18em; 
	top: 10.5em; 
	left: 0px
}
#skipNavi a:focus {
	z-index: 2; 
	position: absolute; 
	width: 18em; 
	top: 10.5em; 
	left: 0px
}

/* common layout

-----------------------------------------------------------------*/

#wrapper {
    /*-- width:auto !important; --*/
    _text-align:center;
	width:990px;
	height: 100%;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#master_header {
	position:relative;
	min-width:979px;
	width:990px !important;
    height:118px;
	background-image: url(../images/common/topmenu_bg.gif);
	background-repeat: repeat-x;
	background-position: left 58px;
	}

#header_top {
	position:relative;
	width:990px;
	height:58px;
	background-color:#FFF;
}

#master_header #topnavi {
	position:relative;
	width:980px;
	height:60px;
	background-image: url(../tmp/images/common2/topmenu_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#master_header #topnavi_l {float:left; width:3px; height:57px; background:url(../tmp/images/common/top_bg_l_2.gif) no-repeat; padding:0px;}



/* header_ logo, utimenu and my system 

-----------------------------------------------------------------*/

#logo {
	float:left;
	height:58px;
	padding-left:5px;
}

#utimenu {
	float:right;
	margin-top: 20px;
}

#utimenu li {
	float:left;
	padding:4px 8px 0 8px;
	color:#999;
	background-image: url(../images/common/m_line01.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

#utimenu li a:link, #utimenu li a:visited { color:#999;}

#utimenu li a:hover, #utimenu li a:active { color:#999; text-decoration:underline;}

#welcome {
	float:right;
	color:#111;
	margin-top: 20px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 5px;
}



#supmenu {float:right;}

#supmenu li {float:left; padding:6px 8px 0 0px; color:#999;}


/* My System

-----------------------------------------------------------------*/

#mysystem {float:right;  background-repeat:repeat-x; height:22px; padding:4px 1px 0 8px;}

#mysystem li {

float: left;

background: url("../tmp/images/common/m_mys_c.gif") repeat-x;

padding:3px 3px 3px 3px;

font-size: 11px;

height:22px;

vertical-align:middle;

}

.mysystem_l {background:url(../tmp/images/common/m_mys_l.gif); background-repeat:no-repeat; float:left; height:22px;width:6px;}

.mysystem_bar {float:left; background:url(../tmp/images/common/m_bar01.gif); background-repeat:no-repeat; width:4px; height:22px;}

.mysystem_r {float:left; background:url(../tmp/images/common/m_mys_r.gif); background-repeat:no-repeat; height:22px;width:6px;}



#mysystem li ul {

position: absolute;

top: 27px;

left:0px;

}

#mysystem_s {

	position:absolute;  background:url("../tmp/images/common/m_mys_on_t.gif"); top:14px; right:2px; width:145px; visibility: hidden;} 

#mysystem_s div{

	padding-left:8px;}

#mysystem_s_edit{

	position:absolute;

	top:5px;

	right:8px;

	font-size:11px;

}

.mysystem_s_edit_bar {

	float:left; 

	background:url(../tmp/images/common/m_bar01.gif) no-repeat; 

	width:2px; height:22px;}

#mysystem_s ul li {

	background:none; width:127px; text-align:left; height:15px;

	padding:1px 9px 1px 9px;}





/* individual menu--------------------------------*/

#indimenu {float:left;  background-repeat:repeat-x; height:29px; padding: 8px 0 10px 17px;}

#indimenu li {float:left; padding:0px 14px 0 10px; background:url(../tmp/images/bullet/bullet_indimenu.gif) no-repeat 0% 50%;}



/* noti menu--------------------------------*/

#notimenu {

	position:absolute;

	top:0px;

	left:794px; height:20px; padding: 8px 0px 2px 5px;}

#notimenu li {float:left; padding:0px 8px 0 7px; background:url(../tmp/images/common/m_bar02.gif) no-repeat 100% 50%; color: #fff;font-size:11px; }

#notimenu li a:link {color:#FFFFFF; }

#notimenu li a:visited {color: #FFFFFF;}

#notimenu li a:hover {text-decoration:underline;} 

#notimenu li a:active {color: #FFFFFF;}

#notimenu li span {font-weight: bold; color:#CEFF39;}

#notimenu li span a:link {color:#CEFF39; }

#notimenu li span a:visited {color: #CEFF39;}

#notimenu li span a:hover {text-decoration:underline;} 

#notimenu li span a:active {color: #CEFF39;}



/* Top search 

------------------------------------------------------------------*/

#Tsearch {float:right; padding: 1px 3px 1px 2px; background:url(../tmp/images/common/m_tsearch_bg.gif) repeat-x left 0px;}

#Tsearch_form {float:left; padding:0px 0 0px 0px; margin-left:0px;}

#Tsearch_form .lvl2 {float:left; padding:0px 0 0 0px;}

#Tsearch_form .lvl2 select {float:left;width:75px; height:20px; background:url('../tmp/images/common/blank.gif');}

#Tsearch_btn {float:left; padding:4px 0 0 3px;}



#Tsearch_input {float:left; padding:0 0 0 0px; margin-top:0px;}

.Tsearch_input_textfield {color: #666; padding:3px 2px 1px 2px; height:15px; width:100px; border:#888 1px solid;} 

* html .Tsearch_input_textfield { /* ie hack*/

 height:15px;

}



#Tsearch_l {

	float:left; 

	padding:0px 2px 0px 0;

	text-align:left;

	color:#111;

	}

#Tsearch .ts_select {

	margin-top:1px;

	padding:0;}



#Tsearch .ts_input {

	vertical-align:middle;

	color:#FFF;

	padding:0;}



/* poppular search --------------------------------*/

#popular_search{

	position:absolute;

	top:24px;

	left:839px;

}

#popular_search_on{

	position:absolute;

	top:42px;

	left:830px;

	visibility: hidden;

}

#popular_search_ttl{

	font-size:11px;

	color:#fff;

	font-weight:bold;

}

#popular_search_ttl img{

	padding:2px 0 0 5px;

}

#ranking_1{

	position:relative;

	top:11px;

	right:2px;

	font-size:11px;

} 

#ranking_1 img{

	padding:0 3px 0 0;

}

#ranking{

	background:url("../tmp/images/common/rank_back.gif") no-repeat left bottom;

	width:136px;

	position:relative;

	top:11px;

	padding:1px 10px 0px 7px;

	text-align:left;

}

#ranking ul li{

	font-size:11px;

	padding-bottom:3px;

	line-height:18px;

}

#ranking ul li img{

	padding:0 3px 0 0;

}



/* Tab menu

-----------------------------------------------------------------*/



#master_header #header_menu {
	width:980px;
	height:60px;
	text-align:left;
	clear:both;

}


#MainMenu {
	width: 980px;
	height: 60px;

}



#MainMenu li {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../images/common/topmenu_line.gif);
	background-repeat: no-repeat;
	background-position: right top;

}

#MainMenu li span {
	display: block;
	float:left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;

}

#MainMenu li .MainMenu_end {
	float: left;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 0px;
	padding-bottom: 0px;

}

#MainMenu li .MainMenu_end span {
	display: block;
	float:left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;

}

#MainMenu li span a:link, #MainMenu li span a:visited {

color: #DADADA;

text-decoration: none;

}

#MainMenu li span a:hover, #MainMenu li span a:active {

color: #D1FF1C;

}

#MainMenu li.Lcurrent {



}

#MainMenu li.Lcurrent span {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;

}

#MainMenu li.Lcurrent span a:link, #MainMenu li.Lcurrent span a:visited,

#MainMenu li.Lcurrent span a:hover, #MainMenu li.Lcurrent span a:active {

color: #01558A;

font-weight: bold;

}

#MainMenu li ul {
	position: absolute;
	top: 30px;
	left:0px;
	float: left;
	display:none;
	padding: 0px;

}



#MainMenu li ul.menu1 {

	left:0;

	width:600px; 
    
	padding-top:5px;
}

#MainMenu li ul.menu2 {

	left:180px;

	width:700px;
	padding-top:5px;
}

#MainMenu li ul.menu3 {

	left:310px;

	width:700px;
	padding-top:5px;
}

#MainMenu li ul.menu4 {
	left:430px;
	width:460px;
	padding-top:5px;
}

#MainMenu li ul.menu5 {
	left:550px;
	width:400px;
	padding-top:5px;
}

#MainMenu li ul.menu6 {
	left:540px;
	width:400px;
	padding-top:5px;
}


#MainMenu li ul.menu7 {
	left:570px;
	width:400px;
	padding-top:5px;
}



#MainMenu li ul li {
	float: left;
	background: url("../tmp/images/common/blank.gif") no-repeat right;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 3px;

}

#MainMenu li ul li.Lcurrent {

font-weight: bold;

background: url("../tmp/images/common/blank.gif") no-repeat right;

}

#MainMenu li ul li.Llast {

background: none;

}

/****new***/

#MainMenuBottom {

	position: relative;

	width:900px; 

	top: 28px;

	left:0px;

}



#MainMenuBottom ul { 

	position: relative;

	float: left;

	overflow:hidden;

	white-space : nowrap;

}

#MainMenuBottom ul li { 

	float: left;

	padding: 1px 10px 15px 3px;

	background: url("../tmp/images/common/blank.gif") no-repeat right;

}



#MainMenuBottom ul li a:link, #MainMenuBottom ul li a:visited{ 

	color : #001349;

}

#MainMenuBottom ul li a:hover, #MainMenuBottom ul li a:active{ 

	color : #001349;

	text-decoration: underline;

}

#MainMenuBottom ul li.Lcurrent { 

	font-weight: bold;

	background: url("../tmp/images/common/blank.gif") no-repeat right;

}



#MainMenuBottom ul li.Llast {

	background: none;

}

/***new end**/

/* Sub Menu

-----------------------------------------------------------------*/

#TSubMenu_s {

	position:absolute;  

	background:url("../tmp/images/common/m_sub_on_t.gif") no-repeat;

	top:15px; 

	left:72px; 

	width:145px; 

	visibility: hidden;} 

#TSubMenu_s ul li {

	background:url("../tmp/images/bullet/bullet_01.gif") no-repeat 3px 3px;

	padding:1px 9px 1px 15px; width:121px; text-align:left; height:16px;}

	

	/* Contents Tab

-----------------------------------------------------------------*/

#tabContent {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:32px;
	text-align:left;
	background-image: url(../images/common/tabmenu_bg.gif);
	background-repeat: repeat-x;
	background-position: right top;
	float: left;
	color: #333;
	margin-bottom: 10px;
	clear: both;

}



#tabMenu {
	padding-left:3px;
	width: 98%;
	color: #666;
	position: absolute;

}

#tabMenu li {
	float: right;
	margin-right: 4px;
	white-space:nowrap;
	background-image: url(../images/common/tabmenu_l.gif);
	background-repeat: no-repeat;

}

#tabMenu li span {
	display: block;
	float: left;
	height: 25px;
	padding: 4px 17px 0 17px;
	background-image: url(../images/common/tabmenu_r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #333;

}

#tabMenu li span a:link, #tabMenu li span a:visited {
	color: #333;
	text-decoration: none;

}

#tabMenu li span a:hover, #tabMenu li span a:active {
	color: #930;

}

#tabMenu li.tabMenu_on {
	padding: 0;
	background-image: url(../images/common/tabmenu_l_on.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #666666;

}

#tabMenu li.tabMenu_on span {
	padding: 5px 16px 0 16px;
	background-image: url(../images/common/tabmenu_r_on.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #666666;



}

#tabMenu li.tabMenu_on span a:link, #tabMenu li.tabMenu_on span a:visited,

#tabMenu li.tabMenu_on span a:hover, #tabMenu li.tabMenu_on span a:active {
	color: #666666;

}



#tabContentRight {

position:relative;

right:0px;

top:0px; 

width:100%;

padding-right:0px;

height:32px;

background: url("../tmp/images/common/con_tab_bg.gif") repeat-x left top;

}



#tabMenuRight {

position: relative;

width:100%;

right:0;

padding-right:3px;

}

#tabMenuRight li {

float: right;

background: url("../tmp/images/common/con_tab_l.gif") no-repeat left top;

margin-left: 4px;

width:90px;

white-space:nowrap;

}

* html #tabMenuRight li { /*IE6 hack*/

float: right;

background: url("../tmp/images/common/con_tab_l.gif") no-repeat left top;

margin-left: 4px;

width:60px;

white-space:nowrap;

}

#tabMenuRight li span {

float: right;

background: url("../images/common/con_tab_r.gif") no-repeat right top;

height: 25px;

padding: 3px 17px 0 17px;

}

#tabMenuRight li span a:link, #tabMenu li span a:visited {

color: #888;

text-decoration: none;

}

#tabMenuRight li span a:hover, #tabMenu li span a:active {

color: #33AECF;

}

#tabMenuRight li.tabMenu_on {
	padding: 0;

}

#tabMenuRight li.tabMenu_on span {
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 16px;

}

#tabMenuRight li.tabMenu_on span a:link, #tabMenuRight li.tabMenu_on span a:visited,

#tabMenuRight li.tabMenu_on span a:hover, #tabMenuRight li.tabMenu_on span a:active {

color: #555;

font-weight: bold;

}

/* Left Tab

-----------------------------------------------------------------*/

#tabLeft {

left:0px;

top:0px; 

width:100%;

height:18px;

text-align:left;

margin-bottom:10px;

}



#tabLeftMenu {
	position: absolute;
	width:100%;
	background-image: url(../images/common/tabmenu_bg.gif);
	background-repeat: repeat-x;
	background-position: right top;

}

#tabLeftMenu li {
	font-size:11px;
	float: left;
	margin-left: 3px;
	white-space:nowrap;
	background-image: url(../images/common/tabmenu_l.gif);
	background-repeat: no-repeat;

}

#tabLeftMenu li span {
	display: block;
	float: left;
	height: 15px;
	padding: 3px 7px 0 7px;
	background-image: url(../images/common/tabmenu_r.gif);
	background-repeat: no-repeat;
	background-position: right top;

}

#tabLeftMenu li span a:link, #tabLeftMenu li span a:visited {

color: #888;

text-decoration: none;

}

#tabLeftMenu li span a:hover, #tabLeftMenu li span a:active {

color: #33AECF;

}

#tabLeftMenu li.tabMenu_on {

background: url("../tmp/images/common/left_tab_l_on.gif") no-repeat;

padding: 0;

}

#tabLeftMenu li.tabMenu_on span {

background: url("../tmp/images/common/left_tab_r_on.gif") no-repeat right top;

}

#tabLeftMenu li.tabMenu_on span a:link, #tabLeftMenu li.tabMenu_on span a:visited,

#tabLeftMenu li.tabMenu_on span a:hover, #tabLeftMenu li.tabMenu_on span a:active {

color: #555;

font-weight: bold;

}



#middle {	

	position:relative;

	width:990px;

	bottom: 0;

	padding:17px 0px 0px 0px;

	}
	
#middle_index {	

	position:relative;

	width:974px;

	padding:17px 5px 0px 11px;

}


#middle_sub{
	position:relative;
	width:970px;
	bottom: 0;
	padding:0px;
	text-align:left;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 10px;

	}

#middle_if{	

	position:relative;

	padding:0px 0 0px 0px;

	text-align:left; 

	}	

#middle_if .con_25{

	float:left;

	}

#middle_if .con_75e{

	position:relative; 

	top:0; 

	left:164px; 

	width:807px; 

	padding: 17px 0 25px 24px; 

	border-left:#ccc solid 1px; 

	overflow:hidden; 

	}

#sub_visual_area {
	width: 990px;
	height: 137px;
}



/* right

-----------------------------------------------------------------*/
.content_right {
	width: 70px;
	float: right
}

.content_right_sub {
	width: 70px;
	float: right;
	margin-top: 10px;
}

.r_quick_area {
	height: 296px;
	width: 60px;
	padding: 3px;
	border: 2px solid #bacbd0;
}
.r_quick_area h2 {
	height: 23px;
	width: 57px;
}

.r_quick_area .r_quick_area_left {
	height: 129px;
	width: 98px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d9d9d9;
	float: left;
}

.r_quick_area .r_quick_area_right {
	height: 129px;
	width: 94px;
	float: right;
}

.r_quick_area ul{
	text-align: center;
	width: 60px;
}

.r_quick_area li {
	height: 53px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d4d4d4;
	text-align: center;
	width: 100%;
}

/* footer

-----------------------------------------------------------------*/

 #footer_layout {
	width:100%;
	float:left;
	margin:0;
	left:0;
	bund:url(../tmp/imageackgros/common/footer_bg.gif) repeat-x left top;

	}


#footer_layout2 {
    width: 990px;
	height: 120px;
	clear: both;
	margin-bottom: 20px;
	padding-top: 10px;
    }

#footer_source {
	float: left;
	width: 382px;
	height: 25px;
	clear: both;
	margin-top: 5px;
	margin-bottom: 16px;
	margin-left: 508px;
	background-image: url(../images/common/source_box.jpg);
	background-repeat: no-repeat;
	display: inline;
    }
	
#footer_source ul{
	height: 14px;
	margin-top: 6px;
	padding-left: 10px;
	width: 370px;
    }
	
#footer_source li{
	float: left;
	height: 14px;
	padding-left: 3px;
	display: inline;
	color: #666666;
    }
	

#footer {
    text-align: left;
	width: 970px;
	height: 48px;
	clear: both;
	
	margin-bottom: 20px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	padding-right: 10px;
	padding-left: 10px;
    }	

#footer_r {

	float: right;

	background: url("../tmp/images/common/footer_r.gif") no-repeat right top;

	width:15px; height:23px;

	}

#foot_logo {
	float: left;
	width: 109px;
	margin-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9D9D9;
}

#foot_top {
	z-index: 6; position: absolute; width: 800px; overflow: hidden; top: 32px; left: 155px
}

#foot_copy {
	font: 0.9em Dotum;
	color: #252525;
	float: left;
	width: 541px;
	margin-right: 10px;
}

#foot_copy ul li {
	padding-bottom: 1px;
	display: inline;
	float: left
}

.count {
	padding-bottom: 9px;
	padding-left: 5px;
	width: 104px;
	padding-right: 5px;
	height: 30px;
	color: #666666;
	overflow: hidden;
	padding-top: 9px;
	background-image: url(../images/common/count_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	text-align: right;
}
.count ul {
	width: 100%;
	display: inline;
	clear: both;
	float: left;
	height: 20px;

}
.count   li  {
	font-size: 0.9em;
	display: inline;
	text-align: right;
	float: left;
}

.count_tit {
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/common/bullet/bullet_count.gif);
	background-repeat: no-repeat;
	text-align: left;
	width: 30px;
	color: #999999;
	padding-left: 5px;
}


.count_no {
	liNE-height: normal;
	font-size: 11px;
	text-align: right;
	width: 60px;
	color: #A07758;
}

.count_no span {
	liNE-height: 15px;
	font-size: 0.9em;
	text-align: right;
	width: 20px;
}


.count ul li strong {
	letter-spacing: -0.1em
}