﻿/* Type Selector */
* a, table, ul, div, body, select, input, textarea { margin:0; padding:0; font-style:normal; font-family:돋움, Dotum, AppleGothic, Sans-Serif; font-size: 12px; color: #333333; }
/*
html { _overflow:hidden; }
body{ _height:100%; _width:100%; _overflow:auto; text-align:center; }
*/
td 
{
	
}

body { text-align:center; }
img, fieldset { border:none;}
hr, legend { display:none; }
li { list-style:none; }
/*input { border: 1px solid #D4D4D4; height: 20px;  }*/

a { text-decoration: none; }
a:visited {}
a:hover, a:active, a:focus { color:#101010; }

/* Image RollOver */
/*
a.rollover img { display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px; }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }
*/
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { position:relative; border-width:0px; }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }

option, x:-moz-any-link { padding-right:4px; } /* Firefox Fix */
option, x:-moz-any-link, x:default { padding-right:0; } /* Firefox Fix */

input { height:19px;
	width: 19px;
}
.pd5 {padding-left:5px;}

.hangul
{
	ime-mode: active;
}

.textBoxNormal
{
	height:16px;
	padding-top: 3px;
	padding-left: 5px;
	border: 1px solid #D4D4D4; 
}

.btn
{
	cursor: pointer;
}

/* Layout Selector */ 
#wrapper {
	background: #FFFFFF;
	/*border: 1px solid #FFFFFF; /* IE6.0 LayOut */
}

#header {
	background-image: url("/images/main/bg_top.jpg");
}

#divLogin_black
{
    width: 422px;
    height: 32px;
    position: absolute;
    top: 6px;
    left: 500px;
    z-index: 10; 
    background-image: url("/images/main/bx_login_layer_black.jpg");
    /* border: solid 1px #E2E2E2; */
}

#header_notice {
	background-image: url("/images/main/bg_notice.jpg");
	/* height: 41px; */
	height: 41px;
	position: absolute;
	top: 96px;
	left: 0px;
	padding-left: 3px;
	z-index: 100;
}

#header_empty 
{
	background-image: url("/images/main/bg_notice.jpg");
	/* height: 41px; */
	height: 41px;
}

#header_background
{
	background-image: url("/images/main/bg_notice.jpg");
	/* height: 41px; */
	height: 41px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
}

#navigation
{
	height: 30px;
	background: #FFFFFF;
	/*border: 1px solid red;*/
}

#content {
	width: 960px;
    background: #FFFFFF;
    text-align: left;
    /*border: 1px solid red;*/
}

#banner 
{
	clear:both;
	width: 960px;
	height: 90px;
	background: #FFFFFF;
	padding-top: 35px;
	_padding-top: 35px;	/* IE6.0 & 이전버전 */
	text-align: left;
}   
        
*:first-child+html #banner { padding-top: 35px; } /* IE7 Hack */

#sidebar {
	position: fixed;
	_position: absolute;
	/*_z-index:-1;*/
	top: 140px;
	left: 1300px;	/* IE 6.0 1024 * 768 기준 */
	width: 70px;
}

#footer {
	clear:both;
	background: #FFFFFF;
	width: 960px;
	padding-top: 15px;
	text-align: left;
	height: 100px;
}

/* Class Selector */

/* Header */
.customer_menu {
	width: 960px;
}

/* 알립니다. 꼭보세요 */
.hot_notice {
	width: 960px;
	height: 41px;
}

/* Contents */
.section {
	float: left;
	padding-top: 15px;
	padding-right: 24px;
	/*border: 1px solid black;*/
}

/* Contents */
.section0 {
	float: left;
	padding-top: 0px;
	padding-right: 24px;
	/*border: 1px solid black;*/
}


.weelkybest {
	background-image: url("/images/main/bx_best_pixel.jpg");
	height: 20px;
	padding-left: 10px;
	vertical-align:middle;
}

.search {
	background-image: url("/images/main/bx_search_pixel.jpg");
	height: 25px;
	padding-left: 10px;
	vertical-align: middle;
}
 
.navi_search
{
	width: 150px;
	height: 14px;
	padding-top:1px;
}

.navi_searchBtn
{
	width: 41px;
	height: 18px;
}

