/* **********************************************************************************	*/
/*																						*/
/*						COMMON CSS (Cascading Style Sheets)								*/
/*																						*/
/* 버  전	: happycgi common css version 1.0											*/
/* 회사명	: HAPPYCGI (http://www.cgimall.co.kr)										*/
/* 작성자	: YOON DONG GI																*/
/* 작성일	: 2012-03-06																*/
/* **********************************************************************************	*/


/* Reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'돋움',Dotum,AppleGothic,sans-serif; font-size:12px}


a{color:; text-decoration:none; color:#555;}
a:hover{color:#555}
a:hover,a:active,a:focus{color:#e31756;text-decoration:none; outline:none;}


img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
html:first-child select{height:20px;padding-right:6px}
hr{display:none}
legend{*width:0}
select { font-family:맑은 고딕 !important; } 


.btn_right img { padding-right:10px; }
input[type="radio"], input[type="checkbox"]{display:inline-block; vertical-align:middle; padding-right:1px;}

/* IE7이하 버전 input style */
#input_ie7 input{#margin:-1px 0;}
/* WYSIWYG용 태그속성 재선언 항목 */
/* *************************************************************************************
	사용자가 위지윅툴에서 작성된 내용을 사용자 페이지에서 그대로 출력되게끔 할 때
	위지윅툴을 감싸는 레이어를 만들어주고  class="WYSIWYG" 항목을 추가시켜 줍니다.
	<div class="WYSIWYG">
		[위지윅툴]
	</div>
************************************************************************************* */
.WYSIWYG img{border:medium}
.WYSIWYG ul{list-style:disc}
.WYSIWYG ol{list-style:decimal}





/* PNG 처리 for IE 6 */
*html .png24 {_behavior:url("../css/iepngfix.htc")}



/* 툴팁 (Tooltip) */
#dhtmltooltip{
position: absolute;
display:block;
background:#FFFFFF;
border:1px solid #4e4e4e;
padding:5px;
visibility: hidden;
}

/* 음영을 삭제하려면 바래 아래 라인을 삭제하면 된다. 아래 라인은 반드시 CSS 영역의 가장 마지막에 위치시키도록 한다.*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */




/* Common */
.basicFont {font-family:"돋움"; font-size:12px}
.bold {font-weight:bold}
.font8 {font-size:8px}
.font9 {font-size:9px}
.font10 {font-size:10px}
.font11 {font-size:11px}
.font12 {font-size:12px font-family:굴림;}
.font13 {font-size:13px}
.font14 {font-size:14px}
.font15 {font-size:15px}
.font16 {font-size:16px}

