@charset "utf-8";
@media screen {
	#skipToContent,
	.reader { position: absolute; left: -1000%; top: 0px; width: 1px; heght: 1px; font-size: 0px; line-height: 0px; overflow: hidden; }
	legend,
	caption { display: none; }
}

/* input text */
input.input-fix { margin:0; padding:0; width:13px; height:13px; border:0 none;} /* 라디오 버튼과 체크박스 리셋 */

/* 회원가입 */
ol.join-process { margin-bottom:40px;}
ol.join-process li { float:left;}
.txt-bbs {color: #888; margin: 0 10px 8px 3px;}
.col-pink {color: red !important;}

/* 회원가입 순서 */
div.stepBox{
	width:100%;
	display:table;
	margin:0 0 40px;
}
div.stepBox ul{
	float:right;
}
div.stepBox ul li{
	margin-left:-18px;
	float:left;
}
div.stepBox ul li.fir{
	background:none;
}

/* 약관동의 */
.agree p.agree_box { border:1px solid #d8d8d8; margin:0; padding:15px; }
.agree textarea {
	background-color: transparent;
	border: medium none;
	font-size: 12px;
	height: 100px;
	width: 100%;
	font-family:'NanumGothic', 'Dotum' ,'Apple Gothic','Latin font','sans-serif';
}
.agree .agree_check{
	text-align:right;
	padding:10px;
	border:solid #d8d8d8;
	border-width:0 1px 1px;
	background:#f5f5f5;
}
.agree .bg_txt{
	margin-top:50px;
	background:#f5f5f5 url('/images/sub01/price_bg.gif') repeat 0 0;
	padding:15px;
	text-align:center;
	border:1px solid #d8d8d8;
}

/* 회원가입 > 회원구분 */
.member_type{
	border:solid #d8d8d8;
	border-width:0 1px 1px;
	background:#f5f5f5 url('/images/sub01/price_bg.gif') repeat 0 0;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding:15px;
}

/* 가입완료 */
div.join-success {
	font-size:1.2em;
	margin-bottom:30px;
	text-align:center;
	letter-spacing:0.05em;
	background:#e1e1e1 url(/images/member/login_con.jpg) no-repeat 28% 10px;
	border-radius:20px;
	padding:50px 0 0 0;
	height:80px;
}
div.join-success span{
	color:#333;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-0.1em;
}
.join .tit_area{
	position:relative;
}
.join .guide_txt{
	position:absolute;
	right:0;
	top:0;
}



/* write */
div.member_write table { 
	border-top:2px solid #d2d2d2;
}
div.member_write th,div.member_write td {
	padding-top:6px;
	padding-bottom:6px;
}
div.member_write th { 
	border-bottom:1px solid #d2d2d2; 
	color:#4c4c4c;
	text-align:left; 
	padding-left:20px;
	background:#f5f5f5;
}
div.member_write td { 
	border-bottom:1px solid #d2d2d2; 
	background:#fff; 
	padding-left:20px;
	padding-right:20px; 
	text-align:left;
}
div.member_write select{
	height:32px;
	padding:0;
	padding:0 5px;
}

/* ------------------------------------------
find
------------------------------------------ */
div.bbs-find { 
	margin-bottom:20px; 
	border-top:2px solid #8c8c8c; 
}
div.bbs-find th, div.bbs-find td { 
	padding-top:5px;
	padding-bottom:5px  
}
div.bbs-find th { 
	background:#f9f9f9; 
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2; 
	color:#4c4c4c;
	text-align:center;
}
div.bbs-find td { 
	border-bottom:1px solid #d2d2d2 ;
	padding-left:20px ; 
	text-align:left ;
}
div.bbs-find td select, div.bbs-find td .customStyleSelectBox { margin:0 5px;}


/* ------------------------------------------
Box
------------------------------------------ */
div.box-none-gray { background:#e6e6e6;}
div.box-none-white { background:#fff;}
div.box-gray-white { border:3px solid #ebebeb;}
div.box-gray-white-a { border:1px solid #d9d9d9;}
div.box-gray-gray { border:1px solid #dedede; background:#f8f8f8;}

div.tit-area-a { margin-top:30px;}
div.tit-area-a h3 { height:40px; margin-bottom:15px; font-size:22px; color:#010101; border-bottom:1px solid #e6e6e6;}
div.tit-area-a p.h3-txt { color:#878787;}

/* 회원탈퇴 */
div.secession {}
div.secession div.msg { padding:13px;}
div.secession fieldset.choice { padding:15px 30px;}
div.secession fieldset.choice ul { }
div.secession fieldset.choice ul li { float:left; width:33%; margin:3px 0;}
div.secession fieldset.secession-input {}
div.secession fieldset.secession-input textarea { margin-bottom:8px; width:770px;}
div.secession div.msg-end { padding:25px 30px;}
div.secession div.msg-end h4 { text-align:center; font-size:15px; margin-bottom:20px; color:#4c4c4c;}
div.secession div.msg-end p { color:#888; line-height:1.5; margin:5px 0;}

/* 사이트이용내역 */
div.site .bul-dot-gray { margin-bottom:10px;}


/*로그인*/
input.inp {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    width: 94%;
}
.customerLogin {
	width:625px;
	background:#f3f3f3 url("/pages/member/images/login_bg.jpg") no-repeat 10px 40px;
	border-top:2px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	margin: 60px auto 20px;
}
.customerLogin #login{
	font-size: 14px;
	padding:50px 50px 50px 0;
	float:right;
}
.customerLogin .loginInputBox{
	margin:15px 0 0;
}
.customerLogin .loginInputBox dl{
	width:100%;
	display:table;
	padding:0px 0 5px;
}
.customerLogin .loginInputBox dl dt{
	width:78px;
	color:#000;
	padding:6px 0;
	float:left;
}
.customerLogin .loginInputBox dl dd{
	width:250px;
	padding:0;
	float:left;
}
.customerLogin .loginInputBox dl dd select{
	width: 250px;
	border: 1px solid #dedede;
    color: #919191;
    height: 28px;
}
#loginBtnArea{
	width:470px;
	margin: 0 auto;
}
#loginBtnArea dl{
	width:100%;
	display:table;
	margin:0 0 7px;
}
#loginBtnArea dt, #loginBtnArea dd{
	float:left;
}
#loginBtnArea dt{
	width:276px;
	font-size:1em;
	padding:7px 0 0 10px;
	background:url("/images/common/bullet_h02.gif") no-repeat 0px 11px;
}
#loginBtnArea dd{
	width:180px;
	padding:0;
}

label {
	margin:0 10px 0 0;
}



/* 아이디/비번찾기 */
.login_table{
	overflow:hidden;
}
.login_table .box-login {
    background-color: #fbfcfd;
    border: 1px solid #d8d8d8;
    margin: 5px auto 10px;
    padding: 40px 0;
    width: 48%;
	min-height:260px;
}
.login_table .box-login .box-login-s {
    margin: 0px auto;
	width:70%;
}
.login_table .tit{
	padding:0px 0 30px;
	text-align:center;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 30px;
}
.login_table .tit h3{
	color:#000;
	font-size:25px;
	background:none;
	padding:0;
	margin:0;
}
.login_table .tit .txt{
	padding:5px 0;
}
.box-login-s dl{
    overflow:hidden;
}
.box-login-s dl dt {
    float: left;
    padding: 6px 0;
    width: 20%;
}
.box-login-s dl dd {
    float: right;
    padding: 0;
    width: 80%;
	text-align:right;
}
div.agree div.box-agree {
    border: 1px solid #ccc;
    height: 80px;
    margin-bottom: 5px;
    overflow: auto;
    padding: 10px;
}
div.agree div.box-agree h4{
    font-size:14px;
}

/* box */
.box1{width:506px;margin-left:97px}
.box1Top{width:506px;height:13px;background:url(/images/box1Top.gif) no-repeat 0 0}
.box1Cont{width:471px;background:url(/images/box1Middle.gif) repeat-y 0 0;padding:25px 24px 15px 11px}
.box1Bottom{width:506px;height:29px;background:url(/images/box1Bottom.gif) no-repeat 0 0}
.box2{border:1px solid #e3e3e3;padding:1px}
.box2 .cont{background-color:#f8f8f8;padding:13px 8px 23px}
.fl{float:left !important}
.fr{float:right !important}



/* pop */
div.cart_bbs_list {
	border-top:2px solid #383d4a;
}