
/*a:link { color:#666; text-decoration: none }
a:visited { color:#666; text-decoration: none }
a:hover { color:#000; text-decoration: none }
a:active { color: #666; text-decoration: none }*/

* {font-family:"NotoKR-Regular",sans-serif; letter-spacing:-0.5pt;}	
form { margin:0; }
p { margin-top: 0px; margin-bottom: 0px }
td,table {font-size: 13px; color:#666; line-height:150%;}
fieldset, legend {border:0; margin:0; padding:0;}
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:999px;white-space:nowrap}

input[type=text], input[type=passwd], input[type=file],textarea {border-radius:0; -webkit-appearance: none  !important;}	/* ios 둥근라인 없애기*/
input[type=button], input[type=submit] {border-radius:0; -webkit-appearance: none  !important; -moz-appearance: none  !important; appearance: none  !important;}	

/* 버튼 스타일 */
.btn_w {display:inline-block; background:#fff; text-align:center; color:#666; font-weight:100; font-family:"NotoKR-Regular",sans-serif; border:1px solid #a3a3a3; cursor:pointer;}
.btn_wb {display:inline-block; background:#fff; text-align:center; color:#333; font-weight:100; font-family:"NotoKR-Regular",sans-serif; border:1px solid #2c2c2c; cursor:pointer;}
.btn_ag {display:inline-block; background:#fff; text-align:center; color:#333; font-weight:100; font-family:"NotoKR-Regular",sans-serif; border:1px solid #2c2c2c; cursor:pointer;}
.btn_b {display:inline-block; background:#2c2c2c; text-align:center; color:#fff; font-weight:100; font-family:"NotoKR-Regular",sans-serif; border:1px solid #2c2c2c; cursor:pointer;}
.btn_g {display:inline-block; background:#6b6b6b; text-align:center; color:#fff; font-weight:100; font-family:"NotoKR-Regular",sans-serif; border:1px solid #6b6b6b; cursor:pointer;}
.btn_i {display:inline-block; background:#3e3d3c; text-align:center; color:#fff; font-weight:100; font-family:"NotoKR-Regular",sans-serif; border:1px solid #3e3d3c; cursor:pointer;}
.btn_blue {display:inline-block; background:#34a2ef; text-align:center; color:#fff; font-weight:100; font-family:"NotoKR-Regular",sans-serif; border:1px solid #34a2ef; cursor:pointer;}

/* 인풋 */
input.input_login {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}
input.input_idpw {border:1px solid #ddd; color:#666; font-size:13px; padding:0 12px; height:36px; line-height:36px; vertical-align:middle;}
input[type=checkbox] {width:16px; height:16px; margin:0; font-size:13px; color:#666; vertical-align:middle;}
input[type=radio] {width:16px; height:16px; color:#666; font-size:13px; vertical-align:middle;}
input[type=text], input[type=password] {border:1px solid #ddd; color:#666; font-size:13px; padding:0 6px; height:36px; line-height:36px; vertical-align:middle;}

input.input_num {width:38px;}
input.add_num {max-width:60px;}
input.input_date {width:28px;}
input.input_resno {width:132px;}
input.input_file {width:100%; box-sizing:border-box; background:none; font-size:13px;}
input.input_100 {width:100%; box-sizing:border-box;}


/* 여백 */
.tpad_20{padding-top:20px;}
.bpad_5 {padding-bottom:5px;}
.bpad_10 {padding-bottom:10px;}
.bpad_15 {padding-bottom:15px;}
.bpad_20 {padding-bottom:20px;}
.bpad_30 {padding-bottom:30px;}
.bpad_40 {padding-bottom:40px;}
.bpad_50 {padding-bottom:50px;}

.rpad_3  {padding-right:3px;}
.rpad_5  {padding-right:5px;}
.rpad_10 {padding-right:10px;}
.rpad_15 {padding-right:15px;}
.rpad_20 {padding-right:20px;}
.rpad_30 {padding-right:30px;}

select {font-size:13px; color:#666666; border:1px solid #d4d4d4; background:#fff; padding:4px;}
.input {border:0px; font-size:13px; color:#545454; border:1px solid #d4d4d4; background:#fff; padding:8px 4px;}
.search_input { font-size:13px; color:#555;  border: #d4d4d4 1px solid; background: #fff;}
.textarea {font-size:13px; color:#666666; border:1px solid #ddd; line-height:19px;}


/***** 로그인 ****/
#login {position:relative; padding:0 15px 15px 15px; font-size:13px;}
#login .login_ex  {padding-bottom:30px;}
#login .login_order {border-top:1px dashed #ccc; padding:30px 0;}
#login .login_orderlist {border-top:1px dashed #ccc; padding-top:30px;}
#login fieldset {}
#login ul {width:100%; margin:0 auto 10px auto;}
#login li {margin-bottom:5px;}
#login li input[type=text], #login li input[type=password] {width:100%; box-sizing:border-box;}
#login .login_checkbox {padding-bottom:10px; font-size:13px;}
#login .btn_b {width:100%; height:42px; line-height:40px; font-size:13px;}
#login .login_btn {text-align:center; padding:8px 0;}
#login .login_btn a:link, 
#login .login_btn a:visited {position:relative; padding:0 10px; font-size:13px; font-weight:100; font-family:"NotoKR-Medium",sans-serif;}
#login .login_btn a:before {position:absolute; top:2px; left:0; width:1px; height:14px; background:#dedede;content:""}
#login .login_btn a:first-child:before {display:none}
#login h2 {color:#333; font-size:15px; padding-bottom:5px; font-weight:100; font-family:"NotoKR-Medium",sans-serif;}
#login span {color:#666; display:block; padding-bottom:10px; font-size:13px;}
#login .btn_g, #login .btn_wb  {width:40%; height:42px; line-height:42px; font-size:14px; font-weight:100; font-family:"NotoKR-Medium",sans-serif;}


/***** 회원가입 동의 *****/
.mem_level {position:relative; overflow:hidden; margin-bottom:30px; background:#f6f6f6; padding:20px 15px;}
.mem_level ul {overflow:hidden; float:right;}
.mem_level li {float:left; padding:0 12px 0 8px; background:url(/admin/member/skin/memberBasic_m/image/mem_arrow.png) right center no-repeat; background-size:5px auto; text-align:center; font-size:13px;}
.mem_level li:first-child {padding-left:0;}
.mem_level li:last-child {background:none !important; padding-right:0;}
.mem_level li span {font-weight:100; font-family:"NotoKR-Medium",sans-serif; font-family:"PT sans", Arial, Tahoma, Verdana, sans-serif;}
.mem_level li.hover {color:#333; background:url(/admin/member/skin/memberBasic_m/image/mem_arrow_up.png) right center no-repeat; background-size:5px auto; text-align:center; font-weight:100; font-family:"NotoKR-Medium",sans-serif;}
.mem_level li.hover span {font-weight:100; font-family:"NotoKR-Medium",sans-serif; font-family:"PT sans", Arial, Tahoma, Verdana, sans-serif;}

#joinAgree {padding-bottom:30px;}
#joinAgree .join-label {padding: 15px; border-bottom: 1px solid #333;}
#joinAgree .join-label .inp_chk{margin: 0; font-size:13px;}
#joinAgree .privacy-item {background: #fff; border-bottom: 1px solid #ccc; padding:12px;}
#joinAgree .privacy-item .privacy-head {position: relative;padding-right: 90px;}
#joinAgree .privacy-item .privacy-head .inp_chk {padding-left: 30px; margin: 0; }
#joinAgree .privacy-item .privacy-head .inp_chk input {position: absolute; left: 0; top: 2px; }
#joinAgree .privacy-item .privacy-head .inp_chk label {margin-left: 0px; display: inline-block; font-size:13px;}
#joinAgree .privacy-item .privacy-head label,
#joinAgree .privacy-item .privacy-head input {vertical-align: middle; }
#joinAgree .privacy-item .privacy-head .option {position: absolute; top: 50%; right: 0; border: 1px solid #ccc; padding:5px; margin-top: -15px;}
#joinAgree .privacy-item .privacy-body {margin-top: 10px; padding-top: 2px;}
#joinAgree .privacy-item .privacy-body textarea {height:150px; width:98%; padding:1%;}
#joinAgree .toggle-item.toggle-open .privacy-body {display: none;}
#joinAgree .btn {text-align:center; }
#joinAgree .btn input[type=button] {width:40%; height:42px; line-height:40px; font-size:13px;}
#joinAgree .btn-reset {background:#fff; font-size:13px;}

/* 아이디/패스워드 찾기 */
.idpw_box {background:#f5f5f5; border:1px solid #ededed; height:100%;  padding:30px 5%; width:270px; margin:0 auto;}

.find_form {margin:0 auto;}
.find_form p.tit_search {width:100%; display:inline-block; padding-bottom:10px; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.find_form fieldset {border:0px; background:none;}
.find_form lable {display:hidden;}

.find {position:relative;}
.find p {margin-bottom:2px; clear:both; *zoom:1; padding:0; line-height:0; vertical-align:top; font-size:0; height:23px;}
.find p span {display:block; float:left; width:45px;}
.find p span img {margin-top:5px;}
.find input.input_id {border-top:1px soild #d0d0d0; border-right:1px soild #e9e9e9; border-bottom:1px soild #e9e9e9; border-left:1px soild #d0d0d0; font-family:"돋움"; color:#666; font-size:12px; vertical-align:top;}
.find input.input_idpw {border-top:1px soild #d0d0d0; border-right:1px soild #e9e9e9; border-bottom:1px soild #e9e9e9; border-left:1px soild #d0d0d0; font-family:"돋움"; color:#666; font-size:12px; vertical-align:top;}
.find p.confirm {position:absolute; right:5px; top:0px;}


/* 회원가입, 정보수정 */
#join_input .join_input_tit {padding-bottom:10px; overflow:hidden;}
#join_input .join_input_tit h3 {font-size:14px; color:#333; font-weight:100; font-family:"NotoKR-Medium",sans-serif; }
#join_input .join_input_tit h3 span {display:block; font-size:12px; color:#666; letter-spacing:-0.5pt; font-weight:400; padding-top:5px; color:#ff0000;}
/*#join_input .joinfrm_basic {border-top:1px solid #333; padding:10px 0 30px 0;}
#join_input  .input_wrap {display: table; width:100%;}
#join_input  .input_title {display: table-cell; min-width: 90px; width: 27%; height: 36px; line-height: 36px; font-size:13px; font-weight:100; font-family:"NotoKR-Medium",sans-serif;  padding:5px 0;}
#join_input  .input_content {display: table-cell; vertical-align: top; padding:5px 0; font-size:13px;}
#join_input  .form_sub {font-size:12px; padding-top:5px; line-height:16px;}
#join_input  .form_sub strong {margin-right:10px;}

	/*ui 주소입력서식
	.input_address .post-search{vertical-align: middle; width: 66px;}
	.input_address .zipcode {display: inline-block; vertical-align: middle;}
	.input_address .zipcode-flex input[type=button]{padding:9px 15px; border:1px solid #a3a3a3; color:#666; background:#fff; font-size:13px;}
	.input_address .zipcode-flex .zipcode {display: inline-block;}
	.input_address .zipcode-flex .zipcode input{}
	.input_address .zipcode-fix {}
	.zipcode-block {position: relative;}

#join_input .zipcode-block+.zipcode-block {margin-top: 5px;}*/
#join_input .joinfrm {padding-bottom:30px;}
#join_input .join_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
#join_input .join_table th {min-width:80px; width:25%; color:#333; text-align:left; padding:12px 10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; font-size:13px; font-weight:100; font-family:'NotoKR-Medium', sans-serif;}
#join_input .join_table td {padding:12px 10px; border-bottom:1px solid #d9d9d9; font-size:13px;} 
#join_input .join_table td input[name="fname[2][]"] {display:inline-block;}
#join_input .form_sub {display:block; padding-top:5px; color:#666; font-size:12px;}
#join_input .form_sub strong {display:block; margin-bottom:3px; font-weight:100; font-family:'NotoKR-Medium', sans-serif;}
#join_input .join_table input.add_num {margin-bottom:8px; width:152px;}
#join_input .join_table input.address {margin-bottom:8px; width:100%; box-sizing:border-box;}
#join_input .join_table input.address_end {margin-bottom:0px; width:100%; box-sizing:border-box;}
#join_input .join_table select {padding:8px 7px;}
#join_input .join_table input[type=text],
#join_input .join_table input[type=password] {border:1px solid #d0d0d0; color:#666; font-size:13px; padding:0 5px; height:33px; line-height:33px; vertical-align:middle;}
#join_input .join_table input[type=button] {padding:8px 11px; border:1px solid #a3a3a3; color:#666; background:#fff; font-size:13px; cursor:pointer;}
#join_input .join_btn {text-align:center; padding-top:20px;}
#join_input .join_btn .btn_b {display:inline-block; width:40%; height:42px; line-height:40px; font-size:13px;}
#join_input .join_btn .btn_wb {display:inline-block; width:40%; height:42px; line-height:40px; font-size:13px;}

/***** 회원가입 완료 *****/
#joinOk {text-align:center; padding:25px 15px; border:1px solid #ddd;}
#joinOk h2 {font-size:18px; padding-bottom:10px; font-weight:100; font-family:"NotoKR-Regular",sans-serif; color:#333;}
#joinOk p {font-size:13px; margin:0 auto 15px auto; width:90%; border-bottom:1px dashed #ccc; padding-bottom:15px;}

.pad_b {width:40% !important; text-align:center; height:42px !important; line-height:42px !important;  cursor:pointer;}

/****** 회원탈퇴 ******/

#joinOut {}
#joinOut .join_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
#joinOut .join_table th {color:#333; text-align:left; padding:12px 0 12px 12px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; font-weight:100; font-family:'NotoKR-Medium', sans-serif;}
#joinOut .join_table td {padding:12px 0 12px 12px; border-bottom:1px solid #d9d9d9;} 
#joinOut .join_table input[type=text] {border:1px solid #d0d0d0; color:#666; font-size:13px; height:33px; line-height:33px; vertical-align:middle; padding:0 8px; width:100%; box-sizing:border-box }
#joinOut .join_table textarea {height:150px; width:100%; padding:8px; box-sizing:border-box;} 
#joinOut .btn {text-align:center; padding-top:20px;}
#joinOut .btn .btn_b {width:40%; height:42px; line-height:40px;}
#joinOut .btn .btn_wb {width:40%; height:42px; line-height:40px;}


/* 동의 */
.agree_box {padding:4%; border:3px solid #eaeaea; width:90%; background:#fff;}
.agree_box .agree_dot {display:inline-block; width:100%; background:url('/admin/member/skin/memberBasic/image/agree_dot.gif') top left repeat-x; margin-bottom:10px;}
.agree_box .text .textarea {width:97%; height:130px; overflow-y:scroll; line-height:130%; letter-spacing:-0.075em; font-size:1.0em; line-height:150%;}
.agree_box .agreecheck {text-align:right; padding-top:8px; font-size:1.0em;}
.agree_box .agreecheck input {vertical-align:middle;}

.btn {padding-top:20px; text-align:center;}


/* 실명 체크 */
.namecheck { width:99%; border:3px solid #eaeaea; width:95%; background:#fff; padding:15px;}
.namecheck .agree_dot {display:inline-block; width:100%; background:url('/admin/member/skin/memberBasic/image/agree_dot.gif') top left repeat-x; margin-bottom:10px;}
.namecheckFrm {margin:0 auto; width:300px;}
.namecheckFrm ul {overflow:hidden; *zoom:1;}
.namecheckFrm li {clear:both; *zoom:1; height:22px;}
.namecheckFrm li p {float:left; width:30%;}
.namecheckFrm li span {float:left;}

/** 회원구분 **/
.mem_division{padding:0 2% 30px;}
	.mem_division .mem_division_in{box-sizing:border-box; padding:0 0 20px;}
	.mem_division > div:last-child{border-top:1px dashed #ccc; padding-top:20px}
	.mem_division_in h5{font-size:16px; font-weight:100; font-family:'NotoKR-Medium', sans-serif;  color:#333; letter-spacing:-1pt;}
	.mem_division_in p{font-size:13px; letter-spacing:-0.35pt; color:#858585;padding:3px 0 15px }
	.mem_division_in a{display:block; width:100%; height:42px; line-height:42px; color:#fff; font-size:13px; letter-spacing:-0.7pt; text-align:center; background:#494949; }
		.mem_division_in a.btnFace{background:url('/member/skin/memberBasic/image/mem_btnFace.gif') no-repeat 62px 21px, #395f9f; }
		.mem_division_in a.btnKakao{background:url('/member/skin/memberBasic/image/mem_btnKakao.gif') no-repeat 57px 21px, #fddc00; color:#61522b; }
		.mem_division_in a.btnNaver{background:url('/member/skin/memberBasic/image/mem_btnNaver.gif') no-repeat 60px 24px, #00c300; }
	.mem_division_in li{margin:0 0 2px 0; }



/*******************************************************************************
	@media 321~480px
*******************************************************************************/
@media all and (max-width:480px){

.mem_level li {font-size:12px; padding:0 10px 0 5px}


}