@charset "utf-8";

.join_conten { border: 1px solid #BCBCBC; height: 250px; display: block; overflow: auto; padding: 10px; line-height: 18px; color: #666666; }

.join_title { font-size: 15px; font-weight: bold; margin-top: 30px; margin-bottom: 10px; display: block; }
.agree_txt { background-color: #F0F0F0; display: block; padding: 15px; margin-top: 10px; margin-bottom: 20px; font-family: "맑은 고딕"; font-size: 13px; font-weight: bold; }
.join_btn_warp { display: inline-block; width: 980px; margin-bottom: 30px; margin-top: 10px; }
.join_btn { TEXT-ALIGN: center; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #BCBCBC; WIDTH: 150px; HEIGHT: 40px; COLOR: #fff; FONT-SIZE: 14px; font-weight:bold; text-decoration:none; border: 1px solid #B6B6B6; font-family: "맑은 고딕"; margin-left: 5px; float: left; }

.join_btn.agree { background-color: #8292C1; margin-left: 335px; border: 1px solid #6C80B7; }
.join_btn.join { background-color: #8292C1; margin-left: 430px; border: 1px solid #7C8DBE; margin-top: 10px; width: 120px; }

.join_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }

.join_form {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #495C94;
}
.star_mark { font-size: 12px; font-weight: normal; margin-left: 10px; margin-bottom: 5px; }
.join_form dl { clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E1E1E1; display: inline-block; width: 980px; background-color: #F0F0F0; }
.join_form dl dt { float: left; width: 180px; font-weight: bold; text-align: center; padding-top: 12px; padding-bottom: 10px; }
.join_form dl dd {
	float: left;
	width: 780px;
	background-color: #FFF;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 160%;
}

.join_input { line-height: 25px; height: 25px; border: 1px solid #CCC; padding-right: 4px; padding-left: 4px; }
.addr li { margin-bottom: 5px; }


.zipccode { display: inline-block; }
.zip_input { float: left; }
.addr_btn { TEXT-ALIGN: center; LINE-HEIGHT: 23px; BACKGROUND-COLOR: #BCBCBC; WIDTH: 90px; HEIGHT: 25px; COLOR: #fff; FONT-SIZE: 12px; font-weight:bold; text-decoration:none; border: 1px solid #B6B6B6; font-family: "맑은 고딕"; margin-left: 4px; float: left; }
.addr_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }
.addr_btn.org { background-color: #F60; border: 1px solid #F26100; }

.addr_btn.leftNomg { margin-left: 0px; margin-bottom: -5px; }
.bojo_txt { color: #999; display: block; margin-top: 10px; font-size: 11px; clear: both; }
.left_input { float: left; }
.input_warp { display: inline-block; } 
#name_chk { font-size: 15px; font-weight: bold; margin-bottom: 4px; display: inline-block; }

.out_txt { font-size: 11px; line-height: 17px; color: #999; font-weight: normal; }

.support_warp { display: block; border-top-width: 2px; border-top-style: solid; border-top-color: #495C94; margin-top: 20px; padding-top: 10px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; color: #888888; }

#login_warp { height: 380px; width: 700px; margin-right: auto; margin-left: auto; border: 1px solid #e5e5e7; margin-top: 70px; margin-bottom: -70px; -webkit-border-radius: 7px; border-radius: 7px; box-shadow: 5px 5px 10px #eaeaed; }
#login_warp .login_txt { font-family: "맑은 고딕"; font-size: 30px; text-align: center; display: block; color: #8E8E8E; margin-top: 50px; margin-bottom: 50px; letter-spacing: -2px; }
#login_warp .login_ad_box_warp { background-color: #f8f7f3; width: 620px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; border-radius: 6px; border: 1px solid #F0F0F0; display: block; height: 180px; }
.login_ad_box_warp .login_form { width: 280px; margin-left: 30px; padding-right: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #EBE9DC; float: left; height: 140px; padding-top: 30px; }
.login_ad_box_warp .ad { float: right; width: 260px; margin-right: 20px; }
.adtxt { font-family: "맑은 고딕"; font-size: 17px; letter-spacing: -2px; color: #8292C1; margin-top: 35px; }
.adtxt li { text-align: center; margin-top: 10px; margin-bottom: 10px; }
.adtxt .big { font-size: 28px; margin-top: 15px; margin-bottom: 15px; }

.login_err { color: #F60; display: block; margin-top: -20px; margin-bottom: 15px; }

.login_form dl { display: block;/* [disabled]margin-top: 40px; */ }
.login_form dl dt { float: left; width: 193px; }
.login_form .login { height: 27px; width: 180px; padding-right: 4px; padding-left: 4px; margin-bottom: 6px; border: 1px solid #D2D2D2; }

.login_form dl dd { float: left; width: 60px; }
.login_form .join { display: inline-block; margin-top: 20px; clear: both; }
.join img { margin-bottom: 4px; margin-right: 6px; }
.login_btn { TEXT-ALIGN: center; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #8292C1; WIDTH: 75px; HEIGHT: 63px; COLOR: #fff; FONT-SIZE: 14px; font-weight:bold; text-decoration:none; border: 1px solid #7385B9; font-family: "맑은 고딕"; margin-left: 4px; border-radius: 3px; }
.login_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }

.pay_tbl { border-top-width: 2px; border-top-style: solid; border-top-color: #495b94; }
.pay_tbl tr th,.pay_tbl tr td{ border-bottom:1px solid #E4E4E4; border-left:1px solid #E4E4E4; text-align:center; padding-top: 9px; padding-bottom: 5px; }
.pay_tbl .thead { background-color: #F2F2F2; }
.pay_tbl tr .fst { border-left-style: none; }
.pay_tbl tr .small { font-size: 11px; color: #999; }


.rec_btn { TEXT-ALIGN: center; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #BCBCBC; WIDTH: 60px; HEIGHT: 22px; COLOR: #fff; FONT-SIZE: 12px; font-weight:bold; text-decoration:none; border: 1px solid #B6B6B6; font-family: "맑은 고딕"; margin-left: 23px; }
.rec_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }

.nomen_odr_btn { TEXT-ALIGN: center; LINE-HEIGHT: 23px; BACKGROUND-COLOR: #FF9900; WIDTH: 110px; HEIGHT: 25px; COLOR: #fff; FONT-SIZE: 12px; font-weight:bold; text-decoration:none; border: 1px solid #F79400; font-family: "맑은 고딕"; margin-left: 4px; }
.nomen_odr_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }

.no_mem_order { margin-top: 10px; display: block; }