@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;} /* 라디오 버튼과 체크박스 리셋 */
input, select{
	line-height: 38px;
	border: 1px solid #ddd;
}

/* ----------------------------- 로그인 ----------------------------- */
div#Member_wrapper{
	border:1px solid #ddd;
	padding:60px;
}
div#login_area{
	overflow:hidden;
	position:relative;
}
div#login_area h3{
	color:#333;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
div#login_area .line_box{
	left:50%;
	height:143px;
	margin-left:-12px;
	padding-top: 55px;
	position:absolute;
	background:url("/pages/member/images/member_line.gif") repeat-y center;
}
div#login_area .line_box span{
	color:#333;
	font-size:15px;
	font-weight:bold;
	padding:8px;
	background:#fff;
}

/* 멤버로그인 */
div#login_area .loginBox{
	width:42%;
	float:left;
}
div#login_area input{
	width: 100%;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ddd;
	padding:0;
	background: #fff;
}
div#login_area dl{
	width:100%;
	display:table;
	padding:0px 0 9px;
}
div#login_area dl dt{
	display: none;
}
div#login_area dl dd{
	color:#333;
	padding:0;
}

/* sns 로그인 */
div#login_area .login_sns{
	width:42%;
	float:right;
	display:hidden;
}
div#login_area .login_sns ol{list-style:none;}
	div#login_area .login_sns ol li{
		text-align:center;
		margin:0 0 9px;
	}
	div#login_area .login_sns ol li a{
		color:#fff;
		font-size:16px;
		font-weight:bold;
		line-height:40px;
		display:block;
	}
/* Kakao Toalk */
div#login_area .login_sns ol li.k{
	background:#ffe800 url("/pages/member/images/icon_kakadotoalk.png") no-repeat 8px center;
	padding-left:40px;
}
	div#login_area .login_sns ol li.k a{background:#ffba00;}
/* naver */
div#login_area .login_sns ol li.n{
	background:#2cb400 url("/pages/member/images/icon_naver.png") no-repeat 10px center;
	padding-left:40px;
}
	div#login_area .login_sns ol li.n a{background:#259700;}
/* facebook */
div#login_area .login_sns ol li.f{
	background:#3a5897 url("/pages/member/images/icon_facebook.png") no-repeat 13px center;
	padding-left:40px;
}
	div#login_area .login_sns ol li.f a{background:#153a89;}

/* 회원가입여부 확인 */
div#Member_wrapper #loginBtnArea{
	margin-top:30px;
	padding-top:30px;
	border-top: 1px solid #ddd;
	overflow:hidden;
}
div#Member_wrapper #loginBtnArea dl{
	font-size:13px;
	float:left;
}
	div#Member_wrapper #loginBtnArea dl.member_join{
		width:50%;
		border-right: 1px solid #ddd;
	}
	div#Member_wrapper #loginBtnArea dl.idpw_search{
		padding-left:50px;
	}
div#Member_wrapper #loginBtnArea dl dt{color:#333;}
div#Member_wrapper #loginBtnArea dl dt span{color:#060606; font-weight:bold;}
div#Member_wrapper #loginBtnArea dl dd{color:#555;}
div#Member_wrapper #loginBtnArea dl dd.loginBtn_info{padding-top:10px;}




/* ----------------------------- 아이디/비밀번호 조회 ----------------------------- */
#idpw_search{
	overflow:hidden;
}
#idpw_search input{
	height: 38px;
	padding:0;
}
#idpw_search select{
	height: 38px;
	padding:0;
}
#idpw_search .buttons{
	width:190px;
	text-align:center;
	margin:30px auto 0px;
}



