/* ================================================= */
/* update : 2008-11-3                               */
/* ================================================= */
/* 1. default                                        */
/* 2. LINK CLASS                                     */
/* 3. TD CLASS                                       */
/* 4. Textbox Class                                  */
/* 5. ETC CONTROL Class                              */
/* 6. SPAN CONTROL Class                             */
/* ================================================= */


/* 1. Default  ----------------------------------------------------------------------*/

		BODY {			
			color: #888888;
			font-family: dotum, sans-serif;
			font-size : 9 pt;
			line-height : 160%;
			scrollbar-face-color:#EBEBEB;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-3dlight-color:#C8C8C8;
			scrollbar-darkshadow-color:#EEEEEE;
			scrollbar-shadow-color:#C0C0C0;
			scrollbar-arrow-color:#BCBCBC;
			scrollbar-track-color:#F3F3F3;
			margin : 0 px;
		}	
			
		A:link {
			text-decoration: none;
			color: #888888;
			font-family: dotum, sans-serif;
			font-size: 9pt;
			font-weight: normal;
		}
		A:visited {
			text-decoration: none;
			color: #888888;
			font-family: dotum, sans-serif;
			font-size: 9pt;
			font-weight: normal;
		}
		A:hover {
			text-decoration: none;
			color: #F8AE29;
			font-family: dotum, sans-serif;
			font-size: 9pt;
			font-weight: normal;
		}
		A:active {
			text-decoration: none;
			color: #888888;
			font-family: dotum, sans-serif;
			font-size: 	9pt;
			font-weight: normal;
		}
					 
		INPUT  {
			font-family: sans-serif;
			font-size: 9pt;
			font-weight: normal;
			font-style: normal;
			color: #282828;							
			margin-left : 1px;
			margin-right : 1px;
			padding-top : 1px;
			padding-bottom : 1px;
			padding-left : 1px;
			padding-right : 1px;
			ime-mode: inactive;
		}

		INPUT:Text  {
			font-family: sans-serif;
			font-size: 9pt;
			font-weight: normal;
			font-style: normal;			
			color: #888888;
			margin-left : 1px;
			margin-right : 1px;
			padding-top : 1px;
			padding-bottom : 1px;
			padding-left : 1px;
			padding-right : 1px;
			border-width : 1pw;
		}
		
		SELECT  {
			font-family: dotum, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			font-style: normal;
			color: #888888;
			background-color: #FFFFFF;		
			margin-left : 1px;
			margin-right : 0px;
			padding-top : 2px;
			padding-bottom : 2px;
			padding-left : 2px;
			padding-right : 2px;	
		}
							
		TEXTAREA  {
			font-family: dotum, sans-serif;
			font-size: 9pt;
			line-height:160%
			font-weight: normal;
			font-style: normal;
			color: #888888;							
			border: 1px solid #d3d3d3;																
			margin-left : 0px;
			margin-right : 0px;
			padding-top : 2px;
			padding-bottom : 2px;
			padding-left : 2px;
			padding-right : 2px;
			ime-mode: active;	
			scrollbar-face-color:#EBEBEB;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-3dlight-color:#D2D2D2;
			scrollbar-darkshadow-color:#D2D2D2;
			scrollbar-shadow-color:#F3F3F3;
			scrollbar-arrow-color:#BCBCBC;
			scrollbar-track-color:#F3F3F3;
		}

		TABLE {
			color: #888888;
			font-family: dotum, sans-serif;
			font-size : 9 pt;
		}
		TABLE:TD {
			color: #888888;
			font-family: dotum, sans-serif;
			font-size: 9pt;
			font-weight: normal;
			font-style: normal;
		}

		image {
			border: 0px;
		}
		
		.RadioStyle {
            border: 0px;	
                      
        }
                
        .CheckStyle {
            border: 0px;
        }






