﻿@charset "utf-8";
/* ************************************** 
        
   File   : member.css
   Title  : member Style
   Date   : 2010.08.17
   Modify : 2010.10.06
	 
************************************** */
@import url(/kr/css/common.css); 
@import url(/kr/css/layout.css); 
@import url(/kr/css/board.css); 


/* 백그라운드 */ 
body {background:url(/kr/images/comp/comp_bg.gif) 0 0 repeat-x;height:100%;width:100%;position:relative;font-size:12px;font-family:"굴림",Gulim;color:#666; }
#bgBody {background:url(/kr/images/comp/comp_bg02.gif) top center no-repeat;height:240px;width:100%;position:relative;}

/* 상단 공통 네비게이션 */
#header ul {float:right;margin:8px 0 8px 0;display:inline;}
#header li {float:left;background:url(/kr/images/comp/comp_bar.gif) 0 1px no-repeat;display:inline;padding:0 8px;}
#header li.first {background:none;padding:0 8px 0 0;}

/* 좌측 메뉴 영역 배너 */
#nav li.banner {border:none;margin:0 0 0 0;padding:30px 0 0 18px;}
#nav li.firstbanner {border:none;padding:60px 0 0 18px;}

/*flash 영역*/
#mainHeader{position: relative; width:990px;  margin:0 auto; height:76px; top:0px ; z-index:2; }

/* 컨텐츠 영역 */
#contents  {position:relative;}
#contents h3 {margin:5px 0 0 0;}
#contents .navigation {position:absolute;top:10px;right:0;font-size:11px;font-family:"돋움", Dotum;color:#808080;background:url(/kr/images/comp/comp_bul01.gif) 0 1px no-repeat;padding-left:10px;}
#contents .navigation span {font-size:10px;}
#contents .navigation strong {color:#2147a1;font-weight:normal;} 

#regStep li {display:inline;float:left;}
.memtext01 {margin:11px 0 30px 0;}
.memText02, .step01, .step02 {margin:0 0 30px 0;}
#memeberContents  {padding:0 0 30px 0;}
#memeberContents h4 {clear:both;margin:0 0 20px 0;}
#memeberContents h4.last {margin:30px 0 20px 0;}
#memeberContents h5 {background:url("/kr/images/common/bullet.gif") no-repeat 0 -46px;color:#6075A3;font-weight:bold;padding-left:14px;}
.scrollPages {width:692px;height:130px;overflow-x:hidden;overflow-y:scroll;border:1px solid #e6e6e6;padding:12px;line-height:16px;margin:12px 0 0 0;}
.scrollPagesDiv {position:relative;zoom:1;width:100%;}
.rightBtn {position:absolute;top:0;right:0;height:1%;}
.rightBtn01 {
	position:absolute;
	top:182px;
	right:220px;
	height:1%;
}
#memeberContents .agree {text-align:right;font-size:11px;font-family:"돋움", Dotum;color:#666;margin:16px 0 30px 0;}
#signTab01, #signTab02 {margin:0 0 94px 0;}
#signTab01 fieldset {padding:30px 0 30px 38px;} 
#boxCol dl {display:inline-block}
#boxCol dt {float:left; background:url(/kr/images/common/bullet.gif) no-repeat 0px -130px; color:#6075a3; font-weight:bold; padding:7px 10px;}
#boxCol dd {float:left;padding-right:20px;}
#boxCol dd.dd {padding-top:4px}
#boxCol dd input {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E6E6E6;color:#666666;font-family:"돋움",Dotum;}

.boxRow {padding:17px 0 22px 20px;}
.boxRow dl dt{ clear:both;  float:left; background:url(/kr/images/common/bullet.gif) no-repeat 0px -130px; color:#6075a3; font-weight:bold; padding:7px 10px; width:110px; }
.boxRow dl strong { clear:both;  float:left; background:url(/kr/images/common/bullet.gif) no-repeat 173px -130px; color:#6075a3; font-weight:bold; padding:7px 0px; width:716px; text-align:center;}
.boxRow dl dt.strong { clear:both;  float:left; background:url(/kr/images/common/bullet.gif) no-repeat 0px -130px; color:#6075a3; font-weight:bold; padding:7px 10px; width:716px; }
.boxRow dl dt.p { clear:both;  float:left; background:url(/kr/images/common/bullet.gif) no-repeat 0px -130px; color:#6075a3; padding:7px 10px; width:716px; }
.boxRow dl dt.dtRdio {clear:both;float:left; background:none; color:#6075a3; font-weight:bold; padding:7px 10px 7px 0; width:137px; }
.boxRow dl dt.noRadio {clear:both;float:left; width:127px;}
.boxRow dl dd {padding-right:20px; padding:5px 0px; color:#666;}
.boxRow dl dd img {vertical-align:middle;}
.boxRow dl dd span{padding-left:10px; font-size:0.9em;color:#6075a3; font-family:"돋움", Dotum;}
.boxRow dl dd span.info {padding-left:0; font-size:12px;color:#444; font-family:"굴림", Gulim;}
.boxRow dl dd .radio {padding-left:0;}
.boxRow p {clear:both;width:100%;text-align:center;padding:20px 0 0 0;}
.juso {margin:10px 0 0 0;}
.changePw {background:url(/kr/images/member/mem_text05.gif) 0 0 no-repeat;width:690px;height:70px;margin:0 0 50px 0;}
.ipinText {padding:26px 0 30px 38px;}
.ipinText strong {background:url(/kr/images/common/bullet.gif) 0 -130px no-repeat;display:inline;float:left;padding:8px 0 0 8px;color:#6075A3;margin-right:10px;}

.memBg02 {background:url(/kr/images/member/mem_bg03.gif) 0 0 no-repeat;width:474px;height:120px;position:relative;margin:0 0 73px 0;}
.memBg02 p {position:absolute;top:60px;left:227px;}
.memBg02 p strong {color:#484848;}
.memBullet {background:url(/kr/images/common/bullet.gif) no-repeat 0px -138px;padding-left:8px;}
#leftBox {float:left;width:353px;}
#rightBox {float:right;width:353px;}
#leftBox .boxStyle, #rightBox .boxStyle {padding:24px 18px 24px 24px;}
.memBtn {margin:16px 0 0 8px;}
#memSignBg {background:url(/kr/images/member/mem_text06.gif) 0 0 no-repeat;width:641px;height:55px;margin:0 0 40px 0;}
#memSignBg02 {background:url(/kr/images/member/mem_text07.gif) 0 0 no-repeat;width:397px;height:44px;margin:0 0 40px 0;} 
#memSignBg03 {background:url(/kr/images/member/mem_text10.gif) 0 0 no-repeat;width:397px;height:44px;margin:0 0 40px 0;} 
.memSentence {float:left;margin:15px 0 0 0;}
.memSentence li {line-height:20px;}
.memSentence span {color:#6179b5;}
.boxRow p.memRegtext {width:565px;text-align:left;padding:4px 0 0 130px;font-size:11px;font-family:"돋움", Dotum;color:#666;}
.boxRow p.last {width:565px;text-align:left;padding:4px 0 18px 130px;font-size:11px;font-family:"돋움", Dotum;color:#666;}
#memStep02 {margin:20px 0 0 0;}
 
/* 회원가입완료 */
.memberBg {background:url(/kr/images/member/mem_bg02.gif) 0 0 no-repeat;width:523px;height:150px;margin:62px 0 0 173px;position:relative;}
.memberBg p {position:absolute;top:60px;left:0;}
.textLeft {background:url(/kr/images/member/mem_text03.gif) 0 0 no-repeat;width:360xp;height:44px;margin:29px 0 0 25px;position:relative;}
.textLeft01 {background:url(/kr/images/member/mem_bg01.jpg) 0 0 no-repeat;width:100xp;height:155px;margin:0px 0 -22px 0px;position:relative;}
.textLeft span {height:0;left:0;overflow:hidden;position:absolute;top:0;visibility:hidden;width:0;}
.textRight {position:absolute;top:0;right:153px;}
.textRight01 {position:absolute;top:70px;right:80px;}
.textRight02 {font-weight:bold; color:#6075a3;}
.carBg {display:inline;float:left;margin:0 0 9px 25px;}
.carManage {display:inline;float:left;margin:5px 0 0 55px;}
.carManage li {display:inline;float:left;margin:0 0 0 10px;}

/* 로그인 부분 */
#loginText01 {background:url(/kr/images/member/login_text01.gif) 0 0 no-repeat;width:341px;height:14px;}
#loginBg {background:url(/kr/images/member/login_bg01.gif) 0 0 no-repeat;width:678px;height:164px;margin:10px 0 24px 0;position:relative;padding:30px 0 0 37px;}
#loginText02 {background:url(/kr/images/member/login_text02.gif) 0 0 no-repeat;width:230px;height:11px;margin:0 0 25px 0;}
#loginText03 {
	background:url(/kr/images/member/login_text03.gif) 0 0 no-repeat;
	width:188px;
	height:120px;
	position:absolute;
	top:29px;
	right:93px;
	z-index:10;
}
#loginBg dt {clear:both;float:left;width:51px;padding-top:4px;}
#loginBg dt.last {padding-top:12px;}
* html #loginBg dt.last {padding-top:6px;}
*+html #loginBg dt.last {padding-top:6px;}
#loginBg dd img {vertical-align:bottom;}
* html #loginBg dd.last {padding-top:4px;}
*+html #loginBg dd.last {padding-top:4px;}
#loginBg dd span {font-size:11px;font-family:"돋움", Dotum;}
#loginBtn {margin-top:26px;}

/* 푸터 영역
#footer {margin:0 0 0 273px;padding:0 0 20px 0;background:url(/kr/images/comp/comp_footer.gif) 0 0 no-repeat;width:464px;height:25px;}
#footer address {height:0;left:0;overflow:hidden;position:absolute;top:0;visibility:hidden;width:0;}
 */

/* 푸터 영역 */
#footer {margin:0 auto;text-align: center;border-top:1px solid #e8e8e8; padding:10px 200px 5px 200px;width:580px}


 /* site map
#m_sitemap { float:left; margin-bottom:100px;   }
#m_sitemap a { color:#777; }
#m_sitemap ul { width:230px; float:left;  margin-bottom:10px; margin-right:5px;  }
#m_sitemap ul ul { margin:0 0 0 5px; width: 225px;}
#m_sitemap ul ul li, #sitemap ul ul li a {font-weight:bold; color:#777;  }
#m_sitemap ul ul li { background:url('/kr/images/member/map_list_icon.gif') no-repeat 5px 50%;  padding:6px 0 6px 15px; border-bottom:1px solid #eee;  width:200px; }
#m_sitemap ul ul ul { float:left; padding:0; margin:5px 0 5px -10px; background:#fafafa; border:1px solid #eee;  width:210px; }
#m_sitemap ul ul ul li { float:left; border:none;  width:100px; padding-left:5px; background:none;  font-size:11px; }  
#m_sitemap ul ul ul li.w200  { width:205px;}
#m_sitemap ul ul ul li a { font-weight:normal; }
#m_sitemap ul li.bbno { border-bottom:none;  }
*/
#memeberContents { float:left; width:716px;}
#m_sitemap { margin-bottom:100px;   }
#m_sitemap a { color:#666; }
#m_sitemap ul { float:left;  }
#m_sitemap ul li { float:left; width:230px; }
#m_sitemap ul li ul li{  float:left;  border-bottom:1px solid #eee; width:205px; background:url('/kr/images/member/map_list_icon.gif') no-repeat 5px 15px; 
margin-left:5px; padding:11px 0 14px 15px; font-weight:bold;}
#m_sitemap ul li ul li ul  { float:left;  background:#fafafa; border:1px solid #eee; margin:11px 0 8px -7px; width:208px; padding:13px 0 0px 5px ; }
#m_sitemap ul li ul li ul li { float:left; color:#999; border-bottom:none; background:none; width:60px; padding:0 0 8px; font-size:11px; font-weight:normal; }
#m_sitemap ul li ul li ul li.w80 { width:80px;}
#m_sitemap ul li ul li ul li.w150 { width:98px;}
#m_sitemap ul li ul li ul li.w200 { width:200px;}
#m_sitemap ul li.bbno { border-bottom:none;  }
#m_sitemap ul.mr { margin-right:7px;}
#m_sitemap .mb { float:left; margin-bottom:30px; }

