@charset "utf-8";

img, fieldset{border:0;}
ul{list-style:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;padding:0;margin:0;}
.display_none{display:none;}
/***********************************************************************************
									    기본베이직
***********************************************************************************/



.txt_red{color:#F00;}
.txt_red02{color:#da0909;}
.txt_grn{color:#67b32a;}
.txt_blu{color:#0c89f1;}
.txt_blu02{color:#0f6fbe;}
.txt_org{color:#f68b1f;}
.txt_ff{color:#fff;}
.txt_00{color:#000;}
.txt_66{color:#666;}
.txt_88{color:#888;}
.txt_29{color:#292929;}
.txt_12{
	font-size:12px;
	line-height:14px;
}
.txt_11{font-family:돋움;font-size:11px;line-height:13px;}
.txt_111{font-family:돋움;font-size:11px;}
.txt_14{font-family:돋움; font-size:14px;}
.txt_13n{font-size:13px;}
.txt_14n{font-size:14px;}
.txt_15{font-size:15px;}
.txt_16n{font-size:16px;}
.txt_20{font-size:20px; line-height:25px;}
.txt_dotum{font-family:Dotum;}

.pdng_10{padding:10px;}
.pdng_btm10{padding-bottom:20px;}
.pdng_top10{padding-top:10px;}
.pdng_top5{padding-top:5px;}
.pdng_left10{padding-left:10px;}
.pdng_right10{float:right; padding-right:10px;}
.margin_left15{margin-left:15px;}


.div_position_r{position:relative; width:100%;}
.div_position_r2{position:relative;}
.div_position_r3{position:relative; width:100%; margin-top:5px;}
.txt_justify{ text-align:justify;}

* {margin:0;padding:0;}

html{overflow-y:scroll;} 
html,  applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,table, caption, tbody, tfoot, thead, tr, th, 
time, mark, audio, video,.wf-active body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family:"돋움", dotum, Arial, Verdana, sans-serif;}

dl, dt, dd, ol, ul, li,fieldset, form, label, legend, td,{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family:'돋움',Dotum;
}

body,span, p, div, span,{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
}

select{ font-size:11px;line-height:25px;height:25px;}
	
body {
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #ededed;
	scrollbar-highlight-color: #ededed;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #d4d4d4;
}


/* common */
a img{border:0;}
a{text-decoration:none;}
select{height:25px;font-family:dotum; font-size:12px;line-height:29px; border:1px solid #d4d4d4; vertical-align:middle;}
input{vertical-align:middle;}
.input_type1{border:1px solid #d4d4d4; height:21px;}


.input_style01{
	height:20px;
	border:1px solid #b5a7a0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
.textarea_style01{border:1px solid #d5d5d5; padding:10px;}



hr, legend {display:none;}
legend {
	position:absolute;
	text-indent:-1000em;
}
img,fieldset{border:0 none;}
ul,ol,li{list-style:none outside;}
input,textarea{vertical-align:bottom;}   
img{
	vertical-align:top;
}

.left {float:left;}
.right {float:right;}


/* 링크종류 */
a{color:#333333;text-decoration:none; line-height:14px;}
a:link, a:visited{color:#333333;text-decoration:none; line-height:14px;}
a:hover, a:active, a:focus{color:#f53f4a;text-decoration:underline; line-height:14px;}

.link_01, a.link_01:link, a.link_01:visited {font-size:11px;letter-spacing:-1px;}
          a.link_01:hover, a.link_01:active {font-size:11px;font-weight:bold;letter-spacing:-1px;}
.link_02, a.link_02:link, a.link_02:visited {font-size:11px;}
  		  a.link_02:hover, a.link_02:active {font-size:11px;}
.link_03, a.link_03:link, a.link_03:visited {font-size:11px; font-weight:bold;}
          a.link_03:hover, a.link_03:active {font-size:11px; font-weight:bold;}		
		  
.btn_link, .btn_link a {font-size:11px;color:#f53f4a;white-space:nowrap;}
.btn_link a:hover, .btn_link a:active {font-size:11px;color:#f53f4a; text-decoration:underline;}		  
		  
.btn_link2, .btn_link2 a {font-size:11px;color:#999;white-space:nowrap;}
.btn_link2 a:hover, .btn_link2 a:active {font-size:11px;color:#f53f4a; text-decoration:underline;}		  

		  		

TABLE, TR, TD { COLOR: #666666;FONT-SIZE:12px; LINE-HEIGHT: 14pt; }
TABLE, TR, TD a{color:#666;text-decoration:none; line-height:14px;}
TABLE, TR, TD a:link, a:visited{color:#666;text-decoration:none; line-height:14px;}
TABLE, TR, TD a:hover, a:active, a:focus{color:#f53f4a;text-decoration:none; line-height:14px;}
FORM          { COLOR: #666666; PADDING : 0; MARGIN: 0 }
/*SELECT        {	COLOR: #666666;	font-family:"돋움", "돋움체",TAHOMA;FONT-SIZE:12px;	}*/
/*SELECT      {	COLOR: #666666;font-family:"돋움", "돋움체",TAHOMA; FONT-SIZE:11px; BACKGROUND: #FFFFFF;border:solid 1px #7F9DB9;}*/
TEXTAREA      { COLOR: #666666; font-family:"돋움", "돋움체",TAHOMA; FONT-SIZE:12px; LINE-HEIGHT: 14pt; }
INPUT         {
	COLOR: #333333;
	font-family:"돋움", "돋움체", TAHOMA;
	FONT-SIZE:15px;
	background-color: #f3f0ea;
}
em {font-style:normal; font-weight:bold;}

.input_area {background-color:#FFFFFF;border:solid 1px #bbbbbb; height:15px; padding:3px 5px 0 5px;}
.textarea_area {background-color:#FFFFFF;border:solid 1px #bbbbbb; padding:3px 5px 0 5px;}
.on, .on a{font-weight:bold;color:#f53f4a;}
.select_01 {border:solid 1px #7F9DB9;}
.select_02 {font-size:11px; height:20px; letter-spacing:-1px;}

/* 넘치는 글 막기 */
.overflo {
 overflow: hidden;
 text-overflow:ellipsis; /*overflow: hidden; 속성과 같이 써줘야 말줄임 기능이 적용.*/
 white-space:nowrap; /*<TD>보다 내용이 길경우 줄바꿈 되는것을 막아준다.*/
}
.clear {clear:both;}
* html .clear {height:1%;} /* ie6에서 공간 넓어짐 */

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* 마지막단에서 clearfix 추가*/
.clearfix {display: inline-block;} /* IE*/
* html .clearfix {height:1%;}
.clearfix {display:block;}

.border_cc{border:1px solid #ccc;}


/* 대진의 기능 추가 */
#select_tmp {margin-bottom:30px;}
.select_header {height:45px;float:left;margin-top:-8px;margin-bottom:5px;margin-left:30px;}
.select_tab {display:inline;width:179px;margin:1px;}
.select_tab_temp {display:inline;width:224px;}
