/* GENERAL STYLES */
@charset "utf-8";

html {
	overflow-y: scroll; /* the scrollbar never disappears */
}

body	{ background-color:#e9edf1; margin:0; font-family:"Dotum"; font-size:9pt; color:#666; vertical-align:top; width:100%; }
td		{ margin:0; font-family:"Dotum"; font-size:9pt; color:#666; vertical-align:top; }
img	{ border:0; }
p		{ margin:0; padding:0; }

.navi { width:190px; padding:20px; background-color:#f5f5f5; border-top:2px solid #f9c100; border-bottom:2px solid #f9c100; border-left:2px solid #f9c100; }
.cont { padding:70px 0 20px 0px; border-top:2px solid #d7d7d7; /* border-bottom:2px solid #d7d7d7; border-right:2px solid #d7d7d7; */}
.view_main { margin:0px; }
.main { background:url('../images/main.png') no-repeat; margin:20px 0 40px 20px; padding:40px 30px 100px 40px; }
.view {padding: 120px 0 30px 210px; font-size:9pt; line-height:140%; font-family:"Dotum"; color:black; z-index:1; min-height:600px; }

/* ¸µÅ© */
a:link     { font-family:Gulim;	font-size:9pt; text-decoration:none;	color:#3b3b3b; }
a:active  { font-family:Gulim;	font-size:9pt; text-decoration:none;	color:#666666; }
a:visited { font-family:Gulim;	font-size:9pt; text-decoration:none;	color:#666666; }
a:hover  { font-family:Gulim;	font-size:9pt; text-decoration:underline;	color:#387EBE; }


#wrapper {
	width:100%;
	margin:0;
	min-width:1024px;
}
#wrapper > * {
	margin-bottom:10px;
}

/* S : HEADER */
#header  {
	position:fixed;
	top:0px;
	width:100%;
	background:#dfdede;
	border-top:7px solid #717171;
	
	height:90px;
	z-index:2;
	
}
#topNav {
	position:fixed;
	padding-left:3px;
	width:100%;
	height:88px;
	border-bottom:1px solid #a0a0a0;
}
#topNav li {
	position:relative;
	float: left;
	margin-top:2px;
	margin-right: 3px;	
	padding-top:1px;
	padding-right: 3px;
	list-style:none;
	height:84px;
	border-right: 1px solid #a0a0a0;
}
#topNav li:last-child {
	float:right;
	border:none;
	margin-top: 18px;
    margin-right: 23px;
}
#nav {
	position:fixed;
	top:96px;
	width:185px;
	height:100%;
	background:#cacaca;
	border-right:1px solid #a8abb4;
	z-index:4;
}
#leftNav a {	
	text-decoration:none;
}
#leftNav a li {
	padding:15px;
	color:#444444;
}
#leftNav a li:hover, #leftNav a li.on {
	background:url('../images/arrow.png') right 12px center no-repeat #717171;
	padding:15px;
	color:#ffffff;
	width:156px;
}
/* E : HEADER */