.guide_txt {color:#aeaeae; font-size:11px; letter-spacing:-1px;}


/*상단메뉴 간격 소스*/
.jpg_margin img{margin:0 13px 0 13px;}


 /*font style*/
.smfont { font-size:11px; }
.smfont2 { font-size:11px; color: #999999; }
.smfont3 { font-size:11px; letter-spacing:-1px;}
.smfont4 { font-size:12px; letter-spacing:-1px; font-family:굴림;}
.smfont5 { font-size:10px; letter-spacing:-1px;}
.smfont6 { font-size:15px; letter-spacing:-1px;}
.smfont7 { font-size:13px; letter-spacing:-1px;}
.smfont8 { font:bold 18px 'NanumGothicExtraBold','나눔고딕'; letter-spacing:-1px; color:#323232;}
.smfont9 { font-size:28px; letter-spacing:-1px; font-weight:bold; font-family:NanumGothicExtraBold; color:#4c4c4c;}

/*font style*/
.sminput {border:0px solid #dbdbdb; height:18px; line-height:18px; padding-left:3px; background:transparent;}
.sminput2 {border:1px solid #dbdbdb; height:25px; line-height:25px; padding-left:5px;}
.sminput3 {border:1px solid #dbdbdb; height:18px; line-height:18px; padding-left:3px;}
.sminput4 {border:1px solid #d7d7d7; background-color:#f5f5f5; height:18px; line-height:18px; padding-left:3px;}
.sminput5 {border:1px solid #d7d7d7; background-color:#f5f5f5; height:18px; line-height:18px; padding-left:3px; width:150px;}

.sm_checkbox {width:14px; height:14px;}

/* ************************************************************************************************** */
/* 페이지번호 (Page Number) start */

.paging{clear:both; margin-top:20px; width:auto; padding:0; border:0px solid red}

table#page{text-align:center; margin:0 0 20px 0; width:auto; border:0px solid red}
table#page a,table#page b{
	width:22px; height:19px; border-left:0px solid #CCC; border-right:0px solid #CCC; border:1px solid #CCC;
	color:#555; font-family:"Arial","Tahoma"; font-size:12px; padding:5px 3px 0 3px; margin:0 3px;
	background-color:#F9F9F9; background:url('../img/page/bg_pagenum2.jpg') no-repeat center center;
}
table#page a:hover,table#page b:hover{
	color:black; font-weight:100;
	text-decoration:none; background-color:#AAA;
	background:url('../img/page/bg_pagenum2_ov.jpg') no-repeat center center;
}

/* 이전버튼 */
table#page a.prev{
	width:55px; padding-left:3px; border:1px solid #CCC;
	background:url('../img/page/bg_pagenum_prev_ov.jpg') no-repeat center center;
}
table#page a.prev:hover{background:url('../img/page/bg_pagenum_prev.jpg') no-repeat center center}
table#page a.prev_not{
	width:55px; color:#AAA; padding-left:3px; border:1px solid #CCC;
	background:url('../img/page/bg_pagenum_prev_ov.jpg') no-repeat center center;
}

/* 다음버튼 */
table#page a.next{
	width:55px; padding-right:3px; border:1px solid #CCC;
	background:url('../img/page/bg_pagenum_next_ov.jpg') no-repeat center center;
}
table#page a.next:hover{background:url('../img/page/bg_pagenum_next.jpg') no-repeat center center}
table#page a.next_not{
	width:55px; color:#AAA; padding-right:3px; border:1px solid #CCC;
	background:url('../img/page/bg_pagenum_next_ov.jpg') no-repeat center center;
}

/* 현재 */
table#page a.now{
	color:#FFF; background-color:#FF8040; font-weight:bold; border-color:#FAA;
	background:url('../img/page/bg_pagenum_now2.jpg') no-repeat center center;
}
table#page b.now{
	color:#FFF; background-color:#FF8040; font-weight:bold; border-color:#FAA;
	background:url('../img/page/bg_pagenum_now2.jpg') no-repeat center center;
}
table#page a.now:hover,table#page b.now:hover {
	color:#FFF;
	background:url('../img/page/bg_pagenum_now2_ov.jpg') no-repeat center center;
}
table#page {margin:0 auto 20px auto}
table#page a {margin:0 2px; float:left}
table#page a.prev {}
table#page a.prev_not {float:left}
table#page b.now {float:left}

/* 페이지번호 (Page Number) end */
/* ************************************************************************************************** */


.page {
width:25px;
height:25px;
line-height:25px;
text-align:center;
border:1px solid #b0b0b0;
border-bottom:1px solid #999999;
display:inline-block;
background:url("/img/bgpart_box05.gif") repeat-x bottom;
margin-left:3px;
}
.page2 {
width:35px;
height:25px;
line-height:25px;
text-align:center;
border:1px solid #b0b0b0;
border-bottom:1px solid #999999;
display:inline-block;
background:url("/img/bgpart_box05.gif") repeat-x bottom;
margin-left:3px;
}


/* Wys2 reset */
#ct{word-break:break-all; text-align:justify;}
#ct table{border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct p, #ct div{font-size:inherit}

.ct{word-break:break-all; text-align:justify;}
.ct table{border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct p, .ct div{font-size:inherit}


.input_st input{
border:1px solid #bdbdbd;
height:21px;
line-height:20px;
padding-left:3px;
}

.input_text_st input[type=text]{
border:1px solid #bdbdbd;
height:21px;
line-height:21px;
padding-left:3px;
}


.input_file_st input[type=file]{
border:1px solid #bdbdbd;
height:21px;
line-height:20px;
padding-left:3px;
}

.input_password_st input[type=password]{
border:1px solid #bdbdbd;
height:21px;
line-height:20px;
padding-left:3px;
}

.input_textarea_st textarea{
border:1px solid #bdbdbd;
line-height:18px;
padding:3px;
}

/*휴대폰인증 버튼*/
.btn_zipcode2{background:url('../img/btn_phone.gif') no-repeat center 0; border:0px; width:66px; height:18px;}