/* 2. LINK CLASS --------------------------------------------------------------------------*/


		/* 메뉴 링크 ------------------------------------------------------------*/
		a.LINK_MENU {
			font-family: dotum, sans-serif;
			font-size: 9pt; 
			color:#888888;
			font-weight: normal;
			text-decoration:none;
		}
        a:visited.LINK_MENU {
        	font-family: dotum, sans-serif;
        	font-size: 9pt; 
        	color:#888888;
			font-weight: normal;
        	text-decoration:none;
        }
        a:hover.LINK_MENU {
			font-family: dotum, sans-serif;
			font-size: 9pt; 
			color:#F8AE29;
			font-weight: normal;
			text-decoration:none;
        }      	

		/* 자료실 링크 ------------------------------------------------------------*/
		a.LINK_MOVIE {
			font-family: dotum, sans-serif;
			font-size: 9pt; 
			color:#888888;
			font-weight: normal;
			text-decoration:none;
			line-height : 140%;
		}
        a:visited.LINK_MOVIE {
        	font-family: dotum, sans-serif;
        	font-size: 9pt; 
        	color:#888888;
			font-weight: normal;
        	text-decoration:none;
			line-height : 140%;
        }
        a:hover.LINK_MOVIE {
			font-family: dotum, sans-serif;
			font-size: 9pt; 
			color:#B8B8B8;
			font-weight: normal;
			text-decoration:none;
			line-height : 140%;
        }      	

/* page 링크 ------------------------------------------------------------*/
		a.LINK_page {
			font-family: dotum, sans-serif;
			font-size: 9pt; 
			color:#5d5d5d;
			font-weight: normal;
			text-decoration:none;
			line-height :180%;
		}
        a:visited.LINK_page {
        	font-family: dotum, sans-serif;
        	font-size: 9pt; 
        	color:#5d5d5d;
			font-weight: normal;
        	text-decoration:none;
			line-height : 180%;
        }
        a:hover.LINK_page {
			font-family: dotum, sans-serif;
			font-size: 9pt; 
			color:#e47400;
			font-weight: normal;
			text-decoration:none;
			line-height : 180%;
        }      	


/* 3. TD CLASS ----------------------------------------------------------------------*/

		/* TD 게시판 -------------*/				
		.TD_BOARD_01 {
			color: #CDCDCD;
			font-family: 돋움, sans-serif;
			font-size: 8pt;
			line-height : 160%;
			font-weight: normal;
			font-style: normal;
		}
		
		.TD_BOARD_02 {
			color: #828282;
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			line-height : 160%;
			font-weight: normal;
			font-style: normal;
		}



/* 4. Textbox Class ------------------------------------------------------------------------*/		
		
		/* 왼쪽정렬 자국어 -------------*/
		.TB_OLK {			
			color: #888888;
			font-family: dotum, sans-serif;
			background-color: #FFFFFF;								
			border: 1px solid #d6d6d6;
			height: 18px;
			text-align: left;
			padding-top : 2px;
			padding-bottom : 2px;
			padding-left : 3px;
			padding-right : 3px;
		}

		/* 왼쪽정렬 영어 -------------*/
		.TB_OLE {			
			color: #888888;
			font-family: verdana, sans-serif;
			background-color: #FFFFFF;								
			border: 1px solid #d6d6d6;
			height: 18px;
			text-align: left;
		}

		/* 중앙정렬 자국어 -------------*/
		.TB_OCK {			
			color: #888888;
			font-family: dotum, sans-serif;
			background-color: #FFFFFF;								
			border: 1px solid #d6d6d6;
			height: 18px;
			text-align: center;
		}

		/* 중앙정렬 영어 -------------*/
		.TB_OCE {			
			color: #888888;
			font-family: verdana, sans-serif;
			background-color: #FFFFFF;								
			border: 1px solid #d6d6d6;
			height: 18px;
			text-align: center;
		}

		/* 오른쪽정렬 자국어 -------------*/
		.TB_ORK {			
			color: #888888;
			font-family: dotum, sans-serif;
			background-color: #FFFFFF;								
			border: 1px solid #d6d6d6;
			height: 18px;
			text-align: right;
		}

		/* 오른쪽정렬 영어 -------------*/
		.TB_ORE {			
			color: #888888;
			font-family: verdana, sans-serif;
			background-color: #FFFFFF;								
			border: 1px solid #d6d6d6;
			height: 18px;
			text-align: right;
		}

		/* 영상자료실 textarea -------------*/
        .TB_ttarea {
			background-color: #EAEAEA;								
			border: 1px solid #DCDCDC;			
			text-align: left;
			padding-top : 13px;
			padding-left : 13px;
			line-height : 140%;			
			scrollbar-face-color:#FFFFFF;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-3dlight-color:#FFFFFF;
			scrollbar-darkshadow-color:#EEEEEE;
			scrollbar-shadow-color:#FFFFFF;
			scrollbar-arrow-color:#DDDDDD;
			scrollbar-track-color:#DDDDDD;
			ime-mode: active;
		}	
		/* 왼쪽정렬 공통 -------------*/
		.TB_form_01 {			
			color: #888888;
			font-family: dotum, sans-serif;
			background-color: #FFFFFF;								
			border: 1px solid #d6d6d6;
			height: 18px;
			text-align: left;
			padding-top : 2px;
			padding-bottom : 2px;
			padding-left : 3px;
			padding-right : 3px;
			ime-mode:active;
		}	