/*ÆùÆ®*/
.f_b			{color:#444; }
.f_b_point		{margin:0; padding:7 0 2 0; color:#333; font-weight:bold;}

.f_point		{color:#804000;   }
.f_grey_point	{color:#000; }
.f_re_point		{color:#C00;}
.f_darkgrey_point		{color:#595959;}
.f_or_point		{color:#F66; }
.f_blue_point	{color:#666666; font-weight:bold; }
.f_exp			{color:#444; font-size:10pt; }
.f_10pt			{
				font-size:10pt;
				margin-bottom:20px;
				}
.fnoticeOr		{
				font-size:8pt;
				color:#F66;
				padding:10px 0 10px 0;
				}
.redPoint {color:red;}

/*common*/
.tit			{	
				margin:0 0 20px 0; 
				padding:0px 0 10px 0; 
				width:100%; 
				height:20px; 
				font-size:12pt; 
				color:black; 
				font-weight:bold;
				}

.gtit			{
				margin:0; 
				padding:25px 0 5px 0;  
				font-size:10pt; 
				color:#595959; 
				font-weight:bold; 
				}

.stit			{
				margin:0; 
				padding:25px 0 5px 0;  
				font-size:10pt; 
				color:#b52f37; 
				font-weight:bold; 
				}

.stit_top		{
				margin:0; 
				padding:0 0 5px 0;  
				font-size:10pt; 
				color:#b52f37; 
				font-weight:bold; 
				}



.stit_black	{	margin:0; padding:10px 0 3px 0;  font-size:10pt; color:#777; font-weight:bold; }
.sstit		{	margin:0; padding:10px 0 0 0;  font-size:10pt; color: #360; font-weight:bold; }

.txtTit		{
			padding:7 0 2 0; 
			color:#444; 
			font-weight:bold;
			}

.txtTit_ex	{
			padding-left:12px; 
			}



.p			{margin:0px;}
.padding1	{	margin:0; padding:10px 0 10px 0;}
.padding2	{	margin:0; padding:0px 0 10px 0;}
.padding3	{	margin:0; padding:3px 0 3px 0;}
.padding4	{	margin:0; padding:10px 0 0 0;}

.table_style td	{ padding:5px; margin:1px}





.navi p		{	margin:0; padding:0 0 3px 0; }

/**/
ul			{	margin:0; padding:0;}
ul li		{	padding:10px 0 0 0; }
ol			{	margin:0; padding:0 0 0 35px; font-family:"Dotum"; font-size:9pt; color:#666; font-weight: normal; line-height:1.5;}		
ol li		{	margin:0; padding:0;   }


.ulNum			{}
.ulNum ol		{
				margin:0; 
				padding:0;
				}

.ulNum ol li	{	
				margin:0 0 0 20px; 
				padding:0;
				list-style:decimal;
				}



.line		{	border-bottom:1px solid #d7d7d7;}	
.line_dot	{	border-bottom:1px dotted #444; margin:10px 0 20px 0; padding:0;}	


/* S : TITLE TAB */
.tab {
	position:fixed;
	top:97px;
	left:210px;
	padding-top:13px;
	width:87.7%;
	height:26px;
	z-index:999;
	background: #e9ecf1; /* url(../images/bg_tab.png) repeat-x bottom */
	border-bottom: 1px solid #a7abb4;
}
.tab_bg {	
	float:left;
	height:26px;
}
.tab_left {
	float:left;
	margin-left:0px;
	width:4px;
	height:30px;	
	background:url(../images/tab_left.gif) no-repeat;  		
}
.tab_title {
	float:left;
	margin:0px;
	padding:7px 2px 0 2px;
	height:30px;
	font-family:"Dotum"; 
	font-size:10pt;
	color:#333;
	background:url(../images/tab_middle.gif) repeat-x;
}
.tab_right {
	float:left;
	margin-right:0px; 
	width : 9px;
	height:30px;
	background:url(../images/tab_right.gif) no-repeat; 	
}

.tab_left_over {
	float:left;
	margin-left:0px;
	width : 4px;
	height:30px;	
	background:url(../images/tab_over_left.gif) no-repeat;  
}
.tab_title_over {
	float:left;
	margin:0px; 	
	padding:7px 2px 0 2px;
	height:30px;		
	font-family:"Dotum"; 
	font-weight:bold;
	color:#3c3c3c;
	font-size:10pt; 			
	background:url(../images/tab_over_middle.gif) repeat-x;  		
}
.tab_right_over {
	float:left;
	margin-right:4px; 
	width : 4px;
	height:30px;	
	background:url(../images/tab_over_right.gif) no-repeat;  
}

.gnb {
	float:right;
	padding: 3px 2px;
	line-height:22px;
}
/* E : TITLE TAB */

/* S : VIEW */
.view {
	font-size:9pt;
	line-height:140%;
	font-family:"Dotum";
	color:black;
	z-index:1;
	min-height:600px;
	background:#fff;
	border:1px solid #a7abb4;
	position:relative;
	top:64px;
	left:210px;
	width:84.9%;
	margin-bottom:90px;
	padding:25px;
}
/* E : VIEW */






/*¿©¹é*/
.marginB_15		{
				margin-bottom:13px;
				}

.marginL_15{
margin-left:30px;
}

/*³ëƼ½º*/
.notice1	{	width:790px; background-color: #fff; margin:10px 0 0 0; padding:5px ; border:1px solid #825300; color:#825300; }
.notice2	{	width:720px; background-color: #fff; margin:10px 0 0 0; padding:5px ; border:1px solid #825300; color:#825300; }

.noticeR	{	
			width:760px; 
			background-color: #fff; 
			margin:10px 0 10px 0; 
			padding:15px 20px 15px 20px;
			border:1px solid #F1BAD1; 
			
			}
.noticeG	{	
			width:740px; 
			background-color: #f0efeb; 
			margin:10px 0 10px 0; 
			padding:15px 20px 15px 20px;  
			border:1px solid #d6d5d1;
			}

.noticeR_tit
			{
			width:100%;
			border-bottom:1px dashed #F1BAD1;
			font-weight:bold;
			color:#bb2f2f;
			margin-bottom:5px;
			}

.noticeG_tit
			{
			width:100%;
			border-bottom:1px dashed #d6d5d1;
			font-weight:bold;
			margin-bottom:5px;
			}



/*¾ÆÀÌÇÁ·¹ÀÓ*/
.ifm	{ margin:0px; padding:0px; width:100%; position:relative; top:143px;}




/*Å×À̺í*/
.tdWhite_C	{background-color:#FFF; text-align:center; border:1px solid #825300; padding:5px; margin-left:10px; color:#000; vertical-align:middle;}
.tdWhite_L	{background-color:#FFF; text-align:left; border:1px solid #825300; padding:5px; margin-left:10px; color:#000; vertical-align:middle;}
.tdGray_C	{background-color:#ddd; text-align:center; border:1px solid  #825300;padding:5px; margin-left:10px;  color:#000; vertical-align:middle;}
.tdGray_L	{background-color:#ddd; text-align:left; border:1px solid  #825300;padding:5px; margin-left:10px; color:#000; vertical-align:middle;}
.tdBlue_C	{background-color:#9CF; text-align:center; border:1px solid  #825300;padding:5px; margin-left:10px; color:#000; vertical-align:middle;}


/* FOOTER BEGINS */
#footer {
	position:relative;
	bottom:0;
	width:100%;
	font-family:Gulim;	
	padding-top:4px;
	padding-bottom:4px;
	background: #838383;
	clear: both;
	text-align:center;
	z-index:9999;
}

#footer p, #footer span {
	color: #333;
}

#footer a {
	font-weight: bold;
	line-height: 32px;
	color: #000;
}

#footer a:hover {
	color: #fff;
}

#footer hr {
	border-top: 1px solid #bbbbbb;
	margin: 10px 0px;
}

#footer .links {
	font-size: 0px;
}

#footer .links li {
	display: inline;
	border-left: 1px solid #bbbbbb;
	margin-left: 10px;
	padding-left: 10px;
}

#footer .links li:first-child {
	border: none;
	padding: 0px;
	margin: 0px;
}

/* FOOTER ENDS */


/* youtube */
.video {
	margin:15px 0 30px 0;
	overflow :hidden;
	}
.video .v_title{
	background-color:#6187f4;
	float:left;	
	padding:13px 25px;
	}

.video .v_title_2{
	background-color:#6187f4;
	float:left;	
	padding:29px 25px 30px 25px;
	}

.video .v_title_3{
	background-color:#6187f4;
	float:left;	
	padding:42px 25px 42px 25px;
	}

.video .v_title_4{
	background-color:#6187f4;
	float:left;	
	padding:54px 25px 55px 25px;
	}

.video .v_list{
	border:1px solid #6187f4;
	background-color:#fff;
	float:left;
	width:632px;
	padding:11px 0;
	}

.video .v_list_2{
	border:1px solid #6187f4;
	background-color:#fff;
	float:left;
	width:632px;
	padding:11px 0;
	}

.video .v_list li {
	list-style:none;
	float:left;
	margin-left:15px;
	}

.video .v_list_2 li {
	list-style:none;
	float:left;
	margin:0 10px 0 15px;
	line-height:25px;
	}
	
.video li a:hover {
	color: #333;
	}

.video img {
	vertical-align:middle;
	}
/* youtube */