.category {
	width: 45px;
	height: 20px;
	color: #006696;
}

.category2 {
	width: 75px;
	height: 20px;
	color: #006696;
}

.btitle 
{
	width: 235px;
}

.btitle2 
{
	width: 205px;
}

.tabTitle
{
	width: 270px;
	height: 20px;
}

.writedate { width: 65px; height: 20px; }


.ajax__tab_header {
    background:url(/images/main/tab_ingqna_click.jpg) repeat-x bottom;
}

.content_Left
{
	float: left;
	width:161px;
	text-align: left;
}

.content_Main
{
	float: left;
	width: 729px;
}

/* 회원가입 공통*/
.etc_content {
	float: left;
}

/* 이용약관/실명확인 */
.etc_content1 
{
	width: 668px;
	border: 1px solid #C7C6C4;
}

/* 고객인증 */
.etc_content2 {
	float: left;
	width : 383px;
	padding-left : 173px;
	padding-bottom : 20px;
}

.etc_content3 
{
	float: left;
	width : 334px;
	padding-bottom : 20px;
}

/* 회원정보입력 */
.etc_content4 {
	float : left;
	border: 1px solid #C7C7C7;
	width : 698px;
}

.etc_content5 {
	float: left;
	width : 334px;
	padding-left : 10px;
	padding-bottom : 20px;
}

.etc_content6
{
	width : 334px;
	padding-left : 50px;
	padding-bottom : 20px;
}

.search_id {
	background-image: url("/images/main/bx_search_pixel.jpg");
	height: 35px;
	width : 334px;
	padding-left: 16px;
	vertical-align: middle;
}

.lblMember
{
	color: #888888;
}

.memberInfo
{
	color: #333333;
}

.community_main_bar 
{
	font-size: 12px;
	font-family: 돋움;
	color: #576576;
}

.community_main_search_off 
{
	font-size: 11px;
	font-family: 돋움;
	color: #888888;
}
.community_main_text 
{
	font-size: 12px;
	font-family: 돋움;
	color: #535353;
}
.community_main_rollover
{
	font-size: 12px;
	font-family: 돋움;
	color: #202020;
}
/* 메인 상단 로그인 레이어에서 텍스트박스에 사용 */
.watermarked
{
	padding-top: 5px;
	width: 90px;
	height: 17px;
	color: #666666;
	background-color:#E4E4E4;
	/*
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("/images/main/p_id.jpg");
	*/
}

.watermarkSearchword
{
	font-size: 11px;
	font-family: 돋움;
	color: #8D8D8D;
}

/* 로그인 레이어 ID 에 포커스 해제 되었을 때(Ajax Watermark에 적용 할 css) */
.watermarked_black
{
    padding-top: 3px;
    width: 110px;
    height: 17px;
    color: #666666;
    background-color:#FFFFFF;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url("/images/main/p_id.jpg");
	/* 외곽선 스타일 정의 */
    border-style:solid;
    border-width:1px;
    border-color:#7F9DB9;
}


/* 로그인 레이어 ID 에 포커스 왔을 때 적용 할 css */
.txtLogin_black
{
    padding-top: 3px;
    height: 15px;
    color: #666666;
    font-size: 11px;
    font-family: 돋움;
    width:108px;
}

/* 로그인 레이어 PW 에 적용 할 기본 css */
.txtLoginPW 
{
	padding-top: 3px;
    width: 110px;
    height: 17px;
    color: #666666;
    font-size: 11px;
    background-color:#FFFFFF;
    font-family: 돋움;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url("/images/main/p_pw.jpg");
	/* 외곽선 스타일 정의 */
    border-style:solid;
    border-width:1px;
    border-color:#7F9DB9;
}

.btnList
{
	background-color: #FFFFFF;
	text-align:left;
	border-style:none;
	color:#5D5D5D;
	width: 295px;
	cursor: pointer;
}
 
.btnCommList
{
	background-color: #FFFFFF;
	text-align:left;
	border-style:none;
	color:#5D5D5D;
	width: 230px;
	cursor:hand;
}

/* 게시판 [페이지 리스트] 일반버튼 스타일 */
.btnBoardPageList
{
	background-color: #FFFFFF;
	text-align:center;
	border-style:none;
	color:#5D5D5D;
	cursor:hand;
}