/* 5. ETC CONTROL Class -------------------------------------------------------------*/


/* 6. SPAN CONTROL Class -----------------------------------------------------------------*/
        	
	    .SPAN_SUB_01 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: normal;
			font-style: normal;
			color: #F8AE29;
			line-height : 160%;
		}
		
		.SPAN_SUB_02 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: bold;
			font-style: normal;
			color: #F8AE29;
			line-height : 140%;
		}
		
		.SPAN_SUB_03 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: normal;
			font-style: normal;
			color: #888888;
			line-height : 160%;
		}

		.SPAN_SUB_04 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: bold;
			font-style: normal;
			color: #888888;
			line-height : 160%;
		}

		.SPAN_SUB_05 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: bold;
			font-style: normal;
			color: #C97421;
			line-height : 160%;
		}

		.SPAN_SUB_06 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: bold;
			font-style: normal;
			color: #2C2C2C;
			line-height : 160%;
		}

		.SPAN_SUB_07 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: normal;
			font-style: normal;
			color: #777777;
			line-height : 50%;
		}

		.SPAN_SUB_08 {
			font-family: 돋움, sans-serif;
			font-size: 8pt;
			font-weight: normal;
			font-style: normal;
			color: #999999;
			line-height : 55%;
		}
		
		.SPAN_SUB_09 {
			font-family: 돋움, sans-serif;
			font-size: 9pt;
			font-weight: normal;
			font-style: normal;
			color: #C97421;
			line-height : 160%;
		}