/* ----------------------------- 회원가입 ----------------------------- */
.col-pink {color: red !important;}
.join_area h3{color:#222; font-size:18px; font-weight:bold;}
.join_area h4{
	color:#222;
	font-size:14px;
	font-weight:bold;
	background:none;
	padding:0;
}

/* ---------- 회원가입 순서 ---------- */
div.stepBox{
	width:100%;
	margin:0 0 40px;
}
div.stepBox ul{
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
div.stepBox ul li{
	width:33.3%;
	color:#444;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:20px 0;
	background:url('/pages/member/images/member_line.gif') no-repeat left center;
	float:left;
}
div.stepBox ul li span{font-weight:normal;}
div.stepBox ul li:first-child{
	background:none;
}
div.stepBox ul li.on{
	color:#fff;
	background:url('/pages/member/images/step_bg_on.gif') repeat left 0;
}

/* ---------- 약관동의 ---------- */
/* 전체약관동의 */
.all_check{
	padding-bottom:20px;
	margin:60px 0 40px;
	border-bottom:1px solid #ddd;
	position:relative;
}
.all_check p{
	color:#444;
	font-size:14px;
	padding:5px 0;
}
.all_check p.check_ok{
	top:8px;
	right:0px;
	color:#222;
	font-size:16px;
	font-weight:bold;
	padding-left:28px;
	position:absolute;
	background:url('/pages/member/images/icon_all_no.png') no-repeat left center;
}
.all_check p.on{
	background:url('/pages/member/images/icon_all_ok.png') no-repeat left center;
}
/* 약관동의-라디오버튼 */
.join_area .agree_check{
	position:relative;
}
	.join_area .agree_check fieldset{
		bottom:0;
		right:0;
		position:absolute;
	}
/* 약관박스 */
.join_area p.agree_box {
	border:1px solid #ddd;
	margin:5px 0 30px;
	padding:10px;
}
.join_area textarea {
	width: 100%;
	height: 100px;
	font-size: 12px;
	background-color: transparent;
	border:none;
}




/* 가입완료 */
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;
}




/* ------------------------------------------
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;}



/* 회원탈퇴 */
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;}







/* ----------------------------- box ----------------------------- */
.box1{
	border-top:1px solid #000;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:25px 40px;
	margin:70px 0 0;
	background:#f7f7f7;
}
	.box1 h3{color:#060606; font-size:15px; font-weight:bold;}
	.box1 p{color:#555555; font-size:13px; padding:10px 0 0;}

.box2{
	border:1px solid #e3e3e3;
	padding:1px;
}
	.box2 .cont{background-color:#f8f8f8; padding:13px 8px 23px;}

.box_gray{background:#f0f0f0; border:1px solid #ddd;}

.fl{float:left !important}
.fr{float:right !important}



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

/* ----------------------------- Membership Table ----------------------------- */
table.member_tstyle { 
	border-top: 2px solid #333;
}
table.member_tstyle th, table.member_tstyle td {
	padding:15px 20px;
}
table.member_tstyle th { 
	color:#4c4c4c;
	font-size:13px;
	text-align:left; 
	border-bottom:1px solid #ddd; 
	background:#fff url("/pages/member/images/member_line.gif") top right no-repeat;
}
table.member_tstyle td {
	color:#333;
	font-size:15px;
	text-align:left;
	border-bottom:1px solid #ddd; 
	background:#fff; 
}
table.member_tstyle td span.radio_inline{ 
	padding-right:20px;
}



/* ----------------------------- Membership btn ----------------------------- */
/* 로그인버튼 */
a.login_bt { 
	color:#fff; 
	background:#2e6ea5;  
	font-size:16px; 
	display:inline-block; 
	padding: 10px 0px;
	font-weight:bold;
	width:100%;
	border:1px solid #2e6ea5;  
}
a.login_bt_m {
	background: #fff;
	border: 1px solid #999;
	color: #333;
	display: inline-block;
	padding: 5px 35px;
	text-align: center;
	border-radius: 3px;
}






a.login_id_bt {
    background: #6d6d6d none repeat scroll 0 0;
    border: 1px solid #555555;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
    width: 142px;
	border-radius: 3px;
}
a.btn-se {
    background: #4792d2;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    width: 100%;
}