/* 게시판 [페이지 리스트] 링크버튼 스타일 */
.lnkBoardPageList
{
	text-align:center;
	color:#5D5D5D;
}

/* 게시판 페이지 [제목] 일반버튼 스타일 */
.btnBoardTitle
{
	background-color:Transparent;
	text-align:left;
	border-style:none;
	color:#5D5D5D;
	width: 450px;
	cursor:hand;
	vertical-align:middle;
}

/* 게시판 페이지 [제목] 링크버튼 스타일 */
.lnkBoardTitle
{
	font-family:돋움, Dotum, AppleGothic, Sans-Serif;
	font-size: 12px;
	color:#707070;
	vertical-align:middle;
}

.lnkBoardTitle:hover 
{ 
	color:#707070;
}

/* 게시판 페이지 [첨부파일] 링크버튼 스타일 */
.lnkBoardFileDown
{
	font-family:돋움, Dotum, AppleGothic, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color:#707070;
}

.lnkBoardFileDown:hover
{
	color:#888888;
}

/* 진행이벤트, 지난이벤트, 나의 이벤트 현황 summary 부분 글자 */
.lblSummary
{
	color:#666666;
	vertical-align:middle;
}

.btnReplay
{
	background-color: #FFFFFF;
	text-align:left;
	border-style:none;
	color:#5D5D5D;
	width: 70px;
	cursor: pointer;
}

.zipList
{
	overflow:scroll;
	overflow-x:hidden; 
	overflow-y:auto;
	
	/* firefox에서는 오류 발생  */
	scrollbar-face-color:#FFFFFF;  
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #666666;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #cfcfcf;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #cfcfcf;	
}

.zipSearchBox
{
	padding-top: 2px;
    width: 144px;
    height: 20px;
    color: #666666;
    background-color:FFFFFF;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url("/images/etc/zip_popup_searchbox.jpg");
}

.zipSearchword
{
	font-family:돋움;
	font-size:11px;
	color:#666666;
	background-color: Transparent;
	height:23px;
	background: #FFFFFF; 
	cursor:pointer; 
}


/***************************************************************
* 코멘트 보기 & 쓰기
* 2008 / 12 / 01 
* 박노성
****************************************************************/
/* 테이블 넓이, 외곽선 설정 */
TABLE.cssCommentView
{
	width:707px;
	margin:0px 10px 0px 10px;
	border-collapse: collapse;
	border-bottom:1px dotted #CDCDCD;
}
/* 각 로우 스타일 설정 */
TABLE.cssCommentView TR.cssCommentView_TR
{
	/*height: 1px;*/
	/*background-repeat:repeat-x;
	background-image: url(/images/CustomerCenter/News/bx_dotline.jpg);*/
	/*border-top:1px dotted #CDCDCD;	*/
}
/* 각 컬럼 스타일 설정 */
TABLE.cssCommentView TD
{
	font-family:돋움;
	font-size:11px;
	color:#5D5D5D;
	background-color:#FCF7F1;
	height:30px;
	border-collapse: separate;
	border-top:1px dotted #CDCDCD;
	
	line-height: 150%;
	padding: 5px 0 5px 0;
}
/* 사용자 ID */
TABLE.cssCommentView TD.cssCommentView_yID
{
	font-weight:bold;
}
/* 시간 */
TABLE.cssCommentView TD.cssCommentView_regDate
{
	color:#888888;
}
/* 댓글보기 내용 */
TABLE.cssCommentView TD.cssCommentView_content
{
	width: 350px;
}
/* 댓글보기 수정버튼 */
INPUT.cssCommentView_button
{
	color: #5d5d5d;
	font-size: 11px;
	font-family: 돋움;
	background-color: Transparent;
	border:0px;
	cursor: pointer;
	padding-top:3px;
}

SPAN.cssMypageLbl
{
	font-family: 돋움;
	font-size: 12px;
	color:#777777;
}

SPAN.cssMypageMSGLbl
{
	font-family: 돋움;
	font-size: 12px;
	color:#404040;
}
SPAN.cssMypageMSGLblBold
{
	font-family: 돋움;
	font-weight:bold;
	font-size: 12px;
	color:#205BA1;
}

