@charset "utf-8";

/************************************************************************
 * 파일명      : common.css
 * 설명        : common  CSS import
 * 작성자      : 전영창
 * 작성일      : 2009.09.07
************************************************************************/

/** 네비 화살표 **/
.navi_off{margin-right:6px; padding-right:10px; background:url('/images/icon/icon_navi_off.gif') right 4px no-repeat;}
.navi_off2{margin-left:6px; padding-left:10px; background:url('/images/icon/icon_navi_off.gif') left 4px no-repeat;}
.navi_on{margin-left:6px; padding-left:10px; background:url('/images/icon/icon_navi_on.gif') left 4px no-repeat;}


/** 타이틀 공통 **/
.title{height:23px; margin: 0px 0px 45px 0px;}
.title:after{content:" "; display:block; clear:both; height:0; visibility:hidden;} 
.title h2{float:left; padding-right:15px; background:url('/images/common/title_line.gif') right top no-repeat;}
.title p.tit_infor{float:left; padding: 6px 0px 0px 9px;}


/**  서브 타이틀 공통**/
.sub_title{margin-bottom:30px;}
.sub_title p.submsg{padding-bottom:10px;}

.sub_title_img, .sub_title_img2{position:relative; width:690px; padding-bottom:30px;}
.sub_title_img p.submsg, .sub_title_img2 p.submsg{padding-bottom:10px;}

h3{padding-bottom:10px;}
h4{padding-bottom:20px;}
h5{padding-bottom:10px;}




/** 여백 공통 **/
.mar_t{margin-top:-30px;}
.mar_t20{margin-top:-20px;}
.mar_top30{margin-top:30px;}
.mar_top20{margin-top:20px;}
.mar_bot18{margin-bottom:18px;}

.mar_lef10{margin-left:10px;}
.mar_lef30{margin-left:30px;}
.mar_lef62{margin-left:62px;}

.mar_rit14{margin-right:14px;}
.mar_rit29{margin-right:15px;}
.mar_rit21{margin-right:21px;}
.mar_rit32{margin-right:32px;}
.mar_rit37{margin-right:37px;}

.p_top{_padding-top:1px;}
.p_top6{padding-top:6px;}
.p_top10{padding-top:10px;}
.p_top15{padding-top:20px;}
.p_top20{padding-top:20px;}
.p_top30{padding-top:30px;}
.pd_b{padding-bottom:20px;}
.pd_b10{padding-bottom:10px;}
.pd_b50{padding-bottom:50px;}
.pd_b60{padding-bottom:60px;}
.pd_b309{padding-bottom:309px;}



/**  페이징 공통 **/
#page{width:100%; padding: 20px 0px 34px 0px; text-align:center;}
#page *{vertical-align: middle; }
#page  a{	
	text-align:center;
	position:relative; top:-1px; padding: 0px 6px 0px 2px;  
	color:#666; font-size:11px;
	background:url('/images/board/border_cust_gubun2.gif') right 1px no-repeat; 
} 
#page  a.bg_cl{background:none;}
#page .pd_r{margin-right:-5px; _margin-right:0; padding-right:0;}


/** 셀렉트 박스 공통  **/
.sel_search{position:relative;  padding-top:1px;}
.select_box {padding-right:10px;}
.select_box *{vertical-align:middle;}
.select_box li {
	width:67px; height:16px; 
	padding:2px 0px 0px 5px; border:1px solid #DCDCDC;
	background: #fff url('/images/common/select_bullet.gif') right no-repeat;
	cursor:pointer;
	color:#989898;
}
.select_box li.sl_90 {
	width:83px; height:16px; 
	padding:2px 0px 0px 5px; border:1px solid #DCDCDC;
	background: #fff url('/images/common/select_bullet.gif') right no-repeat;
	cursor:pointer;
	color:#989898;
}
.select_box li.sl_237 {
	width:230px; height:16px; 
	padding:2px 0px 0px 5px; border:1px solid #DCDCDC;
	background: #fff url('/images/common/select_bullet.gif') right no-repeat;
	cursor:pointer;
	color:#989898;
}
.sel_search .select_list{
	position:absolute; top:20px; *left:0px; line-height:1.4;  display:none;
	z-index:50;  width:40px;  padding:4px 27px 3px 5px;  _padding:4px 0px 3px 5px;
	border:1px solid #ddd;  background-color:#fff;
	cursor:pointer;
}
.sel_search .select_list li{ width:100px;  _width:67px; }
.sel_search .select_list:over{background-color:red;}
.search_text input{width:221px;}