/* 완치자이야기 추가 20100609 */
.td_gallery	{padding:10px; border-bottom:1px solid #e6e6e6;}
.td_gallery_img	 {width:115px; height:75px; border:1px solid #e2e2e2; padding:3px;}
.td_gallery_contents	 {vertical-align:top; padding-left:15px;}
.td_gallery_contents * {margin:0; padding:0;}
.td_gallery_contents p.title	{font-size:9pt; color:#666; height:23px; margin-top:5px;}
.td_gallery_contents p.title a	{font-size:9pt; color:#666; text-decoration:none;}
.td_gallery_contents p.title span {color:#f7af27;}
.td_gallery_contents p.comment	{font-size:8pt; line-height:15px; color:#888; height:37px;}
.td_gallery_contents p.date	{font-family:verdana; font-size:7pt; background:url('../../image/icon_date.gif') no-repeat; padding-left:38px; height:13px; float:left;}
.td_gallery_contents p.hit	{font-family:verdana; font-size:7pt; background:url('../../image/icon_hit.gif') no-repeat; padding-left:38px; height:13px; margin-left:15px; float:left;}

.smartOutput{ font-size:12px; line-height:1.6; font-family:Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

.smartOutput p{ margin-top:0px; margin-bottom:0px}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../../se/img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}

.pop_con{ width:850px; margin-left:8px;}
.pt10{ padding-top:10px;}
.table_pop{ border-collapse:collapse; border-top:solid 2px #f7af27; text-align:center}
	.table_pop th{ text-align:center; padding-top:7px; padding-bottom:7px; border-bottom:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6; background-color:#f1f1f1}
		.table_pop th.no_rline{ border-right:none}
	.table_pop td{ text-align:center; padding-top:7px; padding-bottom:7px; padding-left:5px; padding-right:5px; border-bottom:solid 1px #e6e6e6; border-right:solid 1px #e6e6e6;}
		.table_pop td.no_rline{ border-right:none}
		.table_pop td.t_left{ text-align:left}

.table_st01{}
	.table_st01 th{ color:#c97421; text-align:left; padding-left:5px;}
		.table_st01 th a{color:#c97421; font-weight:bold}
		.table_st01 th a:link{color:#c97421; font-weight:bold}
		.table_st01 th a:active{color:#c97421; font-weight:bold}
		.table_st01 th a:visited{color:#c97421; font-weight:bold}
		.table_st01 th a:hover{color:ffb74e; font-weight:bold}
	.table_st01 th.nopad{ padding-right:0}
	.table_st01 td{padding:10px 5px 30px 5px; border-bottom:dotted 1px #CCCCCC; color:#999999; font-size:11px; line-height:1.2}
	.table_st01 td.center{ text-align:center}
	.table_st01 td.nopad{ padding-right:0}
	.table_st01 td.noline{ border:0}

.table_st02{ font-size:12px; color:#000000; width:800px; margin:auto; line-height:1.2; border-collapse:collapse}
	.table_st02 .title02{font-size:16px; text-align:center;}
	.table_st02 th{ text-align:left; color:#000000; padding-top:5px; padding-bottom:5px; border-bottom:solid 1px #000000}
	.table_st02 td{ text-align:center; color:#000000; padding-top:5px; padding-bottom:5px; border-bottom:solid 1px #000000; border-right:solid 1px #000000}
		.table_st02 th.noborBOT{ border-bottom:none}
		.table_st02 td.noborBOT{ border-bottom:none}
		.table_st02 td.noborRI{ border-right:none}
		.table_st02 td.topBOR{ border-top:solid 1px #000000;}
	.table_st02 td .number{width:180px; padding-top:8px; padding-bottom:8px;}
		.table_st02 td .number th{ border-right:solid 1px #000000; border-top:solid 1px #000000; border-left:solid 1px #000000; font-weight:normal; width:80px; text-align:center;}
		.table_st02 td .number td{text-align:center; border-top:solid 1px #000000;}
		.table_st02 .sum{ text-align:right; padding-right:30px; font-weight:bold;}
	.title th{font-size:16px; padding-left:160px;}
.table_st02 .sub_title{ font-weight:bold; font-size:13px; text-align:left; padding-left:25px; border-top:#000000 solid 1px; background-color:#eeeeee}
.bold{ font-weight:bold}
.table_st02 .text_center{ text-align:center}
.table_st02 .text_left{ text-align:left}
.table_st02 .bottom{ border:none}
	.table_st02 .bottom th{ border:none}
	.table_st02 .bottom td{ border:none}
.table_st03{ font-size:12px; color:#000000; width:800px; margin:auto; line-height:1.2; border-collapse:collapse}
	.table_st03 th{ background-color:#999999; border-top:solid 2px #000000; border-bottom:solid 1px #000000; font-size:15px; padding-bottom:8px; padding-top:8px;}
	.table_st03 td{ border-bottom:solid 1px #000000; padding-bottom:8px; padding-top:8px;}