@charset "utf-8";



/* 로그인 */
/* 로그인 Layout */
.member-login					{ position:relative; width:100%; margin:30px auto 80px auto; border:1px solid #e3e3e3; background:#fff;  text-align:center }
.member-login form.memberLogin01	{ display:inline-block; *display:inline; width:55%; min-width:530px; margin:0 auto 50px; vertical-align:top; text-align:left; zoom:1  }
.member-login form h1		{ width:80%; height:54px; margin:0 auto; padding:60px 0 0; font-size:30px; color:#333; font-family:'NanumBarunGothicBold'; }
.member-login form h2		{ height:49px; margin:0; padding:65px 0 0 0; font-size:21px; color:#333; font-family:'NanumBarunGothicBold';  }

/* Login 입력폼 */
#login-wrapper01				{ width:80%; margin:0 auto }
#login-wrapper01 li			{ height:70px }
#login-wrapper01 li label	{ display:block; margin-bottom:5px; font-size:13px; color:#333; font-family:'NanumBarunGothicBold'; }
#login-wrapper01 li input.inputText	{ width:96%; text-align:left; font-size:14px; font-family:'NanumGothic'; }

/* Login 캐챠 */
#login-wrapper01 .loginKey	{ position:relative; margin-bottom:20px; padding-left:130px; }
#login-wrapper01 .loginKey	img{ position:absolute; top:0; left:0}
#login-wrapper01 input#wr_key{ width:94%; height:34px}
#login-wrapper01 .loginKey strong{ display:block; padding:5px }

/* Login 아이디저장 */
.member-login .id_save		{ height:40px; zoom:1}
.member-login .id_save:after{ content:""; display:block; clear:both}
.member-login .id_save *	{ float:left; font-family:'NanumGothic'; font-size:13px; color:#999; line-height:24px; vertical-align:middle }
.member-login .id_save label{ padding-left:5px; padding-right:10px; color:#333}

/* Login 로그인버튼 */
.member-login div.login		{ margin-bottom:50px; text-align:center}

/* Login 아직도 회원이 아니신가요 */
div.login_bt					{ width:74%; height:35px; margin:0 auto; font-size:11px; color:#999; font-family:'NanumGothic'; zoom:1}
div.login_bt:after			{ content:""; display:block; clear:both}
div.login_bt *					{ float:left; font-size:13px; line-height:160%; vertical-align:middle }
div.login_bt li a				{ padding:0 6px; color:#555; font-family:'NanumBarunGothicBold'; background:url("/board/images/member/lineLogin.gif") no-repeat 0 4px}
div.login_bt li:first-child a	{ color:#3daa12; background:none }




/* SNS 로그인 */
.sns_login						{ width:90%; margin:0 auto; text-align:center; zoom:1}
.sns_login:after				{ content:""; display:block; clear:both}
.sns_login *					{ vertical-align:middle}
.sns_login>div				{ float:left; width:48%; margin:0 2px 1% 2px; }
.sns_login>div>a			{ display:block; padding:7px 0; font-size:12px; color:#fff; font-family:'NanumBarunGothicBold'; text-align:center; border-radius:3px}
.sns_login>div>a:focus,
.sns_login>div>a:hover		{ color:#fff !important }
.sns_login .facebook a		{ background:#4b67a6; }
.sns_login .tweeter a		{ background:#595959 }
.sns_login .cacao a			{ color:#3c1e1e; background:#ffeb00 }
.sns_login .cacao a:focus,
.sns_login .cacao a:hover	{ color:#3c1e1e !important }
.sns_login .naver a			{ background:#32bf00; }
.sns_login .daum			{ float:left; width:48%; margin:0 2px 1% 2px; height:36px; background:url("/board/oauth/img/imgDaum_04.jpg") no-repeat right 0}
.sns_login .daum a			{ float:left; height:20px; padding:8px 0 10px 40px; font-size:12px; color:#333; font-family:'NanumBarunGothicBold'; background:url("/board/oauth/img/imgDaum_03.jpg") no-repeat 0 0; }
.sns_login .daum a:focus,
.sns_login .daum a:hover	{ color:#333 !important }
.sns_login .instagram		{ float:left; width:48%; margin:0 2px 1% 2px; height:36px; background:url("/board/oauth/img/imgInstagram_04.jpg") no-repeat right 0}
.sns_login .instagram a		{ float:left; height:20px; padding:8px 0 10px 40px; font-size:12px; color:#fff; font-family:'NanumBarunGothicBold'; background:url("/board/oauth/img/imgInstagram_03.jpg") no-repeat 0 0; }
.sns_login .instagram a:focus,
.sns_login .instagram a:hover{ color:#fff !important }

/* 2015.01.27  카카오톡 로그아웃 */
.sns_login_header				{ background:#fff;height:46px; margin-bottom:20px; border-bottom:1px solid #a8b2b6;  }
.sns_login_header h1			{ width:880px; margin:10px auto; text-align:left; font-size:14px; font-family: 'Nanum Gothic', sans-serif; }
.cacao_logout					{ border-top: 4px solid #ffde00}
.facebook_logout				{ border-top: 4px solid #48649f}
.twitter_logout				{ border-top: 4px solid #222}
.sns_login_header h1 *		{ vertical-align:middle }
.buttons-arrow					{ width:0; height:0; margin:0 auto;border:8px solid white;border-bottom-color:#ededed; }
.page-logout					{ position:relative; width:888px; margin:0 auto; margin-bottom:15px; border:1px solid rgba(0,0,0,0.1); border-radius:6px; background-clip:padding-box; text-align:center }
.page-logout h1				{ margin:20px 0; padding-top:60px; font-size:26px;line-height:.8; color:#292f33; text-align:center; font-family: 'Nanum Gothic', sans-serif  }
.page-logout .buttons		{ width:auto; margin:0 auto; background:#ededed;border-radius:5px;padding:13px 13px 15px;line-height:32px;display:inline-block; text-align:center }
.page-logout .buttons .btn_logout	{ display:inline-block; margin:0 5px; background-color:#ccd6dd; background-repeat:no-repeat; border:1px solid #e1e8ed; border-radius:4px; color:#66757f; line-height:normal;}
.page-logout .buttons .btn_logout	{ position:relative; background-color:#f5f8fa;background-image:linear-gradient(#fff,#f5f8fa);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f8fa)"; padding:8px 16px; font-size:14px; font-family:'NanumBarunGothicBold'; }
.page-logout .buttons .btn_logout:focus,	
.page-logout .buttons .btn_logout:hover	{ background:#ccd6dd; color:#292f33;text-decoration:none;border-color:#e1e8ed}
.page-logout .buttons #custom-login-btn	{ margin:0 5px; background:#3c3c3c; border-radius:4px; padding:8px 16px; font-size:14px; font-family:'NanumBarunGothicBold'; color:#fff;}
.aside							{ color:#66757f;text-align:center;font-family:Georgia,Times,serif;font-size:13px;margin:24px 0 80px}		

@media all and (max-width:1000px) {	
	.sns_login_header			{ background:#fff; height:aito; padding:5%; margin-bottom:20px; border-bottom:1px solid #a8b2b6;  }
	.sns_login_header h1		{ width:90%;  }
	.sns_login_header h1 img{ width:25%; }
	.buttons-arrow				{ width:0; height:0; margin:0 auto;border:20px solid white;border-bottom-color:#ededed; }	
	.page-logout				{ width:90%; }
	.cacao_logout				{ border-top:15px solid #ffde00}
	.facebook_logout			{ border-top:15px solid #48649f}
	.twitter_logout			{ border-top:15px solid #222}
	.page-logout .buttons .btn_logout			{ margin:0 10px; padding:18px 35px; font-size:36px;}
	.page-logout .buttons #custom-login-btn	{ margin:0 10px; padding:18px 35px; font-size:36px;}
	.page-logout h1			{ font-size:45px; }
	.aside p						{ font-size:24px;margin:34px 0 80px}		
}




/* 비회원 주문로그인 */
form.belogin-wrapper			{ display:inline-block; *display:inline; zoom:1; width:220px; min-height:648px; padding:0 1% 0 4%; vertical-align:top; text-align:left; border-left:1px solid #e3e3e3 }
.berow-input li				{ height:70px }
.berow-input li label		{ display:block; margin-bottom:5px; font-family:'NanumBarunGothicBold'; font-size:13px; color:#333 }
.berow-input li input.inputText	{ width:195px}
.belogin							{ margin-bottom:15px; padding-top:20px; text-align:center }
.member_order_text			{ width:100%}




/* 아이디와 비밀번호찾기 */
.idpwSearch						{ position:relative; width:755px; height:515px; margin:30px auto 80px auto; border:1px solid #e3e3e3; background:#fff; }
.idpwSearch h1					{ height:58px; margin:0; padding:46px 0 0 59px; font-family:'NanumBarunGothicBold'; font-size:28px; color:#333 }

#idpw_search					{ position:relative; width:635px; height:390px; margin:0 0 0 59px; zoom:1 }
#idpw_search	:after		{ content:""; display:block; clear:both}
#idpw_search .title 			{ float:left; width:100%; background:url("/board/images/member/bgIdPwSearch.gif") repeat-x 0 0; }
#idpw_search .title li		{ float:left; height:44px; margin:0; }
#idpw_search>div				{ position:absolute; top:70px; left:0; width:100%; height:345px; }
#idpw_search>div ul			{ height:35px; margin:0; font-family:'NanumGothic'; line-height:140%; zoom:1 }
#idpw_search>div ul:after	{ content:""; display:block; clear:both}
#idpw_search>div ul li		{ float:left; margin-right:30px; font-size:13px }
#idpw_search>div ul li	*	{ vertical-align:middle }

#idpw_search .ipin_btn		{ padding:15px 0; margin-top:0 !important}
#idpw_search .ipin_btn ul	{ height:61px; margin-top:0 !important}
#idpw_search .ipin_btn ul li	{ margin:0; padding:45px 0px 45px 39px }
#idpw_search .ipin_btn ul li:first-child { padding:45px 41px 45px 51px; border-right:1px dotted #85bc3c }
#idpw_search .btn01			{ width:100%; text-align:center; padding-top:30px }

div.Id-wrapper					{ width:635px; height:auto; margin:0 auto; border-top:1px solid #d1d1d1; background:#f8f8f8; }
div.Id-wrapper dl				{ width:100%; margin:0; border-bottom:1px solid #d1d1d1; zoom:1 }
div.Id-wrapper dl:after		{ content:""; clear:both;display:block }
div.Id-wrapper dt				{ float:left; width:20%; margin:0; padding:20px 2% 20px 5%; text-align:left; color:#575757; font-family:'NanumBarunGothicBold'; vertical-align:top;  }
div.Id-wrapper dd				{ float:right; width:67%; margin:0; padding:14px 2% 14px 3%; background:#fff;  }
div.Id-wrapper dd input.inputText{ width:215px; height:23px}
div.Id-wrapper dd *			{ vertical-align:middle }
div.Id-wrapper dd div		{ padding-top:5px; font-family:'NanumGothic';  }
div.Id-wrapper dd div *		{ display:inline-block; *display:inline; zoom:1}
div.Id-wrapper dd div:first-child{ padding-top:0 }
div.Id-wrapper dd div #user_phone02, 
div.Id-wrapper dd div #user_phone05{ width:130px }

/* 아이디와 비밀번호찾기 완료 */
#idpw_search .finish			{ width:635px; height:auto; margin:0;  border:1px solid #ededed; background:#fbfbfb; text-align:center }
#idpw_search .finish p		{ height:40px; margin:0; padding:55px 0 0 0; font-size:16px; font-family:'NanumGothic'; ; }
#idpw_search .finish p *	{ display:inline-block; zoom:1 }
#idpw_search .finish p strong{ color:#579d05 }
#idpw_search .finish div	{ margin-bottom:52px }






/* 회원가입/수정버튼 */
/* 버튼 공통 */
.bt_write input.member,
.bt_write a.member,
.login input.member,
.bt_write .cancel	,
.belogin input.login			{ display:inline-block; *display:inline; zoom:1; padding:13px 45px; vertical-align:top; text-align:center; font-family:'NanumGothicBold'; font-size:15px; line-height:160%; color:#fff; border-radius:3px; cursor:pointer; }

.bt_write input.member,
.bt_write a.member,
.login input.member			{ height:52px; color:#fff; border:0; background: #555;}
.bt_write input.member:hover,
.bt_write a.member:hover,
.login input.member:hover,
.bt_write input.member:focus,
.bt_write a.member:focus,
.login input.member:focus	{ color:#fff !important }

.bt_write .cancel,
.belogin input.login			{ color:#555; border:1px solid #555; background:none;}
div .bt_write a.cancel:hover,
div .bt_write a.cancel:focus	{ color:#555 !important}

.belogin input.login			{ height:44px; font-size:15px; padding:10px 20px }
.bt_write a.member			{ height:30px;  }
.bt_write a.member:hover,
.bt_write a.member:focus	{ color:#fff !important }



/* 회원가입 공통폼*/
div.member_area				{ width:100%; margin:0 auto; padding-bottom:60px }
/* 회원가입 진행단계*/
div.step_no						{ position:relative; width:100%; height:110px; background:url("/board/images/member/bgMemberTop.jpg") repeat-x 0 0;  }
div.step_no h1					{ width:50%; height:40px; margin:0 0 0 5%; padding-top:30px; font-size:31px; color:#fff; font-family:'NanumBarunGothicBold';  }
div.step_no p					{ width:50%; margin:0 0 0 5%; color:#fff; font-family:'NanumGothic'; }
div.step_no ul					{ position:absolute; top:0; right:0;}
div.step_no li					{ float:left}


/* 회원가입 약관동의*/
div.agreement					{ position:relative; width:100%; text-align:left; }
div.agreement fieldset		{ position:relative; margin:0; padding:0 0 50px; border:1px solid #e3e3e3; }
div.agreement h1				{ width:90%; height:22px; margin:0 auto; padding-top:60px; font-size:16px; font-family:'NanumBarunGothicBold'; color:#333 }
div.agreement div.rule		{ width:86%; height:200px; overflow:auto; margin:0 auto; padding:10px 2%; border:1px solid #dedfde; line-height:160%;  }
div.agree						{ width:90%; margin:0 auto; padding:10px 0 20px 0; color:#393939; font-family:'NanumGothic';}
div.agree *						{ vertical-align:middle }
/* 회원가입 약관동의 버튼*/
div.bt_write					{ position:relative; width:auto; padding:20px 0 50px 0; text-align:center }


/* 회원가입 입력테이블*/
div.agreement fieldset h2	{ width:90%; margin:auto; padding:60px 0 5px 0; border-bottom:1px solid #e6e6e6; font-size:24px; font-family:'NanumBarunGothicBold'; }
div.agreement fieldset .text_strong	{ position:absolute; top:59px; left:200px; padding-left:10px; font-family:'NanumGothic'; border-left:1px solid #a5a5a5 }
table.join						{ width:90%; margin:30px auto; padding:0 }	
table.join colgroup col.title	{ width:120px; }
table.join tbody th			{ padding:15px 0 10px 15px; font-size:14px; color:#414141; text-align:left; vertical-align:top; font-family:'NanumBarunGothicBold'; }
table.join tbody td			{ padding:10px; font-size:12px; font-family:'NanumBarunGothic';}
table.join span				{ color:#ff6622 }
table.join td .inputText	{ height:24px}
table.join td .inputLong	{ width:300px}
table.join td .inputEtc		{ width:95%; padding:2px 4px 0 4px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #efefef; border-bottom:1px solid #efefef;background:#f2f2f2}
table.join td *				{ vertical-align:middle; line-height:160% }
table.join td img 			{ vertical-align:top}
table.join td p				{ margin:0; padding-top:5px; font-size:12px }
table.join input.pNum		{ width:100px }
table.join input.PNum_etc	{ width:50px; margin-bottom:2px}
table.join input.PNum_year	{ width:70px}
table.join input.address	{ width:300px; margin-bottom:3px}
table.join input#wr_key		{ height:50px}
table.join a.btn_small02	{ display:inline-block; *display:inline; zoom:1; line-height:29px}
ul.member_confirm .strong	{ color:#ff6622; font-size:13px;font-family:'NanumBarunGothicBold'; }




/* 회원가입시 이메일인증 */
ul.member_confirm				{ width:90%; margin:0 auto; padding:30px 0; border-top:1px solid #dfdfdf; }
ul.member_confirm>li			{ padding:5px 0 5px 160px; font-family:'NanumGothic';  }
ul.member_confirm>li	*		{ vertical-align:middle }
ul.member_confirm>li>ul		{ margin-top:10px; padding:10px; background:#f5f5f5 }
ul.member_confirm>li>ul>li	{ padding:3px 5px}
#msg_mb_hp_check		{ display:block; width:100%; padding-top:15px}
/* 회원가입시 버튼 */
ul.bt_write						{ position:relative; width:auto; margin:40px auto 45px auto; text-align:center }
ul.bt_write li					{ display:inline-block; *display:inline; padding:0 2px; zoom:1}	

/* 회원가입완료 */
.join_ok							{ position:relative; margin:0; padding:80px 0 0 0; background-color:#fff; border:1px solid #e3e3e3; border-top:0}
.join_ok p						{ width:90%; margin:0 auto 20px auto; padding:45px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:16px; color:#333; text-align:center; font-family:'NanumBarunGothicBold'; line-height:160%}
.join_ok p span				{ color:#ff6622 }

/*  회원탈퇴  */
div.member_out					{ width:100%; zoom:1}
div.member_out:after			{ content:""; display:block; clear:both}
div.member_out01				{ position:relative; width:100%; margin:0 0 30px}
div.member_out01>.real_name_wrapper:first-child	{ padding-right:2%}
div.member_out .real_name_wrapper	{ display:inline-block; *display:inline; box-sizing:border-box; width:49%; zoom:1}
div.member_out .real_name_wrapper:after	{ content:""; display:block; clear:both}
div.member_out .real_name_wrapper .title	{ float:left; width:100%; padding-bottom:10px; margin-bottom:20px; border-bottom:3px solid #e5e5e5}
div.member_out .real_name_wrapper .title label	{ padding:5px; line-height:98%; font-size:15px; font-family:'NanumBarunGothicBold'; }
div.member_out .real_name_wrapper *	{ float:left; vertical-align:middle }
div.member_out .real_name_wrapper ul.out_row-input		{ float:left; width:100%; margin:0; padding:0 0 10px 0; border-bottom:3px solid #e5e5e5; text-align:left}
div.member_out .real_name_wrapper ul.out_row-input li	{ width:100%; padding-bottom:10px  }
div.member_out .real_name_wrapper ul.out_row-input label{ width:65px; padding-left:15px; line-height:200%; font-family:'NanumBarunGothicBold'; }
div.member_out .real_name_wrapper ul.out_row-input input.inputText	{ width:70% }
div.bt_write					{ position:relative; width:auto; padding:20px 0 50px 0; text-align:center }


/*  배송지관리  */
td ul.myaddress_mod			{ width:100%; padding:10px 0; background:#efefef; zoom:1 }
td ul.myaddress_mod:after	{ content:""; display:block; clear:both}
td ul.myaddress_mod li		{ float:left;  }
td ul.myaddress_mod li *	{ vertical-align:middle; }
td ul.myaddress_mod .PNum_etc{ width:20%}
td ul.myaddress_mod .address	{ width:75%}



/* 2011.01.11 */
/* Pop Search ID */
form.popSearch					{ width:430px; height:100%; margin:30px auto 0; zoom:1}
form.popSearch:after			{ content:""; display:block; clear:both}
form.popSearch h3				{ position:relative; height:47px !important; text-align:center; margin-top:20px;  }

table.popId-wrapper	 		{ width:430px; height:auto; margin:0 auto; padding:0 20px 5px 20px; border:1px solid #e3e3e3; zoom:1}
table.popId-wrapper:after	{ content:""; display:block; clear:both}
table.popId-wrapper input { height:24px;}
table.popId-wrapper .row-input { width:96%; padding:5px 2%; text-align:left; }
table.popId-wrapper .row-input:after	{ content:""; display:block; clear:both}
table.popId-wrapper .row-input * { display: inline-block; }
table.popId-wrapper .row-input label img{ margin:4px 10px 4px 0; *margin:4px 10px 4px 15%; margin-bottom:5px}
table.popId-wrapper .row-input li		{ width:100%; padding-bottom:4px}

div.popId-wrapper .row-input01			{ width:95%; margin:0 auto 20px auto; padding:50px 10% 30px 10%; zoom:1}
div.popId-wrapper .row-input01:after	{ content:""; display:block; clear:both}
div.popId-wrapper .row-input01 li		{ text-align:center;}
div.popId-wrapper .row-input02			{ width:95%; margin:0 auto 20px auto; padding:35px 10px 0 10px; zoom:1}
div.popId-wrapper .row-input02:after	{ content:""; display:block; clear:both}
div.popId-wrapper .row-input02 li		{ text-align:center;}

.w_40								{ width:40% !important}
.h_50								{ height:50px !important}



/* 2011.04.14 */
/* Popup ID */
.id_bt							{ text-align:center; padding:5px 0 10px 0; }
.id_bt01							{ text-align:center; padding:15px 0; border-top:1px solid #e0e0e0;}
.id_bt02							{ border-bottom:1px dotted #cdcdcd;}




/* 영문 */
/* 회원가입 절차 */
.step_no_eng 					{ position:relative; width:100%; }
.step_no_eng ul				{ zoom:1}
.step_no_eng ul:after		{ content:""; display:block; clear:both}
.step_no_eng ul li			{ float:left; width:33.2%; margin-left:0.2%; padding:10px 0; text-align:center; color:#fff; font-size:13px; border-radius:0 25px 0 0; background:#a6a6a6 }
.step_no_eng ul li:first-child	{ margin-left:0}
.step_no_eng ul li strong	{ font-size:17px;}
.step_no_eng ul li.on		{ background:#535353}

/* 회원가입 완료 */
.join_ok_eng					{ position:relative; padding:80px 0 0; text-align:center; background-color:#fff; }
.join_ok_eng p					{ width:90%; margin:0 auto 20px auto; padding:45px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:16px; color:#333; text-align:center; line-height:160%}
.join_ok_eng p.bg				{ background:#f9f9f9; }
.join_ok_eng p span			{ color:#ff6622 }

.join_ok_eng h4.title		{ font-size:20px; text-align:center; color:#4c7766;}



/* 아이디 패스워드 찾기 */
#idpw_search .finish p.text_eng	{ width:100%; text-align:center; height:auto }