/** 검색 공통 **/
.search_box{width:100%; }
.search_box .search_img{padding: 3px 14px 0px 0px;}
.search_box .search_text{ padding: 1px 6px 0px 0px;* padding: 0px 6px 0px 0px;}


/** 검색용 셀렉트 박스 공통 **/
.search_box .search_obj{width:584px; height:49px; padding: 14px 0px 0px 106px; background:url('/images/common/search_box_bg.gif') 20px top no-repeat;}
.search_box .search_obj li{float:left; _width:67px;}
.search_box .sel_search{position:relative; z-index:10; width:100%; padding-top:1px;}
.search_box .select_box {padding-right:10px;}
.search_box .select_box *{vertical-align:middle;}
.search_box .select_box li {
	width:67px; height:16px; 
	padding:2px 0px 0px 5px; border:1px solid #DCDCDC;
	background: #fff url('/images/common/select_bullet.gif') right no-repeat;
	cursor:pointer;
	color:#989898;
}
.search_box .select_list{
	position:absolute; top:20px; *left:0px; line-height:1.4;  display:none;
	z-index:50;  width:40px;  padding:4px 27px 3px 5px;  _padding:4px 0px 3px 5px;
	border:1px solid #ddd;  background-color:#fff;
	cursor:pointer;
}
.search_box .select_list li{ width:100px;  _width:67px;}
.search_box .select_list:over{background-color:red;}
.search_text input{width:221px;}


/**  버튼 공통**/
.btn{padding: 20px 0px 35px 0px; text-align:right;}
.btn_ac{margin:20px 0 0 0;text-align:center;}


/** 투명테이프 **/
.png24{tmp:expression(setPng24(this));} 


/** 파일 첨부 **/
.in_type{padding-top:2px; height:14px; border:1px solid #dbdbdb; color:#666;}
.fileUploadArea{height:21px;position:relative;}
.fileUploadArea .fileHide{position:absolute; top:0px; left:0px; height:22px; font-size:8px; filter:alpha(opacity=0);opacity: 0; cursor:pointer; z-index:10;}
.fileUploadArea *{ vertical-align:middle;}


/**  컨텐츠박스 공통 **/
.cont_box{width:690px; padding: 25px 0px 0px 0px; background:url('/images/common/cont_boxbg_top.gif') left top no-repeat;}
.sub_cont_box{width:690px; padding: 0px 0px 20px 0px;  background:url('/images/common/cont_boxbg_bottom.gif') left bottom no-repeat;}


/** 팝업 공통 **/
.pop_top{width:100%; hieght:22px; background:url('/images/popup/pop_topbg.gif') left top repeat-x;}
.pop_contens{width:100%; background:url('/images/popup/pop_contensbg.gif') left top repeat-x;}
.pop_btn{text-align:center; padding: 0px 0px 28px 0px;}


/** 탭 공통**/
#tabcontainer {float:left; position:relative; width:690px; /*background:url('/images/tab_bg.gif') 0 0 repeat-x;*/}
#tab_box{width:690px; height:50px; background:url('/images/common/tab_bg_line.gif') left top repeat-x;}
#tab_box ul li{float:left;}
#tabcontainer h2 {top:0; margin-bottom:-26px; /*background:url('/images/common/tab_bg_line.gif') 0 0 repeat-x;*/} /* 제목 */
#tabcontainer h2.tabtit1 {left:0;}
#tabcontainer h2.tabtit2 {left:103px;}
#tabcontainer h2.tabtit3 {left:102px;}
#tabcontainer img {vertical-align:top;}

/*#tabcontainer p {top:5px; right:0; margin:0 0 10px 0; padding:0; text-align:right;} /* 버튼 
#tabcontainer p a {display:block; padding:5px 0;}*/