/* 댓글쓰기 테이블 넓이, 외곽선 섲렁 */
TABLE.cssCommentWrite
{
	width:707px;
	margin:0px 10px 0px 10px;
}
/* 댓글쓰기 이모티콘 */
TABLE.cssCommentWrite_emoticon
{
	margin-left:10px;
}
TABLE.cssCommentWrite_emoticon TD
{
	width:50px;
}
/* 댓글달기 INPUT */
INPUT.cssCommentWrite_txt
{
	width:636px;
}
/* 댓글달기 카운터 */
TABLE.cssCommentWrite TD.cssCommentWriteCounter
{
	text-align:right;
	padding:5px 10px 10px 0;
	color:#888888;
	font-family:돋움;
	font-size:11px;
}

/***************************************************************
* 의견참여
* 2008 / 12 / 01 
* 박노성
****************************************************************/
TABLE.cssOpinionShare
{ 
	margin:5px 10px 5px 10px;
	width:707px;
	background-color:#EDEDED;
}
/* 내용 테이블 */
TABLE.cssOpinionShare_container
{
	margin:10px;
}
TABLE.cssOpinionShare_container TD
{
	font-family:돋움;
	font-size:11px;
	color:#5D5D5D;
}
/* 만족도 평가 텍스트 */
TABLE.cssOpinionShare_container TD.cssOpinionShare_title 
{
	font-weight:bold;
	font-size:12px;
	width:110px;
}
TABLE.cssOpinionShare_container TD.cssOpinionShare_title2
{
	width: 120px;
} 
/* 텍스트Area 글자수 계산 텍스트 */
TABLE.cssOpinionShare_container TD.cssOpinionShare_counterText
{
	line-height: 130%;
	color: #919191;
}
/* 만족도 점수 텍스트 */
SPAN.cssOpinionShareRblItem
{
	font-family: 돋움;
	font-size: 11px;
	color:#777777;
	padding-right:5px;
}

TEXTAREA.cssTxtOpinion
{
	width:478px;
	height:32px;
	border:1px solid #A4A4A4;
	padding:2px;
	color:#a4a4a4;
	font-family:돋움;
	font-size:11px;
}

TEXTAREA.cssTxtArea
{
	width:343px;
	height:46px;
	border:1px solid #A4A4A4;
	padding:2px;
	color:#a4a4a4;
	font-family:돋움;
	font-size:11px;
}

.btnMypageOffTab
{
	text-align:center;
	width: 140px;
	height: 24px;
	background-image:url('/images/MyPage/tab_write.jpg');
	border-style:none;
	color:#777777;
	font-weight:bold;
	font-size:12px;
	font:돋움;	
}

.lstMypageBoardList
{
	font-size:12px;
	font:돋움;	
	color:#888888;
}

.lstMypageContentBox
{
	font-size:12px;
	color:#505050;
	font-weight:bold;
}	

.lstMypageContentBoxNum
{
	font-size:12px;
	color:#111111;
	font-weight:bold;
}

.lstMypageContentBoxnbsp
{
	font-size:5px;
}


/***************************************************************
* 고객센터 메인 : cust_main.aspx 
* 김재환
****************************************************************/
.ccmContents {
	float: left;
	padding-left: 7px;
	/*border: 1px solid black;*/
}

.ccmContentSec {
	float: left;
	padding-left: 30px;
	/*border: 1px solid black;*/
}

.watermarked_custCenter
{
    height:15px;
	padding-top: 4px;
	padding-left: 5px;
	font-size: 11px;
	color: #8D8D8D;
	border: 1px solid #D4D4D4;
}

.dropdown_custCenter
{
	font-size: 12px;
	font-family: 돋움;
	color: #666666;
}


/***************************************************************
* 제품 & 솔루션에 사용 , 사이트이용안내에 사용
****************************************************************/
.menuText
{
    color:#666666;
    font-family:돋움;
    font-size:9pt;
}

.menuText:hover
{
    color:Black;
    font-weight: bold;
    font-family:돋움;
    font-size:9pt;
}


/***************** 공통요소 ***********************/
.gray
{
	color: #AAAAAA;
}
.b
{
	font-weight:bold;
}
.10pt
{
	font-size: 10pt;
}
.9pt
{
	font-size: 9pt;
}

